:root{--bg:#090b0e;--ink:#f6eee3;--dim:rgba(246,238,227,.68);--line:rgba(246,238,227,.16);--accent:#d49a62;--display:"Playfair Display",Georgia,serif;--ui:"DM Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--ui);scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
.sequence-track{height:720vh}.sequence-world{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 58% 30%,#3a2a24 0,#090b0e 62%)}#sequenceCanvas{position:absolute;inset:0;width:100%;height:100%}.sequence-world::after{position:absolute;inset:0;z-index:2;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(9,11,14,.9),transparent 45%,rgba(9,11,14,.12)),linear-gradient(0deg,rgba(9,11,14,.84),transparent 34%)}
.sequence-top{position:fixed;z-index:8;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:24px clamp(20px,5vw,72px);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.sequence-top span{color:var(--accent)}.sequence-top a{color:var(--dim)}.sequence-top a:hover{color:var(--ink)}
.sequence-copy{position:fixed;z-index:5;left:clamp(20px,8vw,124px);top:50%;width:min(540px,calc(100vw - 40px));transform:translateY(-50%);pointer-events:none}.eyebrow{display:flex;gap:12px;align-items:center;color:var(--accent);font-size:.64rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.eyebrow::before{width:32px;height:1px;background:currentColor;content:""}.sequence-copy h1{margin:18px 0 16px;font-family:var(--display);font-size:clamp(3rem,6.5vw,6.5rem);font-weight:500;line-height:.98;letter-spacing:-.05em}.sequence-copy p{max-width:40ch;margin:0;color:var(--dim);font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.65}.sequence-copy .btn{display:inline-flex;margin-top:26px;min-height:42px;padding:0 17px;border:1px solid var(--accent);color:var(--accent);font-size:.63rem;letter-spacing:.16em;text-transform:uppercase}.sequence-copy .btn:hover{background:var(--accent);color:#090b0e}
.sequence-steps{position:fixed;z-index:8;right:clamp(20px,5vw,72px);top:50%;display:grid;gap:10px;transform:translateY(-50%)}.sequence-steps button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:var(--dim);font-size:.62rem;transition:.2s}.sequence-steps button.active,.sequence-steps button:hover{border-color:var(--accent);background:var(--accent);color:#090b0e}.sequence-progress{position:fixed;z-index:8;right:0;bottom:0;left:0;height:3px;background:rgba(246,238,227,.1)}.sequence-progress i{display:block;width:0;height:100%;background:var(--accent)}
.fallback-sequence{display:none;position:relative;z-index:3;min-height:100%;padding:110px 20px 50px;overflow:auto;background:var(--bg)}.sequence-fallback .fallback-sequence{display:block}.sequence-fallback #sequenceCanvas,.sequence-fallback .sequence-copy,.sequence-fallback .sequence-steps{display:none}.fallback-sequence h1{max-width:660px;font-family:var(--display);font-size:clamp(2.8rem,8vw,6rem);font-weight:500;line-height:1}.fallback-sequence p{max-width:56ch;color:var(--dim);line-height:1.65}.fallback-sequence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:36px}.fallback-sequence-card{overflow:hidden;border:1px solid var(--line);background:#13171b}.fallback-sequence-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.fallback-sequence-card div{padding:16px}.fallback-sequence-card strong{display:block;font-family:var(--display);font-size:1.3rem;font-weight:500}.fallback-sequence-card span{display:block;margin-top:5px;color:var(--dim);font-size:.82rem}
@media(max-width:700px){.sequence-track{height:640vh}.sequence-top{padding:18px 20px}.sequence-copy{top:auto;bottom:62px;transform:none}.sequence-copy h1{font-size:clamp(2.8rem,14vw,5rem);margin:12px 0}.sequence-copy p{max-width:34ch;font-size:.9rem}.sequence-steps{right:20px}.sequence-world::after{background:linear-gradient(0deg,rgba(9,11,14,.96),transparent 60%),linear-gradient(90deg,rgba(9,11,14,.3),transparent)}}