/* A working bearing instrument joins the entrance's four thresholds. */
:root{--copper:#ae7954;--lamplight:#efcd8d;--room-accent:#c4a374}
.site-header{backdrop-filter:blur(10px)}
.entrance-controls{display:flex;align-items:center;gap:28px}
body:not([data-room=eingang]) .entrance-controls{display:none}
.motion-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0 8px 18px;border:0;border-left:1px solid var(--line);background:transparent;color:#bdbda9;font:11px/1.4 var(--sans);letter-spacing:.03em}
.motion-orbit{width:17px;height:17px;border:1px solid #c4a37487;border-radius:50%;position:relative}
.motion-orbit:after{content:'';position:absolute;width:5px;height:5px;background:var(--brass);border-radius:50%;left:5px;top:5px}
.motion-toggle[aria-pressed=true] .motion-orbit:after{border-radius:0;height:1px;top:7px}
.entrance-hub.hero{height:100svh;min-height:720px;overflow:hidden;--bearing:28deg;--collar:0deg;--scene-x:0px;--scene-y:0px}
.entrance-hub .hero-scene{inset:-1.5%;height:auto;background-size:cover;background-position:58% 50%;transform:translate(var(--scene-x),var(--scene-y)) scale(1.025);transition:transform 1.1s cubic-bezier(.2,.6,.3,1);animation:none;filter:brightness(1.02)}
.entrance-hub .hero-shade{inset:0;height:auto;background:linear-gradient(90deg,#07130eda 0%,#0916107a 28%,#09150e0a 60%),linear-gradient(0deg,#0b1711 0%,#0b171142 18%,transparent 70%,#08100c60)}
.entrance-hub .ambient-light{height:auto;inset:0;opacity:.3;mix-blend-mode:screen;background:radial-gradient(ellipse at 80% 41%,#edc48642,transparent 34%);animation:hall-light 16s ease-in-out infinite alternate}
@keyframes hall-light{from{opacity:.16;transform:translate(-1.5%,1%)}to{opacity:.5;transform:translate(1%,-1%)}}
.entrance-hub .hero-content{position:absolute;left:7%;top:18%;width:45%;max-width:750px;padding:0;z-index:3}
.entrance-hub h1.architect-title{font-size:clamp(118px,12.2vw,204px);margin:20px 0 30px;animation:none}
.entrance-hub .hero-thought{font-size:17px;line-height:1.6;animation:none;max-width:230px;color:#c8c9b7}
.room-paths{z-index:5}
.room-path{width:24%;min-height:91px;padding:17px 22px;max-width:370px;gap:20px;border:1px solid #ad89599e;border-radius:1px 19px 1px 1px;background:linear-gradient(110deg,#17251feb,#142018ee);box-shadow:inset 0 0 0 4px #0c181666,inset 0 0 0 5px #b99c6b1a,3px 6px 0 #08110fcc,4px 7px 0 #9d79535e,0 16px 32px #030a0870;transition:border-color .25s,background .25s,transform .35s,box-shadow .35s}
.room-path:before{content:'';width:3px;position:absolute;left:-1px;top:24%;bottom:24%;background:#b08a50;box-shadow:0 0 8px #c49b5220;transition:background .25s,box-shadow .25s}
.room-path strong{font-size:clamp(23px,2.05vw,32px)}
.room-path small{font-size:11px;color:#c2c4b5}
.path-stem{height:1px;width:21px;left:-21px;top:50%;bottom:auto;background:#b4936277;opacity:.85}
.path-person .path-stem{left:auto;right:-21px}
.path-stem:before{left:calc(50% - 3px);top:-3px;background:#b39661;box-shadow:0 0 8px #d3b07577}
.path-arrow{width:26px;height:26px;display:grid;place-items:center;border:1px solid #b6966240;border-radius:50%;font-size:18px}
.path-person{left:7%;top:75%;width:28%;right:auto}
.path-worlds{left:auto;right:7%;top:28%}
.path-archive{left:auto;right:4.5%;top:51%}
.path-sky{left:auto;right:9%;top:75%;bottom:auto}
.room-path:hover,.room-path:focus-visible,.room-path.is-selected{transform:translateY(-3px);border-color:#e8c88c;background:linear-gradient(110deg,#304033f5,#192a22f7);box-shadow:inset 0 0 0 4px #0c181640,inset 0 0 0 5px #e6bb6c3b,3px 6px 0 #08110f,4px 7px 0 #ad885b,0 12px 40px #c9a56b19}
.room-path.is-selected:before{background:#ffe0a1;box-shadow:0 0 18px 3px #eec38575}
.room-path:focus-visible{outline:2px solid #f1d6a3;outline-offset:7px}
.room-path.is-selected .path-stem:before{background:#f4d49a;box-shadow:0 0 18px 5px #e7b76777}
.bearing-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
.bearing-lines path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.guide-track{stroke:#c29e6760;stroke-width:1}
.guide-light{stroke:#f7d398;stroke-width:1.5;opacity:0;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .5s ease,opacity .2s}
.bearing-lines .is-selected .guide-light{opacity:.9;stroke-dashoffset:0;filter:drop-shadow(0 0 4px #e6b764)}
.wayfinder{--bearing:inherit;display:block;position:absolute;width:clamp(220px,21vw,315px);height:auto;aspect-ratio:1;left:49%;top:68%;transform:translate(-50%,-50%);border:0;opacity:1;z-index:4;pointer-events:none;filter:drop-shadow(8px 18px 20px #030a0acc)}
.wayfinder:before{content:'';position:absolute;top:91%;height:16%;left:45%;right:45%;background:linear-gradient(90deg,#352d20,#8d764e 43%,#394334 48%,#19261c 75%);border:1px solid #ac885435;z-index:-1}
.wayfinder:after{content:'';position:absolute;top:105%;height:4%;left:25%;right:25%;border-radius:50%;background:linear-gradient(#8e784b77,#101c14);box-shadow:4px 5px 8px 5px #02090480}
.instrument-collar{position:absolute;inset:0;width:100%;height:100%;transform:rotate(var(--collar));transition:transform 1.1s cubic-bezier(.19,.7,.2,1);z-index:2;filter:brightness(.83) saturate(.8)}
.instrument-lens{position:absolute;inset:16.8%;border-radius:50%;border:1px solid #dec59555;background:radial-gradient(ellipse at 38% 27%,#6c827837,#142a22a6 38%,#071812ed 86%),linear-gradient(125deg,#d8dcc822,transparent 44%,#fbe7a71f 45%,transparent 46%);box-shadow:inset 0 0 30px #09120c,0 0 40px #d7b56d13}
.instrument-lens:before,.instrument-lens:after{content:'';position:absolute;inset:12%;border:1px solid #d4c18d30;border-radius:50%}
.instrument-lens:after{inset:23%;border-style:dotted;opacity:.8}
.instrument-beam{position:absolute;inset:-50%;border-radius:50%;background:conic-gradient(from -9deg,transparent,#ead3a122 4deg,#f2d39226 11deg,transparent 18deg);transform:rotate(var(--bearing));transition:transform .75s cubic-bezier(.2,.7,.25,1);opacity:.6;z-index:0;mask-image:radial-gradient(circle,transparent 17%,#000 25%,transparent 65%)}
.instrument-hand{position:absolute;inset:24%;transform:rotate(var(--bearing));transition:transform .7s cubic-bezier(.2,.7,.25,1);z-index:3}
.instrument-hand span{position:absolute;width:8px;left:calc(50% - 4px);top:-7%;height:58%;background:linear-gradient(90deg,#755830,#e7c58b 52%,#a98348);clip-path:polygon(50% 0,100% 91%,58% 100%,40% 100%,0 91%);filter:drop-shadow(2px 2px 2px #000)}
.instrument-hand i{position:absolute;width:3px;left:calc(50% - 1.5px);top:48%;height:38%;background:#90784ab3;border:0;box-shadow:none;border-radius:0}
.instrument-hub{position:absolute;left:calc(50% - 6px);top:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e7c698,#a97a43 40%,#492e19 80%);box-shadow:0 2px 5px #000b;z-index:4}
.instrument-caption{position:absolute;top:37%;left:24%;right:24%;font:8px/1.5 var(--sans);letter-spacing:.2em;text-align:center;color:#d3c5a4;z-index:4;opacity:.8}
.instrument-reading{position:absolute;top:59%;left:22%;right:22%;font:italic clamp(15px,1.45vw,21px)/1.05 var(--serif);text-align:center;color:#dccdaf;z-index:4;text-shadow:0 2px 3px #071009}
.entrance-hub:not([data-selected]) .instrument-hand{animation:bearing-search 12s ease-in-out infinite alternate}
.entrance-hub:not([data-selected]) .instrument-beam{animation:beam-search 12s ease-in-out infinite alternate}
@keyframes bearing-search{from{transform:rotate(17deg)}to{transform:rotate(46deg)}}
@keyframes beam-search{from{transform:rotate(17deg)}to{transform:rotate(46deg)}}
.entrance-hub .hero-bottom{height:64px;z-index:6}
.world-inscription{color:#d1ccb7}
.entrance-question{font-size:19px;max-width:none;color:#bcbba5}
.threshold-transition{position:fixed;inset:0;z-index:12;pointer-events:none;visibility:hidden;overflow:hidden;contain:paint}
.threshold-transition.is-active{visibility:visible}
.threshold-scene{position:absolute;inset:-5%;background:url('assets/archive-tarlis-refined.webp') 58% 50%/cover;opacity:0}
.threshold-edge{position:absolute;left:calc(var(--origin-x,50%) - 22vw);top:-15%;width:44vw;height:145%;border:1px solid #d8b77b66;border-radius:48% 48% 0 0;box-shadow:inset 0 0 0 12px #091610a6,inset 0 0 0 13px #b6935a8c,0 0 60px #090e0a;opacity:0}
.threshold-label{position:absolute;left:7%;top:50%;font:italic clamp(28px,4vw,52px) var(--serif);color:#e6d6b8;opacity:0}
.room-entered>.high-fidelity-room{animation:none}
.room-kicker{display:flex;align-items:center;gap:17px}
.room-kicker:before{content:'';width:27px;height:8px;flex:none;border-top:1px solid var(--room-accent);border-bottom:1px solid #bfa37350;transform:skewX(-28deg)}
.high-fidelity-room{padding-top:65px;padding-bottom:70px}
.room-view{background:radial-gradient(ellipse at 85% 4%,#ab8b4f13,transparent 30%)}
.high-fidelity-room .room-section{margin-bottom:110px}
.high-fidelity-room>.room-section:last-child{margin-bottom:0}
.high-fidelity-room p.lead{font-size:26px!important;line-height:1.45!important}
.high-fidelity-room p:not(.eyebrow):not(.personal-signature):not(.pencil-note):not(.album-pencil):not(.book-subline){color:#c8c8b8}
/* The same fine metal framing becomes a personal cabinet and reading furniture. */
.person-opening{gap:10%;grid-template-columns:1.1fr .9fr;min-height:560px}
.person-opening h1{font-size:clamp(65px,6.5vw,96px)}
.portrait-assembly{padding:23px;background:linear-gradient(110deg,#354135,#16251c 65%);border:1px solid #b59a645e;border-left:9px solid #0c180f;transform:rotate(1.5deg);box-shadow:14px 20px 0 -9px #91805438,0 28px 60px #0005}
.portrait-assembly:before{content:'';position:absolute;inset:-15px 15px 15px -17px;border:1px solid #c3a87733;z-index:-1}
.portrait-assembly .main-portrait img{width:100%;height:auto}
.personality-section{padding:58px 5% 55px;background:linear-gradient(135deg,#34423633,transparent 70%);border-bottom:1px solid var(--line)}
.personality-grid{padding:0;gap:15%}
.book-fragment{padding:68px 9%;border-top:4px solid #93825b;background:linear-gradient(110deg,#e1d6ba,#cfc4a5);color:#283628}
.book-fragment:after{content:'';position:absolute;inset:15px;border:1px solid #7f805344;pointer-events:none}
.person-fragments{padding-inline:3%}
/* Three equal folios, each with its own material and the same amount of space. */
.world-ledger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch;margin-top:15px}
.world-entry{display:flex;flex-direction:column;gap:0;padding:0 0 26px;min-width:0;border-top:1px solid #c6a77b80;border-bottom:1px solid var(--line);align-items:stretch;position:relative;background:linear-gradient(180deg,#28372a38,transparent 70%)}
.world-entry:after{content:'';position:absolute;left:12px;right:12px;top:8px;height:5px;border-top:1px solid #c6a77b38;pointer-events:none}
.world-entry .entry-visual{height:clamp(270px,26vw,370px);width:100%;margin:18px 0 0;order:0;flex:none}
.folio-tag{position:absolute;top:13px;left:13px;z-index:2;background:#102017e8;border:1px solid #c1a47877;padding:7px 10px;color:#e4d5b7;font:10px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.12em}
.world-entry .entry-copy{display:flex;flex-direction:column;padding:32px 9px 0;max-width:none;flex:1}
.world-entry .entry-copy h2{font-size:clamp(33px,3.1vw,45px);min-height:2.15em;margin:0 0 20px}
.world-entry .entry-copy .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:18px}
.world-entry .entry-copy p:not(.eyebrow){font-size:15px;line-height:1.75;margin-bottom:28px}
.world-entry .text-door{margin-top:auto;align-self:stretch;font-size:13px;gap:12px}
.world-entry .entry-copy h2 em{color:#c6c1aa}
.entry-mirrors .entry-copy h2 em{color:#c6b3ce}
.entry-mirrors .mirror-reflection{font-size:34px}
.entry-game .entry-visual img{object-position:58% center}
.world-entry:hover .text-door{border-color:#d9bf8a;color:#ead5ae}
.world-entry:focus-visible{outline-offset:8px}
.world-margin{padding-top:28px;margin-bottom:20px}
.book-opening{position:relative;min-height:590px}
.book-display{padding:22px 20px 20px;background:radial-gradient(ellipse at 55% 35%,#b28a3f33,transparent 65%)}
.book-display:after{content:'';height:12px;position:absolute;left:-8%;right:-8%;bottom:65px;background:linear-gradient(#a1855940,#102017);border-top:1px solid #c2a16750;box-shadow:0 16px 26px #07120c77;z-index:-1}
.book-genesis{padding-top:65px}
.reading-table{background:#233126;padding:54px 5%;border-top:1px solid #b99c6b44;border-bottom:1px solid #b99c6b44;gap:11%}
.reading-paper{box-shadow:8px 10px 0 #a49b7759,0 18px 34px #06130b50}
.book-game-bridge figure{position:relative;border:1px solid #a992653b;padding:12px;background:#18241b}
.book-game-bridge figcaption{padding:15px 6px 6px}
body[data-room=spiegelraeume]{--room-accent:#baa0cb}
body[data-room=spiegelraeume] .room-view{background:radial-gradient(ellipse at 85% 7%,#a58cbd20,transparent 35%)}
.mirror-installation{isolation:isolate}
.mirror-installation:after{content:'';position:absolute;inset:4% -3%;border:1px solid #c6a87835;border-radius:50%;z-index:-2;pointer-events:none}
.mirror-panel{transition:transform .8s}
.mirror-installation .panel-front{background:linear-gradient(116deg,#181f22cc,#725f7750 42%,#e5d8ec75 43%,#a99bad19 44%,#263128cf 72%)}
.conversation-notes{border-left-color:#b294c45a}
.mirror-threshold{background:radial-gradient(ellipse at 50% 50%,#a58cbd16,transparent 65%)}
.game-opening{max-width:980px}
.game-panorama{position:relative;margin-inline:-3%!important;padding:10px;background:#0b1914;border:1px solid #a7935c66;box-shadow:0 25px 60px #0003}
.game-panorama img{max-height:none;aspect-ratio:16/9;object-fit:contain}
.game-panorama figcaption{padding:17px 10px 7px}
.memory-scenes figure{padding:12px;background:#223027;border:1px solid #b99c6b2e}
.memory-scenes figcaption{padding:25px 12px 8px}
.game-connection{padding:50px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#27342833}
.archive-toolbar{border-bottom:0;gap:25px;margin-bottom:25px}
.archive-filters{gap:9px}
.archive-filters button{position:relative;border:1px solid #b698623f;background:linear-gradient(#2e3b2d,#1c2b20);padding:12px 21px;color:#c6c5b4;box-shadow:0 3px 0 #09160e;min-height:48px}
.archive-filters button.active{background:linear-gradient(#9e8458,#856940);color:#101c14;border-color:#d3b581;box-shadow:inset 0 2px 5px #45331944,0 3px 0 #09160e}
.archive-filters button:hover{border-color:#dfbf8b}
.cabinet-content{border:1px solid #b4986640;padding:40px 5%;background:linear-gradient(90deg,#1e2c223b,#101e168c),repeating-linear-gradient(0deg,transparent 0 155px,#ba9a6220 155px 156px,transparent 156px 310px);box-shadow:inset 8px 0 12px #06100944}
.archive-item{box-shadow:0 15px 30px #070e0966}
.artifact-label{display:flex;align-items:center;gap:13px}
.artifact-label:before{content:'';display:inline-block;flex:none;width:17px;height:5px;border:1px solid #ad93619c;border-radius:1px}
.archive-quote .artifact-label:before{border-color:#6e704b}
.archive-item[hidden]{display:none!important}
body[data-room=sky]{--room-accent:#d3c894;background:#252f21}
body[data-room=sky] .room-view{background:radial-gradient(ellipse at 85% 7%,#afbb6b1d,transparent 45%)}
.sky-opening{min-height:570px}
.sky-real-portrait{background:#d5d6b7}
.sky-real-portrait img{object-fit:contain;max-height:430px;background:#a3ab88}
.sky-walk{padding-top:65px;padding-bottom:20px}
.sky-walk img{object-fit:contain;max-height:430px;background:#344128}
.sky-walk>div{border-left:1px solid #bdc48740;padding-left:30px}
.folio-dialog,.artifact-dialog{border-top:3px solid #b19261;background:linear-gradient(130deg,#253529,#15251b)}
.dialog-close:focus-visible{outline:2px solid var(--paper);outline-offset:3px}
.site-footer{margin-inline:7%;padding-inline:0}
.footer-mark:before{content:'';display:inline-block;width:20px;border-top:1px solid #bca073;vertical-align:middle;margin-right:15px}
/* Tablet and compact landscape retain the full spatial hierarchy. */
@media(min-width:701px) and (max-width:1100px){
 .entrance-hub .hero-content{top:19%;left:6%;width:48%;padding:0}
 .entrance-hub h1.architect-title{font-size:clamp(112px,13.1vw,144px)}
 .room-path{min-height:86px;padding:16px;width:29%;max-width:none}.room-path strong{font-size:25px}
 .path-person{left:6%;top:77%;width:33%}.path-worlds{right:5%;top:29%}.path-archive{right:4%;left:auto;top:52%}.path-sky{right:6%;top:77%}
 .wayfinder{display:block;left:47%;top:67%;width:220px}
 .world-ledger{gap:20px}.world-entry .entry-copy{padding-inline:1px}.world-entry .entry-copy h2{font-size:35px}.world-entry .entry-visual{height:280px}
 .world-entry .entry-copy p:not(.eyebrow){font-size:14px}.world-entry .text-door{font-size:12px}
 .person-opening h1{font-size:65px}.high-fidelity-room .room-section{margin-bottom:85px}
}
@media(min-width:701px) and (max-width:1000px) and (orientation:portrait){
 .entrance-hub .hero-scene{inset:auto -5% 55px;height:70vw;background-size:auto 100%;background-position:right center;transform:none}
 .entrance-hub .hero-shade{inset:auto 0 55px;height:72vw;background:linear-gradient(#101a15,transparent 23%,transparent 70%,#101a15)}
 .entrance-hub .ambient-light{inset:auto 0 60px;height:70vw}
 .entrance-hub .hero-content{top:15%;width:75%}.entrance-hub h1.architect-title{font-size:145px}.entrance-hub .hero-thought{font-size:17px}
 .wayfinder{left:34%;top:64%;width:230px}
 .path-person{top:81%;left:6%;width:37%}.path-worlds{top:44%;right:5%;width:34%}.path-archive{top:63%;right:5%;width:32%}.path-sky{top:82%;right:5%;width:32%}
 .entrance-question{max-width:350px;text-align:right;font-size:18px}
}
@media(max-width:700px){
 .site-header{height:72px;padding-inline:6%;gap:12px}.site-header .signature{gap:10px}.site-header .signature .tarlis-wordmark{font-size:1.16rem;letter-spacing:.2em}.tarlis-sigil{width:36px;height:36px}
 .entrance-controls{gap:0}.entrance-label{display:none}.motion-toggle{font-size:10px;padding-left:11px;gap:7px;max-width:120px}.motion-orbit{width:15px;height:15px;flex:none}.motion-orbit:after{left:4px;top:4px}.motion-toggle[aria-pressed=true] .motion-orbit:after{top:6px}
 .entrance-hub.hero{height:100svh;min-height:810px;max-height:none;display:block;padding:0}
 .entrance-hub .hero-content{position:absolute;left:7%;top:104px;width:86%;padding:0;max-width:none}
 .entrance-hub .eyebrow{font-size:10px;letter-spacing:.13em;margin:0 0 16px}
 .entrance-hub h1.architect-title{font-size:clamp(72px,21.5vw,98px);line-height:.88;margin:0 0 20px}
 .entrance-hub .architect-der{font-size:.66em;line-height:.96}.entrance-hub .hero-thought{font-size:14px;line-height:1.55;max-width:180px;margin:0}
 .entrance-hub .hero-scene{inset:auto -6px 49px;height:clamp(450px,57svh,535px);background-size:auto 100%;background-position:88% center;transform:translateX(var(--scene-x));background-repeat:no-repeat;mask-image:linear-gradient(transparent,#000 19%,#000 82%,transparent)}
 .entrance-hub .hero-shade{inset:auto 0 49px;height:clamp(450px,57svh,535px);background:linear-gradient(#101a15 0%,#101a1544 17%,transparent 34%,#09150d22 75%,#101a15 100%)}
 .entrance-hub .ambient-light{inset:auto 0 49px;height:clamp(450px,57svh,535px);background:radial-gradient(ellipse at 63% 45%,#edc48642,transparent 54%)}
 .wayfinder{display:block;left:auto;right:4%;top:34.5%;width:clamp(112px,31vw,145px);transform:translateY(-50%);filter:drop-shadow(3px 10px 9px #030a0acc)}
 .wayfinder:before,.wayfinder:after{display:none}
 .instrument-collar{transform:none}
 .instrument-caption{display:none}.instrument-reading{top:104%;left:auto;right:0;width:225px;font-size:17px;line-height:1.1;text-align:right}.instrument-hub{width:7px;height:7px;left:calc(50% - 3.5px);top:calc(50% - 3.5px)}.instrument-hand span{width:5px;left:calc(50% - 2.5px)}
 .room-path{width:auto;max-width:none;min-height:73px;padding:13px 16px;gap:15px;border-radius:1px 15px 1px 1px}
 .room-path strong{font-size:24px;line-height:1.07}.room-path small{font-size:11px;line-height:1.45;margin-top:5px}.path-arrow{width:24px;height:24px;font-size:17px}.path-stem,.path-person .path-stem{display:block;top:auto;bottom:100%;height:19px;width:1px;left:25px;right:auto}.path-stem:before{top:-3px;left:-3px}
 .path-person{left:7%;right:auto;top:46%;width:84%;max-width:360px}.path-person strong{white-space:normal}
 .path-worlds{left:auto;right:5%;top:59%;width:80%;max-width:340px}
 .path-archive{left:5%;right:auto;top:72%;width:80%;max-width:340px}
 .path-sky{left:auto;right:7%;top:auto;bottom:66px;width:80%;max-width:340px}
 .entrance-hub .hero-bottom{left:7%;right:7%;height:51px;gap:0}.world-inscription{font-size:9px;letter-spacing:.13em;min-height:44px;gap:10px}.entrance-question{display:none}
 .bearing-lines .guide-track{stroke:#c29e6745}.bearing-lines .guide-light{stroke-width:1.2px}
 .threshold-scene{background-size:auto 80%;background-repeat:no-repeat;background-color:#101a15;background-position:87% center}.threshold-edge{left:-15%;width:130vw}.threshold-label{font-size:32px;top:38%;right:7%}
 .high-fidelity-room{padding-top:43px;padding-bottom:42px}.high-fidelity-room .room-section{margin-bottom:70px}.high-fidelity-room p.lead{font-size:23px!important}.room-kicker{gap:12px;font-size:10px;letter-spacing:.13em}.room-kicker:before{width:21px;height:6px}
 .person-opening{min-height:0;grid-template-columns:minmax(0,1fr);gap:0}.person-opening h1{font-size:clamp(43px,12.2vw,58px)}.portrait-assembly{padding:16px;max-width:370px}.portrait-assembly .main-portrait img{max-height:none;object-fit:contain}.portrait-assembly:before{inset:-10px 10px 10px -10px}
 .personality-section{padding:35px 0 30px;background:none}.personality-grid{gap:30px}.person-fragments{padding:0}.book-fragment{padding:48px 10%}.book-fragment blockquote{font-size:32px}.book-fragment:after{inset:10px}
 .world-ledger{display:block;margin-top:0}.world-entry{padding-bottom:33px;margin-bottom:40px}.world-entry:last-child{margin-bottom:0}.world-entry .entry-visual{height:clamp(295px,83vw,365px);margin-top:14px}.world-entry .entry-copy{padding:28px 7px 0}.world-entry .entry-copy h2{font-size:40px;min-height:0;margin-bottom:18px}.world-entry .entry-copy p:not(.eyebrow){font-size:15px;margin-bottom:20px}.world-entry .entry-copy .eyebrow{margin-bottom:15px}.world-entry .text-door{font-size:14px}.entry-mirrors .mirror-reflection{font-size:38px}
 .book-opening{min-height:0;gap:0}.book-display{padding:14px 0 0}.book-display:after{bottom:59px}.reading-table{padding:38px 5%;margin-inline:-2%}.reading-paper{padding:35px 25px 38px}.reading-paper blockquote{font-size:35px}.book-genesis{padding-top:38px}.book-game-bridge figure{padding:9px}
 .mirror-installation:after{inset:5% -5%}.game-panorama{padding:6px;margin-inline:-3%!important}.game-panorama figcaption{padding:14px 5px 6px}.memory-scenes figure{padding:8px}.memory-scenes figcaption{padding:18px 8px 5px}.game-connection{padding:35px 0;background:none}
 .archive-toolbar{display:block}.archive-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.archive-filters button{padding:11px 13px;font-size:13px;min-height:48px}.cabinet-content{padding:24px 13px;gap:33px;margin-inline:-2%}.archive-item{padding:18px}.archive-quote{padding:26px 22px}.artifact-label{font-size:9px;letter-spacing:.06em;gap:10px}.artifact-label:before{width:13px}.archive-quote blockquote{font-size:33px}.artifact-caption{font-size:22px}.archive-collection{margin-bottom:65px}
 .sky-opening{min-height:0;gap:0}.sky-portrait-wrap{width:85%;max-width:325px}.sky-real-portrait img{max-height:none;object-fit:contain}.sky-walk{padding-top:40px}.sky-walk>div{padding-left:21px}.sky-walk img{max-height:none;object-fit:contain}
 .site-footer{gap:25px;align-items:flex-start}.site-footer p{margin-left:0}.footer-return{width:100%;font-size:13px;justify-content:space-between}.footer-mark:before{width:15px;margin-right:8px}
}
@media(max-width:360px){
 .entrance-hub .hero-content{top:100px}.entrance-hub h1.architect-title{font-size:72px;margin-bottom:20px}.entrance-hub .hero-thought{font-size:13px;max-width:170px}.wayfinder{top:34%;right:3%;width:108px}.instrument-reading{font-size:16px;width:210px}
 .room-path{padding:13px;gap:12px}.room-path strong{font-size:22px}.room-path small{font-size:11px}.path-person{width:86%}.path-worlds,.path-archive,.path-sky{width:80%}
 .high-fidelity-room h1{font-size:43px}.high-fidelity-room .book-intro h1{font-size:110px}.high-fidelity-room .mirrors-opening h1{font-size:39px}.person-opening h1{font-size:42px}.world-entry .entry-copy h2{font-size:36px}.artifact-label{font-size:9px}.archive-quote{padding:23px 19px}.archive-quote blockquote{font-size:30px}
}
/* Expanded text uses document flow rather than clipping the spatial labels. */
html.large-type .entrance-hub.hero{height:auto;min-height:100svh;padding:125px 7% 30px}
html.large-type .entrance-hub .hero-content{position:relative;inset:auto;width:auto}
html.large-type .room-paths{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;margin:70px 0 45px}
html.large-type .room-path{position:relative;inset:auto;display:block;width:auto;max-width:none;min-height:100px;padding:18px 18px 53px}
html.large-type .room-path strong{font-size:1.5rem;overflow-wrap:anywhere}html.large-type .room-path small{font-size:.7rem}
html.large-type .room-path .path-arrow{position:absolute;right:16px;bottom:14px}
html.large-type .wayfinder,html.large-type .bearing-lines{display:none}
html.large-type .entrance-hub .hero-bottom{position:relative;inset:auto;height:auto}
html.large-type .site-header .signature .tarlis-wordmark{font-size:23px}
@media(max-width:700px){html.large-type .room-paths{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:50px}html.large-type .entrance-hub.hero{padding-top:120px}html.large-type .entrance-hub .hero-content h1{font-size:clamp(76px,22vw,145px);white-space:normal;text-wrap:wrap}html.large-type .hero-thought{max-width:none;font-size:1rem}}
/* Idle machinery is only active in the visible entrance. */
body:not([data-room=eingang]) .entrance-hub *,html.tab-inactive .entrance-hub *,html.hall-offscreen .entrance-hub *{animation-play-state:paused!important}
html.calm *,html.calm *:before,html.calm *:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
html.calm .reveal{opacity:1;transform:none}html.calm .instrument-beam{display:none}html.calm .hero-scene{transform:none!important}
@media(prefers-reduced-motion:reduce){.threshold-transition{display:none}.instrument-beam{display:none}.reveal{opacity:1;transform:none}.entrance-hub .hero-scene{transform:none}}
