:root{--ink:#15151b;--paper:#efe6d5;--cream:#f8f1e5;--red:#cb4b36;--blue:#405f94;--yellow:#e2ab35;--green:#567463;--line:#17171b;--sans:var(--font-sans),Arial,sans-serif;--display:var(--font-display),Georgia,serif;--mono:var(--font-mono),monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.issue-nav{background:var(--paper);border-bottom:2px solid var(--line);z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(1.1rem,4vw,4.5rem);display:grid;position:relative}.issue-mark{font:900 1.65rem/.8 var(--sans);letter-spacing:-.12em}.issue-mark span{color:var(--red)}.issue-number,.chapter-label,.panel-label,.venture-top,.spread-heading,.cover-kicker,.cover-side{font:700 .62rem/1.2 var(--mono);letter-spacing:.1em}.issue-number{margin:0}.issue-nav nav{text-transform:uppercase;justify-self:end;gap:1.6rem;font-size:.72rem;font-weight:700;display:flex}.issue-nav nav a:hover{color:var(--red)}.cover{isolation:isolate;background:var(--red);min-height:calc(100svh - 76px);color:var(--cream);border-bottom:2px solid var(--line);grid-template-columns:1fr minmax(300px,1.8fr) 1fr;padding:clamp(2rem,5vw,5rem);display:grid;position:relative;overflow:hidden}.cover:before{content:"";z-index:-1;aspect-ratio:1;background:var(--yellow);border:2px solid var(--ink);width:min(64vw,890px);box-shadow:17px 18px 0 var(--ink);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-47%)}.cover:after{content:"";z-index:-1;border:2px solid var(--ink);position:absolute;inset:10% 9%;transform:rotate(-3deg)}.cover-noise{opacity:.17;pointer-events:none;background-image:radial-gradient(var(--ink) .7px,transparent .9px);mix-blend-mode:multiply;background-size:5px 5px;position:absolute;inset:0}.cover-kicker{align-self:start;margin:0}.cover-side{writing-mode:vertical-rl;place-self:start end;margin:0}.cover-title-wrap{text-align:center;z-index:1;align-self:center;position:relative}.cover-issue{color:var(--ink);font:800 clamp(.7rem,1vw,.9rem) var(--mono);text-transform:uppercase;letter-spacing:.14em;margin:0 0 .8rem}.cover h1{color:var(--cream);text-transform:uppercase;font:900 clamp(4.6rem,12.5vw,12rem)/.72 var(--display);letter-spacing:-.09em;text-shadow:5px 5px 0 var(--ink);margin:0;transform:rotate(-4deg)}.cover h1 span{letter-spacing:-.07em;font-size:.56em;display:block;transform:translate(-13%)}.cover-deck{max-width:360px;color:var(--ink);font:700 clamp(.85rem,1.25vw,1.05rem)/1.32 var(--sans);margin:2rem auto 0}.cover-orbit{aspect-ratio:1;width:clamp(5rem,9vw,8rem);color:var(--cream);background:var(--blue);border:2px solid var(--ink);font:900 clamp(1.1rem,2vw,1.8rem) var(--display);box-shadow:7px 7px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;transform:rotate(12deg)}.orbit-one{bottom:17%;left:12%}.orbit-two{background:var(--green);top:24%;right:12%;transform:rotate(-14deg)}.cover-stamp{aspect-ratio:1;border:2px solid var(--ink);width:78px;color:var(--ink);background:var(--cream);box-shadow:6px 6px 0 var(--ink);font:800 .62rem var(--mono);place-items:center;gap:.15rem;display:grid;position:absolute;bottom:13%;right:12%;transform:rotate(-10deg)}.cover-stamp strong{font:900 2rem/.8 var(--display)}.cover-stamp i{font-size:1.2rem;font-style:normal}.cover-read{font:800 .75rem var(--sans);text-transform:uppercase;border-bottom:2px solid var(--ink);grid-column:1;align-self:end;width:max-content;margin-bottom:.3rem;padding-bottom:.25rem}.origin-spread{background:var(--paper);border-bottom:2px solid var(--line);padding:clamp(3rem,7vw,7rem) clamp(1.1rem,4vw,4.5rem)}.spread-heading{border-bottom:2px solid var(--line);justify-content:space-between;padding-bottom:.8rem;display:flex}.spread-heading p{margin:0}.origin-panels{border-left:2px solid var(--line);grid-template-columns:1.1fr 1fr .8fr;min-height:540px;display:grid}.panel{border-right:2px solid var(--line);border-bottom:2px solid var(--line);padding:clamp(1.4rem,3vw,3rem);position:relative;overflow:hidden}.panel-index{font:800 .7rem var(--mono)}.panel-map{background:var(--blue);color:var(--cream)}.panel-map:after{content:"";background:var(--red);border-top:2px solid var(--ink);width:110%;height:26%;position:absolute;bottom:-6%;left:-10%;transform:rotate(-8deg)}.panel-label{margin:clamp(3rem,8vw,8rem) 0 .8rem}.panel h2,.arc-intro h2,.now-copy h2,.interlude h2{font:900 clamp(2.8rem,5.4vw,6rem)/.78 var(--display);letter-spacing:-.08em;margin:0}.map-line{z-index:1;color:var(--ink);font:900 clamp(1.2rem,2vw,2rem) var(--display);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:13%;left:10%;right:10%}.map-line i{font-style:normal;font-family:var(--sans)}.panel-story{background:var(--cream);flex-direction:column;justify-content:center;display:flex}.panel-story p{font:500 clamp(1.05rem,1.6vw,1.35rem)/1.45 var(--display);margin:0 0 1.2rem}.burst{color:var(--red);font:900 7rem/.7 var(--display);position:absolute;top:1rem;right:1.1rem;transform:rotate(17deg)}.panel-portrait{background:var(--yellow);flex-direction:column;justify-content:flex-end;min-height:400px;display:flex}.portrait-sun{aspect-ratio:1;border:2px solid var(--ink);background:var(--red);border-radius:50%;width:150%;position:absolute;top:-50%;right:-42%}.portrait-frame{aspect-ratio:4/5;border:2px solid var(--ink);background:var(--ink);width:66%;box-shadow:9px 9px 0 var(--cream);place-items:center;display:grid;position:absolute;top:19%;left:17%;transform:rotate(5deg)}.portrait-frame span{color:var(--cream);font:900 clamp(3rem,6vw,5rem)/.8 var(--display);letter-spacing:-.1em}.panel-portrait p{font:900 .68rem/1.25 var(--mono);letter-spacing:.09em;margin:0;position:relative}.arc-section{background:var(--ink);color:var(--cream);padding:0 0 clamp(4.5rem,9vw,9rem)}.section-ribbon{background:var(--yellow);width:110%;color:var(--ink);border-top:2px solid var(--line);border-bottom:2px solid var(--line);font:900 clamp(1.2rem,2vw,2rem)/1 var(--sans);white-space:nowrap;letter-spacing:-.06em;gap:1.5rem;margin-left:-3%;padding:.7rem 0;display:flex;transform:rotate(-2deg)}.arc-intro{grid-template-columns:1fr 1.2fr 1fr;gap:2rem;padding:clamp(4rem,9vw,9rem) clamp(1.1rem,11vw,11rem) 4rem;display:grid}.arc-intro h2 em,.interlude h2 em{color:var(--yellow);font-style:normal}.arc-intro>p:last-child{color:#c9c2b6;font:500 1.08rem/1.5 var(--display);align-self:end;margin:0}.venture-panels{grid-template-columns:repeat(3,1fr);gap:1rem;padding:0 clamp(1.1rem,4vw,4.5rem);display:grid}.venture-panel{border:2px solid var(--cream);flex-direction:column;min-height:390px;padding:1.35rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:8px 8px #f8f1e5c7}.venture-panel:hover{box-shadow:15px 17px 0 var(--red);transform:translate(-6px,-9px)rotate(-1deg)}.venture-panel.blue{background:var(--blue)}.venture-panel.red{background:var(--red)}.venture-top{justify-content:space-between;display:flex}.venture-top b{font:900 1.4rem/.8 var(--display)}.venture-panel h3{font:900 clamp(2.6rem,4vw,4.7rem)/.72 var(--display);letter-spacing:-.09em;margin:auto 0 1rem}.venture-panel>p{min-height:4.8em;margin:0;font-size:.88rem;line-height:1.45}.venture-action{font:800 .68rem var(--mono);letter-spacing:.06em;text-transform:uppercase;border-top:1px solid;margin-top:1.6rem;padding-top:.7rem}.venture-action i{float:right;font-size:1rem;font-style:normal}.now-spread{background:var(--cream);border-bottom:2px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.now-art{background:var(--green);border-right:2px solid var(--line);place-items:center;min-height:690px;display:grid;position:relative;overflow:hidden}.now-art:before{content:"";aspect-ratio:1;border:2px solid var(--ink);background:var(--yellow);width:74%;box-shadow:18px 20px 0 var(--ink);border-radius:50%;position:absolute}.now-art span{z-index:1;color:var(--red);font:900 clamp(5rem,13vw,12rem)/.7 var(--display);letter-spacing:-.13em;text-shadow:5px 6px var(--ink);transform:rotate(-10deg)}.now-art i{z-index:1;font-size:3rem;font-style:normal;position:absolute;top:21%;right:17%}.now-art b{font:900 .9rem var(--mono);letter-spacing:.1em;position:absolute;bottom:12%;left:14%}.now-copy{padding:clamp(3rem,8vw,8rem)}.now-copy h2{margin-top:1.2rem}.now-copy ol{border-top:2px solid var(--line);margin:3.2rem 0 0;padding:0;list-style:none}.now-copy li{font:600 clamp(1rem,1.5vw,1.3rem)/1.25 var(--display);border-bottom:1px solid #8c857a;grid-template-columns:3rem 1fr;gap:1rem;padding:1.15rem 0;display:grid}.now-copy li span{font:700 .64rem var(--mono);padding-top:.2rem}.interlude{color:var(--cream);background:var(--blue);padding:clamp(5rem,12vw,12rem) clamp(1.1rem,13vw,13rem);position:relative;overflow:hidden}.interlude:before{content:"";aspect-ratio:1;border:2px solid var(--ink);background:var(--yellow);border-radius:50%;width:45vw;position:absolute;bottom:-26vw;right:-13vw}.interlude h2{max-width:900px;margin:1rem 0 1.5rem;position:relative}.interlude>p:not(.chapter-label){max-width:480px;font:500 1.1rem/1.5 var(--display);margin:0;position:relative}.interlude-sound{color:var(--red);font:900 clamp(4rem,10vw,9rem)/.7 var(--display);text-shadow:4px 4px var(--ink);position:absolute;top:23%;right:11%;transform:rotate(-14deg)}.assistant-launcher{z-index:20;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:5px 5px 0 var(--ink);cursor:pointer;font:900 .71rem var(--sans);letter-spacing:.04em;text-transform:uppercase;padding:.75rem 1rem;position:fixed;bottom:1.4rem;right:1.4rem}.assistant-launcher span{color:var(--red);font-size:1rem}.assistant-launcher:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.assistant-backdrop{z-index:29;visibility:hidden;opacity:0;background:#0e0e11a8;transition:opacity .2s,visibility .2s;position:fixed;inset:0}.assistant-backdrop.is-open{visibility:visible;opacity:1}.assistant-sidebar{z-index:30;background:var(--cream);width:min(100%,440px);color:var(--ink);border-left:2px solid var(--ink);box-shadow:-10px 0 0 var(--red);grid-template-rows:auto auto 1fr auto auto;transition:transform .24s;display:grid;position:fixed;top:0;bottom:0;right:0;transform:translate(102%)}.assistant-sidebar.is-open{transform:translate(0)}.assistant-sidebar-header{border-bottom:2px solid var(--ink);background:var(--yellow);justify-content:space-between;padding:1.45rem;display:flex}.assistant-overline{font:800 .61rem var(--mono);letter-spacing:.1em;margin:0 0 .4rem}.assistant-sidebar h2{font:900 2.5rem/.78 var(--display);letter-spacing:-.08em;margin:0}.assistant-close{border:2px solid var(--ink);background:var(--cream);cursor:pointer;border-radius:50%;width:2.15rem;height:2.15rem;font-size:1.5rem}.assistant-context{border-bottom:2px solid var(--ink);font:600 .88rem/1.45 var(--display);padding:.9rem 1.45rem}.assistant-messages{background-image:linear-gradient(#d9d0c1 1px,#0000 1px);background-size:100% 28px;flex-direction:column;gap:.85rem;padding:1.3rem 1.45rem;display:flex;overflow:auto}.assistant-message{border:2px solid var(--ink);max-width:88%;font:600 .95rem/1.4 var(--display);box-shadow:3px 3px 0 var(--ink);margin:0;padding:.8rem .9rem}.assistant-message.assistant{background:var(--cream);align-self:flex-start}.assistant-message.visitor{background:var(--red);color:var(--cream);align-self:flex-end}.assistant-typing{font:800 .67rem var(--mono);margin:0}.assistant-composer{border-top:2px solid var(--ink);background:var(--cream);grid-template-columns:1fr auto;gap:.5rem;padding:1rem 1.45rem;display:grid}.assistant-composer textarea{resize:none;border:2px solid var(--ink);font:600 .85rem/1.3 var(--sans);background:0 0;padding:.6rem}.assistant-composer button{border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);cursor:pointer;font:800 .68rem var(--sans);text-transform:uppercase;align-self:end;padding:.68rem}.assistant-composer button:disabled{opacity:.5;cursor:not-allowed}.assistant-error{color:#9d241f;margin:0;padding:0 1.45rem 1rem;font-size:.8rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.issue-footer{background:var(--ink);color:var(--cream);grid-template-columns:1fr 1fr 1fr;align-items:end;gap:2rem;padding:2.2rem clamp(1.1rem,4vw,4.5rem);display:grid}.issue-footer div:first-child p{font:900 1rem var(--sans);margin:0 0 .4rem}.issue-footer span,.footer-links{font:700 .62rem var(--mono);letter-spacing:.08em}.issue-footer>p{font:900 clamp(1.35rem,2.5vw,2.3rem)/.78 var(--display);letter-spacing:-.07em;justify-self:center;margin:0}.footer-links{flex-direction:column;justify-self:end;align-items:flex-end;gap:.45rem;display:flex}@media (max-width:800px){.issue-nav{grid-template-columns:1fr auto}.issue-number,.issue-nav nav{display:none}.cover{grid-template-columns:1fr;min-height:680px}.cover h1{font-size:clamp(4.5rem,19vw,8rem)}.cover-side{position:absolute;top:2rem;right:1.2rem}.cover-title-wrap{align-self:center}.cover-read{grid-column:auto}.cover-stamp{bottom:16%;right:12%}.orbit-one{bottom:19%;left:9%}.orbit-two{top:19%;right:7%}.origin-panels{grid-template-columns:1fr}.panel{border-left:2px solid var(--line);min-height:340px}.panel-map{min-height:410px}.panel-portrait{min-height:370px}.arc-intro{padding:4.5rem 1.3rem 3rem;display:block}.arc-intro>p:last-child{margin-top:2rem}.venture-panels{grid-template-columns:1fr;padding:0 1.3rem}.venture-panel{min-height:300px}.now-spread{grid-template-columns:1fr}.now-art{border-right:0;border-bottom:2px solid var(--line);min-height:430px}.now-copy{padding:4rem 1.3rem}.interlude{min-height:450px;padding:5rem 1.3rem}.interlude-sound{top:12%;right:7%}.issue-footer{grid-template-columns:1fr;align-items:start}.issue-footer>p,.footer-links{justify-self:start}.footer-links{align-items:flex-start}.assistant-launcher{bottom:1rem;right:1rem}.assistant-sidebar{width:min(100%,400px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}.life-panels{perspective:1400px;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);padding:clamp(2rem,4vw,4.5rem) 0 1rem;display:grid}.life-panel{border:2px solid var(--line);background:var(--cream);box-shadow:10px 12px 0 var(--ink);grid-template-rows:clamp(22rem,48vh,31rem) auto;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;display:grid;position:relative;overflow:hidden;transform:rotate(-1.1deg)}.life-panel:nth-child(2){transform:translateY(1.5rem)rotate(.8deg)}.life-panel:nth-child(3){transform:translateY(.7rem)rotate(-.45deg)}.life-panel:hover{z-index:2;box-shadow:15px 18px 0 var(--red);transform:translateY(-.7rem)rotate(0)scale(1.018)}.life-panel-image{border-bottom:2px solid var(--line);background:#e7e4dc;position:relative;overflow:hidden}.life-panel-image:after{content:"";mix-blend-mode:multiply;opacity:.32;pointer-events:none;background:repeating-radial-gradient(circle at 25% 20%,#0000 0 2px,#00000014 2px 3px) 0 0/7px 7px;position:absolute;inset:0}.life-panel-image img{object-fit:cover;object-position:center;filter:grayscale()contrast(1.08);width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .4s;display:block}.life-panel:first-child .life-panel-image img{object-position:56% center}.life-panel:nth-child(2) .life-panel-image img{object-position:50% 28%}.life-panel:nth-child(3) .life-panel-image img{object-position:50% 24%}.life-panel:hover .life-panel-image img{filter:grayscale()contrast(1.18);transform:scale(1.045)}.life-panel-copy{background:var(--cream);padding:1.15rem 1.2rem 1.35rem;position:relative}.life-panel-copy:before{content:"";border:2px solid var(--ink);background:var(--red);width:82px;height:22px;position:absolute;top:-13px;right:1.2rem;transform:skew(-18deg)}.life-panel-meta{font-family:var(--mono);align-items:center;gap:.8rem;font-weight:700;display:flex}.life-panel-meta span{background:var(--ink);width:2rem;height:2rem;color:var(--cream);place-items:center;display:grid}.life-panel-meta p{letter-spacing:.08em;margin:0;font-size:.66rem}.life-panel-copy h2{font:800 clamp(1.75rem,2.35vw,2.8rem)/.88 var(--display);letter-spacing:-.055em;margin:1.1rem 0 .7rem}.life-panel-copy strong{border-bottom:2px solid var(--red);font:700 .67rem/1.4 var(--mono);letter-spacing:.08em;margin-bottom:.8rem;display:inline-block}.life-panel-copy>p{font:500 clamp(.9rem,1vw,1rem)/1.42 var(--display);margin:0}@media (max-width:900px){.life-panels{grid-template-columns:1fr;gap:2rem}.life-panel,.life-panel:nth-child(2),.life-panel:nth-child(3){grid-template-rows:minmax(34rem,110vw) auto;transform:none}.life-panel:hover{transform:translateY(-.35rem)}.life-panel-image img{object-position:center 24%}.origin-spread{padding-bottom:4rem}}@media (max-width:520px){.life-panel{box-shadow:7px 8px 0 var(--ink);grid-template-rows:minmax(28rem,125vw) auto}.life-panel-copy{padding:1.15rem}.life-panel-copy h2{font-size:2.35rem}.spread-heading p:last-child{display:none}}.assistant-backdrop{cursor:pointer;border:0;margin:0;padding:0}:root{--ink:#101010;--paper:#f2f0ea;--cream:#fbfaf6;--red:#b72f27;--gray:#c5c3bc;--yellow:var(--cream);--blue:#202020;--green:#191919}.cover{background:var(--ink)}.cover:before{background:var(--cream);border-color:var(--cream);box-shadow:17px 18px 0 var(--red)}.cover:after{border-color:var(--cream)}.cover-noise{background-image:radial-gradient(var(--cream) .7px,transparent .9px);opacity:.2}.cover-issue{color:var(--red)}.cover h1{color:var(--ink);text-shadow:5px 5px 0 var(--cream)}.cover-orbit{background:var(--ink);border-color:var(--cream);box-shadow:7px 7px 0 var(--red)}.orbit-two{background:var(--cream);color:var(--ink)}.cover-stamp{background:var(--red);color:var(--cream);border-color:var(--cream);box-shadow:6px 6px 0 var(--cream)}.cover-read{border-color:var(--cream)}.panel-map{background-color:var(--ink);background-image:radial-gradient(#676767 .8px,#0000 .9px);background-size:4px 4px}.panel-map:after{background:var(--cream)}.panel-portrait{background-color:var(--cream);background-image:radial-gradient(#a5a5a1 .7px,#0000 .8px);background-size:5px 5px}.portrait-sun{background:var(--gray)}.portrait-frame{box-shadow:9px 9px 0 var(--red)}.section-ribbon{background:var(--cream)}.arc-intro h2 em,.interlude h2 em{color:var(--red)}.venture-panel.sun{background:var(--cream);color:var(--ink)}.venture-panel.blue{background-color:#252525;background-image:radial-gradient(#777 .7px,#0000 .8px);background-size:5px 5px}.venture-panel.red{background:var(--gray);color:var(--ink)}.now-art{background-color:var(--ink);background-image:repeating-linear-gradient(135deg,#0000 0 15px,#ffffff14 15px 16px)}.now-art:before{background:var(--cream);box-shadow:18px 20px 0 var(--red)}.now-art span{color:var(--ink);text-shadow:5px 6px var(--cream)}.interlude{background:var(--ink)}.interlude:before{background:var(--gray);border-color:var(--cream)}.assistant-launcher{background:var(--ink);color:var(--cream);border-color:var(--cream);box-shadow:5px 5px 0 var(--red)}.assistant-sidebar-header{background:var(--cream)}.assistant-composer button{background:var(--ink);color:var(--cream)}.footer-links a:hover{color:var(--red)}.cover-reader{--open-progress:0;background:var(--ink);height:260vh;position:relative}.cover-art{object-fit:contain;object-position:center;width:100%;height:100%;transform:scale(calc(1 + var(--open-progress) * .035));filter:contrast(1.08);will-change:transform;position:absolute;inset:0}.cover-ink{background:var(--ink);opacity:calc(var(--open-progress) * .88);pointer-events:none;z-index:1;position:absolute;inset:0}.cover-reader-copy{z-index:4;color:var(--cream);opacity:calc(1 - var(--open-progress) * 2.8);transform:translateY(calc(var(--open-progress) * -5rem));will-change:transform,opacity;position:absolute;bottom:clamp(1.3rem,4vw,3rem);left:clamp(1rem,4vw,4rem)}.cover-reader-copy p,.cover-reader-copy span{font:800 .64rem var(--mono);letter-spacing:.11em;margin:0}.cover-reader-copy h1{font:900 clamp(2.5rem,5.6vw,5.8rem)/.77 var(--display);letter-spacing:-.08em;margin:.65rem 0 1rem}.opening-panel{z-index:3;background:var(--cream);border:2px solid var(--ink);box-shadow:7px 8px 0 var(--red);color:var(--ink);opacity:0;will-change:transform,opacity;flex-direction:column;justify-content:space-between;padding:clamp(.7rem,1.4vw,1.3rem);display:flex;position:absolute}.opening-panel span{font:800 .65rem var(--mono)}.opening-panel p{font:900 clamp(1.5rem,2.9vw,3.3rem)/.78 var(--display);letter-spacing:-.08em;margin:0}.opening-panel-origin{width:min(31vw,420px);height:min(41vw,480px);transform:translate(calc(-38vw + var(--open-progress) * 38vw),calc(13vh - var(--open-progress) * 13vh)) rotate(calc(-8deg + var(--open-progress) * 8deg));opacity:clamp(0,calc((var(--open-progress) - .18) * 3.5),1);top:18%;left:clamp(4%,8vw,12%)}.opening-panel-builder{background:var(--gray);width:min(27vw,360px);height:min(35vw,420px);transform:translate(calc(38vw - var(--open-progress) * 38vw),calc(-9vh + var(--open-progress) * 9vh)) rotate(calc(8deg - var(--open-progress) * 8deg));opacity:clamp(0,calc((var(--open-progress) - .32) * 3.5),1);top:22%;right:clamp(4%,8vw,12%)}.opening-panel-now{background:var(--red);width:min(28vw,390px);height:min(20vw,250px);color:var(--cream);transform:translateY(calc(32vh - var(--open-progress) * 32vh)) rotate(calc(-4deg + var(--open-progress) * 4deg));opacity:clamp(0,calc((var(--open-progress) - .48) * 3.8),1);bottom:7%;left:34%}@media (max-width:800px){.cover-reader{height:210vh}.cover-art{object-position:center}.cover-reader-copy h1{font-size:clamp(2.7rem,13vw,4.8rem)}.opening-panel-origin{width:48vw;height:58vw;top:14%;left:5%}.opening-panel-builder{width:43vw;height:52vw;top:25%;right:5%}.opening-panel-now{width:66vw;height:29vw;bottom:11%;left:17%}.opening-panel p{font-size:clamp(1.25rem,6vw,2rem)}}main{overflow:clip visible}.cover-reader{--open-progress:0;background:var(--paper);height:240vh}.cover-stage{background:var(--paper);isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.manga-webgl,.cover-fallback{width:100%;height:100%;display:block;position:absolute;inset:0}.manga-webgl{z-index:1;opacity:0;transition:opacity .45s}.cover-fallback{z-index:0;object-fit:contain;background:var(--paper);transition:opacity .45s}.cover-stage.is-three-ready .manga-webgl{opacity:1}.cover-stage.is-three-ready .cover-fallback{opacity:0}.reader-glyph{z-index:2;color:var(--ink);font:900 clamp(18rem,48vw,44rem)/.7 var(--display);opacity:clamp(0,calc(.035 - var(--open-progress) * .09),.035);pointer-events:none;mix-blend-mode:multiply;position:absolute;top:7%;right:-2vw;transform:rotate(-8deg)}.reader-spine{z-index:3;background:var(--red);color:var(--cream);font:800 .55rem var(--mono);letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;box-shadow:4px 5px 0 var(--ink);opacity:clamp(0,calc(1 - var(--open-progress) * 4),1);transform:translateX(calc(var(--open-progress) * -3rem));pointer-events:none;align-items:center;gap:1rem;padding:.55rem .42rem;display:flex;position:absolute;top:19%;left:clamp(.7rem,2vw,1.5rem)}.reader-topline{z-index:3;color:var(--ink);font:800 .61rem var(--mono);letter-spacing:.11em;text-transform:uppercase;opacity:clamp(0,calc(1 - var(--open-progress) * 3.4),1);justify-content:space-between;display:flex;position:absolute;top:clamp(1rem,3vw,2.3rem);left:clamp(1rem,3vw,2.7rem);right:clamp(1rem,3vw,2.7rem)}.reader-chapter{z-index:4;border:2px solid var(--ink);width:clamp(190px,20vw,290px);box-shadow:6px 7px 0 var(--red);color:var(--ink);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fbfaf6f0;padding:.85rem 1rem;position:absolute}.reader-chapter span{font:800 .62rem var(--mono);margin-bottom:1.2rem;display:block}.reader-chapter strong{font:900 clamp(1.7rem,3vw,3.2rem)/.75 var(--display);letter-spacing:-.08em;display:block}.reader-chapter p{font:700 .66rem var(--mono);letter-spacing:.05em;text-transform:uppercase;margin:.65rem 0 0}.chapter-origin{opacity:clamp(0,calc((var(--open-progress) - .34) * 6),1);transform:translateY(calc(-50% + 42px - var(--open-progress) * 42px)) rotate(-3deg);top:51%;left:8%}.chapter-builder{opacity:clamp(0,calc((var(--open-progress) - .52) * 7),1);transform:translate(-50%,calc(-50% - 42px + var(--open-progress) * 42px)) rotate(1.8deg);top:48%;left:50%}.chapter-now{background:var(--ink);color:var(--cream);box-shadow:6px 7px 0 var(--red);opacity:clamp(0,calc((var(--open-progress) - .68) * 8),1);transform:translate(calc(55px - var(--open-progress) * 55px),-50%) rotate(-1.5deg);top:52%;right:8%}.scroll-meter{z-index:4;background:#1010102e;width:2px;position:absolute;top:12%;bottom:12%;right:clamp(.7rem,2vw,1.5rem)}.scroll-meter i{width:2px;height:calc(var(--open-progress) * 100%);background:var(--red);position:absolute;top:0;left:0}.page-corner{z-index:4;background:var(--cream);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--red);color:var(--ink);font:900 .59rem var(--mono);letter-spacing:.09em;opacity:clamp(0,calc(1 - var(--open-progress) * 3.8),1);pointer-events:none;grid-template-columns:auto auto;align-items:center;gap:.55rem;padding:.7rem .8rem;animation:1.8s ease-in-out infinite page-corner-pulse;display:grid;position:absolute;bottom:clamp(1.2rem,3vw,2.6rem);right:clamp(1.6rem,4vw,3.8rem)}.page-corner i{font-size:1rem;font-style:normal}.page-corner:after{content:"";background:linear-gradient(135deg,var(--ink) 0 48%,var(--paper) 50% 100%);width:15px;height:15px;position:absolute;bottom:-2px;right:-2px}@keyframes page-corner-pulse{0%,to{transform:translate(0)}50%{transform:translate(-3px,-3px)}}@media (max-width:800px){.cover-reader{height:210vh}.reader-topline{font-size:.52rem}.reader-glyph{font-size:70vw;top:16%}.reader-spine{gap:.5rem;font-size:.45rem;top:14%;left:.45rem}.reader-chapter{width:46vw;padding:.65rem}.reader-chapter span{margin-bottom:.7rem}.reader-chapter strong{font-size:clamp(1.2rem,6vw,1.8rem)}.reader-chapter p{font-size:.48rem}.chapter-origin{top:46%;left:3%}.chapter-builder{top:56%;left:50%}.chapter-now{top:67%;right:3%}.scroll-meter{right:.4rem}.page-corner{bottom:1.1rem;right:1.2rem}}.bookshelf-page{background:var(--paper);min-height:100svh;overflow-x:clip}.shelf-nav{border-bottom:2px solid var(--ink);background:var(--paper);height:76px;font:700 .62rem var(--mono);letter-spacing:.09em;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1.1rem,4vw,4.5rem);display:grid}.shelf-nav p{margin:0}.shelf-nav>a:last-child{text-transform:uppercase;justify-self:end}.shelf-nav>a:last-child:hover{color:var(--red)}.shelf-hero{border-bottom:2px solid var(--ink);background-color:var(--cream);background-image:radial-gradient(#aaa .7px,#0000 .8px);background-size:6px 6px;grid-template-columns:minmax(0,1fr) auto;align-items:end;min-height:clamp(390px,58vh,650px);padding:clamp(2.5rem,6vw,6rem) clamp(1.1rem,6vw,6rem);display:grid;position:relative;overflow:hidden}.shelf-hero:before{content:"";aspect-ratio:1;border:2px solid var(--ink);background:var(--red);width:44vw;box-shadow:18px 20px 0 var(--ink);border-radius:50%;position:absolute;top:-20vw;right:-8vw}.shelf-hero-copy{z-index:1;max-width:950px;position:relative}.shelf-kicker{font:800 .64rem var(--mono);letter-spacing:.12em;margin:0 0 1.1rem}.shelf-hero h1{font:900 clamp(5.2rem,12vw,12rem)/.65 var(--display);letter-spacing:-.095em;margin:0}.shelf-hero h1 span{color:var(--red);text-shadow:4px 5px 0 var(--ink)}.shelf-hero-copy>p:last-child{max-width:570px;font:600 clamp(1rem,1.5vw,1.25rem)/1.4 var(--display);margin:2rem 0 0}.shelf-shop-sign{z-index:1;aspect-ratio:1;border:2px solid var(--ink);background:var(--ink);width:clamp(110px,13vw,170px);color:var(--cream);box-shadow:10px 12px 0 var(--red);align-self:center;place-items:center;display:grid;position:relative;transform:rotate(6deg)}.shelf-shop-sign b{font:900 clamp(4rem,7vw,7rem)/.7 var(--display)}.shelf-shop-sign span{font:800 .58rem var(--mono);letter-spacing:.1em}.shelf-instruction{font:800 .57rem var(--mono);letter-spacing:.09em;margin:0;position:absolute;bottom:1rem;right:4vw}.shelf-room{background:var(--ink);min-height:880px;color:var(--cream);grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);align-items:center;gap:clamp(2rem,5vw,6rem);padding:clamp(4rem,8vw,8rem) clamp(1.1rem,6vw,6rem);display:grid}.shelf-rack{perspective:1200px;min-width:0}.shelf-books{border-left:3px solid var(--cream);border-right:3px solid var(--cream);background:repeating-linear-gradient(90deg,#ffffff06 0 24px,#ffffff0e 25px 26px);align-items:flex-end;height:clamp(390px,48vw,610px);padding:0 1.1rem;display:flex}.shelf-volume{min-width:0;height:var(--book-height,84%);border:2px solid var(--cream);background:var(--ink);color:var(--cream);cursor:pointer;transform-origin:bottom;writing-mode:vertical-rl;border-bottom:0;flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:.8rem .25rem;transition:transform .34s cubic-bezier(.2,.8,.2,1),filter .25s,box-shadow .25s;display:flex;position:relative}.shelf-volume:nth-child(3n+2){background:var(--cream);color:var(--ink)}.shelf-volume:nth-child(4n){background:var(--gray);color:var(--ink)}.shelf-volume:nth-child(5n){background:var(--red);color:var(--cream)}.shelf-volume:hover,.shelf-volume:focus-visible{z-index:2;filter:contrast(1.15);transform:translateY(-18px)rotateY(-7deg)}.shelf-volume.is-selected{z-index:3;box-shadow:12px 15px 0 var(--red);transform:translateY(-48px)translateZ(32px)rotateY(-9deg)}.shelf-volume span{font:700 .58rem var(--mono)}.shelf-volume strong{font:900 clamp(.72rem,1.15vw,1rem) var(--mono);letter-spacing:.05em}.shelf-volume i{font:900 .68rem var(--display);font-style:normal}.volume-1{--book-height:86%}.volume-2{--book-height:76%}.volume-3{--book-height:91%}.volume-4{--book-height:81%}.volume-5{--book-height:96%}.volume-6{--book-height:73%}.volume-7{--book-height:89%}.volume-8{--book-height:79%}.volume-9{--book-height:93%}.shelf-plank{border:3px solid var(--cream);background:var(--gray);height:28px;box-shadow:0 13px 0 var(--red)}.shelf-caption{text-align:center;font:700 .6rem var(--mono);letter-spacing:.1em;margin:1.7rem 0 0}.open-volume{min-height:600px;color:var(--ink);filter:drop-shadow(14px 17px 0 var(--red));grid-template-columns:.72fr 1.28fr;animation:.45s cubic-bezier(.2,.8,.2,1) volume-open;display:grid}@keyframes volume-open{0%{opacity:.2;transform:translate(35px)rotateY(-8deg)}to{opacity:1;transform:none}}.open-volume-cover,.open-volume-page{border:2px solid var(--ink)}.open-volume-cover{background:var(--red);color:var(--cream);transform-origin:100%;flex-direction:column;padding:1.2rem;display:flex;transform:rotateY(5deg)}.open-volume-cover>span,.open-volume-cover small{font:800 .58rem var(--mono);letter-spacing:.09em}.open-volume-cover b{font:900 clamp(1.8rem,3vw,3.4rem)/.78 var(--display);letter-spacing:-.07em;word-break:break-word;margin:auto 0}.open-volume-cover i{font:900 2.5rem/.8 var(--display);align-self:flex-end;font-style:normal}.open-volume-page{background:var(--cream);padding:clamp(1.4rem,3vw,2.6rem);box-shadow:inset 14px 0 24px #00000017}.open-volume-page>p:first-child,.open-volume-page>small{font:800 .57rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.open-volume-page h2{font:900 clamp(2.4rem,4vw,4.7rem)/.78 var(--display);letter-spacing:-.075em;margin:1rem 0}.volume-rule{align-items:center;gap:.8rem;display:flex}.volume-rule:after{content:"";background:var(--ink);flex:1;height:2px}.volume-rule span{font:800 .6rem var(--mono)}.open-volume-page>p:not(:first-child){font:600 1rem/1.5 var(--display);margin:1.7rem 0}.open-volume-page ol{border-top:2px solid var(--ink);margin:0 0 2rem;padding:0;list-style:none}.open-volume-page li{font:700 .82rem/1.3 var(--mono);border-bottom:1px solid #999;grid-template-columns:2rem 1fr;gap:.8rem;padding:.8rem 0;display:grid}.open-volume-page li span{color:var(--red)}.shelf-footer{background:var(--paper);border-top:2px solid var(--ink);grid-template-columns:1fr 1fr 1fr;align-items:end;gap:2rem;padding:2.3rem clamp(1.1rem,6vw,6rem);display:grid}.shelf-footer span,.shelf-footer a{font:800 .61rem var(--mono);letter-spacing:.08em}.shelf-footer p{font:900 clamp(1.4rem,2.4vw,2.3rem)/.78 var(--display);letter-spacing:-.06em;justify-self:center;margin:0}.shelf-footer a{text-transform:uppercase;justify-self:end}.shelf-footer a:hover{color:var(--red)}@media (max-width:1000px){.shelf-room{grid-template-columns:1fr}.shelf-books{height:min(78vw,570px)}.open-volume{min-height:520px}}@media (max-width:600px){.shelf-nav{grid-template-columns:1fr auto;height:66px}.shelf-nav p{display:none}.shelf-hero{min-height:500px;padding-top:4.5rem;display:block}.shelf-hero:before{width:85vw;top:-18vw;right:-38vw}.shelf-hero h1{font-size:clamp(4rem,21vw,6rem)}.shelf-shop-sign{width:90px;position:absolute;bottom:4rem;right:1.8rem}.shelf-instruction{left:1.1rem;right:auto}.shelf-room{padding:5.5rem 1rem 4rem}.shelf-books{height:400px;padding:0 .35rem}.shelf-volume{padding:.65rem .1rem}.shelf-volume strong{font-size:.56rem}.shelf-volume.is-selected{box-shadow:7px 9px 0 var(--red);transform:translateY(-30px)translateZ(20px)rotateY(-7deg)}.open-volume{min-height:0;filter:drop-shadow(8px 10px 0 var(--red));grid-template-columns:1fr}.open-volume-cover{min-height:230px;transform:none}.open-volume-page{min-height:470px}.shelf-footer{grid-template-columns:1fr}.shelf-footer p,.shelf-footer a{justify-self:start}}.shelf-hero h1{font-family:var(--display);font-size:clamp(5.2rem,12vw,12rem);font-weight:900;line-height:.65}.shelf-shop-sign b{font-family:var(--display);font-size:clamp(4rem,7vw,7rem);font-weight:900;line-height:.7}.open-volume-cover b{font-family:var(--display);font-size:clamp(1.8rem,3vw,3.4rem);font-weight:900;line-height:.78}.open-volume-page h2{font-family:var(--display);font-size:clamp(2.4rem,4vw,4.7rem);font-weight:900;line-height:.78}@media (max-width:600px){.shelf-hero h1{font-size:clamp(4rem,21vw,6rem)}}.spine-controls button:after{content:"PULL";border:2px solid var(--ink);color:var(--ink);font:900 .47rem var(--mono);letter-spacing:.08em;box-shadow:2px 2px 0 var(--red);background:#ffd258;padding:.25rem .35rem;position:absolute;top:50%;right:-2rem;transform:translateY(-50%)rotate(3deg)}.library-index{background:#d9b878 linear-gradient(#45241421 1px,#0000 1px) 0 0/100% 26px;padding:clamp(3rem,6vw,6rem) clamp(1rem,4vw,4rem)}.catalogue-heading{grid-template-columns:1fr minmax(260px,.45fr);align-items:end;gap:2rem;margin-bottom:2rem;display:grid}.catalogue-heading h2{font:900 clamp(2.8rem,6vw,6.2rem)/.72 var(--display);letter-spacing:-.075em;margin:0}.catalogue-heading>p{font:650 1rem/1.45 var(--display);margin:0}.catalogue-drawer{box-shadow:inset 0 0 0 3px #1a1110,12px 14px 0 var(--ink);background:#6f3b24;gap:1.1rem;border:5px solid #3b2116!important;grid-template-columns:repeat(4,1fr)!important;padding:1.4rem!important;display:grid!important}.library-index .catalogue-card{grid-template-rows:auto 1fr auto;gap:.35rem .8rem;min-height:150px;display:grid;position:relative;overflow:visible;box-shadow:5px 6px #180f0cb3;border:2px solid var(--ink)!important;background:var(--cream)!important;color:var(--ink)!important;grid-template-columns:3.5rem 1fr!important;padding:1.15rem!important}.catalogue-card:before{content:"";z-index:-1;border:2px solid var(--ink);background:#c84c37;border-bottom:0;border-radius:7px 7px 0 0;height:1.1rem;position:absolute;top:-1rem;left:8%;right:8%}.catalogue-card.catalogue-paper:before{background:#d6a22d}.catalogue-card.catalogue-gray:before{background:#47745d}.catalogue-card.catalogue-ink:before{background:#456b9a}.library-index .catalogue-card i{border:2px solid var(--ink);width:3.5rem;height:4.8rem;color:var(--cream);font:900 1.5rem var(--display);background:#c84c37;grid-row:1/4;place-items:center;display:grid;transform:rotate(-2deg)}.library-index .catalogue-card span,.library-index .catalogue-card small{font:800 .52rem var(--mono);letter-spacing:.08em}.library-index .catalogue-card strong{font:900 clamp(1rem,1.35vw,1.35rem)/.9 var(--display);align-self:center}.library-index .catalogue-card small{font-style:normal}.library-index .catalogue-card:hover,.library-index .catalogue-card:focus-visible{box-shadow:8px 10px 0 var(--red);transform:translateY(-6px)rotate(-.4deg);background:#fff8ea!important}@media (max-width:900px){.catalogue-drawer{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:800px){.spine-controls{inset:8% 8% 12%}.spine-controls button{top:calc(var(--shelf) * 19.5% + 2.5%);width:16%;height:16.5%;left:42%}.spine-controls button:after{right:-1.7rem}.catalogue-heading{grid-template-columns:1fr}.catalogue-drawer{grid-template-columns:1fr!important}.library-index .catalogue-card{min-height:130px}.library-index{padding-bottom:4.5rem}}@media (prefers-reduced-motion:reduce){.spine-controls button:before,.library-index .catalogue-card{transition:none}}.spine-controls button:after{opacity:0;transition:opacity .18s}.issue-mark{border:2px solid var(--ink);background:var(--cream);width:48px;height:48px;box-shadow:4px 4px 0 var(--red);place-items:center;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden;transform:rotate(-2deg)}.issue-mark img{object-fit:cover;width:100%;height:100%;display:block}.issue-mark:hover{box-shadow:6px 6px 0 var(--red);transform:rotate(1deg)translate(-1px,-1px)}@media (max-width:600px){.issue-mark{width:44px;height:44px}}.library-page{background:var(--paper);min-height:100svh;overflow-x:clip}.library-nav{border-bottom:2px solid var(--ink);height:70px;font:700 .6rem var(--mono);letter-spacing:.1em;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1rem,4vw,4rem);display:grid}.library-nav p{margin:0}.library-nav>a:last-child{text-transform:uppercase;justify-self:end}.library-nav>a:last-child:hover{color:var(--red)}.library-header{border-bottom:2px solid var(--ink);background:var(--cream);grid-template-columns:1fr minmax(260px,.45fr);align-items:end;gap:2rem;padding:clamp(2rem,4vw,4rem) clamp(1rem,4vw,4rem);display:grid}.library-header div>p{font:800 .61rem var(--mono);letter-spacing:.1em;margin:0 0 .8rem}.library-header h1{font-family:var(--display);letter-spacing:-.09em;margin:0;font-size:clamp(4rem,9vw,9rem);font-weight:900;line-height:.67}.library-header>p{font:600 1rem/1.45 var(--display);margin:0}.library-stage{background:var(--ink);height:min(900px,84svh);min-height:650px;color:var(--cream);isolation:isolate;position:relative;overflow:hidden}.library-scene,.library-webgl{width:100%;height:100%;display:block;position:absolute;inset:0}.library-scene:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 35%,#00000094 100%);position:absolute;inset:0}.cabinet-label{z-index:2;text-align:center;text-shadow:2px 2px 0 var(--ink);gap:.35rem;display:grid;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.cabinet-label span,.library-hint{font:800 .57rem var(--mono);letter-spacing:.12em}.cabinet-label strong{font:900 clamp(1.5rem,3vw,2.8rem)/.8 var(--display);letter-spacing:-.04em}.cabinet-arrow{z-index:4;border:2px solid var(--cream);width:3.6rem;height:3.6rem;color:var(--cream);cursor:pointer;background:#101010c7;border-radius:50%;font-size:1.5rem;transition:background .2s,transform .2s;position:absolute;top:50%;transform:translateY(-50%)}.cabinet-arrow:hover{background:var(--red);transform:translateY(-50%)scale(1.08)}.cabinet-prev{left:2rem}.cabinet-next{right:2rem}.cabinet-dots{z-index:4;gap:.7rem;display:flex;position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%)}.cabinet-dots button{border:1px solid var(--cream);cursor:pointer;background:0 0;width:2.5rem;height:.38rem;padding:0}.cabinet-dots button.is-active{background:var(--red)}.library-hint{z-index:3;margin:0;position:absolute;bottom:1.8rem;right:2rem}.reading-overlay{z-index:7;color:var(--ink);filter:drop-shadow(18px 22px 0 var(--red));grid-template-columns:.52fr 18px 1fr;animation:.7s cubic-bezier(.16,.8,.2,1) reading-open;display:grid;position:absolute;inset:7% 8%}@keyframes reading-open{0%{opacity:0;transform:perspective(1200px)translateZ(-300px)rotateY(-28deg)scale(.55)}65%{opacity:1;transform:perspective(1200px)translateZ(20px)rotateY(3deg)scale(1.02)}to{transform:none}}.reading-close{z-index:3;border:2px solid var(--ink);background:var(--cream);width:3rem;height:3rem;box-shadow:4px 5px 0 var(--red);cursor:pointer;border-radius:50%;font-size:1.7rem;position:absolute;top:-1rem;right:-1rem}.reading-cover,.reading-page{border:2px solid var(--ink)}.reading-cover{background:var(--red);color:var(--cream);transform-origin:100%;flex-direction:column;padding:clamp(1.3rem,3vw,2.8rem);display:flex;transform:perspective(900px)rotateY(7deg)}.reading-cover.reading-ink{background:var(--ink)}.reading-cover.reading-paper{background:var(--cream);color:var(--ink)}.reading-cover.reading-gray{background:var(--gray);color:var(--ink)}.reading-cover span,.reading-cover small,.reading-meta,.reading-status{font:800 .6rem var(--mono);letter-spacing:.1em}.reading-cover b{font:900 clamp(2.5rem,5vw,5.5rem)/.73 var(--display);letter-spacing:-.07em;margin:auto 0}.reading-cover i{font:900 3rem/.8 var(--display);align-self:flex-end;font-style:normal}.reading-gutter{z-index:2;border-block:2px solid var(--ink);background:linear-gradient(90deg,#6c665d,#f0ebdf 45%,#6e685f)}.reading-page{background-color:var(--cream);background-image:linear-gradient(90deg,#00000017,#0000 12%);padding:clamp(1.5rem,4vw,4rem)}.reading-meta{justify-content:space-between;display:flex}.reading-page>p{font:700 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:clamp(2rem,5vh,4rem) 0 .8rem}.reading-page h2{font:900 clamp(3rem,6vw,7rem)/.72 var(--display);letter-spacing:-.08em;margin:0}.reading-rule{align-items:center;gap:1rem;margin:1.6rem 0;display:flex}.reading-rule:after{content:"";background:var(--ink);flex:1;height:2px}.reading-rule span{font:800 .62rem var(--mono)}.reading-page ol{border-top:2px solid var(--ink);margin:0 0 2.4rem;padding:0;list-style:none}.reading-page li{font:700 clamp(.8rem,1.2vw,1rem) var(--mono);border-bottom:1px solid #999;grid-template-columns:2.3rem 1fr;gap:1rem;padding:1rem 0;display:grid}.reading-page li span{color:var(--red)}.reading-action{border:2px solid var(--ink);background:var(--ink);color:var(--cream);box-shadow:5px 6px 0 var(--red);font:800 .65rem var(--mono);letter-spacing:.06em;padding:.8rem 1rem}.reading-status{border-bottom:2px solid var(--red);padding-bottom:.4rem;display:inline-block}.library-index{border-bottom:2px solid var(--ink);padding:clamp(3rem,6vw,6rem) clamp(1rem,4vw,4rem)}.library-index>p{font:800 .61rem var(--mono);letter-spacing:.1em;margin:0 0 1.2rem}.library-index>div{border-left:2px solid var(--ink);border-top:2px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.library-index button{border:0;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--cream);text-align:left;cursor:pointer;grid-template-columns:2rem 1fr auto;align-items:center;gap:.6rem;min-height:70px;padding:1rem;display:grid}.library-index button:hover{background:var(--red);color:var(--cream)}.library-index span,.library-index i{font:700 .56rem var(--mono);font-style:normal}.library-index strong{font:800 1rem var(--display)}@media (max-width:800px){.library-nav{grid-template-columns:1fr auto}.library-nav p{display:none}.library-header{grid-template-columns:1fr}.library-header h1{font-size:clamp(4rem,18vw,7rem)}.library-stage{height:780px;min-height:0}.cabinet-arrow{width:3rem;height:3rem;top:auto;bottom:1.2rem}.cabinet-prev{left:1rem}.cabinet-next{right:1rem}.cabinet-dots{bottom:2.4rem}.library-hint{display:none}.reading-overlay{filter:drop-shadow(9px 11px 0 var(--red));grid-template-columns:1fr;inset:5% 4% 11%;overflow:auto}.reading-cover{min-height:260px;transform:none}.reading-cover b{overflow-wrap:anywhere;font-size:clamp(2.2rem,9.5vw,3.2rem)}.reading-gutter{border-inline:2px solid var(--ink);height:12px}.reading-page{min-height:470px}.reading-meta{gap:1rem}.reading-meta span:last-child{text-align:right}.reading-page h2{overflow-wrap:anywhere;font-size:clamp(2.4rem,12vw,3rem)}.library-index>div{grid-template-columns:1fr}.library-index button{border-right:2px solid var(--ink)}}.reading-summary{font:600 clamp(1rem,1.5vw,1.25rem)/1.5 var(--display)!important;text-transform:none!important;letter-spacing:0!important;margin:1.5rem 0 2.3rem!important}.reading-action{text-decoration:none;display:inline-block}.spine-controls{z-index:3;pointer-events:none;position:absolute;inset:9% 24% 8%}.spine-controls button{--shelf:0;left:46%;top:calc(var(--shelf) * 23.2% + 1%);cursor:pointer;pointer-events:auto;background:0 0;border:0;width:8%;height:20%;padding:0;position:absolute}.spine-controls button span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spine-controls button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px;background:#cb4b362e}.volume-in-flight{z-index:5;border:1px solid var(--cream);font:800 .57rem var(--mono);letter-spacing:.1em;background:#0f0f0fd1;margin:0;padding:.55rem .8rem;position:absolute;bottom:4.6rem;left:50%;transform:translate(-50%)}.library-static{background:repeating-linear-gradient(0deg,#171310 0 4%,#332923 4% 7%,#171310 7% 31%);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(12,1fr);gap:4% .5%;padding:10% 18% 8%;display:grid}.library-static span{font:900 2rem var(--display);position:absolute;top:2rem;left:50%;transform:translate(-50%)}.library-static i{height:calc(62% + mod(var(--book),5) * 5%);background:#ddd7ca;border:1px solid #d8d0c2;align-self:end}.library-static i:nth-of-type(4n){background:var(--red)}.library-static i:nth-of-type(3n){background:#55514d}@media (max-width:800px){.spine-controls{inset:8% 8% 12%}.spine-controls button{width:14%;left:43%;top:calc(var(--shelf) * 23.4% + 1%)}.volume-in-flight{white-space:nowrap;bottom:5.4rem}}@media (prefers-reduced-motion:reduce){.reading-overlay{animation:none}.cabinet-arrow,.issue-mark{transition:none}.library-webgl{scroll-behavior:auto}}.projects-page{background:var(--paper);min-height:100svh;overflow-x:clip}.projects-nav{border-bottom:2px solid var(--ink);height:70px;font:700 .6rem var(--mono);letter-spacing:.09em;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1rem,4vw,4rem);display:grid}.projects-nav p{margin:0}.projects-nav nav{text-transform:uppercase;justify-self:end;gap:1.4rem;display:flex}.projects-nav nav a:hover{color:var(--red)}.projects-hero{border-bottom:2px solid var(--ink);background-color:var(--cream);background-image:linear-gradient(#0000000e 1px,#0000 1px),linear-gradient(90deg,#0000000e 1px,#0000 1px);background-size:28px 28px;grid-template-columns:1fr minmax(280px,.4fr);align-items:end;gap:3rem;min-height:620px;padding:clamp(3rem,7vw,7rem) clamp(1rem,5vw,5rem);display:grid;position:relative;overflow:hidden}.projects-hero:before{content:"";aspect-ratio:1;border:2px solid var(--ink);background:var(--red);width:48vw;box-shadow:20px 22px 0 var(--ink);border-radius:50%;position:absolute;top:-20vw;right:-14vw}.projects-hero>div,.projects-hero>p{z-index:1;position:relative}.projects-hero div>p{font:800 .65rem var(--mono);letter-spacing:.11em;margin:0 0 1rem}.projects-hero h1{font:900 clamp(5rem,12vw,12rem)/.64 var(--display);letter-spacing:-.095em;margin:0}.projects-hero h1 span{color:var(--red);text-shadow:5px 6px 0 var(--ink)}.projects-hero>p{font:600 clamp(1.05rem,1.5vw,1.3rem)/1.45 var(--display);margin:0}.projects-hero>b{z-index:1;color:var(--cream);font:900 clamp(8rem,19vw,18rem)/1 var(--display);position:absolute;top:12%;right:6%;transform:rotate(9deg)}.project-files{background:var(--ink);min-height:850px;color:var(--cream);grid-template-columns:minmax(300px,.42fr) 1fr;display:grid}.drawer-stack{border-right:2px solid var(--cream);background-image:repeating-linear-gradient(135deg,#0000 0 14px,#ffffff09 14px 15px);flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,5rem);display:flex}.drawer-stack button{border:2px solid var(--cream);background:var(--ink);min-height:78px;color:var(--cream);text-align:left;cursor:pointer;border-bottom:0;grid-template-columns:2.3rem 1fr auto;align-items:center;gap:.8rem;padding:1rem;transition:transform .25s,background .25s,color .25s;display:grid}.drawer-stack button:last-child{border-bottom:2px solid var(--cream)}.drawer-stack button:hover{transform:translate(8px)}.drawer-stack button.is-active{z-index:1;background:var(--cream);color:var(--ink);box-shadow:-9px 9px 0 var(--red);transform:translate(22px)}.drawer-stack span,.drawer-stack i{font:700 .56rem var(--mono);font-style:normal}.drawer-stack strong{font:900 clamp(.85rem,1.2vw,1.05rem) var(--mono);letter-spacing:.05em}.project-dossier{border:2px solid var(--ink);background:var(--cream);min-height:690px;color:var(--ink);box-shadow:14px 17px 0 var(--red);align-self:center;margin:clamp(2rem,6vw,6rem);padding:clamp(1.5rem,4vw,4rem);animation:.4s cubic-bezier(.2,.8,.2,1) dossier-enter;transform:rotate(-.55deg)}@keyframes dossier-enter{0%{opacity:.3;transform:translate(45px)rotate(2deg)}to{opacity:1;transform:rotate(-.55deg)}}.dossier-top{font:800 .59rem var(--mono);letter-spacing:.09em;justify-content:space-between;display:flex}.dossier-top b{background:var(--red);color:var(--cream);padding:.35rem .5rem}.project-dossier>p:first-of-type{font:800 .65rem var(--mono);letter-spacing:.1em;margin:clamp(3rem,7vh,6rem) 0 .9rem}.project-dossier h2{max-width:900px;font:900 clamp(3rem,6vw,7rem)/.73 var(--display);letter-spacing:-.08em;margin:0}.dossier-rule{background:var(--ink);height:3px;margin:2rem 0}.project-dossier>.dossier-rule+p{max-width:680px;font:600 clamp(1rem,1.4vw,1.25rem)/1.5 var(--display);margin:0}.dossier-marks{flex-wrap:wrap;gap:.5rem;margin:2rem 0;display:flex}.dossier-marks span{border:2px solid var(--ink);font:800 .57rem var(--mono);letter-spacing:.07em;padding:.5rem .7rem}.dossier-placeholder{background:#00000009;border:2px dashed #777;grid-template-columns:.45fr 1fr;gap:1.5rem;padding:1.2rem;display:grid}.dossier-placeholder strong{font:900 1.6rem/.85 var(--display)}.dossier-placeholder p{font:600 .9rem/1.45 var(--display);margin:0}.project-dossier>small{font:700 .55rem var(--mono);letter-spacing:.09em;margin-top:2rem;display:block}.project-strip{background:var(--red);color:var(--cream);border-block:2px solid var(--ink);font:900 clamp(1.2rem,2.5vw,2.5rem)/1 var(--sans);letter-spacing:-.05em;justify-content:space-around;gap:2rem;padding:1rem;display:flex;transform:rotate(-1deg)}@media (max-width:850px){.projects-nav{grid-template-columns:1fr auto}.projects-nav p,.projects-nav nav a:first-child{display:none}.projects-hero{grid-template-columns:1fr;align-content:end;min-height:560px}.projects-hero:before{width:95vw;top:-18vw;right:-52vw}.projects-hero h1{font-size:clamp(4rem,20vw,7rem)}.projects-hero>b{top:8%;right:1%}.project-files{grid-template-columns:1fr}.drawer-stack{border-right:0;border-bottom:2px solid var(--cream);padding:3rem 1rem}.drawer-stack button.is-active{transform:translate(8px)}.project-dossier{min-height:650px;margin:2rem 1rem 3rem}.dossier-placeholder{grid-template-columns:1fr}.project-strip{white-space:nowrap;justify-content:flex-start;overflow:hidden}}.projects-hero h1{font-family:var(--display);font-size:clamp(5rem,12vw,12rem);font-weight:900;line-height:.64}.project-dossier h2{font-family:var(--display);font-size:clamp(3rem,6vw,7rem);font-weight:900;line-height:.73}.project-strip{font-family:var(--sans);font-size:clamp(1.2rem,2.5vw,2.5rem);font-weight:900;line-height:1}@media (max-width:850px){.projects-hero h1{font-size:clamp(4rem,20vw,7rem)}}.life-panels{max-width:1440px;margin-inline:auto}.life-panel,.life-panel:nth-child(2),.life-panel:nth-child(3){grid-template-rows:auto auto}.life-panel-image{aspect-ratio:2/3}.life-panel-image img,.life-panel:first-child .life-panel-image img,.life-panel:nth-child(2) .life-panel-image img,.life-panel:nth-child(3) .life-panel-image img{object-fit:contain;object-position:center}.shelf-hero h1{font-size:clamp(4.5rem,10vw,10rem)}@media (max-width:600px){.shelf-hero h1{font-size:clamp(4rem,21vw,6rem)}}.library-stage{background:#1b120d}.library-scene:after{background:radial-gradient(circle at 50% 42%,#0000 42%,#180a0461 100%),linear-gradient(#ffbc5c14,#0000 35%)}.cabinet-label{text-align:left;background:#1f110ac2;border:1px solid #f8f1e5b8;padding:.55rem 1rem;top:1.1rem;left:1.4rem;transform:none;box-shadow:5px 5px #cb4b36b8}.spine-controls{inset:8.7% 24% 7%}.spine-controls button{top:calc(var(--shelf) * 19.5% + 2.5%);width:10%;height:16.5%;left:45%;overflow:visible}.spine-controls button:before{content:"";box-shadow:0 0 0 3px var(--ink),0 0 18px #ff6c2db8;opacity:.58;border:3px solid #ffd258;transition:opacity .18s,transform .18s,box-shadow .18s;position:absolute;inset:-6px;transform:rotate(-1.5deg)}.spine-controls button:after{content:"PULL";border:2px solid var(--ink);color:var(--ink);font:900 .47rem var(--mono);letter-spacing:.08em;opacity:0;box-shadow:2px 2px 0 var(--red);background:#ffd258;padding:.25rem .35rem;transition:opacity .18s;position:absolute;top:50%;right:-2rem;transform:translateY(-50%)rotate(3deg)}.spine-controls button:hover:before,.spine-controls button:focus-visible:before{opacity:1;box-shadow:0 0 0 3px var(--ink),0 0 28px #ffbe3ef2;transform:rotate(1deg)scale(1.05)}.spine-controls button:hover:after,.spine-controls button:focus-visible:after{opacity:1}.spine-controls button:focus-visible{background:0 0;outline:0}.library-index{background-color:#d9b878;background-image:linear-gradient(#45241421 1px,#0000 1px);background-size:100% 26px}.library-index .catalogue-heading{border:0;grid-template-columns:1fr minmax(260px,.45fr);align-items:end;gap:2rem;margin-bottom:2rem;display:grid}.catalogue-heading div>p{font:900 .62rem var(--mono);letter-spacing:.12em;margin:0 0 .6rem}.catalogue-heading h2{font-family:var(--display);letter-spacing:-.075em;margin:0;font-size:clamp(2.8rem,6vw,6.2rem);font-weight:900;line-height:.72}.catalogue-heading>p{font-family:var(--display);margin:0;font-size:1rem;font-weight:650;line-height:1.45}@media (max-width:800px){.cabinet-label{left:1rem}.spine-controls{inset:8% 8% 12%}.spine-controls button{top:calc(var(--shelf) * 19.5% + 2.5%);width:16%;height:16.5%;left:42%}.library-index .catalogue-heading{grid-template-columns:1fr}}.rec-room-page{height:100svh;color:var(--cream);background:#17110e;overflow:hidden}.rec-room-nav{z-index:20;border-bottom:2px solid var(--ink);height:72px;color:var(--ink);background:#f1e6ce;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1rem,3vw,3rem);display:grid;position:relative}.rec-room-nav>div{text-align:center;gap:.1rem;display:grid}.rec-room-nav span,.rec-room-nav nav{font:800 .53rem var(--mono);letter-spacing:.1em}.rec-room-nav strong{font:900 1.35rem var(--display);letter-spacing:.04em}.rec-room-nav nav{text-transform:uppercase;justify-self:end;gap:1.4rem;display:flex}.rec-room-nav nav a:hover{color:var(--red)}.rec-room-stage{isolation:isolate;background:#17110e;height:calc(100svh - 72px);min-height:580px;position:relative;overflow:hidden}.rec-room-stage:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 48%,#0000 52%,#04020159 100%),linear-gradient(#00000024,#0000 28%,#0000001f);position:absolute;inset:0}.room-diorama{--room-x:0px;--room-y:0px;background:#17110e;position:absolute;inset:0;overflow:hidden}.room-art{transform:translate3d(var(--room-x),var(--room-y),0) scale(1.025);will-change:transform;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:block;position:absolute;inset:-18px}.room-art img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.room-rain{z-index:1;opacity:.28;mix-blend-mode:screen;clip-path:polygon(2% 0,98% 0,98% 100%,2% 100%);width:24.5%;height:58%;position:absolute;top:3%;left:37.8%;overflow:hidden}.room-rain:before,.room-rain:after{content:"";background:repeating-linear-gradient(105deg,#0000 0 27px,#c6dce88c 28px 29px,#0000 30px 55px);animation:2.8s linear infinite room-rainfall;position:absolute;inset:-40% 0}.room-rain:after{opacity:.45;animation-duration:4.1s;transform:scaleX(-1)}.room-steam{z-index:2;pointer-events:none;width:40px;height:80px;position:absolute;top:69%;left:63%}.room-steam i{filter:blur(1px);border-left:2px solid #efe2c657;border-radius:50%;width:18px;height:55px;animation:3.3s ease-in-out infinite room-steam;position:absolute;bottom:0}.room-steam i:nth-child(2){height:67px;animation-delay:-1.1s;left:12px}.room-steam i:nth-child(3){height:48px;animation-delay:-2.2s;left:23px}.room-hotspots{z-index:5;position:absolute;inset:0}.room-hotspot{color:#f4e7ca;cursor:pointer;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0d0a083d;border:1px solid #ffb15cb3;border-radius:8px;justify-content:center;align-items:center;gap:.42rem;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;display:flex;position:absolute;box-shadow:0 0 0 1px #ff492d33,0 0 18px #ff412347,inset 0 0 18px #ff4b2814}.room-hotspot:after{content:"";border:1px solid #ff513045;border-radius:11px;animation:2.8s ease-in-out infinite room-aura;position:absolute;inset:-5px}.room-hotspot:hover,.room-hotspot:focus-visible,.room-hotspot[aria-pressed=true]{z-index:2;background:#621d128c;border-color:#ffd09a;transform:translateY(-2px);box-shadow:0 0 0 2px #ffd59f59,0 0 30px #ff4826a6}.room-hotspot:focus-visible{outline-offset:5px;outline:2px solid #fff4da}.room-hotspot-number{width:1.2rem;height:1.2rem;font:800 .45rem var(--mono);background:#a8342b;border-radius:50%;place-items:center;display:grid}.room-hotspot-label{font:800 .54rem var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#0c0907d1;padding:.25rem .4rem}.room-hotspot-library{width:20%;height:24%;top:30%;left:12.5%}@keyframes room-rainfall{to{transform:translate(-18px,38%)}}@keyframes room-steam{0%{opacity:0;transform:translateY(12px)scale(.7)}45%{opacity:.55}to{opacity:0;transform:translate(8px,-30px)scale(1.15)}}@keyframes room-aura{50%{opacity:.45;transform:scale(1.018)}}.room-hotspot-writing,.room-hotspot-recommendations,.room-hotspot-books,.room-hotspot-interests{border-radius:4px;width:4.4%;height:14%;top:31.5%}.room-hotspot-writing .room-hotspot-number,.room-hotspot-recommendations .room-hotspot-number,.room-hotspot-books .room-hotspot-number,.room-hotspot-interests .room-hotspot-number{position:absolute;top:-1.2rem}.room-hotspot-writing .room-hotspot-label,.room-hotspot-recommendations .room-hotspot-label,.room-hotspot-books .room-hotspot-label,.room-hotspot-interests .room-hotspot-label{white-space:nowrap;font-size:.42rem;position:absolute;top:calc(100% + .45rem)}.room-hotspot{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0d0a080f}.room-interface{z-index:12;color:#171310;background:#efe2c6;border:2px solid #171310;grid-template-columns:minmax(240px,31%) 1fr;animation:.45s cubic-bezier(.2,.8,.2,1) room-panel-in;display:grid;position:absolute;inset:5%;overflow:hidden;box-shadow:16px 18px #a8342b}.room-interface>button{z-index:3;cursor:pointer;background:#efe2c6;border:2px solid #171310;border-radius:50%;width:2.8rem;height:2.8rem;font-size:1.5rem;position:absolute;top:1rem;right:1rem;box-shadow:4px 5px #a8342b}.room-interface aside{color:#efe2c6;background:#181411;border-right:2px solid #171310;flex-direction:column;min-width:0;padding:clamp(1.4rem,3vw,2.5rem);display:flex}.room-interface aside>span,.room-interface section>span,.room-interface section>small{font:800 .55rem var(--mono);letter-spacing:.12em}.room-interface aside h1{font:900 clamp(2.5rem,5vw,5.5rem)/.75 var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:.8rem 0 2rem}.room-interface ol{border-top:1px solid #efe2c666;margin:auto 0 0;padding:0;list-style:none}.room-interface li button{color:#efe2c6;text-align:left;cursor:pointer;width:100%;font:700 .7rem/1.25 var(--mono);text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #efe2c640;grid-template-columns:2rem 1fr;gap:.5rem;padding:.8rem 0;display:grid}.room-interface li button i{color:#d84b39;font-style:normal}.room-interface li button:hover,.room-interface li button:focus-visible,.room-interface li button.is-current{color:#171310;background:#efe2c6;outline:0;padding-left:.5rem}.room-interface section{background-image:linear-gradient(#3a2a1c0f 1px,#0000 1px);background-size:100% 1.6rem;flex-direction:column;justify-content:center;padding:clamp(2rem,7vw,7rem);display:flex;position:relative}.room-interface section:before{content:"";border-top:2px solid #a8342b;border-left:2px solid #a8342b;width:3rem;height:3rem;position:absolute;top:2rem;left:2rem}.room-interface section>span{color:#a8342b}.room-interface section h2{max-width:850px;font:900 clamp(3.3rem,7vw,8rem)/.78 var(--display);letter-spacing:-.065em;margin:1rem 0 1.4rem}.room-interface section p{max-width:720px;font:600 clamp(1rem,1.55vw,1.3rem)/1.6 var(--display);margin:0 0 2rem}.room-interface section>small{border-top:2px solid #171310;padding-top:1rem}.room-read-more{color:#fff;font:800 .58rem var(--mono);letter-spacing:.1em;background:#a8342b;border:2px solid #171310;align-self:flex-start;margin-top:2rem;padding:.75rem 1rem}.room-read-more:hover,.room-read-more:focus-visible{background:#171310}.room-read-more b{margin-left:1rem;font-size:1rem}.room-interface aside h1{font-family:var(--display);font-size:clamp(2.5rem,5vw,5.5rem);font-weight:900;line-height:.75}.room-interface section h2{font-family:var(--display);font-size:clamp(3.3rem,7vw,8rem);font-weight:900;line-height:.78}.room-interface-library{transform-origin:bottom;border-radius:4px 14px 14px 4px;inset:7%;box-shadow:0 22px 50px #0000008c,18px 20px #6b211d}.room-interface-library:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(90deg,#3620122e,#ffffff47,#36201229);width:18px;position:absolute;top:0;bottom:0;left:31%}.room-interface-library aside{color:#171310;background:#e8d8b7;border-right:0;box-shadow:inset -18px 0 35px #4a2b181f}.room-interface-library aside>span{color:#a8342b}.room-interface-library ol{border-top-color:#17131059}.room-interface-library li button{color:#171310;border-bottom-color:#17131038}.room-interface-library li button i{color:#a8342b}.room-interface-library li button:hover,.room-interface-library li button:focus-visible,.room-interface-library li button.is-current{color:#efe2c6;background:#171310}.room-interface-library section{box-shadow:inset 24px 0 42px #4a2b1817}.room-interface-watch{background:#0b0b0a;border:12px solid #0a0908;border-radius:18px;inset:6% 5%;box-shadow:0 0 0 2px #6d5541,0 0 45px #c944277a}.room-interface-watch aside{color:#171310;background:#e8dcc2}.room-interface-watch aside>span{color:#a8342b}.room-interface-watch li button{color:#171310;border-bottom-color:#17131033}.room-interface-watch li button:hover,.room-interface-watch li button:focus-visible,.room-interface-watch li button.is-current{color:#efe2c6;background:#171310}.room-interface-watch section{color:#efe2c6;background-color:#11100e;background-image:linear-gradient(#efe2c60e 1px,#0000 1px)}.room-interface-watch section>small{border-top-color:#efe2c6}.room-interface-watch>button{color:#efe2c6;background:#171310;border-color:#efe2c6}.room-interface-play{background:#22231e;border:8px solid #d8c9a9;border-radius:28px;inset:9% 10%;box-shadow:0 18px #121310,0 30px 50px #0000008c}.room-interface-play aside{background:#263f35}.room-interface-play section{background-color:#e7dabd}.room-interface-play:before{content:"PLAYER 01  •  MEMORY CARD OK";z-index:3;font:700 .5rem var(--mono);letter-spacing:.12em;color:#a8342b;position:absolute;top:1.3rem;right:5rem}.room-interface-read{border-radius:24px 4px 4px 24px;inset:6% 8%;box-shadow:0 25px 45px #00000094,-12px 14px #4c2b1b}.room-interface-read aside{color:#171310;background:#efe2c6;box-shadow:inset -24px 0 40px #44261424}.room-interface-read aside>span{color:#a8342b}.room-interface-read li button{color:#171310;border-bottom-color:#17131038}.room-interface-read li button:hover,.room-interface-read li button:focus-visible,.room-interface-read li button.is-current{color:#efe2c6;background:#6f201d}.room-interface.is-reading section{justify-content:flex-start;padding-top:5rem;overflow-y:auto}.room-interface.is-reading section h2{font-size:clamp(2.8rem,5vw,5.7rem)}.room-longform{white-space:pre-line}.room-reader-actions{flex-wrap:wrap;gap:.7rem;display:flex}.room-reader-actions .room-read-more{font-family:var(--mono)}button.room-read-more{cursor:pointer}.room-interface-watch,.room-interface-play{display:block}.watch-browser{color:#f5f0e7;background:radial-gradient(circle at 72% 18%,#87161359,#0000 32%),#080808;height:100%;overflow:hidden}.watch-browser>header{height:64px;font-family:var(--mono);background:linear-gradient(#080808,#080808a6);align-items:center;gap:2rem;padding:0 4.5rem 0 2rem;display:flex}.watch-browser>header strong{color:#e13b2f;font:900 1.1rem var(--display);letter-spacing:.06em}.watch-browser>header nav{gap:.35rem;display:flex}.watch-browser>header nav button{color:#aaa;cursor:pointer;font:700 .52rem var(--mono);text-transform:uppercase;background:0 0;border:0;border-bottom:2px solid #0000;padding:.45rem .65rem}.watch-browser>header nav button:hover,.watch-browser>header nav button.is-current{color:#fff;border-color:#e13b2f}.watch-browser>header>span{margin-left:auto;font-size:.52rem}.watch-feature{background:linear-gradient(90deg,#080808 0,#080808d1 48%,#0000 76%);flex-direction:column;justify-content:center;height:39%;padding:1rem 3rem;display:flex}.watch-feature>span{color:#e13b2f;font:800 .54rem var(--mono);letter-spacing:.12em}.watch-feature h1{font:900 clamp(3.5rem,7vw,7rem)/.75 var(--display);letter-spacing:-.06em;margin:.5rem 0}.watch-feature p{color:#d1ccc3;max-width:520px;font:600 1rem/1.4 var(--display);margin:.5rem 0 1rem}.watch-feature button{color:#111;cursor:pointer;font:800 .55rem var(--mono);background:#f5f0e7;border:0;border-radius:3px;align-self:flex-start;padding:.65rem 1rem}.watch-row{color:#fff;background:0 0!important;padding:0 2rem!important}.watch-row h2{margin:0 0 .7rem;font:800 1.25rem var(--display)!important;letter-spacing:0!important}.watch-row>div{grid-template-columns:repeat(6,1fr);gap:.65rem;display:grid}.watch-row button{aspect-ratio:1.45;background:linear-gradient(145deg,hsl(calc(8 + var(--card) * 37) 46% 38%),#111);color:#fff;text-align:left;cursor:pointer;border:2px solid #0000;border-radius:4px;flex-direction:column;justify-content:flex-end;min-width:0;padding:.7rem;transition:all .2s;display:flex}.watch-row button:hover,.watch-row button:focus-visible{z-index:2;border-color:#fff;transform:scale(1.07)}.watch-row button i{font:800 .55rem var(--mono);margin-bottom:auto}.watch-row button strong{font:800 .72rem var(--display)}.watch-row button small{font:700 .4rem var(--mono);letter-spacing:.08em;color:#ddd;margin-top:.2rem}.console-browser{color:#1b2020;background:linear-gradient(145deg,#f5f5ef,#d7ddd9);flex-direction:column;height:100%;padding:1.5rem 2.2rem;display:flex}.console-browser>header{border-bottom:2px solid #bcc3c1;align-items:center;gap:2rem;padding-bottom:1.2rem;display:flex}.console-browser>header strong{font:900 1.2rem var(--display)}.console-browser>header nav{gap:.5rem;display:flex}.console-browser>header nav button{color:#343a39;cursor:pointer;font:800 .55rem var(--mono);text-transform:uppercase;background:#c4cac8;border:0;border-radius:999px;padding:.6rem 1rem}.console-browser>header nav button.is-current{color:#fff;background:#e54436;box-shadow:0 4px #982b25}.console-browser>header>span{font:700 .55rem var(--mono);margin-left:auto}.game-carousel{scrollbar-width:none;flex:1;align-items:center;gap:1rem;min-height:0;padding:1.5rem .5rem;display:flex;overflow-x:auto}.game-carousel::-webkit-scrollbar{display:none}.game-carousel button{aspect-ratio:.78;background:linear-gradient(155deg,hsl(calc(185 + var(--game) * 38) 48% 40%),hsl(calc(15 + var(--game) * 30) 60% 43%));color:#fff;text-align:left;cursor:pointer;border:4px solid #fff;border-radius:8px;flex-direction:column;flex:0 0 min(210px,22%);padding:1rem;transition:all .25s;display:flex;box-shadow:0 8px 18px #19232233}.game-carousel button.is-selected,.game-carousel button:hover,.game-carousel button:focus-visible{border-color:#e54436;transform:translateY(-10px)scale(1.03);box-shadow:0 16px 28px #1923224d}.game-carousel button i{font:800 .6rem var(--mono);margin-bottom:auto}.game-carousel button strong{font:900 1rem/1.05 var(--display)}.game-carousel button small{font:700 .45rem var(--mono);letter-spacing:.08em;margin-top:.35rem}.console-browser footer{border-top:2px solid #bcc3c1;justify-content:space-between;align-items:flex-end;gap:1rem;padding-top:1rem;display:flex}.console-browser footer p{max-width:600px;font:600 1rem/1.35 var(--display);margin:0}.console-browser footer span{font:800 .5rem var(--mono);white-space:nowrap}.room-loading{z-index:30;color:#efe2c6;background:#17110e;place-content:center;justify-items:center;gap:.8rem;transition:opacity .7s,visibility .7s;display:grid;position:absolute;inset:0}.rec-room-stage.is-loaded .room-loading{opacity:0;visibility:hidden}.room-loading i{border:2px solid #efe2c6;border-right-color:var(--red);border-radius:50%;width:68px;height:68px;animation:1.1s linear infinite room-spin}.room-loading span,.room-loading strong{font:800 .58rem var(--mono);letter-spacing:.12em}.room-loading strong{color:#d88838}@keyframes room-spin{to{transform:rotate(360deg)}}.room-weather{z-index:4;color:#efe2c6;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#110d0bb8;border:1px solid #efe2c6a6;gap:.2rem;padding:.55rem .75rem;display:grid;position:absolute;top:1.2rem;left:50%;transform:translate(-50%)}.room-weather span,.room-weather strong{font:800 .5rem var(--mono);letter-spacing:.1em}.room-weather strong{font-size:.62rem}.room-legend{z-index:6;gap:.45rem;display:flex;position:absolute;bottom:1.2rem;left:1.2rem}.room-legend button{color:#efe2c6;cursor:pointer;font:800 .54rem var(--mono);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0c0ad1;border:1px solid #efe2c6bf;grid-template-columns:auto auto;align-items:center;gap:.45rem;padding:.55rem .7rem;display:grid}.room-legend button span{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;font-size:.46rem;display:grid}.room-legend button:hover,.room-legend button:focus-visible{background:#6f201d;border-color:#ffb04e;transform:translateY(-3px)}.room-instruction{z-index:5;font:800 .52rem var(--mono);letter-spacing:.1em;text-shadow:2px 2px #000;margin:0;position:absolute;bottom:1.45rem;right:1.2rem}.room-placeholder{z-index:12;border:2px solid var(--ink);width:min(540px,42vw);color:var(--ink);background:#efe2c6;flex-direction:column;padding:clamp(1.6rem,4vw,3.5rem);animation:.45s cubic-bezier(.2,.8,.2,1) room-panel-in;display:flex;position:absolute;top:8%;bottom:8%;right:5%;box-shadow:14px 17px #a8342b}.room-placeholder>button{border:2px solid var(--ink);width:3rem;height:3rem;box-shadow:4px 5px 0 var(--red);cursor:pointer;background:#efe2c6;border-radius:50%;font-size:1.6rem;position:absolute;top:-1rem;right:-1rem}.room-placeholder>span,.room-placeholder>small{font:800 .58rem var(--mono);letter-spacing:.11em}.room-placeholder h1{font:900 clamp(4rem,7vw,7rem)/.72 var(--display);letter-spacing:-.08em;text-transform:uppercase;margin:auto 0 1rem}.room-placeholder p{max-width:420px;font:600 1.08rem/1.5 var(--display);margin:0 0 2.5rem}.room-placeholder small{border-top:2px solid var(--ink);color:var(--red);padding-top:1rem}@keyframes room-panel-in{0%{opacity:0;transform:translate(80px)rotate(2deg)}to{opacity:1;transform:none}}@media (max-width:760px){.rec-room-nav{grid-template-columns:1fr auto;height:66px}.rec-room-nav>div,.rec-room-nav nav a:first-child{display:none}.rec-room-stage{height:calc(100svh - 66px);min-height:520px}.room-art{transform:translate3d(var(--room-x),var(--room-y),0) scale(1.015);inset:-10px}.room-rain{width:31%;height:36%;top:10%;left:31%}.room-steam{top:66%;left:75%}.room-hotspot-label{font-size:.47rem}.room-hotspot-library{width:28%;height:18%;top:22%;left:2%}.room-hotspot-watch{width:35%;height:25%;top:23%;left:64.5%}.room-hotspot-play{width:23%;height:8%;top:47%;left:74%}.room-hotspot-read{width:48%;height:18%;top:55%;left:24%}.room-weather{text-align:left;max-width:145px;top:.75rem;left:.75rem;transform:none}.room-legend{grid-template-columns:repeat(4,1fr);gap:.3rem;display:grid;bottom:.65rem;left:.65rem;right:.65rem}.room-legend button{grid-template-columns:1fr;justify-items:center;gap:.25rem;padding:.45rem .2rem;font-size:.44rem}.room-legend button span{width:1.1rem;height:1.1rem}.room-instruction{display:none}.room-placeholder{width:auto;max-height:72%;padding:1.5rem;inset:auto .75rem .75rem;overflow:auto;box-shadow:8px 9px #a8342b}.room-placeholder h1{margin:4rem 0 1rem;font-size:clamp(3.3rem,18vw,5.5rem)}.room-placeholder p{font-size:1rem}.room-placeholder>button{top:-.25rem;right:-.25rem}.room-interface{grid-template-rows:auto 1fr;grid-template-columns:1fr;inset:.6rem .6rem 3rem;box-shadow:7px 8px #a8342b}.room-interface>button{width:2.35rem;height:2.35rem;top:.55rem;right:.55rem}.room-interface aside{border-bottom:2px solid #171310;border-right:0;padding:1rem}.room-interface aside>span{font-size:.45rem}.room-interface aside h1{margin:.35rem 0 1rem;font-size:2.6rem}.room-interface ol{scrollbar-width:thin;border-top:0;margin:0;display:flex;overflow-x:auto}.room-interface li{flex:none}.room-interface li button{border:1px solid #efe2c64d;grid-template-columns:auto auto;padding:.65rem .75rem;font-size:.55rem}.room-interface li button.is-current{padding-left:.75rem}.room-interface section{padding:2rem 1.35rem}.room-interface section:before{display:none}.room-interface section h2{margin:.75rem 0 1rem;font-size:clamp(3rem,15vw,5rem)}.room-interface section p{font-size:1rem;line-height:1.45}.room-interface section>small{font-size:.48rem}.room-read-more{margin-top:1.15rem}.room-legend{bottom:3.35rem}.room-hotspot-writing,.room-hotspot-recommendations,.room-hotspot-books,.room-hotspot-interests{width:5.8%;height:10%;top:26.5%}.room-hotspot-writing{left:1.3%}.room-hotspot-recommendations{left:7.1%}.room-hotspot-books{left:12.9%}.room-hotspot-interests{left:18.7%}.room-hotspot-writing .room-hotspot-label,.room-hotspot-recommendations .room-hotspot-label,.room-hotspot-books .room-hotspot-label,.room-hotspot-interests .room-hotspot-label,.room-interface-library:after,.room-interface-play:before{display:none}.room-interface-watch{border-width:5px;border-radius:8px}.room-interface-play{border-width:4px;border-radius:12px}.room-interface-read{border-radius:12px 3px 3px 12px}.room-interface ol{scrollbar-width:none}.room-interface ol::-webkit-scrollbar{display:none}}.room-plane{transform:translate(calc(-50% + var(--room-x)),calc(-50% + var(--room-y)));will-change:transform;transition:transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;top:50%;left:50%;overflow:visible}.room-plane .room-art{position:absolute;inset:0;transform:none}.room-plane .room-art img{object-fit:fill}.room-rain{display:none}.room-window-loop{z-index:1;pointer-events:none;background:url(/rec-room-window-desktop.webp) 0 0/800% 100% no-repeat;width:25%;height:56.48%;animation:2.8s steps(7,end) infinite room-window-frames;position:absolute;top:4.17%;left:37.24%}.room-hotspot-writing,.room-hotspot-recommendations,.room-hotspot-books,.room-hotspot-interests{width:3.4%;height:12.2%;top:34.8%}.room-hotspot-writing{left:13.2%}.room-hotspot-recommendations{left:17.3%}.room-hotspot-books{left:21.2%}.room-hotspot-interests{left:25.1%}.room-hotspot-watch{width:31.4%;height:34.6%;top:23.8%;left:63.7%}.room-hotspot-play{width:14%;height:8%;top:63%;left:74%}.room-hotspot-read{width:30.5%;height:17.5%;top:66.8%;left:29.5%}@keyframes room-window-frames{to{background-position:100% 0}}@media (max-width:760px){.room-plane .room-art{inset:0;transform:none}.room-window-loop{background-image:url(/rec-room-window-mobile.webp);width:32.78%;height:34.38%;top:11.88%;left:32.78%}.room-hotspot-writing,.room-hotspot-recommendations,.room-hotspot-books,.room-hotspot-interests{width:5%;height:6.5%;top:28%}.room-hotspot-writing{left:1.6%}.room-hotspot-recommendations{left:7.1%}.room-hotspot-books{left:12.6%}.room-hotspot-interests{left:18.1%}.room-hotspot-watch{width:34%;height:23%;top:25%;left:65%}.room-hotspot-play{width:20%;height:7%;top:48%;left:77%}.room-hotspot-read{width:49%;height:17%;top:55%;left:24%}.watch-browser>header{flex-wrap:wrap;align-items:flex-start;gap:.6rem;height:auto;min-height:92px;padding:1rem 3.2rem 1rem 1rem}.watch-browser>header strong{font-size:.8rem}.watch-browser>header nav{order:3;width:100%;overflow-x:auto}.watch-browser>header nav button{white-space:nowrap}.watch-browser>header>span{font-size:.42rem}.watch-feature{height:34%;padding:1rem 1.25rem}.watch-feature h1{font-size:3.2rem}.watch-feature p{font-size:.8rem}.watch-row{padding:0 1rem!important}.watch-row>div{display:flex;overflow-x:auto}.watch-row button{flex:0 0 43%}.console-browser{padding:1rem}.console-browser>header{flex-wrap:wrap;gap:.6rem;padding-right:2.5rem}.console-browser>header strong{font-size:.85rem}.console-browser>header nav{order:3;width:100%}.console-browser>header nav button{flex:1;padding:.55rem .4rem}.console-browser>header>span{font-size:.42rem}.game-carousel{gap:.7rem;padding:1rem .2rem}.game-carousel button{flex-basis:55%;max-height:330px}.console-browser footer{flex-direction:column;align-items:flex-start}.console-browser footer p{font-size:.78rem}.console-browser footer span{font-size:.4rem}}.room-interface-play:before{display:none}.watch-feature h1{font-family:var(--display);font-size:clamp(3.5rem,7vw,7rem);font-weight:900;line-height:.75}.room-interface aside,.room-interface section{container-type:inline-size}.room-interface aside h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(2rem,14cqi,4.8rem);line-height:.82}.room-interface section h2{overflow-wrap:anywhere;max-width:100%;font-size:clamp(3rem,11cqi,7rem);line-height:.82}@media (max-width:760px){.watch-feature h1{font-size:3.2rem}}@media (prefers-reduced-motion:reduce){.room-loading i,.room-window-loop,.room-steam i,.room-hotspot:after{animation:none}.room-loading,.room-placeholder,.room-art,.room-plane{transition:none;animation:none}.room-window-loop{background-position:0 0}.room-legend button{transition:none}}.admin-studio{color:#171310;background:#ddd1b7;min-height:100svh}.admin-header{background:#f1e6ce;border-bottom:2px solid #171310;grid-template-columns:1fr auto 1fr;align-items:center;height:74px;padding:0 2rem;display:grid}.admin-header>div{text-align:center;display:grid}.admin-header>div span,.admin-header nav{font:800 .5rem var(--mono);letter-spacing:.1em}.admin-header>div strong{font:900 1.25rem var(--display)}.admin-header nav{justify-self:end;align-items:center;gap:1rem;display:flex}.admin-header nav span{color:#fff;background:#a8342b;padding:.45rem .6rem}.admin-workspace{grid-template-columns:250px minmax(270px,340px) 1fr;height:calc(100svh - 74px);display:grid;overflow:hidden}.admin-sections{color:#efe2c6;background:#171310;border-right:2px solid #171310;flex-direction:column;min-height:0;display:flex}.admin-sections>div{font:800 .52rem var(--mono);letter-spacing:.1em;border-bottom:1px solid #51483c;justify-content:space-between;align-items:center;padding:1rem;display:flex}.admin-sections>div button{color:#efe2c6;cursor:pointer;background:0 0;border:1px solid #706657}.admin-sections nav{overflow-y:auto}.admin-sections nav>button{color:#efe2c6;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #413a31;grid-template-columns:1.8rem 1fr auto;align-items:center;gap:.45rem;width:100%;padding:.9rem 1rem;display:grid}.admin-sections nav>button:hover,.admin-sections nav>button.is-active{background:#a8342b}.admin-sections nav i{color:#d88838;font:800 .5rem var(--mono);font-style:normal}.admin-sections nav>button span{gap:.15rem;display:grid}.admin-sections nav small{font:700 .42rem var(--mono);letter-spacing:.1em;opacity:.65}.admin-sections nav strong{font:800 .72rem var(--display)}.admin-sections nav b{font:800 .5rem var(--mono)}.admin-sections footer{border-top:1px solid #51483c;gap:.2rem;margin-top:auto;padding:1rem;display:grid}.admin-sections footer span,.admin-sections footer small{font:700 .43rem var(--mono);letter-spacing:.1em}.admin-sections footer strong{color:#d88838;font:900 .75rem var(--display)}.admin-index{background:#eadfc8;border-right:2px solid #171310;overflow-y:auto}.admin-index>header{border-bottom:2px solid #171310;padding:1.5rem}.admin-index>header span,.admin-index>header p{font:800 .48rem var(--mono);letter-spacing:.1em}.admin-index h1{font:900 clamp(2.4rem,4vw,4rem)/.8 var(--display);letter-spacing:-.05em;margin:.45rem 0}.admin-new{color:#fff;cursor:pointer;width:calc(100% - 2rem);font:800 .55rem var(--mono);letter-spacing:.08em;background:#a8342b;border:2px solid #171310;margin:1rem;padding:.75rem}.admin-index ol{margin:0;padding:0 1rem;list-style:none}.admin-index li button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b8aa8e;grid-template-columns:2rem 1fr auto;align-items:center;gap:.5rem;width:100%;padding:1rem .75rem;display:grid}.admin-index li button:hover,.admin-index li button.is-active{color:#efe2c6;background:#171310}.admin-index li i{color:#a8342b;font:800 .52rem var(--mono);font-style:normal}.admin-index li span{gap:.25rem;display:grid}.admin-index li strong{font:800 .8rem var(--display)}.admin-index li small{font:700 .4rem var(--mono);letter-spacing:.08em;opacity:.65}.admin-editor{background:#f4ead4;min-width:0;position:relative;overflow-y:auto}.admin-editor>header{z-index:2;background:#f4ead4;border-bottom:2px solid #171310;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.admin-editor>header>div:first-child{gap:.2rem;display:grid}.admin-editor>header span{font:800 .45rem var(--mono);letter-spacing:.1em;color:#a8342b}.admin-editor>header strong{font:900 1rem var(--display)}.admin-editor>header>div:last-child{gap:.5rem;display:flex}.admin-editor>header button{cursor:pointer;font:800 .5rem var(--mono);background:0 0;border:2px solid #171310;padding:.6rem .8rem}.admin-editor>header .admin-publish{color:#fff;background:#171310}.admin-editor form{gap:1rem;padding:1.5rem;display:grid}.admin-editor label{gap:.35rem;display:grid}.admin-editor label>span{font:800 .46rem var(--mono);letter-spacing:.1em}.admin-editor input,.admin-editor textarea,.admin-editor select{color:#171310;width:100%;font:600 .82rem/1.45 var(--display);background:#fffaf0;border:1px solid #988a70;border-radius:0;padding:.75rem}.admin-editor textarea{resize:vertical}.admin-body-field{min-height:220px}.admin-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.admin-notice{max-width:380px;font:800 .55rem var(--mono);letter-spacing:.06em;background:#d88838;border:2px solid #171310;padding:1rem;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:7px 8px #171310}@media (max-width:900px){.admin-header{grid-template-columns:1fr auto}.admin-header>div{display:none}.admin-workspace{grid-template-columns:88px minmax(220px,32%) 1fr}.admin-sections nav>button{grid-template-columns:1fr;justify-items:center}.admin-sections nav>button span strong{display:none}.admin-sections nav>button span small{font-size:.35rem}.admin-sections nav>button b,.admin-sections>div span,.admin-sections footer{display:none}.admin-form-row{grid-template-columns:1fr}}@media (max-width:650px){.admin-header{height:64px;padding:0 .75rem}.admin-header nav span{display:none}.admin-workspace{height:auto;min-height:calc(100svh - 64px);display:block;overflow:visible}.admin-sections{display:none}.admin-index{border-bottom:2px solid #171310;border-right:0;max-height:40svh}.admin-index>header{padding:1rem}.admin-index h1{font-size:2.5rem}.admin-editor{overflow:visible}.admin-editor>header{top:0}.admin-editor form{padding:1rem}}.landing-page,.auth-page{color:#171310;background:#f2e8d2;min-height:100svh}.landing-nav,.auth-page>header{border-bottom:2px solid #171310;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(1rem,4vw,4rem);display:grid}.landing-nav>strong{font:900 1.25rem var(--display);letter-spacing:-.03em}.landing-nav nav{font:800 .55rem var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-self:end;align-items:center;gap:1.4rem;display:flex}.landing-cta-small{color:#fff;background:#171310;padding:.65rem .8rem}.landing-hero{grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(2rem,5vw,6rem);min-height:calc(100svh - 76px);padding:clamp(3rem,7vw,7rem) clamp(1rem,5vw,5rem);display:grid;overflow:hidden}.landing-hero>div:first-child>span,.landing-objects span,.landing-how>span{font:800 .58rem var(--mono);letter-spacing:.12em}.landing-hero h1{font:900 clamp(4.5rem,8.5vw,9rem)/.68 var(--display);letter-spacing:-.09em;margin:1rem 0 1.5rem}.landing-hero h1 em{color:#a8342b;font-style:normal}.landing-hero p{max-width:540px;font:600 clamp(1.05rem,1.45vw,1.3rem)/1.45 var(--display)}.landing-hero>div:first-child>div{font:800 .55rem var(--mono);align-items:center;gap:1.3rem;margin-top:2rem;display:flex}.landing-button{color:#fff;font:800 .58rem var(--mono);letter-spacing:.08em;background:#a8342b;border:2px solid #171310;padding:1rem 1.2rem;display:inline-block;box-shadow:6px 7px #171310}.landing-room-card{position:relative;transform:rotate(1.2deg);box-shadow:18px 20px #a8342b}.landing-room-card img{border:3px solid #171310;width:100%;display:block}.landing-room-card span{font:800 .55rem var(--mono);letter-spacing:.1em;background:#f2e8d2;border:2px solid #171310;padding:.7rem 1rem;position:absolute;bottom:1.4rem;left:-1rem}.landing-objects{color:#efe2c6;background:#171310;border-block:2px solid #171310;padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem)}.landing-objects header{grid-template-columns:.35fr 1fr;align-items:end;gap:2rem;margin-bottom:3rem;display:grid}.landing-objects h2{max-width:850px;font:900 clamp(3rem,6vw,6rem)/.75 var(--display);letter-spacing:-.07em;margin:0}.landing-objects>div{border:1px solid #645a4a;grid-template-columns:repeat(4,1fr);display:grid}.landing-objects article{border-right:1px solid #645a4a;min-height:250px;padding:1.5rem}.landing-objects article:last-child{border:0}.landing-objects b{color:#d88838;font:800 .6rem var(--mono)}.landing-objects h3{font:900 2.4rem var(--display);margin:3rem 0 1rem}.landing-objects p{font:600 .95rem/1.45 var(--display);color:#cfc5b1}.landing-how{grid-template-columns:.35fr repeat(3,1fr) auto;align-items:start;gap:2rem;padding:clamp(4rem,7vw,7rem) clamp(1rem,5vw,5rem);display:grid}.landing-how h2{font:900 1.6rem var(--display);margin:0 0 .7rem}.landing-how p{font:600 .92rem/1.45 var(--display);margin:0}.auth-page>header{grid-template-columns:1fr auto}.auth-page>header>a:last-child{font:800 .55rem var(--mono);letter-spacing:.08em}.auth-page>section{grid-template-columns:1fr minmax(340px,.65fr);align-items:center;gap:clamp(3rem,8vw,9rem);min-height:calc(100svh - 76px);padding:clamp(3rem,7vw,7rem) clamp(1rem,8vw,9rem);display:grid}.auth-intro>span{font:800 .58rem var(--mono);letter-spacing:.12em}.auth-intro h1{font:900 clamp(4rem,8vw,8rem)/.7 var(--display);letter-spacing:-.08em;margin:1rem 0}.auth-intro p{max-width:580px;font:600 1.1rem/1.5 var(--display)}.auth-form{background:#eadfc8;border:2px solid #171310;gap:1rem;padding:clamp(1.4rem,3vw,2.4rem);display:grid;box-shadow:12px 14px #a8342b}.auth-form label{gap:.4rem;display:grid}.auth-form label>span{font:800 .52rem var(--mono);letter-spacing:.09em;text-transform:uppercase}.auth-form input{width:100%;font:600 1rem var(--display);background:#fffaf0;border:1px solid #867a65;padding:.85rem}.auth-form label small{font:600 .48rem var(--mono)}.slug-field{background:#fffaf0;border:1px solid #867a65;grid-template-columns:auto 1fr;align-items:center;display:grid}.slug-field b{font:900 1.2rem var(--display);padding-left:.8rem}.slug-field input{border:0}.auth-form>button,.logout-button{color:#fff;cursor:pointer;font:800 .58rem var(--mono);letter-spacing:.08em;background:#171310;border:2px solid #171310;padding:.95rem 1rem}.auth-form>button:disabled{opacity:.6}.auth-form>p{font:600 .72rem var(--mono);margin:.2rem 0 0}.auth-form>p a{text-decoration:underline}.auth-error{color:#841f1b;background:#fff1df;border-left:4px solid #a8342b;padding:.7rem}.studio-logout{z-index:20;position:fixed;bottom:1rem;right:1rem}.logout-button{background:#a8342b;box-shadow:4px 5px #171310}@media (max-width:900px){.landing-hero{grid-template-columns:1fr}.landing-room-card{margin-top:1rem}.landing-objects header{grid-template-columns:1fr}.landing-objects>div{grid-template-columns:1fr 1fr}.landing-objects article:nth-child(2){border-right:0}.landing-objects article:nth-child(-n+2){border-bottom:1px solid #645a4a}.landing-how{grid-template-columns:1fr 1fr}.landing-how>span,.landing-how>a{grid-column:1/-1}.auth-page>section{grid-template-columns:1fr}}@media (max-width:600px){.landing-nav{grid-template-columns:1fr auto;height:66px}.landing-nav>strong{display:none}.landing-nav nav{gap:.8rem}.landing-nav nav>a:first-child{display:none}.landing-cta-small{padding:.55rem}.landing-hero{min-height:0;padding-top:4rem}.landing-hero h1{font-size:clamp(4rem,18vw,6.2rem)}.landing-hero>div:first-child>div{flex-direction:column;align-items:flex-start}.landing-objects>div{grid-template-columns:1fr}.landing-objects article{border-right:0;min-height:210px;border-bottom:1px solid #645a4a!important}.landing-objects article:last-child{border-bottom:0!important}.landing-how{grid-template-columns:1fr}.landing-how>span,.landing-how>a{grid-column:auto}.auth-page>section{padding-block:3rem}.auth-intro h1{font-size:clamp(3.8rem,18vw,5.8rem)}.auth-form{box-shadow:7px 8px #a8342b}}.landing-nav,.landing-hero>div:first-child>span,.landing-hero>div:first-child>div,.landing-objects span,.landing-objects b,.landing-how>span,.landing-button,.auth-page>header>a:last-child,.auth-intro>span,.auth-form label>span,.auth-form label small,.auth-form>button,.auth-form>p,.logout-button{font-family:var(--mono);font-weight:800}.landing-nav>strong,.landing-hero h1,.landing-objects h2,.landing-objects h3,.landing-how h2,.auth-intro h1,.slug-field b{font-family:var(--display);font-weight:900}.landing-hero h1{font-size:clamp(4.5rem,8.5vw,9rem);line-height:.68}.landing-objects h2{font-size:clamp(3rem,6vw,6rem);line-height:.75}.landing-hero p,.landing-objects p,.landing-how p,.auth-intro p,.auth-form input{font-family:var(--display);font-weight:600}@media (max-width:600px){.landing-hero h1{font-size:clamp(4rem,18vw,6.2rem)}.auth-intro h1{font-size:clamp(3.8rem,18vw,5.8rem)}}.auth-intro h1{font-size:clamp(4rem,8vw,8rem);line-height:.7}.auth-intro p{font-size:1.1rem;line-height:1.5}.password-field{background:#fffaf0;border:1px solid #867a65;grid-template-columns:1fr auto;display:grid}.password-field input{border:0;min-width:0}.password-field button{color:#171310;cursor:pointer;min-width:4.5rem;font-family:var(--mono);letter-spacing:.08em;background:#eadfc8;border:0;border-left:1px solid #867a65;font-size:.52rem;font-weight:800}.password-field button:hover,.password-field button:focus-visible{color:#fff;background:#a8342b}@media (max-width:600px){.auth-intro h1{font-size:clamp(3.8rem,18vw,5.8rem)}}.landing-nav{grid-template-columns:auto 1fr auto;position:relative}.landing-nav>strong{font-size:1.35rem;position:absolute;left:50%;transform:translate(-50%)}.landing-nav nav{white-space:nowrap;grid-column:3;gap:1.5rem;font-size:.8rem}.landing-hero>div:first-child>span,.landing-objects span,.landing-how>span{font-size:.8rem;line-height:1.3}.landing-hero p{font-size:clamp(1.08rem,1.25vw,1.3rem);line-height:1.5}.landing-hero>div:first-child>div{flex-wrap:wrap;font-size:.78rem;line-height:1.35}.landing-hero>div:first-child>div a{white-space:nowrap}.landing-button{font-size:.78rem;line-height:1.25}.landing-room-card span{font-size:.78rem}.landing-objects p{font-size:1.05rem;line-height:1.55}.landing-how p{font-size:1rem;line-height:1.5}.landing-how h2{font-size:1.8rem;line-height:1.05}@media (max-width:1100px){.landing-nav>strong{display:none}.landing-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2rem;padding-inline:clamp(1.5rem,6vw,4rem)}.landing-hero h1{font-size:clamp(4.5rem,9vw,6.5rem)}.landing-hero>div:first-child>div{gap:1rem}.landing-button{padding:.9rem 1rem}}@media (max-width:760px){.landing-nav nav>a:first-child{display:none}.landing-nav nav{gap:.9rem}.landing-hero{grid-template-columns:1fr;gap:3rem;padding-block:4.5rem}.landing-hero h1{font-size:clamp(4rem,17vw,6.2rem)}.landing-hero p{font-size:1.1rem}.landing-room-card{margin-inline:.25rem}.landing-objects p,.landing-how p{font-size:1.05rem}}@media (max-width:430px){.landing-nav nav{font-size:.72rem}.landing-cta-small{padding:.55rem .62rem}.landing-hero{padding-inline:1.25rem}.landing-hero>div:first-child>span{font-size:.72rem}.landing-hero>div:first-child>div{align-items:stretch}.landing-hero>div:first-child>div a{text-align:center}.landing-button{width:100%}}.landing-hero h1{margin-bottom:clamp(2.75rem,4vw,4.5rem)}.landing-objects>div{grid-template-columns:repeat(5,1fr)}.landing-objects article{min-width:0}.landing-objects h3{font-size:clamp(1.65rem,2.25vw,2.4rem)}.landing-notes{color:#171310;background:#d8a64d;border-bottom:2px solid #171310;grid-template-columns:.3fr 1.1fr .8fr;align-items:center;gap:clamp(2rem,5vw,6rem);padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem);display:grid}.landing-notes>span{font:800 .8rem/1.3 var(--mono);letter-spacing:.12em;align-self:start}.landing-notes h2{max-width:760px;font-family:var(--display);letter-spacing:-.06em;margin:0 0 1.5rem;font-size:clamp(3rem,5.5vw,6rem);font-weight:900;line-height:.8}.landing-notes>div p{max-width:720px;font-family:var(--display);margin:0;font-size:1.15rem;font-weight:600;line-height:1.55}.landing-notes aside{background:#f2e8d2;border:2px solid #171310;padding:1.5rem;transform:rotate(1.5deg);box-shadow:10px 12px #a8342b}.landing-notes aside b,.landing-notes aside small{font:800 .72rem/1.3 var(--mono);letter-spacing:.1em}.landing-notes aside p{font-family:var(--display);margin:2.5rem 0;font-size:1.45rem;font-weight:700;line-height:1.35}@media (max-width:1100px){.landing-objects>div{grid-template-columns:repeat(2,1fr)}.landing-objects article{border-bottom:1px solid #645a4a}.landing-objects article:nth-child(2n){border-right:0}.landing-objects article:last-child{border-bottom:0;grid-column:1/-1}.landing-notes{grid-template-columns:1fr 1fr}.landing-notes>span{grid-column:1/-1}}@media (max-width:760px){.landing-hero h1{margin-bottom:2.75rem}.landing-objects>div{grid-template-columns:1fr}.landing-objects article,.landing-objects article:last-child{border-bottom:1px solid #645a4a;border-right:0;grid-column:auto}.landing-objects article:last-child{border-bottom:0}.landing-notes{grid-template-columns:1fr}.landing-notes>span{grid-column:auto}.landing-notes aside{margin-top:1rem}.landing-notes h2{font-size:clamp(3rem,14vw,4.8rem)}}.room-theme-monsoon-walnut .room-art img,.appearance-preview.room-theme-monsoon-walnut img{filter:none}.room-theme-midnight-blue .room-art img,.appearance-preview.room-theme-midnight-blue img{filter:saturate(.72)hue-rotate(168deg)brightness(.72)contrast(1.08)}.room-theme-amber-evening .room-art img,.appearance-preview.room-theme-amber-evening img{filter:saturate(1.18)sepia(.28)hue-rotate(338deg)brightness(1.08)}.room-theme-midnight-blue.rec-room-stage:after{background:radial-gradient(circle at 50% 48%,#0000 42%,#04091980 100%),linear-gradient(#0c1c3e47,#0000 42%,#00041240)}.room-theme-amber-evening.rec-room-stage:after{background:linear-gradient(105deg,#ff913038,#0000 48%,#52180833),radial-gradient(circle at 50% 48%,#0000 55%,#2c0e034d 100%)}.room-markers-brass .room-hotspot-number,.room-markers-brass .room-legend button span,.appearance-preview.room-markers-brass i{background:#bd7b24}.room-markers-brass .room-hotspot{border-color:#f6cc76e6;box-shadow:0 0 0 1px #bd7b2440,0 0 18px #dc9d3259}.room-markers-quiet .room-hotspot-number,.room-markers-quiet .room-legend button span,.appearance-preview.room-markers-quiet i{color:#171310;background:#e7dcc4}.room-markers-quiet .room-hotspot{border-color:#efe2c6b8;box-shadow:0 0 14px #efe2c62e}.appearance-presets{gap:.75rem;padding:1rem;display:grid}.appearance-presets>button{color:#171310;text-align:left;cursor:pointer;background:0 0;border:2px solid #0000;grid-template-columns:64px 1fr;align-items:center;gap:.8rem;padding:.75rem;display:grid}.appearance-presets>button:hover,.appearance-presets>button.is-active{background:#f4ead4;border-color:#171310}.appearance-presets span{gap:.2rem;display:grid}.appearance-presets strong{font:800 .78rem var(--display)}.appearance-presets small{font:700 .42rem var(--mono);letter-spacing:.08em}.appearance-swatch{background:linear-gradient(135deg,#17110e,#684329);border:1px solid #171310;width:64px;height:44px;display:block}.appearance-swatch-midnight-blue{background:linear-gradient(135deg,#080d1d,#25425b)}.appearance-swatch-amber-evening{background:linear-gradient(135deg,#4b1f0c,#d58b32)}.appearance-form{align-content:start}.appearance-preview{aspect-ratio:16/7;background:#17110e;border:2px solid #171310;position:relative;overflow:hidden}.appearance-preview img{object-fit:cover;width:100%;height:100%;transition:filter .3s;display:block}.appearance-preview span{color:#efe2c6;font:800 .52rem var(--mono);letter-spacing:.1em;text-transform:uppercase;background:#110d0bc7;padding:.45rem .6rem;position:absolute;top:1rem;left:1rem}.appearance-preview i{color:#fff;font:800 .46rem var(--mono);letter-spacing:.08em;background:#a8342b;padding:.45rem .6rem;font-style:normal;position:absolute;bottom:1rem;right:1rem}.appearance-help{font:700 .55rem/1.5 var(--mono);background:#eadfc8;border-left:4px solid #d88838;padding:1rem}.room-hotspot-template,.room-hotspot-template.room-hotspot-writing,.room-hotspot-template.room-hotspot-recommendations,.room-hotspot-template.room-hotspot-books,.room-hotspot-template.room-hotspot-interests{left:var(--desktop-left);top:var(--desktop-top);width:var(--desktop-width);height:var(--desktop-height)}.template-picker{grid-template-columns:1fr 1fr;gap:.65rem;padding:1rem;display:grid}.template-picker>button{color:#171310;text-align:left;cursor:pointer;background:0 0;border:2px solid #0000;min-width:0;padding:0}.template-picker>button:hover,.template-picker>button.is-active{background:#f4ead4;border-color:#171310}.template-picker img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.template-picker span{gap:.15rem;padding:.6rem;display:grid}.template-picker strong{font:800 .68rem var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-picker small{font:700 .38rem var(--mono);letter-spacing:.07em}.appearance-preview picture{width:100%;height:100%;display:block}.component-toggles{border:0;grid-template-columns:repeat(5,1fr);gap:.65rem;padding:0;display:grid}.component-toggles legend{font:800 .46rem var(--mono);letter-spacing:.1em;margin-bottom:.5rem}.component-toggles label{cursor:pointer;background:#eadfc8;border:1px solid #988a70;gap:.25rem;padding:.8rem;display:grid;position:relative}.component-toggles label:has(input:checked){background:#d8a64d;border:2px solid #171310}.component-toggles input{width:auto;position:absolute;top:.6rem;right:.6rem}.component-toggles span{font:900 .75rem var(--display);padding-right:1rem}.component-toggles small{font:700 .36rem var(--mono);letter-spacing:.06em}@media (max-width:900px){.template-picker{grid-template-columns:1fr}.component-toggles{grid-template-columns:1fr 1fr}}@media (max-width:760px){.room-hotspot-template,.room-hotspot-template.room-hotspot-writing,.room-hotspot-template.room-hotspot-recommendations,.room-hotspot-template.room-hotspot-books,.room-hotspot-template.room-hotspot-interests{left:var(--mobile-left);top:var(--mobile-top);width:var(--mobile-width);height:var(--mobile-height)}}@media (max-width:650px){.template-picker{grid-template-columns:1fr 1fr}.appearance-preview{aspect-ratio:9/14}.component-toggles,.appearance-form .admin-form-row{grid-template-columns:1fr}}