:root{--glass-bg:var(--glass-tint);--glass-bg-sheet:color-mix(in srgb, var(--surface-raised) 88%, transparent);--glass-edge:var(--glass-edge-token);--shadow-sm:0 1px 2px color-mix(in srgb, var(--ink) 14%, transparent);--shadow-md:0 3px 10px color-mix(in srgb, var(--ink) 16%, transparent);--shadow-lg:0 12px 32px color-mix(in srgb, var(--ink) 22%, transparent);--map-ground:var(--n100);--map-street:var(--n300);--map-street-major:var(--n200);--map-water:var(--n200);--map-park:var(--l100);--map-visited:var(--sf100);--map-trail:var(--sf500);--map-hint-fill:var(--sf200);--map-hint-ring:var(--sf500);--map-pin-fill:var(--on-accent);--map-pin-ring:var(--accent);--map-pin-count:var(--sf700);--font-display:"VelvetDisplay-Bold";--font-display-semibold:"VelvetDisplay-SemiBold";--font-body:"VelvetText-Regular";--font-body-semibold:"VelvetText-SemiBold";--font-body-bold:"VelvetText-Bold";--radius-sm:8px;--radius-md:18px;--radius-lg:22px;--radius-stamp:10px;--container:1120px;--gutter:clamp(20px, 4vw, 40px)}:root[data-sky=night]{--glass-bg:var(--glass-tint);--glass-bg-sheet:color-mix(in srgb, var(--surface-raised) 89%, transparent);--glass-edge:var(--glass-edge-token);--shadow-sm:none;--shadow-md:none;--shadow-lg:0 12px 32px color-mix(in srgb, var(--ink) 50%, transparent);--map-ground:var(--n900);--map-street:var(--n800);--map-street-major:var(--n800);--map-water:var(--bg);--map-park:var(--l900);--map-visited:var(--sf900);--map-trail:var(--sf500);--map-hint-fill:var(--sf900);--map-hint-ring:var(--sf500);--map-pin-fill:var(--bg);--map-pin-ring:var(--sf500);--map-pin-count:var(--sf300)}@view-transition{navigation:auto}::view-transition-old(root){animation:.18s ease-out both velvet-page-out}::view-transition-new(root){animation:.42s cubic-bezier(.16,1,.3,1) both velvet-page-in}@keyframes velvet-page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes velvet-page-in{0%{opacity:0;transform:translateY(10px)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16.5px;line-height:1.62}body:before{content:"";z-index:1000;pointer-events:none;background:var(--ink);opacity:0;position:fixed;inset:0}html.sky-swap body:before{animation:.62s both velvet-exposure}@keyframes velvet-exposure{0%,to{opacity:0}46%{opacity:.18}}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0 0 .4em;line-height:1.08}p{text-wrap:pretty;margin:0 0 1em}li{text-wrap:pretty}a{color:var(--accent-body);text-underline-offset:3px}img,svg{max-width:100%;display:block}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}html.sky-swap body,html.sky-swap body *{transition:background-color .5s,color .5s,border-color .5s,fill .5s,stroke .5s,box-shadow .5s}.container{max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(64px,9vw,110px);scroll-margin-top:84px}.eyebrow{font-family:var(--font-body-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-body);font-size:12px;line-height:14px}.lead{font-size:17.5px;line-height:1.62}.muted{color:var(--text-muted)}.caption{font-size:14px;line-height:1.5}.tag{letter-spacing:.02em;border-radius:999px;align-items:center;gap:7px;padding:5px 14px;font-size:13px;display:inline-flex}.tag-secondary{background:var(--secondary-surface);color:var(--secondary-text);border:1px solid var(--secondary-border)}.tag-accent{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent-body)}.btn{cursor:pointer;font-family:var(--font-display-semibold);color:var(--text);border-radius:var(--radius-md);background:0 0;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:15.5px;line-height:1.25;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s,border-color .18s;display:inline-flex}.btn:hover{transform:scale(1.02)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-active)}.btn-outline{border-color:var(--text)}.btn-outline:hover{background:color-mix(in srgb, var(--text) 7%, transparent)}.btn-ghost{color:var(--accent-body);padding-inline:14px}.btn-ghost:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.btn-ghost .arrow{transition:transform .18s cubic-bezier(.16,1,.3,1)}.btn-ghost:hover .arrow{transform:translate(3px)}.glass{background:var(--glass-bg);backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--glass-edge)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.stamp{font-family:var(--font-body-bold);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--sf600);border-radius:var(--radius-stamp);color:var(--accent-body);padding:5px 9px;font-size:12px;line-height:12px;display:inline-block}:root[data-sky=night] .stamp{border-color:var(--sf400)}.stamp-secondary{border-color:var(--l600);color:var(--secondary-text)}:root[data-sky=night] .stamp-secondary{border-color:var(--l400)}.stamp-neutral{border-color:var(--text-muted);color:var(--text-muted)}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),html.sky-swap body:before{animation:none}html{scroll-behavior:auto}.btn:hover,.btn:active{transform:none}}
