/* The heat surface, car and photographs share one reversible scroll sequence. */
.studio-home{--studio-text:#fffaf5;--studio-muted:#bcb2ae;--header-alpha:0;--journey:0}
.studio-header{background:rgba(8,9,11,var(--header-alpha));backdrop-filter:blur(12px);border-color:#ffffff24;transition:background .2s}
.studio-header .studio-season{border-color:#ffffff55}
.studio-header nav a:is(:hover,:focus-visible,[aria-current]){border-color:currentColor}
.brand-heat{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 85% 20%,#ffcc3d66,transparent 55%),linear-gradient(122deg,#df1800 6%,#ef5000 50%,#ffb400 100%);clip-path:var(--heat-clip,polygon(0 0,100% 0,100% 100%,0 100%));opacity:var(--heat-opacity,1);will-change:clip-path,opacity}
.brand-heat::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0,transparent 150px,#ffffff07 151px,transparent 152px);mix-blend-mode:soft-light}
.studio-home.is-story .car-story{height:420svh}
.studio-home.is-story .studio-hero{z-index:3;transform:translateY(var(--hero-shift,0px))}
.studio-hero__meta,.studio-hero .studio-scroll{color:#fff7e8!important}
.studio-hero__meta{font-size:11px}
.opening-emblem{position:absolute;left:15%;top:16%;width:70%;height:43%;pointer-events:none;transform:translateY(var(--logo-shift,0px));isolation:isolate}
.opening-emblem img{width:100%;height:100%;object-fit:contain}
.opening-emblem::after{content:'';position:absolute;inset:0;background:linear-gradient(112deg,transparent 25%,#fff 46%,transparent 60%);mask:url('../../../logo/svg/mark-paper.svg') center/contain no-repeat;opacity:0;animation:emblem-light 1.4s .15s ease-out both}
@keyframes emblem-light{0%{opacity:0;transform:translateX(-12px)}40%{opacity:.8}100%{opacity:0;transform:translateX(12px)}}
.studio-home .studio-title{top:63%;left:4%;width:92%;color:#fffaf5;line-height:.88!important}
.studio-home .studio-title span:first-child{font-size:clamp(13px,1.3vw,20px);letter-spacing:.32em;margin-bottom:16px}
.studio-home .studio-title span:last-child{font-size:min(14.2vw,17svh);letter-spacing:-.065em}
.studio-hero__actions{bottom:43px}
.studio-hero .studio-button{background:#120d0b;color:#fffaf5!important;min-height:48px}
.studio-hero .studio-button:is(:hover,:focus-visible){background:#fffaf5;color:#120d0b!important}
.studio-hero .studio-text-link{color:#fffaf5;text-decoration-color:#fff8!important}
.studio-hero .studio-scroll{left:auto;right:var(--studio-margin);bottom:42px;transform:none}
.studio-hero .studio-scroll span{color:inherit}
.studio-hero__model{display:none}
.car-stage-caption{position:absolute;inset:auto var(--studio-margin) 8%;z-index:4;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;opacity:var(--car-caption,0);transform:translateY(calc((1 - var(--car-caption,0))*15px));color:#fffaf5}
.car-stage-caption strong{font:clamp(50px,7vw,120px)/.9 var(--dy-font-display);letter-spacing:-.06em}
.car-stage-caption span{font:11px/1.5 var(--dy-font-mono);color:var(--studio-muted)}
.scene-progress{position:fixed;inset:auto 0 0;height:2px;z-index:30;background:linear-gradient(90deg,var(--dy-red),var(--dy-amber));transform:scaleX(var(--journey));transform-origin:left;pointer-events:none}
.studio-button{transition:background .18s,color .18s,transform .22s cubic-bezier(.2,.8,.2,1)}
/* Keep headings beside the image, and keep the photo's natural colour. */
body.is-chapters .spectacle-section{height:180svh}
body.is-chapters .chapter-record{height:190svh}
body.is-chapters .chapter-contact{height:145svh}
.chapter-team .chapter-copy,.chapter-world .chapter-copy,.chapter-record .chapter-copy{width:32%;max-width:510px;text-align:left;padding-top:0}
.chapter-team .chapter-pin,.chapter-world .chapter-pin,.chapter-record .chapter-pin{justify-content:flex-start;align-items:center}
.chapter-copy h2,.chapter-record .chapter-copy h2{font-size:clamp(42px,5vw,82px);line-height:.99;margin:22px 0 30px}
.chapter-copy .studio-prose{font-size:16px;line-height:1.65}
.chapter-world .studio-prose{margin:0}
.chapter-copy .studio-label{color:var(--dy-amber)}
.chapter-copy .current-roster{margin:28px 0 20px}
.chapter-copy .current-roster p{font-size:clamp(20px,1.8vw,28px)}
.chapter-team .chapter-copy::before,.chapter-world .chapter-copy::before,.chapter-record .chapter-copy::before{content:'';display:block;position:absolute;inset:-70px -55px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 35% 50%,#08090bf0 0%,#08090bd9 40%,#08090b00 75%)}
body.is-chapters .chapter-world .chapter-pin::before,body.is-chapters .chapter-record .chapter-pin::after{display:none}
.chapter-copy::after{content:'';position:absolute;top:-32px;left:0;width:38px;height:3px;background:var(--dy-red)}
.chapter-contact .chapter-copy::after{display:none}
.chapter-contact .chapter-pin{background:radial-gradient(ellipse at 50% 20%,#76210733,transparent 62%)}
.chapter-contact .chapter-final-mark{top:18%;left:25%;width:50%;height:28%}
body.is-chapters .chapter-contact .chapter-final-mark{opacity:var(--chapter-reveal,0);transform:translateY(calc((1 - var(--chapter-reveal,0))*24px))}
.chapter-contact .chapter-copy{padding-bottom:4vh}
.studio-footer{background:#0d0a0f!important}
.studio-home:not(.is-story) .car-story-pin{display:flex;flex-direction:column}
.studio-home:not(.is-story) .brand-heat{height:100svh;min-height:640px}
.studio-home:not(.is-story) .studio-hero{order:0;z-index:3;flex-shrink:0}
.studio-home:not(.is-story) .car-viewer{position:relative;order:1;min-height:500px;height:80svh}
.studio-home:not(.is-story) .studio-arrival{order:2}
.studio-home:not(.is-story) .car-stage-caption{display:none}
@media(max-width:1100px) and (min-width:801px){
 .chapter-copy .studio-prose{font-size:14px}.chapter-copy h2,.chapter-record .chapter-copy h2{font-size:4.7vw}.chapter-copy .event-location{font-size:10px}
 .chapter-copy .current-roster p{font-size:20px}
}
@media(max-width:800px){
 .studio-home.is-story .car-story{height:360svh}
 .studio-hero__meta{font-size:9px;top:122px}
 .opening-emblem{left:7%;width:86%;top:23%;height:32%}
 .studio-home .studio-title{top:62%}
 .studio-home .studio-title span:first-child{font-size:12px;margin-bottom:15px}
 .studio-home .studio-title span:last-child{font-size:15.4vw}
 .studio-hero__actions{bottom:85px}
 .studio-hero .studio-scroll{bottom:23px;right:var(--studio-margin);font-size:10px}
 .car-stage-caption{bottom:12%;align-items:center;gap:24px}.car-stage-caption span{font-size:9px;max-width:140px;text-align:right}
 body.is-chapters .spectacle-section{height:165svh}body.is-chapters .chapter-record{height:175svh}body.is-chapters .chapter-contact{height:135svh}
 .chapter-team .chapter-copy,.chapter-world .chapter-copy,.chapter-record .chapter-copy{width:100%;max-width:560px;padding-top:0}
 body.is-chapters .chapter-team .chapter-pin,body.is-chapters .chapter-world .chapter-pin,body.is-chapters .chapter-record .chapter-pin{align-items:flex-start;padding-top:max(440px,58svh);padding-bottom:32px}
 .chapter-copy h2,.chapter-record .chapter-copy h2{font-size:clamp(34px,9.5vw,58px);line-height:1;margin:12px 0 18px}
 .chapter-copy .studio-prose{font-size:14px;line-height:1.6}
 .chapter-copy .event-location{font-size:10px;margin-bottom:12px!important}
 .chapter-copy .studio-text-link{margin-top:12px}
 .chapter-copy .current-roster{margin:18px 0 4px}.chapter-copy .current-roster>div{padding-top:12px}.chapter-copy .current-roster p{font-size:21px;margin-top:5px}
 .chapter-copy::after{top:-20px;width:28px;height:2px}
 .chapter-contact .chapter-final-mark{top:23%;left:10%;width:80%;height:24%}
 .chapter-contact .chapter-copy{padding-bottom:5vh}
 .studio-home:not(.is-story) .brand-heat{min-height:600px}
 .studio-home:not(.is-story) .chapter-pin{min-height:850px;align-items:flex-end}
}
@media(max-height:730px) and (min-width:801px){.opening-emblem{top:19%;height:37%}.studio-home .studio-title{top:61%}.studio-hero__actions,.studio-hero .studio-scroll{bottom:24px}}
@media(prefers-reduced-motion:reduce){
 .opening-emblem::after{animation:none}.brand-heat{clip-path:none!important;opacity:1!important}.scene-progress{display:none}.opening-emblem{transform:none!important}
 .studio-header{background:#08090be6}.studio-home .chapter-copy{transform:none!important}
}
@media print{.brand-heat,.opening-emblem::after,.scene-progress,.car-stage-caption{display:none}.studio-hero{background:#e63000}.studio-home .spectacle-section{height:auto!important}.chapter-copy{width:100%!important}.chapter-pin{display:block!important}}
/* Short screens use normal document flow so longer chapter copy stays reachable. */
@media(max-width:800px) and (max-height:760px){
 body.is-chapters .spectacle-section{height:auto}
 body.is-chapters .chapter-team .chapter-pin,body.is-chapters .chapter-world .chapter-pin,body.is-chapters .chapter-record .chapter-pin{position:relative;height:auto;min-height:860px;padding-top:440px;padding-bottom:72px}
 body.is-chapters .chapter-contact .chapter-pin{position:relative;height:auto;min-height:650px;padding-top:350px;padding-bottom:72px}
 .memory-field .memory-fragment:first-child{top:112px}
 .memory-field .memory-fragment:not(:first-child){top:345px}
}
@media(max-width:800px) and (max-height:760px){
 .studio-home.is-story .arrival-photo{width:66%;left:17%;top:110px}
}