body[data-city=sf]{--color-ink: #f3f4f8;--color-paper: #14151a;--color-accent-pink: #e4819b;--color-accent-pink-soft: #ffbdcb;--color-accent-teal: #7bc4c0;--color-accent-mustard: #d9c58f;--color-surface: var(--color-paper);--color-surface-raised: #1c1d24;--color-surface-card: #ffefcb;--color-surface-strong: #14151a;--color-surface-map-stage: var(--color-surface-raised);--color-surface-map-stage-glow: var(--color-surface-raised);--color-surface-map-frame: var(--color-surface-raised);--color-surface-map-control: var(--color-surface-raised);--color-surface-map-control-active: var(--color-ink);--color-ink-muted: rgba(243, 244, 248, .6);--color-ink-subtle: rgba(243, 244, 248, .35);--color-ink-map-plate: var(--color-ink-subtle);--color-ink-map-line: var(--color-ink-subtle);--color-ink-map-fill: var(--color-paper);--color-ink-map-label: var(--color-ink);--color-ink-map-booth: var(--color-ink);--color-ink-map-cream: var(--color-paper);--color-ink-map-control: var(--color-ink);--color-ink-map-control-active: var(--color-paper);--color-ink-map-icon: var(--color-ink);--color-error: #ff7a7a;--color-success: #78d9a0;--color-track-radical: var(--color-accent-mustard);--color-track-intentional: var(--color-accent-pink);--color-track-legacy: var(--color-accent-teal);--color-track-text: #14151a;--size-map-viewport-height: clamp(60rem, 165dvh, 92rem);--size-map-max-width: 60rem;--space-map-stage-padding: clamp(.5rem, 1.5vw, 1rem);--space-map-frame-inset: clamp(.5rem, 1.75vw, 1.25rem);--space-map-fit-gutter: clamp(.5rem, 1.2vw, .9rem);--ratio-map-overview-width: .68;--space-map-overview-top: clamp(1.5rem, 4vw, 3rem);--space-map-overview-bottom: clamp(1.5rem, 4vw, 3rem);--space-map-overview-slack: clamp(2rem, 5vw, 4rem);--radius-map-control: .5rem;--border-width: 3px;--shadow-hard: var(--shadow-offset) var(--shadow-offset) 0 #0a0b10;--shadow-card: 0 2px 12px rgba(0, 0, 0, .4);--text-display: clamp(2.4rem, 2rem + 2vw, 4rem);--text-3: clamp(2rem, 1.7rem + 1.5vw, 3rem);--text-2: clamp(1.5rem, 1.35rem + .75vw, 2rem);--text-1: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--leading-tight: .92;--gutter-page: clamp(1rem, 4vw, 2rem);--rotate-sm: 0deg;--rotate-md: 0deg;--transition-fast: .15s cubic-bezier(.25, .46, .45, .94);--transition-medium: .3s cubic-bezier(.25, .46, .45, .94)}body[data-city=sf]{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans)}body[data-city=sf] .u-card{background-color:var(--color-surface-raised);border-color:var(--color-ink-subtle);box-shadow:var(--shadow-card)}body[data-city=sf] .u-card:active{box-shadow:none}body[data-city=sf] .content-card{background-color:var(--color-surface-card);color:#14151a;border-color:var(--color-ink-subtle)}body[data-city=sf] a,body[data-city=sf] a:visited{color:var(--color-accent-teal)}body[data-city=sf] .track-card--radical{background-color:var(--color-track-radical);color:var(--color-track-text)}body[data-city=sf] .track-card--intentional{background-color:var(--color-track-intentional);color:var(--color-track-text)}body[data-city=sf] .track-card--legacy{background-color:var(--color-track-legacy);color:var(--color-track-text)}body[data-city=sf] .image-container{background:var(--color-accent-pink)}body[data-city=sf] .image-bg-layer{background-color:#0a0b10}body[data-city=sf] .booth-tag{background:var(--color-ink);color:var(--color-paper)}body[data-city=sf] .persona-pill{border-color:var(--color-ink-subtle);color:var(--color-ink-muted)}body[data-city=sf] .section-title{color:var(--color-ink)}body[data-city=sf] .content-card .section-title{color:#14151a;border-bottom-color:#14151a}body[data-city=sf] .content-card .tip-body{color:#14151a}body[data-city=sf] .share-btn{color:var(--color-ink)}body[data-city=sf] .connect-icon{border-color:var(--color-ink-subtle);color:var(--color-ink)}body[data-city=sf] .connect-item{color:var(--color-ink)}body[data-city=sf] .connect-card .connect-icon{border-color:#14151a;color:#14151a}body[data-city=sf] .connect-card .connect-item,body[data-city=sf] .connect-card .connect-label{color:#14151a}body[data-city=sf] .connect-card .section-title{color:#14151a;border-bottom-color:#14151a}body[data-city=sf] .color-bar{opacity:.85}body[data-city=sf] .footer-links a{color:var(--color-ink-muted)}body[data-city=sf] .footer-links a:hover{color:var(--color-ink)}body[data-city=sf] .jagged-shape{background-color:var(--color-accent-pink);clip-path:polygon(0% 0%,100% 2%,98% 80%,80% 88%,60% 78%,40% 85%,20% 80%,0% 88%)}body[data-city=sf] .teal-octagon{background-color:var(--color-paper)}body[data-city=sf] .tape-pink{background-color:#fff}body[data-city=sf] .hero-logo-frame--sf{padding:0;transform:translate(20px)}body[data-city=sf] .hero-logo-frame--sf:before{display:none}body[data-city=sf] a.enter-button{color:var(--color-ink);background-color:var(--color-accent-pink);border:3px solid #ffffff;border-radius:8px;box-shadow:6px 6px #fff;font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1)}body[data-city=sf] a.enter-button:hover,body[data-city=sf] a.enter-button:focus-visible{transform:translate(-2px,-2px);box-shadow:8px 8px #fff}body[data-city=sf] .est-text{color:var(--color-accent-teal);opacity:1}body[data-city=sf] .hero-subtitle{color:var(--color-accent-mustard);display:flex;align-items:center;justify-content:center;gap:20px}body[data-city=sf] .hero-subtitle:before,body[data-city=sf] .hero-subtitle:after{content:"";display:block;width:40px;height:2px;background-color:var(--color-accent-teal)}body[data-city=sf] .hero-subtitle .subtitle-lines{display:flex;flex-direction:column;align-items:center}body[data-city=sf] .hero-subtitle .subtitle-lines p{margin:0;line-height:1.4}body[data-city=sf] .hero-subtitle .subtitle-lines p:first-child{letter-spacing:.22em;margin-right:-.22em}body[data-city=sf] .hero-subtitle .subtitle-lines p:last-child{letter-spacing:.1em;margin-right:-.1em}body[data-city=sf] .accent-strip-pink-left{background-color:#fff;z-index:2;width:90px;left:-25px;top:85px}body[data-city=sf] .tape-yellow{top:-35px;opacity:.95;background:linear-gradient(135deg,#fff6,#0000000d),var(--color-accent-mustard);box-shadow:1px 3px 6px #0006}body[data-city=sf] .tape-pink{background-color:#fff;bottom:30px;right:-20px;transform:rotate(10deg);box-shadow:-2px 6px 15px #0006}body[data-city=sf] .accent-strip-green{bottom:115px;right:-25px;transform:rotate(-5deg);z-index:4;box-shadow:0 3px 8px #00000059;opacity:.85}
