:root{--paper:#efeee7;--muted:#999e90;--lime:#c9de9d;--line:#d6dcc52e;--pad:clamp(22px,3.8vw,72px)}
*{box-sizing:border-box}body{margin:0;background:#121510;color:var(--paper);font:14px/1.55 'DM Sans',Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}button:disabled{opacity:.35;cursor:default}h1,h2,p{margin:0}::selection{background:var(--lime);color:#131611}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:60;background:var(--paper);color:#131611;padding:12px}.skip:focus{top:12px}
header{height:104px;position:absolute;z-index:5;left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.wordmark{font:700 55px/.8 'DM Sans';letter-spacing:-7px}.wordmark span{font:400 12px/1 'DM Sans';letter-spacing:0;vertical-align:top;margin:0 0 0 5px}.header-title{font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.13em}.header-title small{color:var(--muted);font-size:8px;font-weight:400;letter-spacing:.12em}.edition{margin-left:auto;font-size:9px;letter-spacing:.12em;display:flex;gap:9px;align-items:center;color:#b4bbab}.edition i{width:5px;height:5px;border-radius:50%;background:var(--lime)}.contact{margin-left:32px;display:flex;align-items:center;gap:35px;font-size:12px}.contact span{font-size:24px;color:var(--lime)}
main{height:100svh;min-height:600px;position:relative}.world{position:absolute;inset:0}.world canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.fallback{position:absolute;inset:0;opacity:.18;z-index:-1;overflow:hidden;pointer-events:none}.fallback img{width:100%;height:100%;object-fit:cover}.fallback p{position:absolute;bottom:22%;left:var(--pad)}.ready .fallback{display:none}.unavailable .world canvas{display:none}.unavailable .fallback{z-index:0;opacity:.32}.unavailable .help{visibility:hidden}
.intro{position:absolute;left:var(--pad);top:23%;pointer-events:none;transition:opacity .45s,transform .65s,visibility .45s;width:43%;z-index:2}.intro button,.intro a{pointer-events:auto}.eyebrow{font-size:8px;letter-spacing:.17em;color:#a3aa95;margin-bottom:25px}.eyebrow span{color:var(--paper);display:block}h1{font-family:'DM Sans',sans-serif;font-size:clamp(84px,8.1vw,156px);font-weight:500;line-height:.86;letter-spacing:-.085em}.period{color:var(--lime)}.intro-description{font-size:clamp(13px,1.05vw,17px);color:var(--muted);line-height:1.65;margin:32px 0 25px 5px}.intro-description strong{font-weight:400;color:var(--paper)}.enter{display:flex;align-items:center;justify-content:space-between;gap:45px;border-bottom:1px solid #d7e1c475;padding:0 0 12px 4px;font-size:12px;width:204px}.enter span{color:var(--lime);font-size:28px;line-height:1;transition:transform .2s}.enter:hover span{transform:translate(4px,-4px)}.founder{display:flex;align-items:center;gap:13px;margin-top:40px;font-size:10px;color:var(--paper)}.founder img{width:37px;height:46px;object-fit:cover;filter:saturate(.3)}.founder p span{color:#8d9482}.focused .intro{opacity:0;visibility:hidden;transform:translateX(-25px)}
.world-label{position:absolute;right:var(--pad);top:136px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.world-label img{width:135px;height:auto;opacity:.82}.world-label>span{font-size:6px;letter-spacing:.22em;color:#8d9682}.scene-caption{position:absolute;right:var(--pad);bottom:145px;font-size:8px;letter-spacing:.17em;display:flex;align-items:center;gap:14px;color:#a6af99;pointer-events:none}.caption-line{width:38px;height:1px;background:#76846c}
footer{position:absolute;z-index:5;left:var(--pad);right:var(--pad);bottom:0;height:112px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px}.help{display:flex;align-items:center;gap:15px;font-size:10px}.help small{font-size:9px;color:#8d9482}.cross{color:var(--lime);font-size:30px;line-height:1}nav{margin-left:auto;display:flex;gap:8px}nav button{height:46px;padding:0 22px;font-size:11px;border:1px solid transparent;transition:background .25s,border-color .25s}nav button small{font-size:8px;color:#a0a892;margin-right:12px}nav button[aria-pressed=true]{background:#d1e2a714;border-color:#cfdda649}nav button[aria-pressed=true] small{color:var(--lime)}nav button:hover{border-color:#b9c6a474}.motion{width:40px;height:40px;border:1px solid var(--line);margin-left:18px;font-size:15px}.loading{position:absolute;bottom:132px;left:var(--pad);font-size:9px;color:var(--lime);letter-spacing:.09em;transition:opacity .3s}.loading span{margin-left:8px}.ready .loading{opacity:0;pointer-events:none}
.detail{position:absolute;z-index:3;left:var(--pad);top:30%;width:310px;pointer-events:none}.detail-index{font-size:9px;letter-spacing:.14em;color:var(--lime)}.detail h2{font-size:clamp(48px,5vw,82px);font-weight:500;line-height:1;letter-spacing:-.055em;margin:25px 0}.detail p{max-width:240px;color:#b0b6a7;font-size:13px;line-height:1.7}.detail a{display:inline-block;border-bottom:1px solid #bdccac7a;padding:20px 0 7px;margin-top:10px;font-size:12px;pointer-events:auto}
@media(min-width:761px) and (max-height:790px){header{height:84px}.intro{top:21%}h1{font-size:clamp(72px,7.3vw,110px)}.eyebrow{margin-bottom:16px}.intro-description{margin:22px 0 17px}.founder{margin-top:23px}.world-label{top:110px}footer{height:90px}.scene-caption{bottom:119px}}
@media(max-width:760px){body{overflow:auto}header{height:78px;gap:18px}.wordmark{font-size:44px}.header-title{font-size:8px}.header-title small{font-size:6px}.edition{display:none}.contact{font-size:10px;gap:9px;margin-left:auto}.contact span{font-size:20px}main{height:100svh;min-height:740px}.intro{top:117px;width:90%}.eyebrow{font-size:6.5px;letter-spacing:.13em;margin-bottom:16px}.eyebrow span{display:inline;margin-right:6px}h1{font-size:clamp(63px,17.5vw,104px);line-height:.86}.intro-description{font-size:11px;margin-top:16px;line-height:1.5}.enter{position:absolute;right:6px;top:93px;width:128px;font-size:10px;padding-bottom:8px;gap:12px}.enter span{font-size:23px}.founder{display:none}.world-label{top:342px;right:var(--pad)}.world-label img{width:94px}.world-label>span{font-size:5px;letter-spacing:.08em}.scene-caption{bottom:114px;left:var(--pad);right:auto;font-size:6px}.help{display:none}footer{height:90px;position:absolute;gap:6px;top:calc(max(100svh,740px) - 90px);bottom:auto}nav{margin:0;gap:2px;flex:1;justify-content:space-between}nav button{font-size:9px;padding:0 9px;height:43px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}nav button small{font-size:7px;margin:0}.motion{margin:0;width:34px;height:43px;font-size:12px}.loading{top:317px;bottom:auto;font-size:8px}.detail{top:120px;width:calc(100% - 44px)}.detail h2{font-size:44px;margin:12px 0}.detail p{font-size:11px;max-width:270px;line-height:1.5}.detail a{padding-top:5px;margin-top:6px;font-size:11px}.detail-index{font-size:7px}.focused .world-label{opacity:.35}}
@media(max-width:360px){.contact{font-size:0}.contact span{font-size:23px}.world-label{top:330px}.intro-description{font-size:10px}nav button{padding:0 7px}}
.fallback{z-index:0}.ready .fallback{display:none}
.character-ui{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden}.character-hotspot{position:absolute;left:0;top:0;width:44px;height:44px;padding:0;pointer-events:auto;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s;background:#e6ebd918;border:1px solid #d6e6b74a;border-radius:50%;color:#e6ebd4;backdrop-filter:blur(9px)}.ready .character-hotspot{opacity:1}.character-hotspot:hover{background:#d5e7ad;color:#182114}.character-hotspot>span{font-size:25px;line-height:1;transform:translateY(-3px);letter-spacing:2px}.character-hotspot[data-character=avocado]>span{font-size:22px;transform:none;letter-spacing:0}.character-hotspot small{position:absolute;top:49px;font-size:8px;letter-spacing:.08em;text-shadow:0 1px 5px #000;pointer-events:none}.character-hotspot[aria-expanded=true]{visibility:hidden}.unavailable .character-ui{display:none}
.speech-bubble{position:absolute;left:0;top:0;pointer-events:auto;width:310px;padding:21px 23px 14px;color:#20281c;background:#efeee3;border-radius:18px 18px 18px 3px;box-shadow:0 12px 36px #070b075c;transform-origin:50% 100%;border:1px solid #ffffff47}.speech-bubble:after{content:'';position:absolute;left:var(--tail-x,50%);bottom:-7px;width:14px;height:14px;transform:rotate(45deg);background:#efeee3;border-radius:0 0 3px 0}.speech-bubble[data-speaker=avocado]{background:#dce7b7;border-radius:18px 18px 3px 18px}.speech-bubble[data-speaker=avocado]:after{background:#dce7b7}.speech-header{display:flex;align-items:center;gap:6px;padding-right:18px;font-size:8px;font-weight:700;letter-spacing:.09em}.speaker-dot{width:6px;height:6px;border-radius:50%;background:#65794b;flex:none}.speaker-role{font-size:6px;color:#7d8774;font-weight:500;letter-spacing:.07em;margin-left:auto}.speech-close{position:absolute;right:4px;top:4px;width:36px;height:36px;font-size:23px;color:#6b735f;font-weight:400}.speech-text{font:500 19px/1.32 'DM Sans',sans-serif;letter-spacing:-.035em;margin:18px 0 19px;min-height:50px}.speech-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #50643b26;padding-top:8px}.speech-footer button{font-size:9px;font-weight:500;min-height:32px;display:flex;gap:15px;align-items:center;padding:0}.speech-footer button span{font-size:16px}.speech-footer>span{font-size:7px;color:#768467;letter-spacing:.09em}.chatting .detail{visibility:hidden}.chatting .scene-caption{opacity:.5}
@media(max-width:760px){.speech-bubble{width:min(285px,calc(100vw - 32px));padding:18px 19px 12px}.speech-text{font-size:17px;margin:14px 0;min-height:44px}.speech-header{font-size:7px}.speaker-role{font-size:5px}.character-hotspot{width:40px;height:40px}.character-hotspot small{top:44px;font-size:7px}.chatting .intro{opacity:0;visibility:hidden}.chatting .world-label{opacity:0}.speech-close{width:38px;height:38px}.speech-footer button{min-height:36px}.character-hotspot>span{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* The film uses native page scroll; wheel input belongs to the room only after entry. */
#studio-shell{position:relative;width:100%;min-height:100svh}html.opening-active body{overflow-x:hidden;overflow-y:auto}html.opening-active #studio-shell{position:fixed;inset:0;opacity:0;visibility:hidden}.opening{height:360svh;position:relative;z-index:20}.opening-stage{position:fixed;inset:0;background:#121510;overflow:hidden}.opening-poster,#opening-film,.opening-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.opening-poster{object-position:54% 50%}#opening-film{opacity:0;transition:opacity .25s}#opening-film.loaded{opacity:1}.opening-shade{background:linear-gradient(90deg,#050907b8,transparent 78%),linear-gradient(0deg,#050907b3,transparent 40%);pointer-events:none}.opening-top{position:absolute;top:40px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.12em}.opening-top small{display:block;font-size:8px;letter-spacing:.16em;color:#d5dcc4;margin-top:5px}.opening-top button{font-size:11px;display:flex;gap:28px;align-items:center;border-bottom:1px solid #ebf0df70;padding:10px 0}.opening-top b{font-size:22px;font-weight:400;color:#daecab}.opening-copy{position:absolute;left:var(--pad);bottom:24%;max-width:850px}.opening-kicker{font-size:9px;letter-spacing:.15em;color:#d8e0ca}.opening-copy h2{font-size:clamp(50px,6.7vw,110px);font-weight:400;line-height:1.05;letter-spacing:-.065em;margin:22px 0}.opening-copy h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.opening-copy p{font-size:13px;color:#d9dcce}.opening-bottom{position:absolute;bottom:48px;left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:40px;font-size:10px}.opening-bottom button{border:1px solid #d0d7b96b;border-radius:30px;padding:13px 22px;font-size:11px;display:flex;gap:22px;align-items:center;background:#141a1370}.opening-scroll{margin-left:auto;font-size:9px;letter-spacing:.12em}#opening-time{font-size:9px;font-variant-numeric:tabular-nums}.opening-progress{position:absolute;bottom:0;height:3px;left:0;right:0;background:#e7ebd62b}.opening-progress i{display:block;width:100%;height:100%;background:#cfe3a2;transform:scaleX(0);transform-origin:left}.opening-arrival{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none}.opening-arrival span{font-size:10px;letter-spacing:.19em}.opening-arrival strong{font-size:clamp(70px,10vw,150px);font-weight:400;letter-spacing:-.07em}.opening-reduced .opening{height:100svh}.opening-reduced .opening-scroll,.opening-reduced #play-opening,.opening-reduced #opening-time{display:none}
.scene-tools{position:absolute;z-index:6;right:var(--pad);top:50%;display:flex;flex-direction:column;align-items:center;padding:5px;border:1px solid #dae2c633;background:#12180ecc;backdrop-filter:blur(12px);border-radius:25px}.scene-tools button{width:34px;height:36px;font-size:21px;color:#dbe4cc}.scene-tools button:hover{color:#fff;background:#d0deaa1c;border-radius:50%}.scene-tools span{width:15px;height:1px;background:var(--line);margin:3px 0}#scene-tooltip{position:absolute;z-index:8;padding:9px 13px;background:#e4ebd3;color:#202a18;border-radius:4px;font-size:10px;pointer-events:none;max-width:240px;box-shadow:0 3px 15px #0003}#project-picker{margin-top:22px;pointer-events:auto;display:grid;gap:1px;background:#d0dec52b;max-height:39svh;overflow:auto}#project-picker button{display:flex;align-items:center;gap:13px;text-align:left;background:#172013;padding:11px 12px;font-size:12px}#project-picker button:hover{background:#2b3922}#project-picker img{width:48px;height:30px;object-fit:cover}#project-picker button span{margin-left:auto;color:#bfce9e}.focused .detail:has(#project-picker:not([hidden])){top:20%;width:280px}.focused .detail:has(#project-picker:not([hidden])) h2{font-size:55px;margin:18px 0}.focused .detail:has(#project-picker:not([hidden])) p{font-size:11px}.edition:hover{color:var(--paper)}
.viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:#e7ecdd;background:#11170f;overflow:hidden}.viewer::backdrop{background:#0b100cdd}.viewer[open]{display:grid;grid-template-rows:84px minmax(0,1fr) 126px;gap:0}.viewer-top{padding:0 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.08em}.viewer-top button{display:flex;align-items:center;gap:25px;font-size:11px}.viewer-top button span{font-size:29px;color:#c9d6af}.viewer-stage{display:grid;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;padding:25px 2vw;min-height:0}.viewer-stage>button{width:46px;height:46px;justify-self:center;border:1px solid #dbe8c440;border-radius:50%;font-size:20px}.viewer-stage>button:hover{background:#d3e6b6;color:#11170f}.viewer-stage figure{position:relative;width:100%;height:100%;min-height:0;margin:0;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewer-stage img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .2s}.viewer-stage figcaption{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:12px;background:#141b13bd;border-radius:4px}.viewer-stage figcaption:not(:empty){padding:8px 12px}.viewer-bottom{padding:20px 4vw;display:flex;gap:30px;align-items:center;border-top:1px solid var(--line);min-width:0}.viewer-bottom h2{font-size:30px;letter-spacing:-.045em;font-weight:400;line-height:1.2}.viewer-bottom p{font-size:11px;color:#aeb7a1;max-width:400px;margin-top:5px}.viewer-bottom>div:first-child>span{font-size:8px;letter-spacing:.1em;color:#becd9d}.viewer-bottom>a{margin-left:auto;background:#d5e5b5;color:#17200f;border-radius:30px;padding:14px 22px;display:flex;align-items:center;gap:30px;font-size:12px;white-space:nowrap}.viewer-bottom>a span{font-size:22px}#viewer-thumbnails{display:flex;gap:6px;margin-left:auto;max-width:36vw;overflow:auto;padding:4px;scrollbar-width:thin}#viewer-thumbnails button{flex:none;opacity:.45;padding:0;border:1px solid transparent;width:56px;height:40px}#viewer-thumbnails button[aria-pressed=true]{opacity:1;border-color:#d3e1ad}#viewer-thumbnails img{display:block;width:100%;height:100%;object-fit:cover}.viewer[data-kind=portrait] #viewer-thumbnails button{width:37px;height:47px}
@media(max-width:1100px){.help{display:none}nav{margin-right:auto}.edition{font-size:8px}footer{gap:10px}nav button{padding:0 12px}.contact{margin-left:15px}}
@media(max-width:760px){.opening{height:300svh}.opening-top{top:25px}.opening-top>span{font-size:8px}.opening-top small{font-size:6px}.opening-top button{font-size:9px;gap:14px}.opening-copy{bottom:25%;right:22px}.opening-copy h2{font-size:clamp(40px,10.4vw,70px)}.opening-kicker{font-size:7px}.opening-copy p{font-size:11px;max-width:250px}.opening-bottom{bottom:30px;gap:18px;flex-wrap:wrap}.opening-bottom button{font-size:10px;padding:11px 15px}.opening-scroll{font-size:7px;margin-left:auto}.scene-tools{right:16px;top:auto;bottom:132px;padding:3px;flex-direction:row}.scene-tools button{width:31px;height:31px;font-size:19px}.scene-tools span{width:1px;height:14px;margin:0 3px}.scene-caption{bottom:119px}.edition{display:none}nav{gap:0}nav button{padding:0 7px;font-size:8px}.motion{width:28px;height:38px}.focused .detail:has(#project-picker:not([hidden])){top:100px;width:calc(100% - 44px)}.focused .detail:has(#project-picker:not([hidden])) h2{font-size:32px;margin:10px 0}.focused .detail:has(#project-picker:not([hidden])) p{display:none}#project-picker{display:flex;gap:6px;max-height:none;background:transparent;overflow-x:auto;scrollbar-width:thin;margin-top:13px}#project-picker button{min-width:126px;padding:8px;border:1px solid #d7e9b438;border-radius:4px;font-size:10px}#project-picker img{display:none}.viewer[open]{grid-template-rows:67px minmax(0,1fr) 170px}.viewer-top{padding:0 18px;font-size:7px}.viewer-top button{font-size:9px;gap:10px}.viewer-stage{grid-template-columns:30px minmax(0,1fr) 30px;padding:15px 6px}.viewer-stage>button{width:28px;height:38px;border:0;font-size:19px}.viewer-bottom{position:relative;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:14px 20px}.viewer-bottom h2{font-size:23px}.viewer-bottom p{display:none}.viewer-bottom>a{position:absolute;right:20px;top:21px;padding:8px 14px;gap:10px;font-size:10px}.viewer-bottom>a span{font-size:18px}#viewer-thumbnails{margin:0;max-width:100%;width:100%;padding:3px 0;align-self:flex-end}#viewer-thumbnails button{width:48px;height:32px}.viewer[data-kind=portrait] #viewer-thumbnails button{width:30px;height:39px}#scene-tooltip{display:none!important}}
.gallery-walk{position:absolute;z-index:6;left:50%;bottom:136px;transform:translateX(-50%);display:flex;gap:25px;align-items:center;padding:5px 8px;background:#15200eeb;border:1px solid var(--line);border-radius:30px;white-space:nowrap}.gallery-walk button{height:36px;width:36px;font-size:20px}.gallery-walk span{font-size:8px;letter-spacing:.1em;color:#d1ddba}.room-contact{position:absolute;left:var(--pad);bottom:147px;z-index:4;font-size:10px;display:flex;gap:36px;align-items:center;border-bottom:1px solid #d0dec14d;padding:8px 0;opacity:0;pointer-events:none}.focused .room-contact{opacity:1;pointer-events:auto}.chatting .room-contact{opacity:0;pointer-events:none}.contact-dialog{border:1px solid #b2bb9b;padding:45px;width:min(630px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto;background:#edede0;color:#263022;border-radius:10px;box-shadow:0 25px 90px #0008}.contact-dialog::backdrop{background:#0a120cbd;backdrop-filter:blur(8px)}.contact-close{position:absolute;right:14px;top:10px;font-size:27px;width:40px;height:40px}.contact-kicker{font-size:8px;letter-spacing:.13em;color:#788065}.contact-dialog h2{font-size:48px;font-weight:400;letter-spacing:-.06em;margin:13px 0 8px;line-height:1.1}.contact-intro{font-size:12px;color:#727a63}.contact-topics{display:flex;gap:6px;flex-wrap:wrap;margin:24px 0}.contact-topics button{border:1px solid #c3c8b6;padding:9px 13px;border-radius:20px;font-size:10px}.contact-topics button[aria-pressed=true]{background:#2f4329;color:#edf1dd;border-color:#2f4329}.contact-dialog label{display:block;font-size:10px;font-weight:500;margin:17px 0 7px}.contact-dialog label small{font-size:9px;color:#7b826c;font-weight:400}.contact-dialog input,.contact-dialog textarea{width:100%;border:0;border-bottom:1px solid #bac2ab;border-radius:0;padding:9px 0;font:12px/1.5 'DM Sans',sans-serif;background:transparent;outline-color:#496b35;color:#25301e;resize:vertical}.postcard{margin:22px 0 17px;background:#d8dfc1;border:1px solid #c7d1af;padding:17px 20px;position:relative;min-height:91px;border-radius:3px}.postcard>span{font-size:7px;letter-spacing:.1em;color:#707e55}.postcard p{font-family:Georgia,serif;font-size:17px;line-height:1.35;padding-right:30px;max-height:92px;overflow:auto;margin-top:6px;overflow-wrap:anywhere}.postcard i{position:absolute;right:18px;top:20px;font-size:22px;font-style:normal}.prepare-email{display:flex;width:100%;justify-content:space-between;align-items:center;background:#2f4329;color:#eef2df;border-radius:4px;padding:14px 17px;font-size:12px}.prepare-email span{font-size:21px}.contact-explain{font-size:9px;color:#7e876e;text-align:center;margin:9px 0 23px}.contact-direct{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #c5cbb9;padding-top:17px;font-size:11px}.contact-direct button{font-size:9px;color:#657354}#contact-status{font-size:10px;color:#5d7849;margin-top:8px;min-height:14px}
@media(max-width:760px){.gallery-walk{bottom:185px;gap:13px}.gallery-walk span{font-size:7px}.room-contact{display:none}.contact-dialog{padding:30px 23px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.contact-dialog h2{font-size:37px}.contact-topics{margin:20px 0;gap:5px}.contact-topics button{font-size:9px;padding:8px 10px}.contact-direct{font-size:10px}.contact-direct button{font-size:8px}.postcard{min-height:83px}nav button{padding:0 5px;font-size:7.5px}.scene-tools{bottom:132px}.focused .scene-caption{display:none}}
.gallery-mode header,.gallery-mode footer{background:#11170fe8;box-shadow:0 0 0 18px #11170fe8}.gallery-mode .world-label,.gallery-mode .room-contact{display:none}.gallery-mode .detail:has(#project-picker:not([hidden])){top:132px;left:var(--pad);width:calc(100% - var(--pad)*2)}.gallery-mode .detail:has(#project-picker:not([hidden])) h2{font-size:30px;display:inline-block;padding:6px 14px;background:#192011ed;margin:9px 0 0}.gallery-mode .detail-index{display:block;color:#1c2814;font-weight:700}.gallery-mode .detail p{display:none}.gallery-mode #project-picker{display:flex;width:max-content;max-width:100%;margin-top:8px;background:transparent;gap:7px}.gallery-mode #project-picker button{min-width:155px;border:1px solid #d8e4ba50;border-radius:4px;padding:8px 11px;font-size:11px}.gallery-mode #project-picker img{width:35px;height:22px}.gallery-mode .scene-caption{color:#27331d}
@media(max-width:760px){.gallery-mode .detail:has(#project-picker:not([hidden])){top:97px}.gallery-mode .detail:has(#project-picker:not([hidden])) h2{font-size:24px}.gallery-mode #project-picker{max-width:100%;width:100%}.gallery-mode #project-picker button{min-width:112px;font-size:9px}.gallery-mode .detail-index{font-size:7px}}
@media(max-width:760px){.edition{display:flex;gap:0;font-size:0;margin-left:auto;padding:0;width:24px;height:34px}.edition:after{content:'↺';font-size:22px}.edition i{display:none}.contact{margin-left:0;padding:0}}
.gallery-mode .detail-index{display:table;background:#1a2117;color:#e4e8d7;padding:4px 7px}

/* Light falls into the room; the reading edge stays quiet. */
:root{--paper:#f1eee7;--muted:#c0bcb2;--line:#ece7dd30;--lime:#d4dda9}
body{background:#242625}
.world::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(18,20,19,.7),transparent 18%,transparent 73%,rgba(18,20,19,.78));z-index:1}
main::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(24,26,25,.96),rgba(24,26,25,.87) 24%,rgba(24,26,25,.34) 43%,transparent 61%);transition:opacity .65s}
.gallery-mode main::before{opacity:0}
header .edition,.header-title small,.founder p span,.help small,.scene-caption,.eyebrow,.world-label>span{color:#c6c3b9}
.scene-caption,.world-label{z-index:2}
.scene-tools{background:#232623df;border-color:#e0d9ca44}
.scene-tools button{color:#eae5d8}
.scene-tools button[aria-pressed=true]{color:#efbe85}
.character-hotspot{background:#292d28e8;border-color:#e9e2d074}
@media(max-width:760px){
 .world-label{display:none}
 main::before{background:linear-gradient(180deg,rgba(20,22,21,.97),rgba(20,22,21,.91) 27%,rgba(20,22,21,.33) 44%,transparent 60%)}
 .focused main::before{background:linear-gradient(180deg,rgba(20,22,21,.88),rgba(20,22,21,.62) 25%,transparent 47%)}
 .world::after{background:linear-gradient(180deg,rgba(18,20,19,.5),transparent 18%,transparent 74%,rgba(18,20,19,.86))}
 .gallery-mode main::before{opacity:0}
}
@media(max-width:360px){h1{font-size:58px}.enter{width:98px;font-size:9px;gap:8px}.enter span{font-size:19px}}

/* v6 — quiet wayfinding, exhibition labels and a real note-writing ritual. */
.explore-bar{position:absolute;z-index:7;top:124px;left:var(--pad);display:flex;gap:6px;padding:5px;border:1px solid #c9c4b747;background:#252c26db;backdrop-filter:blur(12px);border-radius:30px}.explore-bar button{padding:7px 13px;border-radius:24px;font-size:15px;display:flex;align-items:center;gap:8px;min-height:36px}.explore-bar button span{font-size:10px}.explore-bar button:hover,.explore-bar button[aria-pressed=true]{background:#dbdfc4;color:#253329}
#walk-help{position:absolute;z-index:7;left:var(--pad);top:184px;display:flex;gap:10px;align-items:center;font-size:10px;padding:8px 12px;background:#202820ee;border:1px solid #e0dcc333;border-radius:4px}#walk-help button{border-left:1px solid #ced2bb50;padding-left:12px;font-size:10px;color:#e1d4ac}
#exhibit-card,#tour-panel{position:absolute;z-index:7;right:calc(var(--pad) + 58px);bottom:220px;width:310px;background:#ede8ddf5;color:#29382f;border:1px solid #e4dfcc;border-radius:5px;padding:23px;box-shadow:0 12px 40px #171c1830;backdrop-filter:blur(12px)}#exhibit-card small{font-size:7px;letter-spacing:.1em;color:#737768}#exhibit-card h2{font-size:30px;letter-spacing:-1px;line-height:1.1;margin:10px 0}#exhibit-role{font-size:10px;display:block;color:#6b725f}#exhibit-card p{font-size:12px;line-height:1.6;margin:13px 0 18px}#exhibit-card button{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid #87957f55;padding:12px 0 0;font-size:11px}#exhibit-card b{font-size:23px;font-weight:400}.tour-active #exhibit-card,.tour-active #detail,.tour-active #gallery-walk{display:none!important}
#tour-panel{right:auto;left:var(--pad);bottom:190px;width:330px}.tour-meta{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.13em}.tour-meta b{margin-left:10px}.tour-meta button{font-size:25px;line-height:1;width:30px;height:30px}#tour-title{font-size:33px;line-height:1.1;font-weight:500;letter-spacing:-1.1px;margin:15px 0 12px}#tour-copy{font-size:12px;color:#63725f;line-height:1.7}.tour-actions{margin-top:22px;display:flex;justify-content:space-between;gap:10px;font-size:10px}.tour-actions button{min-height:34px}.tour-track{height:2px;background:#bfc6b5;margin-top:12px;overflow:hidden}.tour-track i{display:block;width:100%;height:100%;transform-origin:left;background:#577349}
.walking main::before,.tour-active main::before,.personal-mode main::before{opacity:0}.walking .intro,.personal-mode .intro{opacity:0;visibility:hidden}.gallery-mode .detail:has(#project-picker:not([hidden])){top:190px}.gallery-mode .detail:has(#project-picker:not([hidden])) h2{display:none}.gallery-mode #project-picker{margin-top:8px}.gallery-mode .detail-index{font-size:8px}
#personal-status{position:absolute;z-index:8;bottom:190px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#eee7d9;color:#39432f;border:1px solid #d1c9b6;border-radius:4px;max-width:calc(100% - 40px);font-size:12px;text-align:center;pointer-events:none}
#viewer-credits{display:flex;gap:25px;font-size:11px;margin:15px 0 0}#viewer-credits dt{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#a2ac92;margin-bottom:3px}#viewer-credits dd{margin:0}.viewer-bottom{height:auto;min-height:180px;flex-wrap:wrap}.viewer-stage{height:calc(100% - 290px)}.viewer-bottom>div:first-child{max-width:620px}.viewer-bottom p{max-width:600px}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.letter-stage{perspective:1000px;height:132px;position:relative;margin:22px 0 12px}.postcard{position:absolute;inset:0;margin:0;z-index:2;transform-origin:50% 65%;background:#f8f2e4;box-shadow:0 3px 14px #53604412;border-color:#d4cdbd}.letter-envelope{position:absolute;left:15%;right:15%;bottom:0;height:108px;background:#d1d7bb;border:1px solid #b8c39d;opacity:0;transform:translateY(24px);transition:opacity .3s,transform .5s}.letter-envelope:after{content:'';position:absolute;inset:0;background:#c1cbaa;clip-path:polygon(0 0,50% 53%,100% 0,100% 100%,0 100%);z-index:4}.letter-envelope>span{position:absolute;bottom:13px;left:18px;z-index:5;font-size:8px;letter-spacing:.12em}.letter-envelope small{font-size:6px}.envelope-flap{position:absolute;inset:0;background:#e0e6d0;clip-path:polygon(0 0,100% 0,50% 61%);transform-origin:top;transform:rotateX(180deg);z-index:1}
.note-folding .letter-envelope{opacity:1;transform:none}.note-folding .postcard{animation:fold-letter 1.15s cubic-bezier(.4,0,.2,1) forwards}.note-folding .envelope-flap{animation:close-envelope .4s .8s ease forwards}.note-folding .letter-envelope:after{z-index:4}.note-folding .postcard{z-index:3}.note-folding .contact-fields,.note-folding label,.note-folding textarea{opacity:.4}
@keyframes fold-letter{0%{transform:translateY(0) rotateX(0) scale(1)}35%{transform:translateY(-15px) rotateX(-55deg) scale(.8)}70%{transform:translateY(13px) rotateX(0) scale(.57,.5);opacity:1}100%{transform:translateY(48px) rotateX(0) scale(.56,.2);opacity:0}}
@keyframes close-envelope{to{transform:rotateX(0);z-index:6}}
#note-success{display:none;text-align:center;padding:40px 12px;outline:none}.note-sent #contact-form,.note-sent .contact-topics,.note-sent .contact-intro,.note-sent #contact-title{display:none}.note-sent #note-success{display:block}.success-seal{display:inline-grid;place-items:center;width:65px;height:65px;border-radius:50%;border:1px solid #90a576;font-size:27px;color:#49623a}#note-success h3{font-size:35px;font-weight:400;letter-spacing:-1.3px;margin:20px 0 7px}#note-success p{font-size:12px;color:#65765a}#note-success small{display:block;font-size:8px;letter-spacing:.13em;margin-top:25px}#note-receipt{display:block;font-size:16px;font-weight:500;margin-top:4px}#another-note{margin-top:24px;font-size:11px;border-bottom:1px solid #839477;padding-bottom:5px}.contact-explain{font-size:10px}
@media(max-width:760px){
 .explore-bar{top:87px;left:15px;right:15px;justify-content:space-between;padding:3px;gap:0}.explore-bar button{padding:6px 8px;font-size:13px;gap:5px;min-height:32px}.explore-bar button span{font-size:8px}.intro{top:150px}.focused .detail{top:156px}.world-label{display:none}
 #walk-help{top:134px;left:15px;right:15px;justify-content:space-between;font-size:8px;gap:4px}#walk-help button{font-size:8px;padding-left:7px}
 #tour-panel{left:15px;bottom:172px;width:min(310px,calc(100% - 75px));padding:18px}#tour-title{font-size:27px;margin:10px 0}#tour-copy{font-size:11px}.tour-actions{margin-top:12px}
 #exhibit-card{left:15px;right:65px;bottom:225px;width:auto;padding:14px 17px}#exhibit-card h2{font-size:24px;margin:6px 0}#exhibit-card p{font-size:10px;margin:7px 0 9px}#exhibit-role{font-size:8px}#exhibit-card small{font-size:6px}#exhibit-card button{padding-top:6px;font-size:10px}#exhibit-card b{font-size:19px}
 .gallery-mode .detail:has(#project-picker:not([hidden])){top:185px}.gallery-mode #project-picker{overflow-x:auto;max-width:100%;padding-bottom:5px}.gallery-mode #project-picker button{min-width:105px}
 #personal-status{bottom:230px;width:max-content;max-width:calc(100% - 80px);font-size:10px;padding:11px 15px}
 .viewer-stage{height:calc(100% - 295px)}.viewer-bottom{min-height:225px;padding:12px 20px}.viewer-bottom>div:first-child{width:100%;max-width:none}.viewer-bottom p{display:block;font-size:10px;max-width:100%;margin-top:4px;line-height:1.5}.viewer-bottom h2{font-size:22px;max-width:65%}#viewer-credits{font-size:9px;gap:15px;margin-top:9px}#viewer-credits dt{font-size:6px}.viewer-bottom>a{top:11px;font-size:9px}.viewer-bottom>a span{font-size:16px}#viewer-thumbnails{margin-top:8px}
 .contact-fields{gap:13px}.contact-fields input{font-size:11px}.letter-stage{height:116px}.contact-dialog{padding:29px 20px}.contact-dialog h2{font-size:34px}.contact-topics{margin:16px 0}.contact-dialog label{margin-top:12px}#note-success h3{font-size:29px}
}
@media(max-width:360px){.explore-bar button{padding:6px}.explore-bar button span{font-size:7px}.intro .enter{top:89px}.gallery-mode #project-picker button{min-width:90px;font-size:8px}#exhibit-card{bottom:214px}#exhibit-card p{display:none}.contact-fields{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){.note-folding .postcard,.note-folding .envelope-flap{animation:none}.letter-envelope{transition:none}}

.viewer[open]{grid-template-rows:84px minmax(0,1fr) auto}.viewer-stage{height:auto}.viewer-bottom{min-height:205px}
.opening-active #studio-shell header,.opening-active #studio-shell footer,.opening-active #studio-shell .intro,.opening-active #studio-shell .explore-bar,.opening-active #studio-shell .scene-tools,.opening-active #studio-shell .world-label,.opening-active #studio-shell .scene-caption,.opening-active #studio-shell .character-ui{opacity:var(--arrival-ui,0);pointer-events:none}
.opening-active main::before,.opening-active .world::after{opacity:var(--arrival-ui,0)}
@media(max-width:760px){.viewer[open]{grid-template-rows:67px minmax(0,1fr) auto}.viewer-stage{height:auto}.viewer-bottom{min-height:225px}.focused .detail:has(#project-picker:not([hidden])){top:142px}.gallery-mode .detail:has(#project-picker:not([hidden])){top:185px}.walking .detail{display:none}}

.focused:has(#exhibit-card:not([hidden])) #detail{visibility:hidden}
@media(max-width:760px){#exhibit-card{top:180px;bottom:auto;left:15px;right:15px;width:auto}.walking #exhibit-card{top:185px}.tour-active .room-contact{display:none}.viewer[data-kind=portrait] .viewer-bottom{min-height:170px}}

.opening-active .room-contact,.opening-active #personal-status,.opening-active #exhibit-card,.opening-active #walk-help{visibility:hidden!important}
.profile-link{font-size:10px;white-space:nowrap;letter-spacing:.04em;border-bottom:1px solid #d0cebf6b;padding:8px 0;margin-left:auto}.profile-link+.edition{margin-left:0}
.sound-panel{position:absolute;z-index:9;top:182px;left:var(--pad);padding:16px 19px;width:275px;border:1px solid #c4bcaa61;background:#202a24f5;box-shadow:0 12px 36px #0003;border-radius:14px}.sound-panel label{font-size:12px;display:flex;justify-content:space-between}.sound-panel input{width:100%;accent-color:#c5d4af;margin:12px 0}.sound-panel small{font-size:9px;line-height:1.5;color:#c1c5b9}
.viewer[open]{grid-template-rows:72px minmax(0,1fr) 50px auto}.viewer[data-kind=portrait]{grid-template-rows:72px minmax(0,1fr) auto}.viewer-shots{display:flex;align-items:center;justify-content:center;gap:5px}.viewer-shots button{padding:9px 18px;border:1px solid #d1d9c42b;border-radius:24px;color:#b2baaa;font-size:11px}.viewer-shots button[aria-pressed=true]{background:#d5ddc5;color:#182319}.viewer[data-shot=mobile] .viewer-stage img{border-radius:14px;width:auto;max-width:100%;height:100%;box-shadow:0 0 0 5px #6572603d}.viewer-bottom{min-height:175px}.viewer-stage{padding:18px 2vw}
@media(max-width:760px){header{gap:12px}.header-title{display:none}.profile-link{font-size:9px;margin-left:auto}.profile-link+.edition{margin-left:0}.explore-bar button{padding:6px 7px;gap:4px}.explore-bar button span{font-size:8px}.sound-panel{top:134px;left:15px;max-width:calc(100% - 30px)}.viewer[open]{grid-template-rows:58px minmax(0,1fr) 44px auto}.viewer[data-kind=portrait]{grid-template-rows:58px minmax(0,1fr) auto}.viewer-shots button{font-size:10px;padding:8px 12px}.viewer-bottom{min-height:207px}.viewer-stage{padding:10px 5px}.viewer-bottom p{font-size:10px}.viewer[data-shot=mobile] .viewer-stage img{border-radius:7px}}
@media(max-width:360px){.explore-bar button{padding:6px 5px}.explore-bar button span{font-size:7px}.profile-link{font-size:8px}.contact{font-size:9px;gap:5px}.wordmark{font-size:34px}header{gap:9px}.viewer-bottom{padding:10px 14px;min-height:214px}.viewer-top{padding:0 14px}.viewer-top button{gap:6px}}
@media(max-height:540px){.viewer[open]{grid-template-rows:44px minmax(0,1fr) 38px 100px}.viewer-bottom{min-height:0;padding:8px 3vw}.viewer-bottom p,#viewer-credits{display:none}.viewer-bottom h2{font-size:20px}#viewer-thumbnails{width:auto;max-width:40vw;margin:0}.viewer-bottom>div:first-child{width:auto}.viewer-bottom>a{position:static;margin-left:auto}.sound-panel{top:130px}}