.chapter-helmet-opening{min-height:100vh;min-height:100svh;background:#191919;color:#fff;padding:clamp(110px,8.611111vw,124px) 20px 40px}
.helmet-opening-copy{text-align:center;animation:helmet-opening-fade 800ms ease-out both}
.helmet-opening-copy h1{display:flex;flex-direction:column;justify-content:center;min-height:clamp(100px,15.833333vw,228px);margin:0;font-family:var(--sans);font-size:clamp(56px,8.888889vw,128px);line-height:.859375;letter-spacing:-.04em;font-weight:700}
.helmet-opening-copy h1>span{display:block;white-space:nowrap}
.helmet-opening-copy h1 em{font-weight:300;font-style:italic}
.helmet-opening-copy p{max-width:1193px;width:82.847222vw;margin:clamp(20px,1.944444vw,28px) auto 0;font-family:var(--sans);font-size:clamp(22px,3.333333vw,48px);font-weight:300;line-height:1;letter-spacing:-.04em}
.helmet-opening-copy strong{font-weight:700}
@keyframes helmet-opening-fade{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.chapter-helmet-opening{padding-top:150px}.helmet-opening-copy p{width:100%;max-width:440px;line-height:1.15}.helmet-opening-break{display:none}}
@media(prefers-reduced-motion:reduce){.helmet-opening-copy{animation:none}}

.helmet-artist-case{position:relative;background:#191919;color:#fff;overflow:clip}
.helmet-case-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.helmet-case-poster{position:absolute;left:0;top:0;width:467px;height:623px;transform-origin:top left}
.helmet-case-picture{position:absolute;overflow:hidden;margin:0}
.helmet-case-picture img{position:absolute;display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.helmet-case-portrait{inset:0}
.helmet-case-portrait-next{inset:0;opacity:0;pointer-events:none;transition:opacity 650ms ease}
.helmet-case-poster[data-portrait="norris"] .helmet-case-portrait-next{opacity:1}
@media(prefers-reduced-motion:reduce){.helmet-case-portrait-next{transition:none}}
.helmet-case-poster h2,.helmet-case-poster p{position:absolute;margin:0;color:#fff}
.helmet-case-poster h2{font-size:64px;line-height:60px;letter-spacing:-2.56px;font-weight:700}
.helmet-case-artist{left:15px;top:324px;width:333px}
.helmet-case-driver{right:21px;top:480px;width:181px;text-align:right}
.helmet-case-poster p{font-size:36px;line-height:41px;font-weight:200;letter-spacing:-.72px}
.helmet-case-artist-role{left:15px;top:439px}
.helmet-case-driver-role{right:21px;top:439px;text-align:right}
.helmet-case-viewport{position:absolute;overflow:hidden;border-top:1px solid #808080}
.helmet-case-scroll{position:absolute;top:0;left:0;width:831px;height:1647px;transform-origin:top left}
.helmet-case-intro{position:absolute;inset:0}
.helmet-case-scroll h2,.helmet-case-scroll h3,.helmet-case-scroll p{position:absolute;margin:0}
.helmet-case-scroll p{font-size:28px;line-height:32px;font-weight:300;letter-spacing:-.56px}
.helmet-case-scroll strong{font-weight:500}
.helmet-case-year{left:0;top:34px;width:82px;font-size:64px!important;line-height:52px!important;letter-spacing:-1.28px!important}
.helmet-case-year span,.helmet-case-year strong{display:block}
.helmet-case-year span{font-weight:100}
.helmet-case-year strong{font-weight:700}
.helmet-case-race{left:0;top:379px;width:135px;font-size:32px!important;line-height:32px;letter-spacing:-.64px!important}
.helmet-case-profile{left:126px;top:34px;width:350px;height:466px}
.helmet-case-profile img{left:-16.67%;width:133.33%}
.helmet-case-scroll .helmet-case-description{left:507px;top:34px;width:336px;font-size:32px;line-height:32px;letter-spacing:-.64px}
.helmet-case-language{left:3px;top:572px;width:515px;font-size:48px;line-height:44px;letter-spacing:-.96px;font-weight:700}
.helmet-case-language-copy{left:3px;top:640px;width:504px}
.helmet-case-painting{left:562px;top:443px;width:258px;height:258px}
.helmet-case-details{position:absolute;left:0;top:715px;width:831px;height:447px}
.helmet-case-details-track{position:absolute;left:0;top:0;width:1211px;height:447px;background:#191919;transform:translateX(-32px)}
.helmet-case-texture{left:32px;top:42px;width:273px;height:364px}
.helmet-case-texture img{left:-46.76%;top:-17.86%;width:167%;height:166.75%}
.helmet-case-miniatures{left:652px;top:42px;width:273px;height:364px}
.helmet-case-scroll h3{font-size:40px;line-height:38px;letter-spacing:-.8px;font-weight:700}
.helmet-case-texture-title{left:332px;top:42px;width:151px}
.helmet-case-texture-copy{left:332px;top:282px;width:293px}
.helmet-case-miniatures-title{left:952px;top:42px;width:221px}
.helmet-case-miniatures-copy{left:955px;top:206px;width:231px}
.helmet-case-making{position:absolute;left:0;top:1162px;width:831px;height:515px}
.helmet-case-making h2{left:3px;top:0;width:387px;font-size:48px;line-height:48px;letter-spacing:-.96px;font-weight:700}
.helmet-case-making em{font-weight:300;font-style:italic}
.helmet-case-making p{left:3px;top:137px;width:331px}
.helmet-case-front{left:5px;top:210px;width:257px;height:257px}
.helmet-case-front img{visibility:hidden}
.helmet-case-front img.is-active{visibility:visible}
.helmet-case-front img[data-angle="0"]{left:-16.57%;top:-33.05%;width:132.99%;height:166.24%}
.helmet-case-front img[data-angle="1"]{left:-7%;top:-21.27%;width:114.12%;height:142.65%}
.helmet-case-front img[data-angle="2"]{left:-13.62%;top:-27.24%;width:122.96%;height:153.7%}
.helmet-case-front img[data-angle="3"]{left:-17.15%;top:-31.1%;width:129.67%;height:162.08%}
.helmet-case-front img[data-angle="4"]{left:-14.38%;top:-26.93%;width:128.38%;height:160.48%}
.helmet-case-video{position:absolute;left:470px;top:0;width:350px;height:467px;object-fit:cover;background:#191919;transform:translateZ(0);backface-visibility:hidden}

.helmet-case-role-rule{position:absolute;left:104px;top:460.5px}

/* Chapter 03-3 shares the fixed portrait and reading column of the Norris case. */
.sorayama-case .helmet-case-driver{width:268px;top:476px}
.sorayama-scroll{height:2465px;width:843px}
.sorayama-intro{position:absolute;inset:0}
.sorayama-scroll section{position:absolute;left:0;width:843px}
.sorayama-scroll .sorayama-race,.sorayama-scroll .sorayama-description{font-size:32px;line-height:32px;letter-spacing:-.64px}
.sorayama-strip{top:549px;height:294px}
.sorayama-strip-track{position:absolute;left:0;top:0;width:1161px;height:294px}
.sorayama-scroll .sorayama-caption{font-size:24px;line-height:32px;letter-spacing:-.48px;text-align:center}
.sorayama-language{top:905px;height:387px}
.sorayama-language h2{font-size:48px;line-height:40px;font-weight:700;letter-spacing:-.96px;text-align:right;padding-top:9px}
.sorayama-details{top:1354px;height:418px}
.sorayama-details-track{position:absolute;left:0;top:0;width:1210px;height:418px}
.sorayama-beyond{top:1843px;height:550px}
.sorayama-beyond h2{font-size:48px;line-height:48px;letter-spacing:-.96px;font-weight:700}
.sorayama-beyond h2 em{font-weight:300;font-style:italic}

.sorayama-portraits{position:absolute;inset:0;opacity:.8}
.sorayama-portrait-next{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 650ms ease}
.sorayama-case .helmet-case-poster[data-portrait="hamilton"] .sorayama-portrait-next{opacity:1}
@media(prefers-reduced-motion:reduce){.sorayama-portrait-next{transition:none}}

/* Chapter 03-4 — Tsunoda × VERDY: shared case frame, independent content. */
.verdy-scroll{height:4673px;width:843px}
.verdy-scroll section{position:absolute;left:0;width:843px}
.verdy-intro{top:0;height:675px}
.verdy-scroll .verdy-race{font-size:32px;line-height:32px;letter-spacing:-.64px}
.verdy-scroll .verdy-description{font-size:32px;line-height:34px;letter-spacing:-.64px}
.verdy-strip-track{position:absolute;left:0;top:0}
.verdy-artist{top:1137px;height:609px}
.verdy-scroll h2{font-size:48px;line-height:48px;letter-spacing:-.96px;font-weight:700}
.verdy-scroll h2 span,.verdy-scroll h2 em{font-weight:300}
.verdy-scroll .verdy-meet{line-height:48px}
.verdy-story-copy{top:1818px;height:907px}
.verdy-evolution{top:2846px;height:1006px}
.verdy-scroll .verdy-year-inline{font-size:64px;line-height:52px;letter-spacing:-1.28px;font-weight:700}
.verdy-year-inline span{font-weight:100}
.verdy-year-inline strong{font-weight:700}
.verdy-beyond{top:3934px;height:141px}
.verdy-overhead>div{position:absolute;width:508px;height:381px;left:-63.5px;top:63.5px;transform:rotate(90deg)}

.verdy-case .helmet-case-artist{top:381px}
.verdy-case .helmet-case-driver{width:268px;top:476px}
.verdy-portrait-next{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 650ms ease}
.verdy-case .helmet-case-poster[data-portrait="yuki"] .verdy-portrait-next{opacity:1}
@media(prefers-reduced-motion:reduce){.verdy-portrait-next{transition:none}}

.verdy-case{overflow-anchor:none}

/* In-place pairs keep their crop and position while the reading column scrolls. */
@property --verdy-blind-open{syntax:'<percentage>';inherits:false;initial-value:0%}
.verdy-blind-reveal{position:absolute;inset:0;--verdy-blind-open:0%;mask-image:repeating-linear-gradient(to bottom,#000 0%,#000 var(--verdy-blind-open),transparent var(--verdy-blind-open),transparent 10%);transition:--verdy-blind-open 400ms ease}
.verdy-story-swap.is-second .verdy-blind-reveal{--verdy-blind-open:10%}
.verdy-product-swap,.verdy-product-first{position:absolute}
.verdy-product-first{inset:0;opacity:1;transition:opacity 400ms ease}
.verdy-product-swap.is-second .verdy-product-first{opacity:0}
.verdy-story-copy{z-index:0;pointer-events:none}
.verdy-scroll h2,.verdy-scroll p{z-index:2}
@media(prefers-reduced-motion:reduce){.verdy-blind-reveal,.verdy-product-first{transition:none}}


/* Figma Group 45: one moving gradient behind the complete text group. */
.verdy-evolution-heading{position:absolute;left:-17px;top:0;width:386px;height:514px;z-index:3;pointer-events:none}
.verdy-evolution-gradient{position:absolute;left:7px;top:-18px;width:371px;height:543px;z-index:0;pointer-events:none;background:linear-gradient(to right,#191919 0%,rgba(25,25,25,0) 100%)}

/* Feather the leading photograph edge as it enters beneath the text gradient. */

/* The lower reading rule follows the viewport edge independently of the artwork scale. */
.helmet-case-stage::after{content:"";position:absolute;left:var(--case-rule-left);width:var(--case-rule-width);bottom:var(--case-rule-bottom);height:1px;background:#808080;pointer-events:none}

/* The case index uses the free space below the fixed portrait. */
.helmet-case-index{position:absolute;left:0;top:0;width:456.5px;height:282px;transform-origin:top left;--case-index-row-height:94px}
.helmet-case-index ol{list-style:none;padding:0;margin:0}
.helmet-case-index li{position:absolute;left:0;top:calc(var(--case-index-row)*var(--case-index-row-height));width:456.5px;height:var(--case-index-row-height)}
.helmet-case-index-rule{position:absolute;left:0;top:-.5px;display:block;max-width:none;pointer-events:none}
.helmet-case-index-bottom{position:absolute;left:0;bottom:0}
.helmet-case-index-number,.helmet-case-index-name{position:absolute;top:calc((var(--case-index-row-height) - 60px)/2);line-height:60px;color:#fff;opacity:.3;white-space:nowrap}
.helmet-case-index-number{left:.5px;font-family:ArtKaiveLiveryPlace,'Helvetica Neue',sans-serif;font-size:64px;font-weight:700;letter-spacing:-2.56px}
.helmet-case-index-name{left:86.5px;top:calc((var(--case-index-row-height) - 60px)/2 + 5px);width:362px;text-align:right;font-family:var(--sans);font-size:48px;font-weight:700;letter-spacing:-1.92px}
.helmet-case-index-rule{opacity:.3;transition:opacity 180ms ease}
.helmet-case-index-number,.helmet-case-index-name{transition:opacity 180ms ease}
.helmet-case-index li:is(:hover,:focus-within) span{opacity:1}
.helmet-case-index:has(li:nth-child(1):is(:hover,:focus-within))>img,
.helmet-case-index:has(li:nth-child(1):is(:hover,:focus-within)) li:nth-child(2)>.helmet-case-index-rule,
.helmet-case-index:has(li:nth-child(2):is(:hover,:focus-within)) li:nth-child(2)>.helmet-case-index-rule,
.helmet-case-index:has(li:nth-child(2):is(:hover,:focus-within)) li:nth-child(3)>.helmet-case-index-rule,
.helmet-case-index:has(li:nth-child(3):is(:hover,:focus-within)) li:nth-child(3)>.helmet-case-index-rule,
.helmet-case-index:has(li:nth-child(3):is(:hover,:focus-within))>.helmet-case-index-bottom>.helmet-case-index-rule{opacity:1}
@media(prefers-reduced-motion:reduce){.helmet-case-index-rule,.helmet-case-index-number,.helmet-case-index-name{transition:none}}

.helmet-case-index button{position:absolute;inset:0;width:100%;height:100%;text-align:left}