:root{--paper: oklch(96% .01 75);--paper-warm: oklch(93% .015 75);--ink: oklch(22% .01 75);--ink-soft: oklch(40% .01 75);--ink-faint: oklch(45% .01 75);--ink-whisper: oklch(50% .01 75);--red: oklch(58% .16 60);--red-soft: oklch(52% .13 60);--red-bg: oklch(95% .02 60);--red-line: oklch(82% .06 60);--red-faint: oklch(91% .03 60);--teal: oklch(42% .1 195);--teal-soft: oklch(42% .08 195);--teal-bg: oklch(94% .015 195);--teal-line: oklch(82% .04 195);--teal-faint: oklch(90% .02 195);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--text-xs: clamp(.6875rem, .65rem + .1vw, .75rem);--text-sm: clamp(.8125rem, .78rem + .1vw, .875rem);--text-base: clamp(.9375rem, .9rem + .15vw, 1rem);--text-lg: clamp(1.125rem, 1rem + .4vw, 1.3125rem);--text-xl: clamp(1.5rem, 1.2rem + .8vw, 1.875rem);--text-2xl: clamp(2rem, 1.5rem + 1.5vw, 2.75rem);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--focus-ring: 2px solid var(--teal)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-kerning:normal}:focus-visible{outline:var(--focus-ring);outline-offset:2px}button:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{min-height:100vh}.phase-zero .header{border-bottom:none}.phase-zero .app-inner{max-width:1320px;margin:0 auto;padding:var(--sp-5) var(--sp-5);overflow-x:hidden}@media(max-width:640px){.phase-zero .app-inner{padding:var(--sp-5) var(--sp-4)}}.phase-one{display:flex;flex-direction:column;height:100vh;min-height:0}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:background-color .15s;z-index:1001;position:relative}.hamburger:hover{background:var(--paper-warm)}.hamburger:active{transform:scale(.92)}.hamburger-bar{display:block;width:100%;height:2px;background:var(--ink);border-radius:1px;transition:transform .25s var(--ease-out-quart),opacity .25s var(--ease-out-quart);transform-origin:center}.hamburger--open .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger--open .hamburger-bar:nth-child(2){opacity:0}.hamburger--open .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#272755b3;backdrop-filter:blur(6px) saturate(1.8);-webkit-backdrop-filter:blur(32px) saturate(1.8);opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out-expo)}.nav-overlay-credit{position:absolute;bottom:var(--sp-7);left:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);text-decoration:none;opacity:.4;transition:opacity .3s}.nav-overlay-credit:hover{opacity:.6}.nav-overlay-logo{width:clamp(60px,10vw,100px)}.nav-overlay-credit-text{font-family:var(--font-body);font-size:var(--text-xs);color:#fff;letter-spacing:.02em}.nav-overlay-credit-swap{display:inline;background-color:#fcd34d;color:#92400e;padding:.25rem;border-radius:.25rem;font-weight:600;transition:color .3s cubic-bezier(.4,0,.2,1)}.nav-overlay-credit-swap--hidden{color:#fcd34d}.nav-overlay--open{opacity:1;pointer-events:auto}.nav-overlay-menu{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-5);max-width:1320px;width:100%;margin:0 auto;padding:0 var(--sp-5) var(--sp-9)}.nav-overlay-item{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;color:var(--paper);background:none;border:none;cursor:pointer;padding:var(--sp-2) 0;border-radius:0;transition:opacity .15s;opacity:0;transform:translateY(12px);letter-spacing:-.01em}.nav-overlay--open .nav-overlay-item{animation:fade-up .4s var(--ease-out-expo) both}.nav-overlay-item:hover{opacity:.85}.nav-overlay-item:hover .nav-overlay-arrow{background:#b8bbd8;color:#fff}.nav-overlay-item:active{opacity:.7}.nav-overlay-item--active{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.nav-overlay-arrow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#ffffff1a;color:#fff9;flex-shrink:0;transition:background-color .12s,color .12s}.nav-overlay-arrow--sm{width:24px;height:24px;border-radius:4px}.nav-overlay-arrow-icon{display:flex}.nav-overlay-group{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);width:100%}.nav-overlay-group+.nav-overlay-group{padding-top:var(--sp-3);border-top:1px solid oklch(100% 0 0 / .12)}.nav-overlay-group-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#bbbdcb;margin-bottom:var(--sp-1);opacity:0;transform:translateY(12px)}.nav-overlay--open .nav-overlay-group-label{animation:fade-up .4s var(--ease-out-expo) both}.nav-overlay-subitems{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:var(--sp-1);padding-left:calc(32px + var(--sp-3))}.nav-overlay-subitem{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-body);font-size:clamp(.875rem,1.5vw,1.125rem);font-weight:400;color:var(--paper);background:none;border:none;cursor:pointer;padding:var(--sp-1) 0;border-radius:0;transition:opacity .15s;opacity:0;transform:translateY(12px)}.nav-overlay--open .nav-overlay-subitem{animation:fade-up .4s var(--ease-out-expo) both}.nav-overlay-subitem:hover:not(.nav-overlay-subitem--disabled){opacity:.85}.nav-overlay-subitem:hover:not(.nav-overlay-subitem--disabled) .nav-overlay-arrow{background:#b8bbd8;color:#fff}.nav-overlay-subitem--disabled{cursor:default;pointer-events:none}.nav-overlay--open .nav-overlay-subitem--disabled{animation:fade-up-dim .4s var(--ease-out-expo) both}.section-content{opacity:0;transform:translateY(8px);pointer-events:none;position:absolute;width:100%;overflow:hidden;height:0;transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.section-content--visible{opacity:1;transform:translateY(0);pointer-events:auto;position:relative;height:auto;overflow:visible}.branding-page{padding:var(--sp-4) 0;display:flex;flex-direction:column;gap:var(--sp-7)}.concept-card{display:grid;grid-template-columns:auto 1fr;gap:0;background:#faf8f3;border:1px solid oklch(85% .01 75);border-radius:12px;box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008}.concept-card__illustration{width:280px;display:flex;align-items:flex-start;margin:0;align-self:stretch;position:relative}.concept-card__overlay{position:absolute;inset:0;background:#2d5f3e;mix-blend-mode:multiply;opacity:.35;pointer-events:none;width:242px;height:264px;border-radius:2% 43% 0% 45%;transition:background-color .4s var(--ease-out-expo)}@media(max-width:720px){.concept-card__overlay{width:173px;height:190px;border-radius:0% 12px 0% 45%;margin-left:28px}}@media(max-width:480px){.concept-card__overlay{width:138px;height:150px;border-radius:0% 12px 0% 45%;margin-left:13px}}.concept-card__img{width:120%;height:auto}[data-concept=ozark-roots] .concept-card__img{margin-top:-31px;margin-left:-38px;mix-blend-mode:luminosity}@media(max-width:720px){[data-concept=ozark-roots] .concept-card__img{margin-top:-22px;margin-left:0;margin-right:-28px}}@media(max-width:480px){[data-concept=ozark-roots] .concept-card__img{margin-top:-18px;margin-left:-8px}}[data-concept=civic-trust] .concept-card__img{margin-top:-38px;margin-left:-59px;mix-blend-mode:luminosity}@media(max-width:720px){[data-concept=civic-trust] .concept-card__img{margin-top:-26px;margin-left:0;margin-right:-40px}}@media(max-width:480px){[data-concept=civic-trust] .concept-card__img{margin-top:-16px;margin-left:0}}[data-concept=new-goshen] .concept-card__img{margin-top:-23px;margin-left:-34px;mix-blend-mode:luminosity}@media(max-width:720px){[data-concept=new-goshen] .concept-card__img{margin-top:-17px;margin-left:0;margin-right:-25px}}@media(max-width:480px){[data-concept=new-goshen] .concept-card__img{margin-top:-16px;margin-left:-8px}}[data-concept=ozark-roots] .concept-card__overlay{background:#2d5f3e}[data-concept=new-goshen] .concept-card__overlay{background:#f2b63c;width:246px;height:268px;border-radius:2% 45% 0% 46%;transform:rotate(0)}@media(max-width:720px){[data-concept=new-goshen] .concept-card__overlay{width:177px;height:192px;border-radius:2% 45% 0%;margin-left:24px}}@media(max-width:480px){[data-concept=new-goshen] .concept-card__overlay{width:145px;height:152px;border-radius:2% 40% 0% 48%;margin-left:9px}}[data-concept=civic-trust] .concept-card__overlay{background:#1b2a4a;width:213px;height:274px;border-radius:4% 36% 0 0%;top:0}@media(max-width:720px){[data-concept=civic-trust] .concept-card__overlay{background:#1b2a4a;width:160px;height:197px;border-radius:36% 43% 0 0%;top:0;margin-left:0;right:0;left:unset}}@media(max-width:480px){[data-concept=civic-trust] .concept-card__overlay{width:119px;height:151px;border-radius:36% 44% 0 0%}}.concept-card__body{display:flex;flex-direction:column;gap:var(--sp-5);padding:var(--sp-6) var(--sp-6) var(--sp-6) 0}.concept-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--ink);line-height:1.2;letter-spacing:-.01em}.concept-card__lead{font-family:var(--font-body);font-size:var(--text-base);color:var(--ink-soft);line-height:1.65;max-width:700px}.concept-card__fonts{display:flex;flex-direction:column;gap:var(--sp-2)}.concept-card__font-pair{display:flex;flex-direction:column;gap:var(--sp-1)}.concept-card__font-sample{font-size:var(--text-base);font-weight:500;color:var(--ink)}.concept-card__font-role{font-family:var(--font-body);font-size:var(--text-xs);font-weight:400;color:var(--ink-faint)}.concept-card__palette{display:flex;flex-direction:column;gap:var(--sp-3)}.concept-card__palette-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.concept-card__swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4) var(--sp-3)}@media(min-width:1150px){.concept-card__swatches{grid-template-columns:repeat(5,1fr)}}.concept-card__swatch{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);animation:fade-up .5s var(--ease-out-expo) both}.concept-card__swatch-circle{width:40px;height:40px;border-radius:50%;border:2px solid oklch(0% 0 0 / .08);transition:transform .2s var(--ease-out-quart);cursor:default}.concept-card__swatch-circle:hover{transform:scale(1.15)}.concept-card__swatch-name{font-family:var(--font-body);font-size:.6875rem;font-weight:500;color:var(--ink-soft);text-align:center;white-space:nowrap}.concept-card__swatch-hex{font-family:var(--font-body);font-size:.625rem;color:var(--ink-faint);text-align:center}.concept-card__details{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--sp-4) var(--sp-6)}.concept-card__details>.concept-card__fonts{grid-column:1;grid-row:1}.concept-card__details>.concept-card__palette{grid-column:1;grid-row:2}.concept-card__details>.concept-card__wireframe-section{grid-column:2;grid-row:1 / -1;align-self:start}.concept-card__wireframe-section{display:flex;flex-direction:column;gap:var(--sp-3)}.concept-card__wireframe{border-radius:6px;border:1px solid oklch(0% 0 0 / .08);overflow:hidden;max-width:360px;box-shadow:0 2px 8px #0000000f;cursor:default;-webkit-user-select:none;user-select:none}.wireframe__nav{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;color:#fff}.wireframe__logo{font-size:.625rem;font-weight:700;letter-spacing:.02em}.wireframe__nav-links{display:flex;gap:6px}.wireframe__nav-link{width:20px;height:3px;background:#ffffff80;border-radius:2px}.wireframe__hero{display:flex;flex-direction:column;align-items:flex-start;padding:12px;gap:5px}.wireframe__headline{font-size:.75rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}.wireframe__subhead{font-size:.5rem;line-height:1.4;opacity:.7}.wireframe__cta{display:inline-block;margin-top:4px;padding:3px 10px;font-size:.5rem;font-weight:600;color:#fff;border-radius:3px;letter-spacing:.02em}.wireframe__accent{height:2px;opacity:.6}.wireframe__content{display:flex;flex-direction:column;gap:4px;padding:8px 12px}.wireframe__block{height:4px;background:#00000014;border-radius:2px}.wireframe__block--wide{width:85%}.wireframe__block--medium{width:60%}.wireframe__block--narrow{width:40%}.wireframe__footer{height:6px;opacity:.3}@media(max-width:720px){.concept-card{display:block}.concept-card__illustration{float:right;width:200px;margin:0;border-radius:0 0 0 8px;shape-margin:var(--sp-3);align-items:flex-end}.concept-card__body{display:block;padding:var(--sp-5)}.concept-card__title{margin-bottom:var(--sp-4)}.concept-card__lead{margin-bottom:var(--sp-5)}.concept-card__details{display:flex;flex-direction:column;gap:var(--sp-5);clear:right}.concept-card__swatches{display:flex;flex-wrap:wrap;gap:var(--sp-4)}.concept-card__wireframe{max-width:100%}}@media(max-width:480px){.concept-card__illustration{width:150px;margin-left:var(--sp-4)}}.header{border-bottom:2px solid var(--teal-line)}.header-inner{max-width:1320px;margin:0 auto;padding:var(--sp-7) var(--sp-5)}@media(max-width:640px){.header-inner{padding:var(--sp-5) var(--sp-4)}}.header-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5)}.header-top-row .header-agency{margin-bottom:0}.header-agency{display:inline-flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5);padding:var(--sp-2) var(--sp-3);background:#fcd34d;border-radius:6px}.header-agency-logo{width:35px;height:auto}.header-agency-name{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:#92400e;letter-spacing:.02em;margin-bottom:-4px}.header-eyebrow{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:var(--sp-1)}.header-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--ink);line-height:1.2;letter-spacing:normal;max-width:38ch}.header-title-row{display:flex;align-items:center;gap:var(--sp-3)}.section-arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;background:var(--paper-warm);color:var(--ink-soft);cursor:pointer;transition:background-color .12s,color .12s,opacity .12s;flex-shrink:0}.section-arrow:hover:not(:disabled){background:#4a4b96;color:#fff}.section-arrow:disabled{opacity:.25;cursor:default}.header-desc{font-family:var(--font-display);margin-top:var(--sp-3);font-size:var(--text-sm);color:var(--ink-soft);max-width:52ch;line-height:1.6}.tabs{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-6);border-bottom:1.5px solid var(--ink-whisper);padding-bottom:0}.tab-btn{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--ink-faint);background:none;border:none;padding:var(--sp-3) var(--sp-4);padding-bottom:var(--sp-3);cursor:pointer;position:relative;transition:color .15s var(--ease-out-quart);min-height:44px;display:inline-flex;align-items:center}.tab-btn:after{content:"";position:absolute;bottom:-1.5px;left:0;right:0;height:2px;background:transparent;transition:background-color .15s var(--ease-out-quart)}.tab-btn:hover{color:var(--ink-soft)}.tab-btn[aria-selected=true]{color:var(--ink);font-weight:600}.tab-btn[aria-selected=true]:after{background:var(--ink)}@media(pointer:coarse){.tab-btn{padding:var(--sp-4) var(--sp-4)}}.side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);align-items:start}@media(max-width:768px){.side-by-side{grid-template-columns:1fr;gap:var(--sp-5)}}.panel{container-type:inline-size}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5);padding-bottom:var(--sp-4)}.panel-header--current{border-bottom:2px solid var(--red-line)}.panel-header--proposed{border-bottom:2px solid var(--teal-line)}.panel-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:1.25}.panel-title--current{color:var(--red)}.panel-title--proposed{color:var(--teal)}.panel-subtitle{font-size:var(--text-xs);color:var(--ink-faint);margin-top:var(--sp-1)}.panel-controls{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.zoom-control{display:flex;align-items:center;gap:var(--sp-1);background:var(--paper-warm);border-radius:6px;padding:2px}.zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--ink-soft);font-size:16px;font-weight:600;cursor:pointer;transition:background-color .12s,color .12s;font-family:var(--font-body)}.zoom-btn:hover:not(:disabled){background:var(--paper);color:var(--ink)}.zoom-btn:disabled{opacity:.3;cursor:default}.zoom-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--ink-faint);min-width:36px;text-align:center;-webkit-user-select:none;user-select:none}.visual-tree-inner{transition:transform .2s var(--ease-out-quart)}.view-toggle{display:flex;gap:2px;background:var(--paper-warm);border-radius:6px;padding:2px;flex-shrink:0}.view-toggle-btn{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;padding:var(--sp-2) var(--sp-3);border:none;border-radius:4px;cursor:pointer;background:transparent;color:var(--ink-faint);transition:background-color .12s var(--ease-out-quart),color .12s var(--ease-out-quart);min-height:32px}.view-toggle-btn[aria-pressed=true]{background:var(--paper);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #0000000f}.view-toggle-btn:hover:not([aria-pressed=true]){color:var(--ink-soft)}.tree{list-style:none}.tree[role=tree]{padding:0}.tree-item{list-style:none}.tree-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2);border-radius:4px;cursor:default;min-height:36px;font-family:var(--font-body);transition:background-color .1s}.tree-row:hover{background:#ebe3da}.tree-row--interactive{cursor:pointer}@media(pointer:coarse){.tree-row{min-height:44px;padding:var(--sp-3) var(--sp-2)}}.tree-indent{flex-shrink:0}.tree-toggle{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;color:var(--ink-soft);background:var(--paper-warm);border-radius:4px;transition:transform .2s var(--ease-out-quart),background-color .12s,color .12s}.tree-row:hover .tree-toggle{background:var(--ink-whisper);color:var(--paper)}.tree-toggle--open{transform:rotate(90deg)}.tree-label{font-size:var(--text-sm);font-weight:400;color:var(--ink)}.tree-label--root{font-family:var(--font-display);font-size:var(--text-base);font-weight:600}.tree-label--branch{font-weight:600;font-size:var(--text-sm)}.tree-label--current.tree-label--root{color:var(--red)}.tree-label--current.tree-label--branch{color:var(--red-soft)}.tree-label--proposed.tree-label--root{color:var(--teal)}.tree-label--proposed.tree-label--branch{color:var(--teal-soft)}.tree-note{font-size:var(--text-xs);font-style:italic;color:var(--ink-faint);flex-shrink:0}.tree-url{font-size:var(--text-xs);color:var(--ink-whisper);font-variant-ligatures:none;display:inline-flex;align-items:center;gap:4px}.tree-url-link{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:12px;line-height:1;color:var(--ink-faint);text-decoration:none;border-radius:3px;transform:rotate(180deg) scale(.9);transition:color .12s,background-color .12s,transform .12s}.tree-url-link:hover{color:var(--ink);background:var(--paper-warm);transform:rotate(45deg)}.tree-children{list-style:none;padding-left:var(--sp-5);position:relative}.tree-children:before{content:"";position:absolute;left:10px;top:0;bottom:var(--sp-3);width:1.5px}.tree-children--current:before{background:var(--red-line)}.tree-children--proposed:before{background:var(--teal-line)}.tree-children-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s var(--ease-out-quart)}.tree-children-wrapper[data-collapsed=true]{grid-template-rows:0fr}.tree-children-wrapper>.tree-children{overflow:hidden}.visual-tree{overflow-x:auto;padding-bottom:var(--sp-3);-webkit-overflow-scrolling:touch}.visual-tree::-webkit-scrollbar{height:6px}.visual-tree::-webkit-scrollbar-track{background:var(--paper-warm);border-radius:3px}.visual-tree::-webkit-scrollbar-thumb{background:var(--ink-whisper);border-radius:3px}.vnode{display:flex;flex-direction:column}.vnode--root{align-items:center}.vnode-pill{display:inline-flex;align-items:center;gap:var(--sp-2);-webkit-user-select:none;user-select:none;font-family:var(--font-body);border:none;background:none;padding:0;cursor:default}.vnode-vchildren .vnode-pill{white-space:nowrap}.vnode-pill--interactive{cursor:pointer}.vnode-pill-inner{display:inline-flex;align-items:center;gap:var(--sp-2);border-radius:4px;transition:opacity .12s}.vnode-pill--interactive:hover .vnode-pill-inner{opacity:.85}.vnode-pill-inner--root{padding:var(--sp-3) var(--sp-5);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--paper)}.vnode-pill-inner--root.vnode-pill-inner--current{background:var(--red)}.vnode-pill-inner--root.vnode-pill-inner--proposed{background:var(--teal)}.vnode-pill-inner--branch{padding:var(--sp-2) var(--sp-4);font-size:var(--text-sm);font-weight:600;color:var(--paper);border-radius:3px}.vnode-pill-inner--branch.vnode-pill-inner--current{background:var(--red-soft)}.vnode-pill-inner--branch.vnode-pill-inner--proposed{background:var(--teal-soft)}.vnode-pill-inner--leaf{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs);font-weight:400;border-radius:3px}.vnode-pill-inner--leaf.vnode-pill-inner--current{border:1.5px solid var(--red-line);color:var(--red)}.vnode-pill-inner--leaf.vnode-pill-inner--proposed{border:1.5px solid var(--teal-line);color:var(--teal)}.vnode-toggle{display:inline-flex;align-items:center;justify-content:center;opacity:.85;transition:transform .2s var(--ease-out-quart)}.vnode-toggle--open{transform:rotate(90deg)}.vnode-note{font-size:var(--text-xs);font-style:italic;color:var(--ink-faint);padding:1px var(--sp-2);border-radius:3px}.vnode-note--current{background:var(--red-faint)}.vnode-note--proposed{background:var(--teal-faint)}.vnode-stem{width:1.5px;height:18px;align-self:center}.vnode-stem--current{background:var(--red-line)}.vnode-stem--proposed{background:var(--teal-line)}.vnode-branches{display:flex;gap:var(--sp-4);align-items:flex-start;position:relative}.vnode-branches:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);height:1.5px;width:100%}.vnode-branches--current:before{background:var(--red-line)}.vnode-branches--proposed:before{background:var(--teal-line)}.vnode-branch-col{display:flex;flex-direction:column;align-items:center}.vnode-vchildren{display:flex;flex-direction:column;gap:var(--sp-1);margin-left:var(--sp-5);margin-top:var(--sp-2);padding-left:var(--sp-3);position:relative}.vnode-vchildren:before{content:"";position:absolute;left:0;top:0;bottom:var(--sp-2);width:1.5px}.vnode-vchildren--current:before{background:var(--red-line)}.vnode-vchildren--proposed:before{background:var(--teal-line)}.footer-hint{margin-top:var(--sp-7);font-size:var(--text-xs);color:var(--ink-faint)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up-dim{0%{opacity:0;transform:translateY(12px)}to{opacity:.35;transform:translateY(0)}}.animate-in{animation:fade-up .7s var(--ease-out-expo) both}.animate-in-delay-1{animation-delay:.12s}.animate-in-delay-2{animation-delay:.24s}.animate-in-delay-3{animation-delay:.36s}.main-container{display:flex;flex:1;overflow:hidden;min-height:0}.sidebar{width:280px;background:var(--paper-warm);border-right:2px solid var(--teal-line);overflow-y:auto;padding:var(--sp-5);display:none}@media(min-width:1024px){.sidebar{display:block}}.sidebar-section{margin-bottom:var(--sp-2)}.sidebar-section-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);padding:var(--sp-3) var(--sp-2);margin-bottom:var(--sp-2);display:flex;align-items:center;gap:var(--sp-2)}.sidebar-section-toggle .sidebar-section-title{padding:0;margin:0}.sidebar-section-title--disabled{opacity:.5}.sidebar-section-title--coming-soon:after{content:"Coming soon";font-size:var(--text-xs);margin-left:auto;font-weight:400;color:var(--ink-whisper);text-transform:none;letter-spacing:0}.sidebar-pages{list-style:none;padding-left:var(--sp-5);position:relative}.sidebar-pages:before{content:"";position:absolute;left:10px;top:0;bottom:var(--sp-3);width:1.5px;background:var(--teal-line)}.sidebar-page{margin-bottom:var(--sp-2)}.sidebar-page-btn{width:100%;background:transparent;border:none;padding:var(--sp-3) var(--sp-2);text-align:left;cursor:pointer;color:var(--ink-soft);font-size:var(--text-sm);border-radius:4px;transition:all .2s;display:flex;align-items:center;gap:var(--sp-2)}.sidebar-page-btn:hover:not(:disabled){background:var(--teal-bg);color:var(--teal)}.sidebar-page-btn--active{background:var(--teal);color:var(--paper);font-weight:600}.sidebar-page-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-section-toggle{display:flex;align-items:center;gap:var(--sp-2);width:100%;cursor:pointer;background:transparent;border:none;padding:var(--sp-3) var(--sp-2);border-radius:4px;transition:background-color .15s var(--ease-out-quart);text-align:left}.sidebar-section-toggle:hover{background:var(--teal-bg)}.sidebar-section-toggle--single.sidebar-section-toggle--active:hover .sidebar-section-title{color:var(--teal)}.sidebar-section-chevron{display:inline-flex;align-items:center;flex-shrink:0;color:var(--ink-faint);transition:transform .25s var(--ease-out-quart)}.sidebar-section-chevron--open{transform:rotate(90deg)}.sidebar-section-chevron--leaf{opacity:.25}.sidebar-section-toggle--active{background:var(--teal)}.sidebar-section-toggle--active .sidebar-section-title{color:var(--paper)}.sidebar-section-toggle--active .sidebar-section-chevron--leaf{color:var(--paper);opacity:.5}.sidebar-pages-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s var(--ease-out-quart)}.sidebar-pages-wrapper[data-collapsed=true]{grid-template-rows:0fr}.sidebar-pages-wrapper>.sidebar-pages{overflow:hidden}.mobile-page-nav{display:none;border-bottom:2px solid var(--teal-line);position:relative}@media(max-width:1023px){.mobile-page-nav{display:block}}.mobile-page-nav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sp-3) var(--sp-5);background:var(--paper-warm);border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--ink);transition:background-color .12s}.mobile-page-nav-toggle:hover{background:#e7e0d7}.mobile-page-nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-page-nav-breadcrumb-section{font-weight:400;color:var(--ink-faint)}.mobile-page-nav-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--teal-line);box-shadow:0 8px 24px #0000001a;z-index:50;max-height:60vh;overflow-y:auto;padding:var(--sp-3) 0}.mobile-page-nav-section{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);padding:var(--sp-3) var(--sp-5) var(--sp-1)}.mobile-page-nav-section--disabled{opacity:.5}.mobile-page-nav-pages{padding-left:var(--sp-5);position:relative}.mobile-page-nav-pages:before{content:"";position:absolute;left:var(--sp-5);top:0;bottom:var(--sp-3);width:1.5px;background:var(--teal-line)}.mobile-page-nav-item{display:block;width:100%;padding:var(--sp-2) var(--sp-5);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-soft);transition:background-color .12s,color .12s}.mobile-page-nav-item:hover{background:var(--teal-bg);color:var(--teal)}.mobile-page-nav-item--active{background:var(--teal);color:var(--paper);font-weight:600}.content-area{flex:1;overflow-y:auto;padding:var(--sp-7) var(--sp-5);background:var(--paper)}@media(max-width:1023px){.content-area{padding:var(--sp-5) var(--sp-4)}}.wireframe-container{max-width:1000px;margin:0 auto;background:#fff;border:2px solid #ddd;border-radius:6px;overflow:hidden;box-shadow:0 4px 12px #00000014}.wireframe-nav{background:#e0e0e0;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #ccc}.wireframe-nav-logo{width:100px;height:24px;background:#bbb;border-radius:2px}.wireframe-nav-links{display:flex;gap:16px}.wireframe-nav-link{width:60px;height:10px;background:#bbb;border-radius:2px}.wireframe-nav-link--active{background:#888}.wireframe-footer{background:#e0e0e0;padding:24px;border-top:2px solid #ccc}.wireframe-footer-inner{height:10px;width:200px;background:#bbb;border-radius:2px;margin:0 auto}.wireframe-hero{padding:var(--sp-7) var(--sp-5);border-bottom:2px solid #eee;text-align:center}.wireframe-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:var(--sp-2);font-weight:600}.wireframe-title{font-family:var(--font-display);font-size:28px;font-weight:700;color:#222;margin-bottom:var(--sp-2)}.wireframe-subtitle{font-size:var(--text-base);color:#888}.wireframe-section{padding:var(--sp-5);border-bottom:2px solid #eee}.wireframe-section:last-of-type{border-bottom:none}.wireframe-section-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:#222;margin-bottom:var(--sp-5)}.wireframe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-4)}.wireframe-grid--staff,.wireframe-grid--council{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-4)}.wireframe-grid--members{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-4)}.wireframe-card{background:#f7f7f7;border:1px solid #e0e0e0;border-radius:6px;padding:var(--sp-4);text-align:center}.wireframe-card-icon{width:36px;height:36px;background:#ddd;border-radius:50%;margin:0 auto var(--sp-3)}.wireframe-card-label{font-size:var(--text-sm);font-weight:500;color:#444;line-height:1.4}.wireframe-person-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;padding:var(--sp-5);display:flex;gap:var(--sp-4);align-items:flex-start}.wireframe-person-photo{width:60px;height:70px;background:#ddd;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:var(--text-xs)}.wireframe-person-info{flex:1}.wireframe-person-role{font-size:var(--text-xs);color:#888;text-transform:uppercase;letter-spacing:.05em;font-weight:500;margin-bottom:2px}.wireframe-person-name{font-size:14px;font-weight:600;color:#222;margin-bottom:var(--sp-2)}.wireframe-person-title{font-size:var(--text-sm);color:#888;margin-bottom:2px;font-weight:500}.wireframe-person-contact{font-size:var(--text-sm);color:#555;margin-bottom:2px}.wireframe-person-term{font-size:var(--text-xs);color:#999}.wireframe-mayor-card{display:flex;gap:var(--sp-6);align-items:flex-start}.wireframe-mayor-photo{width:120px;height:140px;background:#ddd;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#999;font-size:var(--text-sm)}.wireframe-mayor-info{flex:1}.wireframe-mayor-name{font-size:20px;font-weight:600;color:#222;margin-bottom:2px}.wireframe-mayor-role{font-size:var(--text-sm);color:#888;margin-bottom:var(--sp-2)}.wireframe-mayor-contact{font-size:var(--text-sm);color:#555;margin-bottom:2px}.wireframe-mayor-message{background:#f9f9f9;border-left:3px solid #ccc;padding:var(--sp-4);font-size:var(--text-sm);color:#555;margin-top:var(--sp-4);line-height:1.6}.wireframe-about{margin-top:var(--sp-5)}.wireframe-about-text{font-size:var(--text-sm);color:#666;line-height:1.8;margin-bottom:var(--sp-5)}.wireframe-details{display:flex;gap:var(--sp-5);flex-wrap:wrap}.wireframe-detail-box{background:#f7f7f7;border:1px solid #e0e0e0;border-radius:4px;padding:var(--sp-3);font-size:var(--text-sm);color:#555;flex:1;min-width:200px}.wireframe-detail-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:var(--sp-2);font-weight:600;display:block}.wireframe-map-placeholder{width:100%;max-width:500px;height:300px;background:#e8e8e8;border:2px dashed #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);color:#999;font-size:var(--text-sm);margin:var(--sp-5) auto 0}.wireframe-doc-list{display:flex;flex-direction:column}.wireframe-doc-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) 0;border-bottom:1px solid #eee;gap:var(--sp-4)}.wireframe-doc-row:last-child{border-bottom:none}.wireframe-doc-info{flex:1}.wireframe-doc-title{font-size:var(--text-sm);font-weight:500;color:#222;margin-bottom:2px}.wireframe-doc-meta{font-size:var(--text-xs);color:#888}.wireframe-doc-link{font-size:var(--text-sm);color:#4a7cbf;text-decoration:underline;white-space:nowrap;cursor:pointer}.wireframe-filter-group{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.wireframe-filter-label{font-size:var(--text-xs);font-weight:600;color:#666;min-width:40px;flex-shrink:0}.wireframe-filters{display:flex;gap:var(--sp-2);flex-wrap:wrap}.wireframe-filter{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:var(--sp-2) var(--sp-4);font-size:var(--text-xs);color:#666;cursor:pointer;transition:all .2s}.wireframe-filter--active{background:#444;color:#fff;border-color:#444}.wireframe-filter:hover:not(.wireframe-filter--active){background:#e0e0e0;border-color:#bbb}.wireframe-filter-status{font-size:var(--text-xs);color:#999;font-style:italic;margin-top:var(--sp-2);margin-bottom:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid #eee}.wireframe-skeleton-bar{height:10px;background:#e8e8e8;border-radius:2px}.wireframe-skeleton-bar--short{height:8px;background:#f0f0f0;margin-top:6px}.wireframe-yt-link{display:inline-block;margin-top:var(--sp-4);font-size:var(--text-sm);color:#4a7cbf;text-decoration:underline;cursor:pointer}.wireframe-coming-soon{padding:var(--sp-7) var(--sp-5);text-align:center;background:#f9f9f9;border:2px dashed #ddd;border-radius:6px}.wireframe-coming-soon-text{font-size:var(--text-lg);color:var(--ink-soft);margin-bottom:var(--sp-3)}.wireframe-coming-soon-note{font-size:var(--text-sm);color:var(--ink-faint);font-style:italic}.wireframe-contact-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;align-items:start}.wireframe-contact-top-grid>.wireframe-section{border-bottom:none;padding-bottom:0}@media(max-width:700px){.wireframe-contact-top-grid{grid-template-columns:1fr}}.wireframe-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wireframe-form-field{display:flex;flex-direction:column;gap:4px}.wireframe-form-label{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.wireframe-form-input{height:36px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px}.wireframe-form-select{height:36px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;padding:0 12px}.wireframe-form-textarea{height:120px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px}.wireframe-form-button{display:inline-block;margin-top:16px;padding:10px 24px;background:#444;color:#fff;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer}.landing{display:flex;align-items:center;justify-content:center;padding:var(--sp-7) var(--sp-5)}.landing-inner{max-width:680px;width:100%;text-align:center}.landing-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--ink);line-height:1.2;margin-bottom:var(--sp-2)}.landing-desc{font-size:var(--text-base);color:var(--ink-soft);margin-bottom:var(--sp-7)}.landing-phases{display:flex;flex-direction:column;gap:var(--sp-4)}.landing-phase-card{display:flex;flex-direction:column;gap:var(--sp-2);text-align:left;padding:var(--sp-5) var(--sp-6);border:2px solid var(--teal-line);border-radius:10px;background:var(--paper-warm);text-decoration:none;color:inherit;transition:border-color .2s var(--ease-out-quart),box-shadow .2s var(--ease-out-quart),transform .2s var(--ease-out-quart)}.landing-phase-card:hover{border-color:var(--teal);box-shadow:0 4px 20px #0000000f;transform:translateY(-2px)}.landing-phase-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--teal)}.landing-phase-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--ink)}.landing-phase-desc{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.6}.landing-copyright{position:fixed;bottom:var(--sp-3);right:var(--sp-4);font-family:var(--font-body);font-size:11px;color:var(--ink-whisper);opacity:.5;display:flex;align-items:center;gap:var(--sp-2)}.landing-copyright-link{display:inline-flex;background:none;border:none;padding:0;cursor:pointer}.landing-copyright-icon{height:14px;width:auto;transition:opacity .2s}.landing-copyright-link:hover .landing-copyright-icon{opacity:.7}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-soft)}.quest-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#f6f1ebb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:quest-overlay-in .3s var(--ease-out-quart)}@keyframes quest-overlay-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.quest-card-container{animation:none}.quest-card-inner{transition-duration:.01ms}.quest-card-phase--active .quest-card-phase-dot,.quest-overlay{animation:none}}.quest-card-container{perspective:1000px;width:380px;height:520px;cursor:pointer;outline:none;animation:quest-card-in .4s var(--ease-out-expo)}.quest-card-container:hover{transform:translateY(-2px);transition:transform .2s var(--ease-out-quart)}.quest-card-container:active{transform:scale(.98)}@keyframes quest-card-in{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:440px){.quest-card-container{width:calc(100vw - 32px);height:520px}}.quest-card-inner{position:relative;width:100%;height:100%;transition:transform .6s var(--ease-out-expo);transform-style:preserve-3d}.quest-card-inner--flipped{transform:rotateY(180deg)}.quest-card-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:10px;overflow:hidden;box-shadow:0 4px 24px #0000001f}.quest-card-front{background:var(--paper-warm);padding:var(--sp-6);display:flex;flex-direction:column;font-family:var(--font-body);border:2px solid oklch(70% .03 75);border-radius:10px}.quest-card-type{text-align:center;font-family:var(--font-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-whisper);margin-bottom:var(--sp-2)}.quest-card-name{text-align:center;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink);padding-bottom:var(--sp-3)}.quest-card-name-sub{display:block;font-family:var(--font-body);font-size:13px;font-weight:400;color:var(--ink-soft);margin-top:2px}.quest-card-art{flex:1;min-height:0;margin:0 calc(-1 * var(--sp-6));overflow:hidden}.quest-card-art-img{width:100%;height:100%;object-fit:cover;display:block}.quest-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;margin-top:-17px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:6px}.quest-card-stat{background:#ece7e1;padding:var(--sp-2) var(--sp-3);border-radius:6px;border:1px solid oklch(85% .015 75)}.quest-card-stat-label{font-family:var(--font-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-bottom:2px}.quest-card-stat-value{font-family:var(--font-display);font-size:14px;color:var(--ink);font-weight:600}.quest-card-stat-value--active{color:var(--teal)}.quest-card-stat-value--complete{color:#bba07b}.quest-card-flavor{padding-top:var(--sp-3);font-family:var(--font-body);font-size:11px;color:var(--ink-faint);line-height:1.6}.quest-card-swap{display:inline;white-space:nowrap;background:var(--teal);color:var(--paper);padding:1px 6px;border-radius:4px;font-weight:600;font-style:normal;transition:color .3s cubic-bezier(.4,0,.2,1)}.quest-card-swap--hidden{color:var(--teal)}.quest-card-flip-hint{text-align:center;font-family:var(--font-body);font-size:11px;color:var(--ink-whisper);margin-top:var(--sp-2);letter-spacing:.05em;opacity:.7}.quest-card-back{background:#191511;padding:var(--sp-6);display:flex;flex-direction:column;font-family:var(--font-body);border:2px solid oklch(35% .02 75);border-radius:10px;transform:rotateY(180deg)}.quest-card-back-type{text-align:center;color:#bba07b;font-family:var(--font-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--sp-2)}.quest-card-back-title{text-align:center;color:#e2ddd7;font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1.5px solid oklch(35% .02 75)}.quest-card-journey{flex:1;position:relative;padding-left:28px;margin-left:8px}.quest-card-journey-line{position:absolute;left:4px;top:0;bottom:40px;width:2px;background:linear-gradient(180deg,var(--teal) 0%,oklch(72% .06 75) 50%,oklch(30% .01 75) 70%)}.quest-card-phase{margin-bottom:20px;position:relative}.quest-card-phase:last-child{margin-bottom:8px}.quest-card-phase-dot{position:absolute;left:-28px;width:12px;height:12px;border-radius:50%;border:3px solid oklch(20% .01 75)}.quest-card-phase--complete .quest-card-phase-dot{background:var(--teal);box-shadow:none}.quest-card-phase--active .quest-card-phase-dot{background:#bba07b;box-shadow:0 0 8px #bba07b4d;animation:quest-pulse 2s infinite}.quest-card-phase--upcoming .quest-card-phase-dot{background:#312d28}@keyframes quest-pulse{0%,to{box-shadow:0 0 6px #bba07b4d}50%{box-shadow:0 0 12px #bba07b80}}.quest-card-phase--complete .quest-card-phase-status{color:var(--teal)}.quest-card-phase--active .quest-card-phase-status{color:#bba07b}.quest-card-phase--upcoming .quest-card-phase-status{color:#4b4742}.quest-card-phase-status{font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.quest-card-phase--complete .quest-card-phase-name{color:#bbb7b0}.quest-card-phase--active .quest-card-phase-name{color:#e2ddd7}.quest-card-phase--upcoming .quest-card-phase-name{color:#59554f}.quest-card-phase-name{font-family:var(--font-display);font-size:15px;font-weight:600;margin:2px 0}.quest-card-phase--complete .quest-card-phase-subtitle,.quest-card-phase--active .quest-card-phase-subtitle{color:#847f7a}.quest-card-phase--upcoming .quest-card-phase-subtitle{color:#46423d}.quest-card-phase-subtitle{font-family:var(--font-body);font-size:12px}.quest-card-phase-achievements{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.quest-card-achievement{font-family:var(--font-body);font-size:11px;background:#1c575726;color:var(--teal);padding:3px 10px;border-radius:10px}.quest-card-progress{margin-top:var(--sp-2);background:#bba07b14;border-radius:6px;padding:var(--sp-2) var(--sp-2);border:1px solid oklch(72% .06 75 / .15)}.quest-card-progress-header{display:flex;justify-content:space-between;font-family:var(--font-body);font-size:11px;color:#938e89;margin-bottom:4px}.quest-card-progress-count{color:#bba07b}.quest-card-progress-bar{height:4px;background:#2c2823;border-radius:2px;overflow:hidden}.quest-card-progress-fill{height:100%;background:linear-gradient(90deg,oklch(72% .06 75),var(--teal));border-radius:2px}.quest-card-back-flavor{border-top:1px solid oklch(35% .02 75);padding-top:var(--sp-3);text-align:center;font-family:var(--font-body);font-size:12px;color:#978e82;font-style:italic}.quest-card-flip-hint--back{color:#59554f}