.te-system{background:#17231d;color:#edece3;position:relative;height:240vh;min-height:1600px}.te-sticky{position:sticky;top:0;padding:38px 4% 22px;min-height:100vh;box-sizing:border-box;overflow:hidden}.te-heading{display:flex;justify-content:space-between;gap:35px;align-items:start}.te-heading h2{font-size:clamp(40px,4vw,62px);margin:14px 0 0}.te-heading>p{font-size:15px;max-width:350px;color:#bcc7bb;padding-top:30px}.te-stage{height:440px;max-width:1150px;margin:0 auto;position:relative}.te-car{position:absolute;left:50%;top:20px;width:200px;height:365px;transform:translateX(-50%);transition:transform .75s ease}.te-car svg{width:100%;height:100%;opacity:.85}.te-car>span{position:absolute;top:18%;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.25em;color:#263b2e}.te-module{position:absolute;border:1px solid #82917d;background:#24382d;padding:17px 20px;width:240px;opacity:0;transform:translate(0,0) scale(.6);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:2}.te-module h3{font:400 24px Georgia,serif;margin:13px 0}.te-module p{font-size:12px;line-height:1.55;color:#c2ccbd;margin:0}.te-number{font-size:10px;letter-spacing:.12em;color:#d6e6c9}.te-prep{left:calc(50% - 125px);top:30px}.te-wardrobe{right:calc(50% - 125px);top:15px}.te-shop{right:calc(50% - 125px);top:235px}.te-stage[data-phase="1"] .te-prep,.te-stage[data-phase="2"] .te-prep,.te-stage[data-phase="3"] .te-prep{opacity:1;transform:translateX(-250px) scale(1)}.te-stage[data-phase="2"] .te-wardrobe,.te-stage[data-phase="3"] .te-wardrobe{opacity:1;transform:translateX(265px) scale(1)}.te-stage[data-phase="3"] .te-shop{opacity:1;transform:translateX(265px) scale(1)}.te-state-label{position:absolute;bottom:10px;left:calc(50% - 375px);max-width:220px}.te-state-count{font-size:10px;letter-spacing:.12em;color:#c3d6b5}.te-state-copy{font-size:14px;color:#bbc8b7;line-height:1.5;margin-bottom:0}.te-icon{height:30px;margin-top:12px;position:relative}.te-vanities{display:flex;gap:12px}.te-vanities i{display:block;width:40px;height:25px;border:1px solid #b9cab1;border-bottom:5px solid #b9cab1;border-radius:3px}.te-rail{display:flex;gap:16px;border-top:1px solid #b9cab1;max-width:120px}.te-rail i{font-style:normal;font-size:32px;line-height:26px;color:#b9cab1}.te-desk{border-bottom:3px solid #b9cab1;width:140px;border-radius:0 0 10px 10px}.te-desk i{position:absolute;bottom:0;width:35px;height:25px;border:1px solid #b9cab1}.te-desk b{position:absolute;bottom:0;left:65px;width:30px;height:20px;border:1px solid #b9cab1;transform:skew(-10deg)}.te-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.te-controls button{padding:11px 18px;border:1px solid #657860;border-radius:30px;color:#cbd6c2;background:transparent;font-size:12px;cursor:pointer}.te-controls button[aria-pressed="true"]{background:#d8e5cc;color:#233326;border-color:#d8e5cc}.te-controls button:focus-visible{outline:2px solid #fff;outline-offset:4px}.te-note{max-width:850px;text-align:center;font-size:11px;color:#98ad96;margin:20px auto 0}.te-source{padding:80px 5%;display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center}.te-source figure{margin:0}.te-source button{display:block;width:100%}.te-source img{width:100%;height:auto}.te-source figcaption{font-size:10px;letter-spacing:.1em;margin-top:15px}.te-source h2{margin:18px 0 25px}.te-source p:not(.eyebrow){color:#50574f;max-width:490px}@media(max-width:900px){.te-module{width:200px;padding:12px}.te-stage[data-phase="1"] .te-prep,.te-stage[data-phase="2"] .te-prep,.te-stage[data-phase="3"] .te-prep{transform:translateX(-165px) scale(1)}.te-stage[data-phase="2"] .te-wardrobe,.te-stage[data-phase="3"] .te-wardrobe,.te-stage[data-phase="3"] .te-shop{transform:translateX(175px) scale(1)}.te-car{width:150px}.te-state-label{left:2%;bottom:0}.te-module h3{font-size:21px}}@media(max-width:600px){.te-system{height:auto;min-height:0}.te-sticky{position:relative;min-height:0;padding:45px 5%}.te-heading{display:block}.te-heading h2{font-size:45px}.te-heading>p{padding:0;font-size:14px}.te-stage{height:610px}.te-car{top:0;width:135px;height:250px;left:50%}.te-module{left:0;right:0;top:265px;width:auto;box-sizing:border-box;transform:none!important;display:none;opacity:1;padding:20px}.te-stage[data-phase="1"] .te-prep,.te-stage[data-phase="2"] .te-wardrobe,.te-stage[data-phase="3"] .te-shop{display:block}.te-stage[data-phase="2"] .te-prep,.te-stage[data-phase="3"] .te-prep,.te-stage[data-phase="3"] .te-wardrobe{display:none}.te-module h3{font-size:27px}.te-module p{font-size:14px}.te-state-label{bottom:12px;left:0;max-width:100%}.te-state-copy{margin-top:8px}.te-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.te-controls button{padding:12px 8px}.te-note{text-align:left;font-size:11px;line-height:1.7}.te-source{display:block;padding:55px 5%}.te-source>div{margin-top:35px}}@media(prefers-reduced-motion:reduce){.te-system{height:auto;min-height:0}.te-sticky{position:relative}.te-module,.te-car{transition:none}}
.te-slider{display:flex;align-items:center;gap:16px;max-width:650px;margin:18px auto 0;color:#cbd6c2;font-size:11px}.te-slider input{flex:1;min-width:80px;accent-color:#d8e5cc}.te-slider label{white-space:nowrap}
.te-system h2,.te-source h2{font-family:Georgia,serif;font-weight:400;line-height:1.07}.te-source h2{font-size:clamp(40px,4vw,62px)}.te-system em,.te-source em{font-weight:400}.te-source{background:#eeebe4;color:#222a27}
/* Fit the interactive plate beneath the persistent editorial navigation. */
body .te-source{background:#efeee8;color:#1a1b18}
body .te-source h2{font-size:clamp(32px,4vw,58px);line-height:1.06}
body .te-source button{padding:0;border:0;background:transparent;cursor:zoom-in}
@media(min-width:601px){
body .te-sticky{top:var(--film-header,0px);padding:20px 4% 16px;min-height:0}
body .te-heading h2{font-size:clamp(30px,3vw,46px);line-height:1.05;margin:8px 0 0}
body .te-heading>p{padding-top:0;font-size:13px;margin:0;max-width:310px}
body .te-stage{height:clamp(280px,42vh,440px)}
body .te-car{height:90%;width:155px;top:5%}
body .te-module{padding:12px 16px;width:220px}
body .te-module h3{font-size:20px;margin:8px 0}
body .te-module p{font-size:11px;line-height:1.4}
body .te-module .te-icon{height:24px;margin-top:8px}
body .te-shop{top:53%}
body .te-controls button{padding:8px 14px}
body .te-slider{margin:10px auto 0}
body .te-note{margin-top:10px;font-size:10px;line-height:1.4}
}
.te-reference-viewer{max-width:90vw;max-height:90vh;background:#111;color:#fff;padding:20px;border:0}.te-reference-viewer img{display:block;max-width:85vw;max-height:75vh;object-fit:contain}.te-reference-viewer button{display:block;margin:0 0 12px auto;background:none;color:white;border:0;padding:10px;cursor:pointer}.te-reference-viewer::backdrop{background:#000c}
@media(min-width:901px){body .te-stage{height:350px}body .te-module{box-sizing:border-box;width:270px}body .te-module h3{font-size:18px;line-height:1.1}body .te-shop{top:185px}body .te-wardrobe{top:15px}}
body.te-exploring .client-dock{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* The scroll track is measured from the plate plus its short animation travel. */
body .te-system{height:auto;min-height:0}
@media(min-width:601px){
 body .te-stage{height:clamp(220px,calc(100svh - var(--film-header,128px) - 310px),350px)}
 body .te-sticky{min-height:0}
 body .te-shop{top:53%}
}

/* The reference has its own anchor and a short, contained sticky hold. */
.reference-track{position:relative;background:#fff}
body .reference-track .te-source{background:#fff;scroll-margin-top:var(--reference-top,110px)}
.reference-track.reference-pinned{height:calc(var(--reference-height) + 35vh)}
.reference-pinned .te-source{position:sticky;top:var(--reference-top);}
.reference-pinned .te-source>div{transform:translateY(var(--reference-drift,0px))}
/* Plain full-width reference: intrinsic image height, no crop or interaction. */
body #production-reference.production-reference-static{
  display:block;position:relative!important;width:100%!important;max-width:none;
  height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  overflow:visible;transform:none!important;
}
body #production-reference.production-reference-static>img{
  display:block;width:100%!important;height:auto!important;max-height:none!important;
  aspect-ratio:auto 4/3!important;object-fit:contain!important;transform:none!important;
}