:root{--ink:#0c100e;--paper:#f5f5ed;--accent:#d6e4a0;--muted:#adb4aa;--sans:Arial,Helvetica,sans-serif;color-scheme:dark;font-family:var(--sans);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{color:var(--ink);background:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;padding:15px 20px;z-index:100;background:var(--accent);color:var(--ink)}.skip-link:focus{top:15px}.js-only{visibility:hidden}.js .js-only{visibility:visible}
.cinema{position:relative;isolation:isolate}.film-stage{position:sticky;top:0;height:100svh;margin-bottom:-100svh;overflow:hidden;background:var(--ink);z-index:1;pointer-events:none}.film-images,.scene-media,.scene-media video,.film-shade{position:absolute;inset:0;width:100%;height:100%}.scene-media{opacity:0;transition:opacity 1s ease;will-change:opacity;background:#0c100e}.scene-media.is-active{opacity:1}.scene-media video{object-fit:cover;object-position:50% 50%;filter:saturate(.94)}.scene-media[data-media='1'] video{object-position:60% center}.scene-media[data-media='2'] video{object-position:50% center}.film-shade{background:linear-gradient(90deg,rgba(3,9,6,.58),rgba(3,9,6,.12) 70%),linear-gradient(180deg,rgba(3,9,6,.65),rgba(3,9,6,.02) 30%,rgba(3,9,6,.04) 56%,rgba(3,9,6,.88));z-index:1}
.site-header{position:absolute;top:0;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.9rem 0;z-index:4;pointer-events:auto;border-bottom:1px solid #ffffff26}.wordmark{font-size:2rem;font-weight:600;letter-spacing:-.085em;white-space:nowrap}.wordmark span{color:var(--accent)}.header-positioning{font-size:.75rem;letter-spacing:.15em}.about-link{font-size:.875rem}.about-link span{margin-left:1.6rem}.film-meta{position:absolute;left:4%;right:4%;top:8rem;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:.75rem;letter-spacing:.14em}.frame-counter{display:flex;align-items:center;gap:1rem;font-variant-numeric:tabular-nums}.counter-line{height:1px;width:3rem;background:#ffffff59}.scene-location{position:absolute;right:4%;top:50%;z-index:2;display:flex;align-items:center;gap:1.2rem;writing-mode:vertical-rl;font-size:.75rem;letter-spacing:.15em}.location-rule{height:3rem;width:1px;background:#ffffff65}
.chapters{position:relative;z-index:2;pointer-events:none}.chapter{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:12rem 8% 14rem;position:relative}.chapter-copy{max-width:950px;width:100%;pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:1rem;font-size:.75rem;letter-spacing:.15em;line-height:1.6;margin:0 0 1.8rem}.short-rule{width:2rem;height:1px;background:var(--accent);flex-shrink:0}h1,h2{font-weight:600;letter-spacing:-.075em;line-height:.95;margin:0;overflow-wrap:anywhere}.chapter h1{font-size:clamp(4.25rem,9.6vw,11rem)}.chapter h2{font-size:clamp(3.75rem,8.5vw,9.4rem)}.chapter h1 span,.chapter h2 span{color:var(--accent)}.chapter-description{font-size:1.0625rem;line-height:1.65;margin:2rem 0 0;max-width:360px;text-shadow:0 1px 12px #0005}.play-story{display:flex;align-items:center;gap:1rem;border:0;background:none;padding:0;margin-top:2rem;text-align:left;font-size:.9375rem}.play-circle{width:3.4rem;height:3.4rem;border:1px solid #ffffff7a;border-radius:50%;display:grid;place-items:center;font-size:.875rem;transition:background .2s,transform .2s}.play-story:hover .play-circle{background:#ffffff1f;transform:scale(1.08)}.play-story small{display:block;font-size:.75rem;letter-spacing:.1em;color:#c9cec4;margin-top:.45rem}.chapter-next{display:inline-flex;align-items:center;gap:3rem;border-bottom:1px solid #ffffff70;padding:.75rem 0;margin-top:1.5rem;font-size:.875rem}
.film-dock{position:absolute;z-index:5;left:4%;right:4%;bottom:2.1rem;pointer-events:auto}.dock-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;min-height:2.75rem}.scroll-cue{font-size:.75rem;letter-spacing:.13em;display:flex;gap:1.2rem;align-items:center}.scroll-cue>span{font-size:1.4rem;animation:scroll-bob 2.5s ease-in-out infinite}.tour-status{font-size:.75rem;letter-spacing:.1em;color:var(--accent);margin-left:auto}.motion-control{display:flex;gap:.6rem;align-items:center;background:none;border:0;padding:.5rem 0 .5rem .5rem;min-height:44px;font-size:.875rem}.motion-control>span:first-child{width:1.7rem;height:1.7rem;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;font-size:.75rem}.chapters-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.chapter-link{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1rem;align-items:center;font-size:.875rem;min-height:44px;color:#d1d5cb;padding:.5rem 0}.chapter-number{font-size:.75rem;color:#adb5a4}.chapter-track{grid-column:1/-1;height:2px;margin-top:.45rem;background:#ffffff32;overflow:hidden}.chapter-track>span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.chapter-link.is-active{color:var(--accent)}.chapter-link.is-active .chapter-number{color:var(--accent)}.chapter-link.is-active .chapter-track>span{transform:scaleX(var(--scene-progress,0.08))}.chapter-link.is-past .chapter-track>span{transform:scaleX(1);background:#ffffff75}
.our-world{position:relative;z-index:3;background:#111a14;padding:3rem 6% 0}.brand-topline{display:flex;justify-content:space-between;gap:1.5rem;font-size:.75rem;letter-spacing:.14em;line-height:1.7;color:#c5ccbd}.brand-grid{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:4rem;padding:6rem 0 5rem}.brand-grid h2{font-size:clamp(3rem,6.7vw,7.5rem)}.brand-grid h2 span{color:var(--accent)}.brand-copy{max-width:350px;justify-self:end}.brand-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.7;color:#c5ccbd}.brand-copy .eyebrow{color:var(--paper)}.contact-sheet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;padding-bottom:5rem}.contact-sheet a{min-width:0}.contact-sheet img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;filter:saturate(.7);transition:filter .25s}.contact-sheet a:hover img{filter:saturate(1)}.contact-sheet a>span{display:flex;align-items:center;gap:.8rem;font-size:.875rem;margin-top:1rem}.contact-sheet small{font-size:.75rem;color:#aab6a0}.contact-sheet a>span>span{margin-left:auto}.our-world footer{border-top:1px solid #ffffff26;padding:2rem 0;display:flex;justify-content:space-between;align-items:center;gap:2rem}.our-world footer p{font-size:.75rem;line-height:1.6;color:#aeb9a5;max-width:380px;margin:0 auto}.our-world footer>a:not(.wordmark),.our-world footer>span{font-size:.75rem;white-space:nowrap;color:#c5ccbd}
@keyframes scroll-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}.is-paused .scroll-cue>span{animation-play-state:paused}
@media(min-width:1800px){.chapter{padding-left:10%}.chapter-copy{max-width:1200px}}
@media(max-width:1050px){.chapter{padding-left:6%;padding-right:6%}.chapter h1{font-size:clamp(4.25rem,10.5vw,9rem)}.chapter h2{font-size:clamp(3.75rem,9.3vw,8rem)}.chapters-nav{gap:1rem}.chapter-link{gap:.55rem .6rem}.brand-grid{gap:2rem}.scene-location{display:none}.contact-sheet{gap:1rem}.header-positioning{font-size:.75rem;letter-spacing:.08em}}
@media(max-width:700px){.site-header{left:6%;right:6%;padding:1.4rem 0;gap:1rem}.wordmark{font-size:1.8rem}.header-positioning{display:none}.about-link{font-size:.875rem}.about-link span{margin-left:.7rem}.film-meta{left:6%;right:6%;top:6.5rem;font-size:.75rem;letter-spacing:.06em}.frame-counter{gap:.6rem}.counter-line{width:1.5rem}.chapter{padding:11rem 6% 14rem;min-height:max(100svh,46rem)}.chapter h1{font-size:clamp(3.5rem,11.8vw,5.2rem);line-height:.98}.chapter h2{font-size:clamp(3rem,10.6vw,4.8rem);line-height:.98}.eyebrow{font-size:.75rem;letter-spacing:.1em;gap:.6rem;margin-bottom:1.5rem}.short-rule{width:1.3rem}.chapter-description{font-size:1rem;line-height:1.6;margin-top:1.5rem}.play-story{margin-top:1.5rem;font-size:.875rem}.play-circle{width:3rem;height:3rem}.film-dock{left:6%;right:6%;bottom:1.2rem}.dock-top{margin-bottom:.6rem;gap:.5rem}.scroll-cue{font-size:.75rem;letter-spacing:.03em;gap:.5rem;max-width:180px}.tour-status{display:none}.motion-control{font-size:.875rem;gap:.4rem}.chapters-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.3rem}.chapter-link{font-size:.875rem;gap:.2rem .6rem}.chapter-track{margin-top:.4rem}.film-shade{background:linear-gradient(90deg,rgba(3,9,6,.26),rgba(3,9,6,.15)),linear-gradient(180deg,rgba(3,9,6,.7),rgba(3,9,6,.14) 27%,rgba(3,9,6,.2) 50%,rgba(3,9,6,.94))}.scene-media[data-media='2'] video{object-position:43% center}.our-world{padding-top:2rem}.brand-topline{font-size:.75rem;letter-spacing:.06em;flex-wrap:wrap}.brand-grid{grid-template-columns:1fr;gap:2rem;padding:4rem 0 3rem}.brand-grid h2{font-size:clamp(3rem,12vw,5rem)}.brand-copy{max-width:100%;justify-self:start}.brand-copy>p:not(.eyebrow){font-size:1rem}.contact-sheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem;padding-bottom:3rem}.contact-sheet a>span{font-size:.875rem;gap:.4rem;flex-wrap:wrap}.our-world footer{flex-wrap:wrap;gap:1.5rem}.our-world footer p{order:4;max-width:100%;margin:0}.our-world footer .wordmark{margin-right:auto}}
@media(max-width:360px){.scroll-cue{max-width:150px}.motion-control{font-size:.75rem}.chapter h1{font-size:3.2rem}.chapter h2{font-size:2.8rem}.chapter-link{font-size:.875rem}}
@media(max-width:38em) and (min-width:701px){.header-positioning{display:none}.chapter{padding-top:12rem;padding-bottom:18rem}.chapters-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-media,.chapter-track>span,.play-circle,.contact-sheet img{transition:none}.scroll-cue>span{animation:none}}
@media print{.film-stage{display:none}.chapter{min-height:auto;padding:3rem 6%;color:#111;background:#fff;break-inside:avoid}.chapter h1 span,.chapter h2 span{color:#294528}.chapter-description{color:#111;text-shadow:none}.play-story{display:none}.our-world{break-inside:avoid}}
