@charset "UTF-8";
.story .reel-hero{height:auto;min-height:100svh;max-height:none;overflow:hidden;position:relative;isolation:isolate}.story .reel-content{position:relative;z-index:2;width:min(1280px,calc(100% - 80px));margin:auto;padding:108px 0 26px}.story .reel-author{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.reel-author>p{font:11px/1.5 Consolas,monospace;letter-spacing:.08em;color:#eff5e7;margin:0}.reel-author>p>span{color:#c3d6b5;margin-left:18px;font-size:10px}.story .reel-socials{gap:8px}.story .reel-socials a{min-height:36px;padding:7px 11px;font-size:10px}.reel-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px}.story .reel-title h2{font-size:clamp(34px,3.9vw,60px);font-weight:400;line-height:1.08;letter-spacing:-.045em;color:#eff5e7;margin:9px 0 0}.story .reel-title h2 em{color:#d2e3bd;white-space:nowrap}.story .reel-title>p{max-width:220px;font-size:12px;line-height:1.7;color:#d5e3ca;margin:0 0 4px}.story .reel-title .story-eyebrow{display:flex;align-items:center;gap:12px;font-size:9px;color:#d0e0c2}.kuidda-wordmark{width:112px;height:32px;object-fit:contain}.reel-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:20px}.story .reel-main{margin:0;min-width:0}.reel-screen{position:relative;background:#0a1813;border:1px solid #728e64}.story .reel-screen video,.story .reel-screen>img{width:100%;height:clamp(300px,calc(100svh - 500px),560px);display:block;object-fit:contain;background:#0a1813}.story .reel-screen [hidden]{display:none!important}.story .reel-main figcaption{display:flex;justify-content:space-between;align-items:start;gap:18px;padding:13px 0 0}.story .reel-main h2{font-size:18px;line-height:1.3;letter-spacing:-.02em;margin:0 0 5px;font-weight:600;color:#f0f6e9}.story .reel-main figcaption p{font-size:10px;line-height:1.6;color:#d0ddc7;max-width:450px;margin:0}.reel-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:6px;max-width:285px;flex:none}.story .reel-actions button,.story .reel-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 11px;font-size:11px;font-weight:600;text-decoration:none;border:1px solid #b7d29c;border-radius:3px;background:#dcebc6;color:#153724;cursor:pointer;white-space:nowrap}.story .reel-actions button:hover,.story .reel-actions a:hover{background:#f0f7e5;border-color:#f0f7e5}.story .reel-actions [hidden]{display:none!important}.reel-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;min-width:0}.story .reel-thumbs button{display:flex;flex-direction:column;min-width:0;padding:0;text-align:left;border:2px solid #6a845b;background:#183726;color:#f2f7ec;cursor:pointer;border-radius:3px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.12)}.story .reel-thumbs button[aria-pressed=true]{border-color:#e1f1bc;box-shadow:0 0 0 1px #e1f1bc}.reel-thumb-image{position:relative;display:block;width:100%;height:clamp(62px,calc((100svh - 578px)/4),106px);overflow:hidden;background:#0a1813}.reel-thumb-image>img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.reel-thumbs button:hover img{transform:scale(1.04)}.reel-kind{position:absolute;left:5px;top:5px;font:7px/1.2 Consolas,monospace;letter-spacing:.04em;padding:3px 4px;background:#112d20;color:#edf6e5;border:1px solid #7f9a6b}.reel-thumb-title{display:flex;align-items:center;min-height:28px;padding:5px 7px;font-size:10px;line-height:1.4;font-weight:600;color:#eff6e7}.reel-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;font-size:10px;color:#d6e2ca}.story .reel-bottom>a{display:inline-flex;align-items:center;gap:15px;min-height:36px;border-bottom:1px solid #93ac7b;color:#edf5df;font-size:11px}.reel-bottom>p{font-size:9px;line-height:1.6;color:#c5d7b7;margin:0}.story .reel-bottom .scene-controls{padding:0;margin:0;gap:14px}.story .reel-bottom .scene-controls button{font-size:10px;color:#edf5df;min-height:36px}.story .reel-bottom .scene-controls>span{display:none}
.story .impact-story{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:8%;background:linear-gradient(rgba(10,28,19,.66),rgba(10,28,19,.87)),url('/assets/forest-river.webp') center/cover}.impact-copy h2{font-size:clamp(42px,4.8vw,74px);font-weight:400;line-height:1.08;letter-spacing:-.05em;margin:28px 0}.impact-copy>p:not(.story-eyebrow){font-size:15px;line-height:1.85;max-width:480px;color:#d9e7cc}.impact-stack{display:flex;align-items:center;gap:14px;flex-wrap:wrap;list-style:none;margin:30px 0 0;padding:0}.impact-stack li{display:flex;align-items:center;gap:9px;min-height:48px;padding:9px 13px;background:#f0f5e9;color:#183925;border:1px solid #a5bb94;border-radius:3px;font-size:12px;font-weight:600}.impact-stack li:nth-child(2){background:none;border:none;padding:0;color:#eef5e5;font-size:22px}.impact-stack img{object-fit:contain}.impact-number>strong{font-size:clamp(100px,12vw,190px);font-weight:400;letter-spacing:-.075em;line-height:1;color:#e3efd0}.impact-number>strong>span{font-size:.54em}.impact-number>p{font-size:25px;line-height:1.4;max-width:350px;color:#e4efd9;margin:20px 0}.impact-number>small{font-size:11px;line-height:1.7;display:block;max-width:330px;color:#ccddbd}
/* Opaque, high-contrast actions and brand labels across the story. */
.story .social-access a,.story .story-links a,.story .media-links a,.story .lab-footer>a,.story .project-email{background:#1c422d;color:#f0f7e9;border:1px solid #a3be8a;border-radius:3px;padding:9px 12px;min-height:44px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;box-shadow:0 3px 10px rgba(0,0,0,.1)}.story .social-access a:hover,.story .story-links a:hover,.story .media-links a:hover,.story .lab-footer>a:hover,.story .project-email:hover{background:#ddecbd;color:#153724;border-color:#ddecbd}.story .story-count-controls button{background:#f1f6e8;color:#163b26;border:2px solid #58744a;font-size:12px;font-weight:600;border-radius:3px}.story .story-count-controls button[aria-pressed=true]{background:#173e29;color:#f2f8e9;border-color:#173e29}.story #fish-motion{background:#173e29;color:#f3f8ed;border:2px solid #173e29;font-size:12px;font-weight:600;border-radius:3px;box-shadow:0 4px 14px rgba(13,42,23,.18)}.story #fish-motion:hover{background:#2a593c;color:#fff}.story .story-skills{gap:9px}.story .story-skills li{display:flex;align-items:center;gap:8px;min-height:42px;background:#f3f6ec;color:#193b27;border:1px solid #7a9669;border-radius:3px;padding:8px 11px;font-size:11px;font-weight:600}.story .story-skills img{width:22px;height:22px;object-fit:contain}.story .media-links .social-icon,.story .story-links .social-icon{width:20px;height:20px;flex:none}.story .conversation-story .screenshots img{height:clamp(290px,calc(100svh - 425px),635px)}
@media(max-width:1050px){.reel-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.story .reel-content{width:calc(100% - 52px)}.story .reel-main figcaption{display:block}.reel-actions{justify-content:start;max-width:none;margin-top:10px}.story .reel-title h2{font-size:39px}}
@media(max-width:800px){.story .reel-content{width:calc(100% - 40px);padding-top:95px}.story .reel-author{display:block;margin-bottom:20px}.reel-author>p{font-size:10px}.reel-author>p>span{font-size:8px;margin-left:10px}.story .reel-socials{margin-top:12px}.story .reel-socials a{font-size:9px;min-height:36px;padding:7px 10px}.story .reel-title{display:block}.story .reel-title h2{font-size:40px;margin-top:13px}.story .reel-title h2 em{display:block}.story .reel-title>p{max-width:none;margin-top:16px;font-size:12px}.reel-layout{display:block}.story .reel-screen video,.story .reel-screen>img{height:auto;min-height:220px;max-height:60svh;aspect-ratio:640/428}.story .reel-main h2{font-size:17px}.story .reel-main figcaption p{font-size:11px}.reel-actions{margin-top:12px}.story .reel-actions button,.story .reel-actions a{min-height:44px}.reel-thumbs{display:flex;overflow-x:auto;gap:10px;margin-top:18px;padding-bottom:10px;scroll-snap-type:x proximity}.story .reel-thumbs button{flex:0 0 145px;scroll-snap-align:start}.reel-thumb-image{height:90px}.reel-thumb-title{font-size:10px;min-height:36px}.reel-bottom{flex-wrap:wrap;gap:10px}.reel-bottom>p{order:3;flex-basis:100%;font-size:10px}.story .impact-story{display:block;padding-top:55px}.impact-copy h2{font-size:44px}.impact-copy>p:not(.story-eyebrow){font-size:13px}.impact-number{margin:50px 0 15px}.impact-number>strong{font-size:130px}.impact-number>p{font-size:23px}.impact-stack{gap:9px}.impact-stack li{padding:8px 10px}.story .story-skills li{font-size:10px}.story .story-links a,.story .media-links a{font-size:11px;padding:9px 10px}.story .conversation-story .screenshots img{height:300px}}
@media(prefers-reduced-motion:reduce){.reel-thumb-image>img{transition:none}.reel-thumbs button:hover img{transform:none}}

/* The cinematic introduction precedes the demonstration chapter. */
.story .reel-hero{min-height:calc(100svh - 80px);padding:0;background:linear-gradient(rgba(9,30,20,.83),rgba(9,30,20,.94)),url("/assets/forest-mist.webp") center/cover}.story .reel-content{padding-top:38px}.story .reel-author{display:none}@media(max-width:800px){.story .reel-hero{min-height:calc(100svh - 76px);padding:0;background-image:linear-gradient(rgba(9,30,20,.83),rgba(9,30,20,.94)),url("/assets/forest-mist-mobile.webp")}.story .reel-content{padding-top:32px}}