@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=DM+Mono:wght@400;500&display=swap";:root{font-family:DM Mono,ui-monospace,monospace;color:#ede8dc;background:#2b2923;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 58% 45%,#827a69,#5f594d 48%,#39362f)}#scene{position:absolute;inset:0;width:100%;height:100%;outline:none}.masthead{position:absolute;top:clamp(22px,5vw,68px);left:clamp(22px,5vw,72px);pointer-events:none}.eyebrow{margin:0 0 14px;color:#b5a98e;font-size:10px;letter-spacing:.2em}h1{margin:0;font-family:Cormorant Garamond,serif;font-weight:600;font-size:clamp(44px,6.5vw,92px);line-height:.82;letter-spacing:-.045em;text-shadow:0 3px 24px #0008}h1 span{display:block;margin-top:12px;color:#c6baa0;font-family:DM Mono,monospace;font-size:clamp(11px,1vw,14px);font-weight:400;letter-spacing:.34em;text-transform:uppercase}.lede{width:min(330px,76vw);margin:24px 0 0;color:#aaa395;font-family:Cormorant Garamond,serif;font-size:17px;line-height:1.45}.legend{position:absolute;top:clamp(26px,5vw,70px);right:clamp(22px,5vw,72px);display:flex;gap:28px;text-align:right;pointer-events:none}.legend div{display:grid;gap:5px}.legend b{color:#e2d6bd;font-size:14px;font-weight:500}.legend span{color:#777166;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.reference-card{position:absolute;left:clamp(14px,2.6vw,34px);bottom:clamp(24px,4vw,52px);width:clamp(142px,18vw,245px);margin:0;padding:7px;border:1px solid #d8c9a84a;border-radius:14px;background:#171612ba;box-shadow:0 14px 48px #0008;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.reference-card img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:10px;filter:saturate(.9) contrast(.96)}.reference-card figcaption{margin-top:6px;color:#d7cdb6;font-size:8px;letter-spacing:.16em;text-transform:uppercase}.controls{position:absolute;left:50%;bottom:clamp(22px,4vw,48px);display:flex;gap:4px;max-width:calc(100% - 24px);overflow-x:auto;padding:5px;border:1px solid #716b5d52;border-radius:999px;background:#171612c7;box-shadow:0 12px 45px #0008;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%);scrollbar-width:none}.controls::-webkit-scrollbar{display:none}button{display:flex;align-items:center;gap:8px;padding:10px 14px;border:0;border-radius:999px;color:#817b70;background:transparent;font:500 9px/1 DM Mono,monospace;letter-spacing:.07em;white-space:nowrap;cursor:pointer;transition:color .2s,background .2s}button:hover{color:#eee7d8;background:#ffffff0b}button[aria-pressed=true]{color:#e3dac6;background:#857b661c}button i{width:5px;height:5px;border-radius:50%;background:#665f53}button[aria-pressed=true] i{background:#c94d35;box-shadow:0 0 9px #d05942}.hint{position:absolute;right:clamp(22px,5vw,72px);bottom:clamp(28px,4vw,54px);color:#6d685e;font-size:8px;letter-spacing:.08em;pointer-events:none}.loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:15px;background:#151411;transition:opacity .8s,visibility .8s}.loading.hidden{opacity:0;visibility:hidden}.loading span{width:34px;height:1px;background:linear-gradient(90deg,transparent,#c84c34,transparent);animation:scan 1.2s infinite}.loading p{color:#8f897e;font-size:9px;letter-spacing:.12em}@keyframes scan{50%{transform:scaleX(2.2);opacity:.45}}@media(max-width:760px){.legend,.lede,.hint{display:none}.reference-card{width:128px;bottom:86px}.controls{width:calc(100% - 24px);justify-content:center;overflow-x:auto}button{padding:10px 11px;font-size:8px}}