/* V17. Scoped to the new steering experience; the existing site remains unchanged. */
.ht-rack-story{--rack-paper:#eeeae2;--rack-muted:#959b9e;--rack-red:#b5483f;--rack-edge:clamp(24px,5.5vw,112px);position:relative;height:450svh;min-height:3000px;background:#090b0d;color:var(--rack-paper);isolation:isolate;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;overflow:visible}
.ht-rack-story *{box-sizing:border-box}
.ht-rack-stage{position:-webkit-sticky;position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;background:#090b0d;border-top:1px solid rgba(238,234,226,.065);border-bottom:1px solid rgba(238,234,226,.065)}
.ht-rack-topline{position:absolute;z-index:4;left:var(--rack-edge);right:var(--rack-edge);top:126px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;line-height:1.6;letter-spacing:.16em;color:var(--rack-muted)}
.ht-rack-topline>span{display:flex;align-items:center;gap:14px}.ht-rack-topline i{height:1px;width:24px;background:var(--rack-red)}
.ht-rack-topline a{color:var(--rack-muted);font-size:12px;letter-spacing:0;transition:color .3s}.ht-rack-topline a:hover{color:var(--rack-paper)}.ht-rack-topline a span{margin-left:13px}
.ht-rack-narrative{position:absolute;left:var(--rack-edge);right:var(--rack-edge);top:180px;z-index:3;pointer-events:none}
.ht-rack-chapter{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,.8fr);gap:5vw;align-items:end;position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;will-change:opacity,transform}
.ht-rack-chapter.is-current{opacity:1;visibility:visible}
.ht-rack-eyebrow{display:flex;gap:16px;margin:0 0 18px!important;font-family:"Manrope",Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.16em;line-height:1.5;color:var(--rack-muted)}.ht-rack-eyebrow span{color:var(--rack-red)}
.ht-rack-chapter h2{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(39px,3.65vw,65px);font-weight:400;line-height:1.06;letter-spacing:-.045em;margin:0!important;color:var(--rack-paper)}
.ht-rack-chapter h2 em{font-style:normal;font-weight:400;color:var(--rack-muted)}
.ht-rack-description{font-family:"Manrope",Arial,sans-serif;font-size:15px;line-height:1.8;max-width:335px;margin:0 0 5px auto!important;color:#a0a5a8}
.ht-rack-visual{position:absolute;top:37%;left:0;right:0;bottom:11%;z-index:1;isolation:isolate;touch-action:pan-y}
.ht-rack-studio{position:absolute;inset:-18% -15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 57%,rgba(124,141,151,.10),rgba(80,93,103,.025) 43%,transparent 66%)}
.ht-rack-canvas{position:absolute;inset:0;opacity:0;transition:opacity 1.15s ease}.ht-rack-story.is-ready .ht-rack-canvas{opacity:1}.ht-rack-canvas canvas{width:100%;height:100%;display:block;touch-action:pan-y}
.ht-rack-loading{position:absolute;left:50%;top:55%;width:min(300px,72%);transform:translate(-50%,-50%);font-size:12px;line-height:1.6;letter-spacing:.035em;color:var(--rack-muted);transition:opacity .4s,visibility .4s}
.ht-rack-loading-rule{display:block;position:relative;height:1px;margin-top:17px;background:rgba(238,234,226,.13);overflow:hidden}.ht-rack-loading-rule:after{content:"";position:absolute;inset:0;background:#c4c5c4;transform:translateX(-100%);animation:htRackLoad 2s ease-in-out infinite}@keyframes htRackLoad{to{transform:translateX(100%)}}
.ht-rack-story.is-ready .ht-rack-loading{opacity:0;visibility:hidden}.ht-rack-story.is-ready .ht-rack-loading-rule:after,.ht-rack-story.has-error .ht-rack-loading-rule:after{animation:none}
.ht-rack-retry{border:0;border-bottom:1px solid #73797c;background:none;color:var(--rack-paper);font:inherit;padding:7px 0;cursor:pointer;margin-top:8px}.ht-rack-retry[hidden]{display:none}
.ht-rack-caption{position:absolute;left:var(--rack-edge);bottom:123px;display:flex;align-items:center;gap:14px;z-index:2;pointer-events:none;color:#818a8f;font-size:10px;letter-spacing:.14em}.ht-rack-caption-rule{height:1px;width:44px;background:rgba(238,234,226,.25)}
.ht-rack-bottom{position:absolute;left:var(--rack-edge);right:var(--rack-edge);bottom:33px;z-index:4}
.ht-rack-progress{height:1px;background:rgba(238,234,226,.15);margin-bottom:19px}.ht-rack-progress>span{display:block;width:100%;height:1px;background:var(--rack-red);transform:scaleX(0);transform-origin:left;will-change:transform}
.ht-rack-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:24px}
.ht-rack-controls{display:flex;gap:32px;align-items:center}.ht-rack-controls button{border:0;background:none;border-radius:0;margin:0;padding:8px 0;cursor:pointer;color:var(--rack-muted);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:12px;line-height:1.5;letter-spacing:.02em;transition:color .3s;min-height:36px}.ht-rack-controls button span{font-family:"SFMono-Regular",Consolas,monospace;font-size:10px;margin-right:8px;opacity:.65}.ht-rack-controls button[aria-current="step"]{color:var(--rack-paper)}.ht-rack-controls button[aria-current="step"] span{color:#cc6258;opacity:1}
.ht-rack-instruction{font-size:12px;letter-spacing:.025em;color:var(--rack-muted);margin:0!important}.ht-rack-instruction span{display:inline-block;font-size:16px;margin-right:13px;color:#b2b6b6}
.ht-rack-story button:focus-visible,.ht-rack-story a:focus-visible{outline:2px solid var(--rack-red);outline-offset:6px}
/* The visual zone and text zone are independent, including narrow tablets. */
@media(min-width:1800px){.ht-rack-narrative{top:20%}.ht-rack-topline{top:14%}.ht-rack-visual{top:40%;bottom:12%}}
@media(max-width:1000px){.ht-rack-chapter{grid-template-columns:1.2fr .8fr;gap:28px}.ht-rack-chapter h2{font-size:clamp(34px,4.5vw,46px)}.ht-rack-description{font-size:14px;line-height:1.7;max-width:290px}.ht-rack-topline{top:118px}.ht-rack-narrative{top:167px}.ht-rack-controls{gap:23px}}
@media(max-width:700px){
 .ht-rack-story{height:360svh;min-height:2400px;--rack-edge:24px}.ht-rack-stage{min-height:630px}
 .ht-rack-topline{top:113px;font-size:9px;letter-spacing:.1em;gap:6px}.ht-rack-topline>span{gap:9px}.ht-rack-topline i{width:15px}.ht-rack-topline a{font-size:10px}.ht-rack-topline a span{margin-left:4px}
 .ht-rack-narrative{top:160px}.ht-rack-chapter{display:block}.ht-rack-eyebrow{font-size:9px;margin-bottom:17px!important;gap:12px}
 .ht-rack-chapter h2{font-size:clamp(30px,8vw,42px);line-height:1.08;letter-spacing:-.045em}.ht-rack-description{font-size:13px;line-height:1.7;max-width:340px;margin:19px 0 0!important}
 .ht-rack-visual{top:390px;bottom:106px}.ht-rack-caption{bottom:112px;left:24px;font-size:8px;letter-spacing:.11em;gap:9px}.ht-rack-caption-rule{width:26px}
 .ht-rack-bottom{bottom:19px}.ht-rack-bottom-row{display:block}.ht-rack-controls{justify-content:space-between;gap:8px}.ht-rack-controls button{font-size:11px;min-height:43px}.ht-rack-controls button span{display:block;margin:0 0 3px;font-size:9px}.ht-rack-progress{margin-bottom:13px}.ht-rack-instruction{display:none}
}
@media(max-height:740px) and (min-width:701px){.ht-rack-stage{min-height:570px}.ht-rack-topline{top:110px}.ht-rack-narrative{top:150px}.ht-rack-chapter h2{font-size:37px}.ht-rack-eyebrow{margin-bottom:13px!important}.ht-rack-description{font-size:13px}.ht-rack-visual{top:43%;bottom:12%}.ht-rack-caption{bottom:95px}.ht-rack-bottom{bottom:19px}}
@media(max-width:700px) and (max-height:740px){.ht-rack-stage{min-height:560px}.ht-rack-narrative{top:147px}.ht-rack-topline{top:108px}.ht-rack-chapter h2{font-size:29px}.ht-rack-description{font-size:12px;margin-top:14px!important}.ht-rack-visual{top:346px;bottom:95px}.ht-rack-caption{display:none}}
@media(max-height:740px) and (min-width:701px){.ht-rack-caption{display:none}}
@media(prefers-reduced-motion:reduce){.ht-rack-canvas{transition:none}.ht-rack-loading-rule:after{animation:none;transform:none;opacity:.3}.ht-rack-story *, .ht-rack-story *:after{scroll-behavior:auto!important}}
