@font-face{font-family:Diatype;src:url('/_nuxt/ABCDiatypePlusVariable.DURmIfav.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#08090b;--fg:#eeeae2;--muted:#929397;--line:#303135;--orange:#ff673b;--pad:clamp(24px,5vw,96px);--sans:Diatype,Arial,'Microsoft YaHei','PingFang SC',sans-serif;--mono:'Courier New',monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:7px}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}::selection{background:var(--orange);color:var(--bg)}[hidden]{display:none!important}.accent{color:var(--orange)}.eyebrow{font:10px var(--mono);line-height:1.8;letter-spacing:1.1px}.skip-link{position:fixed;z-index:90;top:-70px;left:20px;background:var(--orange);color:#111;padding:15px}.skip-link:focus{top:20px}.page-progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:var(--orange);z-index:90}.header{position:absolute;top:0;left:0;right:0;z-index:20;height:100px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:600;letter-spacing:-1px;white-space:nowrap}.brand>span{color:var(--orange)}.brand-end{padding-left:2px}.header nav{display:flex;align-items:center;gap:34px}.header nav>a{display:flex;align-items:center;gap:7px;font-size:12px;min-height:44px}.header nav>a>span{font:8px var(--mono);color:var(--muted);align-self:flex-start;margin-top:9px}.header nav>a:hover{color:var(--orange)}.nav-bili{margin-left:35px;font-size:10px!important;font-family:var(--mono)}.hero-scroll{height:145svh;min-height:1080px;position:relative}.hero-stage{height:100svh;min-height:720px;max-height:1250px;position:sticky;top:0;overflow:hidden;isolation:isolate}#atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.8}.hero-eyebrow{position:absolute;top:17%;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono);letter-spacing:1.3px}.hero-stage h1{position:absolute;top:21%;left:5%;width:90%;font-size:13.25vw;line-height:1;font-weight:500;letter-spacing:-.069em;white-space:nowrap;z-index:1;will-change:transform,opacity;animation:title-enter 1.1s cubic-bezier(.2,.7,.1,1) both}.hero-stage h1>span{color:var(--orange)}.film-home{position:absolute;left:21%;top:40%;width:68%;perspective:1400px;z-index:3;will-change:transform;animation:film-enter 1.5s cubic-bezier(.16,1,.3,1) both}.film-frame{position:relative;background:#151619;aspect-ratio:64/27;transform-style:preserve-3d;transform:rotateY(-9deg) rotateX(6deg) rotateZ(-3deg);will-change:transform;box-shadow:0 35px 90px #0009;border:1px solid #ffffff35}.film-frame:before{content:'';position:absolute;inset:-6px;border:1px solid #ffffff10;pointer-events:none;transform:translateZ(-10px)}#montage{display:block;width:100%;height:100%;object-fit:cover}.film-corners{position:absolute;inset:17px 18px auto;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;text-shadow:0 1px 5px #000;pointer-events:none;z-index:3}.film-caption{position:absolute;top:calc(40% + 30vw);left:22%;right:11%;display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono);letter-spacing:.6px;z-index:4}.hero-bottom{position:absolute;bottom:45px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:end;z-index:5}.hero-tagline{display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:.5px}.status-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 16px #ff673b9c}.scroll-cue{display:flex;align-items:center;gap:20px;font:9px var(--mono);letter-spacing:.7px}.scroll-cue>svg{color:var(--orange);animation:nudge 2.5s infinite}.edge-label{position:absolute;top:62%;left:var(--pad);writing-mode:vertical-rl;color:#626367;font:9px var(--mono);letter-spacing:1.5px;writing-mode:vertical-rl}.ticker{overflow:hidden;background:var(--orange);color:#101113;position:relative;padding:24px 0;transform:rotate(-2deg);width:100%;margin:0 0 100px}.ticker>div{display:flex;align-items:center;gap:34px;width:max-content;animation:marquee 28s linear infinite}.ticker span{font-size:clamp(35px,5vw,80px);font-weight:600;line-height:1;letter-spacing:-2px;white-space:nowrap}.ticker .ticker-outline{color:transparent;-webkit-text-stroke:1px #101113}.ticker .ticker-mark{font-weight:300;padding:0 12px}.section{padding:55px var(--pad) 0;max-width:1920px;margin:auto}.section-top{display:flex;justify-content:space-between;color:var(--muted)}.toolbox-heading{display:flex;align-items:end;justify-content:space-between;margin:65px 0 65px}.toolbox-heading h2{font-size:clamp(34px,4vw,70px);font-weight:450;line-height:1.55;letter-spacing:-2px}.toolbox-heading h2>span{color:var(--orange)}.toolbox-heading>p{font-size:13px;color:var(--muted);line-height:2.1;padding-bottom:10px}.tool-row{border-top:1px solid var(--line);position:relative;transition:background .4s,color .4s}.tool-row:last-child{border-bottom:1px solid var(--line)}.tool-row summary{padding:36px 0 36px;list-style:none;display:flex;align-items:center;gap:55px;cursor:pointer}.tool-row summary::-webkit-details-marker{display:none}.tool-no{align-self:start;padding-top:8px;font:10px var(--mono);color:var(--muted)}.tool-main{flex:1;min-width:0}.tool-kind{display:block;font:9px var(--mono);color:var(--muted);letter-spacing:1px}.tool-main h3{font-size:clamp(46px,6.9vw,115px);line-height:1.22;font-weight:450;letter-spacing:-4px;margin:7px 0 8px;transition:transform .5s,color .3s;display:flex;align-items:baseline;gap:22px}.tool-suffix{font-size:18px;color:var(--muted);letter-spacing:0;font-weight:400}.tool-main p{font-size:12px;color:var(--muted);line-height:1.8}.tool-open{width:68px;height:68px;border:1px solid #535459;border-radius:50%;display:grid;place-items:center;transition:transform .4s,background .3s,color .3s}.tool-row:hover .tool-main h3,.tool-row[open] .tool-main h3{color:var(--orange);transform:translateX(12px)}.tool-row:hover .tool-open{background:var(--orange);border-color:var(--orange);color:#111}.tool-row[open] .tool-open{transform:rotate(45deg);background:var(--orange);color:#111;border-color:var(--orange)}.tool-detail{padding:5px 0 42px 70px;display:grid;grid-template-columns:.95fr 1.2fr;gap:8vw;animation:reveal-content .4s both}.tool-detail>p{font-size:14px;line-height:2.15;color:#b9b9bc;max-width:450px}.tags{display:flex;gap:14px;flex-wrap:wrap}.tags>span{font-size:10px;color:var(--muted);padding:5px 8px;border:1px solid var(--line)}.tool-links{display:flex;gap:28px;flex-wrap:wrap;align-items:center;margin-top:25px}.tool-links a{display:inline-flex;gap:10px;align-items:center;font-size:11px}.primary-link{display:inline-flex;align-items:center;gap:16px;font-size:13px;line-height:1.8;padding-bottom:8px;border-bottom:1px solid #666;transition:color .2s,border .2s}.primary-link:hover,.tool-links a:hover{color:var(--orange);border-color:var(--orange)}.about{padding-top:135px;padding-bottom:140px}.about-intro{margin-top:90px;padding-left:15%}.about-intro>h2{font-size:clamp(42px,6.1vw,100px);font-weight:450;line-height:1.5;letter-spacing:-3px;margin-top:25px}.about-intro>h2>span{color:#5f6064}.about-body{margin-top:48px;margin-left:30%;max-width:490px}.about-body p:first-child{font-size:23px;line-height:1.8;color:var(--fg)}.about-body p{font-size:14px;color:var(--muted);line-height:2;margin-top:20px}.about-body>.primary-link{margin-top:30px}.footer{padding:60px var(--pad) 28px;background:#111215}.footer-heading>.eyebrow{color:var(--muted)}.footer-heading>a{display:flex;align-items:center;justify-content:space-between;font-size:clamp(65px,13vw,225px);font-weight:500;letter-spacing:-.07em;line-height:1.3;margin:12px 0 42px}.footer-heading>a>span{color:var(--orange);display:grid;place-items:center;width:12vw;height:12vw;max-width:200px;max-height:200px;border:1px solid #4a3430;border-radius:50%;transition:background .4s,color .4s}.footer-heading>a:hover>span{background:var(--orange);color:#111}.footer-heading svg{width:7vw;height:auto}.footer-bottom{border-top:1px solid var(--line);padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-bottom>span{font:9px var(--mono);color:var(--muted)}.footer-bottom>div{display:flex;gap:25px}.footer-bottom>div>a{font:9px var(--mono);display:flex;align-items:center;gap:7px}.footer-bottom>div>a:hover{color:var(--orange)}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .85s,transform .85s cubic-bezier(.2,.65,.2,1)}.js-motion .reveal.visible{opacity:1;transform:none}
@keyframes title-enter{from{opacity:0;transform:translateY(85px) rotateX(20deg)}to{opacity:1;transform:none}}@keyframes film-enter{from{opacity:0;translate:0 100px;scale:.86}to{opacity:1;translate:0 0;scale:1}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes reveal-content{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media(min-aspect-ratio:17/10) and (min-width:1000px){.hero-stage h1{top:18%;font-size:12.8vw}.hero-eyebrow{top:14%}.film-home{top:40%;width:59%;left:29%}.film-caption{left:30%;right:12%;top:calc(40% + 26vw)}.hero-tagline{font-size:16px}.hero-bottom{bottom:30px}}
@media(min-width:1600px){.hero-stage h1{font-size:13vw}.film-caption{font-size:11px}.hero-eyebrow{font-size:11px}.hero-tagline{font-size:22px}.tool-main p{font-size:14px}}
@media(max-width:1000px){.header{height:90px}.header nav{gap:24px}.nav-bili{margin-left:0}.hero-scroll{height:125svh;min-height:950px}.hero-stage{min-height:730px}.hero-eyebrow{top:20%}.hero-stage h1{top:25%}.film-home{left:12%;top:41%;width:79%}.film-caption{left:12%;right:9%;top:calc(41% + 36vw)}.hero-bottom{bottom:55px}.edge-label{display:none}.toolbox-heading{margin:40px 0}.tool-main h3{font-size:70px;letter-spacing:-3px}.tool-row summary{gap:30px}.tool-open{width:55px;height:55px}.tool-detail{padding-left:44px;gap:40px}.about-intro{padding-left:5%}.about-body{margin-left:25%}.footer-bottom>div{gap:16px}}
@media(max-width:700px){:root{--pad:24px}.header{height:80px}.brand{font-size:20px}.header nav{gap:22px}.header nav>a{font-size:11px}.header nav>a>span,.header nav>.nav-bili{display:none}.hero-scroll{height:110svh;min-height:780px}.hero-stage{height:100svh;min-height:690px;max-height:1100px}.hero-eyebrow{top:21%;font-size:8px;letter-spacing:.6px}.hero-eyebrow>span:last-child{display:none}.hero-stage h1{font-size:13.4vw;top:28%;left:6%;width:90%}.film-home{left:8%;width:87%;top:41%;perspective:900px}.film-frame{aspect-ratio:1.65;transform:rotateY(-5deg) rotateX(3deg) rotateZ(-4deg)}#montage{object-fit:cover}.film-corners{inset:11px 10px auto;font-size:6px;letter-spacing:.4px}.film-caption{left:9%;right:7%;top:calc(41% + 58vw);font-size:7px;letter-spacing:.3px}.film-caption>span:last-child{display:none}.hero-bottom{bottom:55px;align-items:start;gap:20px}.hero-tagline{font-size:16px;line-height:1.7;gap:8px;align-items:center}.status-dot{width:4px;height:4px}.scroll-cue{flex-direction:column;gap:10px;font-size:6px;letter-spacing:.4px;align-items:end}.ticker{padding:18px 0;margin-bottom:45px}.ticker span{font-size:40px;letter-spacing:-1.7px}.ticker>div{gap:22px;animation-duration:23s}.ticker .ticker-mark{padding:0 6px}.section{padding-top:45px}.section-top>.eyebrow{font-size:8px;letter-spacing:.7px}.section-top>.eyebrow:last-child{display:none}.toolbox-heading{display:block;margin:30px 0 38px}.toolbox-heading h2{font-size:34px;line-height:1.6;letter-spacing:-1.5px}.toolbox-heading>p{margin-top:20px;font-size:11px;padding:0}.tool-row summary{padding:28px 0;gap:16px;align-items:center}.tool-no{font-size:8px;padding-top:2px}.tool-kind{font-size:7px;letter-spacing:.4px}.tool-main h3{font-size:43px;letter-spacing:-2px;margin:10px 0;gap:10px;flex-wrap:wrap}.tool-suffix{font-size:12px;letter-spacing:0}.tool-main p{font-size:10px;line-height:1.9;max-width:250px}.tool-open{width:37px;height:37px;flex-shrink:0}.tool-open svg{width:20px}.tool-row:hover .tool-main h3,.tool-row[open] .tool-main h3{transform:translateX(3px)}.tool-detail{grid-template-columns:1fr;gap:22px;padding:0 0 30px 26px}.tool-detail>p{font-size:12px;line-height:2}.tags{gap:8px}.tags>span{font-size:9px;padding:4px 7px}.tool-links{gap:20px;margin-top:22px}.tool-links a{font-size:11px}.about{padding-top:90px;padding-bottom:80px}.about-intro{padding:0;margin-top:45px}.about-intro>.eyebrow{font-size:8px}.about-intro>h2{font-size:40px;line-height:1.6;letter-spacing:-1.7px;margin-top:19px}.about-body{margin:32px 0 0 18%}.about-body p:first-child{font-size:18px}.about-body p{font-size:12px}.about-body>.primary-link{font-size:12px;margin-top:25px}.footer{padding:38px var(--pad) 25px}.footer-heading>.eyebrow{font-size:8px}.footer-heading>a{font-size:13vw;letter-spacing:-.06em;margin:23px 0 32px}.footer-heading>a>span{width:13vw;height:13vw}.footer-bottom{flex-wrap:wrap;gap:20px;padding-top:25px}.footer-bottom>span{font-size:8px}.footer-bottom>div{width:100%;justify-content:space-between}.footer-bottom>div>a{font-size:8px}}
@media(max-width:360px){.header nav{gap:15px}.brand{font-size:18px}.tool-main h3{font-size:36px}.tool-row summary{gap:12px}.tool-open{width:30px;height:30px}.tool-kind{font-size:6px}.hero-tagline{font-size:14px}.about-intro>h2{font-size:34px}.film-caption{font-size:6px}.tool-main p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.film-frame{transform:none!important}}

.ticker-wrap{overflow:hidden;padding:30px 0;margin-bottom:70px}.ticker{margin-bottom:0}@media(max-width:700px){.ticker-wrap{padding:15px 0;margin-bottom:30px}}
.hero-stage h1{animation-fill-mode:backwards}

/* The atmosphere and character layer persist beyond the first screen. */
body{isolation:isolate}
main{position:relative;z-index:2;overflow:clip}
#atmosphere,#raccoon-world,#raccoon-foreground{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
#atmosphere{z-index:0;opacity:.65}
#raccoon-world{z-index:1;opacity:.68;filter:blur(.45px)}
#raccoon-foreground{z-index:8}
.footer{background:#1112159c}
.depth-plane,[data-depth]{transform-origin:center center;backface-visibility:hidden}
#montage{pointer-events:none}
#reel-surface{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1}
@media(prefers-reduced-motion:reduce){#atmosphere,#raccoon-world,#raccoon-foreground{display:none}[data-depth]{transform:none!important}}

/* Keep the four edition/cloud destinations together, with upstream credit beside the description. */
.tool-credit{display:flex;align-items:center;gap:7px;width:fit-content;margin-top:14px;font-size:11px;color:var(--muted);transition:color .2s}
.tool-credit:hover{color:var(--orange)}
.tool-links--grouped{display:grid;gap:24px}
.tool-link-label{margin:0 0 12px;font-size:10px;letter-spacing:.07em;color:var(--muted)}
.tool-link-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:360px}
.tool-link-options a{justify-content:space-between;padding-bottom:10px;border-color:var(--line)}
@media(max-width:700px){.tool-links--grouped{gap:22px}.tool-link-options{gap:20px}.tool-credit{font-size:10px}}