.chapter-color-story{position:fixed;inset:0;z-index:13;overflow:hidden;visibility:hidden;pointer-events:none;color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.color-story-canvas{position:absolute;left:0;top:0;width:1440px;height:1024px;transform-origin:top left}
.color-story-backdrop{position:absolute;inset:0;background:#191919;opacity:0}
.color-new-story{position:absolute;inset:0}
.color-new-story h1,.color-new-story h2,.color-new-story h3,.color-new-story p{margin:0;position:absolute;color:#fff}
.color-new-heading{left:var(--story-text-left,45px);top:141px;width:314px;height:109px;font-size:128px;line-height:109px;font-weight:700;letter-spacing:-5.12px}
.color-new-recognition{position:absolute;right:calc(1440px - var(--color-new-right,1390px));top:145px;width:max-content;height:280px}
.color-new-story .color-new-lead{position:relative;left:0;top:0;width:max-content;height:113px;display:flex;align-items:center;justify-content:flex-end;font-size:128px;line-height:68px;font-weight:300;letter-spacing:-5.12px;white-space:nowrap}
.color-new-copy{left:0;top:135px;width:100%;font-size:64px;line-height:68px;font-weight:300;letter-spacing:-2.56px}
.color-new-side{position:absolute;left:var(--story-text-left,45px);top:488px;width:401px;height:480px}
.color-new-side h2{left:0;top:0;font-size:72px;line-height:68px;font-weight:700;letter-spacing:-2.88px}
.color-new-side p{left:0;top:306px;font-size:56px;line-height:56px;font-weight:300;letter-spacing:-2.24px;white-space:nowrap}
.color-new-side strong{font-weight:700}
.color-new-panel{position:absolute;left:calc(var(--color-new-right,1390px) - 880px);top:129px;width:874px;height:857px}
.color-new-rule{position:absolute;left:0;display:block;max-width:none;pointer-events:none}
.color-new-rule-top{top:-.5px}
.color-new-rule-bottom{bottom:-.5px}
.color-new-panel-clip{position:absolute;left:0;right:0;top:174px;bottom:0;overflow:hidden}
.color-new-identity{position:absolute;inset:0}
.color-new-crest{position:absolute;left:10px;top:32px;width:77px;height:103px;object-fit:contain}
.color-new-identity h2{right:6px;top:33px;width:436px;height:85px;display:flex;align-items:center;justify-content:flex-end;font-size:96px;line-height:109px;font-weight:700;letter-spacing:-3.84px}
/* Each case shares the same fixed reading frame; only its fade and treatment change. */
.color-case-picture{position:absolute;inset:0;opacity:0;pointer-events:none}
.color-case-photo-window{position:absolute;left:10px;width:858px;overflow:hidden}
.color-case-photo{position:absolute;left:0;width:858px;max-width:none;object-fit:fill}
.color-new-story .color-case-caption{display:flex;align-items:center;justify-content:flex-end;font-size:54px;line-height:normal;font-weight:700;white-space:nowrap}
.color-case-source-year{left:31px;display:flex;align-items:center;font-size:54px;line-height:normal;font-weight:300}
.color-case-bar{position:absolute;inset:0;pointer-events:none}
.color-case-bar>img{position:absolute;left:10px;display:block;max-width:none}
.color-new-story .color-case-bar>p{left:30px;display:flex;align-items:center;font-size:40px;line-height:normal;font-weight:300;opacity:0}
.color-story-content{position:absolute;inset:0}
.graphics-story-scene{position:absolute;inset:0;opacity:0;visibility:hidden;overflow:hidden}
.graphics-story-canvas{position:absolute;left:0;top:0;width:1440px;height:1124px;transform-origin:top left}
.graphics-story-intro{position:absolute;inset:0;color:#fff}
.graphics-story-intro h2,.graphics-story-intro p{position:absolute;margin:0}
.graphics-intro-heading{left:var(--graphics-text-left,48px);top:141px;font-size:128px;font-weight:700;line-height:109px;letter-spacing:-5.12px}
.graphics-intro-lead{right:calc(1440px - var(--graphics-text-right,1390px));top:151.5px;font-size:128px;font-weight:300;line-height:100px;letter-spacing:-5.12px;text-align:right}
.graphics-intro-copy{left:calc(var(--graphics-text-left,48px) + 15px);top:280px;width:603px;font-size:64px;font-weight:300;line-height:68px;letter-spacing:-2.56px}
.graphics-intro-line{display:block;width:max-content;white-space:nowrap;clip-path:inset(-.5em 100% -.5em 0)}
.graphics-intro-lead .graphics-intro-line{margin-left:auto}
.graphics-expressions{position:absolute;z-index:2;left:77px;top:662px;width:1286px;height:484px;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:88px;font-weight:300;line-height:78px;letter-spacing:-5.12px;opacity:1;clip-path:inset(100% 0 0 0);will-change:clip-path}
.graphics-expressions>span,.graphics-expressions>em,.graphics-expressions>strong{display:block;white-space:nowrap}
.graphics-expressions>em{font-weight:300;font-style:italic}
.graphics-expressions>strong{font-size:128px;font-weight:700;line-height:107px}

.graphics-livery-header{position:absolute;left:0;right:0;top:118px;height:95px;opacity:0}
.graphics-livery-header>img,.graphics-livery-header>svg{position:absolute;top:0;display:block}
.graphics-livery-silverstone-label{left:45px}
.graphics-livery-logo{left:627px;width:186px;height:95px;object-fit:contain}
.graphics-livery-austin-label{right:50px}
.graphics-livery-rig{position:absolute;left:39px;top:233px;width:1351px;height:451px;transform-origin:0 0}
.graphics-livery-cars{position:absolute;left:0;top:0;width:1351px;height:451px;clip-path:inset(100% 0 0 0);will-change:clip-path}
.graphics-livery-silverstone,.graphics-livery-austin{position:absolute;overflow:hidden}
.graphics-livery-silverstone{left:0;top:11px;width:657px;height:422px}
.graphics-livery-austin{left:657px;top:0;width:694px;height:451px}
.graphics-livery-rig img{position:absolute;display:block;max-width:none;height:100%}
.graphics-livery-silverstone>img{left:0;top:0;width:192.77%}
.graphics-livery-austin>img{left:-95.86%;top:.18%;width:195.79%}

.americana-story-heading{visibility:hidden}
.americana-reveal{position:absolute;margin:0;overflow:hidden;clip-path:inset(100% 0 0 0);white-space:nowrap}
.americana-reveal>span{display:block}
 .americana-story-title{left:48px;top:119px;width:1342px;height:254px;display:flex;align-items:center;justify-content:center;font-size:128px;font-weight:700;line-height:123px;letter-spacing:-5.12px;text-align:center}
.americana-in{font-weight:300}
.americana-story-title em{font-weight:100;font-style:italic}
.americana-identity-row{visibility:hidden}
.americana-row-label{position:absolute;top:383px;height:110px;overflow:hidden;clip-path:inset(100% 0 0 0)}
.americana-row-label>svg{position:absolute;left:0;overflow:visible}
.americana-identity-label{left:var(--story-text-left,73px);width:255px}
.americana-expressions-label{left:var(--story-expressions-left,1010px);width:381px}
.americana-cadillac-logo{position:absolute;left:645.862px;top:417.292px;width:148.276px;height:75.708px;object-fit:contain;opacity:0}

.americana-title-star{position:absolute;left:659.005px;top:19px;}
.americana-car-group{position:absolute;inset:0;margin:0;visibility:hidden;will-change:transform}
.americana-car-crop{position:absolute;overflow:hidden;opacity:.5;pointer-events:auto;transition:opacity 200ms ease}
.americana-car-crop>img,.americana-wheel-source>img{position:absolute;max-width:none}
.americana-car-regular .americana-car-crop>img,.americana-car-regular .americana-wheel-source>img{left:.15%;top:-2.13%;width:296.99%;height:100.19%}
.americana-car-silverstone .americana-car-crop>img,.americana-car-silverstone .americana-wheel-source>img{left:-112.64%;top:0;width:312.87%;height:100%}
.americana-car-austin .americana-car-crop>img,.americana-car-austin .americana-wheel-source>img{left:-208.93%;top:0;width:309.05%;height:100%}
.americana-car-caption{position:absolute;top:866px;height:68px;font-size:40px;line-height:68px;font-weight:100;letter-spacing:-1.6px;text-align:right;white-space:nowrap}
.americana-car-year{position:absolute;left:72px;top:898px;width:123px;height:44px}
.americana-car-year>svg{overflow:visible}
.americana-car-divider{position:absolute;top:863px;max-width:none}

.americana-stage{position:absolute;inset:0;width:1440px;height:1124px;transform-origin:720px 100px}
.americana-car-number{position:absolute;top:878px;width:70px;height:44px}
.americana-car-number>svg{overflow:visible}
.americana-explore{position:absolute;left:553px;top:971px;width:335px;height:68px;margin:0;font-size:40px;line-height:68px;font-weight:100;letter-spacing:-1.6px;text-align:center;visibility:hidden}
.americana-car-group{pointer-events:none}
.americana-car-caption,.americana-car-number{pointer-events:auto}
.americana-car-caption,.americana-car-number,.americana-car-divider{opacity:.5;transition:opacity 200ms ease}
@media(hover:hover){
  .americana-car-group:hover>.americana-car-crop,
  .americana-car-group:hover>.americana-car-caption,
  .americana-car-group:hover>.americana-car-number,
  .americana-car-group:hover>.americana-car-divider{opacity:1}
}
@media(prefers-reduced-motion:reduce){.americana-car-crop,.americana-car-caption,.americana-car-number,.americana-car-divider{transition:none}}

.americana-cars{position:absolute;inset:0;width:1440px;height:1124px;transform-origin:48px 466px}

.americana-detail-heading{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none}
.americana-detail-canvas{position:absolute;left:0;top:0;width:1440px;height:1024px;transform-origin:top left}
.americana-detail-year,.americana-detail-regular{position:absolute;top:114px}
.americana-detail-year{left:1293px;top:128px;width:90px;height:48px}
.americana-detail-regular{left:876px;top:176px;width:507px;height:48px}
.americana-detail-year>svg,.americana-detail-regular>svg{display:block;overflow:visible}
.americana-detail-logo{position:absolute;left:48px;top:130px;width:184px;height:94px;object-fit:contain}
.americana-detail-active .americana-car-group>.americana-car-caption,
.americana-detail-active .americana-car-group>.americana-car-number,
.americana-detail-active .americana-car-group>.americana-car-divider{opacity:.3}
.americana-detail-active .americana-car-group[data-americana-car="0"]>.americana-car-caption,
.americana-detail-active .americana-car-group[data-americana-car="0"]>.americana-car-number,
.americana-detail-active .americana-car-group[data-americana-car="0"]>.americana-car-divider{opacity:1}

.americana-detail-content{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none}
.americana-content-canvas{position:absolute;left:0;top:0;width:1440px;height:1024px;transform-origin:top left}
.americana-detail-description{position:absolute;left:48px;top:272px;width:427px;height:563px;margin:0;display:flex;align-items:flex-end;font-size:48px;line-height:48px;font-weight:300;letter-spacing:-.96px;pointer-events:auto}
.americana-gallery{position:absolute;left:539px;top:272px;width:862px;height:563px;pointer-events:auto}
.americana-gallery-main{position:absolute;inset:0 0 auto;height:483px;margin:0;overflow:hidden}
.americana-gallery-main img,.americana-gallery-crop img{position:absolute;display:block;max-width:none;width:100%;height:100%;object-fit:cover}
.americana-gallery[data-picture="0"] .americana-gallery-main>img,.americana-gallery-layer[data-picture="0"] img,.americana-gallery-crop[data-picture="0"] img{width:105.92%;height:106.13%;left:-2.96%;top:.03%}
.americana-gallery[data-picture="1"] .americana-gallery-main>img,.americana-gallery-layer[data-picture="1"] img,.americana-gallery-crop[data-picture="1"] img{width:100%;height:100%;left:0;top:0}
.americana-gallery-thumbnails{position:absolute;left:147px;top:483px;display:flex;z-index:3;pointer-events:auto}
.americana-gallery-thumb{position:relative;width:142px;height:80px;opacity:.3;transition:opacity 180ms ease;cursor:pointer;touch-action:manipulation}
.americana-gallery-crop{position:absolute;inset:0;overflow:hidden;display:block}
.americana-gallery-thumb[aria-pressed="true"]{opacity:1}
@media(hover:hover){.americana-gallery-thumb:hover{opacity:1}}
.americana-gallery-thumb:focus-visible{opacity:1;outline:2px solid #FBFF00;outline-offset:3px;z-index:1}
@media(prefers-reduced-motion:reduce){.americana-gallery-thumb{transition:none}}

.americana-wheel{position:absolute;display:block;border-radius:50%;overflow:hidden;pointer-events:none;visibility:hidden}
.americana-wheel-spin{position:absolute;inset:0;display:block;transform:scaleX(var(--wheel-aspect)) rotate(var(--wheel-angle,0rad)) scaleX(var(--wheel-inverse));transform-origin:center}
.americana-wheel-source{position:absolute;display:block}

.americana-analysis{position:absolute;inset:0;pointer-events:none;visibility:hidden}
.americana-analysis-canvas{position:absolute;left:0;top:0;width:2385px;height:1024px;transform-origin:top left;background:transparent}
.americana-analysis-group{position:absolute;inset:0;will-change:transform,opacity}
.americana-analysis-picture{position:absolute;overflow:hidden}
.americana-analysis-picture>img{position:absolute;max-width:none;display:block;transform:translateX(var(--analysis-photo-x,0px)) scale(1.12);transform-origin:center;will-change:transform}
.analysis-overall{left:48px;top:266px;width:440px;height:330px}
.analysis-overall>img{left:-6.44%;top:-44.21%;width:112.86%;height:188.47%}
.analysis-stars{left:545px;top:509px;width:400px;height:400px}
.analysis-stars>img{left:-46.85%;top:-107.9%;width:193.71%;height:241.82%}
.analysis-halftone{left:1011px;top:291px;width:400px;height:400px}
.analysis-halftone>img{left:-11.46%;top:-5.96%;width:111.43%;height:139.33%}
.analysis-stripes{left:1482px;top:266px;width:400px;height:400px}
.analysis-stripes>img{left:0;top:.07%;width:100%;height:125.04%}
.analysis-rear{left:1919px;top:509px;width:400px;height:400px}
.analysis-rear>img{left:0;top:-19.22%;width:100%;height:125.04%}
.americana-analysis h2,.americana-analysis p{position:absolute;margin:0}
.americana-analysis h2{font-size:48px;line-height:48px;font-weight:500;letter-spacing:-.96px;white-space:nowrap}
.americana-analysis p{font-size:32px;line-height:32px;font-weight:300;letter-spacing:0}
.analysis-overall-title{left:49px;top:619px;width:434px;text-align:right}
.analysis-overall-copy{left:49px;top:681px;width:434px}
.analysis-stars-title{left:545px;top:266px;width:317px}
.analysis-stars-copy{left:545px;top:417px;width:416px}
.analysis-halftone-title{left:1012px;top:721px;width:400px}
.analysis-halftone-copy{left:1012px;top:785px;width:243px}
.analysis-stripes-title{left:1482px;top:721px;width:400px;text-align:right}
.analysis-stripes-copy{left:1924px;top:379px;width:395px}

@media(prefers-reduced-motion:reduce){.americana-analysis-picture>img{transform:none;will-change:auto}}

/* Scale the actual photo frame around its center, retaining its internal crop. */
.americana-analysis-picture{pointer-events:auto;transform-origin:center;transition:transform 420ms cubic-bezier(.22,.61,.36,1);z-index:1}
.americana-analysis-picture:hover{transform:scale(1.1);z-index:2}
.americana-gallery-main{z-index:1}
.americana-gallery-layer{position:absolute;inset:0;pointer-events:none}
.americana-gallery-blind{position:absolute;left:0;width:100%;height:12.5%;overflow:hidden}
.americana-gallery-blind-canvas{position:absolute;left:0;width:100%;height:800%}
@media(prefers-reduced-motion:reduce){.americana-analysis-picture{transition:none}}

/* Fixed case progress: the clipped duplicate changes only the covered glyphs. */
.americana-case-progress{position:absolute;bottom:calc(40px * var(--case-progress-scale,1));height:calc(59px * var(--case-progress-scale,1));display:grid;grid-template-columns:1fr 1fr;visibility:hidden;opacity:0;pointer-events:none;z-index:5;color:#fff}
.case-progress-segment{position:relative;min-width:0;border:1px solid currentColor;overflow:hidden}
.case-progress-pending{opacity:.3;border-left:0}
.case-progress-copy,.case-progress-fill{position:absolute;inset:0}
.case-progress-fill{background:#fff;color:var(--background,#141414);clip-path:inset(0 100% 0 0)}
.case-progress-label{position:absolute;top:50%;width:calc(var(--label-width) * var(--case-progress-scale,1));height:calc(30px * var(--case-progress-scale,1));transform:translateY(-50%);background:currentColor;mask-image:var(--label-image);-webkit-mask-image:var(--label-image);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.case-progress-number{left:calc(15px * var(--case-progress-scale,1))}
.case-progress-name{right:calc(15px * var(--case-progress-scale,1))}

/* Each transparent region covers its whole design group, including its whitespace. */
.analysis-hover-region{position:absolute;pointer-events:auto}
.americana-analysis-group>h2,.americana-analysis-group>p{pointer-events:auto}
.analysis-group-number{position:absolute;display:block;max-width:none;opacity:.3;pointer-events:none;transition:opacity 180ms ease}
@media(hover:hover){.americana-analysis-group:hover>.analysis-group-number{opacity:1}}
@media(prefers-reduced-motion:reduce){.analysis-group-number{transition:none}}

/* One shared title window gives a reversible upward flip between the cases. */
.americana-detail-regular{overflow:hidden;perspective:600px}
.americana-title-face{position:absolute;right:0;top:0;height:48px;display:block;transform-origin:center center;backface-visibility:hidden;will-change:transform,opacity}
.americana-title-face>svg,.americana-title-face>img{display:block;max-width:none}
.americana-title-austin{width:147px;opacity:0;transform:translateY(64px) rotateX(90deg)}
.americana-case-progress[data-active="austin"] .case-progress-current{opacity:.3}
.americana-case-progress[data-active="austin"] .case-progress-current .case-progress-fill{opacity:0}
.americana-case-progress[data-active="austin"] .case-progress-pending{opacity:1}
.americana-detail-content[data-case="austin"] .americana-gallery{top:270px;height:565px}
.americana-detail-content[data-case="austin"] .americana-gallery-main{height:485px}
.americana-detail-content[data-case="austin"] .americana-gallery-thumbnails{left:218px;top:485px}
.americana-detail-content[data-case="austin"] .americana-gallery-thumb:nth-child(2){width:143px}
.americana-detail-content[data-case="austin"] .americana-gallery-main>img,
.americana-detail-content[data-case="austin"] .americana-gallery-layer img,
.americana-detail-content[data-case="austin"] .americana-gallery-crop img{left:0;top:0;width:100%;height:100%;object-fit:cover}
.americana-analysis[data-case="austin"] .americana-analysis-canvas{width:2925px}
.austin-analysis-overall>img{left:-.14%;top:-10.52%;width:100.27%;height:120.96%}
.austin-analysis-stars>img{left:0;top:-8.47%;width:100%;height:125%}
.austin-analysis-paisley>img{left:0;top:-14.91%;width:100%;height:124.84%}
.austin-analysis-scrollwork>img{left:0;top:-8.35%;width:100%;height:124.94%}
.austin-analysis-colours>img{left:-.04%;top:-5.24%;width:100%;height:125%}
.austin-analysis-rear>img{left:.04%;top:-12.58%;width:100%;height:125.05%}

/* Render the original editable label typography at its final screen size. */
@font-face{font-family:ArtKaiveLiveryYear;src:url('assets/fonts/helvetica-ultralight-condensed.otf') format('opentype');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:ArtKaiveLiveryPlace;src:url('assets/fonts/helvetica-condensed-bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
.graphics-livery-header>.graphics-livery-label{position:absolute;top:0;display:block;color:white;white-space:nowrap;font-synthesis:none}
.graphics-livery-label>span{display:block;position:absolute;left:0;right:0;line-height:calc(57px * var(--livery-scale));letter-spacing:-.04em}
.graphics-livery-label>.livery-label-year{top:calc(-8px * var(--livery-scale));font-family:ArtKaiveLiveryYear,sans-serif;font-size:calc(48px * var(--livery-scale));font-weight:200}
.graphics-livery-label>.livery-label-place{top:calc(35px * var(--livery-scale));font-family:ArtKaiveLiveryPlace,sans-serif;font-size:calc(64px * var(--livery-scale));font-weight:700}
.graphics-livery-austin-label{text-align:right}

.color-case-team{position:absolute;inset:0;visibility:hidden}
.color-case-team[data-color-team="mclaren"] .color-new-side p{top:273px;width:384px}
.color-case-team[data-color-team="mclaren"] .color-new-crest{left:-4px;top:43px;width:136px;height:75px;object-fit:cover}

/* Match Graphics: stationary text revealed from left to right, one line at a time. */
[data-color-intro-line]{display:block;clip-path:inset(-.5em 100% -.5em 0);will-change:clip-path;white-space:nowrap}

/* Four McLaren lines need room for the final descender inside the reveal mask. */
.color-case-team[data-color-team="mclaren"] .color-new-side{top:455px;height:515px}

/* Ground reflection reuses the complete two-livery composition. */
.graphics-livery-reflection{position:absolute;left:0;top:384px;width:1351px;height:155px;overflow:hidden;pointer-events:none;opacity:0;mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.7) 25%,rgba(0,0,0,.2) 65%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.7) 25%,rgba(0,0,0,.2) 65%,transparent)}
.graphics-reflected-car{position:absolute;left:0;top:0;width:1351px;height:451px;transform-origin:0 0;transform:translateY(384px) scaleY(-1);filter:blur(1.5px)}

/* Align the Austin tyre contact with its original, slightly higher ground line. */
.graphics-reflected-car .graphics-livery-austin{translate:0 15px}

/* Shared case curtain stays below the global Hero and above both case layers. */
.cadillac-case-wipe{position:absolute;left:0;right:0;top:100px;bottom:0;overflow:hidden;z-index:40;visibility:hidden;pointer-events:none}
.cadillac-case-wipe-strip{position:absolute;left:0;width:100%;background:var(--background,#141414);transform:translateX(-100%);will-change:transform}
