:root{--green:#00a852;--deep:#133221;--forest:#11663a;--mint:#e8f6f1;--mint2:#bff5dc;--ink:#111312;--white:#fff;--ease:cubic-bezier(.3, .26, .38, 1);--head:#fff;--pad:clamp(16px, 2.4vw, 34px);--en:"Inter Tight", "Helvetica Neue", Arial, sans-serif;--ja:"Zen Kaku Gothic New", "Hiragino Sans", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--deep);-webkit-text-size-adjust:100%;overflow-x:clip}html.lenis,html.lenis body{height:auto}body{font-family:var(--ja);color:var(--ink);background:var(--mint);font-feature-settings:"palt" 1;overflow-x:clip}img{object-fit:cover;width:100%;height:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul{list-style:none}.sp{display:none}.header{z-index:50;height:72px;padding:0 var(--pad);color:var(--head);transition:color .5s var(--ease);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.header>*{pointer-events:auto}.logo{font:700 clamp(26px, 2.6vw, 36px)/1 var(--en);letter-spacing:-.02em}.nav{font:400 15px/1 var(--en);gap:30px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav a,.menu a{position:relative}.nav a:after{content:"";transform-origin:100%;height:1px;transition:transform .5s var(--ease);background:currentColor;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.nav a:hover:after{transform-origin:0;transform:scaleX(1)}.store{top:10px;right:var(--pad);background:var(--green);color:#fff;width:175px;height:51px;font:400 15px/1 var(--en);transition:background .5s var(--ease), color .5s var(--ease);justify-content:flex-start;align-items:flex-end;padding:0 10px 8px;display:flex;position:absolute}.store:hover{color:var(--green);background:#fff}.ext{border:1.5px solid;border-radius:1px;width:10px;height:10px;position:absolute;top:9px;right:9px}.ext:after{content:"";background:var(--green);border:1.5px solid;width:8px;height:8px;position:absolute;top:3px;left:-4px}.store:hover .ext:after{background:#fff}.menu-btn{width:44px;height:44px;display:none;position:relative}.menu-btn i{height:2px;transition:transform .5s var(--ease);background:currentColor;position:absolute;left:11px;right:11px}.menu-btn i:first-child{top:17px}.menu-btn i:last-child{top:25px}.menu-btn[aria-expanded=true] i:first-child{transform:translateY(4px)rotate(20deg)}.menu-btn[aria-expanded=true] i:last-child{transform:translateY(-4px)rotate(-20deg)}html[data-theme=light]{--head:var(--ink)}html[data-theme=dark]{--head:#fff}.menu{z-index:40;background:var(--green);color:#fff;padding:0 var(--pad);font:500 clamp(30px, 8vw, 56px)/1.1 var(--en);clip-path:circle(0 at calc(100% - 40px) 36px);visibility:hidden;flex-direction:column;justify-content:center;gap:22px;display:flex;position:fixed;inset:0}.menu a{display:block;overflow:hidden}.dots{z-index:30;color:var(--green);opacity:0;transition:opacity .5s var(--ease);flex-direction:column;gap:22px;display:flex;position:fixed;top:50%;right:22px;transform:translateY(-50%)}html.in-chapters .dots{opacity:1}.dots li{width:28px;height:28px;margin:-10px -8px;position:relative}.dots li:before{content:"";width:6px;height:6px;transition:transform .5s var(--ease);background:currentColor;border-radius:50%;position:absolute;top:11px;left:11px}.dots li:after{content:"";transition:transform .5s var(--ease);border:1px solid;border-radius:50%;position:absolute;inset:0;transform:scale(0)}.dots li.on:after{transform:scale(1)}.dots li.on:before{transform:scale(.7)}html[data-theme=dark] .dots{color:#fff}.kv{background:var(--deep);height:520vh;position:relative}.kv-pin{color:#fff;height:100svh;position:sticky;top:0;overflow:hidden}#stage{width:100%;height:100%;position:absolute;inset:0}.kv-copy{text-align:center;pointer-events:none;grid-template-rows:1fr auto 1fr;justify-items:center;display:grid;position:absolute;inset:0}.t-hero{font:400 clamp(46px, 5.4vw, 78px)/1.02 var(--en);letter-spacing:-.02em;padding:0 .1em;overflow:hidden}.t-hero span{will-change:transform;display:inline-block}.copy-top{align-self:start;padding-top:11vh}.copy-bottom{align-self:end;padding-bottom:6vh}.kv-ja{font:700 clamp(15px, 1.5vw, 21px)/1.6 var(--ja);letter-spacing:.1em;margin-top:3.4vh}.brackets{width:min(30vw,440px);font:300 clamp(70px, 7vw, 110px)/1 var(--en);align-self:center;height:1em;position:relative}.brackets span{position:absolute;top:0}.b-l{left:0}.b-r{right:0}.kw{font:400 12px/1 var(--en);text-align:center;gap:1px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.kw-l{left:8vw}.kw-r{right:8vw}.scroll-hint{border:1px solid #fff;border-radius:50%;width:46px;height:46px;position:absolute;bottom:6vh;right:7vw}.scroll-hint i{width:9px;height:9px;animation:nudge 1.8s var(--ease) infinite;border-bottom:1px solid #fff;border-right:1px solid #fff;position:absolute;top:16px;left:17px;transform:rotate(45deg)scale(.8)}@keyframes nudge{50%{transform:translateY(4px)rotate(45deg)scale(.8)}}.bloom{will-change:transform;pointer-events:none;background:radial-gradient(circle,#fff 0 46%,#ffffffeb 56%,#fff0 70%);border-radius:50%;width:120vmax;height:120vmax;margin:-60vmax 0 0 -60vmax;position:absolute;top:50%;left:50%;transform:scale(0)}.intro{background:#fff;height:640vh;position:relative}.intro-pin{background:radial-gradient(circle at 50% 50%, #fff 30%, var(--mint) 100%);height:100svh;position:sticky;top:0;overflow:hidden}.intro-copy,.summary{text-align:center;padding:0 var(--pad);place-content:center;display:grid;position:absolute;inset:0}.intro-copy p{overflow:hidden}.intro-copy p>span{will-change:transform;display:block}.t-ja-l{font:500 clamp(22px, 2.5vw, 38px)/1.8 var(--ja);letter-spacing:.2em}.t-en-l{font:400 clamp(28px, 3.2vw, 50px)/1.3 var(--en)}.summary{font:500 clamp(16px, 1.45vw, 21px)/2 var(--ja);letter-spacing:.1em}.summary-block{visibility:hidden;grid-area:1/1}.summary-block p{opacity:.14}.intro-logo{font:700 clamp(110px, 21vw, 340px)/1 var(--en);letter-spacing:-.04em;color:var(--green);opacity:0;place-content:center;display:grid;position:absolute;inset:0}.chapter{height:var(--len,500vh);position:relative}.pin{text-align:center;place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.bg{background:radial-gradient(circle at 50% 55%, #f3fff9 0, var(--mint2) 70%);position:absolute;inset:0}#oxygen .bg{background:radial-gradient(circle, #ffffff8c 1.5px, transparent 2.5px) 0 0/140px 170px, radial-gradient(circle, #ffffff59 2px, transparent 3px) 70px 90px/210px 230px, var(--forest)}#science .bg{background:linear-gradient(#b3e2cf,#5fbb98)}#product .bg{background:radial-gradient(circle at 50% 30%, #f6fffb, var(--mint2) 80%)}#interview .bg{background:var(--mint)}#oxygen{color:#fff}#oxygen .cta{color:var(--green);background:#fff}.photos{position:absolute;inset:0}.ph{left:var(--x);top:var(--y);width:var(--w);aspect-ratio:var(--ar);transform:rotate(var(--r)) skewY(calc(var(--r) * -.6));will-change:transform;background:#9fd6bd;position:absolute;overflow:hidden}#oxygen .ph{background:#0d4d2c}#oxygen .ph img{filter:grayscale()contrast(.9)brightness(.6)sepia()hue-rotate(80deg)saturate(1.4)}.ch-title,.ch-text{z-index:2;padding:0 var(--pad);grid-area:1/1;position:relative}.section-label{font:400 clamp(20px, 2vw, 30px)/1 var(--en);margin-bottom:18px}.t-display{font:500 clamp(26px, 2.9vw, 42px)/1.8 var(--ja);letter-spacing:.2em}.section-name{font:400 clamp(15px, 1.4vw, 20px)/1 var(--en);margin-top:26px}.ch-text .text-block{visibility:hidden;grid-area:1/1;justify-items:center;display:grid}.ch-text{display:grid}.text{font:400 clamp(15px, 1.25vw, 18px)/2.05 var(--ja);letter-spacing:.1em}#oxygen .text{font-weight:500}.cta{z-index:3;background:var(--green);color:#fff;width:240px;height:52px;font:400 14px/1 var(--en);transition:background .5s var(--ease), color .5s var(--ease);opacity:0;justify-content:space-between;align-items:center;padding:0 18px;display:flex;position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}.cta .arrow{width:28px;height:28px;transition:transform .5s var(--ease);border:1px solid;border-radius:50%;position:relative}.cta .arrow:after{content:"";border-bottom:1px solid;border-right:1px solid;width:6px;height:6px;position:absolute;top:10px;left:9px;transform:rotate(-45deg)}.cta:hover{background:var(--deep)}.cta:hover .arrow{transform:scale(1.18)}#oxygen .cta:hover{background:var(--mint2)}#molecule{width:66vw;height:100%;position:absolute;top:0;right:-4vw}.stack{perspective:900px;width:34vw;height:38vh;transform-style:preserve-3d;z-index:1;position:absolute;top:50%}.stack-l{left:-6vw}.stack-r{right:-6vw}.stack img{will-change:transform;backface-visibility:hidden;background:#9fd6bd;position:absolute;inset:0}.scenes{background:var(--mint);padding:18vh var(--pad) 12vh}.scenes-head{text-align:center;margin-bottom:10vh}.scene-list{gap:0;max-width:1100px;margin:0 auto;display:grid}.scene{aspect-ratio:var(--ar);clip-path:inset(0 0 100%);will-change:clip-path;background:#9fd6bd;position:relative;overflow:hidden}.scene img{will-change:transform;transform:scale(1.2)}.scene span{color:#fff;font:500 clamp(22px, 2.6vw, 38px)/1 var(--en);position:absolute;bottom:18px;left:22px}.footer{background:var(--green);color:#fff;min-height:100vh;padding:8vh var(--pad) 4vh;gap:0 var(--pad);grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr 1fr 1fr;display:grid;position:relative;overflow:hidden}.footer-visual{display:none}.footer-copy{display:contents}.footer-logo{font:700 clamp(120px, 31vw, 520px)/.8 var(--en);letter-spacing:-.05em;white-space:nowrap;grid-area:3/1/auto/-1;margin:0 0 4vh -1vw}.footer-nav{font:400 18px/1.3 var(--en);grid-area:2/2;align-content:start;gap:8px;display:grid}.footer-lead{font:400 clamp(17px, 1.6vw, 24px)/1.9 var(--ja);letter-spacing:.08em;grid-area:1/1}.footer-sub{font:400 14px/1.8 var(--ja);text-align:right;grid-area:1/3;justify-self:end}.cta-light{opacity:1;color:#fff;background:0 0;border-bottom:1px solid #fff;grid-area:2/3;place-self:start end;width:100%;max-width:300px;height:44px;padding:0;position:static;transform:none}.cta-light:hover{color:var(--green);background:#fff}.fine{font:400 12px/1 var(--en);opacity:.85;grid-area:4/1/auto/-1}.wipe{z-index:90;background:var(--green);pointer-events:none;position:fixed;inset:0;transform:translateY(100%)}@media (width<=900px){.nav,.store{display:none}.menu-btn{top:10px;right:var(--pad);background:var(--green);color:#fff;width:112px;height:51px;font:400 15px/1 var(--en);text-align:left;align-items:flex-end;padding:0 0 9px 10px;display:flex;position:absolute}.menu-btn:after{content:"Menu"}.menu-btn i{width:14px;left:auto;right:10px;top:12px!important}.menu-btn i:last-child{top:18px!important}.sp{display:inline}.kw{font-size:11px;top:auto;bottom:22vh;transform:none}.kw-l{left:5vw}.kw-r{right:5vw}.brackets{width:70vw}.scroll-hint{display:none}.copy-top{padding-top:17vh}.t-display{letter-spacing:.12em;line-height:1.7}.ph{width:calc(var(--w) * 1.9)}.stack{width:62vw;height:24vh}.stack-l{top:22%;left:-30vw}.stack-r{top:78%;right:-30vw}#molecule{opacity:.8;width:130vw;right:-30vw}.dots{gap:16px;right:8px}.footer{grid-template-columns:1fr}.footer-nav{grid-area:auto/1;margin-bottom:3vh}.footer-lead,.footer-sub,.cta-light{text-align:left;grid-area:auto/1;justify-self:start;margin-bottom:3vh}.footer-logo{grid-row:auto}.cta{width:210px;bottom:5vh}}@media (prefers-reduced-motion:reduce){.kv,.intro,.chapter{height:auto}.kv-pin,.intro-pin,.pin{height:auto;min-height:100vh;position:relative}.intro-pin{padding:14vh var(--pad);gap:8vh;display:grid}.intro-copy,.summary,.intro-logo{position:static}.summary-block{visibility:visible;grid-area:auto;margin-bottom:4vh}.summary-block p,.scene{opacity:1;clip-path:none}.intro-logo{opacity:1;font-size:30vw}.ch-text,.ch-title{grid-area:auto}.pin{padding:18vh 0 14vh;display:block}.ch-text .text-block{visibility:visible;margin-top:6vh}.cta{opacity:1;margin:6vh auto 0;position:relative;bottom:auto;left:auto;transform:none}.ph,.stack,.bloom{display:none}.scroll-hint i{animation:none}}