/* DESIGN A · CALM
   Built around the therapy room: sage and oat, a soft serif, arched "window"
   photos and lots of breathing room. Same palette on both pages. */
:root{
  --bg:#f5f1e8; --surface:#fffdf8; --surface-2:#e9e3d5; --ink:#24302a; --muted:#56615a; --line:#e0d9c8;
  --accent:#3f6150; --accent-hover:#2f4b3e; --on-accent:#fffdf8; --accent-soft:#e3ebe2;
  --banner-bg:#24302a; --banner-ink:#f5f1e8; --header-bg:rgba(245,241,232,.94);
  --font-body:'Figtree',system-ui,sans-serif; --font-head:'Fraunces',Georgia,serif; --head-weight:500; --head-track:-.015em;
  --radius:999px; --radius-lg:28px;
}
.site-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.brand-mark{font-family:var(--font-head);font-weight:600}
.brand-name{font-weight:600}
h1{font-weight:400;font-size:clamp(2.8rem,6.4vw,5.2rem);line-height:1.02}
h1,h2{font-variation-settings:"opsz" 144}
.eyebrow{color:var(--muted);font-weight:600;letter-spacing:.18em}
.eyebrow::before{content:"";display:inline-block;width:22px;height:2px;background:var(--accent);vertical-align:middle;margin-right:10px}

/* Arched window photos */
.hero{padding-top:64px}
.hero-media img{border-radius:999px 999px var(--radius-lg) var(--radius-lg);aspect-ratio:4/5;box-shadow:0 40px 80px -50px rgba(36,48,42,.55)}
.card{border:none;background:none;border-radius:0}
.card img{aspect-ratio:4/3;border-radius:18px}
.card h3{margin:18px 0 6px}.card p{margin:0}
.tags{gap:6px 30px}
.tags li{background:none;border:0;border-radius:0;padding:4px 0;font-family:var(--font-head);font-size:1.25rem;font-weight:400}
.help{background:var(--surface)}

.services{background:var(--surface)}
.steps .step-list li{background:transparent;border:none;border-top:2px solid var(--accent);border-radius:0;padding:24px 0 0}
.steps .step-list li::before{background:transparent;color:var(--accent);border:2px solid var(--accent);font-family:var(--font-head)}

.person{border:none;background:var(--surface)}
.person>img,.photo-soon{border-radius:18px;margin:14px 14px 0;width:calc(100% - 28px)}
.person-lead>img{margin:14px;width:calc(38% - 14px)}
.photo-soon{border:2px dashed var(--line)}
.role{text-transform:none;letter-spacing:0;font-size:1rem;color:var(--muted);font-weight:600}

.reviews{background:var(--accent);color:var(--on-accent)}
.reviews .eyebrow{color:var(--on-accent);opacity:.8}
.reviews .eyebrow::before{background:var(--on-accent)}
.quotes blockquote{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.quotes p{font-style:italic;font-weight:400;font-size:1.25rem}
.quotes footer{color:inherit;opacity:1}
.logos-list li{font-size:.95rem}
.contact{background:var(--surface)}
.btn-small{border-radius:999px}

/* Wellness */
.event{background:var(--surface)}
.event h2{font-weight:400}
.founders{background:linear-gradient(180deg,var(--bg),var(--surface-2))}
.package{border:none}
.package-featured{border:2px solid var(--accent)}
.therapy>img{border-radius:var(--radius-lg)}
.therapy h4{font-weight:400}
.package li::before{width:7px;height:7px;border-radius:50%;opacity:.7}

@media (max-width:640px){
  .hero-media img{aspect-ratio:4/5;border-radius:999px 999px var(--radius-lg) var(--radius-lg)}
  .person-lead>img{width:calc(100% - 28px)}
}

/* Council round 1 */
:root{--ck-radius:999px}

/* Vision round 2 */
.help h2{font-size:1.6rem}

/* Vision round 3 */
.eyebrow::before{display:none}
.tags{gap:8px}
.tags li{background:var(--bg);padding:6px 16px;border-radius:999px;font-family:var(--font-body);font-size:1rem;font-weight:500}

/* Pi council round 1 */
.hero-media img{object-position:38% 0}
.therapy-name,.group-title{font-weight:400;font-variation-settings:"opsz" 144;letter-spacing:-.02em}
.benefits li::before{width:7px;height:7px;top:.72em;opacity:.7}
.tags li{background:var(--surface-2);border:1px solid var(--line)}
.services{border-top:1px solid var(--line)}
#sauna-blanket>img,#exomind>img,#power-plate>img{background:none;border:0;mix-blend-mode:multiply;object-fit:contain}
.person-lead{align-items:center}
.person-lead>img{width:calc(32% - 14px);aspect-ratio:1}

/* Pi council round 2 */
@media (max-width:640px){.person-lead>img{width:calc(100% - 28px);margin:14px 14px 0;aspect-ratio:1}}
#power-plate>img{object-fit:cover;mix-blend-mode:normal}
#sauna-blanket>img,#exomind>img{mix-blend-mode:normal;background:#fff;border-radius:var(--radius-lg)}
.group-title{font-size:clamp(1.9rem,3.4vw,2.6rem);margin:96px 0 32px}
.therapy-name{font-size:clamp(1.6rem,2.4vw,2rem)}
.package{border:2px solid transparent}
.package-featured{border-color:var(--accent)}
.photo-soon{border:0;background:var(--accent-soft);color:var(--accent)}
.card h3{min-height:calc(2 * 1.12em)}
.therapy-index a{padding:10px 12px;font-size:.9rem}
@media (max-width:640px){
  .site-banner{flex-wrap:nowrap;justify-content:space-between;text-align:left;gap:12px}
  .site-banner p span{display:block;margin-left:0;opacity:.85}
  .logos-list{grid-template-columns:repeat(2,1fr);column-gap:24px}
  .logos-list li{font-size:.85rem;padding:8px 0}
}

/* Pi council round 3 */
@media (min-width:1361px){.site-header .header-phone{display:inline}.site-header .nav{gap:18px}}
#sauna-blanket>img,#exomind>img{background:var(--accent-soft);border:0;mix-blend-mode:normal;object-fit:contain;padding:4% 6%}
.therapy{padding:44px 0}
.therapy summary{font-weight:600;font-size:.95rem;color:var(--muted);min-height:42px}
.therapy summary:hover{color:var(--ink)}
.contact .wrap{align-items:start}
.contact .hero-actions{padding-top:12px}
.help .tags{max-width:720px}
.founders{background:var(--surface-2)}
.group-title{font-size:clamp(1.6rem,2.6vw,2.1rem);margin:80px 0 28px}
.person .badge{width:56px;height:56px}
@media (max-width:640px){
  .person>img,.photo-soon{aspect-ratio:4/3;object-position:50% 25%}
  .person-soon .photo-soon{aspect-ratio:3/1}
  .card h3{min-height:0}
  .therapy-index{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .therapy-index a{flex-shrink:0}
}

/* Pi council round 4 */
#sauna-blanket>img,#exomind>img{background:var(--surface-2);border:0;mix-blend-mode:multiply;object-fit:contain;padding:4% 6%}
.therapies+.payment .wrap,.insurance+.faq .wrap{border-top:0;padding-top:0}
.therapies+.payment .wrap::before,.insurance+.faq .wrap::before{content:"";display:block;height:1px;background:var(--line);margin-bottom:56px}
.therapy-name,.group-title{font-variation-settings:normal;letter-spacing:-.01em}
.therapy h4{color:var(--ink)}
.contact .wrap{grid-template-columns:1fr;gap:28px}
.contact .hero-actions{padding-top:0}
.help .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:16px 40px}
.help h2{margin:0;flex-shrink:0}
.help .tags{flex:1 1 480px;max-width:none}
.person{border:1px solid var(--line)}
.person>img,.photo-soon{margin:18px 18px 0;width:calc(100% - 36px)}
.person-body{padding:22px 18px 26px}
.quotes blockquote{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
.stat{border-radius:0 var(--radius-lg) var(--radius-lg) 0}
.brand-mark{background:transparent;border:2px solid var(--accent);color:var(--accent)}
@media (max-width:640px){
  h1,h2{font-variation-settings:"opsz" 72}
  .eyebrow{font-size:.78rem;letter-spacing:.1em;line-height:1.6}
  .hero .eyebrow{text-wrap:balance}
  .person>img[src*="dr-maolood"]{object-position:50% 20%}
  .therapy-index{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}
  .benefits{display:flex;flex-wrap:wrap;gap:8px}
  .benefits li{padding:5px 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:.9rem}
  .benefits li::before{content:none}
}

/* Pi council round 5 */
#sauna-blanket>img,#exomind>img{background:none;padding:0;border:0;mix-blend-mode:multiply;object-fit:contain}
.card img.logo-img{padding:4% 6%}
@media (max-width:640px){
  .person>img[src*="dr-maolood"]{object-position:50% 45%}
  .therapy-index{-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}
}

/* Open house push */
:root{--highlight:#e9c27a}
.event-promo h2{font-weight:400}

/* Owner request 2026-11-05: Times New Roman headings to match the logo; the "419" box is gone */
:root{--font-head:'Times New Roman',Times,'Liberation Serif','Nimbus Roman',serif;--head-track:0}
h1,h2,.therapy-name,.group-title{font-variation-settings:normal}
.brand-name{font-family:var(--font-head);font-weight:700;font-size:1.55rem;letter-spacing:0}
#fullscript>img{object-fit:contain;aspect-ratio:3/1;padding:8% 12%;background:var(--surface);border-radius:var(--radius-lg)}
#braintap>img{object-position:50% 10%}
