.explore-room{--ground:#100f0d;--ink:#e9e4d8;--muted:#b8b0a4;--rule:#40392c;--accent:#e0862d;position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;color-scheme:dark;background:#100f0d;color:#e9e4d8} .explore-world{width:100%;height:100%;position:relative} .explore-desk{position:absolute;left:50%;top:var(--header-height);transform:translateX(-50%);width:max(100vw,900px);aspect-ratio:3/2;isolation:isolate;--px:66%;--py:50%} .explore-desk>img,.owl-motion{position:absolute;inset:0;width:100%;height:100%;border:0;margin:0} .explore-desk>img{object-fit:contain} .owl-motion{pointer-events:none;overflow:visible} .owl-head{transform-origin:689px 186px;transform:translateY(var(--owl-nod,0px)) rotate(var(--owl-turn,0deg))} .owl-lid{transform:scaleY(0);transform-origin:14px 0;transform-box:view-box} .desk-light{position:absolute;inset:0;background:radial-gradient(ellipse 30% 36% at var(--px) var(--py),#e0862d16,transparent);mix-blend-mode:screen;pointer-events:none} .explore-top{position:absolute;top:80px;left:32px;z-index:2;pointer-events:none;text-shadow:0 2px 14px #000} .explore-top h2{font:34px/1 'Instrument Serif',Georgia,serif;margin:0 0 8px} .explore-top p{font-size:16px;color:#c8baa2} .desk-object{position:absolute;display:block;pointer-events:auto;min-width:44px;min-height:44px;border:0;border-radius:24%;color:#e9e4d8;text-decoration:none;background:transparent} .desk-object span{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);padding:8px 12px;background:#100f0de8;border:0;box-shadow:0 2px 10px #0005;white-space:nowrap;font:12px var(--mono);color:#e9e4d8} .desk-object:hover span,.desk-object:focus-visible span{color:#f5b667;background:#100f0d} .desk-object:hover{background:radial-gradient(ellipse,#e0862d20,transparent 72%);box-shadow:none} .desk-object:focus-visible{outline:2px solid #f5b667;outline-offset:2px} .object-phone{left:2%;top:29%;width:23%;height:23%} .object-book{left:6%;top:59%;width:40%;height:33%} .object-pages{left:48%;top:65%;width:29%;height:30%} .object-tape{left:78%;top:53%;width:21%;height:24%} .object-clock{left:78%;top:4%;width:17%;height:26%} .object-chair{left:35%;top:35%;width:26%;height:22%} .object-chair span{bottom:15%} .desk-index{display:none} html[data-explore=on] body.home .explore-desk{top:0;width:max(100vw,calc(100dvh*1.5))} html[data-explore=on] body.home .object-book{top:min(59%,calc(100dvh - 140px));height:clamp(100px,calc(100dvh - 18px - 59%),33%)} html[data-explore=on] body.home .object-pages{top:min(65%,calc(100dvh - 140px));height:clamp(100px,calc(100dvh - 18px - 65%),30%)} html[data-explore=on] body.home .object-tape{top:min(53%,calc(100dvh - 140px));height:clamp(100px,calc(100dvh - 18px - 53%),24%)} html[data-explore=on] body.home .explore-room{pointer-events:auto;overflow:clip} html[data-explore=on] body.home .explore-top{left:32px;top:calc(var(--header-height) + 24px)} @media(prefers-reduced-motion:no-preference){.desk-object,.desk-object span{transition:color .2s,background .2s} } @media(max-width:700px){html[data-explore=on] body.home{height:auto;min-height:100dvh;overflow:visible} html[data-explore=on] body.home .explore-room{position:relative;inset:auto;overflow:visible;min-height:100dvh} html[data-explore=on] body.home .explore-world{padding-top:calc(var(--header-height) + 80px);height:auto;min-height:100%} html[data-explore=on] body.home .explore-top{top:calc(var(--header-height) + 20px);left:20px} .explore-top h2{font-size:30px} .explore-top p{font-size:14px} html[data-explore=on] body.home .explore-desk{position:relative;left:auto;transform:none;top:auto;width:100%;min-width:0} html[data-explore=on] body.home .object-book{top:59%;height:33%} html[data-explore=on] body.home .object-pages{top:65%;height:30%} html[data-explore=on] body.home .object-tape{top:53%;height:24%} .desk-object span{font-size:10px;padding:6px 7px} .desk-index{display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 40px);max-width:560px;margin:18px auto 24px;gap:0 22px;pointer-events:auto} .desk-index a{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:68px;padding:10px 0;border-bottom:1px solid #40392c;text-decoration:none} .desk-index a>span:first-child{font:23px/1 'Instrument Serif',Georgia,serif} .desk-index a>span:last-child{font:10px var(--mono);color:#b8b0a4} } @media(max-width:350px){.desk-object span{font-size:9px;padding:5px} .object-clock span{left:40%} .desk-index{width:calc(100% - 28px)} } @media(min-width:701px) and (max-aspect-ratio:1/1){html[data-explore=on] body.home .explore-desk{width:100vw} html[data-explore=on] body.home .explore-world{background:radial-gradient(ellipse at 50% 40%,#342718,#100f0d 75%)} .desk-index{display:grid;position:absolute;top:calc(100vw * 2 / 3 + 50px);width:calc(100% - 64px);margin:0 32px;grid-template-columns:repeat(3,1fr);gap:20px;pointer-events:auto} .desk-index a{display:flex;flex-direction:column;gap:6px;min-height:64px;text-decoration:none} .desk-index a span:last-child{font:11px var(--mono);color:var(--muted)} } @media(min-width:701px) and (min-aspect-ratio:1/1) and (max-aspect-ratio:4/3){.object-clock span,.object-tape span{left:15%}} @media(prefers-reduced-motion:no-preference){.owl-head{transition:transform .35s ease-out}}