:root{
  --outer:#F6EDF0; --ground:#FFFFFF; --soft:#FBF5F7; --blush:#F7E4EC; --line:#EEDFE5;
  --ink:#2A1621; --muted:#76606B; --pink:#E0297F; --pink-deep:#B8155F; --mint:#2FB673; --mint-soft:#E3F6EC;
  --plum:#2A1621; --on-plum:#FBEFF4; --on-plum-muted:#C9AEBB;
  --sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
  --r-lg:28px; --r-md:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--outer);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,p{margin:0}
h1,h2{font-weight:600;letter-spacing:-.035em;text-wrap:balance}
h2{font-size:clamp(32px,4.4vw,52px);line-height:1.05}
h3{font-size:18px;font-weight:600;letter-spacing:-.01em}
em.s{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.muted{color:var(--muted)}
:focus-visible{outline:2px solid var(--pink);outline-offset:3px;border-radius:6px}

.frame{max-width:1320px;margin:14px auto;background:var(--ground);border-radius:34px;overflow:hidden}
@media (max-width:700px){.frame{margin:0;border-radius:0}}
.wrap{padding-inline:clamp(16px,3.4vw,44px)}
section{padding-block:clamp(56px,8vw,104px)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.eyebrow::before{content:"";width:22px;height:1.5px;background:currentColor}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 40px;margin-bottom:40px}
.head p{max-width:46ch}
.head h2{margin-top:14px}

.btn{display:inline-flex;align-items:center;gap:12px;padding:8px 8px 8px 22px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid transparent;transition:transform .2s,background .2s;cursor:pointer;white-space:nowrap}
.btn .ar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:#fff;transition:transform .2s}
.btn:hover .ar{transform:rotate(-45deg)}
.btn-dark{background:var(--ink);color:#fff}
.btn-light{background:#fff;color:var(--ink)}
.btn-line{background:transparent;border-color:var(--line);color:var(--ink)}
.btn-line .ar{background:var(--blush);color:var(--pink-deep)}

/* nav */
.nav{position:sticky;top:0;z-index:30;padding:14px clamp(16px,3.4vw,44px);background:rgba(255,255,255,.86);backdrop-filter:blur(14px)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo img{height:46px;width:auto}
.links{display:flex;gap:4px;padding:5px;border-radius:999px;background:var(--soft);border:1px solid var(--line)}
.links a{padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500;text-decoration:none;color:var(--muted)}
.links a:hover{background:#fff;color:var(--ink)}
.nav .phone{font-weight:600;font-size:14px;text-decoration:none;margin-right:6px}
.nav-r{display:flex;align-items:center;gap:10px}
@media (max-width:1020px){.links{display:none}}
@media (max-width:560px){.nav .phone{display:none}.logo img{height:38px}}

/* hero */
.hero{padding:0 clamp(10px,1.6vw,20px)}
.hero-card{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:clamp(560px,72vh,720px);display:flex;align-items:flex-end;color:#fff;isolation:isolate}
.hero-card > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;z-index:-2}
.hero-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,rgba(42,22,33,.82) 0%,rgba(42,22,33,.55) 38%,rgba(42,22,33,.05) 70%),linear-gradient(0deg,rgba(42,22,33,.5),transparent 45%)}
.hero-in{width:100%;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;padding:clamp(28px,4.4vw,56px)}
.pill{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 7px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);font-size:13px;font-weight:600}
.pill i{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#FFD7B5 0,#FF5A3C 50%,#B0123E 100%);box-shadow:0 0 16px 3px rgba(255,90,60,.6)}
.hero h1{font-size:clamp(46px,7.2vw,96px);line-height:.95;margin:22px 0 20px;max-width:10.5ch}
.hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:#FFB9D6}
.hero p.lead{max-width:48ch;font-size:17px;color:rgba(255,255,255,.86);margin-bottom:28px}
.cta{display:flex;flex-wrap:wrap;gap:10px}
.hero .btn-line{border-color:rgba(255,255,255,.4);color:#fff}
.hero .btn-line .ar{background:rgba(255,255,255,.18);color:#fff}
.stats{display:grid;gap:18px;text-align:right}
.stats b{display:block;font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.03em;line-height:1}
.stats span{font-size:13px;color:rgba(255,255,255,.78)}
@media (max-width:860px){.hero-in{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr);text-align:left}}

/* strip under hero */
.strip{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;padding:12px clamp(10px,1.6vw,20px) 0}
@media (max-width:900px){.strip{grid-template-columns:1fr}}
.tile{border-radius:var(--r-md);background:var(--soft);border:1px solid var(--line);padding:22px 24px;display:flex;gap:16px;align-items:center}
.tile .ic{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--pink)}
.tile small{display:block;font-size:12px;color:var(--muted);font-weight:500}
.tile strong{font-weight:600;font-size:15.5px;line-height:1.35;display:block}
.stars{color:#F2A33A;letter-spacing:1px;font-size:13px}

/* firefly intro */
.ff{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
@media (max-width:900px){.ff{grid-template-columns:1fr}}
.ff-img{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/4.4;max-width:100%}
.ff-img img{width:100%;height:100%;object-fit:cover}
.float{position:absolute;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-radius:16px;padding:12px 16px;display:flex;gap:12px;align-items:center;font-size:13px;box-shadow:0 12px 30px -12px rgba(42,22,33,.35)}
.float b{display:block;font-size:14px}
.float .dot{width:10px;height:10px;border-radius:50%}
.f1{left:16px;bottom:16px}.f2{right:16px;top:16px}
.waves{display:grid;gap:10px;margin:28px 0}
.wave{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--soft);border:1px solid var(--line)}
.wave .sw{width:44px;height:44px;border-radius:12px}
.wave p{font-size:14.5px;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{padding:7px 14px;border-radius:999px;background:var(--mint-soft);color:#17774A;font-size:13.5px;font-weight:500}

/* sessions */
.sessions{background:var(--soft);border-block:1px solid var(--line)}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:980px){.sgrid{grid-template-columns:1fr}}
.sess{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:28px;display:flex;flex-direction:column;gap:14px}
.sess.feat{background:var(--plum);color:var(--on-plum);border-color:var(--plum)}
.sess.feat .muted,.sess.feat li{color:var(--on-plum-muted)}
.sess .top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tag{font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--blush);color:var(--pink-deep)}
.sess.feat .tag{background:var(--pink);color:#fff}
.dur{font-size:13px;font-weight:600;color:var(--muted)}
.sess.feat .dur{color:var(--on-plum-muted)}
.price{font-size:52px;font-weight:600;letter-spacing:-.04em;line-height:1}
.price small{font-size:15px;font-weight:500;letter-spacing:0;color:var(--muted);margin-left:6px}
.sess.feat .price small{color:var(--on-plum-muted)}
.sess ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:14.5px;color:var(--muted)}
.sess li{display:flex;gap:10px}
.sess li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--mint-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317774A' stroke-width='3'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.sess .btn{margin-top:auto;align-self:flex-start}
.fscan{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-radius:var(--r-md);background:#fff;border:1px dashed #E3C7D3}
.fscan b{font-size:22px;letter-spacing:-.02em}

/* memberships */
.mem{background:var(--plum);color:var(--on-plum);border-radius:var(--r-lg);margin:0 clamp(10px,1.6vw,20px);padding:clamp(32px,5vw,64px)}
.mem .eyebrow{color:var(--on-plum-muted)}
.mem .head p{color:var(--on-plum-muted)}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:820px){.mgrid{grid-template-columns:1fr}}
.plan{border:1px solid rgba(255,255,255,.14);border-radius:var(--r-md);padding:26px;display:grid;gap:6px;background:rgba(255,255,255,.04)}
.plan.hot{background:linear-gradient(150deg,var(--pink),#8E1452);border-color:transparent}
.plan small{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--on-plum-muted)}
.plan.hot small{color:#FFD3E6}
.plan .amt{font-size:46px;font-weight:600;letter-spacing:-.04em;line-height:1.05;margin-top:8px}
.plan .amt span{font-size:15px;font-weight:500;letter-spacing:0;opacity:.75}
.plan p{color:var(--on-plum-muted);font-size:15px}
.plan.hot p{color:#FFE3EF}
.mem .note{margin-top:22px;font-size:13px;color:var(--on-plum-muted)}

/* add-ons bento */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:12px}
.card{position:relative;border-radius:var(--r-md);overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:20px;text-decoration:none;isolation:isolate;background:var(--blush)}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.card:hover img{transform:scale(1.04)}
.card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(42,22,33,.35),transparent 35%,transparent 55%,rgba(42,22,33,.7))}
.card h3{font-size:20px}
.card .row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.card .from{font-size:13px;font-weight:600;background:rgba(255,255,255,.9);color:var(--ink);padding:7px 12px;border-radius:999px}
.card .go{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center}
.c-tall{grid-row:span 2}.c-wide{grid-column:span 2}
@media (max-width:980px){.bento{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.bento{grid-template-columns:1fr;grid-auto-rows:220px}.c-tall{grid-row:span 1}.c-wide{grid-column:span 1}}

/* menu tabs */
.menu{margin-top:48px;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,3vw,36px);background:var(--soft)}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.tabs button{font:600 14px var(--sans);padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.list{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
@media (max-width:760px){.list{grid-template-columns:1fr}}
.item{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:16px 0;border-bottom:1px solid var(--line)}
.item b{font-weight:600}
.item .p{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.item .p small{display:block;font-weight:500;color:var(--muted);font-size:12.5px}
.item p{grid-column:1/-1;font-size:14px;color:var(--muted);max-width:62ch}
.menu .fine{margin-top:18px;font-size:13px;color:var(--muted)}

/* about */
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
@media (max-width:900px){.about{grid-template-columns:1fr}}
.about-img{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:5/4.4;max-width:100%}
.about-img img{width:100%;height:100%;object-fit:cover}
.quote{position:absolute;left:16px;right:16px;bottom:16px;max-width:380px;background:rgba(255,255,255,.94);border-radius:16px;padding:16px 18px;font-size:15px;font-weight:500;color:var(--ink)}
.quote small{display:block;margin-top:6px;font-size:12.5px;color:var(--muted);font-weight:500}
.checks{display:grid;gap:12px;margin:26px 0 30px}
.checks div{display:flex;gap:12px;align-items:center;font-weight:500}
.checks i{flex:none;width:30px;height:30px;border-radius:10px;background:var(--blush);display:grid;place-items:center;color:var(--pink);font-style:normal}
.team{display:flex;flex-wrap:wrap;gap:12px}
.mate{display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;border-radius:999px;border:1px solid var(--line)}
.mate img,.mate .av{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--blush);display:grid;place-items:center;font-weight:600;color:var(--pink-deep);font-size:14px}
.mate b{display:block;font-size:14px;line-height:1.2}
.mate small{font-size:12px;color:var(--muted)}

/* reviews */
.rev{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:900px){.rev{grid-template-columns:1fr}}
.r{border-radius:var(--r-md);padding:26px;background:var(--soft);border:1px solid var(--line);display:flex;flex-direction:column;gap:18px}
.r p{font-size:19px;line-height:1.45;letter-spacing:-.01em;font-weight:500}
.r footer{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.r footer .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--blush);color:var(--pink-deep);font-size:13px}

/* visit */
.visit{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;padding:0 clamp(10px,1.6vw,20px)}
@media (max-width:900px){.visit{grid-template-columns:1fr}}
.v-img{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:420px;color:#fff;display:flex;align-items:flex-end;padding:clamp(24px,4vw,48px);isolation:isolate}
.v-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.v-img::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(42,22,33,.86) 0%,rgba(42,22,33,.68) 45%,rgba(42,22,33,.32) 100%),linear-gradient(0deg,rgba(42,22,33,.55),transparent 60%)}
.v-img h2{max-width:14ch}
.v-card{border-radius:var(--r-lg);background:var(--blush);padding:clamp(24px,4vw,44px);display:flex;flex-direction:column;gap:22px}
.addr{font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.03em;line-height:1.2}
dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:12px 22px}
dt{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:3px}
dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.gfe{font-size:13.5px;color:var(--muted);border-top:1px solid #EBCBD8;padding-top:18px}

footer.site{padding:40px clamp(16px,3.4vw,44px);display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--muted)}
footer.site img{height:38px;width:auto}
footer.site nav{display:flex;flex-wrap:wrap;gap:18px}
footer.site a{text-decoration:none}
.disc{padding:0 clamp(16px,3.4vw,44px) 36px;font-size:12.5px;color:var(--muted);max-width:90ch}

/* entrance (on load) + scroll reveal (class set by site.js) */
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes settle{from{scale:1.06}to{scale:1}}
.hero-in > div > *,.stats > *,.phero-in > *,.page-intro > *,.strip > *{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.hero-in > div > :nth-child(2),.phero-in > :nth-child(2),.page-intro > :nth-child(2),.strip > :nth-child(1){animation-delay:.08s}
.hero-in > div > :nth-child(3),.phero-in > :nth-child(3),.page-intro > :nth-child(3),.strip > :nth-child(2){animation-delay:.16s}
.hero-in > div > :nth-child(4),.phero-in > :nth-child(4),.page-intro > :nth-child(4),.strip > :nth-child(3){animation-delay:.24s}
.hero-in > div > :nth-child(5),.phero-in > :nth-child(5),.page-intro > :nth-child(5){animation-delay:.32s}
.stats > :nth-child(1){animation-delay:.3s}.stats > :nth-child(2){animation-delay:.4s}.stats > :nth-child(3){animation-delay:.5s}
.hero-card > img,.phero > img{animation:settle 1.6s cubic-bezier(.2,.7,.2,1) both}
/* scroll-linked motion: site.js sets --p (0 = apart, 1 = in place) and --dx (-1 from left .. 1 from right) */
.sx{--q:calc(1 - var(--p,1));transform:translate3d(calc(var(--dx,0) * var(--q) * 90px),calc(var(--q) * 60px),0) scale(calc(1 - var(--q) * .08)) rotate(calc(var(--dx,0) * var(--q) * 2deg));opacity:clamp(0,calc(var(--p,1) * 1.6 - .1),1);transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s linear;will-change:transform,opacity}
.px{scale:1.12;transition:translate .35s cubic-bezier(.2,.7,.2,1);will-change:translate}
.stats .st-md b{font-size:clamp(22px,2.3vw,30px);line-height:1.05;max-width:7.5ch;margin-left:auto}
@media (max-width:860px){.stats .st-md b{margin-left:0;font-size:clamp(18px,4.6vw,26px)}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.sx{transform:none!important;opacity:1!important}.px{scale:none;translate:none!important}}

/* ===== multi-page additions ===== */
.links a[aria-current],.dd-btn[aria-current]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(42,22,33,.08)}
.dd{position:relative}
.dd-btn{font:500 14px var(--sans);padding:8px 16px;border-radius:999px;border:0;background:transparent;color:var(--muted);cursor:pointer}
.dd-btn:hover{background:#fff;color:var(--ink)}
.dd-menu{position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%,6px);width:330px;padding:8px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 50px -20px rgba(42,22,33,.35);display:grid;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}
.dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.dd:hover .dd-menu,.dd.open .dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dd-menu a{padding:10px 14px;border-radius:12px;text-decoration:none;display:grid;color:var(--ink)}
.dd-menu a:hover,.dd-menu a[aria-current]{background:var(--soft)}
.dd-menu a b{font-weight:600;font-size:14px}
.dd-menu a small{font-size:12.5px;color:var(--muted)}
.dd-sep{height:1px;background:var(--line);margin:6px 10px}

.mnav{display:none;position:relative}
.mnav summary{list-style:none;cursor:pointer;width:46px;height:46px;border-radius:50%;background:var(--soft);border:1px solid var(--line);display:grid;place-content:center;gap:5px}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s}
.mnav[open] summary span:first-child{transform:translateY(3.5px) rotate(45deg)}
.mnav[open] summary span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mnav-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(300px,calc(100vw - 32px));max-height:75vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px;display:grid;box-shadow:0 24px 50px -20px rgba(42,22,33,.35)}
.mnav-panel a{padding:12px 14px;border-radius:12px;text-decoration:none;font-weight:500}
.mnav-panel a[aria-current],.mnav-panel a:hover{background:var(--soft)}
.mnav-panel .mnav-book{background:var(--ink);color:#fff;text-align:center;margin-top:6px;font-weight:600}
@media (max-width:1020px){.mnav{display:block}}
@media (max-width:560px){.nav-r > .btn{display:none}}

/* page hero */
.phero-wrap{padding:0 clamp(10px,1.6vw,20px)}
.phero{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:clamp(420px,56vh,540px);display:flex;align-items:flex-end;color:#fff;isolation:isolate}
.phero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.phero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,rgba(42,22,33,.85) 0%,rgba(42,22,33,.55) 42%,rgba(42,22,33,.08) 75%),linear-gradient(0deg,rgba(42,22,33,.45),transparent 50%)}
.phero-in{padding:clamp(26px,4.4vw,56px);max-width:760px}
.phero h1{font-size:clamp(40px,6vw,76px);line-height:.98;margin:18px 0 16px}
.phero h1 em,.page-intro h1 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.phero h1 em{color:#FFB9D6}
.phero .lead{max-width:52ch;font-size:17px;color:rgba(255,255,255,.86);margin-bottom:26px}
.phero .btn-line,.btn-line-w{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}
.phero .btn-line .ar,.btn-line-w .ar{background:rgba(255,255,255,.18);color:#fff}
.crumb{display:flex;gap:8px;font-size:13px;color:rgba(255,255,255,.75);margin-bottom:18px}
.crumb a{text-decoration:none}.crumb a:hover{color:#fff}
.crumb b{color:#fff;font-weight:600}

/* plain intro (blog etc.) */
.page-intro{padding:clamp(40px,6vw,72px) clamp(16px,3.4vw,44px) clamp(20px,3vw,36px)}
.page-intro .crumb{color:var(--muted)}.page-intro .crumb b{color:var(--ink)}
.page-intro h1{font-size:clamp(40px,6vw,76px);line-height:.98;margin:14px 0 16px;max-width:16ch}
.page-intro h1 em{color:var(--pink)}
.page-intro p{max-width:58ch;color:var(--muted);font-size:17px}

/* service rows */
.svcs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:820px){.svcs{grid-template-columns:1fr}}
.svc{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:start;padding:22px 24px;border-radius:var(--r-md);background:#fff;border:1px solid var(--line)}
.svc-t{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.svc-t .dur{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--muted)}
.svc-p{font-weight:600;font-size:18px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.svc p{grid-column:1/-1;font-size:14.5px;color:var(--muted)}
.soft-sec{background:var(--soft);border-block:1px solid var(--line)}

/* split media */
.split2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.split2.rev > :first-child{order:2}
@media (max-width:900px){.split2{grid-template-columns:1fr}.split2.rev > :first-child{order:0}}
.media{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:5/4.4;max-width:100%}
.media img{width:100%;height:100%;object-fit:cover}
.prose-s p+p{margin-top:14px}
.prose-s p{color:var(--muted)}
.list-check{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.list-check li{display:flex;gap:12px;font-weight:500}
.list-check li::before{content:"✓";flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--blush);color:var(--pink);font-size:13px;font-weight:700}

/* info cards */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cards2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:900px){.cards3{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.cards3,.cards2{grid-template-columns:1fr}}
.icard{padding:26px;border-radius:var(--r-md);background:var(--soft);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.icard .ic{width:44px;height:44px;border-radius:14px;background:#fff;display:grid;place-items:center;color:var(--pink);font-weight:700}
.icard p{font-size:14.5px;color:var(--muted)}
.step-n{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--pink)}

/* faq */
.faq{display:grid;gap:10px;max-width:880px}
.faq details{border:1px solid var(--line);border-radius:18px;background:#fff;padding:0 22px}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font-weight:600;font-size:16.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{flex:none;width:30px;height:30px;border-radius:50%;background:var(--blush);color:var(--pink-deep);display:grid;place-items:center;font-size:18px;transition:transform .2s}
.faq details[open] summary span{transform:rotate(45deg)}
.faq details p{padding:0 0 20px;color:var(--muted);max-width:68ch}

/* cta band */
.cta-wrap{padding:0 clamp(10px,1.6vw,20px) clamp(20px,3vw,32px)}
.cta-band{min-height:380px}
.gfe-note{margin-top:22px;padding:18px 22px;border-radius:16px;background:var(--blush);font-size:14px;color:var(--muted);max-width:880px}
.gfe-note b{color:var(--ink)}

/* team */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:900px){.tgrid{grid-template-columns:1fr}}
.tcard{border-radius:var(--r-md);overflow:hidden;background:var(--soft);border:1px solid var(--line);display:flex;flex-direction:column}
.tcard .ph{position:relative;overflow:hidden;aspect-ratio:4/4.2;max-width:100%;background:var(--blush);display:grid;place-items:center;font:400 72px/1 var(--serif);color:var(--pink-deep)}
.tcard .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.tcard .bd{padding:22px 24px 26px;display:grid;gap:6px}
.tcard .role{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pink)}
.tcard p{font-size:14.5px;color:var(--muted)}

/* blog */
.posts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media (max-width:760px){.posts{grid-template-columns:1fr}}
.post{border-radius:var(--r-md);overflow:hidden;background:var(--soft);border:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column}
.post .ph{aspect-ratio:16/10;max-width:100%;overflow:hidden}
.post .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.post:hover .ph img{transform:scale(1.04)}
.post .bd{padding:22px 24px 26px;display:grid;gap:10px}
.post .meta{font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:.04em}
.post h3{font-size:21px;line-height:1.25;letter-spacing:-.02em}
.post p{font-size:14.5px;color:var(--muted)}
.post.feat{grid-column:1/-1;flex-direction:row}
.post.feat .ph{flex:1.2;aspect-ratio:auto;min-height:340px}
.post.feat .bd{flex:1;align-content:center;padding:36px}
.post.feat h3{font-size:clamp(24px,2.6vw,32px)}
@media (max-width:760px){.post.feat{flex-direction:column}.post.feat .ph{min-height:220px}}
.article{max-width:760px;margin:0 auto}
.article .cover{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/9;max-width:100%;margin-bottom:40px}
.article .cover img{width:100%;height:100%;object-fit:cover}
.prose{font-size:17.5px;line-height:1.75;color:#3F2A35}
.prose h2{font-size:clamp(24px,2.6vw,30px);letter-spacing:-.025em;line-height:1.2;margin:40px 0 12px;color:var(--ink)}
.prose p{margin:0 0 18px}
.prose ul{margin:0 0 20px;padding-left:0;list-style:none;display:grid;gap:8px}
.prose li{padding-left:28px;position:relative}
.prose li::before{content:"";position:absolute;left:4px;top:.7em;width:9px;height:9px;border-radius:50%;background:var(--pink)}
.prose .sign{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--pink-deep);margin-top:28px}
.post-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}

/* products */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:900px){.pgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pgrid{grid-template-columns:1fr}}
.prod{border-radius:var(--r-md);overflow:hidden;background:var(--soft);border:1px solid var(--line);display:flex;flex-direction:column}
.prod .ph{aspect-ratio:1;max-width:100%;background:#fff;display:grid;place-items:center;padding:24px}
.prod .ph img{max-height:100%;object-fit:contain}
.prod .bd{padding:22px 24px 26px;display:grid;gap:8px}
.prod .tag{justify-self:start}
.prod p{font-size:14.5px;color:var(--muted)}

/* contact */
.cgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px;padding:0 clamp(10px,1.6vw,20px)}
@media (max-width:900px){.cgrid{grid-template-columns:1fr}}
.form{border-radius:var(--r-lg);background:var(--soft);border:1px solid var(--line);padding:clamp(24px,4vw,44px);display:grid;gap:16px;align-content:start}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.form .row2{grid-template-columns:1fr}}
.form label{display:grid;gap:6px;font-size:14px;font-weight:600}
.form input,.form select,.form textarea{font:inherit;font-size:16px;font-weight:400;padding:13px 16px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);width:100%}
.form textarea{min-height:130px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--pink);outline-offset:1px;border-color:transparent}
.form .note{font-size:13px;color:var(--muted)}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form [aria-invalid="true"]{border-color:var(--pink-deep);background:#FFF7FA}
.form button:disabled{opacity:.6;cursor:progress}
.form-status{font-size:14.5px;font-weight:600;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.form-status.ok{background:var(--mint-soft);border-color:transparent;color:#17774A}
.form-status.err{background:var(--blush);border-color:transparent;color:var(--pink-deep)}
.map{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);margin:12px clamp(10px,1.6vw,20px) 0;height:380px;background:var(--soft)}
.map iframe{width:100%;height:100%;border:0;display:block}

/* compare table */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
table.cmp{width:100%;border-collapse:collapse;min-width:560px;font-size:15px}
.cmp th,.cmp td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line)}
.cmp thead th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--soft)}
.cmp tr:last-child td{border-bottom:0}
.cmp td b{font-size:18px}

/* footer (multi-column) */
footer.site{display:block;padding:clamp(40px,6vw,64px) clamp(16px,3.4vw,44px) 28px;border-top:1px solid var(--line);margin-top:clamp(20px,3vw,32px)}
.f-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:32px}
@media (max-width:900px){.f-top{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.f-top{grid-template-columns:1fr}}
.f-brand{display:grid;gap:16px;justify-items:start}
.f-brand img{height:52px;width:auto}
.f-brand p{max-width:34ch}
footer.site h4{margin:0 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
footer.site .f-top > div > a:not(.btn){display:block;padding:4px 0;text-decoration:none}
footer.site a:hover{color:var(--pink-deep)}
footer.site p{margin:0 0 10px}
.f-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 32px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px}
.f-bot span:last-child{max-width:70ch}

/* back to top (button injected by site.js) */
.to-top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:40;width:52px;height:52px;border-radius:50%;border:0;padding:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 30px -12px rgba(42,22,33,.55),0 0 0 4px rgba(255,255,255,.7);opacity:0;visibility:hidden;transform:translateY(14px) scale(.9);transition:opacity .25s,transform .25s cubic-bezier(.2,.7,.2,1),visibility .25s,background .2s}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:var(--pink)}
.to-top svg{width:20px;height:20px;transition:transform .2s}
.to-top:hover svg{transform:translateY(-2px)}
@media (max-width:560px){.to-top{width:46px;height:46px}}