.reference-interface{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7eddb}.reference-stage{position:relative;width:min(100vw,calc((100svh - 28px) * 1.776833));aspect-ratio:1672/941;margin:auto;isolation:isolate}.reference-art{display:block;width:100%;height:100%;overflow:hidden}.art-hotspot{position:absolute;background:transparent;border:0;padding:0;cursor:pointer;display:block;border-radius:8px;color:transparent}.art-hotspot>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.art-hotspot:focus-visible{outline:3px solid #89552a;outline-offset:3px;background:#ffdc8020}.piece-hotspot{top:18%;height:31%;width:14%}.hotspot-0{left:26.8%}.hotspot-1{left:42.9%;width:13.5%}.hotspot-2{left:56.8%;width:12.3%}.hotspot-3{left:71.6%;width:12.5%}.piece-hotspot:hover{background:radial-gradient(ellipse at center,#ffe4a41a,transparent 75%)}.replay-hotspot{left:80.5%;top:3%;width:16%;height:9%}.registration-hotspot{left:84.2%;top:37%;width:14.5%;height:28%;transform:rotate(5deg)}.registration-hotspot:hover{box-shadow:0 0 0 3px #e8ad4844,0 0 25px #ffe3a044}.reference-contact{font-size:10px;line-height:24px;color:#745839;border-bottom:1px solid #b6986b;margin-bottom:3px}.mobile-scene-nav{display:none}
@media(max-width:700px){.reference-interface{justify-content:flex-start;padding-block:20px}.reference-stage{width:100%;margin:0;aspect-ratio:1672/941}.mobile-scene-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:calc(100% - 40px);margin:24px auto 20px}.mobile-scene-nav button,.mobile-scene-nav a{border:1px solid #c3a471;background:#f7e7be;color:#63441f;font:18px/1.3 Georgia,serif;border-radius:3px;padding:16px 8px;box-shadow:1px 3px 0 #aa804326;text-align:center;cursor:pointer}.mobile-scene-nav a{grid-column:1/-1;background:#292d29;color:#fff1d3}.reference-contact{font-size:13px;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.living-pottery{display:none}}
.doorway{width:min(460px,calc(78svh * .6667),80vw);height:auto;aspect-ratio:2/3;border:0;background:url('/brand/painted-door.png') center/100% 100%;box-shadow:7px 12px 28px #6b452f40;border-radius:5px}.door-interior{inset:6.5% 9.5% 4.5%;background:linear-gradient(110deg,#5c4832,#c5a474)}.wooden-door{inset:6.5% 9.5% 4.5%;background:url('/brand/painted-door.png') 50% 59%/123.457% 112.36%;box-shadow:none}.wooden-door>.door-panel,.wooden-door>.door-logo-sign,.wooden-door>.door-handle,.wooden-door>.door-number{display:none}.door-enter{left:28.5%;top:47.4%;width:43%;height:9.2%;min-height:0;padding:0!important;background:transparent!important;border:0!important;box-shadow:none;transform:none;color:transparent!important;text-shadow:none;font-size:0}.door-enter span{display:none}.door-enter::before,.door-enter::after{display:none}.door-enter:focus-visible{outline:3px solid #72441f;outline-offset:4px}.door-enter:hover{background:#ffd87920!important;transform:none}.door-welcome-note{margin-top:24px}.door-welcome{background:radial-gradient(ellipse,#fff7e9,#ecdfc8)}
.reference-stage>.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.reference-stage>.sr-only:focus{outline:none}
:root{--logo-0:#597c43;--logo-1:#c77c00;--logo-2:#d76624;--logo-3:#c54f49;--logo-4:#28688b}
.paper-dialog{height:min(760px,calc(100svh - 60px));max-height:calc(100svh - 60px);overflow:hidden}.paper-dialog[open]{display:flex;flex-direction:column}.paper-top,.paper-bottom{flex-shrink:0}.paper-content{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable}.paper-top>.paper-page-title{font-family:'Comic Sans MS','Trebuchet MS',sans-serif;font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1.4}.paper-page-title span{display:inline-block}.paper-bottom{margin-top:0}
.paper-content .wood-age{transform:none;border:10px ridge #c79152;background:#fff2cf;box-shadow:2px 5px 8px #79502435;border-radius:4px;padding:12px 18px;font-family:'Comic Sans MS','Trebuchet MS',sans-serif;font-size:20px;font-weight:800;letter-spacing:0;line-height:1.5;max-width:100%}.logo-colors>span{color:var(--ink)}
.photo-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:end;position:relative;padding:0 8px 18px;margin:28px 0 25px;border-bottom:17px solid #c18b50;border-radius:3px;box-shadow:0 6px 0 #916038,0 15px 15px #6b431b30;background:linear-gradient(0deg,#dfaf71 0 18px,transparent 18px)}.wood-photo{margin:0;border:10px ridge #be8649;border-radius:3px;background:#fbedd1;padding:5px;box-shadow:3px 5px 9px #51301038;height:240px;min-width:0}.wood-photo img{display:block;width:100%;height:100%;object-fit:contain;background:#f6e5c5}
@media(max-width:700px){.paper-dialog{height:calc(100svh - 28px);max-height:calc(100svh - 28px)}.paper-top>.paper-page-title{font-size:28px}.paper-content .wood-age{font-size:17px;padding:10px;border-width:8px}.photo-shelf{gap:7px;padding-inline:0;margin-top:20px}.wood-photo{border-width:5px;padding:2px;height:150px}.paper-content #darbi h2{font-size:27px}.paper-content #darbi .section-head{margin-bottom:20px}}

.mobile-workshop{display:none}@media(max-width:700px){.reference-interface{padding:0;justify-content:flex-start;min-height:100svh;background:#f9eedb}.reference-stage,.reference-contact{display:none}.mobile-workshop{display:flex;flex-direction:column;width:100%;min-height:100svh;justify-content:center;padding-top:8px;overflow:hidden}.mobile-workshop nav{width:min(100%,520px);margin:0 auto}.mobile-shelf-row{position:relative;margin:0 10px 8px}.mobile-shelf-row svg{display:block;width:100%;height:auto;border-radius:12px}.mobile-pottery{position:absolute;top:0;bottom:0;width:50%;padding:0;border:0;background:transparent;border-radius:12px;cursor:pointer}.mobile-pottery-0{left:0}.mobile-pottery-1{right:0}.mobile-pottery:focus-visible{outline:3px solid #85542d;outline-offset:-3px;background:#ffdc8020}.mobile-pottery:active{background:#ffd57518}.mobile-worktable{width:150%;margin:12px -25% 0}.mobile-worktable svg{display:block;width:100%;height:auto}}

@media(max-width:700px){.mobile-workshop{justify-content:flex-start;padding-top:12px}.mobile-brand{width:min(78%,320px);margin:0 auto 8px}.mobile-brand svg,.mobile-wall-notes svg{display:block;width:100%;height:auto}.mobile-wall-notes{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;align-items:center;width:calc(100% - 24px);max-width:500px;margin:8px auto 0}.mobile-info-poster,.mobile-registration-clipboard{border-radius:8px;overflow:hidden}.mobile-registration-clipboard{display:block;transition:transform .2s}.mobile-registration-clipboard:active{transform:scale(.97)}.mobile-registration-clipboard:focus-visible{outline:3px solid #885025;outline-offset:3px}.mobile-worktable{margin-top:14px}}