/* Isolated motion preview: native scrolling, one sticky product moment. */
.unbox-hero{padding-bottom:12px}
.box-sequence{--sequence-header:112px;--sequence-height:650px;--sequence-travel:700px;position:relative;background:#100b08;scroll-margin-top:var(--sequence-header)}
.sequence-stage{max-width:1440px;margin:auto;padding:25px 6% 20px;display:flex;flex-direction:column;align-items:center;min-height:0;overflow:hidden}
.sequence-heading{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:1}
.sequence-heading .eyebrow{font-size:11px;letter-spacing:.18em;margin:0 0 7px;color:#dec18c}
.sequence-heading h2{font:400 clamp(28px,3.3vw,42px)/1.15 Georgia,serif;letter-spacing:-.035em}
.sequence-skip{font-size:13px;color:#d8c4a6;padding:13px 0;display:inline-flex;align-items:center;gap:14px}
.sequence-skip:hover,.sequence-build:hover{color:#fff1d4}
.sequence-picture{position:relative;width:100%;max-width:950px;aspect-ratio:4/3;min-height:0;flex:1;margin-top:4px;isolation:isolate;mask-image:linear-gradient(transparent,#000 5% 96%,transparent)}
.sequence-picture img,.sequence-picture canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.sequence-canvas{visibility:hidden}
.box-sequence.has-frame .sequence-canvas{visibility:visible}
.box-sequence.has-frame .sequence-poster{visibility:hidden}
.sequence-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding-top:18px;position:relative;z-index:1}
.sequence-cue{display:flex;align-items:center;gap:15px;min-width:180px;color:#d6bd96;font-size:12px}
.sequence-track{width:70px;height:2px;background:#b19a7338;overflow:hidden}
.sequence-track>span{height:100%;display:block;background:#ecc06b;transform:scaleX(0);transform-origin:left}
.sequence-open{display:inline-flex;gap:15px;align-items:center;color:#f8e5c6;border:1px solid #917044;padding:11px 20px;min-height:44px;border-radius:30px;background:#21160f;font:400 14px var(--sans)}
.sequence-open:hover{background:#352217;border-color:#d4ae6e}
.sequence-build{display:inline-flex;align-items:center;gap:15px;font-size:14px;border-bottom:1px solid #84683e;padding:12px 0;min-height:44px}
.sequence-open[hidden],.sequence-cue[hidden]{display:none}
.box-sequence.sequence-active{height:calc(var(--sequence-height) + var(--sequence-travel))}
.sequence-active .sequence-stage{position:sticky;top:var(--sequence-header);height:var(--sequence-height)}
.sequence-active .sequence-picture{aspect-ratio:auto}
.sequence-active .sequence-footer{flex-shrink:0}
.box-sequence:not(.sequence-active) .sequence-footer{justify-content:center}
.box-sequence a:focus-visible,.box-sequence button:focus-visible{outline:2px solid #ecc06b;outline-offset:5px}
@media(max-width:700px){
 .box-sequence{--sequence-header:82px}
 .sequence-stage{padding:20px 5% 20px}
 .sequence-heading{align-items:center;gap:18px}
 .sequence-heading h2{font-size:30px}
 .sequence-heading .eyebrow{font-size:10px;letter-spacing:.12em}
 .sequence-skip{font-size:12px;max-width:120px;line-height:1.5;gap:8px}
 .sequence-picture{width:110%;max-width:none;margin-top:10px}
 .sequence-footer{flex-wrap:wrap;gap:12px;padding-top:12px}
 .sequence-cue{min-width:0;gap:10px;font-size:11px;flex:1}
 .sequence-track{width:42px}
 .sequence-open{font-size:12px;padding:10px 14px;gap:10px}
 .sequence-build{justify-content:center;font-size:13px;margin:auto}
 .sequence-active .sequence-build{flex-basis:100%}
}
@media(max-height:600px) and (min-width:701px){.sequence-stage{padding-block:14px}.sequence-heading h2{font-size:25px}.sequence-heading .eyebrow{font-size:10px;margin-bottom:3px}.sequence-footer{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.box-sequence.sequence-active{height:auto}.sequence-active .sequence-stage{position:relative;top:auto;height:auto}.sequence-active .sequence-picture{aspect-ratio:4/3}.sequence-canvas{display:none}.box-sequence.has-frame .sequence-poster{visibility:visible}}
html.motion-paused .box-sequence{height:auto}
html.motion-paused .sequence-stage{position:relative;top:auto;height:auto}
html.motion-paused .sequence-picture{aspect-ratio:4/3}
html.motion-paused .sequence-canvas{display:none}
html.motion-paused .box-sequence .sequence-poster{visibility:visible}