:root{--color-paper:oklch(9% .01 80);--color-paper-2:oklch(13% .012 80);--color-paper-3:oklch(17% .013 80);--color-rule:oklch(28% .01 80);--color-rule-2:oklch(22% .009 80);--color-neutral:oklch(50% .01 80);--color-muted:oklch(66% .01 80);--color-ink-2:oklch(85% .01 82);--color-ink:oklch(93% .01 82);--color-accent:oklch(72% .118 80);--color-accent-bright:oklch(81% .128 87);--color-accent-deep:oklch(60% .083 79);--color-focus:oklch(78% .15 80);--color-accent-ink:var(--color-paper);--font-display:"Cormorant Garamond", "Palatino Linotype", "Iowan Old Style", serif;--font-body:"Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--tracking-display:.08em;--tracking-label:.16em;--tracking-body:0;--text-xs:.75rem;--text-sm:.875rem;--text-base:1.0625rem;--text-lg:1.33rem;--text-xl:1.66rem;--text-2xl:2.07rem;--text-3xl:2.59rem;--text-4xl:3.24rem;--text-display-s:clamp(2.5rem, 4vw + 1rem, 4rem);--text-display:clamp(3rem, 6vw + 1rem, 6rem);--measure:66ch;--weight-body:350;--weight-body-em:500;--weight-display:500;--weight-display-strong:600;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:8rem;--space-5xl:12rem;--bp-island:40rem;--bp-wide:64rem;--shadow-none:none;--shadow-lift:0 1px 2px oklch(0% 0 0/.4);--shadow-float:0 8px 24px oklch(0% 0 0/.5);--rule-hairline:1px;--rule-gold:1px;--radius-none:0;--radius-sm:2px;--radius-round:50%;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--dur-enter:.8s;--dur-exit:.6s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}}:root{--font-label:"IM Fell English", "Palatino Linotype", "Iowan Old Style", serif;--backdrop-blur:2.4px;--backdrop-overscan:1.06}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}html{background:var(--color-paper);color:var(--color-ink);color-scheme:dark}body{min-height:100dvh;font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}.backdrop{z-index:0;filter:blur(var(--backdrop-blur));transform:scale(var(--backdrop-overscan));pointer-events:none;background-image:url(/beach-mobile.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}@media (orientation:landscape){.backdrop{background-image:url(/beach-desktop.webp)}}.scrim{z-index:1;pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--color-paper) 28%, transparent) 0%, color-mix(in srgb, var(--color-paper) 20%, transparent) 42%, color-mix(in srgb, var(--color-paper) 48%, transparent) 78%, color-mix(in srgb, var(--color-paper) 68%, transparent) 100%);position:fixed;inset:0}.stage{z-index:2;touch-action:none;cursor:grab;position:fixed;inset:0}.stage[data-dragging]{cursor:grabbing}.stage>canvas{display:block}.line{left:50%;bottom:max(var(--space-xl), env(safe-area-inset-bottom,0px) + var(--space-lg));width:min(34ch, calc(100% - 2 * var(--space-lg)));text-align:center;font-family:var(--font-label);font-weight:400;font-size:calc(var(--text-lg) * 1.13);letter-spacing:.05em;color:var(--color-ink-2);pointer-events:none;z-index:3;margin:0;line-height:1.35;position:fixed;transform:translate(-50%)}@media (width>=40rem){.line{font-size:calc(var(--text-xl) * 1.13);width:min(44ch, calc(100% - 2 * var(--space-2xl)))}}.gate{z-index:10;padding:var(--space-lg);background:var(--color-paper);color:var(--color-ink);text-align:center;place-items:center;display:grid;position:fixed;inset:0}.gate[hidden]{display:none}.gate__panel,.gate__denied{max-width:32ch}.gate__logo{aspect-ratio:1;width:min(42vw,168px);height:auto;margin:0 auto var(--space-lg);display:block}.gate__mark{margin:0 0 var(--space-lg);font-family:var(--font-label);font-weight:400;font-size:var(--text-2xl);letter-spacing:.18em;color:var(--color-accent)}.gate__ask{margin:0 0 var(--space-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink-2);line-height:1.5}.gate__actions{gap:var(--space-sm);display:grid}.gate__btn{min-height:48px;padding:var(--space-xs) var(--space-lg);border:var(--rule-hairline) solid var(--color-neutral);border-radius:var(--radius-sm);background:var(--color-paper-3);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:.01em;cursor:pointer}.gate__btn:hover{border-color:var(--color-accent-deep);color:var(--color-accent-bright)}.gate__btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.gate__denied{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink-2);line-height:1.6}.gate__denied[hidden]{display:none}.gate__legal{margin:var(--space-lg) 0 0;font-size:var(--text-sm);color:var(--color-muted)}.motion-permission{left:50%;bottom:calc(max(var(--space-xl), env(safe-area-inset-bottom,0px) + var(--space-lg)) + 3.5rem);z-index:4;min-height:44px;padding:var(--space-2xs) var(--space-md);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-sm);background:color-mix(in oklch, var(--color-paper-2) 85%, transparent);color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.02em;cursor:pointer;transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.motion-permission{transition:none}}.motion-permission:hover{color:var(--color-ink-2);border-color:var(--color-accent-deep)}.motion-permission:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.motion-permission[hidden]{display:none}