:root{
  --rose-100:#fdecf5;
  --rose-200:#fbdeea;
  --rose-300:#f8c5de;
  --rose-deep:#f5a7c9;
  --lav:#e8e6f5;
  --lav-strong:#dbdbf5;

  --surface:#feffff;
  --surface-strong:#fcf5fa;
  --surface-strong:#ffebee;

  --accent:#ee4c98;
  --accent-deep:#e02f7d;
  --red:#fc5b75;
  --red-strong:#f94c63;
  --tangerine:#fc7a3d;
  --tangerine-strong:#f56c27;
  --crimson:#fe4c5c;
  --indigo:#c7cdf4;

  --text:#2a2332;
  --text-tint:#6b6673;
  --dim:#9b919e;
  --rule:#f3d6e6;

  --invert:#feffff;
  --light:#feffff;
  --go:#30ad67;
  --rule-tint:rgba(254,255,255,.89);
  --surface-back:rgba(254,255,255,.9);
  --shroud:rgba(42,35,50,.48);
  --foot-back:#2a2332;
  --foot:#d6d0db;
  --foot-strong:#feffff;
  --foot-tint:#a89db3;
  --foot-border:rgba(254,255,255,.1);

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

  --sd-sm:0 6px 16px -8px rgba(238,76,152,.34);
  --sd-md:0 18px 38px -18px rgba(238,76,152,.4);
  --sd-lg:0 30px 60px -24px rgba(224,47,125,.42);

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

  --container:1200px;
  --gap:24px;
  --sy:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--type);color:var(--text);line-height:1.6;background:
    radial-gradient(1200px 700px at 85% -8%, var(--rose-300) 0%, transparent 55%),
    radial-gradient(900px 600px at -10% 8%, var(--lav) 0%, transparent 55%),
    linear-gradient(180deg, var(--rose-100) 0%, var(--surface-strong) 40%, var(--rose-100) 100%);
  -webkit-font-smoothing:antialiased;
  background-attachment:fixed;margin:0;
}
img{display:block;max-width:100%}
.ask-note{font-weight:700}
.ask-note-full{color:var(--go)}
.ask-note-shut{color:var(--accent-deep)}
.path a:hover{color:var(--accent-deep)}

.stamp-pill{align-items:center;letter-spacing:.06em;padding:8px 16px;color:var(--accent);font-weight:700;border:1px solid var(--rule);display:inline-flex;gap:8px;background:var(--surface);border-radius:var(--rnd-pill);font-size:.82rem;box-shadow:var(--sd-sm)}
.stamp-pill svg{color:var(--red);height:16px;width:16px}
.notes-cityhall{background:var(--surface);border-radius:var(--rnd-lg);padding:24px;border:1px solid var(--rule-tint);box-shadow:var(--sd-md)}

.ghost{text-align:center;padding-block:clamp(60px,10vw,140px)}
.ghost-idx{font-family:var(--font-head);line-height:.9;font-weight:800;font-size:clamp(6rem,20vw,13rem)}
.ghost-part{gap:14px;justify-content:center;flex-wrap:wrap;display:flex;margin-top:30px}
.hours{margin-top:10px;gap:4px;display:grid}

.seek-ask{display:flex;padding:12px;background:var(--surface);margin:0 auto;border-radius:var(--rnd-pill);border:1px solid var(--rule-tint);gap:12px;box-shadow:var(--sd-md)}
.seek-ask .input{border:none;background:transparent;box-shadow:none;font-size:1.06rem}
.seek-ask .input:focus{box-shadow:none}
.seek-ask+.around{margin-top:40px}

.button{
  padding:14px 26px;text-align:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
  align-items:center;font-weight:700;gap:9px;font-size:1rem;
  border:1.5px solid transparent;border-radius:var(--rnd-pill);display:inline-flex;white-space:nowrap;
  cursor:pointer;
}
.button svg{height:18px;width:18px}
.button-xs{padding:10px 18px;font-size:.9rem}
.button-large{font-size:1.06rem;padding:17px 32px}
.button-wide{width:100%}
.button-go{background:linear-gradient(95deg,var(--tangerine),var(--red) 55%,var(--accent));color:var(--invert);box-shadow:0 14px 26px -12px rgba(249,76,99,.73)}
.button-go:hover{color:var(--invert);box-shadow:0 20px 34px -12px rgba(249,76,99,.84);transform:translateY(-2px)}
.button-secondary{border-color:var(--rule);color:var(--accent);background:var(--surface)}
.button-secondary:hover{color:var(--accent-deep);background:var(--surface-strong);transform:translateY(-2px)}
.button-plain{color:var(--accent-deep);background:var(--light)}
.button-plain:hover{color:var(--accent-deep);box-shadow:var(--sd-md);transform:translateY(-2px)}
.input-row{display:grid;gap:18px;grid-template-columns:1fr 1fr}
.input{background:var(--surface-strong);transition:border-color .16s,box-shadow .16s;padding:13px 16px;width:100%;border-radius:var(--rnd-sm);border:1.5px solid var(--rule);font-family:inherit;color:var(--text);font-size:1rem}
.input:focus{outline:none;box-shadow:0 0 0 3px rgba(238,76,152,.17);border-color:var(--accent)}
textarea.input{min-height:140px;resize:vertical}
ul{padding:0;list-style:none;margin:0}
.guide-zone .path{display:flex}.guide-zone .path li{padding-left:0}.guide-zone .path li::before{display:none}

.around{flex-direction:column;display:flex;gap:32px}
.around-part h2{font-size:1.15rem;margin-bottom:16px;color:var(--text);font-weight:800}
.around-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.around-links a{display:flex;border:1px solid var(--rule);gap:10px;background:var(--surface);padding:13px 16px;box-shadow:var(--sd-sm);font-size:.92rem;font-weight:600;align-items:center;justify-content:space-between;transition:transform .14s,box-shadow .14s,color .14s;color:var(--text);border-radius:var(--rnd-md)}
.around-links a:hover{color:var(--accent-deep);transform:translateY(-3px);box-shadow:var(--sd-md)}
.around-links a .pin{flex:none;place-items:center;color:var(--accent);display:grid}
.around-links a .pin svg{width:16px;height:16px}
.map-box{box-shadow:var(--sd-md);background:var(--lav);border-radius:var(--rnd-lg);position:relative;border:1px solid var(--rule-tint);overflow:hidden;aspect-ratio:4/3}
.map-box.map-lazy{cursor:pointer}
.map-ghost{background:linear-gradient(160deg,var(--lav-strong),var(--surface-strong));gap:10px;place-items:center;inset:0;text-align:center;position:absolute;padding:20px;display:grid}
.map-ghost p{font-weight:700;color:var(--text)}
.map-pin{filter:drop-shadow(0 10px 12px rgba(249,76,99,.48));color:var(--red)}
.map-pin svg{width:40px;height:40px;fill:currentColor;stroke:none}
.map-box iframe{width:100%;position:absolute;height:100%;inset:0;border:0}
.map-box.ready .map-ghost{display:none}
.profile-glint{display:grid;transition:transform .16s,background .16s,color .16s;color:var(--red);box-shadow:var(--sd-sm);cursor:pointer;place-items:center;z-index:2;top:12px;border-radius:50%;background:var(--surface-back);border:none;position:absolute;width:36px;right:12px;height:36px}
.profile-glint svg{height:18px;width:18px}
.profile-glint:hover{transform:scale(1.08)}
.profile-glint.full{color:var(--invert);background:var(--red)}
.profile-glint.full svg{fill:currentColor}
.profile-window-glint{top:14px;width:46px;right:14px;height:46px}
.profile-window-glint svg{width:21px;height:21px}
.profile-inner{padding:16px 18px}
.profile-name{font-family:var(--font-head);font-weight:800;font-size:1.12rem}
.profile-name a{color:inherit;outline-offset:3px;text-decoration:none}
.profile-name a::after{inset:0;z-index:1;position:absolute;content:""}
.profile-name span{color:var(--dim);font-weight:600}
.profile-addr{align-items:center;margin-top:4px;gap:6px;color:var(--text-tint);font-size:.88rem;display:flex}
.profile-addr .pin svg{height:14px;width:14px;color:var(--accent)}
.profile-dm{background:linear-gradient(135deg,var(--accent),var(--red));border-radius:var(--rnd-pill);color:var(--invert);padding:9px 14px;justify-content:center;position:relative;box-shadow:var(--sd-sm);gap:7px;width:100%;display:inline-flex;margin-top:12px;z-index:2;transition:transform .16s ease,box-shadow .16s ease;font-weight:700;align-items:center;font-size:.9rem}
.profile-dm svg{width:16px;height:16px}
.profile-dm:hover{box-shadow:var(--sd-md);transform:translateY(-1px)}
.profile-layout{margin-top:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,52px);align-items:start;display:grid}
.profile-col{min-width:0}
.profile-window{margin:0;border-radius:var(--rnd-lg);position:relative;box-shadow:var(--sd-md);overflow:hidden;background:linear-gradient(160deg,var(--rose-200),var(--lav-strong))}
.profile-window img{height:auto;aspect-ratio:4/5;display:block;width:100%;object-fit:cover}
.profile-ctrl{position:absolute;transition:transform .15s ease,background .15s ease;cursor:pointer;width:44px;place-items:center;transform:translateY(-50%);border-radius:50%;height:44px;display:grid;background:var(--surface-back);color:var(--accent-deep);top:50%;z-index:2;border:none;box-shadow:var(--sd-md)}
.profile-ctrl:hover{background:var(--surface-back);transform:translateY(-50%) scale(1.07)}
.profile-ctrl svg{height:22px;width:22px}
.profile-back{left:12px}
.profile-right{right:12px}
.profile-rail{gap:10px;margin-top:12px;display:flex;flex-wrap:wrap}
.profile-block{aspect-ratio:3/4;padding:0;cursor:pointer;border:2px solid transparent;background:var(--surface-strong);flex:0 0 auto;overflow:hidden;width:72px;box-shadow:var(--sd-sm);transition:transform .15s ease,border-color .15s ease;border-radius:var(--rnd-sm)}
.profile-block img{object-fit:cover;width:100%;height:100%;display:block}
.profile-block:hover{transform:translateY(-2px)}
.profile-block.full{border-color:var(--accent)}
.profile-col [hidden]{display:none!important}
.profile-film{background:#000002;max-height:70vh;object-fit:contain;height:auto;width:100%;display:block}
.profile-block-film{position:relative}
.bar-overlay{background:var(--shroud);visibility:hidden;opacity:0;inset:0;transition:opacity .3s ease;position:fixed;z-index:1090}
.bar-overlay.current{visibility:visible;opacity:1}
.plus-list{gap:10px;display:grid;margin-top:14px}
.plus-list li{position:relative;padding-left:24px;color:var(--text)}
.plus-list li::before{height:10px;border-radius:50%;width:10px;left:0;background:var(--red);position:absolute;top:.5em;content:""}

.wrap{max-width:var(--container);padding-inline:var(--gap);margin-inline:auto}
.zone{padding-block:var(--sy)}
.zone-second{background:var(--surface-strong)}

.web-base{background:var(--foot-back);color:var(--foot)}
.web-base .wrap{padding-block:56px 22px}
.web-base a{color:var(--foot)}
.web-base a:hover{color:var(--foot-strong)}
.path li:not(:last-child)::after{content:"\00203a";color:var(--dim);margin-left:6px}
.path a{color:var(--text-tint)}
.hook{color:var(--text-tint);margin-top:14px;font-size:1.06rem}

.ask{border-radius:var(--rnd-lg);box-shadow:var(--sd-md);background:var(--surface);border:1px solid var(--rule-tint);padding:clamp(24px,3vw,40px)}
.ask-block{display:grid;margin-bottom:18px;gap:7px}
.ask-block label{font-weight:700;font-size:.92rem}
figure{margin:0}
::selection{background:rgba(238,76,152,.2)}
.pretitle{letter-spacing:.1em;margin-bottom:10px;font-weight:800;color:var(--accent);font-size:.8rem;text-transform:uppercase}

.guide{gap:clamp(28px,4vw,56px);display:grid;align-items:center;grid-template-columns:1fr 1fr}
.guide-line>p:not(.pretitle){color:var(--text-tint);margin-top:16px;font-size:1.04rem}
.guide-tagline{color:var(--accent-deep);font-family:var(--font-head);font-size:1.1rem;margin-top:22px;font-weight:800}

.profiles-layout{display:grid;gap:22px;grid-template-columns:repeat(4,1fr)}
.figure{border-radius:var(--rnd-md);border:1px solid var(--rule-tint);gap:12px;box-shadow:var(--sd-sm);align-items:center;padding:14px 16px;display:flex;background:var(--surface)}
.figure-sym{color:var(--accent);place-items:center;display:grid;border-radius:12px;background:var(--surface-strong);width:40px;height:40px;flex:none}
.figure-sym svg{height:18px;width:18px}
.figure-line dt{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--dim)}
.figure-line dd{font-family:var(--font-head);font-weight:800;font-size:.98rem;margin:2px 0 0}

.dm-stamp{color:var(--invert);height:22px;display:grid;min-width:22px;line-height:1;top:-3px;padding:0 6px;box-shadow:var(--sd-sm);font-size:.72rem;background:var(--crimson);place-items:center;right:-3px;position:absolute;border-radius:var(--rnd-pill);border:2px solid var(--surface);font-weight:800}
.dm-stamp[hidden]{display:none}

.guide-zone h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.guide-zone h2{color:var(--accent-deep);font-size:1.35rem;font-weight:800;margin-top:34px}
.guide-zone p{font-size:1.04rem;color:var(--text-tint);margin-top:14px}
.guide-zone p a{font-weight:600}
.guide-zone ul{display:grid;gap:10px;margin-top:14px}
.guide-zone li{position:relative;color:var(--text-tint);padding-left:24px}
.guide-zone li::before{border-radius:50%;background:var(--red);left:0;width:10px;height:10px;top:.5em;position:absolute;content:""}
.guide-support>.wrap>h2{margin-bottom:28px;text-align:center}
.sym-full svg{stroke:none;fill:currentColor}

.burger{z-index:1105;flex-direction:column;gap:5px;border:none;display:none;padding:6px;cursor:pointer;background:none}
.burger span{transition:transform .3s ease,opacity .3s ease;width:26px;height:3px;background:var(--text);border-radius:2px;display:block}
.burger.current span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.burger.current span:nth-child(2){opacity:0}
.burger.current span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
h1,h2,h3,h4{margin:0;color:var(--text);font-family:var(--font-head);letter-spacing:-.01em;line-height:1.12}
.bar-entry{font-weight:600;transition:background .18s,color .18s;font-size:.96rem;padding:9px 14px;color:var(--text);border-radius:var(--rnd-pill)}
.bar-entry:hover{color:var(--accent-deep);background:var(--surface-strong)}
.bar-glint{cursor:pointer;display:inline-flex;color:var(--text);position:relative;padding:9px 12px;text-decoration:none;font-weight:600;border:none;border-radius:var(--rnd-pill);align-items:center;background:none;font-size:.96rem;transition:background .18s ease,color .18s ease;gap:7px}
.bar-glint:hover{color:var(--accent-deep);background:var(--surface-strong)}
.bar-glint svg{width:20px;color:var(--accent);height:20px}
.bar-glint:hover svg{color:var(--accent-deep)}
.bar-glint-line{white-space:nowrap}
.bar-glint .dm-stamp{position:static;top:auto;right:auto}
.bar-glint-small{align-items:center;border:none;font-weight:600;border-bottom:1px solid var(--rule);color:var(--text);cursor:pointer;width:100%;padding:14px 2px;background:none;font-size:15px;gap:9px;text-align:left;text-decoration:none;display:flex}
.bar-glint-small:hover{color:var(--accent-deep)}
.bar-glint-small svg{color:var(--accent);width:18px;height:18px}
.film-window{height:100%;display:block;width:100%;pointer-events:none;object-fit:cover;background:#000002}
.film-led{position:absolute;box-shadow:var(--sd-sm);color:#feffff;place-items:center;transform:translate(-50%,-50%);line-height:1;display:grid;pointer-events:none;top:50%;padding-left:2px;width:28px;left:50%;height:28px;font-size:.64rem;background:rgba(0,0,2,.53);border-radius:50%}
.film-stamp{box-shadow:var(--sd-sm);z-index:2;font-weight:700;border-radius:var(--rnd-pill);color:#feffff;bottom:12px;padding:5px 9px;display:inline-flex;position:absolute;gap:4px;left:12px;align-items:center;font-size:.7rem;background:rgba(0,0,2,.63);letter-spacing:.02em}
.profile-box{position:relative;background:var(--surface);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--sd-md);border-radius:var(--rnd-lg);border:1px solid var(--rule-tint)}
.profile-box:hover{box-shadow:var(--sd-lg);transform:translateY(-6px)}
.profile-face{position:relative;background:linear-gradient(160deg,var(--rose-200),var(--lav-strong));aspect-ratio:1/1;overflow:hidden}
.profile-face img{display:block;width:100%;height:100%;object-fit:cover}
.profile-stamp{padding:5px 10px;align-items:center;gap:6px;top:12px;z-index:2;position:absolute;border-radius:var(--rnd-pill);display:inline-flex;left:12px;box-shadow:var(--sd-sm);font-weight:700;font-size:.72rem;background:var(--surface-back);color:var(--go)}

.web-header{position:sticky;z-index:60;top:0;border-bottom:1px solid var(--rule);background:var(--surface)}
.web-header-inner{gap:20px;display:flex;padding-block:12px;min-height:74px;justify-content:space-between;align-items:center}
.support-block{box-shadow:var(--sd-sm);border-radius:var(--rnd-md);background:var(--surface);border:1px solid var(--rule);overflow:hidden;margin-bottom:14px}
.support-block summary{display:flex;cursor:pointer;justify-content:space-between;font-family:var(--font-head);font-weight:800;list-style:none;padding:20px 22px;color:var(--text);align-items:center;font-size:1.05rem;gap:16px}
.support-block summary::-webkit-details-marker{display:none}
.support-block summary::after{width:30px;display:grid;place-items:center;font-size:1.2rem;height:30px;flex:none;border-radius:50%;color:var(--accent);background:var(--surface-strong);transition:transform .25s ease;content:"+"}
.support-block[open] summary::after{color:var(--invert);background:var(--accent);transform:rotate(45deg)}
.support-ans{padding:0 22px 20px;color:var(--text-tint)}
.guide-line .button{margin-top:26px}
.aside-small{padding:84px 22px 22px;overflow-y:auto;top:0;box-shadow:-6px 0 30px rgba(42,35,50,.22);transition:right .3s ease;background:var(--surface);width:80%;right:-100%;z-index:1100;height:100vh;max-width:320px;height:100dvh;position:fixed}
.aside-small.current{right:0}
.aside-small nav{flex-direction:column;display:flex}
.aside-small a:not(.button){padding:14px 2px;border-bottom:1px solid var(--rule);font-weight:600;font-size:15px;color:var(--text)}
.aside-small a:not(.button):hover{color:var(--accent-deep)}
.aside-small a.button{margin-top:22px}
.path{justify-content:flex-start;font-size:.86rem;color:var(--dim);display:flex;margin-bottom:14px;gap:6px;flex-wrap:wrap}
.led{color:var(--go);line-height:1;font-size:.6rem}
.intro-head{text-align:center;margin:0 auto 44px;max-width:640px}
.ttl{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}
.label,.bar-entry,.aside-small a,.button,.path a,.web-base a,.around-links a,.profile-dm{text-decoration:none}

.ask-frame{max-width:640px}
.ask-ghost{left:-9999px;height:1px;position:absolute;overflow:hidden;width:1px}

.screen-banner{padding-block:clamp(40px,6vw,80px) 20px}
.screen-banner h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.screen-banner p{font-size:1.08rem;color:var(--text-tint);margin:16px auto 0}
.pop{background:linear-gradient(92deg,var(--accent),var(--red) 60%,var(--tangerine));-webkit-background-clip:text;color:transparent;background-clip:text}
button{font-family:inherit}
.label{font-family:var(--font-head);color:var(--text);letter-spacing:-.02em;display:flex;align-items:center;font-weight:800;gap:11px;font-size:1.28rem}
.label:hover{color:var(--text)}
.label-icon{border-radius:14px;height:42px;background:linear-gradient(135deg,var(--accent),var(--red) 55%,var(--tangerine));width:42px;justify-content:center;color:var(--invert);display:inline-flex;flex-shrink:0;box-shadow:0 8px 18px -8px rgba(238,76,152,.8);align-items:center}
.label-icon svg{height:22px;width:22px}
.legal{margin-top:34px;padding-top:22px;font-size:.86rem;border-top:1px solid var(--foot-border);color:var(--foot-tint)}
.base-layout{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
.base-label{align-items:center;margin-bottom:12px;font-family:var(--font-head);font-weight:800;color:var(--foot-strong);display:flex;gap:10px;font-size:1.2rem}
.base-col>p:not(.base-name){font-size:.94rem;max-width:34ch;color:var(--foot-tint)}
.base-name{color:var(--foot-strong);font-size:1rem;margin-bottom:14px;font-weight:800}
.base-links{gap:10px;display:grid;font-size:.94rem}
.cityhall-name{font-family:var(--font-head);font-weight:800;margin-bottom:14px}
.cityhall-row{font-size:.94rem;align-items:flex-start;color:var(--text-tint);gap:10px;margin-top:10px;display:flex}
.cityhall-row .pin{flex:none;color:var(--accent)}
.cityhall-row .pin svg{height:16px;width:16px}
.slot{justify-content:space-between;color:var(--text-tint);display:flex;font-size:.9rem;gap:12px}

.offer-panel{gap:30px;box-shadow:var(--sd-lg);overflow:hidden;align-items:center;position:relative;flex-wrap:wrap;color:var(--invert);padding:clamp(38px,5vw,64px);display:flex;background:linear-gradient(100deg,var(--accent-deep),var(--red) 60%,var(--tangerine));border-radius:var(--rnd-xl);justify-content:space-between}
.offer-deco{position:absolute;right:-90px;border-radius:50%;background:rgba(254,255,255,.13);top:-120px;height:320px;width:320px}
.offer-line{position:relative;z-index:2}
.offer-line h2{max-width:16ch;color:var(--invert)}
.offer-line p{margin-top:10px;max-width:46ch;color:rgba(254,255,255,.9)}
.offer-panel .button{z-index:2;position:relative}
.core-bar{margin-left:auto;align-items:center;gap:8px;display:flex}

.dock-offer{position:fixed;padding:20px;z-index:80;border-radius:var(--rnd-lg);border:1px solid var(--rule-tint);right:22px;max-width:calc(100vw - 44px);box-shadow:var(--sd-lg);bottom:22px;width:300px;background:var(--surface)}
.dock-x{border-radius:50%;top:12px;width:28px;position:absolute;height:28px;display:grid;cursor:pointer;line-height:1;color:var(--text-tint);font-size:1.1rem;padding:0;background:var(--surface-strong);border:none;place-items:center;right:12px}
.dock-x:hover{background:var(--accent);color:var(--invert)}
.dock-name{padding-right:26px;font-family:var(--font-head);font-weight:800;font-size:1.04rem}
.dock-line{color:var(--text-tint);margin-top:4px;margin-bottom:14px;font-size:.86rem}
.dock-trigger{position:fixed;width:60px;display:none;right:22px;cursor:pointer;color:var(--invert);z-index:80;height:60px;background:linear-gradient(135deg,var(--accent),var(--red));align-items:center;border-radius:50%;border:none;justify-content:center;bottom:22px;box-shadow:var(--sd-lg)}
.dock-trigger svg{fill:currentColor;height:26px;width:26px;stroke:none}
p{margin:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}

.notes{grid-template-columns:1.2fr 1fr;align-items:start;display:grid;gap:clamp(28px,4vw,48px)}
.notes-figures{gap:16px;display:grid;grid-template-columns:1fr 1fr}
.profile-film-start{cursor:pointer;height:78px;border-radius:50%;border:none;top:50%;transform:translate(-50%,-50%);line-height:1;box-shadow:var(--sd-md);left:50%;padding-left:6px;display:grid;transition:transform .15s ease,background .15s ease;color:#feffff;position:absolute;z-index:3;place-items:center;background:rgba(0,0,2,.48);font-size:1.9rem;width:78px}
.profile-film-start:hover{background:rgba(0,0,2,.7);transform:translate(-50%,-50%) scale(1.07)}
.profile-aside{top:96px;position:sticky}
.profile-intro{margin-top:14px;flex-wrap:wrap;display:flex;gap:12px;align-items:center}
.profile-intro .stamp-pill{flex:none}
.profile-hook{font-family:var(--font-head);font-weight:800;line-height:1.1;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.profile-hook span{font-weight:600;color:var(--dim);font-size:.62em}
.profile-note{display:flex;font-size:1.02rem;align-items:center;gap:7px;margin-top:10px;color:var(--text-tint)}
.profile-note .pin svg{height:18px;color:var(--accent);width:18px}
.profile-note a{border-bottom:1px solid transparent;transition:border-color .15s ease;color:var(--accent-deep);font-weight:600;text-decoration:none}
.profile-note a:hover{border-bottom-color:currentColor}
.profile-figures{gap:8px;margin-top:16px;flex-wrap:wrap;display:flex}
.profile-aside .hook{margin-top:18px}
.profile-list{display:flex;margin-top:24px;gap:12px;flex-wrap:wrap}
svg{display:block}

@media (max-width:980px){
  .profiles-layout{grid-template-columns:repeat(3,1fr)}
  .profile-layout{grid-template-columns:1fr}
  .profile-window{width:100%;max-width:380px;justify-self:start}
  .profile-aside{position:static}
  .guide,.notes{grid-template-columns:1fr}
  .base-layout{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .core-bar{display:none}
  .burger{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .aside-small,.bar-overlay{display:none}
}
@media (max-width:600px){
  :root{--sy:clamp(30px,7vw,48px)}
  .base-layout,.input-row{grid-template-columns:1fr}
  .profiles-layout{grid-template-columns:repeat(2,1fr);gap:12px}
  .profile-inner{padding:16px 10px}
  .offer-panel{flex-direction:column;align-items:stretch;padding:32px 24px}
  .offer-panel .button{width:100%;white-space:normal}
  .seek-ask{flex-direction:column;border-radius:var(--rnd-lg)}
  .seek-ask .button{width:100%}
  .zone-profile{padding-top:0}
  .profile-window img{aspect-ratio:1/1;max-height:46vh}
  .profile-layout{margin-top:0}
  .profile-aside{display:flex;flex-direction:column;margin-top:14px}
  .profile-intro{order:1;margin-top:0}
  .profile-note{order:2}
  .profile-list{order:3;margin-top:16px;gap:10px}
  .profile-list .button{flex:1 1 auto}
  .profile-rail{display:none}
  .profile-figures{order:4}
  .profile-aside .hook{order:5}
  .notes-figures{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .figure{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .figure-sym{width:34px;height:34px}
  .figure-line{min-width:0}
  .figure-line dd{font-size:.92rem;overflow-wrap:anywhere}
}