:root{--cobalt: #1a3cff;--cobalt-deep: #0e26b8;--cream: #f4f1ea;--ink: #0b0b0e;--paper: #fbf9f4;--accent: #ffd400;--bg: var(--cobalt);--fg: var(--paper);--fg-mute: rgba(251, 249, 244, .62);--rule: rgba(251, 249, 244, .18);--font-display: "Fraunces", Georgia, serif;--font-body: "Inter Tight", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}body[data-variant=a]{--bg: var(--cobalt);--fg: var(--paper);--fg-mute: rgba(251, 249, 244, .62);--rule: rgba(251, 249, 244, .18)}body[data-variant=b]{--bg: var(--cream);--fg: var(--ink);--fg-mute: rgba(11, 11, 14, .55);--rule: rgba(11, 11, 14, .14)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .6s ease,color .6s ease}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.skip-link{position:absolute;top:-100px;left:16px;background:var(--fg);color:var(--bg);padding:8px 12px;font-family:var(--font-mono);font-size:12px;z-index:1000}.skip-link:focus{top:16px}.hero{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}.hero-grid{position:absolute;inset:0;pointer-events:none;z-index:0;font-family:Switzer,system-ui,sans-serif;font-weight:600;user-select:none;--grid-fade: color-mix(in srgb, var(--fg) 9%, transparent);--grid-hot: color-mix(in srgb, var(--fg) 92%, transparent);perspective:1100px;perspective-origin:50% 50%}.hero-grid-ghost,.hero-grid-spot{position:absolute;inset:0;display:grid;grid-template-rows:repeat(4,1fr);padding:88px 4vw;transform-style:preserve-3d}.hero-grid-row{display:grid;grid-template-columns:repeat(5,1fr);place-items:center;transform-style:preserve-3d}.hero-grid-row span{font-size:clamp(60px,16vh,240px);line-height:1;letter-spacing:-.02em;transform:translateZ(var(--depth, 0px))}.hero-grid-ghost span{color:var(--grid-fade)}.hero-grid-ghost span.is-fixed{color:var(--grid-hot)}.hero-grid-spot{color:var(--grid-hot);--mx: -500px;--my: -500px;-webkit-mask-image:radial-gradient(circle 180px at var(--mx) var(--my),#000 0%,#000 28%,rgba(0,0,0,.55) 65%,transparent 100%);mask-image:radial-gradient(circle 180px at var(--mx) var(--my),#000 0%,#000 28%,rgba(0,0,0,.55) 65%,transparent 100%)}.hero-grid-spot span{filter:drop-shadow(0 0 18px color-mix(in srgb,var(--fg) 35%,transparent))}.hero-overlay{position:absolute;inset:0;padding:24px 28px;display:grid;grid-template-rows:auto 1fr auto;pointer-events:none;z-index:3}.hero-overlay>*{pointer-events:auto}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.identity{display:inline-flex;align-items:center;gap:10px}.dot{width:10px;height:10px;background:var(--accent);border-radius:50%;display:inline-block}.identity-text{color:var(--fg)}.identity-sep{color:var(--fg-mute);margin:0 4px}.nav{display:inline-flex;gap:22px;justify-self:center}.nav a{color:var(--fg-mute);transition:color .2s ease}.nav a:hover{color:var(--fg)}.clock{justify-self:end;display:inline-flex;gap:8px;color:var(--fg)}.clock-label{color:var(--fg-mute)}.tagline{grid-row:3;grid-column:1;align-self:end;max-width:540px;margin:0;font-family:var(--font-body);font-size:clamp(15px,1.2vw,18px);line-height:1.45;color:var(--fg)}.tagline em{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.05em}.meta{grid-row:3;grid-column:1;justify-self:end;align-self:end;display:grid;grid-template-columns:auto auto;gap:8px 40px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.meta-block{display:grid;grid-template-columns:auto;gap:2px}.meta-label{color:var(--fg-mute)}.meta-value{color:var(--fg);margin-bottom:8px}@media (max-width: 768px){.hero-overlay{padding:18px}.topbar{grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:12px}.nav{grid-column:1 / -1;justify-self:start;flex-wrap:wrap;gap:14px}.meta{grid-column:1;justify-self:start;margin-top:24px;grid-template-columns:1fr 1fr;gap:8px 24px}.tagline{font-size:15px}}.shape-toggle{position:fixed;top:calc(50% + 40px);right:24px;transform:translateY(-50%);z-index:5;display:inline-flex;flex-direction:column;padding:5px 2px;gap:2px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);border-radius:6px;box-shadow:0 1px inset #ffffff1a}.shape-toggle button{appearance:none;background:transparent;color:#ffffff8c;border:0;width:28px;height:28px;cursor:pointer;border-radius:3px;font-family:var(--font-body);font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}.shape-toggle button:hover{color:#fff;background:#ffffff14;border-radius:50%}.shape-toggle button[aria-pressed=true]{color:#fff;background:transparent;box-shadow:none;animation:shape-toggle-pulse 1.6s ease-in-out infinite}@keyframes shape-toggle-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{transform:scale(1.18);filter:drop-shadow(0 0 6px rgba(255,255,255,.55))}}@media (prefers-reduced-motion: reduce){.shape-toggle button[aria-pressed=true]{animation:none;transform:scale(1.12);filter:drop-shadow(0 0 4px rgba(255,255,255,.4))}}.dev-panel{position:fixed;bottom:16px;left:16px;z-index:999;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid var(--rule);background:color-mix(in srgb,var(--bg) 75%,transparent);backdrop-filter:blur(10px);border-radius:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg)}.variant-toggle{display:inline-flex;padding:3px;border:1px solid var(--rule);border-radius:999px}.variant-toggle button{appearance:none;background:transparent;color:var(--fg-mute);border:0;padding:4px 12px;cursor:pointer;border-radius:999px;font:inherit;letter-spacing:inherit;text-transform:inherit}.variant-toggle button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.dev-knob{display:grid;grid-template-columns:70px 140px 56px;align-items:center;gap:8px;cursor:pointer}.dev-knob__label{color:var(--fg-mute)}.dev-knob__value{color:var(--fg);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}.dev-knob input[type=range]{appearance:none;width:100%;height:2px;background:var(--rule);border-radius:999px;cursor:pointer}.dev-knob input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--fg);border:0;cursor:pointer}.dev-knob input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--fg);border:0;cursor:pointer}.placeholder{height:1px}