.ix-sc01 .txt--cont h1 {
    font-size: 3.2rem;
}

.ix-sc01 .txt--cont h3 {
    font-size: 1.8rem;
}

.ix-sc01 .ovr {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.ix-sc01 .ovr h2 {
    font-family: "Fira Sans", sans-serif;
    font-size: 2.3rem;
}

.ix-sc01 .ovr h5 {
    font-family: "Fira Sans", sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: 0.4rem;
    text-align: center;
}

.ix-sc01 .ovr .ovr--lft,
.ix-sc01 .ovr .ovr--rgt {
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.3s ease-out;
}

.ix-sc01 .ovr .ovr--lft:hover,
.ix-sc01 .ovr .ovr--rgt:hover {
    background-color: rgba(255, 255, 255, 0);
    opacity: 1;
    transition: 0.3s ease-out;
}

.ix-sc01 .video--cont {
    width: 100%;
    margin: 4rem auto 0rem;
    overflow: hidden;
    position: relative;
}

.ix-sc01 .video--cont video {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
}

.ix-sc01 .txt--cont {
    width: 94%;
    margin: 5.4rem auto 0;
    z-index: 9;
    font-size: 2.6rem;
    color: #fff;
}

.ix-sc01 .txt--cont h1 {
    color: #fff;
}

.ix-sc01 .txt--cont h3 {
    font-size: 1.8rem;
    font-weight: 400;
    margin-top: 0;
    color: #fff;
}

.ix-sc02 .img {
    aspect-ratio: 16/9;
    overflow: hidden;
}

.show {
    visibility: visible !important;
    opacity: 1 !important;
    transition: 0.5s;
}

body {
    font-family: "Noto Sans Display", sans-serif;
    font-weight: 500;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #fff;
    font-family: "Fira Sans", sans-serif;
    font-weight: 500;
}

.h1 {
    font-size: calc(2.4rem + 1.6vw);
    line-height: calc(2.6rem + 1.6vw);
}

.h2 {
    font-size: calc(1.8rem + 1.2vw);
    line-height: calc(2.2rem + 1.2vw);
}

.h3 {
    font-size: calc(1.6rem + 0.6vw);
    line-height: calc(1.7rem + 0.6vw);
    font-weight: 400;
}

.btn--alt,
.btn-hr {
    padding: 0.8rem 2rem;
    border-radius: 2.2rem;
    font-weight: 800;
    font-size: 1.2rem;
    font-family: "Fira Sans", sans-serif;
    cursor: pointer;
    transition: 0.3s ease-out;
}

.span {
    color: #999;
    line-height: 2.6rem;
    line-height: calc(1.6rem + 0.8vw);
}

main a:not(footer a) {
    display: block;
    cursor: pointer;
}

.ckalrt a {
    display: inline-block !important;
}

.cont {
    display: flex;
}

.cont--alt {
    display: flex;
    background-color: #171717;
}

.btn--alt,
.btn-hr {
    display: inline-block;
}

.btn-hr {
    background-color: #fff;
}

.btn--alt {
    background-color: #000;
    color: #fff;
}

.btn--ref {
    color: #fff;
    cursor: pointer;
}

.btn--alt:hover,
.btn-hr:hover {
    transform: scale(0.97);
    transition: 0.3s ease-out;
}

.btn--ref:hover {
    text-decoration: underline;
}

.ix-sc01 {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: calc(6rem + 3vw);
}

.ix-sc01 .txt {
    width: 34rem;
    margin: calc(10vh + 4rem) auto auto 8vw;
}

.ix-sc01 .txt h1 {
    margin: 0 0 4rem;
    font-size: calc(2rem + 2.1vw);
    line-height: calc(1.8rem + 1.9vw);
    font-weight: 600;
}

.ix-sc01 .txt .btn-hr {
    font-size: 1.2rem;
}

.ix-sc01 .img {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    z-index: -1;
}

.ix-sc02 .txt,
.ix-sc03 {
    width: calc(94% - 2.8rem - 4vw);
}

.ix-sc01 .img canvas {
    min-width: 100%;
    min-height: 130%;
    object-fit: cover;
    object-position: center;
    margin: calc(-3vw - 3vh) 0 auto auto;
}

.ix-sc02 {
    margin: 2rem 0;
}

.ix-sc02 .txt {
    max-width: 900px;
    margin: auto;
    text-align: center;
}

.ix-sc02 .txt h1 {
    margin: 0 auto 1.6rem;
}

.ix-sc02 .txt .txt--dtl,
.ix-sc08 .txt .txt--dtl {
    margin: 2.4rem auto;
    font-family: "Fira Sans", sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    color: #fff;
}

.ix-sc02 .img {
    width: 94%;
    max-width: 1600px;
    max-height: 80vh;
    margin: 6rem auto;
}

.ix-sc02 .img img,
.ix-sc02 .img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ix-sc03 {
    max-width: 1200px;
    margin: calc(6rem + 3vw) auto;
}

.ix-sc04,
.ix-sc05,
.ix-sc06,
.ix-sc06 .txt {
    max-width: calc(1200px + 2.8rem + 4vw);
}

.ix-sc03 .cont .cont--alt {
    width: calc(50% - 0rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: transparent;
}

.ix-sc03 .cont .cont--alt .txt h2 {
    margin-bottom: 0.8rem;
}

.ix-sc03 .cont .cont--alt .cont--opt .ttl,
.ix-sc05 .cont .cont--alt .txt h3 {
    margin: 0 0 0.4rem;
}

.ix-sc03 .cont .cont--alt .cont--opt {
    margin: 3.8rem 0 0;
    color: #fff;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
}

.ix-sc03 .cont .cont--alt .cont--opt .opt {
    display: flex;
    gap: 0.8rem;
}

.ix-sc03 .cont .cont--alt .cont--opt .opt .slct {
    width: auto;
    display: inline-block;
    position: relative;
}

.ix-sc03 .cont .cont--alt .cont--opt .opt .slct .img--cont {
    height: 2.4rem;
    width: 2.4rem;
    border-radius: 50%;
    border: 2px solid #999;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    transition: 0.3s ease-out;
}

.ix-sc03 .cont .cont--alt .cont--opt .opt .slct img {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-radius: 50%;
    margin: auto;
    pointer-events: none;
    transition: 0.3s ease-out;
}

.ix-sc03 .cont .cont--alt .cont--opt .opt .slct input {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    opacity: 1;
}

.ix-sc03 .cont .cont--alt .cont--opt .opt .slct input[type="radio"]:checked+.img--cont {
    border: 3px solid green;
    margin: -1px;
    transition: 0.3s ease-out;
}

.ix-sc03 .cont .cont--alt .cont--opt .opt .slct input[type="radio"]:checked+.img--cont img {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    transition: 0.3s ease-out;
}

.ix-sc03 .cont .cont--alt .btn--cont {
    margin: 3.4rem 0 0;
    display: grid;
    place-items: start;
}

.ix-sc03 .cont .cont--alt .btn--alt--bd {
    border-radius: 2.2rem;
    position: relative;
    background: #5dc1bb;
    background: linear-gradient(90deg, #5dc1bb 0, #fff 100%);
}

.ix-sc03 .cont .cont--alt .btn--alt {
    margin: 2px;
    transition: 0.3s ease-out;
}

.ix-sc03 .cont .cont--alt .btn--alt:hover {
    color: #000;
    background: 0 0;
    transition: 0.3s ease-out;
}

.ix-sc03 .cont .cont--alt .img {
    width: 100%;
    aspect-ratio: 2/3;
    display: flex;
}

.ix-sc04 .cont--alt,
.ix-sc05 .cont .cont--alt .txt {
    width: calc(100% - 2.8rem - 4vw);
    padding: calc(1.4rem + 2vw);
}

.ix-sc03 model-viewer {
    width: 100%;
    height: 100%;
    max-height: 76vh;
    margin: auto;
}

.ix-sc03 .cont .cont--alt .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ix-sc04 {
    width: 94%;
    margin: 0 auto calc(8rem + 4vw);
}

.ix-sc04 .cont--alt {
    margin: auto;
}

.ix-sc04 .cont--alt .txt h3 {
    margin: 0 0 0.8rem;
}

.ix-sc04 .cont--alt .txt h2 {
    margin: 0 0 1rem;
}

.ix-sc04 .cont--alt .txt .btn--ref {
    margin: 1.8rem 0 0;
    color: #fff;
}

.ix-sc05 {
    width: 94%;
    margin: auto;
}

.ix-sc05 .cont {
    display: flex;
    justify-content: space-between;
}

.ix-sc05 .cont .cont--alt {
    width: calc(50% - 1rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ix-sc05 .cont .cont--alt .txt {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.ix-sc05 .cont .cont--alt .img {
    width: 100%;
    aspect-ratio: 1/1;
}

.ix-sc05 .cont .cont--alt .img img,
.ix-sc06 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ix-sc05 .cont .cont--alt .txt h3 {
    font-weight: 500;
}

.ix-sc05 .cont .cont--alt .txt span {
    display: block;
    margin: 0.6rem 0 1.8rem;
    font-weight: 400;
}

.ix-sc06 {
    width: 94%;
    margin: 0 auto calc(8rem + 4vw);
    display: flex;
    flex-direction: column;
    position: relative;
}

.ix-sc06 .img {
    width: 100%;
    height: 100%;
    margin: 0;
    aspect-ratio: 7/5;
    position: relative;
}

.ix-sc06 .txt {
    width: calc(94% - 2.8rem - 4vw);
    margin: calc(6rem + 3vw) auto 0;
    text-align: center;
}

.ix-sc06 .txt h2 {
    font-weight: 600;
    font-size: calc(3.4rem + 1.4vw);
    line-height: calc(2.8rem + 1.2vw);
}

.ix-sc06 .txt span {
    display: block;
    margin-bottom: 2rem;
}

.ix-sc06 .txt--abs {
    position: absolute;
    top: 50%;
    left: 3.8rem;
    transform: translateY(-50%);
}

.ix-sc06 .txt--abs h2 {
    padding: 0.4rem 0.2rem;
    font-weight: 800;
    font-size: calc(2rem + 1.2vw);
    line-height: calc(2rem + 1.2vw);
    background-color: rgba(83, 127, 231, 0.5);
    display: inline-block;
    white-space: nowrap;
}

.ix-sc06 .txt--abs span {
    display: block;
    margin: 0.8rem 0 2.8rem;
    color: #bbb;
}

.ix-sc07,
.ix-sc08 {
    width: 100%;
    max-width: 1600px;
    margin: calc(8rem + 4vw) auto;
}

.ix-sc07 .cont--alt {
    flex-direction: column;
    background-color: transparent;
}

.ix-sc07 .cont--alt h2,
.ix-sc08 .cont .txt {
    width: calc(94% - 2.8rem - 4vw);
    max-width: 1200px;
    margin: auto;
}

.ix-sc07 .cont--alt .img {
    width: 94%;
    aspect-ratio: 5/3;
    margin: 1.4rem auto 1.8rem;
    position: relative;
}

.ix-sc07 .cont--alt .img--ovr {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.ix-sc07 .cont--alt .img img,
.ix-sc08 .cont .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ix-sc07 .cont--alt span {
    width: calc(94% - 2.8rem - 4vw);
    max-width: 1200px;
    margin: 0 auto;
}

.ix-sc07 .cont--alt .btn--ref,
.ix-sc08 .cont .btn--ref {
    width: calc(94% - 2.8rem - 4vw);
    max-width: 1200px;
    margin: 2rem auto 0;
}

.ix-sc08 .cont {
    flex-direction: column;
}

.ix-sc08 .cont .txt b {
    color: #eee;
    font-weight: 500;
}

.ix-sc08 .cont .col {
    width: calc(94% - 2.8rem - 4vw);
    display: flex;
    justify-content: space-between;
}

.ix-sc08 .cont .col>* {
    width: calc(50% - 1.4rem);
}

.ix-sc08 .cont .img {
    width: 94%;
    margin: 2rem auto 4rem;
}

.ix-sc08 .cont h2 {
    font-size: calc(1.8rem + 1.2vw);
    line-height: calc(2.2rem + 1.2vw);
    margin: 0 0 0.6rem;
}

.ix-sc08 .cont .h3 {
    font-size: calc(1.1rem + 1.1vw);
    line-height: calc(1.3rem + 1.3vw);
    font-weight: 500;
    margin: 0 0 0.2rem;
}

.ix-sc09 {
    width: 94%;
    max-width: 1600px;
    margin: calc(6rem + 3vw) auto 0;
}

.ix-sc09 .cont {
    height: 100rem;
    max-height: 70vh;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.ix-sc09 .cont::-webkit-scrollbar {
    display: none
}

.ix-sc09 .cont .scrl {
    height: 100%;
    flex-shrink: 0;
}

.ix-sc09 h2 {
    width: calc(100% - 2.8rem - 4vw);
    max-width: 1200px;
    margin: 0 auto 2.4rem;
}

.ix-sc09 .img--cont {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    width: auto;
}

.ix-sc09 .img--cont .img {
    /* min-width: 28%; */
    /* max-width: 480px; */
    /* max-height: 70vh; */
    height: 100%;
    aspect-ratio: 9/16;
    margin: 0;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.ix-sc09 .img--cont .img canvas,
.ix-sc09 .img--cont .img video {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.ix-sc09 .img--cont .img .cr-dtl {
    width: 100%;
    position: absolute;
    bottom: 0%;
    left: 0%;
    padding: 5%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.ix-sc09 .img--cont .img .cr-dtl img {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s;
    padding: 4px;
    border: solid 2px #fff;
    /* background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); */
}


/* .ix-sc09 .img--cont .img:hover .cr-dtl {
    background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 90%);
    transition: all 0.3s;
}
.ix-sc09 .img--cont .img:hover .cr-dtl img {
    width: 4.4rem;
    height: 4.4rem;
    transition: all 0.3s;
} */

.ix-sc09 .img--cont .img .cr-dtl .h5 {
    margin: 0 0 0 0.6rem;
    line-height: 1.2rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
}

.ix-sc09 .img--cont .img .cr-dtl b {
    height: 0;
    margin: 0;
    display: block;
    opacity: 0;
    font-size: 1rem;
    font-weight: 500;
    color: #aaa;
    transition: all 0.3s;
}

.ix-sc09 .img--cont .img:hover .cr-dtl b {
    height: 1.4rem;
    opacity: 1;
    transition: all 0.3s;
}

.ix-sc01 .cont {
    height: auto;
    width: 100%;
    margin: 0rem auto 3rem;
    display: flex;
    justify-content: center;
}

.ix-sc01 .cont .inx-hdr {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.ix-sc01 .cont .inx-hdr>* {
    width: auto;
    max-width: 100%;
    margin: 0;
}

.ix-sc01 .cont .inx-hdr .kkr {
    font-size: 1.2rem;
    font-family: 'Noto Sans', sans-serif;
    color: #ccc;
}

.ix-sc01 .cont .inx-hdr h3 {
    max-width: 60rem;
    margin-bottom: 2rem;
    font-size: calc(0.9rem + 0.2vw);
    line-height: calc(1.9rem + 0.2vw);
    font-family: 'Noto Sans', sans-serif;
    color: #ccc;
}

.ix-sc01 .cont .inx-hdr h1 {
    font-size: calc(1.8rem + 1.4vw);
    margin: 0.8rem 0 0;
    font-weight: 500;
    /* text-align: center; */
}

.ix-sc01 .cont .inx-hdr img,
.ix-sc01 .cont .inx-hdr video {
    width: 100%;
    height: calc(100vh - 8rem - 20rem);
    object-fit: cover;
    object-position: center;
}

.ix-sc01 .cont .inx-hdr .img--cont {
    width: 50%;
    height: 50svh;
    overflow: hidden;
    background-color: #171717;
    position: relative;
    text-align: center;
}

.ix-sc01 .cont .inx-hdr .img--cont img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.ix-sc01 .cont .inx-hdr .scrl-mre {
    position: absolute;
    bottom: 3.4rem;
    right: 1rem;
    width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

.ix-sc01 .cont .inx-hdr .img--cont .scrl-01 {
    display: none;
    height: 0;
    width: 0;
}

.ix-sc01 .cont .inx-hdr .img--cont .scrl-04 span {
    width: 60%;
}

.ix-sc01 .cont .inx-hdr .scrl-mre img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
}

.ix-sc01 .cont .inx-hdr .scrl-mre .rtte {
    width: 80%; 
    height: 80%; 
    top: 10%;
    left: 10%;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.ix-sc01 .btn-hdr {
    display: inline-block; 
    margin: 1.2rem 0.4rem 0rem 0; 
    padding: 0.6rem 1.2rem; 
    background-color: transparent; 
    border: solid 1px #fff; 
    color: #fff; 
    border-radius: 2.2rem;
}

.ix-sc01 .btn-full {
    margin: 1.2rem 0 0rem; 
    background-color: #fff; 
    color: #000;
}



@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.ix-sc01 .cont .inx-hdr .cnt-04 {
    width: 100%;
}

.ix-sc01 .cont .inx-hdr .img--ovr {
    width: 84%;
    height: 84%;
    padding-top: 1vh;
    padding-bottom: 1vh;
    position: absolute;
    top: 8%;
    left: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    z-index: 1;
    text-align: left;
    color: #fff;
}

.ix-sc01 .cont .inx-hdr .img--ovr h3 {
    color: #f1f1f1;
    font-size: calc(1.2rem + 2vw);
    font-weight: 500;
    font-family: 'Fira Sans', sans-serif;
    margin-bottom: 1.4vw;
    margin-top: 1.4vw;
    line-height: calc(1.4rem + 2.2vw);
}

/* .ix-sc01 .cont .inx-hdr .cnt-04 h3 {
    font-size: 2rem;
    line-height: 1.4rem;
    margin-bottom: 0.8rem;
} */

.ix-sc01 .cont .inx-hdr .img--ovr span {
    max-width: 60%;
    font-size: 1.1rem;
    font-weight: 300;
    text-decoration: underline;
    display: none;
}

.ix-sc01 .btn--alt {
    margin: 0rem 0 2rem 0;
    transition: 0.3s ease-out;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    font-size: calc(1.1rem + 0.05vw);
    font-weight: 500;
    border: solid 2px #fff;
}

.ix-sc01 .btn--alt-tr {
    background-color: transparent;
    color: #fff;
}

.ix-sc01 .bg--img {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    object-fit: cover;
    object-position: center;
    z-index: -1;
}

.cursor {
    width: calc(3rem + 4vw);
    height: calc(3rem + 4vw);
    border-radius: 50%;
    margin: 0;
    position: fixed;
    pointer-events: none;
    background-color: white;
    mix-blend-mode: difference;
    z-index: 999;
    transition: transform 0.2s;
    transform: rotate(-45deg);
}

@media (orientation: portrait) {
    .ix-sc01 {
        /* aspect-ratio: 16/16; */
    }
}

@media (max-width: 860px) {
    .ix-sc01 {
        margin-bottom: 0;
    }
    .ix-sc01 .cont .inx-hdr .img--cont {
        width: 100% !important;
    }
    .ix-sc01 .cont .inx-hdr .cnt-01,
    .ix-sc01 .cont .inx-hdr .cnt-03 {
        display: none;
        width: 0;
        height: 0;
    }
    .ix-sc01 .cont .inx-hdr .cnt-04 .img--ovr {
        /* justify-content: flex-start !important; */
    }
    .ix-sc01 .cont .inx-hdr .cnt-04 .img--ovr h3 {
        margin-top: 0 !important;
    }
    .ix-sc01 .cont .inx-hdr .img--cont .scrl-02 {
        display: block !important;
        width: 5rem !important;
        height: 5rem !important;
    }
    .ix-sc01 .cont .inx-hdr .img--cont .scrl-04 span {
        width: 92%;
    }
    .ix-sc01 .cont .inx-hdr .img--ovr span {
        max-width: 100% !important;
    }
    .ix-sc09 {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .ix-sc06 .img {
        aspect-ratio: unset;
    }
    .ix-sc09 .img--cont .img {
        /* width: 70%; */
    }
    /* .ix-sc09 .img--cont .img:first-of-type {
        width: 0;
        height: 0;
        display: none;
        opacity: 0;
    } */
}

@media (max-width: 620px) {
    .ix-sc03 {
        margin: 4rem auto 3.6rem;
        /* padding: 4rem 0; */
    }
    .ix-sc03 .cont {
        flex-direction: column;
    }
    .ix-sc03 .cont .cont--alt {
        width: 100%;
    }
    .ix-sc03 .cont .cont--alt:first-of-type>* {
        width: 100%;
        margin-bottom: 4rem;
    }
    .ix-sc05 .cont {
        flex-direction: column-reverse;
    }
    .ix-sc05 .cont .cont--alt {
        width: 100%;
    }
    .ix-sc05 .cont .cont--alt:last-of-type {
        margin-bottom: 3vw;
    }
    .ix-sc08 .cont .img {
        margin: 4rem auto;
    }
    .ix-sc08 .cont .tra {
        aspect-ratio: 3/2;
    }
}

@media (max-width: 580px) {
    .ix-sc08 .cont .col {
        flex-direction: column;
    }
    .ix-sc08 .cont .col>* {
        width: 100%;
    }
    .ix-sc08 .cont .col:first-child {
        margin-bottom: 1.6rem;
    }
}

@media (max-width: 540px) and (orientation: portrait) {
    .btn--alt,
    .btn-hr {
        padding: 0.5rem 2rem;
        font-size: 1.1rem;
    }
    .ix-sc01 {
        aspect-ratio: unset;
    }
    .ix-sc01 .video--cont video {
        width: 201%;
    }
    .ix-sc01 .ovr .ovr--lft {
        width: 100%;
    }
    .ix-sc01 .ovr .ovr--rgt {
        width: 0;
        display: none;
    }
    .ix-sc01 .img {
        height: 84%;
        top: unset;
        bottom: 0;
    }
    .ix-sc06 .img {
        height: 70vh;
    }
}

@media (pointer: coarse) {
    .cursor {
        display: none;
        opacity: 0;
        height: 0;
        width: 0;
    }
}