body[data-story="crash-out"]{--crash-field:#ef7ca9;--crash-hit:#dbe9a7;--ex-ink:#29212a;--ex-paper:#f2f1e9;--ex-accent:#e23b88}
.crash-hero{background:var(--crash-field);position:relative;padding-top:125px;overflow:hidden;transition:background .45s}.crash-hero .wrap{position:relative}.crash-meta{position:relative;z-index:4}.crash-hero h1{font-family:Display;font-size:clamp(145px,22.5vw,350px);line-height:.73;letter-spacing:-.07em;margin-top:45px;position:relative;z-index:3;pointer-events:none}.collision-word{will-change:transform}.collision-one{transform:translateX(calc((.25 - var(--section-progress,.25))*-180px)) rotate(calc((var(--section-progress,.25) - .25)*-9deg));transform-origin:0 100%}.crash-hero h1>.collision-two{margin-left:20vw;transform:translateX(calc((.25 - var(--section-progress,.25))*210px)) rotate(calc((var(--section-progress,.25) - .25)*11deg));transform-origin:100% 0}.crash-star{color:var(--crash-hit);font-size:.72em;margin-left:3vw;transform:rotate(calc(var(--section-progress,.25)*85deg));filter:drop-shadow(3px 3px 0 #29212a)}.collision-trigger{display:none;background:#29212a;color:#f1f0df;border:1px solid #29212a;font:10px Mono;letter-spacing:.04em;padding:15px 22px;gap:24px;align-items:center;position:relative;z-index:6;margin-top:35px;transform:rotate(-4deg);box-shadow:5px 5px 0 var(--crash-hit);cursor:pointer}.crash-enhanced .collision-trigger{display:inline-flex}.collision-trigger span{font:25px Arial}.collision-trigger:hover{background:var(--crash-hit);color:#29212a}.crash-opening{position:relative;margin-top:35px;grid-template-columns:.6fr 1.4fr;gap:5vw;align-items:end}.crash-opening>figure{transform:rotate(3deg);box-shadow:9px 10px 0 #29212a}.crash-opening>figure img{aspect-ratio:1.8;object-fit:cover;transform:scale(1.55);transform-origin:50% 35%}.crash-opening>figure>a{background:#fff}.crash-opening>figure figcaption{background:#29212a;color:#f4ecdf;padding:12px 16px;font-size:9px;opacity:1}.crash-opening .lede{font-family:Display;font-size:39px;line-height:.98;text-transform:uppercase;transform:none}.crash-caption-strip{position:absolute;z-index:4;right:-2%;top:-35px;background:var(--crash-hit);color:#29212a;padding:10px 15px;font:9px Mono;letter-spacing:.13em;transform:rotate(8deg)}.crash-impact{position:absolute;z-index:5;left:55%;top:42%;width:1px;height:1px;pointer-events:none}.crash-impact i{position:absolute;width:4px;height:75px;background:var(--crash-hit);transform-origin:50% 100%;opacity:0;transform:rotate(calc(var(--ray)*45deg)) translateY(-55px);border-radius:4px}.crash-impact i:nth-child(1){--ray:0}.crash-impact i:nth-child(2){--ray:1}.crash-impact i:nth-child(3){--ray:2}.crash-impact i:nth-child(4){--ray:3}.crash-impact i:nth-child(5){--ray:4}.crash-impact i:nth-child(6){--ray:5}.crash-impact i:nth-child(7){--ray:6}.crash-impact i:nth-child(8){--ray:7}.is-struck .collision-one{animation:crash-hit-left .66s cubic-bezier(.15,.7,.2,1)}.is-struck .collision-two{animation:crash-hit-right .66s cubic-bezier(.15,.7,.2,1)}.is-struck .crash-impact i{animation:crash-spark .6s ease-out forwards}@keyframes crash-hit-left{0%{transform:translateX(-8%) rotate(-4deg)}28%{transform:translateX(3%) rotate(2deg)}48%{transform:translateX(-1%) rotate(-1deg)}100%{transform:translateX(0) rotate(0)}}@keyframes crash-hit-right{0%{transform:translateX(8%) rotate(5deg)}28%{transform:translateX(-3%) rotate(-2deg)}48%{transform:translateX(1%) rotate(1deg)}100%{transform:translateX(0) rotate(0)}}@keyframes crash-spark{0%{opacity:0;transform:rotate(calc(var(--ray)*45deg)) translateY(-15px) scaleY(.2)}25%{opacity:1}100%{opacity:0;transform:rotate(calc(var(--ray)*45deg)) translateY(-155px) scaleY(.1)}}.crash-ticker{overflow:hidden;padding:35px 0;background:#d9e8a4;border-block:1px solid #29212a}.crash-ticker span{display:block;font:clamp(80px,12vw,190px)/.9 Display;letter-spacing:-.035em;white-space:nowrap;transform:translateX(calc((var(--section-progress,.5) - .5)*-280px))}.crash-identity h2{font-size:clamp(60px,7vw,110px);text-transform:uppercase}.crash-geometry .grid2>figure:first-child{transform:rotate(calc((var(--section-progress,.5) - .5)*-8deg))}.crash-geometry .grid2>figure:last-child{transform:rotate(calc((var(--section-progress,.5) - .5)*8deg))}.colour-stage{background:var(--crash-field);padding:18px;transition:background .4s}.colour-stage>a{overflow:hidden}.colour-stage img{max-height:730px;object-fit:contain;transform:scale(1.25);transform-origin:50% 35%}.colour-stage figcaption{padding:15px 3px 0;opacity:1}.swatch{transition:transform .25s}.swatch[aria-pressed=true]{transform:translateY(-8px) rotate(-4deg);background:var(--crash-hit);box-shadow:4px 4px 0 #29212a}.crash-close .big-quote{text-transform:uppercase;font-size:clamp(70px,12vw,180px);line-height:.9;letter-spacing:-.055em}.crash-detail-notes{border-top:2px solid currentColor;padding-top:35px}
@media(max-width:760px){.crash-hero{padding-top:108px}.crash-hero h1{font-size:25vw;margin-top:32px;line-height:.8}.crash-hero h1>.collision-two{margin-left:16vw}.crash-star{margin-left:4vw}.collision-trigger{margin-top:25px;font-size:8px;padding:11px 15px}.crash-opening{grid-template-columns:1fr;gap:30px;margin-top:40px}.crash-opening .lede{font-size:32px}.crash-opening>figure{margin:0 6px 10px;transform:rotate(2deg);box-shadow:6px 7px 0 #29212a}.crash-opening>figure img{aspect-ratio:1.25;transform:scale(1.8)}.crash-caption-strip{top:70px;font-size:7px}.crash-ticker{padding:26px 0}.crash-ticker span{font-size:20vw}.crash-identity h2{font-size:15vw}.colour-stage{padding:10px}.colour-stage img{aspect-ratio:1;object-fit:cover;transform:scale(1.6)}.colour-stage figcaption{font-size:8px}.crash-close .big-quote{font-size:16vw}.crash-impact{left:55%;top:30%}.crash-impact i{height:45px}.crash-geometry .grid2>figure{transform:none!important}}
.experience-reduced .collision-word,.experience-reduced .crash-star,.experience-reduced .crash-ticker span,.experience-reduced .crash-geometry .grid2>figure{transform:none!important}.experience-reduced .is-struck .collision-word,.experience-reduced .crash-impact i{animation:none!important}@media(prefers-reduced-motion:reduce){html:not(.motion-user-on) .collision-word,html:not(.motion-user-on) .crash-star,html:not(.motion-user-on) .crash-ticker span,html:not(.motion-user-on) .crash-geometry .grid2>figure{transform:none!important}html:not(.motion-user-on) .is-struck .collision-word,html:not(.motion-user-on) .crash-impact i{animation:none!important}}

/* The colour render at object scale, followed by another original case model. */
.crash-enrich-cinema{background:#efa9cf;color:#29212a;padding:0;overflow:hidden}
.crash-enrich-heading{position:relative;isolation:isolate;overflow:hidden;padding:60px 5vw 50px;display:flex;justify-content:space-between;align-items:center;gap:4vw}
.crash-enrich-heading>div{position:relative;z-index:1}.crash-enrich-heading .eyebrow{font-size:10px;margin-bottom:28px}
.crash-enrich-heading h2{font:clamp(72px,12vw,175px)/.88 Display,Arial,sans-serif;letter-spacing:-.045em}
.crash-enrich-heading h2 em{font:italic .74em Georgia,serif;letter-spacing:-.065em}
.crash-enrich-star{position:absolute;z-index:0;right:4vw;top:8%;font:clamp(200px,36vw,500px)/1 Georgia,serif;color:#a4376a;opacity:.17;animation:crash-spark-orbit 65s linear infinite}
@keyframes crash-spark-orbit{to{transform:rotate(360deg)}}
.crash-enrich-close-stage{height:min(80vh,900px);min-height:550px;overflow:hidden;background:#fff}
.crash-enrich-close-stage>a{height:100%;overflow:hidden}
.crash-enrich-close-stage img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;transform:scale(2.15);transform-origin:50% 43%}
.crash-enrich-cinema figcaption{padding:23px 5vw 26px;gap:35px;font-size:10px;opacity:1;border-bottom:1px solid #29212a}
.crash-enrich-cinema figcaption span{white-space:normal!important}
.crash-enrich-model{position:relative;isolation:isolate;overflow:hidden;padding:85px 0;background:#f2eee7;color:#29212a}
.crash-enrich-model .wrap{position:relative;z-index:1}
.crash-enrich-model-head{display:grid;grid-template-columns:1fr 1fr;gap:25px 8vw;align-items:end;margin-bottom:45px}
.crash-enrich-model-head .eyebrow{grid-column:1/-1;font-size:10px;margin:0}
.crash-enrich-model-head h2{font-size:clamp(45px,6vw,90px);line-height:.99}
.crash-enrich-model-head>p:last-child{font-size:17px;max-width:390px;padding-bottom:3px}
.crash-enrich-model-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:30px;align-items:center}
.crash-enrich-model-grid figure{min-width:0;background:#f3f1e9;border:1px solid #b9a9ad;box-shadow:6px 6px 0 #d8adc3}
.crash-enrich-model-grid figure:first-child{transform:rotate(-3deg)}.crash-enrich-model-grid figure:last-child{transform:rotate(2deg)}
.crash-enrich-model-grid img{width:100%;aspect-ratio:1.15;object-fit:cover;mix-blend-mode:multiply}
.crash-enrich-model-grid figcaption{padding:16px 20px;font-size:9px;opacity:1;border-top:1px solid #b9a9ad}
.crash-enrich-source{font:10px/1.7 Mono,monospace;margin-top:35px;max-width:680px;opacity:.65}
.crash-enrich-rules{position:absolute;inset:-10%;z-index:0;pointer-events:none;opacity:.09;background:repeating-linear-gradient(130deg,transparent 0 95px,#a32a68 95px 96px);animation:crash-rule-drift 23s ease-in-out infinite alternate}
@keyframes crash-rule-drift{from{transform:translateX(-45px)}to{transform:translateX(45px)}}
@media(max-width:760px){.crash-enrich-heading{padding:45px 5vw 35px}.crash-enrich-heading .eyebrow{font-size:8px;margin-bottom:22px}.crash-enrich-heading h2{font-size:16.5vw}.crash-enrich-star{font-size:65vw;right:-10%;top:10%}.crash-enrich-close-stage{height:70svh;min-height:430px;max-height:650px}.crash-enrich-close-stage img{transform:scale(1.35);object-position:50% 43%;transform-origin:50% 43%}.crash-enrich-cinema figcaption{flex-direction:column;font-size:9px;gap:12px;padding:18px 5vw 24px}.crash-enrich-model{padding:55px 0}.crash-enrich-model-head{grid-template-columns:minmax(0,1fr);gap:22px;margin-bottom:35px}.crash-enrich-model-head .eyebrow{font-size:8px}.crash-enrich-model-head h2{font-size:12.3vw}.crash-enrich-model-head>p:last-child{font-size:15px}.crash-enrich-model-grid{grid-template-columns:minmax(0,1fr);gap:32px;padding:0 6px}.crash-enrich-model-grid figure:first-child{transform:rotate(-2deg)}.crash-enrich-model-grid figure:last-child{transform:rotate(1deg)}.crash-enrich-model-grid img{aspect-ratio:1.35}.crash-enrich-model-grid figcaption{font-size:8px;padding:13px 15px}.crash-enrich-source{font-size:9px;margin-top:26px}}

/* Fill the hero field with the identity; keep complete boxed sets visible. */
.crash-hero h1{font-size:min(43vw,625px);line-height:.77;letter-spacing:-.06em;width:100%;margin-top:48px}
.crash-hero h1>.collision-one{display:block;transform:translateX(calc((var(--section-progress,.25) - .25)*-28px)) rotate(calc((var(--section-progress,.25) - .25)*-2deg))}
.crash-hero h1>.collision-two{display:flex;align-items:baseline;justify-content:flex-end;margin-left:0;white-space:nowrap;transform:translateX(calc((var(--section-progress,.25) - .25)*28px)) rotate(calc((var(--section-progress,.25) - .25)*2deg))}
.crash-star{font-size:.8em;margin-left:.08em}
.colour-stage img{width:100%;height:auto;max-height:none;aspect-ratio:4/3;object-fit:contain;transform:none}
.colour-stage>a{background:#f8f6f7}
.colour-options .swatch span{font-size:9px;letter-spacing:.06em}
@media(max-width:760px){.crash-hero h1{font-size:43vw;line-height:.8;margin-top:32px}.crash-hero h1>.collision-two{margin-left:0}.colour-stage img{aspect-ratio:4/3;object-fit:contain;transform:none}.colour-stage figcaption{font-size:9px;flex-wrap:wrap;gap:8px}.colour-stage figcaption span{white-space:normal}}
@media(min-width:761px){.crash-hero>.wrap{width:92vw;max-width:none}.crash-hero h1{font-size:43vw}}
