*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'Kaisei Opti',Georgia,serif;color:#4f3d35;background:#f1ebe2}button,a{-webkit-tap-highlight-color:transparent}button,a{font:inherit}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #78564b;outline-offset:7px}button:disabled{cursor:default}body{--wall:#ded0c0;--door:#877e6a;--stone:#d2bca5;--accent:#777c65}.welcome{background:radial-gradient(ellipse at 50% 38%,#faf7f1,#ede5da);min-height:100svh;display:grid;place-items:center}.welcome-content{text-align:center;padding:40px 7%;width:100%;transform:translateY(-4vh)}.welcome h1{font-size:clamp(27px,3.5vw,52px);line-height:1.55;font-weight:400;margin:0 auto 56px;max-width:1100px;text-wrap:balance}.entry-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:168px;padding:12px 26px;text-decoration:none;background:#745c4e;color:#f9eee2;border:1px solid #9d82705c;border-radius:2px;box-shadow:0 5px 18px #4b342114;transition:background .2s,transform .2s}.entry-button:hover{background:#60493f;transform:translateY(-2px)}.welcome .entry-button{font-size:25px;min-width:142px}.page-fade{position:fixed;inset:0;background:#65463b;pointer-events:none;opacity:0;z-index:30;transition:opacity .24s ease}.leaving .page-fade{opacity:1;pointer-events:auto}.room-gallery{min-height:100svh;overflow-x:hidden;background:radial-gradient(ellipse at 50% 43%,#f3e7d755,transparent 65%),linear-gradient(135deg,#e6d9c9,var(--wall) 55%,#c4b29e);transition:background-color .3s}.room-gallery::before{content:'';position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 142px,#705c4610 143px,transparent 144px);opacity:.45}.home-link{position:absolute;left:4%;top:4%;font:12px Arial,sans-serif;letter-spacing:.22em;text-decoration:none;color:#665246;z-index:10}#gallery{min-height:720px;height:100svh;position:relative;display:flex;align-items:center;flex-direction:column}.room-heading{position:relative;z-index:4;text-align:center;padding-top:6vh}.room-heading p{font:10px Arial,sans-serif;letter-spacing:.24em;color:#7e695b;margin:0 0 14px}.room-heading h1{font-size:clamp(28px,3.2vw,46px);font-weight:400;line-height:1.3;margin:0}.arrow{position:absolute;z-index:8;top:46%;border:1px solid #fff7e777;background:#f9f3e6b8;color:#654e40;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;transition:transform .2s,background .2s}.arrow:hover{background:#fffaee;transform:scale(1.06)}.arrow svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.4}.previous{left:4.5%}.next{right:4.5%}#portal-stage{position:relative;flex:1;width:min(64vw,670px);min-height:350px;display:grid;place-items:center;perspective:1400px}.portal{position:relative;width:62%;height:90%;max-height:500px;min-height:320px;transform-origin:50% 52%;filter:drop-shadow(0 16px 20px #49332524)}.door-frame{position:absolute;inset:0;border:12px solid var(--stone);background:#bca88f;box-shadow:inset 0 0 0 2px #ede1cf88,0 0 0 2px #97816b33,0 0 0 8px #d9c7b35c;z-index:2}.door-reveal{position:absolute;inset:0;border:16px solid;border-color:#a8967f #baa58c #cbb79d #b3a089;box-shadow:inset 0 4px 14px #30261f55}.scene-window{position:absolute;inset:0;overflow:hidden;background:#604b42;box-shadow:inset 0 0 40px #281c1926}.scene-window iframe{position:absolute;width:1200px;height:800px;left:50%;top:50%;border:0;transform-origin:center;pointer-events:none;opacity:1;transition:opacity .16s}.scene-window.loading iframe{opacity:.35}.lintel{position:absolute;left:-8%;right:-8%;height:10px;top:-15px;background:#dcccb7;box-shadow:0 2px 1px #99856e33}.threshold{position:absolute;left:-9%;right:-9%;height:12px;bottom:-15px;background:#c5b097;transform:skewX(-8deg);box-shadow:0 12px 17px #5d45372c}.door-panel{position:absolute;width:26%;top:2%;bottom:2%;background:repeating-linear-gradient(0deg,transparent 0 29px,#e6d9bd15 30px,#3b3b3317 31px,transparent 33px),linear-gradient(90deg,#fff2da11,transparent),var(--door);border:3px solid #6b665341;box-shadow:inset 0 0 0 6px #e0cfa114;z-index:1}.left-panel{left:-25%;transform:perspective(800px) rotateY(-24deg);transform-origin:right}.right-panel{right:-25%;transform:perspective(800px) rotateY(24deg);transform-origin:left}.entry-controls{min-height:145px;text-align:center;padding-top:18px;position:relative;z-index:5}.entry-controls .entry-button{font-size:16px}.entry-controls p{font:12px Arial,sans-serif;color:#7c6556;min-height:16px;margin:15px 0 12px}.entry-controls a[hidden]{display:none}#portrait-link{font-size:14px;text-underline-offset:5px}.entering .portal{transform:scale(1.16);transition:transform .34s cubic-bezier(.2,.65,.3,1)}.entering .door-panel{opacity:.45;transition:opacity .3s}.room-heading,.portal{will-change:transform,opacity}@media(max-width:700px){#gallery{min-height:650px}.room-heading{padding-top:10vh}.room-heading h1{font-size:28px}#portal-stage{width:74vw;min-height:300px}.portal{width:72%;min-height:270px;max-height:420px}.door-frame{border-width:9px}.door-reveal{border-width:11px}.door-panel{width:22%}.left-panel{left:-21%}.right-panel{right:-21%}.arrow{width:38px;height:38px}.previous{left:3%}.next{right:3%}.entry-controls{min-height:140px;padding-top:20px}.welcome h1{max-width:550px;margin-bottom:40px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.entering .portal{transform:none}}

@media(min-width:701px) and (max-height:740px){#gallery{min-height:580px}.room-heading{padding-top:5vh}#portal-stage{min-height:270px}.portal{min-height:260px;max-height:370px}.entry-controls{min-height:125px}}