:root{color-scheme:dark;--cream:#f5dfb4;--gold:#d6b16b;--bark:#171b0e;--walnut:#422915}*{box-sizing:border-box}body{margin:0;background:var(--bark);color:var(--cream);font-family:Georgia,'Times New Roman',serif}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ffe4a1;outline-offset:5px}.skip{position:absolute;left:14px;top:-90px;padding:12px;background:var(--bark);z-index:10}.skip:focus{top:14px}
.world{width:100%;position:relative;min-height:100svh;aspect-ratio:3/2;isolation:isolate;overflow:hidden}.scenery{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.entrance{position:relative;width:32%;padding:8.7% 1.9% 4%;text-align:center;z-index:3}.entrance h1{font-size:clamp(50px,6vw,96px);line-height:.91;letter-spacing:-2px;font-weight:600;margin:0 0 18px;text-shadow:0 3px 18px #000b}.entrance h1>span{display:block;font-size:.82em;margin-bottom:4px}.welcome{font-size:clamp(16px,1.7vw,27px);line-height:1.4;margin:0;white-space:nowrap;text-shadow:0 3px 7px #000}.flourish{font-size:32px;line-height:1;display:flex;gap:12px;align-items:center;justify-content:center;margin:16px 0;color:var(--gold)}.flourish:before,.flourish:after{content:'';height:1px;width:28%;background:linear-gradient(90deg,transparent,var(--gold))}.flourish:after{transform:rotate(180deg)}
.signposts{display:grid;gap:1.2vw;margin-top:14px}.sign{display:grid;grid-template-columns:45px 1fr 15px;align-items:center;gap:11px;min-height:6vw;padding:13px 17px;background:url('/sign.webp') center/100% 100% no-repeat;text-decoration:none;color:var(--cream);filter:drop-shadow(0 7px 7px #0008);transition:filter .2s,transform .2s}.sign span{font-size:clamp(16px,1.72vw,28px);line-height:1.1;text-align:left;text-shadow:0 2px 2px #110800}.sign .service-icon{width:42px;height:42px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.sign .arrow{width:15px;height:25px;stroke:currentColor;stroke-width:2;fill:none}.sign:hover{filter:drop-shadow(0 0 13px #dba55c55) brightness(1.16);transform:translateX(4px)}.bottom-flourish{margin-top:29px;margin-bottom:16px}.footlinks{display:flex;align-items:center;justify-content:center;gap:30px;font-size:clamp(16px,1.3vw,21px)}.footlinks a{text-decoration:none;padding:8px}.footlinks a:hover{text-decoration:underline;text-underline-offset:5px}.footlinks a+a{border-left:1px solid #d6b16b77;padding-left:30px}.effects-button{display:block;margin:25px auto 0;border:1px solid #d8b77f88;border-radius:24px;background:#17150bd9;color:var(--cream);font:500 13px/1.4 Georgia,serif;padding:9px 17px;cursor:pointer}.effects-button:hover{background:#574020}.effects-button::before{content:'\2161';margin-right:8px;color:var(--gold)}[data-effects=off] .effects-button::before{content:'\25B7'}.motion-status{font:12px/1.4 system-ui,sans-serif;max-width:270px;margin:8px auto 0;color:#e5d9b8}.motion-status:empty{display:none}
.meadow-window{position:absolute;left:87.9%;top:17.8%;width:11.9%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#8b9666;z-index:1;box-shadow:inset 0 0 0 6px #422c12,0 0 20px #0008}.meadow-window video{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:scale(1.03)}.window-frame{position:absolute;inset:0;border:5px solid #75582f88;border-radius:50%;box-shadow:inset 0 0 20px #33200a99;pointer-events:none}.atmosphere{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.lamp{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(ellipse,#ffcc6e70,#f7a32e20 35%,transparent 70%);mix-blend-mode:screen}.steam{position:absolute;right:2.4%;top:52%;width:5%;height:11%;filter:blur(2px)}.steam i{position:absolute;left:30%;bottom:0;width:20%;height:85%;border-radius:50%;border-left:5px solid #f7e8cd66;opacity:.4;transform:rotate(12deg)}.steam i:nth-child(2){left:55%;height:65%}.steam i:nth-child(3){left:15%;height:60%}.fan{position:absolute;left:61%;top:42%;width:2.4vw;height:2.4vw;opacity:.48}.fan i{position:absolute;left:42%;top:0;width:21%;height:50%;background:#947748;border-radius:70% 20%;transform-origin:50% 100%}.fan i:nth-child(2){transform:rotate(120deg)}.fan i:nth-child(3){transform:rotate(240deg)}.floor-light{position:absolute;left:48%;right:0;top:72%;height:16%;background:radial-gradient(ellipse,#ffcc6b25,transparent 70%);mix-blend-mode:screen}.mote{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#ffe4a3;box-shadow:0 0 7px #ffe0a3;opacity:.35}
[data-effects=on] .lamp{animation:lamplight 3.6s ease-in-out infinite alternate}[data-effects=on] .lamp:nth-child(2n){animation-delay:-1.3s}[data-effects=on] .steam i{animation:steam-rise 5s ease-out infinite}[data-effects=on] .steam i:nth-child(2){animation-delay:-2s}[data-effects=on] .steam i:nth-child(3){animation-delay:-3.5s}[data-effects=on] .fan{animation:ventilate 8s linear infinite}[data-effects=on] .floor-light{animation:lamplight 7s ease-in-out infinite alternate}[data-effects=on] .mote{animation:drift var(--d) ease-in-out var(--delay) infinite alternate}[data-page-hidden=true] *{animation-play-state:paused!important}
@keyframes lamplight{from{opacity:.35;transform:scale(.9)}to{opacity:.9;transform:scale(1.12)}}@keyframes steam-rise{0%{opacity:0;transform:translateY(20px) scaleX(.7) rotate(12deg)}25%{opacity:.5}100%{opacity:0;transform:translateY(-38px) scaleX(1.9) rotate(-12deg)}}@keyframes ventilate{to{transform:rotate(360deg)}}@keyframes drift{0%{transform:translate(-12px,8px);opacity:.1}50%{opacity:.8}100%{transform:translate(30px,-32px);opacity:.15}}
.inner-page{isolation:isolate;min-height:100svh;background:#181d10 url('/lab.webp') center/cover fixed}.inner-page:before{content:'';position:fixed;inset:0;background:#0e1409b8;z-index:-1}.page-shell{max-width:1000px;margin:0 auto;padding:32px 30px 60px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d7b27066;padding-bottom:22px}.page-brand{font-size:27px;text-decoration:none}.page-nav{display:flex;gap:25px;font-size:17px}.page-nav a{text-underline-offset:5px}.page-intro{margin:56px 0 32px}.page-intro h1{font-size:clamp(42px,6vw,68px);font-weight:500;margin:0 0 14px;line-height:1.08}.page-intro p{font-size:21px;line-height:1.6;max-width:650px;margin:0}.wood-card{padding:30px;background:#1d1b11ef;border:1px solid #ac884a88;border-radius:12px;box-shadow:0 18px 45px #0006}.friend-card{display:grid;grid-template-columns:minmax(180px,42%) 1fr;align-items:center;gap:32px}.friend-card img{width:100%;height:auto;display:block;border-radius:6px}.friend-card h2{font-size:31px;margin:0 0 12px}.friend-card p{font-size:21px;line-height:1.6}.page-action{display:inline-block;border:1px solid #c8a56d;padding:13px 19px;border-radius:6px;text-decoration:none;background:#48321d;font-size:18px}.page-action:hover{background:#6c4a29}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-item{padding:24px 0;border-bottom:1px solid #c2a26944;min-width:0}.contact-item h2{font:500 14px/1.4 system-ui,sans-serif;color:#cfbe96;margin:0 0 8px}.contact-item p,.contact-item a{font-size:24px;line-height:1.5;margin:0;overflow-wrap:anywhere}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.page-footer{padding-top:38px;font-size:17px}.page-footer a{text-underline-offset:5px}
@media(min-width:1800px){.sign .service-icon{width:3vw;height:3vw}.sign{grid-template-columns:3vw 1fr 18px;gap:14px}.effects-button{font-size:15px}}
@media(max-width:1100px) and (min-width:701px){.entrance{width:37%;padding-top:9%}.entrance h1{font-size:7vw}.welcome{font-size:1.7vw}.sign{grid-template-columns:32px 1fr 12px;gap:8px;padding:11px;min-height:7vw}.sign .service-icon{width:31px;height:31px}.sign span{font-size:1.8vw}.bottom-flourish{margin-top:16px}.flourish{margin-top:12px;margin-bottom:12px}.effects-button{margin-top:17px}}
@media(max-width:700px){.world{aspect-ratio:auto;min-height:1120px;background:#171b0e}.scenery{height:520px;object-position:72% center;mask-image:linear-gradient(#000 85%,transparent)}.entrance{width:100%;max-width:480px;margin:0 auto;padding:395px 22px 35px}.entrance h1{font-size:64px;line-height:.93;margin-bottom:18px}.entrance h1>span{display:inline;font-size:1em}.welcome{font-size:20px;white-space:normal}.flourish{margin:15px 0}.signposts{gap:14px;margin-top:12px}.sign{grid-template-columns:42px 1fr 14px;min-height:88px;padding:15px 18px;gap:16px}.sign span{font-size:25px}.sign .service-icon{width:39px;height:39px}.bottom-flourish{margin-top:25px}.footlinks{font-size:20px}.effects-button{margin-top:24px}.meadow-window{left:auto;right:5.8%;top:57px;width:96px}.lamp{max-width:80px;max-height:80px}.atmosphere .steam{right:6%;top:240px;width:35px;height:70px}.fan{left:48%;top:160px;width:23px;height:23px}.floor-light{top:320px;height:100px}.page-shell{padding:24px 20px 40px}.page-brand{font-size:23px}.page-nav{gap:15px;font-size:16px}.page-intro{margin-top:38px}.page-intro p{font-size:19px}.friend-card,.contact-grid{grid-template-columns:1fr}.wood-card{padding:22px}.contact-grid{gap:0}.contact-item p,.contact-item a{font-size:22px}.friend-card h2{font-size:28px}.inner-page{background-position:70% center}}
@media(prefers-reduced-motion:reduce){.sign{transition:none}}
@media print{.scenery,.atmosphere,.meadow-window,.effects-button{display:none}body{background:white;color:black}.entrance{width:100%;padding:20px}.sign{background:none;color:black}.inner-page{background:white}.wood-card{background:white}}