@charset "UTF-8";
.story{background:#132a22;color:#eef2e7}.story .icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.story .social-icon{width:21px;height:21px;flex:none}.story .social-access{display:flex;gap:12px;flex-wrap:wrap}.story .social-access a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid rgba(237,242,231,.35);font-size:12px}.story .social-access a:hover{background:#eef2e7;color:#142c25}.story .social-access a:focus-visible,.story button:focus-visible{outline:3px solid #b7ca9f;outline-offset:4px}.story .hero-copy{top:24%}.story .story-socials{margin-top:20px;pointer-events:auto}.story .hero-intro{margin-top:22px}.story .cinema-cta{margin-top:20px}.story .site-header{z-index:80}.story #story-free-scroll{left:190px}.story .story-scene{position:relative;min-height:calc(100svh - 80px);scroll-margin-top:80px}.story .story-scene:not(.cinema-hero){padding:32px max(40px,calc((100vw - 1280px)/2)) 35px}.story .story-alias{position:absolute;top:0;left:0;scroll-margin-top:80px}.story .scene-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end;margin:0 0 26px}.story .scene-heading h2,.story .count-story h2,.story .person-story h2,.story .closing-story h2{font-size:clamp(42px,4.4vw,68px);font-weight:400;letter-spacing:-.055em;line-height:1.04;margin:17px 0 0}.story h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#b6cba8;letter-spacing:-.065em}.story .story-eyebrow{font:10px/1.7 Consolas,monospace;letter-spacing:.11em;color:#b6cba8;margin:0}.story .scene-intro{font-size:14px;line-height:1.75;color:#c7d4c0;max-width:340px;margin:0 0 3px auto}.story .story-film{margin:0}.story .story-film video{display:block;width:100%;height:clamp(260px,calc(100svh - 400px),680px);object-fit:contain;background:#0d1917;border:0;box-shadow:0 20px 70px rgba(0,0,0,.15)}.story .story-film figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;font:11px/1.6 Consolas,monospace;color:#b8c9af;margin-top:12px;min-height:32px}.story .scene-credit{font-size:11px;line-height:1.7;color:#bac9b3;margin:15px 0 0;max-width:860px}.story .film-scene{background:radial-gradient(ellipse at 80% 40%,#244837,#132a22 70%)}.story .event-story{background:linear-gradient(145deg,#182e29,#12231e)}.story .event-notes{display:flex;gap:30px}.story .event-notes p{margin:0}.story .scene-catalog{display:inline-flex;min-height:36px;align-items:center;font-size:11px;margin-top:8px}.story .clip-tabs{display:flex;border:0;gap:6px;background:none;padding:0}.story .clip-tabs button{padding:8px 15px;min-height:44px;border:1px solid #748b70;background:transparent;color:#d6e0cc;font-size:11px}.story .clip-tabs button[aria-pressed=true]{background:#c7d6b9;color:#142c25}.story .clip-tabs button:hover{border-color:#eaf1e4}
.story .count-story{background:#e0e7d8;color:#142c25;display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center}.story .count-story-copy{max-width:430px}.story .count-story .story-eyebrow,.story .count-story h2 em{color:#476c4a}.story .count-story h2{font-size:clamp(60px,6.6vw,100px);margin:22px 0 30px}.story .count-story-copy>p:not(.story-eyebrow){font-size:16px;line-height:1.8}.story .count-story-copy>.scene-credit{font-size:12px;color:#466148}.story .count-story-image{margin:0;text-align:center;position:relative}.story .count-story-image img{display:block;max-width:100%;height:clamp(380px,calc(100svh - 205px),820px);width:auto;margin:auto;object-fit:contain;box-shadow:0 28px 70px rgba(11,40,23,.23);border:10px solid rgba(255,255,255,.55)}.story .count-story-image figcaption{font:10px/1.6 Consolas,monospace;color:#48624b;margin-top:18px}.story .story-count-controls{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.story .story-count-controls button{font-size:11px;min-height:44px;padding:9px 13px;border:1px solid #6b8564;background:transparent;color:#142c25}.story .story-count-controls button[aria-pressed=true]{background:#183b28;color:#eef2e7}.story .story-count-controls button:hover{border-color:#142c25}.story .story-links{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:28px}.story .story-links a{display:inline-flex;align-items:center;min-height:36px;font-size:11px;border-bottom:1px solid rgba(20,44,37,.3)}
.story .spatial-story{background:#0f211b}.story .spatial-stage{width:100%;margin-top:10px}.story .lab-preview{min-height:0;border:0;background:#132a22}.story .lab-preview>img{display:block;width:100%;height:clamp(320px,calc(100svh - 370px),660px);object-fit:contain;background:#e8edf0}.story .lab-preview>button{font-size:12px;padding:14px 20px;bottom:20px;left:20px}.story .lab-footer{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-top:18px}.story .lab-footer p{font-size:10px;max-width:850px;line-height:1.65}.story .lab-footer a{font-size:11px;min-height:36px;display:inline-flex;align-items:center;white-space:nowrap}.story .conversation-story{background:#203a30}.story .conversation-story .case-media{width:100%}.story .screenshots{display:grid;grid-template-columns:1fr 1fr;gap:24px}.story .screenshots a{margin:0!important;display:block;background:#f6f3eb;border:0}.story .screenshots img{width:100%;height:clamp(290px,calc(100svh - 410px),650px);max-height:none;object-fit:contain}.story .conversation-story .caption{font-size:10px;margin-top:12px}.story .conversation-story .media-links{font-size:12px;margin-top:10px;gap:25px}.story .conversation-story .text-link{min-height:36px}
.story .person-story{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8%;background:#e0e7d8;color:#142c25}.story .person-story .story-eyebrow{color:#476c4a}.story .person-story h2 em{color:#476c4a}.story .person-story h2{font-size:clamp(50px,5.6vw,84px);margin-bottom:30px}.story .person-story p:not(.story-eyebrow){font-size:14px;line-height:1.9;max-width:590px}.story .person-symbol{width:100%;max-width:470px;height:auto}.story .story-skills{list-style:none;padding:0;margin:30px 0 0;display:flex;gap:8px 18px;flex-wrap:wrap}.story .story-skills li{font:11px/1.6 Consolas,monospace;padding-bottom:6px;border-bottom:1px solid #82997b}.story .closing-story{padding-top:90px!important;background:linear-gradient(90deg,rgba(15,35,24,.92),rgba(15,35,24,.83)),url('/assets/forest-landscape.webp') center/cover}.story .closing-story h2{font-size:clamp(70px,9vw,140px);margin:28px 0}.story .closing-story>p:not(.story-eyebrow){font-size:15px;line-height:1.7;max-width:450px}.story .story-email{display:inline-block;font-size:clamp(17px,2.5vw,30px);margin:12px 0 25px}.story .closing-socials{margin-bottom:22px}.story .project-email{display:inline-flex;align-items:center;min-height:44px;margin-right:22px;font-size:12px;border-bottom:1px solid #839b78}.story .site-footer{padding-bottom:30px}.story .footer-socials{margin-left:auto}.story .site-footer{flex-wrap:wrap;gap:20px}.story .scene-heading[data-enter]{opacity:1}
html.story-snap{scroll-snap-type:y proximity;scroll-padding-top:80px}html.story-snap .story-scene{scroll-snap-align:start;scroll-snap-stop:normal;scroll-margin-top:0}.story-scene{--scene-depth:0}.story-film,.count-story-image,.conversation-story .case-media{transform:translateY(calc(var(--scene-depth,0)*-10px));transition:transform .12s linear}.story-scene.is-current .scene-heading h2 em{color:#c8d8b8}.story .count-story.is-current h2 em,.story .person-story.is-current h2 em{color:#476c4a}
@media(max-width:900px){.story .story-scene:not(.cinema-hero){padding:30px 26px 35px}.story .scene-heading{gap:30px;grid-template-columns:1.2fr .8fr}.story .scene-heading h2{font-size:45px}.story .scene-intro{font-size:12px}.story .count-story{gap:6%}.story .count-story h2{font-size:65px}.story .count-story-copy>p:not(.story-eyebrow){font-size:14px}}
@media(max-width:800px){.story .story-scene{min-height:calc(100svh - 76px);scroll-margin-top:76px}.story .story-scene:not(.cinema-hero){padding:28px 20px 30px}.story .scene-heading{display:block;margin-bottom:20px}.story .scene-heading h2{font-size:38px;margin-top:15px}.story .scene-intro{font-size:13px;line-height:1.6;max-width:420px;margin:18px 0 0}.story .story-eyebrow{font-size:9px}.story .story-film video{height:auto;min-height:0;max-height:65svh;width:100%;aspect-ratio:640/428}.story .story-film figcaption{font-size:9px;gap:12px;flex-wrap:wrap}.story .scene-credit{font-size:10px;line-height:1.7}.story .event-notes{display:block}.story .clip-tabs button{font-size:10px;padding:9px 12px}.story .count-story{display:flex;flex-direction:column;align-items:stretch;gap:22px}.story .count-story-copy{display:contents}.story .count-story .story-eyebrow{order:0}.story .count-story h2{order:1;font-size:52px;margin:0;line-height:1}.story .count-story-image{order:2}.story .count-story-image img{height:clamp(320px,45svh,560px);border-width:6px}.story .count-story-image figcaption{font-size:8px;margin-top:10px}.story .count-story-copy>p:not(.story-eyebrow){order:3;font-size:13px;margin:0}.story .story-count-controls{order:4;margin:0;gap:6px}.story .story-count-controls button{padding:8px 10px;font-size:10px}.story .story-links{order:5;margin:0;gap:5px 18px}.story .count-story-copy>.scene-credit{order:6;font-size:10px!important}.story .lab-preview>img{height:auto;max-height:400px}.story .lab-footer{display:block}.story .lab-footer p{font-size:10px}.story .screenshots{gap:12px}.story .screenshots img{height:300px}.story .conversation-story .media-links{gap:10px 20px;flex-wrap:wrap}.story .person-story{display:flex;flex-direction:column-reverse;align-items:stretch;gap:20px}.story .person-symbol{width:150px;align-self:flex-end}.story .person-story h2{font-size:48px;margin-bottom:25px}.story .person-story p:not(.story-eyebrow){font-size:13px}.story .story-skills{margin-top:20px}.story .closing-story{padding-top:60px!important}.story .closing-story h2{font-size:76px}.story .hero-copy{top:23%}.story .hero h1{font-size:clamp(43px,11.5vw,62px)}.story .story-socials{gap:7px;margin-top:18px}.story .story-socials a{font-size:10px;gap:7px;padding:8px 10px}.story .story-socials .social-icon{width:18px;height:18px}.story .site-footer .footer-socials{margin-left:0}.story .scene-note{display:none}html.story-snap{scroll-padding-top:76px}}
@media(prefers-reduced-motion:reduce){.story-film,.count-story-image,.conversation-story .case-media{transform:none!important;transition:none}.story-scene{scroll-behavior:auto!important}html.story-snap{scroll-behavior:auto}}

.story .film-scene{padding-top:24px;padding-bottom:26px}.story .film-scene .scene-heading{margin-bottom:20px}.story .film-scene .scene-heading h2{font-size:48px;margin-top:12px}.story .film-scene .story-film video{height:clamp(260px,calc(100svh - 350px),760px)}.story .film-scene .scene-credit{margin-top:12px}.story .event-story .scene-catalog{position:absolute;bottom:17px;right:max(40px,calc((100vw - 1280px)/2));font-size:10px}.story .event-notes{max-width:calc(100% - 300px)}
.story-motion .story-scene:not(.cinema-hero) .scene-heading,.story-motion .story-scene:not(.cinema-hero) .story-film{opacity:0;translate:0 20px;transition:opacity .7s ease,translate .8s cubic-bezier(.22,1,.36,1)}.story-motion .story-scene.story-revealed .scene-heading,.story-motion .story-scene.story-revealed .story-film{opacity:1;translate:0 0}.story-motion .story-scene.story-revealed .story-film{transition-delay:.1s}
@media(max-width:800px){.story .film-scene .scene-heading h2{font-size:38px}.story .film-scene .story-film video{height:auto;max-height:65svh}.story .event-notes{max-width:none}.story .event-story .scene-catalog{position:static;margin-top:12px}.story .film-scene{padding:28px 20px 30px}}
@media(prefers-reduced-motion:reduce){.story-motion .story-scene .scene-heading,.story-motion .story-scene .story-film{opacity:1!important;translate:none!important;transition:none!important}}

.story .film-scene .scene-heading h2{font-size:44px}.story .film-scene .story-film video{height:clamp(260px,calc(100svh - 380px),730px)}.story .conversation-story .scene-heading h2{font-size:42px;margin-top:12px}.story .event-notes{font-size:10px;line-height:1.5}
@media(max-width:800px){.story .film-scene .scene-heading h2,.story .conversation-story .scene-heading h2{font-size:38px}.story .film-scene .story-film video{height:auto}}

.story .count-story p,.story .person-story p{color:#29442f}.story .count-story .scene-credit{color:#466148}.story #vehicle-embedded{background:#11281e;color:#e5eddf}

/* Ambient generated landscapes continue the original forest opening. */
.story .film-scene{background:linear-gradient(rgba(9,30,20,.65),rgba(9,30,20,.91)),url('/assets/forest-mist.webp') center/cover}.story .event-story{background:linear-gradient(rgba(9,28,21,.66),rgba(9,28,21,.90)),url('/assets/forest-river.webp') center/cover}.story .spatial-story{background:linear-gradient(rgba(9,28,21,.84),rgba(9,28,21,.94)),url('/assets/forest-mist.webp') 40% 50%/cover}.story .conversation-story{background:linear-gradient(rgba(9,28,21,.66),rgba(9,28,21,.91)),url('/assets/forest-river.webp') center/cover}.story .closing-story{background:linear-gradient(90deg,rgba(9,28,21,.90),rgba(9,28,21,.67)),url('/assets/forest-river.webp') center/cover}.story .story-film video{background:rgba(8,24,17,.72)}
.story .person-story{grid-template-columns:1fr 1.2fr;gap:3%;overflow:hidden}.story .koi-stage{position:relative;height:640px;width:100%;min-width:0;align-self:center}.story #koi-pond{display:block;width:100%;height:100%;touch-action:pan-y;image-rendering:pixelated}.story .koi-caption{position:absolute;left:20px;bottom:30px;font:9px Consolas,monospace;letter-spacing:.12em;color:#5d6c59}.story #fish-motion{position:absolute;right:20px;bottom:15px;min-height:44px;padding:9px 12px;border:1px solid #7f9275;background:rgba(224,231,216,.85);color:#29442f;font-size:11px}.story #fish-motion:hover{background:#cfdbc5}
@media(max-width:800px){.story .person-story{flex-direction:column-reverse;gap:10px}.story .koi-stage{height:360px}.story .koi-caption{left:0;bottom:25px}.story #fish-motion{right:0;bottom:12px}.story .film-scene,.story .spatial-story{background-image:linear-gradient(rgba(9,30,20,.8),rgba(9,30,20,.93)),url('/assets/forest-mist-mobile.webp')}.story .event-story,.story .conversation-story,.story .closing-story{background-image:linear-gradient(rgba(9,30,20,.8),rgba(9,30,20,.9)),url('/assets/forest-river-mobile.webp')}}
.story .spatial-story .scene-heading h2{font-size:44px;margin-top:12px}.story .lab-preview>img{height:clamp(320px,calc(100svh - 360px),760px)}
@media(max-width:800px){.story .spatial-story .scene-heading h2{font-size:38px}.story .lab-preview>img{height:430px;max-height:none}}