:root{
  --base-bg-pink-100:#140a10;
  --base-bg-pink-200:#1b0f14;
  --base-bg-pink-300:#251118;
  --base-bg-pink-deep:#36141e;
  --base-wisteria:#130a14;
  --base-wisteria-2:#1d1221;

  --base-panel:#190e17;
  --base-panel-50:#1f161d;
  --base-panel-2:#2b1822;

  --base-rose:#f6327b;
  --base-rose-deep:#ff2e6e;
  --pink-ink:#ff6d9b;
  --base-salmon:#ff4f5c;
  --base-salmon-2:#fd394c;
  --base-sun:#fd783c;
  --base-sun-2:#ff6b26;
  --base-heart:#fe3a4a;
  --base-indigo:#9c9fe1;
  --base-promo-deep:linear-gradient(95deg,var(--base-sun),var(--base-salmon) 55%,var(--base-rose));

  --base-foreground:#f5eff0;
  --base-foreground-50:#b6aab1;
  --base-dim:#877986;
  --base-line:#392530;

  --base-flip:#fdffff;
  --base-white:#fdffff;
  --base-success:#8dc7a9;
  --base-line-50:rgba(253,255,255,.06);
  --base-panel-wash:rgba(19,12,16,.82);
  --base-shroud:rgba(1,0,1,.6);
  --base-ft-wash:#0c050b;
  --base-ft:#c9bdc5;
  --base-ft-2:#f5eff0;
  --base-ft-50:#8b7b88;
  --base-ft-line:rgba(253,255,255,.07);

  --base-r-sm:14px;
  --base-r-md:20px;
  --base-r-lg:28px;
  --base-r-xl:36px;
  --base-r-pill:999px;

  --base-sd-sm:0 6px 16px -8px rgba(1,0,1,.55);
  --base-sd-md:0 18px 38px -18px rgba(1,0,1,.59);
  --base-sd-lg:0 30px 60px -24px rgba(1,0,1,.64);

  --base-heading:"Trebuchet MS","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --base-ff:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --base-container:1200px;
  --base-pad:24px;
  --base-block-y:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  line-height:1.6;font-family:var(--base-ff);-webkit-font-smoothing:antialiased;color:var(--base-foreground);
  background:
    radial-gradient(1200px 700px at 85% -8%, var(--base-bg-pink-300) 0%, transparent 55%),
    radial-gradient(900px 600px at -10% 8%, var(--base-wisteria) 0%, transparent 55%),
    linear-gradient(180deg, var(--base-bg-pink-100) 0%, var(--base-panel-50) 40%, var(--base-bg-pink-100) 100%);
  margin:0;background-attachment:fixed;
}
img{max-width:100%;display:block}

.inner{padding-inline:var(--base-pad);margin-inline:auto;max-width:var(--base-container)}
.block{padding-block:var(--base-block-y)}
.block-alt{background:var(--base-panel-2)}
.icon-on svg{stroke:none;fill:currentColor}
.path a:hover{color:var(--base-rose-deep)}

.chip-pill{padding:8px 16px;border:1px solid var(--base-line);box-shadow:var(--base-sd-sm);align-items:center;background:var(--base-panel);border-radius:var(--base-r-pill);font-weight:700;letter-spacing:.06em;gap:8px;display:inline-flex;font-size:.82rem;color:var(--base-rose)}
.chip-pill svg{height:16px;color:var(--base-salmon);width:16px}
p{margin:0}
.accent{background:linear-gradient(92deg,var(--base-rose),var(--base-salmon) 60%,var(--base-sun));color:transparent;-webkit-background-clip:text;background-clip:text}
figure{margin:0}
button{font-family:inherit}
.sign,.bar-link,.drawer-mobile a,.action,.path a,.web-ground a,.cities-links a,.user-messaging{text-decoration:none}
::selection{background:rgba(238,76,150,.22)}

.web-topbar{top:0;background:var(--base-panel);z-index:60;border-bottom:1px solid var(--base-line);position:sticky}
.web-topbar-in{justify-content:space-between;gap:20px;display:flex;padding-block:12px;min-height:74px;align-items:center}

.action{
  border:1.5px solid transparent;font-weight:700;display:inline-flex;padding:14px 26px;
  cursor:pointer;font-size:1rem;justify-content:center;gap:9px;
  white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;align-items:center;border-radius:var(--base-r-pill);
  text-align:center;
}
.action svg{width:18px;height:18px}
.action-mini{font-size:.9rem;padding:10px 18px}
.action-stretch{width:100%}
.action-cta{color:var(--base-flip);box-shadow:0 14px 26px -12px rgba(249,73,97,.75);background:linear-gradient(95deg,var(--base-sun),var(--base-salmon) 55%,var(--base-rose))}
.action-cta:hover{background:var(--base-promo-deep);color:var(--base-flip);box-shadow:0 20px 34px -12px rgba(249,73,97,.84);transform:translateY(-2px)}
.action-ghost{border-color:var(--base-line);background:var(--base-panel);color:var(--base-rose)}
.action-ghost:hover{background:var(--base-panel-2);color:var(--base-rose-deep);transform:translateY(-2px)}
.action-plain{color:var(--base-rose-deep);background:var(--base-white)}
.action-plain:hover{box-shadow:var(--base-sd-md);transform:translateY(-2px);color:var(--base-rose-deep)}
.drawer-mobile{width:80%;overflow-y:auto;position:fixed;box-shadow:-6px 0 30px rgba(43,39,49,.19);height:100vh;max-width:320px;background:var(--base-panel);height:100dvh;top:0;transition:right .3s ease;z-index:1100;padding:84px 22px 22px;right:-100%}
.drawer-mobile.active{right:0}
.drawer-mobile nav{flex-direction:column;display:flex}
.drawer-mobile a:not(.action){font-weight:600;font-size:15px;color:var(--base-foreground);padding:14px 2px;border-bottom:1px solid var(--base-line)}
.drawer-mobile a:not(.action):hover{color:var(--base-rose-deep)}
.drawer-mobile a.action{margin-top:22px}
.sign{font-family:var(--base-heading);gap:11px;letter-spacing:-.02em;display:flex;color:var(--base-foreground);font-weight:800;font-size:1.28rem;align-items:center}
.sign:hover{color:var(--base-foreground)}
.sign-mark{justify-content:center;width:42px;border-radius:14px;display:inline-flex;color:var(--base-flip);flex-shrink:0;box-shadow:0 8px 18px -8px rgba(238,76,150,.81);background:linear-gradient(135deg,var(--base-rose),var(--base-salmon) 55%,var(--base-sun));height:42px;align-items:center}
.sign-mark svg{width:22px;height:22px}
.section-head{margin:0 auto 44px;max-width:640px;text-align:center}
.section-head .action{margin-top:24px}
.bar-veil{transition:opacity .3s ease;visibility:hidden;opacity:0;inset:0;position:fixed;z-index:1090;background:var(--base-shroud)}
.bar-veil.active{opacity:1;visibility:visible}



.users-row{display:grid;gap:5px;grid-template-columns:repeat(4,1fr)}
.lead{color:var(--base-foreground-50);margin-top:14px;font-size:1.06rem}
.user-tile{position:relative;cursor:pointer;border-radius:var(--base-r-lg);overflow:hidden;background:var(--base-panel);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;border:1px solid var(--base-line-50)}
.user-tile:hover{z-index:3;transform:translateY(-8px) scale(1.02);box-shadow:var(--base-sd-lg)}
.user-face{overflow:hidden;position:relative;display:block;background:linear-gradient(160deg,var(--base-bg-pink-200),var(--base-wisteria-2));aspect-ratio:3/4}
.user-face img{transition:transform .5s ease,filter .3s ease;height:100%;object-fit:cover;width:100%;display:block}
.user-tile:hover .user-face img{filter:brightness(.7);transform:scale(1.1)}
.user-chip{gap:6px;border:1px solid #5d9cda;top:10px;color:#eaf4fd;z-index:3;padding:5px 9px;border-radius:var(--base-r-pill);font-weight:800;letter-spacing:.05em;background:linear-gradient(135deg,#0f2a49,#0b1b35);box-shadow:0 2px 8px rgba(1,0,1,.17);display:inline-flex;align-items:center;position:absolute;right:10px;font-size:.68rem}
.user-chip .round{background:var(--base-success);width:8px;height:8px;border-radius:50%;color:transparent;position:relative;box-shadow:0 0 6px rgba(141,199,169,.69);font-size:0}
.user-chip .round::after{content:"";position:absolute;border-radius:50%;background:var(--base-success);animation:swing 1.8s ease-out infinite;inset:0}
.user-in{left:0;right:0;position:absolute;text-align:left;padding:20px 15px 15px;transition:opacity .3s ease;z-index:2;background:linear-gradient(to top,rgba(1,0,1,.94),rgba(1,0,1,.69) 55%,rgba(1,0,1,.02));bottom:0}
.user-tile:hover .user-in{opacity:0}
.user-tagline{align-items:center;display:inline-flex;gap:5px;border-radius:var(--base-r-pill);box-shadow:0 2px 8px rgba(1,0,1,.17);margin-bottom:8px;border:1px solid rgba(74,120,106,.91);background:rgba(23,48,44,.94);font-size:.68rem;letter-spacing:.02em;color:#edfbf7;font-weight:700;padding:4px 9px}
.user-tagline svg{height:14px;color:#a5e3d1;width:14px}
.user-label{font-family:var(--base-heading);color:#fdffff;font-weight:800;font-size:1.32rem;line-height:1.2}
.user-label span{font-weight:600;color:rgba(253,255,255,.82);font-size:.86rem}
.user-place{display:flex;font-size:.82rem;margin-top:3px;gap:6px;color:rgba(253,255,255,.91);align-items:center}
.user-place .tack svg{height:14px;width:14px;color:#fdffff}
.user-veil{padding:20px;z-index:4;background:linear-gradient(to bottom,rgba(1,0,1,.11),rgba(1,0,1,.91));inset:0;visibility:hidden;align-items:flex-end;transition:opacity .3s ease,visibility .3s ease;justify-content:center;opacity:0;display:flex;position:absolute}
.user-tile:hover .user-veil{opacity:1;visibility:visible}
.user-wrap{text-align:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);width:100%;transform:translateY(20px)}
.user-tile:hover .user-wrap{transform:translateY(0)}
.user-text{-webkit-box-orient:vertical;text-shadow:0 2px 4px rgba(1,0,1,.81);line-height:1.4;-webkit-line-clamp:2;color:#fdffff;overflow:hidden;margin:0 0 12px;font-size:.85rem;display:-webkit-box}
.user-messaging{box-shadow:0 4px 15px rgba(1,0,1,.29);width:50px;transition:transform .3s ease,box-shadow .3s ease;border-radius:50%;height:50px;display:inline-flex;color:var(--base-flip);justify-content:center;background:linear-gradient(135deg,var(--base-rose),var(--base-salmon));align-items:center}
.user-messaging svg{width:22px;height:22px}
.user-messaging:hover{box-shadow:var(--base-sd-md);transform:scale(1.1)}
.user-glint{display:grid;height:34px;top:10px;box-shadow:0 2px 8px rgba(1,0,1,.27);place-items:center;left:10px;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease;border-radius:50%;width:34px;background:rgba(1,0,1,.43);position:absolute;z-index:6;color:#fdffff;border:none}
.user-glint svg{width:18px;height:18px}
.user-glint:hover{transform:scale(1.1);background:rgba(1,0,1,.58)}
.user-glint.on{color:var(--base-flip);background:var(--base-salmon)}
.user-glint.on svg{fill:currentColor}
.heading-2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}

.menu-btn{cursor:pointer;display:none;border:none;z-index:1105;background:none;padding:6px;flex-direction:column;gap:5px}
.menu-btn span{display:block;width:26px;background:var(--base-foreground);height:3px;border-radius:2px;transition:transform .3s ease,opacity .3s ease}
.menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.menu-btn.active span:nth-child(2){opacity:0}
.menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
:focus-visible{border-radius:6px;outline:3px solid var(--base-rose);outline-offset:2px}
ul{margin:0;list-style:none;padding:0}
.bar-link{padding:9px 14px;font-weight:600;font-size:.96rem;transition:background .18s,color .18s;color:var(--base-foreground);border-radius:var(--base-r-pill)}
.bar-link:hover{color:var(--base-rose-deep);background:var(--base-panel-2)}
.bar-glint{color:var(--base-foreground);background:none;cursor:pointer;font-weight:600;font-size:.96rem;border:none;border-radius:var(--base-r-pill);display:inline-flex;transition:background .18s ease,color .18s ease;padding:9px 12px;text-decoration:none;gap:7px;position:relative;align-items:center}
.bar-glint:hover{color:var(--base-rose-deep);background:var(--base-panel-2)}
.bar-glint svg{color:var(--base-rose);height:20px;width:20px}
.bar-glint:hover svg{color:var(--base-rose-deep)}
.bar-glint-text{white-space:nowrap}
.bar-glint .messaging-chip{position:static;top:auto;right:auto}
.bar-glint-mobile{align-items:center;font-weight:600;border:none;display:flex;padding:14px 2px;text-align:left;color:var(--base-foreground);width:100%;background:none;font-size:15px;text-decoration:none;border-bottom:1px solid var(--base-line);gap:9px;cursor:pointer}
.bar-glint-mobile:hover{color:var(--base-rose-deep)}
.bar-glint-mobile svg{color:var(--base-rose);height:18px;width:18px}
svg{display:block}
.main-bar{align-items:center;margin-left:auto;display:flex;gap:8px}
h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-family:var(--base-heading);line-height:1.12;color:var(--base-foreground)}
.kicker{text-transform:uppercase;font-weight:800;margin-bottom:10px;font-size:.8rem;color:var(--base-rose);letter-spacing:.1em}
@media(max-width:768px){.user-veil{opacity:1;visibility:visible;inset:auto 7px 8px auto;width:auto;height:auto;padding:0;background:none}.user-wrap{width:auto;transform:none}.user-text{display:none}.user-messaging{width:34px;height:34px}.user-messaging svg{width:16px;height:16px}.user-glint{top:8px;left:8px;width:30px;height:30px}.user-glint svg{width:16px;height:16px}.user-chip{top:8px;right:8px;gap:4px;padding:3px 7px;font-size:9.5px;letter-spacing:.03em}.user-chip .round{width:6px;height:6px}.user-tile .user-in{padding:10px 9px 9px}.user-tagline{gap:3px;margin-bottom:5px;padding:3px 6px;font-size:9.5px}.user-tagline svg{width:12px;height:12px}.user-label{font-size:.92rem;line-height:1.2;padding-right:40px}.user-label span{font-size:.72rem;white-space:nowrap}.user-place{font-size:.72rem;gap:4px;margin-top:2px;padding-right:40px}.user-place .tack svg{width:12px;height:12px}}
@keyframes swing{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}

.web-ground{background:var(--base-ft-wash);color:var(--base-ft)}
.web-ground .inner{padding-block:56px 22px}
.web-ground a{color:var(--base-ft)}
.web-ground a:hover{color:var(--base-ft-2)}
.ground-row{gap:40px;display:grid;grid-template-columns:1.6fr 1fr 1fr}
.ground-sign{font-family:var(--base-heading);color:var(--base-ft-2);margin-bottom:12px;align-items:center;font-weight:800;display:flex;font-size:1.2rem;gap:10px}
.ground-col>p:not(.ground-label){color:var(--base-ft-50);font-size:.94rem;max-width:34ch}
.ground-label{margin-bottom:14px;font-size:1rem;color:var(--base-ft-2);font-weight:800}
.ground-links{display:grid;font-size:.94rem;gap:10px}
.path li:not(:last-child)::after{color:var(--base-dim);content:"\00203a";margin-left:6px}
.path a{color:var(--base-foreground-50)}

.browse-contact{margin:0 auto;gap:12px;background:var(--base-panel);box-shadow:var(--base-sd-md);padding:12px;border-radius:var(--base-r-pill);display:flex;border:1px solid var(--base-line-50)}
.browse-contact .textbox{box-shadow:none;border:none;background:transparent;font-size:1.06rem}
.browse-contact .textbox:focus{box-shadow:none}
.browse-contact+.cities{margin-top:40px}
.textbox-line{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.textbox{color:var(--base-foreground);padding:13px 16px;font-family:inherit;font-size:1rem;background:var(--base-panel-50);border-radius:var(--base-r-sm);width:100%;transition:border-color .16s,box-shadow .16s;border:1.5px solid var(--base-line)}
.textbox:focus{outline:none;box-shadow:0 0 0 3px rgba(238,76,150,.15);border-color:var(--base-rose)}
textarea.textbox{min-height:140px;resize:vertical}
.user-footage-start{border-radius:50%;border:none;background:rgba(1,0,1,.5);display:grid;font-size:1.9rem;width:78px;top:50%;transition:transform .15s ease,background .15s ease;z-index:3;transform:translate(-50%,-50%);line-height:1;padding-left:6px;height:78px;cursor:pointer;left:50%;color:#fdffff;position:absolute;place-items:center;box-shadow:var(--base-sd-md)}
.user-footage-start:hover{background:rgba(1,0,1,.69);transform:translate(-50%,-50%) scale(1.07)}
.user-drawer{top:96px;position:sticky}
.user-head{margin-top:14px;gap:12px;flex-wrap:wrap;align-items:center;display:flex}
.user-head .chip-pill{flex:none}
.user-lead{line-height:1.1;font-family:var(--base-heading);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.user-lead span{color:var(--base-dim);font-weight:600;font-size:.62em}
.user-mention{align-items:center;margin-top:10px;display:flex;color:var(--base-foreground-50);gap:7px;font-size:1.02rem}
.user-mention .tack svg{color:var(--base-rose);width:18px;height:18px}
.user-mention a{transition:border-color .15s ease;border-bottom:1px solid transparent;color:var(--base-rose-deep);font-weight:600;text-decoration:none}
.user-mention a:hover{border-bottom-color:currentColor}
.user-metrics{flex-wrap:wrap;display:flex;gap:8px;margin-top:16px}
.user-drawer .lead{margin-top:18px}
.user-list{display:flex;flex-wrap:wrap;margin-top:24px;gap:12px}
.council-label{margin-bottom:14px;font-family:var(--base-heading);font-weight:800}
.council-line{font-size:.94rem;gap:10px;color:var(--base-foreground-50);align-items:flex-start;display:flex;margin-top:10px}
.council-line .tack{color:var(--base-rose);flex:none}
.council-line .tack svg{width:16px;height:16px}
.footage-shot{width:100%;object-fit:cover;height:100%;pointer-events:none;background:#010001;display:block}
.footage-round{width:28px;pointer-events:none;color:#fdffff;font-size:.64rem;background:rgba(1,0,1,.55);top:50%;height:28px;place-items:center;display:grid;transform:translate(-50%,-50%);line-height:1;box-shadow:var(--base-sd-sm);padding-left:2px;left:50%;position:absolute;border-radius:50%}
.footage-chip{font-weight:700;bottom:12px;left:12px;display:inline-flex;background:rgba(1,0,1,.6);font-size:.7rem;gap:4px;color:#fdffff;border-radius:var(--base-r-pill);z-index:2;padding:5px 9px;box-shadow:var(--base-sd-sm);position:absolute;letter-spacing:.02em;align-items:center}

.contact{background:var(--base-panel);padding:clamp(24px,3vw,40px);box-shadow:var(--base-sd-md);border-radius:var(--base-r-lg);border:1px solid var(--base-line-50)}
.contact-block{gap:7px;display:grid;margin-bottom:18px}
.contact-block label{font-weight:700;font-size:.92rem}


.hook-zone{align-items:center;overflow:hidden;border-radius:var(--base-r-xl);box-shadow:var(--base-sd-lg);display:flex;padding:clamp(38px,5vw,64px);background:linear-gradient(100deg,var(--base-rose-deep),var(--base-salmon) 60%,var(--base-sun));justify-content:space-between;color:var(--base-flip);flex-wrap:wrap;gap:30px;position:relative}
.hook-splash{width:320px;background:rgba(253,255,255,.14);position:absolute;right:-90px;top:-120px;border-radius:50%;height:320px}
.hook-text{z-index:2;position:relative}
.hook-text h2{max-width:16ch;color:var(--base-flip)}
.hook-text p{max-width:46ch;margin-top:10px;color:rgba(253,255,255,.94)}
.hook-zone .action{position:relative;z-index:2}

.round{line-height:1;color:var(--base-success);font-size:.6rem}
.page-text .action{margin-top:26px}

.empty{text-align:center;padding-block:clamp(60px,10vw,140px)}
.empty-no{line-height:.9;font-family:var(--base-heading);font-weight:800;font-size:clamp(6rem,20vw,13rem)}
.empty-block{gap:14px;margin-top:30px;display:flex;justify-content:center;flex-wrap:wrap}
.record-council{padding:24px;background:var(--base-panel);border-radius:var(--base-r-lg);box-shadow:var(--base-sd-md);border:1px solid var(--base-line-50)}

.record{align-items:start;grid-template-columns:1.2fr 1fr;display:grid;gap:clamp(28px,4vw,48px)}
.record-metrics{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.where-tile{overflow:hidden;position:relative;aspect-ratio:4/3;background:var(--base-wisteria);border-radius:var(--base-r-lg);box-shadow:var(--base-sd-md);border:1px solid var(--base-line-50)}
.where-tile.where-lazy{cursor:pointer}
.where-empty{display:grid;text-align:center;inset:0;padding:20px;gap:10px;place-items:center;position:absolute;background:linear-gradient(160deg,var(--base-wisteria-2),var(--base-panel-2))}
.where-empty p{font-weight:700;color:var(--base-foreground)}
.where-tack{filter:drop-shadow(0 10px 12px rgba(249,73,97,.5));color:var(--base-salmon)}
.where-tack svg{fill:currentColor;height:40px;width:40px;stroke:none}
.where-tile iframe{width:100%;height:100%;inset:0;position:absolute;border:0}
.where-tile.is-live .where-empty{display:none}

.page-block h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.page-block h2{color:var(--base-rose-deep);font-size:1.35rem;font-weight:800;margin-top:34px}
.page-block p{color:var(--base-foreground-50);font-size:1.04rem;margin-top:14px}
.page-block p a{font-weight:600}
.page-block ul{display:grid;gap:10px;margin-top:14px}
.page-block li{padding-left:24px;position:relative;color:var(--base-foreground-50)}
.page-block li::before{left:0;height:10px;width:10px;position:absolute;top:.5em;background:var(--base-salmon);border-radius:50%;content:""}
.legal{border-top:1px solid var(--base-ft-line);padding-top:22px;color:var(--base-ft-50);font-size:.86rem;margin-top:34px}
.contact-mention{font-weight:700}
.contact-mention-on{color:var(--base-success)}
.contact-mention-off{color:var(--base-rose-deep)}
.user-shot-glint{top:14px;height:46px;right:14px;width:46px}
.user-shot-glint svg{height:21px;width:21px}
.user-row{gap:clamp(24px,4vw,52px);margin-top:22px;align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}
.user-col{min-width:0}
.user-shot{box-shadow:var(--base-sd-md);overflow:hidden;position:relative;border-radius:var(--base-r-lg);margin:0;background:linear-gradient(160deg,var(--base-bg-pink-200),var(--base-wisteria-2))}
.user-shot img{aspect-ratio:4/5;width:100%;height:auto;object-fit:cover;display:block}
.user-pager{cursor:pointer;position:absolute;place-items:center;z-index:2;box-shadow:var(--base-sd-md);height:44px;width:44px;background:var(--base-panel-wash);transform:translateY(-50%);color:var(--base-rose-deep);transition:transform .15s ease,background .15s ease;display:grid;top:50%;border-radius:50%;border:none}
.user-pager:hover{background:var(--base-panel-wash);transform:translateY(-50%) scale(1.07)}
.user-pager svg{height:22px;width:22px}
.user-back{left:12px}
.user-next{right:12px}
.user-track{flex-wrap:wrap;gap:10px;display:flex;margin-top:12px}
.user-block{background:var(--base-panel-2);box-shadow:var(--base-sd-sm);width:72px;transition:transform .15s ease,border-color .15s ease;padding:0;border:2px solid transparent;cursor:pointer;aspect-ratio:3/4;overflow:hidden;flex:0 0 auto;border-radius:var(--base-r-sm)}
.user-block img{width:100%;display:block;object-fit:cover;height:100%}
.user-block:hover{transform:translateY(-2px)}
.user-block.on{border-color:var(--base-rose)}
.user-col [hidden]{display:none!important}
.user-footage{height:auto;object-fit:contain;max-height:70vh;background:#010001;display:block;width:100%}
.user-block-footage{position:relative}

.contact-wrap{max-width:640px}
.contact-empty{left:-9999px;height:1px;overflow:hidden;width:1px;position:absolute}
.hours{margin-top:10px;display:grid;gap:4px}
.metric{gap:12px;padding:14px 16px;align-items:center;box-shadow:var(--base-sd-sm);border-radius:var(--base-r-md);display:flex;border:1px solid var(--base-line-50);background:var(--base-panel)}
.metric-icon{place-items:center;background:var(--base-panel-2);height:40px;flex:none;display:grid;border-radius:12px;width:40px;color:var(--base-rose)}
.metric-icon svg{width:18px;height:18px}
.metric-text dt{color:var(--base-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
.metric-text dd{font-family:var(--base-heading);font-weight:800;font-size:.98rem;margin:2px 0 0}
.page-block .path{display:flex}.page-block .path li{padding-left:0}.page-block .path li::before{display:none}
.pros-list{gap:10px;display:grid;margin-top:14px}
.pros-list li{position:relative;color:var(--base-foreground);padding-left:24px}
.pros-list li::before{left:0;top:.5em;position:absolute;width:10px;border-radius:50%;background:var(--base-salmon);height:10px;content:""}

.quick-opener{cursor:pointer;border-radius:50%;background:linear-gradient(135deg,var(--base-rose),var(--base-salmon));position:fixed;border:none;color:var(--base-flip);height:60px;justify-content:center;right:22px;text-decoration:none;align-items:center;display:flex;bottom:22px;box-shadow:var(--base-sd-lg);z-index:80;width:60px}
.quick-opener svg{height:26px;fill:currentColor;stroke:none;width:26px}
.quick-opener-text{font-family:var(--base-heading);gap:9px;font-weight:800;max-width:calc(100vw - 44px);height:auto;border-radius:var(--base-r-pill);padding:13px 20px;width:auto;font-size:.95rem}
.quick-opener-text svg{width:20px;height:20px}
.quick-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-block .path,.path:has(+ .section-head){justify-content:center}
.when{gap:12px;justify-content:space-between;display:flex;color:var(--base-foreground-50);font-size:.9rem}
.path{margin-bottom:14px;justify-content:flex-start;gap:6px;display:flex;font-size:.86rem;flex-wrap:wrap;color:var(--base-dim)}

.doc-masthead{padding-block:clamp(40px,6vw,80px) 20px}
.doc-masthead h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.doc-masthead p{color:var(--base-foreground-50);font-size:1.08rem;margin:16px auto 0}

.messaging-chip{top:-3px;min-width:22px;color:var(--base-flip);border-radius:var(--base-r-pill);display:grid;height:22px;font-size:.72rem;border:2px solid var(--base-panel);font-weight:800;box-shadow:var(--base-sd-sm);padding:0 6px;position:absolute;place-items:center;background:var(--base-heart);right:-3px;line-height:1}
.messaging-chip[hidden]{display:none}

.cities{display:flex;flex-direction:column;gap:32px}
.cities-block h2{font-size:1.15rem;font-weight:800;color:var(--base-foreground);margin-bottom:16px}
.cities-links{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.cities-links a{transition:transform .14s,box-shadow .14s,color .14s;border:1px solid var(--base-line);border-radius:var(--base-r-md);padding:13px 16px;align-items:center;color:var(--base-foreground);font-size:.92rem;font-weight:600;gap:10px;box-shadow:var(--base-sd-sm);display:flex;background:var(--base-panel);justify-content:space-between}
.cities-links a:hover{box-shadow:var(--base-sd-md);color:var(--base-rose-deep);transform:translateY(-3px)}
.cities-links a .tack{display:grid;place-items:center;flex:none;color:var(--base-rose)}
.cities-links a .tack svg{width:16px;height:16px}

.page{grid-template-columns:1fr 1fr;align-items:center;display:grid;gap:clamp(28px,4vw,56px)}
.page-text>p:not(.kicker){font-size:1.04rem;margin-top:16px;color:var(--base-foreground-50)}
.page-tagline{color:var(--base-rose-deep);font-family:var(--base-heading);margin-top:22px;font-size:1.1rem;font-weight:800}

@media (max-width:980px){
  .users-row{grid-template-columns:repeat(3,1fr)}
  .user-row{grid-template-columns:1fr}
  .user-shot{width:100%;max-width:380px;justify-self:start}
  .user-drawer{position:static}
  .page,.record{grid-template-columns:1fr}
  .ground-row{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .main-bar{display:none}
  .menu-btn{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .drawer-mobile,.bar-veil{display:none}
}
@media (max-width:600px){
  :root{--base-block-y:clamp(30px,7vw,48px);--base-pad:8px}
  .ground-row,.textbox-line{grid-template-columns:1fr}
  .users-row{grid-template-columns:repeat(2,1fr);gap:5px}
  .user-tile{border-radius:var(--base-r-sm)}
  .user-in{padding:16px 10px}
  .hook-zone{flex-direction:column;align-items:stretch;padding:32px 24px}
  .hook-zone .action{width:100%;white-space:normal}
  .browse-contact{flex-direction:column;border-radius:var(--base-r-lg)}
  .browse-contact .action{width:100%}
  .block-user{padding-top:0}
  .user-shot img{aspect-ratio:1/1;max-height:46vh}
  .user-row{margin-top:0}
  .user-drawer{display:flex;flex-direction:column;margin-top:14px}
  .user-head{order:1;margin-top:0}
  .user-mention{order:2}
  .user-list{order:3;margin-top:16px;gap:10px}
  .user-list .action{flex:1 1 auto}
  .user-track{display:none}
  .user-metrics{order:4}
  .user-drawer .lead{order:5}
  .record-metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .metric{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .metric-icon{width:34px;height:34px}
  .metric-text{min-width:0}
  .metric-text dd{font-size:.92rem;overflow-wrap:anywhere}
}
