@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Shippori+Mincho+B1:wght@500;600;700&family=Yuji+Boku&display=swap";:root{color-scheme:dark;font-family:Noto Sans JP,sans-serif;--paper:#f3eee4;--ink:#0d0d0c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080807}body{color:var(--paper);overflow-x:hidden}#story{position:relative}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;background:#080807}.scroll-space{height:1100vh;position:relative;z-index:0;pointer-events:none}.site-header{position:fixed;z-index:20;inset:0 88px auto 0;padding:25px 38px;display:flex;justify-content:space-between;align-items:center;color:#f4efe5}.chapter{margin:0;display:flex;align-items:center;gap:14px;font:500 10px/1 Noto Sans JP,sans-serif;letter-spacing:.18em}.chapter i{display:block;width:54px;height:1px;background:currentColor;opacity:.55}.opening-manifesto{position:fixed;z-index:11;inset:0;overflow:hidden;display:flex;align-items:center;padding:9vh clamp(32px,7.5vw,128px);color:#f5efe4;opacity:1;visibility:visible;transition:opacity .18s linear,visibility .18s linear}.opening-manifesto:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#040504cc,#04050457 58%,#04050414)}.opening-copy{position:relative;z-index:1;width:min(980px,78vw);text-shadow:0 3px 36px rgba(0,0,0,.88)}.opening-lettering{display:block;width:100%;height:auto;filter:invert(1) sepia(.12) brightness(1.08);opacity:.96}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.opening-copy small{display:block;margin-top:clamp(34px,6vh,72px);font:500 8px/1 Noto Sans JP,sans-serif;letter-spacing:.34em;opacity:.68}.cue{position:fixed;z-index:10;margin:0;opacity:0;filter:blur(10px);transform:translateY(18px);transition:opacity .12s linear;color:#f5efe4;text-shadow:0 2px 34px rgba(0,0,0,.78),0 1px 2px rgba(0,0,0,.8);pointer-events:none;white-space:nowrap}.cue.visible{opacity:var(--cue-opacity,1);filter:blur(0);transform:translateY(0)}.cue-pair{display:flex;flex-direction:column;gap:.16em}.cue-pair span:nth-child(2){margin-left:clamp(24px,7vw,120px);font-size:.72em;letter-spacing:-.02em;opacity:.82}.mincho{font-family:Shippori Mincho B1,Hiragino Mincho ProN,serif;font-size:clamp(34px,5.8vw,92px);line-height:1.25;letter-spacing:-.055em;font-weight:600}.brush{font-family:Yuji Boku,Hiragino Mincho ProN,serif;font-size:clamp(70px,12vw,184px);line-height:1;letter-spacing:.02em}.left{left:clamp(30px,8vw,130px);text-align:left}.right{right:clamp(30px,8vw,130px);text-align:right}.center{left:50%;text-align:center;transform:translate(-50%,18px)}.center.visible{transform:translate(-50%)}.high{top:19vh}.middle{top:44vh}.low{bottom:15vh}.question{max-width:70vw;white-space:normal}.single{color:#f3e8d6;text-shadow:0 4px 44px rgba(0,0,0,.9)}.small{font-size:clamp(22px,2.8vw,42px);letter-spacing:.08em}.culture{font-size:clamp(54px,8.4vw,132px);width:100%}.ai-copy{font-size:clamp(30px,4.8vw,74px);line-height:1.5}.still{font-size:clamp(52px,8vw,120px)}.future-scene .cue{color:#102128;text-shadow:0 1px 26px rgba(255,255,255,.92),0 1px 2px rgba(255,255,255,.8)}.finale{position:fixed;z-index:12;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 24px 40px;color:#0b1a1f;text-decoration:none;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .8s ease,transform 1.2s ease,visibility .8s;background:radial-gradient(circle at 50% 46%,#eff7f7f0 0,#e2f0f1c7 38%,#dae8e924 72%);text-shadow:0 1px 28px rgba(255,255,255,.75);pointer-events:none;cursor:pointer}.finale.visible{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto}.finale p{margin:0 0 14px;font:500 11px/2 Shippori Mincho B1,serif;letter-spacing:.26em}.finale h1{margin:0;font:400 clamp(58px,9.8vw,150px)/.98 "Yuji Boku",serif;letter-spacing:.02em}.ink-stroke{width:min(340px,46vw);height:16px;margin:18px 0 24px;opacity:.68;background:linear-gradient(90deg,transparent,#0b1a1f 13%,#0b1a1f 76%,transparent);clip-path:polygon(0 58%,11% 43%,31% 47%,51% 35%,79% 52%,100% 25%,96% 66%,76% 61%,46% 70%,18% 64%)}.finale-cta{display:flex;align-items:center;gap:18px;padding:13px 20px 13px 24px;border:1px solid rgba(11,26,31,.36);font:500 10px/1 Noto Sans JP,sans-serif;letter-spacing:.18em;transition:color .3s,background .3s,border-color .3s}.finale-cta i{font:400 18px/1 sans-serif;transition:transform .3s}.finale:hover .finale-cta{color:#f1f5f2;background:#0b1a1f;border-color:#0b1a1f}.finale:hover .finale-cta i{transform:translate(5px)}.progress{position:fixed;z-index:20;right:36px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;mix-blend-mode:difference;font:500 9px/1 Shippori Mincho B1,serif}.progress>i{display:block;width:1px;height:104px;background:#ffffff47;overflow:hidden}.progress b{display:block;width:100%;height:100%;background:#fff;transform-origin:top;transform:scaleY(0)}.scroll-hint{position:fixed;z-index:20;left:38px;bottom:29px;display:flex;gap:14px;align-items:center;color:#fff;mix-blend-mode:difference;font:500 9px/1 Noto Sans JP,sans-serif;letter-spacing:.18em;transition:opacity .4s}.scroll-hint i{display:block;width:58px;height:1px;background:currentColor;transform-origin:left;animation:breathe 2.2s ease-in-out infinite}@keyframes breathe{0%,to{transform:scaleX(.25);opacity:.4}50%{transform:scaleX(1);opacity:1}}.vignette{position:fixed;z-index:4;inset:0;pointer-events:none;box-shadow:inset 0 0 170px #00000094}.grain{position:fixed;z-index:5;inset:-50%;width:200%;height:200%;opacity:.085;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:grain .24s steps(2) infinite;mix-blend-mode:soft-light}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-3%)}50%{transform:translate(-2%,2%)}75%{transform:translate(3%,3%)}}.letterbox{position:fixed;z-index:6;left:0;right:0;height:clamp(8px,1.2vw,18px);background:#050505;pointer-events:none}.letterbox.top{top:0}.letterbox.bottom{bottom:0}.story-ui,#scene{transition:opacity .8s ease,visibility .8s}.story-ended .story-ui,.story-ended #scene{opacity:0!important;visibility:hidden!important;pointer-events:none}.portal{position:relative;z-index:30;min-height:150vh;padding:clamp(100px,13vw,190px) clamp(24px,7vw,110px);background:linear-gradient(145deg,#090b09,#111510 58%,#080908);color:#eee9df;overflow:hidden}.portal:before{content:"";position:absolute;width:70vw;height:70vw;border:1px solid rgba(0,195,90,.16);border-radius:50%;top:-32vw;right:-30vw;box-shadow:0 0 140px #00c35a0d}.portal-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:5vw;align-items:end;margin-bottom:clamp(90px,12vw,180px)}.portal-intro .eyebrow{grid-column:1/-1;margin:0;font:500 9px/1 sans-serif;letter-spacing:.3em;color:#8edaaa}.portal-intro h2{margin:0;font:500 clamp(56px,8.8vw,136px)/.98 "Shippori Mincho B1",serif;letter-spacing:-.08em}.portal-intro h2 span{display:block;white-space:nowrap}.portal-intro>p:last-child{margin:0 0 .5em;padding-left:5vw;border-left:1px solid rgba(255,255,255,.28);font:500 clamp(16px,2vw,25px)/2 "Shippori Mincho B1",serif;letter-spacing:.08em}.portal-links{border-top:1px solid rgba(255,255,255,.22)}.portal-link{min-height:clamp(145px,17vw,230px);display:grid;grid-template-columns:clamp(45px,7vw,100px) 1fr clamp(70px,12vw,180px);align-items:center;gap:3vw;color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.portal-link:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,195,90,.1),transparent 70%);transform:translate(-102%);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.portal-link:hover:before{transform:none}.portal-link>span{align-self:start;margin-top:35px;font:400 9px/1 serif;opacity:.55}.portal-link div{position:relative;z-index:1}.portal-link small{display:block;margin-bottom:13px;font:500 8px/1 sans-serif;letter-spacing:.26em;color:#7fcf9d}.portal-link strong{font:500 clamp(31px,5vw,72px)/1.1 "Shippori Mincho B1",serif;letter-spacing:-.04em}.portal-link p{margin:12px 0 0;font:400 12px/1.6 sans-serif;letter-spacing:.08em;opacity:.55}.portal-link>b{justify-self:center;position:relative;font:400 clamp(45px,7vw,100px)/1 "Yuji Boku",serif;color:#ffffff14;transform:rotate(-8deg);transition:color .4s,transform .5s}.portal-link:hover>b{color:#00c35a80;transform:rotate(0) scale(1.05)}.site-footer{position:relative;z-index:31;min-height:58vh;padding:clamp(62px,8vw,110px) clamp(24px,7vw,110px) 34px;background:#050605;color:#eee9df;display:grid;grid-template-columns:1fr 1fr;align-items:start}.footer-directory{grid-column:1/-1;display:grid;grid-template-columns:minmax(190px,1.25fr) repeat(5,minmax(90px,1fr));margin-bottom:clamp(80px,11vw,150px);border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}.footer-directory>div,.footer-directory>a{min-height:94px;padding:20px clamp(12px,1.6vw,24px);border-right:1px solid rgba(255,255,255,.14)}.footer-directory>div{display:flex;flex-direction:column;justify-content:center;padding-left:0}.footer-directory>div small{margin:0 0 10px;font:500 8px/1 sans-serif;letter-spacing:.28em;color:#76d39a}.footer-directory>div strong{font:500 18px/1.3 Shippori Mincho B1,serif;letter-spacing:.04em}.footer-directory>a{display:flex;flex-direction:column;justify-content:space-between;color:inherit;text-decoration:none;transition:background .3s,color .3s}.footer-directory>a:last-child{border-right:0}.footer-directory>a i{font:400 8px/1 serif;opacity:.45}.footer-directory>a span{font:500 clamp(13px,1.25vw,18px)/1.4 "Shippori Mincho B1",serif;white-space:nowrap}.footer-directory>a:hover{background:#00a953;color:#06140c}.site-footer img{width:clamp(190px,25vw,380px)}.site-footer p{justify-self:end;margin:0;font:500 clamp(28px,4vw,56px)/1.55 "Shippori Mincho B1",serif}.site-footer small{grid-column:1/-1;align-self:end;font-size:8px;letter-spacing:.2em;opacity:.42}@media(max-width:720px){.site-header{padding:19px 20px;inset-right:65px}.site-header .brand-logo{width:135px}.chapter #chapter-name,.chapter i{display:none}.opening-manifesto{align-items:flex-end;padding:0 22px 17vh}.opening-manifesto:before{background:linear-gradient(0deg,#040504e6,#04050466 58%,#04050414)}.opening-copy{width:100%;max-width:96vw}.opening-lettering{width:108%;max-width:none;margin-left:-4%}.opening-copy small{margin-top:28px}.left{left:22px}.right{right:22px}.high{top:17vh}.middle{top:43vh}.low{bottom:17vh}.mincho{font-size:clamp(30px,9vw,48px)}.brush{font-size:clamp(68px,23vw,112px)}.cue-pair span:nth-child(2){margin-left:18px}.question{max-width:85vw}.small{font-size:21px}.culture{font-size:clamp(46px,14vw,70px)}.progress{right:17px}.progress>i{height:78px}.scroll-hint{left:21px;bottom:22px}.finale h1{font-size:clamp(54px,15.8vw,76px)}.vignette{box-shadow:inset 0 0 90px #0000008c}.portal{padding:90px 22px 110px}.portal-intro{grid-template-columns:1fr;margin-bottom:80px}.portal-intro h2{font-size:clamp(46px,13vw,58px)}.portal-intro>p:last-child{padding-left:18px;font-size:15px}.portal-link{grid-template-columns:35px 1fr 54px;min-height:144px}.portal-link strong{font-size:34px}.portal-link p{font-size:10px}.portal-link>b{font-size:48px}.site-footer{min-height:48vh;grid-template-columns:1fr;gap:48px}.site-footer p{justify-self:start}.site-footer small{grid-column:1}.footer-directory{grid-column:1;grid-template-columns:1fr 1fr;margin-bottom:36px}.footer-directory>div{grid-column:1/-1;min-height:80px;border-right:0}.footer-directory>a{min-height:78px;border-top:1px solid rgba(255,255,255,.12)}.footer-directory>a:nth-of-type(2n){border-right:0}.footer-directory>a:last-child{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.grain,.scroll-hint i{animation:none}}