@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
:root{color-scheme:dark;--cream:#f0ecda;--muted:#c5c5aa;--yellow:#ded280;--ink:#191c15}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#15170f;color:var(--cream);font-family:'DM Sans',sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:7px}button:hover{color:#fff8ba}button{touch-action:manipulation}[hidden]{display:none!important}header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:30px 4.3%;background:linear-gradient(#11150d88,transparent)}.brand{display:flex;gap:14px;align-items:center;font-size:17px;font-weight:600;letter-spacing:.13em}.brandmark{font-family:Georgia,serif;font-size:45px;font-weight:400;letter-spacing:-.1em;width:44px;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:.2em;margin-top:5px;font-weight:400}nav{display:flex;align-items:center;gap:35px}nav button{font-size:13px}nav button span{margin-left:8px}#sound{display:flex;gap:6px;align-items:center}.soundbars{font-size:24px;letter-spacing:2px;color:var(--yellow)}#journey{height:560vh}.stage{position:sticky;top:0;height:100svh;min-height:550px;overflow:hidden;background:#171a0c}.scene{position:absolute;inset:0;will-change:transform,opacity}.scene>img{width:100%;height:100%;object-fit:cover}.entryImage{position:absolute;inset:0;background:var(--door-image,none) center/cover no-repeat;background-color:#635b29}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c120be8 0%,#0d120ba0 28%,#0b100b0a 62%),linear-gradient(0deg,#0a100bbe,transparent 35%,transparent 75%,#11160b55);pointer-events:none}#entrance{transform-origin:55% 50%}.doorVoid,.doorLeaf{position:absolute;left:35%;top:12%;width:30%;height:77%;transform-origin:left;backface-visibility:hidden}.doorVoid{background:#090c06;opacity:0}.doorLeaf{background:var(--door-image,none) center/333.333% 129.87%;opacity:0}.hero{position:absolute;top:25%;left:8.3%;z-index:3;max-width:650px;will-change:opacity,transform}.eyebrow{font-size:11px;letter-spacing:.2em;line-height:1.6;display:flex;align-items:center;gap:13px;color:var(--yellow)}.tinyline{width:26px;height:1px;background:var(--yellow)}h1{font-weight:400;font-size:clamp(56px,6.8vw,108px);line-height:1.02;letter-spacing:-.055em;margin:25px 0 24px}h1 em,h2 em{font-family:Italiana,Georgia,serif;font-weight:400;color:#e8daa0}h1 em{white-space:nowrap;font-size:1.07em}.intro{color:#c9cabb;font-size:14px;line-height:1.8}.journeyButton{padding:13px 0;border-bottom:1px solid #b5b39180;margin-top:18px;font-size:13px;min-width:180px;text-align:left}.journeyButton span{float:right;color:var(--yellow);font-size:19px}.doorLabel{position:absolute;right:10%;top:50%;text-align:left;border-left:1px solid #e3d69370;padding-left:20px}.doorLabel span{font-family:Italiana,Georgia,serif;font-size:64px}.doorLabel p{font-size:10px;letter-spacing:.2em}.sceneMeta{position:absolute;left:4.3%;right:4.3%;bottom:90px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:#c7c5ad}.storyCaption{position:absolute;left:8.3%;top:35%;opacity:0;pointer-events:none}.storyCaption h2,.roomHeading h2{font-family:Italiana,Georgia,serif;font-size:clamp(44px,5vw,78px);line-height:1.05;font-weight:400;margin:20px 0}.storyCaption>p:last-child,.roomHeading>p:last-child{font-size:14px;color:var(--muted)}#hud{position:fixed;bottom:0;left:0;right:0;height:65px;border-top:1px solid #e4dfbe2b;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:0 4.3%;background:#14180d80;backdrop-filter:blur(12px)}.scrollCue{display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:.15em}.mouse{width:12px;height:19px;border:1px solid #d9d3b688;border-radius:10px;position:relative}.mouse:after{content:'';position:absolute;top:4px;left:4px;width:2px;height:5px;background:var(--yellow)}#skip{font-size:12px;color:#d0d1bb}.progress{position:absolute;height:2px;bottom:0;left:0;right:0;background:#dbd48b22}.progress span{display:block;height:100%;width:0;background:var(--yellow)}.exitDoor{position:absolute;right:12%;top:25%;width:120px;height:48%;min-height:190px;border:1px solid #e3d88380;background:linear-gradient(90deg,#3a3719dd,#a6984999);box-shadow:0 0 35px #d5cd5020;transition:box-shadow .3s;z-index:5}.exitDoor:hover{box-shadow:0 0 55px #e4d99570}.exitSign{position:absolute;top:-38px;left:15%;right:15%;background:#bdd292;color:#1e3423;font-size:13px;letter-spacing:.15em;padding:5px}.exitAction{position:absolute;bottom:20px;left:0;width:100%;font-size:12px}.exitAction>span{margin-left:12px}.endHint{position:absolute;left:8.3%;bottom:24%}.endHint>p:last-child{font-family:Italiana,Georgia,serif;font-size:36px}#room{position:fixed;inset:0;height:100svh;overflow:hidden;background:#101811}.roomWorld{position:absolute;inset:0;transition:transform 1s cubic-bezier(.22,.61,.36,1),filter .9s;will-change:transform}.roomPhoto{width:100%;height:100%;object-fit:cover}.roomWorld .shade{background:linear-gradient(0deg,#0c160fde,transparent 45%,#101a124d),linear-gradient(90deg,#12201499,transparent 70%)}.roomHeading{position:absolute;left:6%;bottom:15%;pointer-events:none}.roomHeading h2{font-size:clamp(40px,4.8vw,68px)}.hotspot{position:absolute;display:flex;gap:10px;align-items:center;z-index:2;padding:10px;transform:translate(-50%,-50%)}.hotspot>span{border:1px solid #eeebc4;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:12px;background:#17231aa3;box-shadow:0 0 0 6px #e2e9bc13;transition:background .25s,box-shadow .25s}.hotspot b{background:#18241be8;font-weight:400;padding:10px 13px;font-size:12px;white-space:nowrap;border:1px solid #d8d8b93d}.hotspot i{margin-left:15px;font-style:normal;color:var(--yellow)}.hotspot:hover>span{background:#72744b;box-shadow:0 0 0 10px #e2e9bc23}.frame{left:44%;top:25%}.chair{left:20%;top:62%}.bed{left:76%;top:55%}.contact{left:17%;top:34%}.roomBottom{position:absolute;bottom:35px;left:4.3%;right:4.3%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.15em}.roomBottom button{font-size:12px;letter-spacing:0}#transition{position:fixed;inset:0;background:#080d08;z-index:80;pointer-events:none;opacity:0;transition:opacity .65s}#transition.active{opacity:1}dialog{color:var(--cream);border:1px solid #9eaa753d;background:#1a231b;width:min(1000px,calc(100% - 48px));max-height:85svh;padding:30px 45px;box-shadow:0 40px 150px #0007;overflow:auto}dialog::backdrop{background:#080e0bbb;backdrop-filter:blur(9px)}dialog[open]{animation:reveal .5s ease both}.dialogTop,.dialogBottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.16em;color:#bec4a6;gap:16px}.dialogTop{padding-bottom:22px;border-bottom:1px solid #adb89130}.dialogTop button{font-size:12px;letter-spacing:0}.dialogTop button span{font-size:24px;vertical-align:middle;margin-left:15px}.dialogBottom{border-top:1px solid #adb89130;margin-top:30px;padding-top:22px}.dialogBottom button{font-size:12px;letter-spacing:0}#panelBody{padding:32px 0 10px}#panelBody h2,#index h2{font-family:Italiana,Georgia,serif;font-size:clamp(42px,5vw,70px);font-weight:400;line-height:1.05;margin:15px 0 24px}#panelBody .lead{font-size:18px;line-height:1.7;color:#d2d5c2;max-width:640px}.sample{font-size:12px;color:#a6b299;line-height:1.7}.profileGrid{display:grid;grid-template-columns:1fr 180px;gap:40px}.portrait{display:grid;place-content:center;aspect-ratio:3/4;background:linear-gradient(140deg,#848c4b,#313c28);border:8px solid #303b29;font:110px Italiana,Georgia,serif;color:#dfe0ab;box-shadow:inset 0 0 60px #101b1a80}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.tags span{padding:9px 12px;border:1px solid #aab28c55;font-size:12px}.timeline article{display:grid;grid-template-columns:100px 1fr;gap:20px;border-top:1px solid #aab28c30;padding:22px 0}.timeline small{color:var(--yellow);font-size:12px}.timeline h3{font-size:20px;margin:0 0 8px;font-weight:400}.timeline p{color:#bfc8af;line-height:1.7;margin:0;font-size:15px}.works{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work{border:1px solid #b4c09135;padding:12px;text-align:left;background:#222e21}.workVisual{aspect-ratio:1.4;overflow:hidden;background:#737b3f;display:grid;place-items:center;margin-bottom:18px}.workVisual img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work:hover img{transform:scale(1.08)}.workVisual.word{font-family:Italiana,Georgia,serif;font-size:48px;color:#e3ddb2;background:#494e35}.workVisual.word.alt{background:#d6cc92;color:#353d2a}.work small{font-size:10px;color:#b9c49f;letter-spacing:.1em}.work h3{font-weight:400;font-size:21px;margin:8px 0 14px}.detail{line-height:1.8;color:#c6ceb9;max-width:680px}.detail button,.contactLink{padding:12px 0;border-bottom:1px solid #b1bc86;color:var(--yellow);display:inline-block;margin-top:15px}.indexLinks{display:grid}.indexLinks button{display:flex;gap:25px;padding:20px 0;text-align:left;border-bottom:1px solid #b1bc8633;font-family:Italiana,Georgia,serif;font-size:34px}.indexLinks span{font:12px 'DM Sans',sans-serif;align-self:center;color:var(--yellow)}.indexLinks i{margin-left:auto;font:24px sans-serif}body.inRoom #hud{display:none}body.inRoom header{background:linear-gradient(#0c180bcc,transparent)}@keyframes reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-aspect-ratio:17/10){.frame{top:17%}.contact{top:30%}}
@media(max-width:700px){header{padding:23px 6%}.brand small{font-size:8px}.brandmark{font-size:36px}.brand{gap:9px;font-size:14px}nav{gap:18px}nav button{font-size:12px}#soundLabel{display:none}.stage{min-height:520px}.hero{left:7%;top:30%;right:6%}h1{font-size:clamp(47px,12vw,77px)}.hero .eyebrow{font-size:9px}.intro{font-size:13px}.entryImage{background-position:58% center}.doorLabel{right:8%;top:20%;border:0}.doorLabel span{font-size:40px}.doorLabel p{font-size:8px}.sceneMeta{left:6%;right:6%;bottom:88px;font-size:8px}#coordinates{display:none}.shade{background:linear-gradient(90deg,#0c120bdc,#0d120b70 70%,#0b100b20),linear-gradient(0deg,#0a100bc9,transparent 70%)}#hud{padding:0 6%}.scrollCue{font-size:8px;gap:7px}#skip{font-size:10px;max-width:130px;text-align:right}.storyCaption{left:7%;right:7%;top:27%}.storyCaption h2{font-size:48px}.storyCaption>p:last-child{max-width:220px;line-height:1.8}.exitDoor{right:13%;top:30%;width:95px;height:35%}.endHint{left:7%;right:7%;bottom:22%}.endHint>p:last-child{font-size:27px}.endHint .eyebrow{font-size:9px}.roomPhoto{object-fit:contain}.roomWorld{background:#243320}.roomWorld .shade{background:linear-gradient(0deg,#0f1a10 3%,transparent 50%,#0f1a1066)}.roomHeading{left:7%;bottom:16%}.roomHeading h2{font-size:43px;margin:12px 0}.roomHeading>p:last-child{font-size:12px}.roomHeading .eyebrow{font-size:9px}.hotspot b{font-size:10px;padding:7px}.hotspot i{margin-left:5px}.hotspot>span{width:29px;height:29px;font-size:10px}.hotspot{gap:5px;padding:9px}.frame{left:51%;top:39%}.chair{left:21%;top:54%}.bed{left:77%;top:51%}.contact{left:19%;top:44%}.roomBottom{bottom:30px;left:6%;right:6%}.roomBottom>span{font-size:8px;max-width:110px;text-align:right;line-height:1.8}dialog{width:calc(100% - 24px);padding:23px;max-height:88svh}.dialogTop{font-size:8px}.dialogTop button{font-size:11px}.dialogTop button span{margin-left:5px}.profileGrid{grid-template-columns:1fr}.portrait{display:none}.works{grid-template-columns:1fr}.work{display:grid;grid-template-columns:110px 1fr;gap:0 15px}.workVisual{grid-row:1/3;margin:0;aspect-ratio:1}.workVisual.word{font-size:34px}.work small{align-self:end}.work h3{font-size:18px}.timeline article{grid-template-columns:64px 1fr;gap:13px}.timeline small{font-size:10px}.timeline h3{font-size:18px}.dialogBottom>span{font-size:8px}.dialogBottom button{font-size:10px}#panelBody .lead{font-size:16px}.doorLeaf,.doorVoid{left:25%;width:50%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.roomWorld,.scene{will-change:auto}}

.roomPhoto{object-fit:contain}.roomHeading h2{font-size:clamp(36px,3.5vw,54px)}.roomHeading{bottom:10%}.exitDoor{background:#6e622e var(--door-image,none) 51.3% 40%/530% 157% no-repeat;right:5%;height:38%;top:32%;width:95px}.exitAction{background:#131c13dc;padding:12px 0;bottom:0}.roomWorld{background:#1b2519}@media(max-width:700px){#corridor>img{object-position:72% center}.roomHeading{bottom:14%}.roomHeading h2{font-size:40px}.exitDoor{right:6%;width:80px;height:30%}}