:root{--ink:#07080c;--paper:#f7f2ea;--muted:#f7f2eab3;--faint:#f7f2ea73;--line:#ffffff24;--glass:#0d0f1680;--glass-strong:#0d0f16b8;--warm:#ffd9a0;--accent:#ffd9a0;--display:"Fraunces Variable", "Iowan Old Style", Georgia, serif;--sans:"Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.2, .7, .1, 1);--gutter:clamp(16px, 2.2vw, 28px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;font-size:16px;line-height:1.5}body{overscroll-behavior:none;overflow:hidden}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--warm);outline-offset:3px}.skip{z-index:100;background:var(--paper);color:var(--ink);border-radius:10px;padding:10px 14px;font-weight:600;text-decoration:none;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}#scene{touch-action:none;-webkit-tap-highlight-color:transparent;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hero{touch-action:none}#loader{z-index:50;background:radial-gradient(60% 50% at 50% 50%, #12131b 0%, var(--ink) 70%);transition:opacity .9s var(--ease), visibility .9s;align-content:center;place-items:center;gap:18px;display:grid;position:fixed;inset:0}.ready #loader{opacity:0;visibility:hidden}.loader-star{width:14px;height:14px;position:relative}.loader-star span{background:#ffe7bd;border-radius:50%;animation:1.8s ease-in-out infinite pulse;position:absolute;inset:0;box-shadow:0 0 18px 6px #ffd28c8c,0 0 60px 20px #ffbe6e2e}.loader-text{letter-spacing:.04em;color:var(--faint);margin:0;font-size:13px}@keyframes pulse{50%{opacity:.75;transform:scale(.72)}}.top{z-index:20;padding:max(14px, env(safe-area-inset-top)) var(--gutter) 14px;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.top>*{pointer-events:auto}.brand{cursor:pointer;text-align:left;background:0 0;border:0;padding:4px 0;line-height:1.1;display:grid}.brand-name{font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 48;letter-spacing:-.01em;text-shadow:0 1px 12px #00000073;font-size:21px}.brand-sub{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;text-shadow:0 1px 10px #00000080;font-size:11.5px}.top-nav{align-items:center;gap:8px;display:flex}.pill,.icon-btn{appearance:none;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);cursor:pointer;transition:background .25s, border-color .25s, transform .25s var(--ease);border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:500;text-decoration:none}.pill:hover,.icon-btn:hover{background:#ffffff1f;border-color:#ffffff42}.pill-solid{background:var(--paper);color:var(--ink);border-color:var(--paper)}.pill-solid:hover{background:#fff}.icon-btn{place-items:center;width:38px;height:38px;padding:0;display:grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.icon-btn .spk{fill:currentColor;stroke:none}.icon-btn .wave{display:none}.icon-btn[aria-pressed=true] .wave{display:block}.icon-btn[aria-pressed=true] .mute{display:none}.hero{z-index:10;max-width:min(720px,100vw - 40px);transition:opacity .7s var(--ease), transform .9s var(--ease), visibility .7s;position:fixed;bottom:clamp(90px,15vh,170px);left:clamp(20px,6vw,96px)}.hero.off{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px)}body:not(.ready) .hero{opacity:0;transform:translateY(18px)}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:12px}.hero h1{font-family:var(--display);letter-spacing:-.025em;font-variation-settings:"SOFT" 100, "opsz" 144;text-shadow:0 2px 40px #00000073;text-wrap:balance;margin:0;font-size:clamp(2.7rem,6.6vw,5.9rem);font-weight:380;line-height:.98}.hero h1 em{color:var(--warm);text-shadow:0 0 34px #ffc8786b;font-style:italic;font-weight:330}.hero-intro{max-width:520px;color:var(--muted);text-shadow:0 1px 14px #0009;margin:22px 0 0;font-size:clamp(15px,1.25vw,17px)}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.btn{appearance:none;border:1px solid var(--paper);background:var(--paper);color:var(--ink);cursor:pointer;transition:transform .25s var(--ease), background .25s, border-color .25s, color .25s;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:14.5px;font-weight:560;text-decoration:none;display:inline-flex}.btn:hover{background:#fff;transform:translateY(-1px)}.btn-ghost{background:var(--glass);color:var(--paper);border-color:var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-ghost:hover{background:#ffffff1f;border-color:#ffffff4d}.btn-small{padding:8px 14px;font-size:13px}.tag{border:1px dashed color-mix(in srgb, var(--accent) 70%, transparent);color:var(--accent);border-radius:999px;align-items:center;padding:7px 12px;font-size:12.5px;display:inline-flex}.card{touch-action:none;overscroll-behavior:contain;z-index:12;left:var(--gutter);bottom:var(--gutter);width:min(400px, calc(100vw - 2 * var(--gutter)));border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.35);backdrop-filter:blur(18px)saturate(1.35);opacity:0;visibility:hidden;max-height:calc(100vh - 140px);transition:opacity .45s var(--ease), transform .6s var(--ease), visibility .45s;scrollbar-width:none;background:linear-gradient(#141620a8,#0a0b1294);border-radius:22px;padding:22px 22px 18px;position:fixed;overflow:auto;transform:translateY(14px);box-shadow:0 30px 80px -30px #000000b3}.card::-webkit-scrollbar{display:none}.card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:.85;border-radius:2px;height:2px;position:absolute;top:0;left:22px;right:22px}.card.show{opacity:1;visibility:visible;transform:none}.card h2{font-family:var(--display);letter-spacing:-.02em;font-variation-settings:"SOFT" 100, "opsz" 96;margin:0;font-size:2.35rem;font-weight:420;line-height:1.02}.card h2.h2-long{font-size:1.7rem;line-height:1.1}.card .strap{font-family:var(--display);color:var(--accent);font-variation-settings:"SOFT" 100;margin:6px 0 0;font-size:1.15rem;font-style:italic}.card p{color:var(--muted);font-size:14.5px}.card-more>p:first-child{margin-top:14px}.chips{flex-wrap:wrap;gap:6px;margin:12px 0;padding:0;list-style:none;display:flex}.chips li{color:var(--paper);background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;padding:5px 10px;font-size:12px}.shots{gap:8px;margin:14px 0 6px;display:flex}.shots img{aspect-ratio:444/960;object-fit:cover;background:#111;border:1px solid #ffffff1f;border-radius:12px;width:calc(33.3333% - 5.33333px);height:auto}.meta{letter-spacing:.03em;margin:8px 0 0;color:var(--faint)!important;font-size:12px!important}.card .row,.list .row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.card dl{gap:10px;margin:14px 0 0;display:grid}.card dt,.list dt{font-size:13px;font-weight:600}.card dd,.list dd{color:var(--muted);margin:2px 0 0;font-size:13.5px}.card-toggle{display:none!important}body.at-start .card{opacity:0!important;visibility:hidden!important}.ruler{z-index:11;right:calc(var(--gutter) - 4px);pointer-events:none;width:150px;height:min(62vh,560px);position:fixed;top:50%;transform:translateY(-50%)}.ruler-track{background:linear-gradient(180deg, transparent, var(--line) 6%, var(--line) 94%, transparent);width:1px;position:absolute;top:0;bottom:0;right:9px}.ruler-bead{left:-4px;top:calc(var(--t,0) * 100%);background:var(--warm);border-radius:50%;width:9px;height:9px;margin-top:-4.5px;transition:top 60ms linear;position:absolute;box-shadow:0 0 14px 3px #ffd28c8c}.ruler-bead span{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--warm);text-shadow:0 1px 10px #000c;font-size:12px;font-weight:600;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.ruler ol{margin:0;padding:0;list-style:none;position:absolute;inset:0}.ruler li{right:0;top:calc(var(--i) / 10 * 100%);position:absolute;transform:translateY(-50%)}.ruler li:first-child{--i:0}.ruler li:nth-child(2){--i:1}.ruler li:nth-child(3){--i:2}.ruler li:nth-child(4){--i:3}.ruler li:nth-child(5){--i:4}.ruler li:nth-child(6){--i:5}.ruler li:nth-child(7){--i:6}.ruler li:nth-child(8){--i:7}.ruler li:nth-child(9){--i:8}.ruler li:nth-child(10){--i:9}.ruler li:nth-child(11){--i:10}.ruler button{pointer-events:auto;appearance:none;cursor:pointer;color:var(--faint);background:0 0;border:0;flex-direction:row-reverse;align-items:center;gap:9px;padding:6px 0 6px 10px;font-size:12px;display:flex}.r-dot{width:7px;height:7px;transition:transform .3s var(--ease), background .3s;background:#07080c99;border:1px solid #ffffff8c;border-radius:50%;margin-right:6px}.r-name,.r-scale{opacity:0;transition:opacity .3s, transform .3s var(--ease);white-space:nowrap;text-shadow:0 1px 10px #000000e6;transform:translate(6px)}.r-scale{font-variant-numeric:tabular-nums;font-size:11px}.ruler:hover .r-name,.ruler:hover .r-scale,.ruler button:focus-visible .r-name{opacity:1;transform:none}.ruler:hover .ruler-bead span{opacity:0}.ruler button:hover{color:var(--paper)}.ruler button:hover .r-dot{background:var(--paper);transform:scale(1.4)}.ruler button.on .r-dot{background:var(--warm);border-color:var(--warm)}.live{z-index:11;right:var(--gutter);bottom:var(--gutter);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:12.5px;display:flex;position:fixed}.dial{appearance:none;background:radial-gradient(circle at 50% 30%, rgba(120, 170, 255, calc(.32 * (1 - var(--night,0)))), #0a0e1e99 80%);cursor:grab;touch-action:none;border:0;border-radius:50%;width:38px;height:38px;padding:0}.dial.active{cursor:grabbing}.dial svg{width:100%;height:100%;overflow:visible}.dial-ring{fill:none;stroke:#ffffff38;stroke-width:1.2px;stroke-dasharray:2 3}.dial-sun{fill:#ffd27a;filter:drop-shadow(0 0 3px #ffc864e6)}.live-text{white-space:nowrap;align-items:baseline;gap:7px;display:flex}.live-place{font-weight:600}#live-time{font-variant-numeric:tabular-nums;color:var(--warm)}#live-weather{color:var(--muted)}.live-reset{appearance:none;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;padding:3px 9px;font-size:11.5px}.time-travel #live-time:after{content:" ⟲";font-size:10px}.labels{z-index:8;pointer-events:none;position:fixed;inset:0;overflow:hidden}.label{white-space:nowrap;letter-spacing:.02em;color:var(--paper);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 8px #0009;background:#0a0c127a;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:560;transition:opacity .3s;position:absolute;top:0;left:0;translate:-50% -100%}.label:after{content:"";background:#ffffff80;width:1px;height:7px;position:absolute;bottom:-7px;left:50%}.label[data-tone=studio]{background:var(--warm);color:var(--ink);text-shadow:none;box-shadow:0 0 22px #ffd28c8c}.hint{z-index:9;left:50%;bottom:calc(var(--gutter) + 6px);color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;transition:opacity .8s var(--ease), transform .8s var(--ease);background:#0a0b1059;border-radius:999px;margin:0;padding:8px 14px;font-size:12.5px;position:fixed;transform:translate(-50%)}.hint.gone,body:not(.ready) .hint{opacity:0;pointer-events:none;transform:translate(-50%,8px)}.hint-touch,.touch .hint-desk{display:none}.touch .hint-touch{display:inline}.list{z-index:30;overscroll-behavior:contain;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transition:opacity .4s var(--ease), visibility .4s;background:#07080ce6;position:fixed;inset:0;overflow-y:auto}.list-open .list{opacity:1;visibility:visible}.list-inner{max-width:1040px;padding:96px var(--gutter) 80px;margin:0 auto}.list-close{top:max(16px, env(safe-area-inset-top));right:var(--gutter);z-index:2;appearance:none;border:1px solid var(--line);background:var(--glass-strong);cursor:pointer;border-radius:999px;padding:9px 16px;font-size:13.5px;position:fixed}.no-3d .list-close{display:none}.list-head h1{font-family:var(--display);letter-spacing:-.02em;font-variation-settings:"SOFT" 100, "opsz" 144;max-width:14ch;margin:0;font-size:clamp(2.2rem,5vw,4rem);font-weight:380;line-height:1.02}.list-head>p:last-child{color:var(--muted);max-width:560px}.list-app{border-top:1px solid var(--line);grid-template-columns:160px 1fr;align-items:start;gap:28px;padding:36px 0;display:grid}.list-app:first-of-type{margin-top:40px}.list-shot img,.list-shot-empty{aspect-ratio:444/960;border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#3a2412,#0c0c12 70%);border-radius:18px;width:100%;height:auto;display:block}.list-app h2,.list-about h2,.list-contact h2{font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 96;margin:0;font-size:2.2rem;font-weight:420;line-height:1.05}.list-app .strap{font-family:var(--display);color:var(--accent);margin:6px 0 12px;font-size:1.2rem;font-style:italic}.list-app p,.list-about p,.list-contact p{color:var(--muted);max-width:62ch}.list-about,.list-contact{border-top:1px solid var(--line);padding:40px 0}.list-about dl{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:18px 0 0;display:grid}@media (max-width:720px){.hide-sm,.brand-sub{display:none}.pill{padding:7px 12px;font-size:13px}.hero{bottom:120px;left:20px;right:20px}.hero-intro{margin-top:14px}.card{width:auto;max-height:62vh;padding:18px 18px 14px;bottom:10px;left:10px;right:10px}.card h2{font-size:1.9rem}.card .card-more{display:none}.card.expanded .card-more{display:block}.card-toggle{display:inline-flex!important}.ruler{height:44vh;top:46%;right:2px}.ruler-bead span{font-size:11px}.live{top:calc(max(14px, env(safe-area-inset-top)) + 52px);padding:4px 10px 4px 4px;font-size:11.5px;bottom:auto;right:10px}.dial{width:30px;height:30px}.live-place{display:none}.hint{bottom:24px}body:not(.at-start) .hint{display:none}.list-app{grid-template-columns:96px 1fr;gap:16px}.list-app h2{font-size:1.7rem}}.card.expanded,.card.scrollable{touch-action:pan-y}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
