:root{--red:#ef3022;--ink:#130d0b;--paper:#f3e8da;--muted:#c7b7a5;--line:#72503c;--ease:cubic-bezier(.2,.75,.16,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body[data-state=cutting]{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible{outline-offset:6px;outline:3px solid #ffc979}button:disabled{cursor:wait}[hidden]{display:none!important}.scene-bg{z-index:-2;background:linear-gradient(90deg,#130d0b 0%,#130d0bf0 38%,#130d0b70 100%),url(/assets/red-shoji-DYfd8dSN.webp) 50%/cover;position:fixed;inset:0}.scene-halo{z-index:-1;pointer-events:none;background:radial-gradient(#a62a122b,#0000 68%);width:45vw;height:75vh;position:fixed;top:15vh;right:0}.site-header{z-index:30;height:86px;color:var(--paper);background:linear-gradient(#180d0bc9,#0000);justify-content:space-between;align-items:center;padding:0 4vw;display:flex;position:fixed;inset:0 0 auto}.wordmark{letter-spacing:1px;font-family:Impact,Arial Narrow,sans-serif;font-size:25px;text-decoration:none}.wordmark span{letter-spacing:2px;margin-top:5px;font:8px Arial,sans-serif;display:block}.site-header nav{align-items:center;gap:28px;display:flex}.text-button,.studio-link{color:inherit;letter-spacing:.03em;background:0 0;border:0;padding:12px 0;font-size:11px;text-decoration:none}.text-button{border-bottom:1px solid #f3e8da80}.skip-link{background:var(--paper);color:var(--ink);z-index:100;padding:14px;position:fixed;top:-90px;left:16px}.skip-link:focus{top:16px}.gates{z-index:1;pointer-events:none;perspective:1500px;position:fixed;inset:0}.gate{will-change:transform;width:100%;height:50.1%;position:absolute;left:0;overflow:hidden}.gate-top{transform-origin:top;top:0}.gate-bottom{transform-origin:bottom;bottom:0}.gate-art{background:linear-gradient(#27060022,#ff392509),url(/assets/red-shoji-DYfd8dSN.webp) 50%/cover;width:100%;height:100vh;position:absolute;left:0}.gate-top .gate-art{top:0}.gate-bottom .gate-art{bottom:0}.gates.open .gate-top{transform:translateY(-106%)rotateX(-8deg)}.gates.open .gate-bottom{transform:translateY(106%)rotateX(8deg)}.gates.open .gate{transition:transform .4s cubic-bezier(.65,0,.17,1)}.gates.open .gate-top{border-bottom:1px solid #ffd7a6;box-shadow:0 16px 50px #000b}.gates.open .gate-bottom{border-top:1px solid #ffd7a6;box-shadow:0 -16px 50px #000b}.slash{transform-origin:100%;z-index:18;pointer-events:none;background:linear-gradient(90deg,#0000,#ffe7c5 18%,#fff8e8 72%,#0000);width:100vw;height:2px;position:fixed;top:50%;left:0;transform:scaleX(0);box-shadow:0 0 9px #ffb265,0 0 30px #f5934240}.slash.strike{animation:.16s ease-out forwards slash}@keyframes slash{0%{opacity:1;transform:scaleX(0)}40%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.actor{z-index:5;pointer-events:none;width:min(65vh,57vw);height:96vh;transition:left .8s var(--ease),width .8s var(--ease),height .8s var(--ease),bottom .8s var(--ease);position:fixed;bottom:-9vh;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0 89%,#0000 100%);mask-image:linear-gradient(#000 0 89%,#0000 100%)}.actor-motion{width:100%;height:100%;transform:translate3d(var(--drift-x,0px),var(--drift-y,0px),0) rotate(var(--tilt,0deg));will-change:transform;position:relative}.actor img{object-fit:contain;object-position:center bottom;width:100%;height:100%;position:absolute}.actor.is-striking{filter:drop-shadow(-6px 0 10px #fff0c42b)}.intro{height:100vh;z-index:10;height:100dvh;position:relative}.hero-fixed{pointer-events:none;position:fixed;inset:0}.hero-eyebrow{text-align:center;letter-spacing:.25em;color:var(--paper);text-shadow:0 2px 6px #000;font-size:10px;font-weight:700;position:absolute;top:11vh;left:0;right:0}.hero-title{letter-spacing:-.035em;text-align:center;color:var(--ink);z-index:2;pointer-events:none;isolation:isolate;-webkit-text-stroke:1px #ff98755c;text-shadow:0 2px #ff927465;margin:0;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(100px,19.5vw,300px);font-weight:900;line-height:.83;position:fixed;top:17vh;left:0;right:0}.hero-title:before{content:"";z-index:-1;background:linear-gradient(90deg,#f63b24e8,#ff3d27,#f63b24e8);position:absolute;inset:-13% 7%;transform:skewY(-1deg);box-shadow:0 0 45px 20px #f23924a6}.hero-note{background:linear-gradient(90deg,#190b09ba,#190b0900);border-left:1px solid #f4d9b3;max-width:310px;padding:18px 22px;position:absolute;bottom:17vh;left:5vw}.tiny-label{letter-spacing:.17em;font-size:9px}.hero-note p{margin:16px 0 0;font:clamp(21px,2.1vw,34px)/1.2 Georgia,serif}.hero-meta{text-align:right;letter-spacing:.16em;text-shadow:0 2px 5px #000;flex-direction:column;gap:9px;font-size:9px;display:flex;position:absolute;bottom:20vh;right:4vw}.start-button{pointer-events:auto;color:var(--ink);border:1px solid var(--paper);background:var(--paper);letter-spacing:.05em;justify-content:space-between;align-items:center;gap:35px;padding:20px 30px;font-size:13px;font-weight:700;display:flex;position:absolute;top:75%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 35px #18070055}.start-button:hover{background:#fff7e9}.start-button span:last-child{font-size:24px;font-weight:400}.intro-bottom{letter-spacing:.05em;color:#f5e3cb;border-top:1px solid #f0d9be55;justify-content:space-between;gap:20px;padding-top:16px;font-size:9px;display:flex;position:absolute;bottom:25px;left:4vw;right:4vw}.intro-bottom span:last-child{text-align:right}body[data-state=cutting] .hero-fixed{opacity:0;transition:opacity .18s}body.revealing .hero-title{opacity:0;transition:transform .4s cubic-bezier(.65,0,.17,1),opacity .5s;transform:translateY(-100vh)}body[data-state=reading]>.hero-title{display:none}body[data-state=reading] .actor{width:min(65vh,44vw);height:96vh;bottom:-3vh;left:77%}body[data-state=reading] .site-header{background:linear-gradient(#130d0bf5,#130d0b00)}.reading-progress{z-index:40;background:#34211a;height:2px;position:fixed;top:0;left:0;right:0}.reading-progress i{background:var(--red);width:0;height:100%;display:block}.chapter-marker{z-index:10;letter-spacing:.14em;color:#e2c8a7;gap:25px;font-size:8px;display:flex;position:fixed;bottom:24px;right:3vw}.chapter-nav{z-index:15;flex-direction:column;gap:20px;display:flex;position:fixed;top:42%;left:3vw}.chapter-nav a{color:#ba9e87;padding:4px;font-size:9px;text-decoration:none}.chapter-nav a[aria-current=true]{color:#fff1dc;border-left:2px solid var(--red);padding-left:10px}.reading-section{z-index:6;width:44vw;max-width:650px;margin-left:10vw;position:relative}.chapter{flex-direction:column;justify-content:center;min-height:86vh;padding:110px 0 70px;scroll-margin-top:30px;display:flex}.chapter+.chapter{border-top:1px solid #72503c55}.chapter h2{letter-spacing:-.025em;color:var(--red);margin:25px 0;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(70px,8.8vw,142px);font-weight:900;line-height:.9}.chapter h2 span{letter-spacing:-.03em;color:var(--paper);margin-top:24px;font:clamp(24px,2.7vw,40px)/1.25 Georgia,serif;display:block}.chapter-copy{max-width:430px;color:var(--muted);margin:8px 0 26px;font-size:16px;line-height:1.8}.chapter-next{letter-spacing:.03em;border-top:1px solid #72503c80;align-items:center;gap:26px;max-width:310px;padding:15px 0;font-size:10px;text-decoration:none;display:flex}.chapter-next span{font-size:21px}.final-chapter{min-height:94vh}.outline-button{background:var(--paper);color:var(--ink);border:1px solid var(--paper);align-self:flex-start;margin-top:10px;padding:18px 24px;font-size:11px;font-weight:700}.outline-button:hover{background:#fff9ec}.site-footer{z-index:6;border-top:1px solid #72503c70;margin:0 7vw 0 10vw;padding:45px 0 80px;position:relative}.site-footer strong{font-family:Impact,sans-serif;font-size:30px}.site-footer div span{letter-spacing:.12em;margin-top:6px;font-size:8px;display:block}.site-footer p{color:var(--muted);max-width:430px;font-size:10px;line-height:1.7}.footer-links{flex-wrap:wrap;gap:22px;margin-top:22px;display:flex}.footer-links a{color:var(--muted);text-underline-offset:4px;font-size:10px}.no-script{background:var(--paper);color:var(--ink);z-index:99;padding:20px;position:fixed;bottom:0}@media (min-width:1600px){.hero-title{font-size:290px}.hero-title:before{inset:-13% 15%}.reading-section{margin-left:14vw}.chapter-nav{left:6vw}}@media (max-width:700px){.site-header{height:68px;padding:0 20px}.wordmark{font-size:21px}.wordmark span{letter-spacing:1px;font-size:6px}.site-header nav{gap:16px}.text-button{font-size:9px}.studio-link{display:none}.hero-eyebrow{letter-spacing:.14em;font-size:7px;top:14vh}.hero-title{font-size:23vw;top:22vh}.hero-title:before{inset:-20% 2%}.actor{width:97vw;height:84vh;bottom:-5vh}.hero-note{max-width:180px;padding:9px 12px;bottom:15vh;left:20px}.tiny-label{font-size:7px}.hero-note p{margin-top:8px;font-size:18px}.hero-meta{display:none}.start-button{gap:28px;padding:16px 24px;top:63%}.intro-bottom{font-size:8px;line-height:1.5;bottom:17px;left:20px;right:20px}.intro-bottom span{max-width:46%}body[data-state=reading] .actor{opacity:.85;width:64vw;height:60vh;bottom:10vh;left:83%}.scene-bg{background-image:linear-gradient(90deg,#130d0bf5 0%,#130d0be8 45%,#130d0b80 100%),url(/assets/red-shoji-DYfd8dSN.webp)}.reading-section{width:66vw;max-width:none;margin-left:24px}.chapter{min-height:88vh;padding:110px 0 70px;scroll-margin-top:0}.eyebrow{font-size:8px}.chapter h2{font-size:16vw}.chapter h2 span{max-width:210px;margin-top:22px;font-size:25px}.chapter-copy{max-width:52vw;font-size:13px;line-height:1.75}.chapter-next{gap:12px;max-width:51vw;font-size:9px;line-height:1.5}.chapter-nav{gap:10px;top:110px;left:auto;right:18px}.chapter-nav a{font-size:8px}.chapter-marker{gap:12px;font-size:7px;right:18px}.site-footer{margin:0 24px;padding-bottom:90px}.site-footer p{max-width:60vw}.footer-links{gap:14px;max-width:65vw}.footer-links a{font-size:9px}.final-chapter{min-height:88vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.actor-motion{transform:none!important}}@media (max-width:700px){body[data-state=cutting] .actor{bottom:27vh}.start-button{top:39%}}@font-face{font-family:Barlow Semi Condensed;src:url(/assets/BarlowSemiCondensed-Regular-B0iUFITm.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/assets/BarlowCondensed-SemiBold-B7YG4rBL.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}:root{--cut-y:50vh;--editorial-font:"Barlow Semi Condensed", "Arial Narrow", Arial, sans-serif;--japanese-font:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif CJK JP", serif;--gold:#ddbb80}.gate-top{height:calc(var(--cut-y) + 1px)}.gate-bottom{height:calc(100vh - var(--cut-y) + 1px)}.slash{top:var(--cut-y)}body[data-state=cutting] .actor{transition:none;bottom:-9vh}body[data-state=reading] .scene-bg{background-image:linear-gradient(90deg,#130d0bf8 0%,#130d0be8 37%,#130d0b88 57%,#28070020 100%),url(/assets/red-shoji-DYfd8dSN.webp)}.reading-art{z-index:0;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .55s;position:fixed;inset:0;overflow:hidden}body[data-state=reading] .reading-art{visibility:visible;opacity:1}.ink-panel{transform:translateY(var(--ink-offset,0px));filter:brightness(0);background-position:50%;background-repeat:no-repeat;background-size:contain;transition:opacity .5s;position:absolute;-webkit-mask-image:linear-gradient(#000 0 85%,#0000);mask-image:linear-gradient(#000 0 85%,#0000)}.ink-bamboo{opacity:.25;background-image:url(/assets/ink-bamboo-g1_SE5Q5.webp);width:30vw;height:69vh;top:6vh;left:48%}.ink-dragon{opacity:0;background-image:url(/assets/ink-dragon-r3sjGzch.webp);width:35vw;height:78vh;top:5vh;right:-8vw}.reading-art[data-chapter="1"] .ink-bamboo{opacity:.16}.reading-art[data-chapter="2"] .ink-bamboo{opacity:0}.reading-art[data-chapter="2"] .ink-dragon{opacity:.33}.reading-art[data-chapter="3"] .ink-bamboo{opacity:.3}.reading-art[data-chapter="4"] .ink-panel{opacity:.12}.scene-kanji{font-family:var(--japanese-font);opacity:.11;color:#f6dfb5;transform:translateY(var(--ink-offset,0px));font-size:clamp(160px,20vw,300px);line-height:1;position:absolute;top:11vh;left:49%}.alert-spiral{aspect-ratio:1;opacity:.38;will-change:transform;background:url(/assets/alert-spiral-reference-DfFlZezg.webp) 50%/cover;border-radius:50%;width:min(58vw,78vh);position:absolute;top:48%;left:77%;transform:translate(-50%,-50%)rotate(-12deg)scale(1.08);-webkit-mask-image:radial-gradient(circle,#000 39%,#000d 57%,#0000 72%);mask-image:radial-gradient(circle,#000 39%,#000d 57%,#0000 72%)}.chapter,.chapter.final-chapter{justify-content:flex-start;min-height:0;padding:70px 0 42px}.chapter-heading{align-items:center;gap:22px;max-width:490px;display:flex}.chapter-japanese{font:24px/1.3 var(--japanese-font);letter-spacing:.13em;color:var(--gold);border-left:1px solid #a57a4a;margin:0;padding-left:22px}.eyebrow{letter-spacing:.2em;color:var(--gold);font-size:9px}.chapter h2{letter-spacing:-.035em;margin:28px 0 22px;font-size:clamp(80px,9.8vw,158px)}.chapter h2 span{text-transform:uppercase;letter-spacing:.035em;max-width:530px;margin-top:24px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(28px,2.6vw,39px);font-style:normal;font-weight:600;line-height:1.12}.chapter-copy{font-family:var(--editorial-font);color:#eadccc;letter-spacing:.015em;text-wrap:pretty;text-shadow:0 2px 15px #000;max-width:490px;margin:15px 0 28px;font-size:clamp(22px,1.7vw,25px);line-height:1.5}.chapter-copy:first-letter{font:inherit;color:inherit}.chapter-next{letter-spacing:.08em;text-transform:uppercase;border-top-color:#b9915759;max-width:360px;font-size:10px;line-height:1.5}.hero-note p{text-transform:uppercase;letter-spacing:.035em;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(24px,2.1vw,32px);font-style:normal;font-weight:600;line-height:1.12}.start-button,.outline-button{color:var(--paper);box-shadow:none;isolation:isolate;letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:#110a08;border:0;min-width:210px;padding:20px 30px;font-family:Impact,Arial Narrow,sans-serif;font-size:23px;font-weight:400;transition:background .18s,color .18s}.start-button:before,.outline-button:before{content:"";pointer-events:none;z-index:-1;border:1px solid #e6cdae55;position:absolute;inset:5px}.start-button:after{content:"";transform-origin:0;background:#e8c68e;height:1px;transition:transform .2s;position:absolute;bottom:12px;left:20px;right:20px;transform:scaleX(.35)}.start-button .cut-glyph{color:#e6c48c;font:32px/1 Georgia,serif;transition:transform .18s}.start-button:hover,.outline-button:hover{color:#fff4dc;background:#27110c}.start-button:hover:after{transform:scaleX(1)}.start-button:focus-visible,.outline-button:focus-visible{background:#392014;outline:none;box-shadow:inset 0 0 0 3px #ffe7aa}.outline-button{letter-spacing:.06em;min-width:0;font-size:20px;position:relative}.site-footer p{font-family:var(--editorial-font);font-size:15px;line-height:1.5}@media (max-width:700px){body[data-state=cutting] .actor{bottom:-5vh}body[data-state=reading] .scene-bg{background-image:linear-gradient(90deg,#130d0bf8,#130d0be8 42%,#130d0b88 68%,#130d0b40),url(/assets/red-shoji-DYfd8dSN.webp)}.alert-spiral{opacity:.3;width:100vw;top:58%;left:87%}.chapter,.chapter.final-chapter{min-height:0;padding:84px 0 30px}body[data-state=reading] .actor{opacity:1}.chapter-heading{flex-wrap:wrap;gap:10px}.ink-bamboo{opacity:.2;width:55vw;height:58vh;top:16vh;left:45%}.ink-dragon{width:60vw;height:62vh;top:17vh;right:-20vw}.scene-kanji{opacity:.1;font-size:38vw;top:16vh;left:55%}.chapter-japanese{letter-spacing:.08em;padding-left:10px;font-size:18px}.eyebrow{font-size:7px}.chapter h2{margin:24px 0 18px;font-size:17vw}.chapter h2 span{max-width:62vw;font-size:26px;line-height:1.12}.chapter-copy{color:#f0e3d2;max-width:54vw;font-size:18px;line-height:1.45}.chapter-next{max-width:55vw;font-size:8px}.hero-note p{font-size:22px}.start-button{gap:24px;min-width:185px;padding:17px 24px;font-size:20px}.start-button .cut-glyph{font-size:28px}.outline-button{padding:17px 20px;font-size:17px}}@media (prefers-reduced-motion:reduce){.ink-panel,.scene-kanji{transform:none!important}.alert-spiral{will-change:auto;transform:translate(-50%,-50%)rotate(-12deg)scale(1.08)!important}}.actor-plate{aspect-ratio:2/3;width:min(100%,64vh);position:absolute;bottom:0;left:50%;transform:translate(-50%)}#actor-torso{display:none}body[data-state=intro] #actor-torso{display:block;-webkit-mask-image:linear-gradient(#0000 0 43.6%,#000 43.6%);mask-image:linear-gradient(#0000 0 43.6%,#000 43.6%)}body[data-state=intro] #actor-image,body[data-state=intro] #actor-blend{-webkit-mask-image:linear-gradient(#000 0 44.3%,#0000 48.4%);mask-image:linear-gradient(#000 0 44.3%,#0000 48.4%)}@media (max-width:700px){.actor-plate{width:min(100%,56vh)}body[data-state=reading] .actor-plate{width:min(100%,40vh)}}.actor-plate canvas{object-fit:contain;object-position:bottom;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#actor-blend{opacity:0}.actor.frame-ready #actor-poster{display:none}.loading-status-accessible{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--interface-yellow:#ffd14e;--interface-ease:cubic-bezier(.18, .7, .24, 1)}.hero-title{-webkit-text-stroke:0;text-shadow:0 2px #fff2b875}.hero-title:before{background:repeating-linear-gradient(90deg, #3217020c 0 1px, transparent 1px 64px), linear-gradient(105deg, #eeb536, var(--interface-yellow) 38%, #ffda72 66%, #f0b738);clip-path:polygon(0 0,calc(100% - 19px) 0,100% 19px,100% 100%,19px 100%,0 calc(100% - 19px));inset-block:-14% -12%;transform:none;box-shadow:inset 0 1px #fff0ab,inset 0 -2px #512a1590}.hero-title:after{content:"";pointer-events:none;z-index:-1;border-block:1px solid #39200f39;position:absolute;inset:-9% 8% -7%}.hero-eyebrow{letter-spacing:.21em}.hero-note{border-left:2px solid var(--interface-yellow);background:linear-gradient(90deg,#190b09dd,#190b091c)}.hero-note .tiny-label{color:#ffde92}.site-header .text-button,.site-header .studio-link{transition:color .18s,border-color .18s}.site-header .text-button:hover,.site-header .studio-link:hover{color:var(--interface-yellow);border-color:var(--interface-yellow)}.start-button{white-space:nowrap;background:var(--interface-yellow);width:max-content;min-width:0;min-height:52px;color:var(--ink);letter-spacing:.065em;justify-content:center;gap:12px;padding:10px 14px;font-size:22px}.start-button:before{border-color:#39200f70;inset:4px}.start-button:after{content:none}.start-button .cut-glyph{width:32px;height:32px;color:var(--ink);border:1px solid #39200f61;border-radius:50%;flex-shrink:0;place-items:center;font:22px/1 Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;display:grid}.start-button:hover,.start-button:focus-visible{color:var(--ink);background:#ffdf79}.start-button:hover .cut-glyph{transform:scale(1.06)}.start-button:focus-visible{box-shadow:inset 0 0 0 4px #321d13}.chapter-nav a[aria-current=true]{border-color:var(--interface-yellow)}.chapter-next:hover{color:var(--interface-yellow)}.outline-button:hover,.outline-button:focus-visible{color:#ffdf79}@media (max-width:700px){.hero-title:before{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));inset-inline:3%}.hero-title:after{inset-inline:5%}.hero-eyebrow{letter-spacing:.14em}.start-button{gap:10px;min-width:0;min-height:48px;padding:9px 12px;font-size:18px}.start-button .cut-glyph{width:28px;height:28px;font-size:20px}}.product-credit{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.credit-kicker{color:#c7bdaa;letter-spacing:.15em;text-transform:uppercase;font-size:11px}.brand-link{border:0;padding:4px 0;display:inline-flex}.brand-link img{object-fit:contain;width:168px;height:48px;display:block}.brand-link:focus-visible{outline:2px solid var(--interface-yellow);outline-offset:5px}.product-credit .developer-credit{margin:0;font-size:14px;line-height:1.5}html:has(>body[data-state=reading]){scroll-snap-type:y mandatory}#reading .chapter{min-block-size:100vh;scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;min-block-size:100dvh;padding-block:clamp(84px,12dvh,112px) clamp(44px,8dvh,76px);scroll-margin-block:0}#reading .site-footer{scroll-snap-align:end}.chapter-marker{align-items:center}#chapter-kanji{letter-spacing:0;color:var(--interface-yellow);font:25px/1 Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif}@media (max-width:700px){#chapter-kanji{font-size:20px}}.sound-button{opacity:.8;border:1px solid #0000;border-radius:50%;place-items:center;min-width:40px;min-height:40px;padding:8px;display:grid}.sound-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.sound-button:hover{opacity:1;background:#ffffff12}.sound-button:focus-visible{outline:2px solid var(--interface-yellow);outline-offset:3px;opacity:1}.sound-button[aria-pressed=false] .sound-waves,.sound-button[aria-pressed=true] .sound-muted{display:none}.site-header nav{gap:10px}.language-options{color:#f3e8da88;align-items:center;font:10px/1 Arial,sans-serif;display:inline-flex}.language-options button{color:#f3e8dabd;min-block-size:34px;min-inline-size:25px;font:inherit;letter-spacing:.04em;background:0 0;border:0;padding:0 2px}.language-options button:hover,.language-options button[aria-pressed=true]{color:var(--paper)}.language-options button[aria-pressed=true]{font-weight:700}.language-options button:focus-visible{outline:2px solid var(--interface-yellow);outline-offset:-1px}@media (max-width:700px){.site-header nav{gap:7px}}.navigation-kanji{font-family:var(--japanese-font);font-style:normal}.outline-button .navigation-kanji{margin-inline-start:12px}body[data-state=intro],body[data-state=cutting]{overscroll-behavior:none;overflow:hidden}html:has(body[data-state=intro]){overscroll-behavior:none;overflow:hidden}html:has(body[data-state=cutting]){overscroll-behavior:none;overflow:hidden}.site-footer{border-top:0}.site-footer:before{content:"";background:#72503c70;width:min(560px,50vw);height:1px;position:absolute;top:0;left:0}@property --intro-reveal{syntax:"<percentage>";inherits:true;initial-value:32.2%}html[data-intro=play] body{overflow:hidden}.brand-intro{display:none}html[data-intro=play] .brand-intro{--octopus-centering:34.13%;--intro-glow:#bdceff;--logo-w:min(78vw,520px);--seam-a:85%;--seam-b:50%;--seam-angle:-5.7deg;z-index:1000;cursor:pointer;background:radial-gradient(circle,#7a1a0d55 0%,#0000 48%),#0c0807;place-items:center;transition:opacity .85s cubic-bezier(.4,0,.2,1);display:grid;position:fixed;inset:0;overflow:hidden}.bi-shake{width:var(--logo-w)}.bi-glow{opacity:0}.brand-intro[data-phase] .bi-glow{opacity:1;animation:.9s cubic-bezier(.22,1,.36,1) both bi-emerge}.bi-logo{aspect-ratio:168.47/48.04;-webkit-mask-image:linear-gradient(90deg,#000 var(--intro-reveal),transparent calc(var(--intro-reveal) + 6%));-webkit-mask-image:linear-gradient(90deg,#000 var(--intro-reveal),transparent calc(var(--intro-reveal) + 6%));mask-image:linear-gradient(90deg,#000 var(--intro-reveal),transparent calc(var(--intro-reveal) + 6%));--intro-reveal:32.2%;transform:translateX(var(--octopus-centering));position:relative}.brand-intro[data-phase]:not([data-phase=mark]) .bi-logo{transition:--intro-reveal .8s cubic-bezier(.45,0,.25,1),transform .8s cubic-bezier(.45,0,.25,1)}.bi-half{will-change:transform,opacity;position:absolute;inset:0}.bi-half svg{width:100%;height:100%;display:block}.bi-top{clip-path:polygon(-5% -50%,105% -50%,105% calc(var(--seam-b) + 0.6%),-5% calc(var(--seam-a) + 0.6%))}.bi-bottom{clip-path:polygon(-5% var(--seam-a),105% var(--seam-b),105% 150%,-5% 150%)}.bi-half .logo-accent{fill:#bdceff;transition:fill .42s}.bi-half .logo-word{fill:#fff;transition:fill .42s 80ms}.brand-intro[data-phase]:not([data-phase=mark]) .bi-logo{--intro-reveal:106%;transform:translate(0)}.brand-intro[data-phase=yellow] .bi-half .logo-accent,.brand-intro[data-phase=yellow] .bi-half .logo-word,.brand-intro[data-phase=slash] .bi-half path,.brand-intro[data-phase=split] .bi-half path,.brand-intro[data-phase=exit] .bi-half path{fill:#ffd14e}.brand-intro[data-phase=yellow] .bi-glow{filter:drop-shadow(0 0 22px #ffd14e66)}.bi-slash{left:50%;top:calc(50% + var(--logo-w) / 3.507 * .175);pointer-events:none;width:min(140vw,1200px);height:4px;transform:translate(-50%,-50%) rotate(var(--seam-angle));position:absolute}.bi-slash:before{content:"";opacity:0;transform-origin:0;background:linear-gradient(90deg,#0000,#fff8e0 18%,#fff 50%,#fff8e0 82%,#0000);border-radius:3px;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 18px 3px #ffe9a8,0 0 60px 10px #ffd14e66}.brand-intro[data-phase=slash] .bi-slash:before{animation:.32s cubic-bezier(.2,.8,.2,1) forwards bi-blade}.bi-flash{opacity:0;pointer-events:none;background:#fff6dc;position:absolute;inset:0}.brand-intro[data-phase=slash] .bi-flash{animation:.22s ease-out 90ms bi-flash}.brand-intro[data-phase=slash] .bi-shake{animation:.26s steps(2,end) .1s bi-shake}.brand-intro[data-phase=split] .bi-top,.brand-intro[data-phase=exit] .bi-top{animation:1.15s cubic-bezier(.45,.05,.85,.5) forwards bi-fall-top}.brand-intro[data-phase=split] .bi-bottom,.brand-intro[data-phase=exit] .bi-bottom{animation:1.15s cubic-bezier(.45,.05,.85,.5) forwards bi-fall-bottom}.brand-intro[data-phase=exit]{opacity:0;pointer-events:none}@keyframes bi-emerge{0%{opacity:0;filter:blur(8px);scale:.6}60%{opacity:1;filter:blur(0) drop-shadow(0 0 24px color-mix(in srgb,var(--intro-glow) 55%,transparent));scale:1.06}to{opacity:1;filter:blur(0) drop-shadow(0 0 12px color-mix(in srgb,var(--intro-glow) 25%,transparent));scale:1}}@keyframes bi-blade{0%{opacity:1;transform:scaleX(0)}55%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)scaleY(.3)}}@keyframes bi-flash{0%{opacity:0}25%{opacity:.24}to{opacity:0}}@keyframes bi-shake{0%{transform:translate(3px,-2px)}50%{transform:translate(-3px,2px)}to{transform:none}}@keyframes bi-fall-top{0%{opacity:1;transform:none}14%{opacity:1;transform:translate(-4%,-34%)rotate(-5deg)}60%{opacity:1}to{opacity:0;transform:translate(-16%,260%)rotate(-22deg)}}@keyframes bi-fall-bottom{0%{opacity:1;transform:none}14%{opacity:1;transform:translate(5%,26%)rotate(4deg)}60%{opacity:1}to{opacity:0;transform:translate(18%,300%)rotate(18deg)}}.brand-intro:is([data-phase=yellow],[data-phase=slash],[data-phase=split],[data-phase=exit]) .bi-logo{-webkit-mask-image:none;mask-image:none}.audio-gate{display:none}html[data-gate=open] body{overflow:hidden}html[data-gate=open] .audio-gate{z-index:1100;color:#f1e9da;background:radial-gradient(circle at 50% 45%,#7a1a0d66 0%,#0000 55%),#0c0807;place-items:center;padding:24px 16px;transition:opacity .42s cubic-bezier(.4,0,.2,1);display:grid;position:fixed;inset:0}html[data-gate=closing] .audio-gate{z-index:1100;opacity:0;pointer-events:none;background:#0c0807;place-items:center;transition:opacity .42s cubic-bezier(.4,0,.2,1);display:grid;position:fixed;inset:0}html[data-gate=closing] .gate-card{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-6px)}html[data-intro=play] .brand-intro:not([data-phase]){visibility:hidden}.gate-card{text-align:center;justify-items:center;gap:14px;width:min(100%,460px);animation:.6s cubic-bezier(.22,1,.36,1) both gate-in;display:grid}.gate-kanji{color:#ffd14e;width:64px;height:64px;font-size:30px;font-family:var(--japanese-font,serif);border:1.5px solid #ffd14e;border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.gate-title{text-transform:uppercase;letter-spacing:.02em;color:#fff;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(26px,5.4vw,38px);font-weight:600;line-height:1.05}.gate-copy{color:#e6dccb;max-width:36ch;margin:0;font-family:Barlow Semi Condensed,sans-serif;font-size:16px;line-height:1.5}.gate-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}.gate-actions button{text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:2px;align-items:center;gap:10px;min-height:48px;padding:0 22px;font:600 15px/1 Barlow Condensed,sans-serif;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.gate-primary{color:#130d0b;background:#ffd14e;border:1.5px solid #ffd14e}.gate-primary svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.gate-primary svg path:first-child{fill:currentColor}.gate-secondary{color:#f1e9da;background:0 0;border:1.5px solid #f1e9da8c}.gate-actions button:hover{transform:translateY(-1px)}.gate-secondary:hover{border-color:#f1e9da}.gate-actions button:active{transform:translateY(1px)scale(.98)}.gate-actions button:focus-visible{outline-offset:3px;outline:2px solid #fff}@keyframes gate-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.gate-card{animation:none}.audio-gate,.gate-card{transition:none!important}}.title-src{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chapter h2 .title-letters{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;white-space:nowrap;max-width:none;margin:0;font-style:normal;display:block}.chapter h2 .title-letters i{will-change:transform,opacity,filter;font-style:normal;display:inline-block}.chapter-copy .word{display:inline-block}@media (prefers-reduced-motion:no-preference){@keyframes earth-drop{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,.9,.4);transform:translateY(-110%)scaleY(1.25)}62%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:translateY(0)scaleY(.82)scaleX(1.08)}80%{transform:translateY(-6%)scaleY(1.04)}to{opacity:1;transform:none}}@keyframes earth-quake{0%,to{translate:0}20%{translate:-4px 2px}40%{translate:4px -1px}60%{translate:-2px 1px}80%{translate:1px}}@keyframes water-rise{0%{opacity:0;filter:blur(8px);transform:translateY(70%)skewY(12deg)}55%{opacity:1;filter:blur(1px);transform:translateY(-10%)skewY(-4deg)}to{opacity:1;filter:none;transform:none}}@keyframes fire-ignite{0%{opacity:0;color:#ffd14e;text-shadow:0 0 #ff7a1a00;transform:scaleY(.1)translateY(30%)}30%{opacity:1;color:#ffe27a;text-shadow:0 -6px 28px #ff9a1acc,0 0 60px #ff4d1a88;transform:scaleY(1.18)}45%{opacity:.72}55%{opacity:1;transform:scaleY(.95)}70%{opacity:.86;text-shadow:0 -4px 20px #ff7a1a99}to{opacity:1;color:inherit;text-shadow:0 0 #ff7a1a00;transform:none}}@keyframes wind-blow{0%{opacity:0;filter:blur(10px);transform:translate(60vw)skew(-35deg)rotate(8deg)}70%{opacity:1;filter:blur();transform:translate(-4%)skew(8deg)}to{opacity:1;filter:none;transform:none}}@keyframes void-condense{0%{opacity:0;transform:scale(1.9) translateX(calc((var(--i) - var(--n) / 2) * 38%));filter:blur(22px)}to{opacity:1;filter:none;transform:none}}@keyframes rise-in{0%{opacity:0;filter:blur(6px);transform:translateY(24px)}to{opacity:1;filter:none;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes brush-wipe{0%{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0);opacity:1}}@keyframes line-draw{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.chapter{--ease-out:cubic-bezier(.16,1,.3,1)}#tierra .title-letters i,#fuego .title-letters i{transform-origin:50% 100%}#tierra{--letter-anim:earth-drop}#agua{--letter-anim:water-rise}#fuego{--letter-anim:fire-ignite}#viento{--letter-anim:wind-blow}#vacio{--letter-anim:void-condense}.chapter.is-introduced .title-letters i{animation:var(--letter-anim) .9s both;animation-delay:calc(var(--i) * 55ms)}#tierra.is-introduced .title-letters{animation:earth-quake .32s linear calc(var(--n) * 55ms + .5s) both}.chapter.is-introduced .chapter-heading .eyebrow{animation:slide-in .7s var(--ease-out) both}.chapter.is-introduced .chapter-japanese{animation:brush-wipe .9s var(--ease-out) .15s both}.chapter.is-introduced h2>span{animation:rise-in .8s var(--ease-out) .45s both}.chapter.is-introduced .chapter-copy .word{animation:rise-in .6s var(--ease-out) both;animation-delay:calc(.6s + var(--w) * 18ms)}.chapter.is-introduced :is(.chapter-next,#replay){animation:line-draw .9s var(--ease-out) 1.1s both}.chapter:not(.is-introduced) :is(.title-letters i,.eyebrow,.chapter-japanese,h2>span,.word,.chapter-next,#replay){opacity:0}@supports (animation-timeline:view()){.chapter:not(#tierra){view-timeline:--chapter block}.chapter:not(#tierra) :is(.title-letters i,.eyebrow,.chapter-japanese,h2>span,.word,.chapter-next,#replay){opacity:1}.chapter:not(#tierra) .title-letters i,.chapter:not(#tierra).is-introduced .title-letters i{animation:var(--letter-anim) linear both;animation-delay:0s;animation-duration:auto;animation-timeline:--chapter;animation-range:entry calc(15% + var(--i) * 4%) entry calc(70% + var(--i) * 4%)}.chapter:not(#tierra) .eyebrow,.chapter:not(#tierra).is-introduced .chapter-heading .eyebrow{animation:linear both slide-in;animation-duration:auto;animation-delay:0s;animation-timeline:--chapter;animation-range:entry 5% entry 55%}.chapter:not(#tierra) .chapter-japanese,.chapter:not(#tierra).is-introduced .chapter-japanese{animation:linear both brush-wipe;animation-duration:auto;animation-delay:0s;animation-timeline:--chapter;animation-range:entry 15% entry 70%}.chapter:not(#tierra) h2>span,.chapter:not(#tierra).is-introduced h2>span{animation:linear both rise-in;animation-duration:auto;animation-delay:0s;animation-timeline:--chapter;animation-range:entry 45% entry 90%}.chapter:not(#tierra) .chapter-copy .word,.chapter:not(#tierra).is-introduced .chapter-copy .word{animation:linear both rise-in;animation-duration:auto;animation-delay:0s;animation-timeline:--chapter;animation-range:entry calc(50% + var(--w) * 0.9%) entry calc(75% + var(--w) * 0.9%)}.chapter:not(#tierra) :is(.chapter-next,#replay),.chapter:not(#tierra).is-introduced :is(.chapter-next,#replay){animation:linear both line-draw;animation-duration:auto;animation-delay:0s;animation-timeline:--chapter;animation-range:entry 75%}}}.hero-letter{display:inline-block}@media (prefers-reduced-motion:no-preference){html.hero-pending:not(.hero-play) :is(.hero-letter,.site-header>*,.hero-note,.start-button){opacity:0}html.hero-pending:not(.hero-play) .hero-title:before{clip-path:inset(0 50%)}html.hero-play body[data-state=intro] .hero-title:before{animation:1.2s cubic-bezier(.7,0,.2,1) 80ms both band-open}html.hero-play body[data-state=intro] .hero-title:after{animation:.96s ease-out .88s both band-lines}html.hero-play body[data-state=intro] .hero-letter{animation:1.1s cubic-bezier(.22,1.15,.36,1) both hanko;animation-delay:calc(.8s + var(--i) * .11s)}html.hero-play body[data-state=intro] .hero-title{animation:.45s linear 2.5s both stamp-shudder}html.hero-play body[data-state=intro] .site-header>*{animation:1.12s cubic-bezier(.16,1,.3,1) both drop-in}html.hero-play body[data-state=intro] .site-header>nav{animation-delay:.24s}html.hero-play body[data-state=intro] .hero-note{animation:.96s cubic-bezier(.16,1,.3,1) 1.44s both note-rule}html.hero-play body[data-state=intro] .hero-note>*{animation:.96s cubic-bezier(.16,1,.3,1) both rise}html.hero-play body[data-state=intro] .hero-note .tiny-label{animation-delay:1.84s}html.hero-play body[data-state=intro] .hero-note p{animation-delay:2.08s}html.hero-play body[data-state=intro] .start-button{animation:.96s cubic-bezier(.22,1.2,.36,1) 2.32s both cta-pop;overflow:hidden}html.hero-play body[data-state=intro] .start-button .cut-glyph{animation:1.28s cubic-bezier(.16,1,.3,1) 2.56s both glyph-turn}.start-button>span:first-child{position:relative}html.hero-play body[data-state=intro] .start-button:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#fff8 48%,#0000 66%);animation:1.4s ease-in-out 3.4s both cta-sweep;position:absolute;inset:0;transform:translate(-120%)}html.hero-play body[data-state=intro] .actor-plate{animation:1.76s cubic-bezier(.16,1,.3,1) .32s backwards emerge}@keyframes band-open{0%{clip-path:inset(48% 50%);filter:brightness(2.2)}35%{clip-path:inset(48% 0);filter:brightness(1.8)}to{clip-path:polygon(0 0,calc(100% - 19px) 0,100% 19px,100% 100%,19px 100%,0 calc(100% - 19px));filter:none}}@keyframes band-lines{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:none}}@keyframes hanko{0%{opacity:0;filter:blur(8px);transform:scale(1.9)rotate(-4deg)}65%{opacity:1;filter:blur();transform:scale(.97)rotate(0)}to{opacity:1;filter:none;transform:none}}@keyframes stamp-shudder{0%,to{translate:0}30%{translate:-1.5px 1px}65%{translate:1px -.5px}}@keyframes drop-in{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:none}}@keyframes note-rule{0%{opacity:0;clip-path:inset(0 100% 100% 0)}40%{opacity:1;clip-path:inset(0 calc(100% - 3px) 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(16px)}to{opacity:1;filter:none;transform:none}}@keyframes cta-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes glyph-turn{0%{opacity:0;transform:rotate(-180deg)scale(.4)}to{opacity:1;transform:none}}@keyframes cta-sweep{to{transform:translate(120%)}}@keyframes emerge{0%{opacity:0;filter:brightness(.2)blur(6px);translate:0 24px}to{opacity:1;filter:none;translate:0}}}