@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;600;700&display=swap";
:root{--ink:#11100f;--paper:#f2eee8;--accent:#ff4d00;--stage:#e74516;--light:#fffaf3;--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{z-index:50;color:#fff;justify-content:space-between;align-items:center;width:100%;height:88px;padding:0 clamp(22px,4vw,72px);display:flex;position:absolute;top:0;left:0}.brand{letter-spacing:-.06em;font-family:Archivo Black,sans-serif;font-size:1.55rem}.brand span{color:var(--accent)}.nav-links{align-items:center;gap:34px;font-size:.84rem;font-weight:600;display:flex}.nav-cta{border:1px solid #ffffff73;border-radius:999px;padding:12px 18px}.hero{color:#fff;background:#11100f;flex-direction:column;justify-content:center;min-height:100svh;padding:clamp(140px,19vh,210px) clamp(24px,7vw,120px) 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:var(--accent);filter:blur(1px);border-radius:50%;width:42vw;height:42vw;position:absolute;top:-14vw;right:-9vw}.hero:after{content:"TB";color:#1b1917;letter-spacing:-.15em;font:30vw/1 Archivo Black;position:absolute;bottom:-15vw;right:-3vw;transform:rotate(-8deg)}.hero>*{z-index:2;position:relative}.hero-kicker{text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:12px;margin-bottom:25px;font-size:.74rem;font-weight:700;display:flex}.hero-kicker span{background:var(--accent);width:36px;height:2px}h1{letter-spacing:-.075em;max-width:1200px;margin:0;font-family:Archivo Black;font-size:clamp(3.7rem,9.2vw,9rem);line-height:.86}h1 em,.after-story h2 em{color:var(--accent);font-style:normal}.hero>p{color:#c7c1ba;max-width:540px;margin:34px 0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:28px;min-height:54px;padding:0 24px;font-size:.78rem;font-weight:700;transition:all .25s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-solid{background:var(--accent);color:#fff}.button-ghost{border:1px solid #514d49}.scroll-hint{text-transform:uppercase;letter-spacing:.15em;color:#8e8984;align-items:center;gap:16px;font-size:.67rem;display:flex;position:absolute;bottom:42px;right:clamp(24px,5vw,80px)}.scroll-hint i{background:#8e8984;width:52px;height:1px;display:block;position:relative}.scroll-hint i:after{content:"";border-bottom:1px solid #8e8984;border-right:1px solid #8e8984;width:7px;height:7px;position:absolute;top:-3px;right:0;transform:rotate(-45deg)}.story{background:var(--stage);height:800vh;transition:background .5s;position:relative}.story-sticky{background:var(--stage);isolation:isolate;height:100svh;transition:background .55s;position:sticky;top:0;overflow:hidden}.ambient{filter:blur(90px);opacity:.33;border-radius:50%;transition:background .6s;position:absolute}.ambient-a{background:#fc0;width:40vw;height:40vw;top:-15vw;left:-18vw}.ambient-b{background:#7b220b;width:38vw;height:38vw;bottom:-22vw;right:-17vw}.stage-word{letter-spacing:-.1em;color:#fff8eeeb;text-transform:uppercase;white-space:nowrap;z-index:0;justify-content:space-between;align-items:center;padding:0 3.5vw;font:clamp(6rem,16vw,17rem)/.8 Archivo Black;display:flex;position:absolute;inset:0}.stage-word span{transition:opacity .16s;display:block}.stage-meta{z-index:4;color:#1a130e;grid-template-columns:auto minmax(30px,100px) auto;align-items:center;gap:14px;display:grid;position:absolute;top:112px;left:clamp(22px,5vw,80px)}.stage-index{font:"Archivo Black";font-size:1rem}.stage-index b{opacity:.55;font:500 .65rem DM Sans}.stage-line{background:currentColor;height:1px}.stage-meta p{text-transform:uppercase;letter-spacing:.17em;margin:0;font-size:.67rem;font-weight:700}.shirt-wrap{z-index:2;transform-origin:50%;will-change:transform,opacity;width:min(48vw,610px);position:absolute;top:50%;left:50%;transform:translate(-50%,-49%)scale(1)}.shirt-halo{filter:blur(45px);background:#ffffff2e;border-radius:50%;width:70%;height:65%;position:absolute;top:19%;left:15%}.shirt{filter:drop-shadow(0 38px 35px #2a0c024d);-webkit-user-select:none;user-select:none;width:100%;display:block;position:relative}.shirt-print{z-index:3;text-align:center;color:#f5eadc;text-transform:uppercase;filter:drop-shadow(0 2px 2px #0003);will-change:opacity,transform;flex-direction:column;justify-content:center;align-items:center;width:34%;height:31%;line-height:.84;display:flex;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.shirt-print strong{letter-spacing:-.07em;font:clamp(1rem,2.35vw,2rem)/.87 Archivo Black}.shirt-print .print-small{letter-spacing:.32em;margin-bottom:8px;font-size:clamp(.38rem,.65vw,.58rem);font-weight:700}.shirt-print .print-detail{letter-spacing:.19em;border-top:1px solid;margin-top:9px;padding-top:7px;font-size:clamp(.34rem,.55vw,.5rem);font-weight:600}.stage-copy{z-index:4;width:min(310px,28vw);position:absolute;bottom:68px;left:clamp(22px,5vw,80px)}.stage-copy p{margin:0 0 22px;font-size:.96rem;line-height:1.45}.stage-copy a{text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid;gap:28px;padding-bottom:7px;font-size:.69rem;font-weight:700;display:inline-flex}.progress-ui{z-index:4;color:#1c130e;flex-direction:column;align-items:center;gap:14px;height:250px;display:flex;position:absolute;top:50%;right:clamp(22px,4vw,68px);transform:translateY(-50%)}.progress-ui>span{letter-spacing:.2em;writing-mode:vertical-rl;font-size:.55rem}.progress-track{background:#11100f33;width:2px;height:150px;position:relative;overflow:hidden}.progress-track i{width:100%;height:calc(var(--progress) * 100%);background:#111;position:absolute;top:0;left:0}.progress-ui b{font-size:.6rem}.mobile-swipe{display:none}.after-story{background:var(--paper);padding:clamp(90px,13vw,190px) clamp(24px,7vw,120px)}.section-label{text-transform:uppercase;letter-spacing:.17em;margin-bottom:28px;font-size:.68rem;font-weight:700}.after-story h2{letter-spacing:-.07em;max-width:1100px;margin:0;font:clamp(3rem,7.5vw,8rem)/.9 Archivo Black}.steps{border-top:1px solid #cbc3ba;grid-template-columns:repeat(3,1fr);margin-top:90px;display:grid}.steps article{border-right:1px solid #cbc3ba;padding:28px 4vw 12px 0}.steps article:last-child{border-right:0;padding-left:4vw}.steps article:nth-child(2){padding-left:4vw}.steps span{color:var(--accent);font-size:.67rem;font-weight:700}.steps h3{text-transform:uppercase;margin:50px 0 12px;font:1.4rem Archivo Black}.steps p{color:#5f5b56;max-width:270px;line-height:1.5}.final-cta{color:#fff;text-align:center;background:#121110;flex-direction:column;justify-content:center;align-items:center;min-height:92vh;padding:80px 22px;display:flex;position:relative;overflow:hidden}.final-cta>p{text-transform:uppercase;letter-spacing:.18em;color:#9b9690;font-size:.67rem}.final-cta h2{letter-spacing:-.08em;color:var(--accent);margin:10px 0 40px;font:clamp(4.5rem,14vw,14rem)/.84 Archivo Black}.button-light{color:#111;background:#fff}.final-mark{letter-spacing:-.08em;color:#191817;z-index:0;font:22vw/.8 Archivo Black;position:absolute;bottom:-.19em}.final-cta>:not(.final-mark){z-index:1}@media (max-width:760px){.nav{height:70px;padding:0 20px}.nav-links>a:not(.nav-cta){display:none}.nav-cta{padding:9px 12px;font-size:.68rem}.hero{padding:120px 22px 50px}.hero:before{width:72vw;height:72vw;right:-30vw}.hero h1{font-size:clamp(3.45rem,17vw,5.5rem)}.hero>p{margin:24px 0 28px;font-size:1rem}.scroll-hint{display:none}.button{min-height:50px;padding:0 18px;font-size:.67rem}.story{height:650vh}.story-sticky{min-height:100svh}.stage-word{color:#fff8eed4;flex-direction:column;justify-content:center;gap:51vh;padding:0;font-size:23vw}.stage-meta{grid-template-columns:auto 32px auto;top:88px;left:20px}.stage-meta p{font-size:.57rem}.shirt-wrap{width:min(95vw,510px);top:50%}.shirt-print{width:33%;top:43%}.shirt-print strong{font-size:clamp(.85rem,4.2vw,1.35rem)}.stage-copy{width:70vw;bottom:35px;left:20px}.stage-copy p{display:none}.progress-ui{height:180px;right:16px}.progress-track{height:95px}.mobile-swipe{text-transform:uppercase;letter-spacing:.17em;font-size:.58rem;display:block;position:absolute;bottom:36px;right:20px}.after-story{padding:90px 22px}.after-story h2{font-size:13vw}.steps{grid-template-columns:1fr;margin-top:55px}.steps article,.steps article:nth-child(2),.steps article:last-child{border-bottom:1px solid #cbc3ba;border-right:0;padding:24px 0}.steps h3{margin:20px 0 9px}.final-cta{min-height:78vh}.final-cta h2{font-size:21vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.story-sticky,.story{transition:none}}