/* v88 · Mission | Vision: 한 화면 좌우, 가운데 빛나는 벽 틈을 사이에 두고 */
.mvx{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:min(86vh,820px);margin:0 calc(var(--pad) * -1) clamp(80px,9vw,140px);isolation:isolate;overflow:hidden}
.mvx-bg{position:absolute;inset:0;z-index:-1;
 -webkit-mask-image:radial-gradient(ellipse 72% 78% at 50% 50%,#000 38%,transparent 100%);mask-image:radial-gradient(ellipse 72% 78% at 50% 50%,#000 38%,transparent 100%)}
.mvx-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:brightness(.62) saturate(.9);transform:scale(1.08);transition:transform 2.8s cubic-bezier(.2,.7,.1,1)}
.mvx:has(.mvx-col.in) .mvx-bg img{transform:scale(1)}
/* dark wash on each side so type reads, leaving the crack in the middle */
.mvx-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,8,.82) 0,rgba(6,6,8,.45) 34%,rgba(6,6,8,0) 47%,rgba(6,6,8,0) 53%,rgba(6,6,8,.45) 66%,rgba(6,6,8,.82) 100%)}
.mvx-col{display:flex;flex-direction:column;justify-content:center;gap:0;padding:clamp(48px,6vw,96px) clamp(36px,6vw,110px)}
.mvx-l{align-items:flex-end;text-align:right}
.mvx-r{align-items:flex-start;text-align:left}
.mvx-k{display:flex;align-items:baseline;gap:14px;margin:0 0 clamp(26px,3vw,40px)}
.mvx-k b{font:300 14px/1 var(--en);color:#fd4533;letter-spacing:.06em}
.mvx-k span{font:600 clamp(15px,1.2vw,18px)/1 var(--en);letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.mvx-l .mvx-k{flex-direction:row-reverse}
.mvx-col h3{margin:0;font:750 clamp(30px,3.4vw,56px)/1.3 var(--kr) !important;letter-spacing:-.055em !important;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.55)}
.mvx-col h3 mark{padding:0 .08em}
.mvx-sub{margin:clamp(22px,2.4vw,32px) 0 0;font:400 15px/1.6 var(--kr);color:rgba(255,255,255,.55)}
.mvx-col.rv{transition-duration:1.1s}
@media (max-width:820px){
 .mvx{grid-template-columns:1fr;min-height:0}
 .mvx-l,.mvx-r{align-items:flex-start;text-align:left}
 .mvx-l .mvx-k{flex-direction:row}
 .mvx-bg::after{background:rgba(6,6,8,.6)}
 .mvx-r{padding-top:0}
}
/* soft edges on every side so the wall melts into the page; light kept low */
.mvx-bg{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%),radial-gradient(ellipse 72% 90% at 50% 50%,#000 40%,transparent 100%) !important;-webkit-mask-composite:source-in;
 mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%),radial-gradient(ellipse 72% 90% at 50% 50%,#000 40%,transparent 100%) !important;mask-composite:intersect}
.mvx-bg img{filter:brightness(.55) saturate(.82)}
#app .ct-co{max-width:none !important}
/* v90 · 첫 화면 키컬러 박스: 글자 그림자가 덮어 어둡게 보이던 것 → #fd4533 100% */
.wall-copy h2 mark.key-mark,
/* v90 · 첫 화면 키컬러 박스: 글자 그림자가 덮어 어둡게 보이던 것 → #fd4533 100% */
.wall-copy h1 mark.key-mark{position:relative;z-index:2;isolation:isolate;text-shadow:none !important}
.wall-copy h2 mark.key-mark::before,
.wall-copy h1 mark.key-mark::before{background:#fd4533 !important;opacity:1 !important;filter:none !important}