/* 21 TSI: oversize editorial type, one machine in frame, hairline navigation. */
:root{--hero:clamp(70px,9.5vw,220px);--h2:clamp(50px,7.3vw,150px);--body:clamp(15px,1.16vw,23px);--pad:clamp(24px,3.2vw,76px)}
.head{padding-top:50px}.head_line{opacity:.55}.head_nav{gap:28px}
.title{line-height:.98;letter-spacing:-.045em}.title_hero{font-weight:300;line-height:.9;letter-spacing:-.055em}
.hero_a{bottom:13vh;max-width:9.5ch}.hero_b{max-width:12ch;font-size:clamp(64px,7.2vw,180px);bottom:12vh}
.hero_side{bottom:13vh;width:25vw;max-width:350px;font-size:clamp(15px,1.15vw,21px);line-height:1.5}
.hero_side .link_line{margin-top:2.2em}.scroll_btn{bottom:5vh;width:90px;height:90px;font-size:11px}
.scene_hero .pin::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 70%),linear-gradient(90deg,#0003,transparent 65%);pointer-events:none}
.hero-kicker{position:absolute;top:26vh;left:var(--pad);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.scene-caption{position:fixed;z-index:8;right:var(--pad);bottom:26px;display:flex;gap:20px;align-items:center;font-size:10px;letter-spacing:.13em;text-transform:uppercase;pointer-events:none;color:#fffc}
.scene-caption i{width:38px;height:1px;background:#fff8}
.panel{text-shadow:none;background:#0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-left:1px solid #ffffff20}
.panel_left{border-left:0;border-right:1px solid #ffffff20}
.acc h3{font-weight:300}.acc_c p{line-height:1.5;color:#fffd}.acc li{padding:1.8vh 0}
.bottom_row{grid-template-columns:1fr 28vw;bottom:11vh}.bottom_row .side{font-size:clamp(15px,1.16vw,22px);line-height:1.5}
.manifest{width:41vw;font-size:clamp(35px,3.8vw,82px);font-weight:300;line-height:1.09}
.contact_big{font-size:clamp(60px,10.3vw,250px);font-weight:300;text-transform:none}
.tabs_l{letter-spacing:.09em;font-size:11px}
#hud circle{stroke:rgba(255,255,255,.33)}
@media(max-width:760px){
 :root{--pad:24px;--hero:clamp(52px,13.8vw,90px);--h2:clamp(42px,11vw,70px)}
 .head{padding-top:35px}.hero-kicker{top:18vh;font-size:10px;max-width:22ch;line-height:1.6}
 .hero_a,.hero_b{top:29vh;bottom:auto;max-width:10ch;font-size:clamp(50px,12vw,80px)}
 .hero_side{bottom:80px;max-width:31ch;width:auto;font-size:15px;line-height:1.45;right:24px}
 .hero_side .link_line{margin-top:16px}.scroll_btn{bottom:40px;width:64px;height:64px;font-size:9px}
 .scene-caption{bottom:20px;font-size:9px}.scene-caption i{width:22px}
 .bottom_row{grid-template-columns:1fr;bottom:64px;gap:24px}.bottom_row .side{font-size:15px}
 .manifest{left:24px;width:calc(100% - 48px);font-size:clamp(30px,8vw,43px)}
 .panel{background:#0008;backdrop-filter:blur(10px)}.panel_right{padding-bottom:54px}.panel_left{top:14vh}
 .acc li.on .acc_c{max-height:34vh}.acc_c img{display:none}.contact_big{font-size:13vw}
 #request .pin{overflow-y:auto}#request .bottom_row{position:relative;padding-top:125px;padding-bottom:70px;left:auto;right:auto;bottom:auto}
 .scene_contact .scene-caption{display:none}
}
@media(max-height:650px) and (min-width:761px){.hero-kicker{top:24vh}.hero_a{font-size:8vw}.hero_b{font-size:6vw}.scroll_btn{width:64px;height:64px}.bottom_row .side{font-size:14px}.title{font-size:5vw}}

#photo-static{position:fixed;inset:0;z-index:0;background:#151313 center/cover no-repeat;pointer-events:none;transition:filter .7s ease}

#photo-static{background:#151313;overflow:hidden;transition:filter .7s ease}#photo-static>div{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transition:opacity 1s ease,transform 1.8s ease;will-change:opacity}#photo[hidden]{display:none}@media(prefers-reduced-motion:reduce){#photo-static,#photo-static>div{transition:none}}

/* Hidden fixed scenes must not allocate full-screen filter surfaces. */
.scene:not(.in):not(.leaving) .pin{display:none}
.panel{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0007}
[data-fade] .fw,.manifest .rw,[data-split].out,[data-fade].out{filter:none!important}