/* The existing TARLIS palette, type and architecture continue into inhabited rooms. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html.dialog-open{overflow:hidden}
#content:focus{outline:none}
.site-header{background:#101a15e8}
.entrance-label{font-size:11px;letter-spacing:.2em;color:#b6b8a6}
.header-return{display:inline-flex;gap:16px;align-items:center;min-height:48px;font-size:13px;color:var(--muted)}
.header-return>span[aria-hidden]{color:var(--brass);font-size:20px}
body[data-room=eingang] .header-return,body:not([data-room=eingang]) .entrance-label{display:none}
body[data-room=eingang] .site-header{position:absolute;background:linear-gradient(#101a15e8,#101a1580)}
.entrance-hub.hero{display:block;height:100svh;min-height:680px;max-height:none;padding:0;isolation:isolate}
.entrance-hub .hero-scene{position:absolute;inset:0;height:auto;background-size:cover;background-position:center;transform:scale(1.014)}
.entrance-hub .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07140caa,#09140d65 28%,transparent 72%),linear-gradient(0deg,#0e1814 0%,transparent 22%,transparent 86%,#10161240)}
.entrance-hub .ambient-light{position:absolute;inset:0;background:radial-gradient(ellipse at 83% 52%,#eab57935,transparent 27%)}
.entrance-hub .hero-content{display:block;padding:clamp(150px,20svh,210px) 7% 0;max-width:850px;pointer-events:none}
.entrance-hub h1.architect-title{font-size:clamp(8rem,13.8vw,12.8rem);margin:20px 0 34px;line-height:.86}
.entrance-hub .hero-thought{margin-bottom:0}
.room-paths{position:absolute;inset:0;z-index:3;pointer-events:none}
.room-path{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:80px;padding:14px 18px;pointer-events:auto;background:linear-gradient(105deg,#101b14ed,#101b14c7 72%,#101b149a);border:1px solid #c4a37465;border-radius:2px 18px 2px 2px;box-shadow:0 4px 0 #111c16,0 5px 0 #92765345,0 12px 25px #050b0880;transition:border-color .3s,background .3s,transform .4s}
.room-path strong{font:400 clamp(23px,2.1vw,32px)/1.08 var(--serif);display:block;color:#eee2ca}
.room-path small{display:block;font:11px/1.5 var(--sans);letter-spacing:.02em;color:#c0c1b1;margin-top:7px}
.path-arrow{color:#d7b884;font-size:21px;flex-shrink:0;transition:transform .3s}
.path-text{min-width:0}
.path-stem{position:absolute;width:1px;height:35px;bottom:100%;left:26px;background:linear-gradient(#e1be8a,var(--brass));opacity:.85;pointer-events:none}
.path-stem:before{content:'';position:absolute;top:-4px;left:-3px;width:7px;height:7px;border:1px solid #f1ce91;border-radius:50%;box-shadow:0 0 14px #f1ce9170;background:#8c7149}
.room-path:hover,.room-path:focus-visible{border-color:#e2c592;background:linear-gradient(105deg,#263129f2,#162218ed);transform:translateY(-3px)}
.room-path:hover .path-arrow,.room-path:focus-visible .path-arrow{transform:translate(3px,-3px)}
.path-person{left:7%;top:72%}
.path-worlds{left:72%;top:41%}
.path-archive{left:52%;top:72%}
.path-sky{right:5.5%;top:81%}
.entrance-hub .hero-bottom{position:absolute;bottom:0;left:4.5%;right:4.5%;height:70px;margin:0;gap:20px;display:flex;grid-area:auto;border-top-color:#b99c6b38;z-index:4}
.world-inscription{background:transparent;border:0;padding:12px 0;color:#c2bfa8;font:11px/1.5 var(--sans);letter-spacing:.17em;min-height:44px;display:flex;align-items:center;gap:16px}
.world-inscription span{font-size:17px;color:var(--brass)}
.entrance-question{font:italic 22px var(--serif);color:#cfc9b4}
.wayfinder{position:absolute;left:45%;top:77%;width:62px;height:62px;border:1px solid #b4986760;border-radius:50%;opacity:.65;z-index:2;--bearing:35deg}
.wayfinder-ring{position:absolute;inset:7px;border:1px dotted #c8b4848c;border-radius:50%;animation:instrument-orbit 90s linear infinite}
.wayfinder-needle{position:absolute;left:30px;top:7px;height:47px;width:1px;background:linear-gradient(#ead5a2 0 47%,transparent 47% 51%,#a2957760 51%);transform:rotate(var(--bearing));transition:transform 1.5s cubic-bezier(.2,.6,.25,1)}
.wayfinder i{position:absolute;width:5px;height:5px;background:#d6bc87;border-radius:50%;left:28px;top:28px}
@keyframes instrument-orbit{to{transform:rotate(360deg)}}
.room-dust{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.room-dust i{position:absolute;left:82%;top:35%;width:2px;height:2px;border-radius:50%;background:#ffe6b9;box-shadow:0 0 8px #edbe87;opacity:0;animation:dust-drift 17s linear infinite}
.room-dust i:nth-child(2){left:73%;top:48%;animation-delay:4s;animation-duration:19s}.room-dust i:nth-child(3){left:90%;top:66%;animation-delay:8s}.room-dust i:nth-child(4){left:78%;top:70%;animation-delay:1s;animation-duration:21s}.room-dust i:nth-child(5){left:67%;top:28%;animation-delay:11s}
@keyframes dust-drift{0%,100%{opacity:0;transform:translate(0,0)}30%,70%{opacity:.4}95%{transform:translate(-20px,-65px)}}
/* Common room grammar. Broad margins, readable copy and no numbered tour. */
.room-view{padding-top:94px;background:radial-gradient(ellipse at 90% 12%,#8e78450a,transparent 45%)}
.high-fidelity-room{max-width:1440px;margin:auto;padding:64px 7% 60px}
.high-fidelity-room h1{font-size:clamp(56px,6.8vw,94px);line-height:1.02;letter-spacing:-.035em;margin:0 0 30px}
.high-fidelity-room h1 em{color:#c9c2ab;font-weight:400}
.high-fidelity-room h2{font-size:clamp(38px,4.5vw,62px);line-height:1.06}
.high-fidelity-room h3{font-size:32px}
.high-fidelity-room p:not(.eyebrow):not(.personal-signature):not(.pencil-note):not(.album-pencil):not(.book-subline){font-size:16px;line-height:1.85;color:#c0c0b0}
.high-fidelity-room p.lead{font:400 24px/1.45 var(--serif)!important;color:#dfdac6!important;max-width:550px}
.room-section{position:relative;margin-bottom:100px}
.room-kicker{margin-bottom:26px}
.high-fidelity-room figure{margin:0}
.high-fidelity-room figcaption{font-size:12px;line-height:1.65;color:var(--muted)}
.high-fidelity-room blockquote{margin:0;font:italic 40px/1.24 var(--serif)}
.high-fidelity-room cite{font:12px/1.6 var(--sans);display:block}
.high-fidelity-room>.room-section:last-child{margin-bottom:0}
.footer-return{display:inline-flex;gap:12px;align-items:center;min-height:48px}
.footer-return>span[aria-hidden]{color:var(--brass);font-size:20px}
.text-door{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;font:14px/1.5 var(--sans);border-bottom:1px solid #b99c6b65;padding:8px 0;color:#e1d5bb;max-width:100%}
.text-door>span{font-size:24px;color:var(--brass)}
.text-door:hover{color:var(--brass)}
.room-entered>.high-fidelity-room{animation:room-arrival .65s ease both}
@keyframes room-arrival{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.page-opening{padding-top:22px;max-width:100%;margin-bottom:70px}
.page-opening h1{max-width:900px}.page-opening .lead{max-width:580px}
.opening-aside{position:absolute;right:0;bottom:4px;border-left:1px solid var(--line);padding:8px 0 8px 30px;font-size:13px!important;font-style:italic;max-width:280px}
.person-opening,.book-opening,.sky-opening,.mirrors-opening{display:grid;grid-template-columns:1.05fr 1fr;gap:9%;align-items:center}
.person-intro>p:not(.eyebrow),.book-intro>p{max-width:500px}
.personal-signature{font:44px/1.1 var(--signature);color:var(--brass);margin:30px 0 0}
.portrait-assembly{position:relative;padding:20px;background:linear-gradient(125deg,#293128,#151e16);border:1px solid #ab926740;border-left:9px solid #0b120d;box-shadow:16px 20px 0 -10px #5d624331,0 15px 60px #0003;transform:rotate(2deg)}
.real-photo{background:#cfc5a9;padding:13px 13px 19px;box-shadow:0 10px 28px #030c0a40;color:#31372a;position:relative}
.real-photo:before{content:'';position:absolute;left:6px;top:6px;width:24px;height:24px;background:#263226d9;clip-path:polygon(0 0,100% 0,0 100%);z-index:1}
.real-photo img{width:100%;height:auto;max-height:none;filter:none}
.real-photo figcaption{font:italic 20px/1.2 var(--serif);color:#3e4433;padding:16px 3px 0}
.assembly-note{display:block;font:italic 21px/1.3 var(--serif);color:#bbb398;text-align:right;margin:22px 5px 4px}
.personality-section{padding-top:35px;border-top:1px solid var(--line)}
.section-caption{display:flex;gap:35px;align-items:center;font:11px/1.4 var(--sans);letter-spacing:.16em;color:var(--brass);margin-bottom:60px}.caption-rule{height:1px;background:var(--line);flex:1}
.personality-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16%;align-items:center;padding:0 4%}
.small-album{position:relative;padding:0 10%}.doorway-photo{transform:rotate(-4deg);max-width:310px}.doorway-photo img{max-height:390px;object-fit:cover;object-position:center 60%}
.album-pencil{font:italic 23px/1.3 var(--serif);color:#bcb199;margin:25px -15% 0}
.person-fragments{display:grid;grid-template-columns:1fr 1.1fr;gap:16%;align-items:center;padding:0 4%}
.fragment-photo{max-width:340px;justify-self:center}.playful-photo{transform:rotate(3deg)}
.fragment-copy p{max-width:470px}.fragment-copy .eyebrow{font-size:11px}
.book-fragment{padding:64px 9%;background:#d1c6a7;color:#303a2e;transform:rotate(-.6deg);box-shadow:9px 10px 0 #a1987655;max-width:900px;margin-inline:auto}
.book-fragment .eyebrow{color:#65623f}.book-fragment blockquote{font-size:clamp(30px,4vw,48px);margin-bottom:25px}.book-fragment .text-door{color:#3b4434;border-color:#5c654c5a}.book-fragment .text-door span{color:#75673d}
.fragment-pin{position:absolute;left:50%;top:17px;width:6px;height:6px;border-radius:50%;background:#79654b;box-shadow:1px 1px 3px #151b17}
.last-thought,.book-genesis,.game-thought{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start;padding-top:50px;border-top:1px solid var(--line)}
/* Project folios are expandable rows, not the entrance's navigation language. */
.world-ledger{margin-bottom:55px}.world-entry{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;padding:45px 0 65px;border-top:1px solid var(--line);align-items:center}
.entry-copy{max-width:440px}.entry-copy h2{margin-bottom:25px}.entry-copy p:not(.eyebrow){max-width:450px}
.entry-visual{position:relative;height:clamp(340px,33vw,440px);min-height:0;overflow:hidden;background:#1b241d}
.entry-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.cover-shelf{display:flex;align-items:center;justify-content:center;padding:25px;background:radial-gradient(ellipse at 50% 65%,#75613a35,transparent 65%),linear-gradient(130deg,#263025,#111b14);border-bottom:9px solid #0b140e;box-shadow:0 1px 0 #b2956655}
.cover-shelf img{height:100%;width:auto;max-width:100%;object-fit:contain;transform:rotate(-4deg);box-shadow:14px 15px 25px #0005;border-left:6px solid #604e2e}
.entry-book:hover img{transform:rotate(-1deg)}
.entry-mirrors .entry-visual{order:2}.entry-mirrors .entry-copy{padding-left:9%}
.mirror-window{background:radial-gradient(ellipse at 50% 10%,#8c799648,transparent 80%),linear-gradient(125deg,#20272a,#3b3741,#182420);display:grid;place-items:center;border:1px solid #ada0b447}
.mirror-plane{position:absolute;inset:11% 21%;border:1px solid #c8b5cf90;transform:rotate(-7deg);box-shadow:17px 17px 0 #171f2070;transition:transform .8s;background:linear-gradient(115deg,#87729405 40%,#dacde754 43%,#79678012 47%,#1f2c2900)}
.mirror-reflection{font:42px/1.05 var(--serif);position:relative;color:#dfd3e4;transform:rotate(-3deg);text-align:center}
.entry-mirrors:hover .mirror-plane{transform:rotate(-2deg)}
.entry-mirrors .eyebrow{color:#bda7cc}
.entry-game .entry-visual{border:1px solid #ada0b447}.entry-game .entry-visual img{object-position:50% 52%}.entry-game:hover .entry-visual img{transform:scale(1.025)}
.world-margin{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:30px;margin-bottom:55px}.small-sigil{font:45px var(--serif);color:var(--brass)}.world-margin p{margin:0;font-size:14px!important}
/* Book: the actual cover and a restrained reading table. */
.book-opening{gap:14%;grid-template-columns:1.05fr .85fr;padding-bottom:25px}
.book-intro h1{font-size:clamp(110px,11vw,170px);line-height:.85;margin:15px 0 24px}.title-stop{color:#b49261}
.book-subline{font:italic 30px/1.2 var(--serif);color:#c5b79a;margin-bottom:20px}.book-intro .byline{font:11px/1.5 var(--sans)!important;letter-spacing:.18em;color:var(--brass)!important;margin-bottom:34px}
.book-display{position:relative;padding:22px 15px 0;max-width:390px;justify-self:center}
.book-display:before{content:'';position:absolute;inset:12% -11% -15px;background:radial-gradient(ellipse,#c2943830,transparent 67%);z-index:-1}
.book-display img{width:100%;height:auto;transform:perspective(1500px) rotateY(-8deg) rotate(2deg);border-left:8px solid #4d3b20;box-shadow:20px 20px 40px #0008,2px 0 0 #bd9d57}
.book-display figcaption{margin-top:36px;text-align:center;font:italic 20px var(--serif);color:#ac9f82}
.book-intro .outline-button{margin-top:15px}.book-intro .book-facts{font-size:11px!important;margin-top:20px;letter-spacing:.03em}
.book-genesis .inline-quote{color:#d5bd91;font-size:38px;margin:28px 0}
.reading-table{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:12%;padding:25px 0}
.reading-paper{position:relative;padding:44px 35px 56px;background:linear-gradient(140deg,#dbd0b5,#beb28e);box-shadow:12px 14px 0 -6px #998e6b6e,0 25px 60px #0004;transform:rotate(-3deg);color:#343b2e}
.reading-paper .eyebrow{color:#666348;font-size:10px;letter-spacing:.13em;border-bottom:1px solid #6c70484f;padding-bottom:22px}
.reading-paper blockquote{margin:36px 0;font-size:clamp(35px,3.5vw,48px)}.reading-paper cite{color:#565c47}
.paper-fold{position:absolute;right:0;bottom:0;width:34px;height:34px;clip-path:polygon(100% 0,100% 100%,0 100%);background:#ece1c5;box-shadow:-4px -4px 8px #7c7b53}
.pencil-note{font:italic 28px/1.35 var(--serif)!important;color:#b7a580!important;margin:30px 0 0}
.book-game-bridge{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.book-game-bridge figure img{width:100%;height:auto;border:1px solid #b1996838}.book-game-bridge figcaption{margin-top:15px}.book-game-bridge .eyebrow{font-size:11px}
/* A quiet amethyst trace leads to the independent Spiegelräume site. */
body[data-room=spiegelraeume]{background:#171e1d}.mirrors-opening{gap:6%;grid-template-columns:1.2fr .8fr}.mirrors-opening h1{font-size:clamp(51px,5.8vw,80px)}
.mirrors-opening .eyebrow,.mirror-conversation .eyebrow,.mirror-threshold .eyebrow{color:#b9a4c8}
.mirror-installation{position:relative;height:540px;margin-left:20px}
.mirror-panel{position:absolute;border:1px solid #b7a2bd66;background:linear-gradient(130deg,#493e5033,#b8a4cc21 41%,#ded4e663 43%,#695b7715 46%,#23322e99);box-shadow:15px 20px 60px #0004}
.panel-back{width:70%;height:85%;left:0;top:0;transform:rotate(-8deg)}.panel-front{width:83%;height:86%;left:16%;top:12%;transform:rotate(5deg);display:grid;place-items:center;background:linear-gradient(125deg,#73607e50,#1c2725d9 62%)}
.panel-front:after{content:'';position:absolute;inset:12px;border:1px solid #b8a7c42b}.panel-front span{font:32px/1.35 var(--serif);color:#d4c7db;position:relative;z-index:1;text-align:center;padding:15px;transform:rotate(-5deg)}
.mirror-axis{position:absolute;bottom:-15px;left:-15%;right:-12%;height:1px;background:linear-gradient(90deg,transparent,#b8a0c859,transparent)}
.mirror-conversation{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;border-top:1px solid #a899b12e;padding-top:65px}.conversation-notes{border-left:1px solid #a996b448;padding-left:38px}.conversation-notes article{position:relative;margin-bottom:42px}.conversation-notes article:last-child{margin-bottom:0}.conversation-notes h3{margin-bottom:12px}.note-dot{position:absolute;left:-43px;top:13px;width:9px;height:9px;background:#776880;border:1px solid #bfacd0;transform:rotate(45deg)}
.mirror-threshold{text-align:center;padding:70px 8%;background:radial-gradient(ellipse at center,#75678020,transparent 75%);border-block:1px solid #a89cb32b}.mirror-threshold p:not(.eyebrow){max-width:520px;margin-inline:auto}.mirror-threshold .outline-button{border-color:#a993bf80;margin-top:14px}.threshold-note{display:block;font:italic 20px var(--serif);color:#a99aad;margin-top:28px}
/* Game images remain original project assets, with their whole composition. */
.game-opening{margin-bottom:60px}.game-opening .lead{max-width:650px}.game-opening .outline-button{margin-top:14px}
.game-panorama{margin:0 -3% 90px!important;position:relative}.game-panorama img{width:100%;height:auto;max-height:590px;object-fit:cover;border:1px solid #b69c632e}.game-panorama figcaption{display:flex;justify-content:space-between;padding:18px 0;font-size:11px;letter-spacing:.13em}
.memory-scenes{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start}.memory-scenes figure:nth-child(2){margin-top:85px}.memory-scenes img{width:100%;height:auto;border:1px solid #ad96694d}.memory-scenes figcaption{padding-top:24px}.memory-scenes figcaption>span{color:var(--brass);letter-spacing:.12em;font-size:11px}.memory-scenes figcaption p{font:italic 25px var(--serif)!important;margin:10px 0 0}
.game-connection{display:flex;gap:55px;align-items:center;margin:20px 5% 100px}.connection-glyph{font:100px var(--serif);color:var(--brass)}.game-connection p{max-width:530px}
/* The archive holds genuine objects; it does not manufacture reader voices. */
.archive-opening:after{content:'';position:absolute;right:4%;top:15%;width:210px;height:210px;border:1px solid #b1976730;border-radius:50%;background:url('assets/tarlis-sigil.svg') center/70% no-repeat;opacity:.3;z-index:-1}
.archive-collection{margin-bottom:80px}.archive-toolbar{padding-bottom:23px}.archive-filters button{min-height:44px}
.cabinet-content{display:grid;grid-template-columns:1fr 1fr;gap:60px 7%;align-items:start;padding:25px 3%}
.archive-item{display:block;position:relative;text-align:left;border:1px solid #b19a673d;padding:22px;background:#1d2820;color:var(--paper);width:100%;min-width:0;box-shadow:0 12px 30px #070e094d;transition:transform .4s,border-color .4s}
button.archive-item:hover{transform:translateY(-5px) rotate(0);border-color:var(--brass)}
.artifact-label{display:block;font:10px/1.5 var(--sans);letter-spacing:.1em;color:#c5b393;margin-bottom:18px}
.artifact-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;font:italic 22px/1.3 var(--serif);padding-top:20px;color:#dfd5bc}.artifact-caption>span{font:23px var(--sans);color:var(--brass)}
.archive-cover{transform:rotate(-2deg)}.archive-cover img{max-height:350px;width:auto;margin:auto;box-shadow:7px 9px 20px #0005}
.archive-quote{margin-top:48px;padding:35px 35px 30px;background:linear-gradient(140deg,#d8ccaf,#bfb38f);color:#39402f;transform:rotate(2deg)}
.archive-quote .artifact-label{color:#5e6147}.archive-quote blockquote{font-size:clamp(34px,3.4vw,45px);margin:28px 0}.archive-quote cite{color:#5e654b;margin-bottom:30px}.archive-quote .text-door{color:#414a34;border-color:#535f4452}.archive-quote .text-door span{color:#6e673f}
.archive-scene{margin-top:-30px;transform:rotate(1deg)}.archive-scene img{width:100%;height:auto}.archive-poster{transform:rotate(-2deg);padding:18px;margin-top:25px}.archive-poster img{max-height:460px;width:auto;margin:auto}
.collection-footnote{font-size:13px!important;padding:30px 3% 0;color:#a5ac98!important}
.quiet-drawer{padding:65px 8%;border:1px solid var(--line);background:linear-gradient(125deg,#243025,#152119);box-shadow:inset 0 12px 35px #020b0866;text-align:center;position:relative}.quiet-drawer .text-door{margin-top:10px}.drawer-handle{position:absolute;top:18px;left:calc(50% - 22px);width:44px;height:7px;border:1px solid var(--brass);border-radius:2px}
.leave-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:center;border-top:1px solid var(--line);padding:65px 6% 0}
.note-slot{position:relative;height:190px;background:linear-gradient(160deg,#37402d,#19271c 65%);border:1px solid #ae936159;box-shadow:inset 0 8px 30px #07140b,0 8px 0 #0b150f,0 9px 0 #77684466;transform:rotate(-4deg)}
.note-slot span{position:absolute;left:20%;top:-25px;width:65%;height:145px;background:linear-gradient(150deg,#c8b99a,#817b58);transform:rotate(7deg);box-shadow:0 4px 15px #02090477}.note-slot span:before,.note-slot span:after{content:'';position:absolute;left:18%;right:18%;height:1px;background:#686a4544;top:35%}.note-slot span:after{top:48%}
.note-slot i{position:absolute;left:calc(50% - 24px);bottom:35px;width:48px;height:12px;border:2px solid #a28b5d;border-radius:2px;box-shadow:0 4px 4px #0005;background:#202b20}
.closed-label{display:block;color:#b8a783;border-top:1px solid var(--line);padding-top:17px;font:12px/1.6 var(--sans);margin-top:25px}
/* The side door opens into warmer daylight. */
body[data-room=sky]{background:#20291e}.sky-opening{gap:13%;grid-template-columns:1fr .9fr}.sky-opening h1 em{color:#d5cfad}
.sky-portrait-wrap{position:relative;max-width:375px;justify-self:center}.sky-real-portrait{transform:rotate(3deg);background:#c3c4a7}.sky-real-portrait img{max-height:500px;object-fit:cover;object-position:50% 55%}.sky-handwriting{display:block;font:34px/1.25 var(--signature);color:#b8b894;margin-top:35px}
.pressed-leaf{position:absolute;left:-25px;bottom:15px;width:50px;height:115px;background:linear-gradient(100deg,#647248,#889565);border-radius:90% 10% 90% 10%;transform:rotate(25deg);opacity:.7;box-shadow:3px 3px 8px #13201566}.pressed-leaf:before{content:'';position:absolute;left:50%;top:6%;bottom:-8%;width:1px;background:#d4c09b88;transform:rotate(12deg)}
.sky-walk{display:grid;grid-template-columns:.85fr 1fr;gap:17%;align-items:center;padding:65px 5% 0;border-top:1px solid #b8b17b36}.sky-walk figure{max-width:320px}.sky-walk img{max-height:430px;object-fit:cover;object-position:50% 60%;border:10px solid #313c28;width:100%;height:auto}.sky-walk figcaption{margin-top:18px;font:italic 22px/1.3 var(--serif);color:#b7bb9f}
/* Native dialogs keep objects readable without changing or recreating them. */
.folio-dialog,.artifact-dialog{color:var(--paper);background:#1b271f;border:1px solid #bfa4767a;box-shadow:0 40px 130px #0009;max-height:calc(100svh - 32px);overflow:auto}
dialog::backdrop{background:#050c09c7;backdrop-filter:blur(7px)}
.folio-dialog{width:min(620px,calc(100% - 32px));padding:50px 55px}.folio-dialog h2{font-size:46px}.folio-dialog p:not(.eyebrow){color:#c3c5b3;font-size:16px;line-height:1.8}.folio-sigil{margin-bottom:30px}.folio-dialog .inscription-note{font:italic 25px/1.3 var(--serif)!important;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}
.dialog-close{position:absolute;right:12px;top:10px;background:#122117df;border:1px solid #b49b6536;border-radius:50%;font-size:28px;width:44px;height:44px;z-index:5;line-height:1}
.artifact-dialog{width:min(940px,calc(100% - 30px));padding:28px;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center}.artifact-dialog[open]{display:grid}.artifact-viewer-image img{max-height:78svh;width:auto;max-width:100%;object-fit:contain;margin:auto}.artifact-viewer-caption{padding:30px 15px 10px}.artifact-viewer-caption h2{font-size:39px}.artifact-viewer-caption p:not(.eyebrow){font-size:15px;line-height:1.7;color:#bdc0ac}
.noscript-note{padding:25px}.site-footer{margin-top:0}
@media(min-width:1500px){.path-person{top:69%}.path-archive{top:72%}.path-sky{top:80%}}
@media(min-width:701px) and (max-height:760px){.entrance-hub.hero{min-height:620px}.entrance-hub .hero-content{padding-top:135px}.entrance-hub h1.architect-title{font-size:clamp(110px,12vw,160px);margin:14px 0 25px}.path-person{top:73%}.path-worlds{top:34%}.path-archive{top:70%}.path-sky{top:78%}.wayfinder{top:74%}}
@media(max-width:1100px) and (min-width:701px){.path-worlds{left:auto;right:4%;top:38%}.path-archive{left:53%;top:67%}.path-person{top:74%}.path-sky{top:81%}.wayfinder{display:none}.room-path strong{font-size:25px}.high-fidelity-room{padding-inline:6%}.high-fidelity-room h1{font-size:65px}.high-fidelity-room h2{font-size:45px}.person-opening,.book-opening,.sky-opening{gap:6%}.book-intro h1{font-size:125px}.opening-aside{position:static;border:0;padding:12px 0 0}.personality-grid,.person-fragments{gap:8%;padding-inline:0}.mirror-installation{height:430px}.panel-front span{font-size:27px}.mirrors-opening h1{font-size:54px}.archive-item{padding:20px}.leave-note{gap:10%;padding-inline:0}}
@media(max-width:700px){
 .site-header{height:72px;padding-inline:max(18px,5.5vw)}.header-return{font-size:12px;gap:10px}.entrance-label{font-size:10px;letter-spacing:.16em}
 .entrance-hub.hero{height:100svh;min-height:660px;max-height:none;display:block;padding:0;background:#101a15}
 .entrance-hub .hero-content{position:relative;display:block;padding:102px 7% 0;max-width:none;z-index:2}
 .entrance-hub .hero .eyebrow,.entrance-hub .eyebrow{margin:0 0 15px;font-size:11px;letter-spacing:.12em;position:static}
 .entrance-hub h1.architect-title{font-size:clamp(5rem,22.5vw,6.6rem);line-height:.88;margin:0 0 22px;position:static}
 .entrance-hub .architect-der{font-size:.66em;line-height:.96}.entrance-hub .architect-name{margin-left:.035em}
 .entrance-hub .hero-thought{margin:0;font-size:15px;line-height:1.5;position:static}
 .entrance-hub .hero-scene{inset:auto 0 48px;height:clamp(360px,53svh,510px);background-size:auto 100%;background-position:right center;transform:none;background-repeat:no-repeat}
 .entrance-hub .hero-shade{inset:auto 0 48px;height:clamp(360px,53svh,510px);background:linear-gradient(180deg,#101a15 0%,#101a1522 18%,transparent 38%,transparent 65%,#101a15c9 94%,#101a15 100%)}
 .entrance-hub .ambient-light{inset:auto 0 48px;height:clamp(360px,53svh,510px);background:radial-gradient(ellipse at 65% 50%,#eab57930,transparent 55%)}
 .room-path{gap:12px;padding:11px 12px;min-height:70px;max-width:58%;background:linear-gradient(105deg,#101b14ed,#101b14c2)}
 .room-path strong{font-size:23px;line-height:1.06}.room-path small{font-size:12px;line-height:1.4;margin-top:5px}.path-arrow{font-size:18px}
 .path-stem{height:24px;left:24px}
 .path-person{left:7%;top:49%;max-width:86%}.path-person strong{white-space:nowrap}
 .path-worlds{left:auto;right:5%;top:61%;max-width:60%}
 .path-archive{left:7%;top:74%;max-width:58%}
 .path-sky{right:5%;top:auto;bottom:67px;max-width:62%}
 .entrance-hub .hero-bottom{left:7%;right:7%;height:50px;flex-wrap:nowrap;justify-content:space-between}.world-inscription{font-size:9px;letter-spacing:.12em;gap:9px}.world-inscription span{font-size:14px}.entrance-question{font-size:17px;line-height:1.15;text-align:right;max-width:95px}.wayfinder{display:none}.room-dust i{top:64%}
 .room-view{padding-top:72px}.high-fidelity-room{padding:42px 7% 35px}.high-fidelity-room h1{font-size:clamp(43px,12.7vw,59px);line-height:1.04;margin-bottom:25px;overflow-wrap:normal}.high-fidelity-room h2{font-size:clamp(35px,10vw,46px);line-height:1.06}.high-fidelity-room h3{font-size:29px}.high-fidelity-room p:not(.eyebrow):not(.personal-signature):not(.pencil-note):not(.album-pencil):not(.book-subline){font-size:15px;line-height:1.8}.high-fidelity-room p.lead{font-size:23px!important;line-height:1.4!important}.room-section{margin-bottom:64px}.room-kicker{margin-bottom:20px;font-size:11px;letter-spacing:.14em}.desktop-break{display:none}.opening-aside{position:static;border:0;padding:8px 0 0;font-size:12px!important;max-width:none}.page-opening{padding-top:0;margin-bottom:45px}.text-door{font-size:14px;gap:20px}
 .person-opening,.book-opening,.sky-opening,.mirrors-opening{grid-template-columns:minmax(0,1fr);gap:42px}.person-intro>p:not(.eyebrow){max-width:none}.personal-signature{font-size:39px;margin-top:22px}.portrait-assembly{max-width:380px;width:100%;margin:0 auto;padding:15px;transform:rotate(1deg)}.real-photo{padding:10px 10px 15px}.real-photo figcaption{font-size:19px;padding-top:14px}.assembly-note{font-size:20px;margin:20px 5px 5px}.main-portrait img{max-height:420px;object-fit:cover;object-position:50% 15%}
 .section-caption{font-size:10px;letter-spacing:.13em;gap:20px;margin-bottom:35px}.personality-section{padding-top:25px}.personality-grid{grid-template-columns:minmax(0,1fr);gap:28px;padding:0}.small-album{padding:0 10%;max-width:370px;margin:auto}.doorway-photo{max-width:275px}.doorway-photo img{max-height:360px;object-position:center 55%}.album-pencil{font-size:22px;margin-top:24px}
 .person-fragments{grid-template-columns:minmax(0,1fr);gap:43px;padding:0}.fragment-photo{max-width:270px;order:2;margin:auto}.fragment-copy .eyebrow{letter-spacing:.09em;font-size:10px}.book-fragment{padding:45px 8%;margin-left:0;margin-right:4px}.book-fragment blockquote{font-size:32px}.book-fragment .eyebrow{font-size:10px}.last-thought,.book-genesis,.game-thought{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:38px}
 .world-entry{grid-template-columns:minmax(0,1fr);gap:32px;padding:30px 0 45px}.entry-copy{max-width:none}.entry-visual{height:clamp(285px,82vw,350px);min-height:0}.cover-shelf{padding:24px}.cover-shelf img{height:100%;width:auto}.entry-mirrors .entry-visual{order:0}.entry-mirrors .entry-copy{padding-left:0}.mirror-reflection{font-size:39px}.world-margin{margin-top:-15px;gap:20px;margin-bottom:50px}.world-margin p{font-size:13px!important}.entry-copy h2{margin-bottom:18px}.entry-copy .eyebrow{margin-bottom:15px}
 .book-intro h1{font-size:clamp(110px,33vw,145px);margin:10px 0 23px}.book-subline{font-size:26px}.book-intro .byline{font-size:10px!important;margin-bottom:28px}.book-intro .outline-button{font-size:13px}.book-display{width:82%;max-width:310px;padding:10px 0 0}.book-display figcaption{font-size:19px;margin-top:28px}.book-opening{padding-bottom:0}.book-genesis .inline-quote{font-size:33px}.reading-table{grid-template-columns:minmax(0,1fr);gap:45px;padding:0}.reading-paper{padding:32px 28px 45px;transform:rotate(-2deg);margin-inline:5px}.reading-paper blockquote{font-size:36px}.reading-paper .eyebrow{font-size:10px;line-height:1.6}.reading-margin{padding-top:5px}.pencil-note{font-size:27px!important}.book-game-bridge{grid-template-columns:minmax(0,1fr);gap:35px}.book-game-bridge .eyebrow{font-size:10px}
 .mirrors-opening h1{font-size:clamp(41px,11.7vw,54px)}.mirror-installation{height:340px;width:80%;max-width:300px;margin:0 auto 20px}.panel-front span{font-size:28px}.mirror-conversation{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:40px}.conversation-notes{padding-left:27px;margin-left:5px}.note-dot{left:-32px}.conversation-notes article{margin-bottom:30px}.mirror-threshold{padding:42px 0}.mirror-threshold .outline-button{gap:16px;font-size:13px;padding-inline:15px}.threshold-note{font-size:19px;line-height:1.4}
 .game-opening{margin-bottom:40px}.game-panorama{margin:0 -3% 55px!important}.game-panorama img{max-height:none}.game-panorama figcaption{font-size:9px;letter-spacing:.06em;gap:15px;padding:14px 0}.memory-scenes{grid-template-columns:minmax(0,1fr);gap:35px}.memory-scenes figure:nth-child(2){margin-top:0}.memory-scenes figcaption{padding-top:18px}.memory-scenes figcaption p{font-size:23px!important}.game-connection{gap:20px;margin:0 0 65px}.connection-glyph{font-size:55px;align-self:flex-start;margin-top:10px}
 .archive-opening:after{width:140px;height:140px;right:0;top:22px;opacity:.18}.archive-toolbar{margin-bottom:20px;padding-bottom:20px}.archive-filters{gap:3px;display:flex;flex-wrap:wrap}.archive-filters button{font-size:13px;padding:9px 10px}.cabinet-content{grid-template-columns:minmax(0,1fr);gap:33px;padding:12px 4px}.archive-item{padding:20px}.artifact-label{font-size:10px;letter-spacing:.08em}.artifact-caption{font-size:22px}.archive-cover img{max-height:330px}.archive-quote{margin-top:0;padding:28px}.archive-quote blockquote{font-size:35px}.archive-scene,.archive-poster{margin-top:0}.collection-footnote{font-size:12px!important;padding:20px 3% 0}.quiet-drawer{padding:55px 7% 35px}.leave-note{grid-template-columns:minmax(0,1fr);gap:44px;padding:40px 0 0}.note-slot{width:70%;height:145px;margin:10px auto 0;max-width:260px}.note-slot span{height:110px;top:-20px}.note-slot i{bottom:25px}.closed-label{font-size:12px}
 .sky-portrait-wrap{max-width:330px;width:85%}.sky-real-portrait img{max-height:420px;object-position:50% 65%}.sky-handwriting{font-size:32px;margin-top:25px}.pressed-leaf{width:40px;height:90px;left:-18px}.sky-walk{grid-template-columns:minmax(0,1fr);gap:34px;padding:40px 0 0}.sky-walk figure{max-width:290px;width:85%;margin:auto}.sky-walk img{max-height:400px}.sky-walk figcaption{font-size:21px}
 .folio-dialog{padding:40px 27px 30px}.folio-dialog h2{font-size:36px}.folio-dialog p:not(.eyebrow){font-size:15px}.folio-dialog .eyebrow{font-size:10px}.folio-sigil{width:55px;height:55px;margin-bottom:24px}.folio-dialog .inscription-note{font-size:22px!important}.artifact-dialog[open]{grid-template-columns:minmax(0,1fr);gap:10px;padding:22px 17px}.artifact-viewer-image img{max-height:62svh}.artifact-viewer-caption{padding:15px 6px 5px}.artifact-viewer-caption h2{font-size:32px}.artifact-viewer-caption .eyebrow{font-size:10px;margin-bottom:12px}.artifact-viewer-caption p:not(.eyebrow){font-size:14px;margin-bottom:5px}.site-footer{margin-inline:7%;padding-inline:0}
}
@media(max-width:360px){
 .entrance-hub .hero-content{padding-top:96px}.entrance-hub h1.architect-title{font-size:5rem;margin-bottom:18px}.entrance-hub .hero-thought{font-size:14px}.room-path strong{font-size:21px}.room-path small{font-size:11px}.path-worlds{top:59%;max-width:63%}.path-archive{top:70%}.path-sky{top:81%;bottom:auto}.world-inscription{font-size:8px;letter-spacing:.1em}.entrance-question{font-size:16px}.high-fidelity-room h1{font-size:43px}.book-intro h1{font-size:110px}.mirrors-opening h1{font-size:40px}.high-fidelity-room h2{font-size:35px}.artifact-label{font-size:9px}.archive-quote blockquote{font-size:32px}.archive-filters button{padding-inline:9px;font-size:12px}.header-return{font-size:11px;gap:8px}
}
@media(hover:none){.room-path:hover,.world-entry:hover img,.archive-item:hover{transform:none}.entry-book:hover img{transform:rotate(-4deg)}.entry-mirrors:hover .mirror-plane{transform:rotate(-7deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* Labels keep their spacing on the smallest and shortest screens. */
.entrance-question{letter-spacing:0}
@media(max-width:700px) and (max-height:650px){
 .site-header{height:64px}.entrance-hub.hero{min-height:568px}
 .entrance-hub .hero-content{padding-top:84px}.entrance-hub .eyebrow{margin-bottom:12px}
 .entrance-hub h1.architect-title{font-size:74px;margin-bottom:4px}.entrance-hub .hero-thought{font-size:13px;line-height:1.45}
 .entrance-hub .hero-scene,.entrance-hub .hero-shade,.entrance-hub .ambient-light{height:310px;bottom:40px}
 .room-path{gap:10px;padding:8px 10px;min-height:56px}.room-path strong{font-size:20px}.room-path small{font-size:11px;margin-top:3px}.path-stem{display:none}
 .path-person{top:48.3%;max-width:86%}
 .path-worlds{top:59.5%;max-width:65%}.path-worlds small{white-space:nowrap}
 .path-archive{top:70.7%;max-width:65%}
 .path-sky{top:auto;bottom:48px;max-width:65%}
 .entrance-hub .hero-bottom{height:40px}.world-inscription{min-height:36px;padding-block:8px}.entrance-question{font-size:15px}
}
/* Portrait tablets use the wide architectural view instead of a tall cover crop. */
@media(min-width:701px) and (max-width:1000px) and (orientation:portrait){
 .entrance-hub .hero-content{padding-top:135px}
 .entrance-hub .hero-scene{inset:auto 0 70px;height:70vw;background-size:auto 100%;background-position:right center;transform:none}
 .entrance-hub .hero-shade{inset:auto 0 70px;height:70vw;background:linear-gradient(180deg,#101a15,transparent 25%,transparent 65%,#101a15 100%)}
 .entrance-hub .ambient-light{inset:auto 0 70px;height:70vw}
 .path-person{top:55.5%}.path-worlds{top:62%;right:6%}.path-archive{left:12%;top:77.5%}.path-sky{top:86.5%;right:6%}
}
/* The mobile album opens earlier; original photos remain the centre of their rooms. */
@media(max-width:700px){
 .person-opening,.book-opening,.sky-opening{gap:0}
 .person-intro,.book-intro,.sky-opening>div:first-child{display:contents}
 .person-opening .room-kicker,.book-opening .room-kicker,.sky-opening .room-kicker{order:0}
 .person-opening h1,.book-opening h1,.sky-opening h1{order:1}
 .person-opening .lead,.sky-opening .lead{order:2}
 .person-opening .portrait-assembly,.sky-opening .sky-portrait-wrap{order:3;margin-top:23px;margin-bottom:36px}
 .person-intro>p:not(.eyebrow):not(.lead):not(.personal-signature),.sky-opening>div:first-child>p:not(.eyebrow):not(.lead){order:4}
 .person-opening .personal-signature,.sky-handwriting{order:5}
 .book-subline{order:2}.book-intro .byline{order:3;margin-bottom:20px}
 .book-display{order:4;width:76%;margin:0 auto 34px!important}.book-intro .lead{order:5}
 .book-intro>p:not(.eyebrow):not(.byline):not(.book-subline):not(.lead):not(.book-facts){order:6}
 .book-intro .outline-button{order:7;justify-self:start}.book-intro .book-facts{order:8}
}
.artifact-viewer-image img{height:auto}
.entrance-hub.hero{background-color:#101a15}
@media(max-width:700px) and (max-height:650px){.entrance-hub .hero-bottom{height:44px}.world-inscription{min-height:44px;font-size:9px}}