:root{
  --ds-pinkbg-100:#fbeef3;
  --ds-pinkbg-200:#faddeb;
  --ds-pinkbg-300:#f9c8de;
  --ds-pinkbg-deep:#f6a5ca;
  --ds-lavender:#eae7f8;
  --ds-lavender-x:#d7dbf7;

  --ds-surface:#fffffd;
  --ds-surface-pale:#fff5f8;
  --ds-surface-x:#fcebef;

  --ds-pink:#ed4f98;
  --ds-pink-deep:#e02d7e;
  --ds-warm:#fb5a72;
  --ds-warm-x:#fa4a62;
  --ds-orange:#fb783e;
  --ds-orange-x:#f36823;
  --ds-crush:#ff4f5d;
  --ds-peri:#c7cdf2;

  --ds-foreground:#2b2431;
  --ds-foreground-pale:#6d6672;
  --ds-subtle:#9a91a2;
  --ds-rule:#f0d8e5;

  --ds-ondark:#fffffd;
  --ds-pure:#fffffd;
  --ds-go:#2fac64;
  --ds-rule-pale:rgba(255,255,253,.91);
  --ds-surface-bg:rgba(255,255,253,.92);
  --ds-veil:rgba(43,36,49,.5);
  --ds-baseline-bg:#2b2431;
  --ds-baseline:#dad4dc;
  --ds-baseline-x:#fffffd;
  --ds-baseline-pale:#ab9db3;
  --ds-baseline-ring:rgba(255,255,253,.1);

  --ds-rnd-sm:14px;
  --ds-rnd-md:20px;
  --ds-rnd-lg:28px;
  --ds-rnd-xl:36px;
  --ds-rnd-pill:999px;

  --ds-shade-sm:0 6px 16px -8px rgba(237,79,152,.35);
  --ds-shade-md:0 18px 38px -18px rgba(237,79,152,.4);
  --ds-shade-lg:0 30px 60px -24px rgba(224,45,126,.41);

  --ds-font-head:"Trebuchet MS","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --ds-font:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --ds-frame:1200px;
  --ds-gutter:24px;
  --ds-block-y:clamp(56px,7vw,104px);
}

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

.usersRow{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}

.inner{padding-inline:var(--ds-gutter);margin-inline:auto;max-width:var(--ds-frame)}
.ttl{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}
.asideMob{padding:84px 22px 22px;top:0;overflow-y:auto;background:var(--ds-surface);box-shadow:-6px 0 30px rgba(43,36,49,.21);width:80%;max-width:320px;transition:right .3s ease;height:100vh;z-index:1100;height:100dvh;position:fixed;right:-100%}
.asideMob.current{right:0}
.asideMob nav{flex-direction:column;display:flex}
.asideMob a:not(.press){color:var(--ds-foreground);padding:14px 2px;border-bottom:1px solid var(--ds-rule);font-weight:600;font-size:15px}
.asideMob a:not(.press):hover{color:var(--ds-pink-deep)}
.asideMob a.press{margin-top:22px}

.bubbleOffer{z-index:80;right:22px;box-shadow:var(--ds-shade-lg);border-radius:var(--ds-rnd-lg);width:300px;position:fixed;border:1px solid var(--ds-rule-pale);background:var(--ds-surface);max-width:calc(100vw - 44px);bottom:22px;padding:20px}
.bubbleX{top:12px;height:28px;border-radius:50%;cursor:pointer;color:var(--ds-foreground-pale);border:none;right:12px;width:28px;line-height:1;place-items:center;display:grid;padding:0;font-size:1.1rem;background:var(--ds-surface-x);position:absolute}
.bubbleX:hover{color:var(--ds-ondark);background:var(--ds-pink)}
.bubbleName{font-family:var(--ds-font-head);font-weight:800;padding-right:26px;font-size:1.04rem}
.bubbleLine{margin-top:4px;font-size:.86rem;margin-bottom:14px;color:var(--ds-foreground-pale)}
.bubbleLauncher{border-radius:50%;position:fixed;right:22px;color:var(--ds-ondark);height:60px;background:linear-gradient(135deg,var(--ds-pink),var(--ds-warm));z-index:80;bottom:22px;border:none;justify-content:center;align-items:center;cursor:pointer;width:60px;display:none;box-shadow:var(--ds-shade-lg)}
.bubbleLauncher svg{height:26px;stroke:none;width:26px;fill:currentColor}
.cityhallName{font-family:var(--ds-font-head);margin-bottom:14px;font-weight:800}
.cityhallRow{gap:10px;align-items:flex-start;margin-top:10px;display:flex;color:var(--ds-foreground-pale);font-size:.94rem}
.cityhallRow .tack{flex:none;color:var(--ds-pink)}
.cityhallRow .tack svg{height:16px;width:16px}

.area{gap:32px;flex-direction:column;display:flex}
.areaSet h2{font-size:1.15rem;font-weight:800;margin-bottom:16px;color:var(--ds-foreground)}
.areaList{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.areaList a{border:1px solid var(--ds-rule);justify-content:space-between;padding:13px 16px;transition:transform .14s,box-shadow .14s,color .14s;font-size:.92rem;align-items:center;gap:10px;display:flex;box-shadow:var(--ds-shade-sm);background:var(--ds-surface);border-radius:var(--ds-rnd-md);font-weight:600;color:var(--ds-foreground)}
.areaList a:hover{transform:translateY(-3px);color:var(--ds-pink-deep);box-shadow:var(--ds-shade-md)}
.areaList a .tack{place-items:center;flex:none;color:var(--ds-pink);display:grid}
.areaList a .tack svg{height:16px;width:16px}
.accent{background:linear-gradient(92deg,var(--ds-pink),var(--ds-warm) 60%,var(--ds-orange));color:transparent;-webkit-background-clip:text;background-clip:text}

.mainHeader{top:0;position:sticky;z-index:60;border-bottom:1px solid var(--ds-rule);background:var(--ds-surface)}
.mainHeaderBody{min-height:74px;display:flex;align-items:center;gap:20px;justify-content:space-between;padding-block:12px}
.schedule{gap:4px;margin-top:10px;display:grid}

.holder{text-align:center;padding-block:clamp(60px,10vw,140px)}
.holderRank{line-height:.9;font-family:var(--ds-font-head);font-weight:800;font-size:clamp(6rem,20vw,13rem)}
.holderSet{margin-top:30px;gap:14px;display:flex;flex-wrap:wrap;justify-content:center}
button{font-family:inherit}

.story{grid-template-columns:1fr 1fr;display:grid;gap:clamp(28px,4vw,56px);align-items:center}
.storyLine>p:not(.kicker){color:var(--ds-foreground-pale);margin-top:16px;font-size:1.04rem}
.storyDeck{font-family:var(--ds-font-head);margin-top:22px;color:var(--ds-pink-deep);font-size:1.1rem;font-weight:800}

.offerZone{gap:30px;position:relative;padding:clamp(38px,5vw,64px);flex-wrap:wrap;justify-content:space-between;overflow:hidden;box-shadow:var(--ds-shade-lg);display:flex;border-radius:var(--ds-rnd-xl);color:var(--ds-ondark);background:linear-gradient(100deg,var(--ds-pink-deep),var(--ds-warm) 60%,var(--ds-orange));align-items:center}
.offerShape{position:absolute;right:-90px;border-radius:50%;height:320px;top:-120px;width:320px;background:rgba(255,255,253,.12)}
.offerLine{z-index:2;position:relative}
.offerLine h2{color:var(--ds-ondark);max-width:16ch}
.offerLine p{margin-top:10px;max-width:46ch;color:rgba(255,255,253,.92)}
.offerZone .press{position:relative;z-index:2}
.askUnit{margin-bottom:14px;box-shadow:var(--ds-shade-sm);overflow:hidden;border-radius:var(--ds-rnd-md);background:var(--ds-surface);border:1px solid var(--ds-rule)}
.askUnit summary{justify-content:space-between;gap:16px;list-style:none;padding:20px 22px;color:var(--ds-foreground);font-family:var(--ds-font-head);align-items:center;font-weight:800;font-size:1.05rem;display:flex;cursor:pointer}
.askUnit summary::-webkit-details-marker{display:none}
.askUnit summary::after{width:30px;display:grid;border-radius:50%;flex:none;height:30px;place-items:center;color:var(--ds-pink);background:var(--ds-surface-x);transition:transform .25s ease;font-size:1.2rem;content:"+"}
.askUnit[open] summary::after{background:var(--ds-pink);transform:rotate(45deg);color:var(--ds-ondark)}
.askReply{color:var(--ds-foreground-pale);padding:0 22px 20px}
figure{margin:0}
.kicker{text-transform:uppercase;font-weight:800;color:var(--ds-pink);margin-bottom:10px;font-size:.8rem;letter-spacing:.1em}
svg{display:block}
.picFull svg{stroke:none;fill:currentColor}
.footerRow{gap:40px;display:grid;grid-template-columns:1.6fr 1fr 1fr}
.footerMark{font-family:var(--ds-font-head);color:var(--ds-baseline-x);gap:10px;align-items:center;font-weight:800;font-size:1.2rem;margin-bottom:12px;display:flex}
.footerColumn>p:not(.footerName){color:var(--ds-baseline-pale);font-size:.94rem;max-width:34ch}
.footerName{color:var(--ds-baseline-x);font-size:1rem;margin-bottom:14px;font-weight:800}
.footerList{display:grid;gap:10px;font-size:.94rem}
.linksA{font-weight:600;transition:background .18s,color .18s;border-radius:var(--ds-rnd-pill);padding:9px 14px;font-size:.96rem;color:var(--ds-foreground)}
.linksA:hover{background:var(--ds-surface-x);color:var(--ds-pink-deep)}
.linksTwinkle{font-weight:600;position:relative;padding:9px 12px;border:none;border-radius:var(--ds-rnd-pill);align-items:center;text-decoration:none;cursor:pointer;color:var(--ds-foreground);transition:background .18s ease,color .18s ease;display:inline-flex;background:none;font-size:.96rem;gap:7px}
.linksTwinkle:hover{color:var(--ds-pink-deep);background:var(--ds-surface-x)}
.linksTwinkle svg{width:20px;color:var(--ds-pink);height:20px}
.linksTwinkle:hover svg{color:var(--ds-pink-deep)}
.linksTwinkleLine{white-space:nowrap}
.linksTwinkle .dmBadge{top:auto;right:auto;position:static}
.linksTwinkleMob{font-weight:600;padding:14px 2px;background:none;color:var(--ds-foreground);align-items:center;text-align:left;gap:9px;text-decoration:none;cursor:pointer;border:none;width:100%;border-bottom:1px solid var(--ds-rule);font-size:15px;display:flex}
.linksTwinkleMob:hover{color:var(--ds-pink-deep)}
.linksTwinkleMob svg{height:18px;color:var(--ds-pink);width:18px}

.press{
  display:inline-flex;cursor:pointer;font-weight:700;white-space:nowrap;
  border:1.5px solid transparent;border-radius:var(--ds-rnd-pill);align-items:center;text-align:center;
  gap:9px;padding:14px 26px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;justify-content:center;
  font-size:1rem;
}
.press svg{height:18px;width:18px}
.pressSmall{padding:10px 18px;font-size:.9rem}
.pressLg{font-size:1.06rem;padding:17px 32px}
.pressFull{width:100%}
.pressGo{color:var(--ds-ondark);background:linear-gradient(95deg,var(--ds-orange),var(--ds-warm) 55%,var(--ds-pink));box-shadow:0 14px 26px -12px rgba(250,74,98,.77)}
.pressGo:hover{transform:translateY(-2px);color:var(--ds-ondark);box-shadow:0 20px 34px -12px rgba(250,74,98,.86)}
.pressSoft{background:var(--ds-surface);border-color:var(--ds-rule);color:var(--ds-pink)}
.pressSoft:hover{transform:translateY(-2px);background:var(--ds-surface-x);color:var(--ds-pink-deep)}
.pressWhite{background:var(--ds-pure);color:var(--ds-pink-deep)}
.pressWhite:hover{box-shadow:var(--ds-shade-md);transform:translateY(-2px);color:var(--ds-pink-deep)}
.led{font-size:.6rem;line-height:1;color:var(--ds-go)}
.bodyLinks{margin-left:auto;align-items:center;gap:8px;display:flex}
.userTwinkle{border-radius:50%;transition:transform .16s,background .16s,color .16s;border:none;z-index:2;display:grid;cursor:pointer;background:var(--ds-surface-bg);top:12px;box-shadow:var(--ds-shade-sm);place-items:center;color:var(--ds-warm);right:12px;position:absolute;width:36px;height:36px}
.userTwinkle svg{height:18px;width:18px}
.userTwinkle:hover{transform:scale(1.08)}
.userTwinkle.full{background:var(--ds-warm);color:var(--ds-ondark)}
.userTwinkle.full svg{fill:currentColor}
.userFrameTwinkle{top:14px;width:46px;height:46px;right:14px}
.userFrameTwinkle svg{width:21px;height:21px}
.userBody{padding:16px 18px}
.userName{font-family:var(--ds-font-head);font-weight:800;font-size:1.12rem}
.userName a{text-decoration:none;color:inherit;outline-offset:3px}
.userName a::after{z-index:1;position:absolute;content:"";inset:0}
.userName span{color:var(--ds-subtle);font-weight:600}
.userPlace{display:flex;margin-top:4px;color:var(--ds-foreground-pale);font-size:.88rem;gap:6px;align-items:center}
.userPlace .tack svg{height:14px;width:14px;color:var(--ds-pink)}
.userDm{color:var(--ds-ondark);padding:9px 14px;position:relative;justify-content:center;background:linear-gradient(135deg,var(--ds-pink),var(--ds-warm));align-items:center;font-weight:700;z-index:2;box-shadow:var(--ds-shade-sm);margin-top:12px;gap:7px;transition:transform .16s ease,box-shadow .16s ease;font-size:.9rem;border-radius:var(--ds-rnd-pill);display:inline-flex;width:100%}
.userDm svg{width:16px;height:16px}
.userDm:hover{box-shadow:var(--ds-shade-md);transform:translateY(-1px)}
.userRow{display:grid;align-items:start;gap:clamp(24px,4vw,52px);margin-top:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.userColumn{min-width:0}
.userFrame{position:relative;border-radius:var(--ds-rnd-lg);box-shadow:var(--ds-shade-md);overflow:hidden;margin:0;background:linear-gradient(160deg,var(--ds-pinkbg-200),var(--ds-lavender-x))}
.userFrame img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:4/5}
.userCtrl{box-shadow:var(--ds-shade-md);position:absolute;width:44px;height:44px;color:var(--ds-pink-deep);z-index:2;border-radius:50%;border:none;display:grid;cursor:pointer;top:50%;transition:transform .15s ease,background .15s ease;transform:translateY(-50%);place-items:center;background:var(--ds-surface-bg)}
.userCtrl:hover{background:var(--ds-surface-bg);transform:translateY(-50%) scale(1.07)}
.userCtrl svg{height:22px;width:22px}
.userLeft{left:12px}
.userNext{right:12px}
.userRail{flex-wrap:wrap;margin-top:12px;display:flex;gap:10px}
.userUnit{border:2px solid transparent;width:72px;box-shadow:var(--ds-shade-sm);border-radius:var(--ds-rnd-sm);aspect-ratio:3/4;background:var(--ds-surface-x);transition:transform .15s ease,border-color .15s ease;cursor:pointer;overflow:hidden;padding:0;flex:0 0 auto}
.userUnit img{object-fit:cover;height:100%;display:block;width:100%}
.userUnit:hover{transform:translateY(-2px)}
.userUnit.full{border-color:var(--ds-pink)}
.userColumn [hidden]{display:none!important}
.userTeaser{max-height:70vh;height:auto;width:100%;background:#020002;display:block;object-fit:contain}
.userUnitTeaser{position:relative}
::selection{background:rgba(237,79,152,.21)}
.benefitsSet{display:grid;margin-top:14px;gap:10px}
.benefitsSet li{color:var(--ds-foreground);padding-left:24px;position:relative}
.benefitsSet li::before{height:10px;left:0;top:.5em;content:"";position:absolute;border-radius:50%;width:10px;background:var(--ds-warm)}
.headZone{margin:0 auto 44px;max-width:640px;text-align:center}
.storyLine .press{margin-top:26px}
.teaserFrame{display:block;background:#020002;object-fit:cover;pointer-events:none;height:100%;width:100%}
.teaserLed{font-size:.64rem;position:absolute;display:grid;place-items:center;top:50%;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);height:28px;background:rgba(2,0,2,.56);padding-left:2px;line-height:1;width:28px;left:50%;box-shadow:var(--ds-shade-sm);color:#fffffd}
.teaserBadge{border-radius:var(--ds-rnd-pill);position:absolute;font-weight:700;background:rgba(2,0,2,.62);letter-spacing:.02em;z-index:2;gap:4px;box-shadow:var(--ds-shade-sm);display:inline-flex;align-items:center;font-size:.7rem;bottom:12px;padding:5px 9px;left:12px;color:#fffffd}
.credits{padding-top:22px;font-size:.86rem;margin-top:34px;color:var(--ds-baseline-pale);border-top:1px solid var(--ds-baseline-ring)}
h1,h2,h3,h4{line-height:1.12;letter-spacing:-.01em;font-family:var(--ds-font-head);color:var(--ds-foreground);margin:0}

.facts{gap:clamp(28px,4vw,48px);grid-template-columns:1.2fr 1fr;align-items:start;display:grid}
.factsMetrics{grid-template-columns:1fr 1fr;gap:16px;display:grid}
.factsCityhall{background:var(--ds-surface);border-radius:var(--ds-rnd-lg);border:1px solid var(--ds-rule-pale);padding:24px;box-shadow:var(--ds-shade-md)}
.userTeaserStart{place-items:center;position:absolute;box-shadow:var(--ds-shade-md);color:#fffffd;top:50%;display:grid;cursor:pointer;background:rgba(2,0,2,.5);height:78px;border-radius:50%;line-height:1;width:78px;font-size:1.9rem;transform:translate(-50%,-50%);border:none;padding-left:6px;transition:transform .15s ease,background .15s ease;z-index:3;left:50%}
.userTeaserStart:hover{background:rgba(2,0,2,.69);transform:translate(-50%,-50%) scale(1.07)}
.userAside{position:sticky;top:96px}
.userTop{margin-top:14px;align-items:center;gap:12px;flex-wrap:wrap;display:flex}
.userTop .badgePill{flex:none}
.userHook{font-family:var(--ds-font-head);font-weight:800;line-height:1.1;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.userHook span{font-weight:600;color:var(--ds-subtle);font-size:.62em}
.userMention{margin-top:10px;gap:7px;display:flex;font-size:1.02rem;align-items:center;color:var(--ds-foreground-pale)}
.userMention .tack svg{color:var(--ds-pink);height:18px;width:18px}
.userMention a{border-bottom:1px solid transparent;color:var(--ds-pink-deep);transition:border-color .15s ease;font-weight:600;text-decoration:none}
.userMention a:hover{border-bottom-color:currentColor}
.userMetrics{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.userAside .hook{margin-top:18px}
.userSet{flex-wrap:wrap;display:flex;margin-top:24px;gap:12px}
.fldRow{gap:18px;grid-template-columns:1fr 1fr;display:grid}
.fld{border-radius:var(--ds-rnd-sm);transition:border-color .16s,box-shadow .16s;padding:13px 16px;border:1.5px solid var(--ds-rule);color:var(--ds-foreground);background:var(--ds-surface-pale);width:100%;font-family:inherit;font-size:1rem}
.fld:focus{border-color:var(--ds-pink);box-shadow:0 0 0 3px rgba(237,79,152,.15);outline:none}
textarea.fld{min-height:140px;resize:vertical}
.path li:not(:last-child)::after{margin-left:6px;color:var(--ds-subtle);content:"\00203a"}
.path a{color:var(--ds-foreground-pale)}

.badgePill{background:var(--ds-surface);font-weight:700;box-shadow:var(--ds-shade-sm);letter-spacing:.06em;border:1px solid var(--ds-rule);align-items:center;padding:8px 16px;display:inline-flex;font-size:.82rem;border-radius:var(--ds-rnd-pill);gap:8px;color:var(--ds-pink)}
.badgePill svg{color:var(--ds-warm);height:16px;width:16px}

.viewFeature{padding-block:clamp(40px,6vw,80px) 20px}
.viewFeature h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.viewFeature p{color:var(--ds-foreground-pale);font-size:1.08rem;margin:16px auto 0}
ul{list-style:none;padding:0;margin:0}
p{margin:0}

.mainFooter{color:var(--ds-baseline);background:var(--ds-baseline-bg)}
.mainFooter .inner{padding-block:56px 22px}
.mainFooter a{color:var(--ds-baseline)}
.mainFooter a:hover{color:var(--ds-baseline-x)}
.linksOverlay{position:fixed;transition:opacity .3s ease;inset:0;z-index:1090;visibility:hidden;background:var(--ds-veil);opacity:0}
.linksOverlay.current{visibility:visible;opacity:1}
.when{font-size:.9rem;color:var(--ds-foreground-pale);display:flex;gap:12px;justify-content:space-between}

.storySection h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.storySection h2{font-size:1.35rem;margin-top:34px;font-weight:800;color:var(--ds-pink-deep)}
.storySection p{margin-top:14px;font-size:1.04rem;color:var(--ds-foreground-pale)}
.storySection p a{font-weight:600}
.storySection ul{display:grid;gap:10px;margin-top:14px}
.storySection li{padding-left:24px;position:relative;color:var(--ds-foreground-pale)}
.storySection li::before{height:10px;content:"";left:0;border-radius:50%;position:absolute;background:var(--ds-warm);top:.5em;width:10px}
.storyAsk>.inner>h2{text-align:center;margin-bottom:28px}
.mark,.linksA,.asideMob a,.press,.path a,.mainFooter a,.areaList a,.userDm{text-decoration:none}

.locateContact{box-shadow:var(--ds-shade-md);margin:0 auto;gap:12px;border-radius:var(--ds-rnd-pill);border:1px solid var(--ds-rule-pale);display:flex;padding:12px;background:var(--ds-surface)}
.locateContact .fld{box-shadow:none;font-size:1.06rem;background:transparent;border:none}
.locateContact .fld:focus{box-shadow:none}
.locateContact+.area{margin-top:40px}
.contactMention{font-weight:700}
.contactMentionFull{color:var(--ds-go)}
.contactMentionClosed{color:var(--ds-pink-deep)}
.storySection .path{display:flex}.storySection .path li{padding-left:0}.storySection .path li::before{display:none}

.contactWrap{max-width:640px}
.contactHolder{left:-9999px;overflow:hidden;height:1px;width:1px;position:absolute}
.path{gap:6px;display:flex;margin-bottom:14px;font-size:.86rem;color:var(--ds-subtle);flex-wrap:wrap;justify-content:flex-start}

.dmBadge{background:var(--ds-crush);position:absolute;top:-3px;min-width:22px;height:22px;box-shadow:var(--ds-shade-sm);border-radius:var(--ds-rnd-pill);place-items:center;padding:0 6px;right:-3px;line-height:1;display:grid;font-size:.72rem;font-weight:800;border:2px solid var(--ds-surface);color:var(--ds-ondark)}
.dmBadge[hidden]{display:none}
.userCard{box-shadow:var(--ds-shade-md);border-radius:var(--ds-rnd-lg);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;background:var(--ds-surface);border:1px solid var(--ds-rule-pale);position:relative}
.userCard:hover{box-shadow:var(--ds-shade-lg);transform:translateY(-6px)}
.userAvatar{background:linear-gradient(160deg,var(--ds-pinkbg-200),var(--ds-lavender-x));position:relative;overflow:hidden;aspect-ratio:1/1}
.userAvatar img{width:100%;object-fit:cover;height:100%;display:block}
.userBadge{background:var(--ds-surface-bg);font-weight:700;align-items:center;top:12px;border-radius:var(--ds-rnd-pill);color:var(--ds-go);padding:5px 10px;position:absolute;gap:6px;font-size:.72rem;display:inline-flex;left:12px;z-index:2;box-shadow:var(--ds-shade-sm)}
.hook{margin-top:14px;color:var(--ds-foreground-pale);font-size:1.06rem}
.whereCard{border-radius:var(--ds-rnd-lg);box-shadow:var(--ds-shade-md);aspect-ratio:4/3;border:1px solid var(--ds-rule-pale);position:relative;overflow:hidden;background:var(--ds-lavender)}
.whereCard.whereAsync{cursor:pointer}
.whereHolder{place-items:center;padding:20px;text-align:center;display:grid;gap:10px;background:linear-gradient(160deg,var(--ds-lavender-x),var(--ds-surface-x));inset:0;position:absolute}
.whereHolder p{color:var(--ds-foreground);font-weight:700}
.whereTack{color:var(--ds-warm);filter:drop-shadow(0 10px 12px rgba(250,74,98,.5))}
.whereTack svg{height:40px;stroke:none;width:40px;fill:currentColor}
.whereCard iframe{border:0;height:100%;width:100%;inset:0;position:absolute}
.whereCard.isOn .whereHolder{display:none}

.hamburger{gap:5px;display:none;cursor:pointer;border:none;z-index:1105;padding:6px;background:none;flex-direction:column}
.hamburger span{background:var(--ds-foreground);border-radius:2px;transition:transform .3s ease,opacity .3s ease;width:26px;height:3px;display:block}
.hamburger.current span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.hamburger.current span:nth-child(2){opacity:0}
.hamburger.current span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
.metric{padding:14px 16px;display:flex;align-items:center;border-radius:var(--ds-rnd-md);gap:12px;border:1px solid var(--ds-rule-pale);background:var(--ds-surface);box-shadow:var(--ds-shade-sm)}
.metricPic{color:var(--ds-pink);width:40px;border-radius:12px;flex:none;height:40px;background:var(--ds-surface-x);place-items:center;display:grid}
.metricPic svg{height:18px;width:18px}
.metricLine dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-subtle)}
.metricLine dd{font-family:var(--ds-font-head);font-weight:800;font-size:.98rem;margin:2px 0 0}
.mark{gap:11px;font-family:var(--ds-font-head);font-weight:800;font-size:1.28rem;letter-spacing:-.02em;display:flex;color:var(--ds-foreground);align-items:center}
.mark:hover{color:var(--ds-foreground)}
.markLogo{align-items:center;justify-content:center;display:inline-flex;color:var(--ds-ondark);height:42px;box-shadow:0 8px 18px -8px rgba(237,79,152,.79);width:42px;background:linear-gradient(135deg,var(--ds-pink),var(--ds-warm) 55%,var(--ds-orange));border-radius:14px;flex-shrink:0}
.markLogo svg{width:22px;height:22px}

.contact{box-shadow:var(--ds-shade-md);background:var(--ds-surface);padding:clamp(24px,3vw,40px);border-radius:var(--ds-rnd-lg);border:1px solid var(--ds-rule-pale)}
.contactUnit{display:grid;margin-bottom:18px;gap:7px}
.contactUnit label{font-weight:700;font-size:.92rem}
.section{padding-block:var(--ds-block-y)}
.sectionOther{background:var(--ds-surface-x)}
:focus-visible{border-radius:6px;outline:3px solid var(--ds-pink);outline-offset:2px}
.path a:hover{color:var(--ds-pink-deep)}

@media (max-width:980px){
  .usersRow{grid-template-columns:repeat(3,1fr)}
  .userRow{grid-template-columns:1fr}
  .userFrame{width:100%;max-width:380px;justify-self:start}
  .userAside{position:static}
  .story,.facts{grid-template-columns:1fr}
  .footerRow{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .bodyLinks{display:none}
  .hamburger{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .asideMob,.linksOverlay{display:none}
}
@media (max-width:600px){
  :root{--ds-block-y:clamp(30px,7vw,48px)}
  .footerRow,.fldRow{grid-template-columns:1fr}
  .usersRow{grid-template-columns:repeat(2,1fr);gap:12px}
  .userBody{padding:16px 10px}
  .offerZone{flex-direction:column;align-items:stretch;padding:32px 24px}
  .offerZone .press{width:100%;white-space:normal}
  .locateContact{flex-direction:column;border-radius:var(--ds-rnd-lg)}
  .locateContact .press{width:100%}
  .sectionUser{padding-top:0}
  .userFrame img{aspect-ratio:1/1;max-height:46vh}
  .userRow{margin-top:0}
  .userAside{display:flex;flex-direction:column;margin-top:14px}
  .userTop{order:1;margin-top:0}
  .userMention{order:2}
  .userSet{order:3;margin-top:16px;gap:10px}
  .userSet .press{flex:1 1 auto}
  .userRail{display:none}
  .userMetrics{order:4}
  .userAside .hook{order:5}
  .factsMetrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .metric{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .metricPic{width:34px;height:34px}
  .metricLine{min-width:0}
  .metricLine dd{font-size:.92rem;overflow-wrap:anywhere}
}