:root{--electric:#bdbdbd;--electric-dark:#161616}.hero-composition{grid-template-columns:1.35fr 1fr;gap:4%;padding-block:70px 80px}.hero-title .hero-small{font-family:Inter,Arial,sans-serif;font-size:clamp(.9rem,1.15vw,1.1rem);letter-spacing:.015em;font-weight:400;color:#bbb;margin-bottom:38px}.hero-title .hero-small em{font-style:normal;color:white}.hero-title .hero-bold{font-weight:800;font-size:clamp(3.5rem,7.4vw,7.8rem);letter-spacing:-.075em;line-height:1.12}.hero-title .hero-serif{font-size:clamp(1.9rem,4.25vw,4.5rem);line-height:1.2;white-space:normal;color:white;letter-spacing:-.06em;font-weight:400;margin-top:5px}.hero-title .hero-serif em{font-family:'Instrument Serif',Georgia,serif;font-size:1.38em;font-style:italic;letter-spacing:-.04em;font-weight:400;color:var(--electric);white-space:nowrap}.hero .button{background:var(--electric);color:white;border-color:var(--electric)}.hero .button:hover{background:#fff;color:#000;border-color:#fff}.hero-brand-art{padding:60px 0 35px;perspective:1100px}.kinetic-tag{position:absolute;left:0;top:10px;font-size:11px;letter-spacing:.16em;color:var(--electric);transform:rotate(-5deg)}.hero-brand-art .mark-coordinate{top:auto;bottom:8px;right:0}.kinetic-mark{aspect-ratio:249/179;position:relative;width:100%;transform:rotate(-10deg);--pointer-x:0;--pointer-y:0;--scroll-phase:0}.mark-slice{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;clip-path:inset(var(--cut-top) -20% var(--cut-bottom));transform:translateX(0);will-change:transform}.hero-ready .kinetic-mark{animation:none;transform:perspective(1100px) rotateX(calc(var(--pointer-y)*-8deg)) rotateY(calc(var(--pointer-x)*12deg)) rotate(calc(-10deg + var(--scroll-phase)*16deg));transition:transform .65s cubic-bezier(.22,1,.36,1)}.hero-ready .mark-slice{animation:slice-arrive 1.6s cubic-bezier(.22,1,.36,1) var(--delay) backwards;transform:translateX(calc(var(--pointer-x) * (var(--i) - 3.5) * 4px));transition:transform .75s cubic-bezier(.22,1,.36,1)}.hero-ready .mark-caption{animation:caption-reveal 1s 1.25s backwards}.mark-caption{font-size:11px;letter-spacing:.11em;color:#a0a0a0;margin-top:36px}.hero .eyebrow span:first-child{color:var(--electric)}.section-label:before{background:var(--electric)}.pillar[open] .number{color:var(--electric-dark)}.pillar:nth-child(3n) h3{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(2.7rem,7.6vw,7.2rem);letter-spacing:-.03em}.step-number{color:var(--electric-dark)}.problem h2>span:not(.reveal-word){font-family:'Instrument Serif',Georgia,serif;font-style:italic;letter-spacing:-.03em}.closing h2>span:not(.reveal-word){color:var(--electric-dark);font-family:'Instrument Serif',Georgia,serif;font-style:italic;letter-spacing:-.03em}.scroll-progress{background:var(--electric)}
@keyframes slice-arrive{0%{opacity:0;transform:translateX(var(--offset)) rotate(-8deg)}35%{opacity:1}70%{transform:translateX(calc(var(--offset)*-.1)) rotate(1deg)}100%{opacity:1;transform:translateX(0) rotate(0)}}@keyframes caption-reveal{from{opacity:0;letter-spacing:.32em;transform:translateY(8px)}to{opacity:1;letter-spacing:.11em;transform:translateY(0)}}
.story-body{background:#f8f8f8}.story-opening{padding-top:65px;padding-bottom:70px}.story-opening .section-label{margin-bottom:65px}.story-opening h1{font-family:Inter,Arial,sans-serif;font-size:clamp(3.8rem,8.7vw,9rem);font-weight:650;letter-spacing:-.075em;line-height:1.03}.story-opening h1 em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;color:var(--electric-dark);letter-spacing:-.055em}.story-deck{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:60px;padding-top:25px;border-top:1px solid #ccc}.story-deck>span{font-size:12px;letter-spacing:.1em}.story-deck>p{font-size:clamp(1.3rem,2.1vw,2rem);line-height:1.35;letter-spacing:-.035em;max-width:31ch}.story-portrait{background:#000;color:#fff;padding:75px 0 30px;overflow:hidden}.portrait-title{font-weight:800;font-size:clamp(2.8rem,9.5vw,9.5rem);line-height:1;letter-spacing:-.07em;white-space:nowrap;color:#777;text-align:center;margin-bottom:30px}.story-portrait figure{margin:0}.story-portrait img{display:block;width:100%;height:auto;filter:none}.story-portrait figcaption{border-top:1px solid #444;padding-top:20px;margin-top:10px;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.025em;color:#bbb}.story-chapters{display:grid;grid-template-columns:1fr 2.15fr;gap:10%;padding-block:120px}.story-chapters aside{position:sticky;top:135px;align-self:start;display:flex;flex-direction:column;gap:18px}.story-chapters aside>span{font-size:12px;letter-spacing:.12em;margin-bottom:15px;color:#666}.story-chapters aside a{font-size:14px;color:#777;width:fit-content;transition:color .3s}.story-chapters aside a:hover,.story-chapters aside a[aria-current]{color:var(--electric-dark)}.chapter-list article{scroll-margin-top:135px;border-top:1px solid #bcbcbc;padding-top:30px;margin-bottom:110px}.chapter-list article:last-child{margin-bottom:0}.chapter-number{font-size:12px;letter-spacing:.1em;color:var(--electric-dark);margin-bottom:38px}.chapter-list h2{font-size:clamp(2.6rem,4.9vw,5rem);font-weight:500;line-height:1.12;margin-bottom:35px;letter-spacing:-.055em}.chapter-list h2 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.035em;font-size:1.1em}.chapter-list p{font-size:18px;line-height:1.8;max-width:53ch;color:#555;margin-top:20px}.chapter-note{margin-top:40px;padding:30px 0 30px 25px;border-left:3px solid var(--electric-dark);font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.5;letter-spacing:-.04em}.chapter-note strong{font-weight:600}.story-manifesto{background:var(--electric-dark);color:white;padding:100px 0}.story-manifesto .section-label:before{background:white}.story-manifesto>.wrap>p{font-size:clamp(3rem,7.8vw,8rem);line-height:1.08;letter-spacing:-.06em;font-weight:600}.story-manifesto em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.04em;font-style:italic}.manifesto-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:60px;padding-top:30px;border-top:1px solid #ffffff60}.manifesto-bottom>span{font-size:16px;line-height:1.7}.manifesto-bottom .button{background:#fff;color:#000;border-color:#fff;max-width:100%}.story-body .header{position:sticky}.story-page [id]{scroll-margin-top:130px}
@media(max-width:1050px){.hero-title .hero-bold{font-size:7.6vw}.hero-title .hero-serif{font-size:4.1vw}.story-chapters{gap:6%;grid-template-columns:1fr 2.4fr}.story-chapters aside a{font-size:13px}.chapter-list p{font-size:17px}}
@media(max-width:760px){.hero-composition{grid-template-columns:1fr;padding-block:38px 30px;gap:0}.hero-title .hero-small{font-size:13px;margin-bottom:20px}.hero-title .hero-bold{font-size:13.1vw}.hero-title .hero-serif{font-size:7.1vw;line-height:1.3;margin-top:7px}.hero-title .hero-serif em{font-size:1.38em}.hero-brand-art{width:60%;max-width:280px;padding:35px 0 14px;margin-top:22px}.kinetic-tag{font-size:9px;top:4px;left:-26%;letter-spacing:.1em}.mark-caption{font-size:9px;letter-spacing:.045em;margin-top:25px}.hero-brand-art .mark-coordinate{bottom:-5px}.pillar:nth-child(3n) h3{font-size:clamp(2.2rem,10vw,4rem)}.story-opening{padding-top:38px;padding-bottom:42px}.story-opening .section-label{font-size:11px;margin-bottom:40px}.story-opening h1{font-size:clamp(3rem,10.6vw,5rem);line-height:1.08;letter-spacing:-.065em}.story-deck{grid-template-columns:1fr;gap:20px;margin-top:35px;padding-top:22px}.story-deck p{font-size:1.3rem}.story-portrait{padding:38px 0 25px}.portrait-title{font-size:9vw;margin-bottom:20px}.story-portrait .wrap{width:calc(100% - 24px)}.story-portrait figcaption{font-size:11px;line-height:1.5;flex-direction:column;gap:4px;padding-top:15px}.story-chapters{display:block;padding-block:50px 65px}.story-chapters aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:55px}.story-chapters aside>span{grid-column:1/-1;margin-bottom:5px}.story-chapters aside a{font-size:13px}.chapter-list article{padding-top:24px;margin-bottom:60px}.chapter-number{font-size:11px;margin-bottom:25px}.chapter-list h2{font-size:clamp(2.2rem,8.5vw,3.4rem);line-height:1.13;margin-bottom:23px}.chapter-list p{font-size:16px;line-height:1.8;margin-top:18px}.chapter-note{padding:20px 0 20px 20px;margin-top:28px}.story-manifesto{padding:65px 0}.story-manifesto>.wrap>p{font-size:clamp(2.5rem,10vw,4rem);line-height:1.15}.manifesto-bottom{flex-direction:column;align-items:start;gap:25px;margin-top:38px}.manifesto-bottom .button{width:100%;font-size:13px;padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.hero-ready .kinetic-mark,.kinetic-mark{transform:rotate(-10deg);transition:none}.hero-ready .mark-slice,.mark-slice{animation:none;transform:none;transition:none}.hero-ready .mark-caption{animation:none}.story-opening h1{animation:none}}