@property --skin-accent{syntax:"<color>";inherits:true;initial-value:#3e4a50}@property --skin-glow{syntax:"<color>";inherits:true;initial-value:#2c353b}@property --skin-accent-p3{syntax:"<color>";inherits:true;initial-value:#3e4a50}@property --skin-glow-p3{syntax:"<color>";inherits:true;initial-value:#2c353b}.civic-root{--lowm-black:#050505;--bone:#efeae0;--chalk:#f7f3ea;--ash:#a8a39b;--stone-warm:#d8d2c8;--steel:#3e4a50;--moss:#6f7468;--oxide:#9a4e38;--warm-light:#e8c98f;--deep-wine:#3b171c;--obsidian:var(--bone);--charcoal:var(--stone-warm);--ink:var(--lowm-black);--ink-soft:#565249;--bronze:var(--oxide);--stone:#05050599;--stone-faint:#0505056b;--hairline:#0505051f;--skin-accent:var(--steel);--skin-glow:#2c353b;--skin-accent-p3:#3e4a50;--skin-glow-p3:#2c353b;--skin-wash:#3e4a500d;--ease-brand:cubic-bezier(.16, 1, .3, 1);--section-py:clamp(5rem, 9vw, 12rem);--r-sm:8px;--r-md:12px;--r-lg:16px;--t-display:clamp(2.6rem, 6vw, 4.8rem);--t-h2:clamp(2.2rem, 5vw, 3.8rem);--t-h3:clamp(1.6rem, 3vw, 2.4rem);--tracking-display:-.02em;--tracking-h2:-.018em;--tracking-body:-.012em;color:var(--ink);background:var(--obsidian);transition:--skin-accent .82s cubic-bezier(.4,0,.2,1),--skin-glow .82s cubic-bezier(.4,0,.2,1),--skin-accent-p3 .82s cubic-bezier(.4,0,.2,1),--skin-glow-p3 .82s cubic-bezier(.4,0,.2,1);position:relative}.civic-root .c-t-display{font-family:var(--font-serif), serif;font-size:var(--t-display);letter-spacing:var(--tracking-display);font-optical-sizing:auto;font-variation-settings:"opsz" 110}.civic-root .c-t-h2{font-family:var(--font-serif), serif;font-size:var(--t-h2);letter-spacing:var(--tracking-h2);font-optical-sizing:auto;font-variation-settings:"opsz" 110}.civic-root .c-t-h3{font-family:var(--font-serif), serif;font-size:var(--t-h3);letter-spacing:var(--tracking-body);font-optical-sizing:auto;font-variation-settings:"opsz" 72}.civic-root .c-t-serif{font-family:var(--font-serif), serif;letter-spacing:var(--tracking-body);font-optical-sizing:auto;font-variation-settings:"opsz" 36}.civic-root .c-t-serif-sm{font-family:var(--font-serif), serif;font-optical-sizing:auto;font-variation-settings:"opsz" 16}.civic-root :where(a,button,[tabindex]):focus-visible{outline:2px solid color-mix(in srgb, var(--skin-accent) 75%, transparent);outline-offset:3px;border-radius:inherit;box-shadow:0 0 0 4px color-mix(in srgb, var(--obsidian) 70%, transparent)}.civic-root :where(a,button,[tabindex]):focus:not(:focus-visible){outline:none}.civic-root ::selection{background:color-mix(in srgb, var(--skin-accent) 85%, transparent);color:var(--obsidian)}.civic-root .text-ink\/40,.civic-root .text-ink\/45,.civic-root .text-ink\/50,.civic-root .text-ink\/52,.civic-root .text-ink\/55,.civic-root .text-ink\/58{color:color-mix(in oklab, var(--ink) 72%, transparent)}.civic-root .text-ink\/60{color:color-mix(in oklab, var(--ink) 70%, transparent)}.civic-wash{z-index:0;pointer-events:none;background:radial-gradient(58% 46% at 84% 6%, color-mix(in srgb, var(--skin-accent-p3) 7%, transparent) 0%, transparent 62%);transition:background .82s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.civic-root:after{content:"";z-index:1;pointer-events:none;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;position:fixed;inset:0}.c-section-glow{z-index:0;pointer-events:none;background:radial-gradient(58% 46% at 50% 28%, color-mix(in srgb, var(--skin-accent-p3) 6%, transparent) 0%, transparent 72%);position:absolute;inset:0}.c-scene-glow{z-index:0;pointer-events:none;background:radial-gradient(58% 46% at 50% 42%, color-mix(in srgb, var(--skin-accent-p3) 6%, transparent) 0%, transparent 70%);position:absolute;inset:0}.civic-clip{overflow-x:clip}.civic-hero-glint{animation:4.6s cubic-bezier(.4,0,.2,1) infinite civicHeroGlint}@keyframes civicHeroGlint{0%,to{opacity:.45}50%{opacity:.88}}@media (prefers-reduced-motion:reduce){.civic-hero-glint{opacity:.6;animation:none}}@keyframes lhMark{0%{opacity:0;transform:translateY(14px)scale(.965)}to{opacity:1;transform:none}}@keyframes lhMarkBreath{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes lhFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes lhGlow{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:.66;transform:translate(-50%,-50%)scale(1.09)}}.civic-logo-svg{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) .14s forwards lhMark,6s ease-in-out 1.3s infinite lhMarkBreath}.civic-logo-word{opacity:0;animation:.72s cubic-bezier(.16,1,.3,1) .76s forwards lhFade}.civic-logo-sub{opacity:0;animation:.72s cubic-bezier(.16,1,.3,1) 1.02s forwards lhFade}.civic-logo-cue{opacity:0;animation:.72s 1.56s forwards lhFade}.civic-logo-glow{animation:6.2s ease-in-out infinite lhGlow}@media (prefers-reduced-motion:reduce){.civic-logo-word,.civic-logo-sub,.civic-logo-cue{opacity:1;animation:none;transform:none}.civic-logo-svg{opacity:1;animation:none}.civic-logo-glow{animation:none}}html:has(.civic-root){scroll-snap-type:y proximity}.civic-intro-snap{scroll-snap-align:center}.civic-root .civic-snap{scroll-snap-align:start}@media (prefers-reduced-motion:reduce){html:has(.civic-root){scroll-snap-type:none}}.civic-band{background:var(--charcoal)}html.civic-gl .civic-wash{opacity:.5}html.civic-gl .c-section-glow{opacity:.62}.c-accent{color:var(--skin-accent)}.c-accent-bd{border-color:var(--skin-accent)}.c-card,.c-pillar,.c-row{border-color:var(--hairline);transition:border-color .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1)}.c-card:hover,.c-pillar:hover,.c-row:hover{border-color:color-mix(in srgb, var(--skin-accent) 46%, transparent);transform:translateY(-1px)}.c-pillar-dot{transition:transform .52s cubic-bezier(.16,1,.3,1),box-shadow .52s cubic-bezier(.16,1,.3,1)}.c-pillar:hover .c-pillar-dot{box-shadow:0 0 0 4px color-mix(in srgb, var(--skin-accent) 18%, transparent);transform:scale(1.25)}.c-cta{transition:transform .36s cubic-bezier(.16,1,.3,1),box-shadow .36s cubic-bezier(.16,1,.3,1)}.c-cta:hover{box-shadow:0 6px 22px color-mix(in srgb, var(--skin-accent) 24%, transparent);transform:translateY(-1px)}.c-cta-arrow{transition:transform .36s cubic-bezier(.16,1,.3,1);display:inline-block}.c-cta:hover .c-cta-arrow{transform:translate(3px)}.c-silo{opacity:0;background:#f7f7f504;transition:border-color .42s,color .42s;animation:.72s cubic-bezier(.16,1,.3,1) both cSiloIn;transform:translateY(8px)}.c-silo:hover{border-color:color-mix(in srgb, var(--skin-accent) 42%, transparent);color:var(--ink)}@keyframes cSiloIn{to{opacity:1;transform:none}}.c-reveal{opacity:0;filter:blur(2px);will-change:opacity, transform, filter;transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .88s cubic-bezier(.16,1,.3,1),filter .76s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.c-reveal.c-in{opacity:1;filter:none;transform:none}.civic-morph{z-index:60;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 52%, var(--skin-glow) 0%, var(--skin-accent) 22%, transparent 60%);position:fixed;inset:0}.civic-morph.c-firing{animation:.88s cubic-bezier(.5,0,.2,1) civicPortal}@keyframes civicPortal{0%{opacity:0;transform:scale(.6)}30%{opacity:.62;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.c-skin-content{transition:opacity .36s,transform .36s,filter .36s}.c-skin-content.c-swapping{opacity:0;filter:blur(4px);transform:translateY(8px)scale(.985)}.c-skin-tab{border:1px solid var(--hairline);color:var(--stone);cursor:pointer;background:0 0;transition:color .36s,border-color .36s,background .36s;position:relative}.c-skin-tab:hover{color:var(--ink);border-color:color-mix(in srgb, var(--skin-accent) 50%, transparent)}.c-skin-tab.c-on{color:var(--obsidian);background:var(--skin-accent);border-color:var(--skin-accent)}@media (prefers-reduced-motion:reduce){.c-reveal{opacity:1;filter:none;transition:none;transform:none}.civic-morph.c-firing{animation:none}.c-silo{opacity:1;animation:none;transform:none}.c-card,.c-pillar,.c-row,.c-pillar-dot{transition:none}.c-card:hover,.c-pillar:hover,.c-row:hover,.c-pillar:hover .c-pillar-dot{transform:none}.c-cta,.c-cta-arrow{transition:none}.c-cta:hover,.c-cta:hover .c-cta-arrow{transform:none}}
