:root{color-scheme:dark;--ink:#f6f4ec;--bg:#060b0c;--muted:#c1cac7;--line:#ffffff55;--sans:'IBM Plex Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font:20px/1.5 var(--sans)}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}button,summary{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a8e5d1;outline-offset:6px}button:disabled{cursor:default}::selection{background:#d3edba;color:#08120c}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:black;padding:12px}.skip-link:focus{top:10px}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:28px;padding:26px 5%;background:linear-gradient(#0008,transparent)}.brand{display:flex;align-items:center;gap:16px;white-space:nowrap;font-size:25px;font-weight:600;letter-spacing:-1px}.brand-divider{height:24px;width:1px;background:#ffffff70}.oya-brand{font-family:var(--display);font-size:32px;letter-spacing:1px}.brand-dot{color:#b8dabb}.site-header nav{margin-left:auto;font-size:18px}.nav-launch{border:1px solid var(--line);padding:12px 20px;display:flex;align-items:center;gap:20px}.arrow-icon{vertical-align:middle}.site-menu{position:relative;font-size:18px}.site-menu summary{list-style:none;white-space:nowrap;padding:12px 0}.site-menu summary::-webkit-details-marker{display:none}.site-menu summary span{margin-left:8px}.site-menu-links{position:absolute;right:0;top:55px;background:#101918;border:1px solid #45605b;width:310px;max-height:70vh;overflow:auto;display:grid;gap:14px;padding:24px;box-shadow:0 10px 40px #0008}.site-menu-links a:hover{text-decoration:underline}.hero,.field-stage,.impact-stage{position:relative;isolation:isolate;min-height:860px;min-height:max(820px,100svh);overflow:hidden}.hero{background:#030b12}.planet-film,.film-shade{position:absolute;inset:0;z-index:-2}.planet-film video{width:100%;height:100%;object-fit:cover;object-position:68% center;opacity:.9}.film-shade{z-index:-1;background:linear-gradient(90deg,#0009,transparent 85%),linear-gradient(0deg,#000a,transparent 70%)}.scene-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);z-index:3;width:min(48%,670px);pointer-events:none}.scene-copy a{pointer-events:auto}h1,h2{font:600 clamp(64px,7.2vw,118px)/.94 var(--display);letter-spacing:-1px;text-transform:uppercase;text-wrap:balance}.scene-copy p{font-size:clamp(22px,2vw,28px);max-width:450px;margin:30px 0 0;line-height:1.4;text-wrap:pretty}.hero-copy{top:auto;bottom:15%;transform:none;width:75%}.hero-copy h1{font-size:clamp(68px,8vw,130px)}.hero-copy p{max-width:600px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:56px;padding:16px 26px;border:1px solid #ffffffe0;font-size:18px;transition:background .2s,color .2s}.button:hover{background:var(--ink);color:var(--bg)}.hero-copy .button{margin-top:32px}.scene-controls{position:absolute;z-index:4;bottom:32px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:16px;color:#d5e0dc}.scene-controls button{background:#071010b8;border:1px solid #b9d0c280;padding:11px 17px;font-size:16px;min-height:48px;color:var(--ink)}.scene-controls span{max-width:55%;text-align:right}.field-stage{background:radial-gradient(ellipse at 73% 40%,#18374b,#03090e 70%)}.field-stage:after,.impact-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#030b10e0 0%,#030b1090 34%,transparent 68%);z-index:2;pointer-events:none}.field-stage canvas,.hurricane-fallback,.impact-canvas,.impact-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .8s;z-index:1}.hurricane-fallback{object-position:calc(50% + 15vw) 50%;width:100%;transform:translateX(12%)}#field-canvas{opacity:0}.field-ready #field-canvas{opacity:1}.field-ready .hurricane-fallback{opacity:0}.impact-canvas{opacity:0}.impact-ready .impact-canvas{opacity:1}.impact-ready .impact-fallback{opacity:0}#farm-scene .impact-stage{background:radial-gradient(ellipse at 76% 45%,#33402a,#0a160f 75%)}#community-scene .impact-stage{background:radial-gradient(ellipse at 76% 45%,#174a55,#071d28 75%)}.impact-fallback{object-position:center;transform:translateX(12%)}.impact-number{margin-top:36px;max-width:400px}.impact-number strong{font:500 clamp(58px,6vw,92px)/1 var(--display);letter-spacing:-1px;display:block;color:#e2eeb9}.impact-number span{font-size:19px;line-height:1.35;display:block;margin-top:8px;max-width:330px}.objective{padding:120px 6%;text-align:center;min-height:95svh;display:grid;place-items:center;background:radial-gradient(ellipse at center,#182c26,transparent 65%)}.objective h2{font-size:clamp(58px,6vw,94px)}.objective p{max-width:600px;margin:0 auto;font-size:23px}.actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:36px}.research-note{padding:50px 6%;border-top:1px solid #ffffff25;max-width:1500px;margin:auto}.research-note>p{font-size:20px;max-width:900px;color:#d9dfdd}.research-note details{margin-top:24px}.research-note summary{font-size:18px;text-decoration:underline;text-underline-offset:5px;max-width:fit-content}.research-note details div{max-width:900px;padding-top:22px;font-size:18px;color:#c8d1ce}.research-note details p+p{margin-top:20px}.research-note a{text-decoration:underline;text-underline-offset:4px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 6%;border-top:1px solid #ffffff25;font-size:18px;color:#c8d1ce}footer .brand{color:var(--ink);font-size:24px}
@media(min-width:1600px){.scene-copy{left:8%}.scene-controls{left:8%;right:8%}}
@media(max-width:760px){body{font-size:18px}.site-header{padding:20px 5%;gap:20px}.brand{font-size:20px;gap:10px}.brand-divider{height:20px}.oya-brand{font-size:26px}.site-header nav{display:none}.site-menu{margin-left:auto}.hero{min-height:max(760px,100svh)}.hero-copy{left:6%;bottom:18%;width:88%}.hero-copy h1{font-size:clamp(56px,13vw,88px)}.hero-copy p{font-size:22px;max-width:360px}.planet-film video{object-position:62% center}.scene-copy{left:6%;top:65px;transform:none;width:88%}.scene-copy h2{font-size:clamp(54px,12vw,86px);max-width:600px}.scene-copy p{font-size:21px;margin-top:22px;max-width:440px}.field-stage,.impact-stage{min-height:max(1000px,120svh)}.field-stage:after,.impact-stage:after{background:linear-gradient(180deg,#030b10a0,transparent 70%)}.field-stage canvas,.hurricane-fallback,.impact-canvas,.impact-fallback{top:auto;bottom:8%;height:59%;width:100%;transform:none;object-position:center}.impact-number{margin-top:22px}.impact-number strong{font-size:64px}.impact-number span{font-size:18px;max-width:310px}.scene-controls{bottom:24px;gap:12px;align-items:flex-start;left:6%;right:6%;font-size:15px}.scene-controls span{max-width:48%}.scene-controls button{font-size:15px;padding:10px 13px;max-width:52%}.objective{padding:90px 6%;min-height:900px}.objective p{font-size:21px}.actions{gap:16px}.actions .button{width:100%;max-width:340px}.research-note{padding:40px 6%}.research-note>p{font-size:18px}footer{flex-wrap:wrap;font-size:16px;gap:20px}.site-menu-links{right:0;width:min(310px,90vw)}.hero .scene-controls span{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:760px){.hero .hero-copy{top:auto}.impact-fallback{object-fit:cover;object-position:right}}
h1,h2{overflow-wrap:anywhere}.impact-fallback{transform:none}
@media(max-width:760px){#community-title{font-size:clamp(44px,10.5vw,76px)}.field-stage canvas,.hurricane-fallback,.impact-canvas,.impact-fallback{height:52%}}
@media(max-width:760px){.scene-copy h2{font-size:clamp(54px,11vw,64px)}#community-title{font-size:clamp(44px,10.5vw,56px)}.field-stage canvas,.hurricane-fallback,.impact-canvas,.impact-fallback{height:45%}}

.objective{background:linear-gradient(#04100ed9,#04100ef0),url("media/earth.jpg") center/cover}.objective h2{max-width:1000px;margin:0 auto 36px}.objective p{max-width:720px}
