.city-site{--city-accent: var(--color-brand);--city-accent-hover: var(--color-brand-hover);--city-accent-soft: var(--color-brand-muted);--city-ink: var(--color-text-heading);--city-copy: var(--color-text-body);--city-muted: var(--color-text-muted);--city-surface: var(--color-bg-primary);--city-surface-subtle: var(--color-bg-secondary-brand);--city-border: var(--color-border-subtle);--city-shadow: 0 24px 70px color-mix(in oklab, var(--color-brand-900) 13%, transparent);min-height:100vh;color:var(--city-ink);background:radial-gradient(circle at 90% 4%,color-mix(in oklab,var(--city-accent-soft) 72%,transparent) 0,transparent 24rem),var(--city-surface);isolation:isolate;scroll-behavior:smooth}.city-site:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;content:"";opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");mix-blend-mode:multiply}.city-container{width:min(100% - 2.5rem,80rem);margin-inline:auto}.city-header{position:sticky;top:0;z-index:50;border-bottom:1px solid color-mix(in oklab,var(--city-border) 78%,transparent);background:color-mix(in oklab,var(--city-surface) 88%,transparent);box-shadow:0 1px color-mix(in oklab,var(--city-accent) 5%,transparent);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}.city-nav-link{position:relative;display:inline-flex;height:4rem;align-items:center;color:var(--city-copy);font-size:.8125rem;font-weight:500;transition:color .22s ease}.city-nav-link:after{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:999px;background:var(--city-accent);content:"";transform:scaleX(0);transform-origin:left;transition:transform .24s ease}.city-nav-link:hover,.city-nav-link:focus-visible{color:var(--city-accent)}.city-nav-link:hover:after,.city-nav-link:focus-visible:after{transform:scaleX(1)}.city-primary-button,.city-secondary-button,.city-text-button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:.55rem;padding-inline:1.25rem;border-radius:999px;font-size:.875rem;font-weight:600;line-height:1;transition:transform .22s ease,box-shadow .22s ease,color .22s ease,background-color .22s ease,border-color .22s ease}.city-primary-button{color:#fff;background:linear-gradient(135deg,var(--color-brand-400),var(--city-accent) 52%,var(--color-brand-700));box-shadow:0 14px 34px color-mix(in oklab,var(--city-accent) 22%,transparent)}.city-primary-button:hover{box-shadow:0 18px 42px color-mix(in oklab,var(--city-accent) 30%,transparent);transform:translateY(-2px)}.city-secondary-button{border:1px solid color-mix(in oklab,var(--city-accent) 20%,var(--city-border));color:var(--city-ink);background:color-mix(in oklab,var(--city-surface) 90%,transparent);box-shadow:var(--shadow-sm)}.city-secondary-button:hover{border-color:color-mix(in oklab,var(--city-accent) 48%,var(--city-border));color:var(--city-accent);transform:translateY(-2px)}.city-text-button{padding-inline:.5rem;color:var(--city-accent)}.city-primary-button:active,.city-secondary-button:active,.city-text-button:active{transform:translateY(0) scale(.98)}.city-primary-button:focus-visible,.city-secondary-button:focus-visible,.city-text-button:focus-visible,.city-nav-link:focus-visible,.city-interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}.city-hero{position:relative;min-height:min(48rem,calc(100dvh - 4rem));overflow:hidden;border-bottom:1px solid color-mix(in oklab,var(--city-accent) 8%,var(--city-border));background:var(--city-surface)}.city-hero:after{position:absolute;inset:auto 0 0;height:7rem;pointer-events:none;content:"";background:linear-gradient(to bottom,transparent,var(--city-surface))}.city-hero-media{position:absolute;inset:0 0 0 auto;width:min(65%,64rem);height:100%;object-fit:cover;object-position:center;opacity:.72;filter:saturate(.82) contrast(.96);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 24%,black 58%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 24%,black 58%)}.city-hero-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 68% 28%,color-mix(in oklab,var(--city-accent-soft) 66%,transparent),transparent 28rem),linear-gradient(90deg,var(--city-surface) 0%,color-mix(in oklab,var(--city-surface) 96%,transparent) 42%,transparent 78%)}.city-display-title{max-width:13ch;color:var(--city-ink);font-size:clamp(3rem,5.25vw,4.75rem);font-weight:700;line-height:1.02;letter-spacing:-.055em;text-wrap:balance;word-break:keep-all}.city-section-title{max-width:18ch;color:var(--city-ink);font-size:clamp(2.15rem,3.8vw,3.35rem);font-weight:700;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.city-section-title-wide{max-width:26ch}.city-lede{max-width:62ch;color:var(--city-copy);font-size:clamp(1rem,1.35vw,1.125rem);font-weight:500;line-height:1.85;text-wrap:pretty}.city-copy{max-width:65ch;color:var(--city-muted);line-height:1.8;text-wrap:pretty}.city-eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--city-accent);font-size:.8125rem;font-weight:650;letter-spacing:.01em}.city-eyebrow:before{width:1.5rem;height:1px;background:currentColor;content:""}.city-chip{display:inline-flex;min-height:1.875rem;align-items:center;gap:.4rem;padding-inline:.7rem;border:1px solid color-mix(in oklab,var(--city-accent) 16%,var(--city-border));border-radius:.5rem;color:var(--city-copy);background:color-mix(in oklab,var(--city-surface) 88%,transparent);font-size:.75rem;font-weight:550}.city-glass-panel{border:1px solid color-mix(in oklab,var(--city-accent) 16%,rgba(255,255,255,.7));border-radius:1.25rem;background:color-mix(in oklab,var(--city-surface) 84%,transparent);box-shadow:var(--city-shadow),inset 0 1px #fffc;backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}.city-section{padding-block:clamp(5rem,9vw,8rem)}.city-section-compact{padding-block:clamp(3.5rem,6vw,5.5rem)}.city-section-muted{border-block:1px solid color-mix(in oklab,var(--city-accent) 7%,var(--city-border));background:radial-gradient(circle at 12% 10%,color-mix(in oklab,var(--city-accent-soft) 55%,transparent),transparent 24rem),var(--city-surface-subtle)}.city-feature-card{position:relative;display:flex;min-height:15rem;flex-direction:column;overflow:hidden;border:1px solid color-mix(in oklab,var(--city-accent) 7%,var(--city-border));border-radius:1.25rem;background:color-mix(in oklab,var(--city-surface) 94%,var(--city-accent-soft));transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}.city-feature-card:after{position:absolute;right:-4.25rem;bottom:-4.75rem;width:13rem;height:13rem;border-radius:50%;background:radial-gradient(circle at 30% 26%,color-mix(in oklab,var(--color-brand-50) 82%,white) 0%,color-mix(in oklab,var(--color-brand-100) 54%,white) 30%,transparent 54%),radial-gradient(circle at 62% 66%,color-mix(in oklab,var(--color-brand-50) 76%,white),color-mix(in oklab,var(--color-brand-100) 68%,white) 56%,color-mix(in oklab,var(--color-brand-200) 14%,transparent));box-shadow:0 0 54px color-mix(in oklab,var(--city-accent) 7%,transparent);content:"";filter:blur(16px);opacity:.5;transform:translateZ(0) scale(.96);transform-origin:62% 72%;transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .32s ease,filter .32s ease;will-change:transform}.city-feature-card:hover{border-color:color-mix(in oklab,var(--city-accent) 28%,var(--city-border));box-shadow:0 24px 60px color-mix(in oklab,var(--color-brand-900) 10%,transparent);transform:translateY(-5px)}.city-feature-card:hover:after{opacity:.72;filter:blur(19px);animation:city-orb-drift 7.5s ease-in-out infinite}@keyframes city-orb-drift{0%,to{transform:translate3d(-.25rem,-.25rem,0) scale(1.12)}34%{transform:translate3d(-1.25rem,-.7rem,0) scale(1.2)}68%{transform:translate3d(.2rem,-1.35rem,0) scale(1.16)}}.city-feature-index{color:color-mix(in oklab,var(--city-accent) 42%,var(--city-muted));font-family:var(--font-number);font-size:.75rem;font-weight:700;letter-spacing:.12em}.city-icon-tile{display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border-radius:.75rem;color:var(--city-accent);background:color-mix(in oklab,var(--city-accent-soft) 76%,var(--city-surface))}.city-divider-list>*+*{border-top:1px solid color-mix(in oklab,var(--city-accent) 8%,var(--city-border))}.city-table-shell{overflow:hidden;border:1px solid color-mix(in oklab,var(--city-accent) 8%,var(--city-border));border-radius:1rem;background:var(--city-surface);box-shadow:0 18px 50px color-mix(in oklab,var(--color-brand-900) 6%,transparent)}.city-brand-panel{position:relative;overflow:hidden;border:1px solid color-mix(in oklab,var(--city-accent) 18%,var(--city-border));border-radius:1.5rem;background:radial-gradient(circle at 88% 18%,color-mix(in oklab,var(--city-accent) 18%,transparent),transparent 20rem),var(--gradient-card-brand);box-shadow:0 28px 80px color-mix(in oklab,var(--color-brand-900) 10%,transparent)}.city-footer{border-top:1px solid color-mix(in oklab,var(--city-accent) 10%,var(--city-border));color:#ffffffb3;background:radial-gradient(circle at 20% 0%,color-mix(in oklab,var(--city-accent) 24%,transparent),transparent 28rem),#0c0d16}.city-interactive{transition:color .22s ease,background-color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}.city-interactive:active{transform:scale(.985)}@media (max-width: 767px){.city-container{width:min(100% - 2rem,80rem)}.city-hero{min-height:auto}.city-hero-media{top:0;right:0;bottom:0;left:0;width:100%;opacity:.2;mask-image:linear-gradient(to bottom,black,transparent 82%);-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%)}.city-hero-atmosphere{background:linear-gradient(to bottom,color-mix(in oklab,var(--city-surface) 84%,transparent),var(--city-surface) 82%),radial-gradient(circle at 70% 12%,color-mix(in oklab,var(--city-accent-soft) 60%,transparent),transparent 20rem)}.city-display-title{max-width:15ch;font-size:clamp(2.5rem,11.2vw,3.6rem)}.city-section-title{font-size:clamp(2rem,9vw,2.75rem)}}@media (prefers-reduced-motion: reduce){.city-site,.city-site *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}