/* The opening is a working digital studio, not a fashion storefront. */
.experience-active .scene-space{background:#090a0c}
.webgl-scene{background:radial-gradient(ellipse at 75% 60%,#20212a 0%,#090a0c 70%)}
.webgl-scene[data-renderer="fallback"]{background:repeating-linear-gradient(22deg,transparent 0 18px,#f3efe80c 19px 20px),radial-gradient(ellipse at 75% 60%,#30251f,#090a0c 70%)}
#hero-film-toggle{position:absolute;right:25px;bottom:55px;z-index:8;pointer-events:auto;background:#0b0b0de6;color:#f3efe8;border:1px solid #f3efe866;padding:12px 18px;font-size:12px;border-radius:30px;min-height:44px}
#hero-film-toggle[hidden]{display:none}
#hero-film-toggle:focus-visible{outline:2px solid #ff5a43;outline-offset:4px}
.experience-active .intro-scene{bottom:19%;max-width:49vw}
.experience-active .intro-scene h1{font-size:clamp(48px,4.9vw,89px);text-transform:none;line-height:1.04;letter-spacing:-.06em}
.experience-active .intro-scene .scene-lead{max-width:420px;font-size:15px;line-height:1.75}
.intro-actions{display:flex;gap:24px;margin-top:24px;align-items:center}
.intro-actions a{pointer-events:auto;border-bottom:1px solid #e4e4d3;padding:10px 0;font-size:12px}
.intro-actions a:first-child{background:#f3efe8;color:#101414;padding:13px 18px;border:none}
.intro-actions a:focus-visible{outline:2px solid #ff5a43;outline-offset:4px}
.intro-location{font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:#bfc1b9!important;margin-top:23px!important}
.scene-opening{display:block;position:relative;margin:30px var(--pad);color:#f3efe8;pointer-events:auto}
.experience-active .scene-opening{position:absolute;right:7%;top:27%;width:33%;margin:0;transform:perspective(1300px) rotateY(-7deg);transform-origin:50% 50%}
.opening-screen{background:#111315;border:1px solid #f3efe844;border-radius:3px;box-shadow:0 25px 85px #0009;overflow:hidden}
.opening-screen img{width:100%;height:auto;object-fit:contain;object-position:top}
.opening-screen .browser-line{height:26px;font-size:12px}
.opening-screen>span{display:flex;justify-content:space-between;padding:12px;font-size:12px;letter-spacing:.06em;background:#151b1b}
.opening-screen b{color:#ff8069;font-size:14px}
.screen-foot{display:none}
.scene-opening>p{font-size:12px;letter-spacing:.02em;text-align:center;margin-top:14px;color:#d8d8ce}
.capability-entry{padding:70px var(--pad);background:#111413;border-top:1px solid #353b36;border-bottom:1px solid #353b36}
.capability-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}
.capability-heading h2{font-size:clamp(32px,4vw,62px);max-width:690px;margin-top:20px}
.capability-heading>p{color:#b9bdb7;max-width:380px;font-size:14px}
.capability-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #40453e}
.capability-paths a{padding:30px 25px 22px 0;border-right:1px solid #40453e;min-width:0;display:flex;flex-direction:column;gap:18px}
.capability-paths a+a{padding-left:25px}.capability-paths a:last-child{border-right:none}
.capability-paths h3{font-size:26px;line-height:1.1;letter-spacing:-.04em}.capability-paths p{font-size:13px;color:#aeb6ac;line-height:1.65}
.capability-paths span{margin-top:auto;padding-top:16px;font-size:12px;color:#ff9a85}
.capability-paths a:hover h3{color:#ff9a85}
.capability-paths a:focus-visible{outline-offset:5px}
.studio-evidence{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:85px var(--pad);border-bottom:1px solid #303731}
.studio-evidence h2{font-size:clamp(34px,4vw,62px)}.studio-evidence p{color:#adb6ad;font-size:15px;margin-top:23px;max-width:650px}
.studio-evidence dl{margin:0}.studio-evidence dl>div{border-top:1px solid #3a443a;padding:19px 0}.studio-evidence dt{font-size:13px;color:#f3efe8}.studio-evidence dd{margin:9px 0 0;color:#aeb8b0;font-size:13px;line-height:1.6}
.brand-installation:after{background:linear-gradient(90deg,#111510f2 10%,#111510b3 36%,transparent 70%)}
.material-label{background:#111510b3;padding:8px;color:#e0e2d8}
@media(max-width:800px){
 .experience-active .fashion-frame video{object-fit:contain;object-position:center 70%;background:#080a0c}
 .experience-active .detail-scene{top:21%}
 #hero-film-toggle{bottom:100px;right:24px;font-size:12px;padding:10px 14px}
 .experience-active .cinema-vignette{background:linear-gradient(180deg,#080d10aa 0%,#080d10db 48%,#080d1033 72%,#080d1077 100%)}
 .experience-active .intro-scene{top:17%;bottom:auto;max-width:88vw;transform:none}
 .experience-active .intro-scene h1{font-size:clamp(38px,7.5vw,57px)}
 .experience-active .intro-scene .eyebrow{font-size:12px;margin-bottom:17px}
 .experience-active .intro-scene .scene-lead{font-size:12px;line-height:1.6;margin-top:18px;max-width:330px}
 .intro-actions{gap:18px;margin-top:17px}.intro-actions a{font-size:12px}.intro-actions a:first-child{padding:11px 13px}
 .intro-location{display:none}
 .experience-active .scene-opening{width:72%;top:auto;bottom:12%;right:13%;transform:perspective(1200px) rotateY(-6deg)}
 .opening-screen{border-width:5px;border-bottom-width:8px}.opening-screen img{height:15vh;min-height:95px;max-height:165px}.opening-screen>span{padding:8px;font-size:12px}.opening-screen .browser-line{height:19px}.screen-foot{height:22px}.scene-opening>p{font-size:12px;margin-top:8px}
 .capability-heading{display:block}.capability-heading>p{margin-top:24px}.capability-paths{grid-template-columns:1fr 1fr}.capability-paths a:nth-child(2){border-right:0}.capability-paths a:nth-child(3){padding-left:0;border-top:1px solid #40453e}.capability-paths a:nth-child(4){border-top:1px solid #40453e}.capability-paths h3{font-size:23px}.capability-paths p{font-size:12px}
 .studio-evidence{grid-template-columns:1fr;gap:35px}.brand-installation:after{background:linear-gradient(180deg,#111510fa 5%,#111510bb 38%,transparent 72%)}
}
@media(max-height:760px) and (max-width:800px){.experience-active .intro-scene{top:15%}.experience-active .intro-scene h1{font-size:34px}.experience-active .intro-scene .scene-lead{font-size:12px;margin-top:12px}.experience-active .scene-opening{bottom:11%;width:60%;right:18%}.scene-opening>p,.opening-screen>span{display:none}}
