:root{--ink: #101114;--chalk: #f4f2ec;--azur: #1c5dc2;--azur-light: #7fb0f2;--pine: #cf9450}*{margin:0;padding:0;box-sizing:border-box;user-select:none}body{background-color:var(--ink)}h1{font-family:Barlow Condensed,Arial Narrow,Helvetica Neue Condensed,Arial,sans-serif;font-size:13vw;font-weight:500;text-transform:uppercase;line-height:.84;letter-spacing:.005em;padding-top:.14em}h2{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:clamp(16px,1.5vw,21px);font-weight:500;line-height:1.5;max-width:34ch}p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.6}.eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;opacity:.75}img{width:100%;height:100%;object-fit:cover;display:block}.container{position:fixed;top:0;left:0;width:100vw;height:100svh;overflow:hidden;background-color:var(--ink)}.progress-bar{position:fixed;top:0;left:0;width:100vw;height:5px;transform:scaleX(0%);transform-origin:center left;background-color:var(--azur-light);will-change:transform;z-index:2}.brand{position:fixed;top:1.6em;left:2em;z-index:2;display:flex;flex-direction:column;gap:.3em;color:#fff;mix-blend-mode:difference;pointer-events:none}.brand-name{font-family:Barlow Condensed,Arial Narrow,Arial,sans-serif;font-size:1.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;line-height:1}.brand-sub{font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.28em;opacity:.9}.progress-counter{position:fixed;bottom:1em;right:1.6em;z-index:2;color:#fff;mix-blend-mode:difference;text-align:right;pointer-events:none}.progress-counter .counter-label{display:block;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.28em;opacity:.9}.progress-counter h1{font-size:3.4rem;font-weight:500;line-height:1;padding-top:.05em;font-variant-numeric:tabular-nums}.scroller{position:relative;width:700vw;height:100svh;display:flex;will-change:transform;transform:translate(0)}section{position:relative;height:100svh;display:flex;justify-content:center;align-items:center;overflow:hidden}.intro,.hero-img,.about,.banner-img,.story,.outro{width:75vw}.header,.concept-img{width:100vw}.intro,.header{padding:4.5em 2.5em 2.5em;background-color:var(--ink);color:var(--chalk)}.intro h1{font-size:13.5vw}.intro h2{color:#f4f2ecd1}.header h1{font-size:12.5vw}.about{padding:4.5em 3em 2em 2.5em;background-color:var(--azur);color:var(--chalk)}.about,.intro,.header,.story{display:flex;justify-content:space-between;align-items:flex-start}.intro,.about,.story{flex-direction:column}.about .row{display:flex;justify-content:space-between;align-items:flex-start;gap:3em;width:100%}.about .row .copy{flex:3;display:flex;flex-direction:column;gap:1.2em;max-width:46ch}.about .row .copy .eyebrow{color:var(--azur-light);opacity:1}.about .row .img{flex:2;aspect-ratio:7 / 5;max-width:32vw}.about>h1{font-size:11vw}.story{padding:4.5em 2.5em 2em;background-color:var(--pine);color:var(--ink)}.story .eyebrow{opacity:.6}.story .format{display:flex;align-items:baseline;gap:1.5em}.story .format h1{font-size:8.5vw;padding-top:0}.story .format p{font-size:13px;max-width:24ch;opacity:.72;line-height:1.45}.outro{background-color:var(--azur);color:var(--chalk)}.outro .outro-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.4em}.outro h1{font-size:19vw}.outro p{color:#f4f2ecc7;max-width:30ch}@media(max-width:768px){.intro,.header{padding:5em 1.4em 1.6em}.intro h1{font-size:15vw}.header h1{font-size:14vw}h2{font-size:15px}.about{padding:5em 1.4em 4.5em}.about .row{flex-direction:column;gap:1.4em}.about .row .copy{gap:.9em;max-width:100%}.about .row .copy p{font-size:13.5px}.about .row .img{width:100%;max-width:100%;aspect-ratio:7 / 5;max-height:26svh}.about>h1{font-size:14vw}.story{padding:5em 1.4em 4.5em}.story .format{flex-direction:column;gap:.35em}.story .format h1{font-size:11vw}.story .format p{font-size:12px}.outro h1{font-size:22vw}.outro p{font-size:13px;padding:0 1.5em}.brand{top:1.4em;left:1.2em}.brand-name{font-size:1.25rem}.progress-counter{right:1.2em;bottom:.9em}.progress-counter h1{font-size:2.4rem}}