/* The homepage story uses the same supplied WR-1 CAD as the configurator. */
.motion-story{position:relative;background:#edede7;color:#252922;--motion-progress:0;--motion-photo:1;--motion-wheel:0;--motion-zoom:1}
.motion-stage{position:relative;height:calc(100svh - 112px);min-height:650px;overflow:hidden;isolation:isolate}
.motion-photo{position:absolute;inset:0;z-index:-1;opacity:var(--motion-photo);background:#111411;transform:scale(var(--motion-zoom))}
.motion-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a100ed9,#0a100e30 75%),linear-gradient(0deg,#0a100e70,transparent 40%)}
.motion-photo img{width:100%;height:100%;object-fit:cover;object-position:center 57%}
.motion-wordmark{position:absolute;left:30%;top:2%;font-family:var(--sans);font-weight:600;font-size:clamp(150px,25vw,450px);letter-spacing:-.09em;line-height:1;color:#d3d5c9;opacity:var(--motion-wheel);white-space:nowrap;user-select:none;z-index:-1}
.motion-wheel{position:absolute;right:-3%;top:1%;width:66%;height:92%;opacity:var(--motion-wheel);pointer-events:none;will-change:opacity,transform}
.motion-poster,.motion-canvas{position:absolute;width:100%;height:100%;object-fit:contain}
.motion-poster{mix-blend-mode:multiply}.motion-canvas{opacity:0;transition:opacity .3s}
.motion-story.is-ready .motion-canvas{opacity:1}.motion-story.is-ready .motion-poster{opacity:0}
.motion-copy{position:absolute;left:5%;right:52%;top:17%;bottom:19%;display:grid;align-items:center;z-index:2}
.motion-chapter{grid-area:1/1;max-width:570px;color:#252922;opacity:0;transform:translateY(20px);transition:opacity .45s,transform .6s;pointer-events:none}
.motion-chapter[hidden]{display:none}.motion-chapter.is-active,.motion-chapter:first-child:not([hidden]){opacity:1;transform:none;pointer-events:auto}
.motion-chapter[data-chapter="0"]{color:#faf8ee}.motion-chapter h1,.motion-chapter h2{font-size:clamp(65px,6.5vw,120px);line-height:.98;margin:0 0 25px}
.motion-chapter p:not(.kicker){max-width:350px;font-size:16px;line-height:1.65;margin-bottom:28px}
.motion-chapter .kicker{font-size:11px;color:#7b6850}.motion-chapter[data-chapter="0"] .kicker{color:#d6c5a2}
.motion-chapter .couture-button{font-size:13px;background:#252922;color:#f5f2e8;border-color:#252922}.motion-chapter .couture-button:hover{background:#4d5946}.motion-chapter[data-chapter="0"] .couture-button{background:#f5f2e8;color:#252922;border-color:#f5f2e8}
.motion-detail{display:block;font-size:10px;letter-spacing:.12em;max-width:300px}.motion-swatches{display:flex;gap:12px}.motion-swatches i{width:23px;height:23px;border-radius:50%;background:#c6b08e;border:1px solid #0002}.motion-swatches i:nth-child(2){background:#53585a}.motion-swatches i:nth-child(3){background:#344c42}
.motion-bottom{position:absolute;left:5%;right:5%;bottom:32px;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;z-index:3;font-size:11px;letter-spacing:.08em;color:#faf8ee}.motion-story[data-scene="studio"] .motion-bottom{color:#444c3d}.motion-caption{display:grid;gap:8px}.motion-scroll{font-size:12px;letter-spacing:0;opacity:.75}.motion-skip{font-size:12px;letter-spacing:0;border-bottom:1px solid currentColor;padding:8px 0}.motion-steps{display:flex;gap:6px}.motion-steps[hidden]{display:none}.motion-steps button{color:inherit;background:none;border:0;border-top:1px solid currentColor;min-width:46px;min-height:44px;padding:10px 7px 0;opacity:.4;font-size:10px}.motion-steps button[aria-current]{opacity:1}.motion-progress{position:absolute;bottom:0;height:2px;left:0;right:0;background:#90958130}.motion-progress i{display:block;background:#a29372;height:100%;transform-origin:left;transform:scaleX(var(--motion-progress))}
.motion-story.motion-enabled{height:430svh}.motion-enabled .motion-stage{position:sticky;top:0;height:100svh;min-height:580px}.motion-enabled .motion-chapter{display:block}.motion-enabled .motion-chapter:not(.is-active){visibility:hidden;opacity:0;pointer-events:none}
@media(min-width:1600px){.motion-copy{left:7%;right:53%}.motion-stage{max-height:1200px}.motion-enabled .motion-stage{max-height:none}}
@media(max-width:700px){.motion-stage{height:calc(100svh - 100px);min-height:640px}.motion-story.motion-enabled{height:340svh}.motion-enabled .motion-stage{height:100svh;min-height:590px}.motion-photo img{object-position:62% center}.motion-photo:after{background:linear-gradient(180deg,#0a100eaa,transparent 70%,#0a100e80)}.motion-copy{left:6%;right:6%;top:7%;bottom:auto;min-height:240px;align-items:start}.motion-chapter{max-width:90%}.motion-chapter h1,.motion-chapter h2{font-size:clamp(52px,13vw,76px);margin-bottom:15px}.motion-chapter p:not(.kicker){font-size:14px;line-height:1.5;max-width:290px;margin-bottom:18px}.motion-chapter .kicker{font-size:9px;margin-bottom:16px}.motion-chapter .couture-button{min-height:46px;padding:10px 16px;font-size:12px}.motion-wheel{width:112%;height:55%;right:-12%;top:37%}.motion-wordmark{font-size:40vw;top:47%;left:1%}.motion-bottom{left:6%;right:6%;bottom:20px;gap:12px;flex-wrap:wrap}.motion-caption{font-size:9px;gap:4px;flex:1 1 50%}.motion-scroll{font-size:10px}.motion-steps button{min-width:32px;min-height:44px}.motion-skip{font-size:10px;flex-basis:100%;width:max-content;border-bottom:0;padding:0}.motion-detail{font-size:9px;max-width:260px}}
@media(prefers-reduced-motion:reduce){.motion-story.motion-enabled{height:auto}.motion-enabled .motion-stage{position:relative;height:calc(100svh - 112px)}.motion-photo,.motion-canvas,.motion-chapter{transition:none;will-change:auto}.motion-progress,.motion-scroll{display:none}}

.motion-story[data-scene="studio"] .motion-chapter[data-chapter="0"]{color:#252922}.motion-story[data-scene="studio"] .motion-chapter[data-chapter="0"] .kicker{color:#7b6850}

/* Keep one cinematic introduction, followed by the original compact collection. */
.motion-story.motion-enabled{height:430svh}
@media(max-width:700px){.motion-story.motion-enabled{height:350svh}}
@media(prefers-reduced-motion:reduce){.motion-story.motion-enabled{height:auto}}
/* Quiet photographic transitions complement the single interactive 3D scene. */
@media(prefers-reduced-motion:no-preference){
 .atmosphere-frame{overflow:hidden}
 .atmosphere-frame>img{opacity:.86;transform:scale(1.035);transition:transform 1.3s cubic-bezier(.2,.65,.25,1),opacity 1s ease}
 .atmosphere-frame.atmosphere-visible>img{opacity:1;transform:scale(1)}
 .collection-card .collection-photo img{transition:transform 1.2s cubic-bezier(.2,.65,.25,1),opacity 1s ease}
 .motion-chapter{transition:opacity .65s ease,transform .8s cubic-bezier(.2,.65,.25,1)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.collection-card:hover .collection-photo>img{transform:scale(1.025)}}
/* Centerlock belongs to the monobloc chapter; the hero keeps the full exploded WR-1. */
.mono-motion-stage{display:contents}.mono-scroll-hint{font-size:11px;color:#6e7568;letter-spacing:.04em}
#presence.mono-motion-enabled{display:block;height:320svh;padding:0;overflow:visible;position:relative;background:#edede7}
.mono-motion-enabled .mono-motion-stage{position:sticky;top:0;height:100svh;min-height:620px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5%;padding:55px 5%;overflow:hidden;background:#edede7}
.mono-motion-enabled .wheel-stage{background:#edede7}.mono-motion-enabled .presence-photo{height:70svh;aspect-ratio:auto;background:#edede7}
.mono-motion-enabled .presence-photo>img{height:100%;width:100%;object-fit:contain;transition:opacity .4s}.mono-motion-ready .presence-photo>img{opacity:0!important}.mono-motion-ready .motion-canvas{opacity:1}
.mono-motion-enabled .wheel-caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;margin-top:12px}
.mono-motion-enabled .mono-motion-stage:after{content:"";position:absolute;left:5%;right:5%;bottom:0;height:1px;background:#9a8a68;transform-origin:left;transform:scaleX(var(--mono-progress,0))}
@media(max-width:700px){#presence.mono-motion-enabled{height:300svh}.mono-motion-enabled .mono-motion-stage{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px;padding:38px 6% 24px;min-height:630px}.mono-motion-enabled .kinetic-copy h2{font-size:48px;margin-bottom:17px}.mono-motion-enabled .kinetic-copy>p:not(.kicker){font-size:14px;margin-bottom:12px}.mono-motion-enabled .kinetic-copy .kicker{font-size:10px;margin-bottom:14px}.mono-motion-enabled .editorial-link{font-size:12px;padding:8px 0}.mono-motion-enabled .presence-photo{height:43svh;min-height:250px}.mono-motion-enabled .wheel-caption{font-size:9px;gap:8px}.mono-scroll-hint{font-size:9px}}
/* Collection scenes share the same canvas; inactive cards retain a still frame. */
[data-scene-model]{position:relative;background:#edede7!important}
[data-scene-model]>.motion-canvas,[data-scene-model]>.scene-snapshot{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;transform:none!important}
[data-scene-model]>.motion-canvas{z-index:2;opacity:0}
[data-scene-model]>.scene-snapshot{z-index:1;opacity:0}
[data-scene-model].has-scene-snapshot>.scene-snapshot{opacity:1}
[data-scene-model].shared-scene-ready>.motion-canvas{opacity:1}
[data-scene-model].shared-scene-ready>img:not(.scene-snapshot),[data-scene-model].has-scene-snapshot>img:not(.scene-snapshot){opacity:0!important}
@media(prefers-reduced-motion:reduce){[data-scene-model]>.scene-snapshot,[data-scene-model]>.motion-canvas{display:none}}
/* Colour changes belong to the finish atelier; its two studio views share one model. */
.colour-preview{position:relative;aspect-ratio:2000/1111;background:#fff;overflow:hidden}
.colour-preview>img{width:100%;height:100%;object-fit:contain;transition:opacity .35s}
.colour-preview>.motion-canvas{position:absolute;inset:0;width:100%;height:100%}
.colour-preview-ready>.motion-canvas{opacity:1}.colour-preview-ready>img{opacity:0}
.colour-atelier-palette a[aria-pressed="true"]{color:#252922}
.colour-atelier-palette a[aria-pressed="true"] i{outline:1px solid #827455;outline-offset:4px}

/* Each photographed realization leads into one scroll-driven vehicle study. */
.real-projects:has(.vehicle-story){grid-template-columns:1fr;gap:70px}
.vehicle-story{position:relative;--vehicle-progress:0;min-width:0}
.vehicle-story-stage{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);gap:6%;align-items:center;position:relative}
.vehicle-frame{position:relative;aspect-ratio:4/3;overflow:hidden;background:#edede7;color:#252922;min-width:0}
.real-projects .vehicle-frame>img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;margin:0;transform:none;opacity:1;transition:opacity .45s}
.vehicle-frame>.motion-canvas{inset:0;pointer-events:none}
.vehicle-story-ready .vehicle-frame>img{opacity:0}.vehicle-story-ready .motion-canvas{opacity:1}
.vehicle-shot-label{position:absolute;bottom:16px;left:20px;right:20px;z-index:2;font-size:10px;letter-spacing:.11em;text-transform:uppercase;opacity:0;transition:opacity .4s}
.vehicle-story-ready .vehicle-shot-label{opacity:1}
.vehicle-story-hint{font-size:11px!important;opacity:.65;margin-top:24px}
.vehicle-story-enabled{height:230svh}
.vehicle-story-enabled .vehicle-story-stage{position:sticky;top:0;min-height:680px;height:100svh;padding:120px 0 40px;overflow:hidden}
.vehicle-story-progress{display:none}.vehicle-story-enabled .vehicle-story-progress{position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffffff20;display:block}
.vehicle-story-progress i{display:block;width:100%;height:1px;transform:scaleX(var(--vehicle-progress));transform-origin:left;background:#b7a682}
.real-projects:has(.vehicle-story)>a{max-width:1080px;display:grid;grid-template-columns:1.6fr .7fr;column-gap:6%;margin:auto}
.real-projects:has(.vehicle-story)>a>img{grid-row:1/6;align-self:center;margin:0}.real-projects:has(.vehicle-story)>a>:not(img){grid-column:2}
@media(max-width:850px){
 .vehicle-story-stage{grid-template-columns:1fr;gap:22px}.vehicle-story-enabled{height:220svh}
 .vehicle-story-enabled .vehicle-story-stage{grid-template-rows:minmax(260px,1fr) auto;gap:20px;min-height:680px;padding:150px 0 28px}
 .vehicle-frame{aspect-ratio:auto;height:100%;min-height:260px}.vehicle-story:not(.vehicle-story-enabled) .vehicle-frame{aspect-ratio:4/3}
 .vehicle-story-copy h3{font-size:30px;margin:8px 0}.vehicle-story-copy p:not(.kicker){font-size:13px;line-height:1.5;margin-bottom:12px}.vehicle-story-copy .kicker{font-size:10px;margin-bottom:8px}.vehicle-story-copy .editorial-link{font-size:13px;min-height:44px;padding:6px 0}.vehicle-story-hint{margin-top:12px!important;margin-bottom:0!important}
 .real-projects:has(.vehicle-story)>a{display:block}.real-projects:has(.vehicle-story)>a>img{margin-bottom:25px;max-height:60svh}
}
@media(prefers-reduced-motion:reduce){.vehicle-frame>img,.vehicle-frame>.motion-canvas{transition:none}}

.mono-proportion-note{font-size:11px!important;line-height:1.5!important;color:#777e71!important;margin:8px 0 0!important}