/* Seam r4: Relucent Psychology Group register (relucentpg.com), 2026-10-12 */
@font-face{font-family:"Lora";src:url(assets/fonts/lora-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url(assets/fonts/lora-italic-latin.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Open Sans";src:url(assets/fonts/opensans-latin.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}

:root{
  --ground:#f9f7f7;      /* page ground, pink-tinted off-white */
  --sand:#e9e2e2;        /* band + card tint, hero frame ring */
  --white:#fff;
  --plum:#723d46;        /* top bar, quote band, accent text */
  --plum-2:#a0646b;      /* CTA gradient end */
  --teal:#68b0ab;        /* buttons, insurance card */
  --teal-ink:#2f7d77;    /* teal used as text */
  --pink:#d6668a;        /* arrow badges, dots */
  --blush:#e0b9b6;       /* carousel arrow buttons */
  --ink:#333;            /* headings */
  --body:#555;           /* body copy */
  --line:#bdb5b5;
  --serif:"Lora",Georgia,"Times New Roman",serif;
  --sans:"Open Sans",Helvetica,Arial,sans-serif;
  --wrap:1152px;
  --gut:clamp(24px,4vw,40px);
  --soft:#f8f7f7;--btn-hover:#5aa39e;--chip-bg:#e9d6d4;--chip-ink:#3a1d22;--shadow-rgb:80,40,50;--quote-mark:#d89aa6;--muted:#6a5a5c;--tint:#f1eeee;--card-ph:#a8616b;--dot1:#c9a9a0;--dot2:#4fa39d;--dot3:#a3123f;--dot4:#d6668a;--badge-ring:#9fd0cc;--slot-ink:#5c4a4d;--slot-bg:#f6eeee;--band-mark:#d8a2a8;--rule:#9f9a9a;--panel-a:#723d46;--panel-b:#7f4a53;--panel-c:#a0646b;--ph-rgb:138,83,92;--mk1:#a3123f;--mk2:#d6668a;--mk3:#723d46;--dots-img:url(assets/dots.svg);--dots-scatter:url(assets/dots-scatter.svg);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ground);color:var(--body);font:400 17px/1.6 var(--sans);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;color:var(--ink);font-family:var(--serif);font-weight:400;line-height:1.2}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--teal-ink);outline-offset:3px;border-radius:6px}
.wrap{width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--ink);color:#fff;padding:12px 16px;border-radius:8px}
.skip:focus{top:12px}

/* ---------- buttons + links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border-radius:999px;background:var(--teal);color:#1c1c1c;font:400 17px/1.2 var(--sans);text-transform:uppercase;text-decoration:none;letter-spacing:.01em;border:2px solid var(--teal);transition:background .2s,border-color .2s}
.btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}
.btn--ghost{background:transparent;border-color:#333;color:#333}
.btn--ghost:hover{background:#fff;border-color:#333}
.btn-stack{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:32px}
.caps{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:700 15px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#1c1c1c;text-decoration:none}
.caps--plum{color:var(--plum)}
.caps:hover{text-decoration:underline;text-underline-offset:4px}
.go{flex:none;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--pink);color:#fff}
.go svg{width:9px;height:9px}
.go--ring{width:24px;height:24px;background:#fff;color:var(--teal-ink)}
.go--ring svg{width:12px;height:12px}

/* ---------- top bar + header ---------- */
.topbar{background:var(--plum);color:#fff;font-size:14px}
.topbar .wrap{width:min(100% - 64px,1376px);display:flex;align-items:center;gap:20px;min-height:52px}
.topbar a,.topbar span{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#fff}
.topbar svg{width:13px;height:13px;flex:none;opacity:.9}
.topbar .tb-tel{min-height:44px}
.topbar .tb-chip{margin-left:auto;background:var(--chip-bg);color:var(--chip-ink);font-weight:700;font-size:14px;letter-spacing:.02em;text-transform:uppercase;padding:4px 14px;border-radius:999px}
.site-header{background:#fff;box-shadow:0 6px 18px rgba(var(--shadow-rgb),.06);position:relative;z-index:20}
.site-header .bar{width:min(100% - 64px,1376px);margin-inline:auto;display:flex;align-items:center;gap:24px;min-height:116px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1c1c1c;flex:none;min-height:48px}
.logo svg{width:44px;height:44px;flex:none}
.logo .wm{font:300 27px/1 var(--sans);letter-spacing:-.01em}
.logo .lp{border-left:1px solid #999;padding-left:8px;font:400 12px/1.15 var(--sans);color:#444}
.nav{margin-left:auto}
.nav ul{display:flex;align-items:center;gap:6px}
.nav a{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 8px;font:400 13px/1 var(--sans);text-transform:uppercase;color:#3d3d3d;text-decoration:none;letter-spacing:.01em}
.nav a:hover{color:var(--plum)}
.nav a[aria-current]{color:var(--plum);font-weight:600}
.nav svg{width:10px;height:10px}
.header-cta{flex:none;font-size:14px;min-height:52px;padding:12px 24px}
.menu-btn{display:none;margin-left:auto;width:48px;height:48px;border:0;background:none;color:#1c1c1c;padding:10px;cursor:pointer}
.menu-btn svg{width:28px;height:28px}
.menu-sheet{border-top:1px solid var(--sand);background:#fff;padding:8px var(--gut) 24px}
.menu-sheet a{display:flex;align-items:center;min-height:52px;border-bottom:1px solid var(--sand);font:400 15px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;color:#333}
.menu-sheet .btn{margin-top:20px;width:100%;border-bottom:2px solid var(--teal)}

/* ---------- hero ---------- */
.hero{padding:42px 0 clamp(72px,9vw,150px)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.badge{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 24px;background:#fff;border-radius:999px;font-size:15px;color:#444;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.badge svg{width:18px;height:18px;color:var(--pink);flex:none}
.hero h1{margin-top:28px;font-size:clamp(36px,3.4vw,49px);line-height:1.19;font-weight:400;letter-spacing:-.003em}
.hero h1 b{font-weight:700}
.hero .lede{margin-top:20px;font-size:18px;line-height:1.35;color:var(--body)}
.hero .lede + .lede{margin-top:20px}
.hero .btn{margin-top:32px}
.hero .caps{margin-top:30px}
.frame{position:relative;margin-top:6px;margin-right:clamp(0px,1vw,12px)}
.frame-ring{background:var(--sand);border-radius:90px;padding:20px 20px 0}
.frame-ring img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:72px 72px 0 0}
.frame-ring::after{content:"";display:block;height:20px}
.float-quote{position:absolute;left:-20px;top:120px;width:min(218px,46%);background:#fff;border-radius:16px;padding:26px 22px 24px 28px;display:grid;grid-template-columns:22px 1fr;gap:12px;box-shadow:0 10px 30px rgba(var(--shadow-rgb),.08)}
.float-quote .qm{font:700 40px/1 var(--serif);color:var(--quote-mark);margin-top:-4px}
.float-quote p{font:italic 400 15.5px/1.45 var(--serif);color:var(--plum)}
.float-quote small{display:block;margin-top:8px;font:400 12.5px/1.3 var(--sans);color:var(--muted)}
.float-card{position:absolute;right:-12px;bottom:-14px;background:#fff;border-radius:12px;padding:16px 24px;display:flex;align-items:center;gap:18px;box-shadow:0 10px 30px rgba(var(--shadow-rgb),.08)}
.float-card img{width:50px;height:50px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none}
.float-card .chip{display:inline-flex;align-items:center;gap:6px;background:var(--tint);border-radius:999px;padding:4px 14px;font-size:13px;color:#555}
.float-card .chip svg{width:12px;height:12px}
.float-card a{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:2px;font:400 17px/1.2 var(--sans);color:var(--teal-ink);text-decoration:none}
.float-card a svg{width:20px;height:20px;flex:none}

/* ---------- card pair ---------- */
.pair{padding-bottom:clamp(72px,8vw,116px)}
.pair .wrap{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.pcard{border-radius:16px;overflow:hidden;min-height:284px}
.pcard--sand{background:var(--sand);display:grid;grid-template-columns:40% 1fr}
.pcard--sand .ph{position:relative;background:var(--card-ph)}
.pcard--sand .ph img{width:100%;height:100%;object-fit:cover}
.pcard--sand .tx{padding:40px 26px 36px}
.pcard h2{font-size:clamp(22px,1.9vw,25px);line-height:1.22}
.ilist{margin-top:32px;display:grid;gap:10px}
.ilist li{display:flex;align-items:flex-start;gap:12px;font-size:17.5px;line-height:1.35;color:#3a3a3a}
.ilist svg{flex:none;width:18px;height:18px;margin-top:3px;color:var(--plum)}
.pcard--teal{background:var(--teal);color:#1f1f1f;padding:44px 36px 38px;display:flex;flex-direction:column}
.pcard--teal h2{color:#1f1f1f;font-size:clamp(25px,2.2vw,30px)}
.pcard--teal p{margin-top:34px;font-size:18px;line-height:1.55;color:#1f1f1f}
.pcard--teal .caps{margin-top:auto;padding-top:22px;color:#1f1f1f}

/* ---------- intro + person ---------- */
.intro{padding-bottom:clamp(72px,7vw,100px)}
.intro .wrap{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:clamp(40px,5vw,64px);align-items:start}
.h2-xl{font-size:clamp(32px,3vw,42px);line-height:1.17}
.plum-sub{margin-top:14px;font:400 19px/1.35 var(--serif);color:var(--plum)}
.intro .copy p:not(.plum-sub){margin-top:22px;font-size:17px;line-height:1.38}
.collage{position:relative;display:grid;grid-template-columns:1fr 1.12fr;gap:16px;align-items:start;padding-left:8%}
.collage::before{content:"";position:absolute;left:-4%;top:46%;width:210px;height:210px;background:var(--dots-img) center/contain no-repeat;opacity:.9;z-index:0}
.collage figure{margin:0;position:relative;z-index:1;border-radius:16px;overflow:hidden;background:#ddd}
.collage img{width:100%;height:100%;object-fit:cover}
.collage .c1{aspect-ratio:1/0.92;width:72%;justify-self:end;margin-top:34px}
.collage .c2{aspect-ratio:1/0.95}
.collage .c3{aspect-ratio:1/0.95;margin-top:-118px}
.collage .c4{aspect-ratio:1/0.84}
.person{margin-top:48px;padding-left:0}
.person h3{font:400 clamp(24px,2vw,28px)/1.25 var(--sans);color:#333}
.person p{margin-top:12px;font-size:17px;line-height:1.38}
.person .caps{margin-top:14px;float:right}
.person::after{content:"";display:block;clear:both}

/* ---------- services band (tabs + carousel) ---------- */
.band{background:var(--sand);padding:clamp(64px,7vw,96px) 0 clamp(56px,6vw,80px)}
.band h2{font-size:clamp(28px,2.6vw,36px)}
.tabs{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:52px}
.tab{min-height:54px;padding:0 16px;border:0;border-radius:999px;background:transparent;font:400 15.5px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#4a4a4a;cursor:pointer}
.tab[aria-selected="true"]{background:#2e2e2e;color:#fff}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(260px,24%,278px);gap:16px;margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;overscroll-behavior-x:contain}
.track::-webkit-scrollbar{display:none}
.scard{scroll-snap-align:start;background:#fff;border-radius:16px;padding:12px 12px 28px;display:flex;flex-direction:column}
.scard img{width:100%;aspect-ratio:253/141;object-fit:cover;border-radius:8px}
.scard h3{margin:22px 0 0;padding:0 8px;font-size:21.5px;line-height:1.22}
.scard p{margin-top:10px;padding:0 8px;font-size:15px;line-height:1.42;color:#555}
.scard .caps{margin:auto 8px 0;padding-top:20px}
.car-nav[hidden],.qnav[hidden]{display:none}
.car-nav{display:flex;justify-content:space-between;margin-top:28px}
.arrowbtn{width:54px;height:54px;border-radius:50%;border:0;background:var(--blush);color:#fff;display:grid;place-items:center;cursor:pointer}
.arrowbtn svg{width:22px;height:22px}
.arrowbtn--plum{background:var(--plum)}
.arrowbtn--soft{background:rgba(255,255,255,.35)}

/* ---------- two-column text rows ---------- */
.rows{padding:clamp(72px,7vw,96px) 0 clamp(56px,6vw,80px)}
.row2{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:clamp(32px,5vw,96px)}
.row2 + .row2{margin-top:56px}
.row2 h2{font-size:clamp(28px,2.4vw,34px);line-height:1.13}
.row2 .r p{font-size:17px;line-height:1.65}
.row2 .r p + p{margin-top:18px}
.row2 .r .btn{margin-top:32px}
.chips-wrap{margin-top:38px}
.marquee{position:relative;overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.marquee-track{display:flex;gap:16px;width:max-content;padding:4px 0}
.js .marquee-track{animation:slide 60s linear infinite}
.marquee:hover .marquee-track,.marquee[data-paused] .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
.chip-list{display:flex;gap:16px}
.chip-list li{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 20px 0 16px;background:#fff;border-radius:999px;font:600 16px/1 var(--sans);color:#333;white-space:nowrap}
.chip-list li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--d,var(--dot1))}
.chip-list li:nth-child(4n+2){--d:var(--dot2)}
.chip-list li:nth-child(4n+3){--d:var(--dot3)}
.chip-list li:nth-child(4n+4){--d:var(--dot4)}
.chips-static .chip-list{flex-wrap:wrap}
.center-cta{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:38px;flex-wrap:wrap}
.pausebtn{min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font:400 14px/1 var(--sans);color:#444;cursor:pointer}
.no-js .pausebtn,html:not(.js) .pausebtn{display:none}

/* ---------- get started + step cards ---------- */
.start{position:relative;overflow:hidden;padding:clamp(72px,7vw,110px) 0 clamp(72px,7vw,96px)}
.start .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:clamp(32px,5vw,56px);align-items:start}
.start .l h2{font-size:clamp(28px,2.4vw,34px);line-height:1.15}
.start .l p{margin-top:14px;font-size:17px;line-height:1.65}
.start::before{content:"";position:absolute;left:-40px;bottom:-30px;width:300px;height:420px;background:var(--dots-img) center/contain no-repeat;transform:rotate(80deg);opacity:.6;pointer-events:none}
.steps{display:grid;gap:22px}
.step{background:#fff;border-radius:16px;padding:30px 20px 32px}
.ibadge{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:1.5px solid var(--badge-ring);color:var(--btn-hover);background:#fff}
.ibadge svg{width:34px;height:34px}
.step h3{margin-top:22px;font:400 clamp(22px,1.8vw,25px)/1.25 var(--sans);color:#2e2e2e}
.step p{margin-top:10px;font-size:17px;line-height:1.4}
.slot{display:block;margin-top:10px;font-size:15px;line-height:1.4;color:var(--slot-ink);background:var(--slot-bg);border-radius:10px;padding:10px 14px}
.slot b{display:block;font-weight:600;color:var(--plum)}

/* ---------- plum band ---------- */
.plumband{background:var(--plum);color:#fff;padding:clamp(64px,6vw,82px) 0 clamp(56px,5vw,80px)}
.plumband .head{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(0px,9vw,126px)}
.plumband h2{color:#fff;font-size:clamp(28px,2.5vw,35px)}
.plumband .mark{width:44px;height:44px;color:var(--band-mark)}
.qtrack{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/3);gap:30px;margin-top:60px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.qtrack::-webkit-scrollbar{display:none}
.qcard{scroll-snap-align:start;background:#fff;border-radius:16px;padding:26px 22px 30px;display:flex;flex-direction:column;min-height:300px}
.qcard p{font:400 17.5px/1.6 var(--serif);color:#2b2b2b}
.qcard .who{margin-top:auto;padding-top:28px;display:flex;align-items:center;gap:8px;font:400 16px/1.3 var(--sans);color:#444}
.qcard .who::before{content:"";width:14px;height:1px;background:#444}
.qcard .who i{font-style:italic}
.qnav{display:flex;justify-content:center;gap:20px;margin-top:22px}
.plumband .caps{color:#fff;margin-top:16px}

/* ---------- research cards ---------- */
.news{padding:clamp(72px,7vw,96px) 0 clamp(72px,7vw,100px);text-align:center}
.news h2{font-size:clamp(28px,2.5vw,35px)}
.news .sub{margin-top:14px;font-size:17px}
.news-row{position:relative;margin-top:44px;padding:0 clamp(0px,3vw,36px)}
.ntrack{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:left}
.ncard{background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.ncard img{width:100%;aspect-ratio:340/250;object-fit:cover}
.ncard .b{padding:26px 20px 30px;display:flex;flex-direction:column;flex:1}
.ncard h3{font-size:18px;line-height:1.3;color:var(--plum)}
.ncard .src{margin-top:10px;font-size:15px;line-height:1.45;color:#555}
.ncard .src i{font-style:italic}
.ulink{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:auto;padding-top:14px;font:700 15px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#1c1c1c;text-decoration:underline;text-underline-offset:4px}
.ulink svg{width:12px;height:12px}

/* ---------- FAQ ---------- */
.faq{background:var(--sand);padding:clamp(64px,6vw,84px) 0 clamp(64px,6vw,80px)}
.faq .wrap{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq h2{font-size:clamp(28px,2.5vw,35px);line-height:1.17}
.faq .l p{margin-top:16px;font-size:18px;line-height:1.55;color:#5a5a5a}
.faq .l .btn{margin-top:40px}
.acc{border-top:1px solid var(--rule)}
.acc details{border-bottom:1px solid var(--rule)}
.acc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:63px;padding:12px 20px;font:400 17.5px/1.35 var(--sans);color:#222;cursor:pointer}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"";flex:none;width:7px;height:7px;border-right:1.4px solid #555;border-bottom:1.4px solid #555;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.acc details[open] summary::after{transform:rotate(-135deg)}
.acc .ans{padding:0 20px 20px;font-size:15.5px;line-height:1.55;color:#555}
.acc .ans p + p{margin-top:10px}

/* ---------- CTA panel ---------- */
.ctap{padding:clamp(72px,7vw,100px) 0 clamp(56px,6vw,80px)}
.ctap .panel{position:relative;border-radius:12px;background:linear-gradient(90deg,var(--panel-a) 0%,var(--panel-b) 45%,var(--panel-c) 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);min-height:444px;overflow:visible}
.ctap .tx{padding:clamp(40px,5vw,80px) 24px clamp(40px,5vw,60px) clamp(28px,7vw,100px)}
.ctap h2{color:#fff;font-size:clamp(28px,2.5vw,35px)}
.ctap p{margin-top:14px;font-size:18px;line-height:1.55;color:#fff;max-width:600px}
.ctap p b{font-weight:700}
.ctap .btn{margin-top:28px}
.ctap .panel{overflow:hidden}
.ctap .ph{position:relative;margin:0;min-height:100%}
.ctap .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 30%}
.ctap .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(var(--ph-rgb)) 0%,rgba(var(--ph-rgb),.55) 22%,rgba(var(--ph-rgb),0) 55%)}
.ctap .ph::before{content:"";position:absolute;left:4%;top:12%;width:46%;height:76%;z-index:1;background:var(--dots-scatter) center/contain no-repeat;opacity:.8;pointer-events:none}

/* ---------- office ---------- */
.office{padding:clamp(48px,5vw,70px) 0 clamp(56px,6vw,90px)}
.office .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
.office .l{padding-left:clamp(0px,3vw,36px)}
.office h2{color:var(--plum);font-size:clamp(28px,2.5vw,35px)}
.office p{margin-top:16px;font-size:18px;line-height:1.55}
.office .btn{margin-top:28px}
.office figure{margin:0;border-radius:16px;overflow:hidden}
.office figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
.office figcaption{padding:10px 4px 0;font-size:14px;color:#666;background:var(--ground)}

/* ---------- call block (newsletter slot) ---------- */
.callblock{background:var(--soft);padding:clamp(56px,6vw,64px) 0 0}
.callblock .wrap,.site-footer .wrap{width:min(100% - 2*var(--gut),1280px)}
.callblock .grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr);gap:clamp(32px,7vw,110px);padding-bottom:clamp(48px,5vw,74px);border-bottom:1px solid #6d6d6d}
.callblock h2{font-size:clamp(26px,2.2vw,29px)}
.callblock .l p{margin-top:20px;font-size:19px;line-height:1.78}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field{display:flex;flex-direction:column;justify-content:center;min-height:52px;padding:6px 26px;border:1px solid #7e7e7e;border-radius:999px;background:#fff;font-size:16px;line-height:1.25;color:#444;text-decoration:none}
.field small{font-size:12.5px;color:#666}
.field--wide{grid-column:1/-1}
a.field:hover{border-color:var(--plum)}
.fields .btn{grid-column:1/-1;min-height:44px;border-radius:999px;font-size:18px;padding:8px 20px}

/* ---------- footer ---------- */
.site-footer{background:var(--soft);padding:clamp(40px,4vw,52px) 0 28px;font-size:16px;color:#555}
.fgrid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,.55fr));gap:clamp(24px,4vw,44px)}
.fgrid .logo{color:#1c1c1c}
.foff b{display:block;margin-top:24px;font-weight:700;color:#555}
.foff p{margin-top:12px;line-height:2.1}
.fcol h3{font:700 16px/1.3 var(--sans);color:#555}
.fcol ul{margin-top:8px;display:grid;gap:8px}
.fcol a{display:flex;align-items:center;min-height:44px;text-decoration:none;color:#555}
.fcol a:hover{color:var(--plum);text-decoration:underline}
.crisis{margin-top:32px;grid-column:1/-1;display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--sand);border-left:4px solid var(--plum);border-radius:12px;padding:16px 20px;font-size:16px;line-height:1.5;color:#3a3a3a;max-width:760px}
.crisis svg{flex:none;width:22px;height:22px;color:var(--plum);margin-top:2px}
.crisis a{color:var(--plum);font-weight:700;display:inline-block;padding:2px 0}
.fbottom{margin-top:44px;padding-top:24px;border-top:1px solid #6d6d6d;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14.5px;line-height:1.6;color:#555}
.fbottom .pl{color:var(--plum)}

/* ---------- mobile call bar ---------- */
.mcall{display:none}

/* ---------- inner pages ---------- */
.hero--inner .frame-ring img{aspect-ratio:1/0.98}
.split-note{margin-top:14px;font-size:15px;color:#666}
.cites{display:grid;gap:14px;margin-top:22px;text-align:left}
.cites li{background:#fff;border-radius:12px;padding:18px 20px;font-size:15.5px;line-height:1.5;color:#444}
.cites i{font-style:italic}

/* ---------- reveal ---------- */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}.js .marquee-track{animation:none}.marquee{-webkit-mask-image:none;mask-image:none}.marquee .chip-list{flex-wrap:wrap}.marquee .dup{display:none}.pausebtn{display:none}}

/* ---------- responsive ---------- */
@media (max-width:1240px){
  .nav a{font-size:12.5px;padding:0 6px}
  .logo .wm{font-size:24px}
}
@media (max-width:1200px){
  .nav,.header-cta{display:none}
  .menu-btn{display:block}
}
@media (max-width:960px){
  .hero .wrap,.intro .wrap,.start .wrap,.faq .wrap,.office .wrap,.row2,.callblock .grid{grid-template-columns:1fr}
  .pair .wrap{grid-template-columns:1fr;gap:28px}
  .frame{max-width:560px;width:100%;margin-inline:auto}
  .ctap .panel{grid-template-columns:1fr}
  .ctap .ph{aspect-ratio:4/3.6}
  .ctap .ph::after{background:linear-gradient(180deg,rgb(var(--ph-rgb)) 0%,rgba(var(--ph-rgb),0) 40%)}
  .qtrack{grid-auto-columns:minmax(280px,46%)}
  .ntrack{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(270px,46%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .ntrack::-webkit-scrollbar{display:none}
  .ncard{scroll-snap-align:start}
  .fgrid{grid-template-columns:1fr 1fr}
  .fgrid .foff{grid-column:1/-1}
  .collage{max-width:560px}
}
@media (max-width:700px){
  body{font-size:16px}
  .topbar .wrap{width:min(100% - 32px,1376px);flex-direction:column;gap:0;padding:6px 0 8px;text-align:center}
  .topbar .tb-addr{font-size:13px}
  .topbar .tb-chip{margin:4px 0 0}
  .site-header .bar{min-height:76px;width:calc(100% - 2*var(--gut))}
  .logo svg{width:34px;height:34px}
  .logo .wm{font-size:20px}
  .logo .lp{font-size:12px}
  .hero{padding-top:28px}
  .badge{font-size:14px;padding:8px 18px}
  .hero h1{font-size:34px;margin-top:22px}
  .hero .lede{font-size:16px;line-height:1.5}
  .frame{margin-top:8px}
  .frame-ring{border-radius:56px;padding:14px 14px 0}
  .frame-ring::after{height:14px}
  .frame-ring img{border-radius:44px 44px 0 0}
  .float-quote{left:-8px;top:24px;width:52%;padding:16px 14px 16px 16px;grid-template-columns:16px 1fr;gap:8px}
  .float-quote .qm{font-size:30px}
  .float-quote p{font-size:14px}
  .float-card{right:-6px;bottom:-22px;padding:10px 14px;gap:12px}
  .float-card img{width:40px;height:40px}
  .float-card a{font-size:16px}
  .pcard--sand{grid-template-columns:38% 1fr}
  .pcard--sand .tx{padding:22px 14px 22px 16px}
  .pcard h2{font-size:19px}
  .ilist{margin-top:16px;gap:8px}
  .ilist li{font-size:15px}
  .pcard--teal{padding:30px 22px}
  .pcard--teal p{margin-top:22px;font-size:16px}
  .h2-xl{font-size:33px}
  .collage{padding-left:0}
  .person .caps{float:none}
  .tabs{flex-direction:column;align-items:flex-start;gap:8px;margin-top:28px}
  .tab{font-size:13px;min-height:44px}
  .track{grid-auto-columns:86%}
  .plumband .head{padding:0}
  .qtrack{grid-auto-columns:88%;margin-top:36px}
  .ntrack{grid-auto-columns:86%}
  .news-row{padding:0}
  .ctap .tx{padding:36px 22px}
  .ctap p{font-size:16px}
  .fields{grid-template-columns:1fr}
  .callblock .l p{font-size:17px;line-height:1.6}
  .fgrid{grid-template-columns:1fr}
  .js .mcall{display:flex;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
  .js .mcall.on{opacity:1;visibility:visible}
  .mcall{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;align-items:center;justify-content:center;min-height:52px;padding:0 34px;border-radius:999px;background:var(--plum);color:#fff;font:400 17px/1 var(--sans);text-decoration:none;box-shadow:0 8px 24px rgba(60,20,30,.25)}
  .site-footer{padding-bottom:96px}
  .start::before{display:none}
}
@media (max-width:420px){
  .logo{display:grid;grid-template-columns:auto auto;column-gap:8px;row-gap:2px;align-items:center}
  .logo svg{grid-row:1/3}
  .logo .wm{font-size:19px;align-self:end}
  .logo .lp{border:0;padding:0;align-self:start}
  .logo .lp br{display:none}
}
@media (max-width:360px){
  .hero h1{font-size:30px}
  .pcard--sand{grid-template-columns:1fr}
  .pcard--sand .ph{aspect-ratio:16/10}
  .float-quote{display:none}
}

/* inline phone links get a 44px tap box without changing the line */
.tl,.acc .ans a,.ilist a{display:inline-block;padding:11px 0;margin:-11px 0;color:inherit}
.ctap .tl{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* design-review copy only: lift the review-notes dock above the mobile call pill while it shows */
body:has(.mcall.on){--rn-dock-bottom:76px}
/* design-review copy only: the preview banner costs ~24px; win it back on short landscape phones */
@media (max-height:500px) and (orientation:landscape){.hero{padding-top:14px}}

/* ---------- calm palettes (2026-10-22, client asked: "The red is harsh ... blues, greens, beige") ---------- */
html[data-palette="harbor"]{--ground:#f5f8fa;--sand:#e1e9ef;--plum:#2b4a62;--plum-2:#4f7393;--teal:#9cc3d6;--teal-ink:#2d6680;--pink:#5f93b8;--blush:#c3d7e5;--line:#b5c1ca;--soft:#f2f6f8;--btn-hover:#86b3c9;--chip-bg:#d6e4ee;--chip-ink:#17324a;--shadow-rgb:30,50,70;--quote-mark:#8fb3cc;--muted:#55626c;--tint:#edf2f5;--card-ph:#4f7393;--dot1:#a9c2d4;--dot2:#7fae9f;--dot3:#2b4a62;--dot4:#5f93b8;--badge-ring:#b5d3e2;--slot-ink:#3e4d58;--slot-bg:#eaf1f6;--band-mark:#9fc0d8;--rule:#9aa6b0;--panel-a:#2b4a62;--panel-b:#375a75;--panel-c:#4f7393;--ph-rgb:55,90,117;--mk1:#2b4a62;--mk2:#5f93b8;--mk3:#8fb8a8;--dots-img:url(assets/dots-harbor.svg);--dots-scatter:url(assets/dots-scatter-harbor.svg)}
html[data-palette="seaglass"]{--ground:#f5f8f6;--sand:#e0ebe4;--plum:#2e5a4e;--plum-2:#4f7f70;--teal:#a8cfc0;--teal-ink:#2b6b5b;--pink:#6ea48f;--blush:#c7ded2;--line:#b5c4bb;--soft:#f2f6f3;--btn-hover:#93c2b0;--chip-bg:#d5e8dd;--chip-ink:#173a30;--shadow-rgb:30,60,50;--quote-mark:#8dbba8;--muted:#54635c;--tint:#ecf3ef;--card-ph:#4f7f70;--dot1:#a7c8b8;--dot2:#6f9fbf;--dot3:#2e5a4e;--dot4:#6ea48f;--badge-ring:#b3d6c8;--slot-ink:#3c4f47;--slot-bg:#e8f2ec;--band-mark:#a3cbb9;--rule:#98a89f;--panel-a:#2e5a4e;--panel-b:#3a6a5c;--panel-c:#4f7f70;--ph-rgb:58,106,92;--mk1:#2e5a4e;--mk2:#6ea48f;--mk3:#6f9fbf;--dots-img:url(assets/dots-seaglass.svg);--dots-scatter:url(assets/dots-scatter-seaglass.svg)}
html[data-palette="linen"]{--ground:#f8f6f1;--sand:#ebe6dc;--plum:#3d5c63;--plum-2:#6a8a87;--teal:#b5cdb7;--teal-ink:#3f6b5c;--pink:#7fa39a;--blush:#d8e2da;--line:#c4bfb3;--soft:#f4f1ea;--btn-hover:#a1bfa4;--chip-bg:#e3e8df;--chip-ink:#23383b;--shadow-rgb:60,62,55;--quote-mark:#9fb8ae;--muted:#5b625e;--tint:#f0ede6;--card-ph:#6a8a87;--dot1:#b9c9bd;--dot2:#8fb0c2;--dot3:#3d5c63;--dot4:#7fa39a;--badge-ring:#c2d6c6;--slot-ink:#46504c;--slot-bg:#eeebe3;--band-mark:#b3cbc0;--rule:#a8a397;--panel-a:#3d5c63;--panel-b:#4a6a6f;--panel-c:#6a8a87;--ph-rgb:74,106,111;--mk1:#3d5c63;--mk2:#7fa39a;--mk3:#8fb0c2;--dots-img:url(assets/dots-linen.svg);--dots-scatter:url(assets/dots-scatter-linen.svg)}
.logo .m1{fill:var(--mk1)}.logo .m2{fill:var(--mk2)}.logo .m3{fill:var(--mk3)}
.ok-dot{fill:var(--teal-ink)}
/* palette switcher (review copy only) */
.pal-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin:0;padding:8px 16px;background:#fff;border-bottom:1px solid #e3e6ea;font:400 14px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#33383f}
.pal-bar b{font-weight:600}
.pal-bar button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border:1.5px solid #cfd5dc;border-radius:999px;background:#fff;color:#22272e;font:inherit;cursor:pointer}
.pal-bar button[aria-pressed="true"]{border-color:#22272e;box-shadow:inset 0 0 0 1px #22272e;font-weight:600}
.pal-bar button:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.pal-bar i{display:inline-flex}.pal-bar i span{width:14px;height:14px;border-radius:50%;margin-left:-3px;border:1.5px solid #fff}
.pal-bar i span:first-child{margin-left:0}
@media (max-width:600px){.pal-bar{font-size:13px;gap:6px}.pal-bar .pal-lead{flex-basis:100%;text-align:center}.pal-bar button{padding:6px 10px}}

/* ---------- rev 4 (2026-10-25): photo rows for the full page set ---------- */
.wp{padding:clamp(64px,7vw,100px) 0}
.wp--band{background:var(--sand)}
.wp-head{max-width:720px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
.wp-head h2{font-size:clamp(28px,2.5vw,35px)}
.wp-head .sub{margin-top:14px;font-size:17px}
.wp-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4.5vw,72px);align-items:center}
.wp-row + .wp-row{margin-top:clamp(48px,6vw,84px)}
.wp-row--flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.wp-row--flip .wp-ph{order:2}
.wp-row--portrait{grid-template-columns:minmax(0,4fr) minmax(0,6fr)}
.wp-ph{margin:0;border-radius:24px;overflow:hidden;background:var(--sand)}
.wp-ph img{width:100%;aspect-ratio:4/3;object-fit:cover}
.wp-row--portrait .wp-ph img{aspect-ratio:4/5}
.wp-tx .num{display:block;font:600 13px/1 var(--sans);letter-spacing:.16em;color:var(--teal-ink)}
.wp-tx h2,.wp-tx h3{font-size:clamp(26px,2.3vw,32px);line-height:1.16;margin-top:12px}
.wp-tx .num + h2,.wp-tx .num + h3{margin-top:12px}
.wp-tx > h2:first-child,.wp-tx > h3:first-child{margin-top:0}
.wp-tx p{margin-top:16px;font-size:17px;line-height:1.6}
.wp-tx .caps{margin-top:22px}
.wp-tx .slot{margin-top:18px}
.wp-tx .chips-static{margin-top:18px}
.wp-tx .chips-static .chip-list{justify-content:flex-start}
.wp-tx .chip-list li{white-space:normal}
.wp-links{display:flex;flex-wrap:wrap;gap:8px 28px}
.wp-links .caps{margin-top:0}
.wp-note{font-size:15px;color:var(--muted)}
.wp-more{max-width:760px;margin:clamp(48px,6vw,72px) auto 0}
.news-more{margin-top:28px;text-align:left}
.hero .crisis{margin-top:26px;max-width:560px}
.ntrack--one{grid-template-columns:minmax(0,400px);justify-content:center}
.ncard .slot{margin:0 0 14px}
@media (max-width:960px){
  .wp-row,.wp-row--flip,.wp-row--portrait{grid-template-columns:minmax(0,1fr)}
  .wp-row--flip .wp-ph{order:0}
  .wp-ph img{aspect-ratio:16/10}
  .wp-row--portrait .wp-ph{max-width:420px}
  .wp-row--portrait .wp-ph img{aspect-ratio:4/5}
  .ntrack--one{grid-auto-flow:row;grid-template-columns:minmax(0,420px);grid-auto-columns:auto;overflow:visible}
}
.nw{white-space:nowrap}
/* rev 4 battle-test fixes: review chrome kept compact on phones so the H1 stays in the first screen */
.pal-bar{gap:8px 10px}
body:has(.menu-btn[aria-expanded="true"]) .rn-dock,body:has(.menu-btn[aria-expanded="true"]) .mcall{display:none!important}
@media (max-width:600px){
  .pal-bar{flex-wrap:wrap;justify-content:center;gap:8px;padding:6px 12px}
  .pal-bar .pal-lead{flex:none;flex-basis:auto;text-align:left}
  .pal-bar .pal-more{display:none}
  .pal-bar button{flex:none}
  .topbar .tb-chip{display:none}
}
@media (max-height:700px) and (max-width:700px){
  .topbar .tb-addr{display:none}
  .hero .badge{display:none}
  .hero{padding-top:18px}
}
@media (max-height:500px) and (orientation:landscape){
  .topbar{display:none}
  .hero .badge{display:none}
  .site-header .bar{min-height:64px}
  .hero h1{font-size:34px}
}
@media (max-width:360px){.pal-bar .pal-lead{display:none}.pal-bar{font-size:12px;padding:6px 8px}.pal-bar button{padding:4px 8px;gap:5px}.pal-bar i span{width:11px;height:11px}html .rn-banner{font-size:12px;line-height:1.3;padding:4px 10px}}

/* ---------- about: neurology panel (2026-10-25, Avi: "this section feels plain") ---------- */
.neuro-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(36px,5vw,80px);align-items:center}
.neuro-art{position:relative;margin:0 0 clamp(28px,4vw,48px);aspect-ratio:560/440;border-radius:28px;background:radial-gradient(120% 90% at 30% 35%,var(--white) 0%,var(--sand) 70%)}
.neuro-net{position:absolute;inset:4% 22% 8% 2%;width:76%;height:88%}
.neuro-net .ln line{stroke:var(--teal-ink);stroke-opacity:.28;stroke-width:1.1}
.neuro-net .logo .m1{fill:var(--mk1)}.neuro-net .logo .m2{fill:var(--mk2)}.neuro-net .logo .m3{fill:var(--mk3)}
.neuro-net .pulse{animation:neuroPulse 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.neuro-net .pulse:nth-child(2n){animation-delay:1.2s}.neuro-net .pulse:nth-child(3n){animation-delay:2.4s}
@keyframes neuroPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.8)}}
@media (prefers-reduced-motion:reduce){.neuro-net .pulse{animation:none}}
.neuro-pin{position:absolute;display:inline-flex;align-items:center;gap:8px;max-width:58%;padding:8px 14px;border-radius:999px;background:var(--white);box-shadow:0 8px 22px rgba(var(--shadow-rgb),.12);font:600 13px/1.25 var(--sans);color:var(--ink)}
.neuro-pin i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px rgba(var(--ph-rgb),.14)}
.neuro-pin--a{left:6%;top:9%}
.neuro-pin--b{left:20%;bottom:14%}
.neuro-pin--b i{background:var(--teal-ink)}
.neuro-photo{position:absolute;right:-3%;bottom:-8%;width:36%;border-radius:22px;overflow:hidden;border:6px solid var(--ground);box-shadow:0 18px 40px rgba(var(--shadow-rgb),.16)}
.neuro-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.neuro-time{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:0;border-left:2px solid var(--line)}
.neuro-time li{position:relative;display:grid;gap:2px;padding:10px 0 10px 20px}
.neuro-time li::before{content:"";position:absolute;left:-7px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--ground);border:2px solid var(--teal-ink)}
.neuro-time li:last-child::before{background:var(--teal-ink)}
.neuro-time b{font:600 13px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink);font-variant-numeric:tabular-nums}
.neuro-time span{font-size:17px;color:var(--ink)}
@media (max-width:900px){
  .neuro-row{grid-template-columns:minmax(0,1fr)}
  .neuro-net{inset:6% 6% 22% 4%;width:90%;height:72%}
  .neuro-art{aspect-ratio:1/1}
  .neuro-net{inset:16% 4% 24% 2%;width:94%;height:60%}
  .neuro-pin{font-size:12px;padding:7px 12px;max-width:56%}
  .neuro-pin--a{left:4%;top:5%;max-width:80%}
  .neuro-pin--b{left:4%;bottom:6%}
  .neuro-photo{width:36%;right:3%;bottom:-5%}
}
/* illustrated rows (2026-10-26): same panel as the neurology row, subject line art */
.neuro-row + .wp-row,.wp-row + .neuro-row,.neuro-row + .neuro-row{margin-top:clamp(48px,6vw,84px)}
.neuro-row--flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.neuro-row--flip .neuro-art{order:2}
.ill{position:absolute;inset:6% 20% 10% 4%;width:76%;height:84%}
.ill .gr line{stroke:var(--line);stroke-opacity:.6;stroke-width:1}
.ill .s1{fill:none;stroke:var(--mk1);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ill .s2{fill:none;stroke:var(--teal-ink);stroke-opacity:.4;stroke-width:2;stroke-linecap:round}
.ill .s3{fill:none;stroke:var(--mk2);stroke-width:2}
.ill .wid{stroke-width:4}
.ill .dash{stroke-dasharray:8 8}
.ill .f1{fill:var(--mk1)}.ill .f2{fill:var(--mk2)}.ill .f3{fill:var(--mk3)}
.ill .sp{opacity:.85}
.ill .pg{fill:var(--white);stroke:var(--line);stroke-width:1.5}
.ill .ck{fill:none;stroke:var(--white);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.ill path.ck[transform]{stroke-width:1.8}
.ill .v1{fill:var(--mk2);fill-opacity:.18;stroke:var(--mk2);stroke-width:2}
.ill .v2{fill:var(--mk3);fill-opacity:.18;stroke:var(--mk3);stroke-width:2}
.ill text{font:600 22px/1 var(--sans);fill:var(--ink)}
@media (max-width:900px){
  .neuro-row--flip .neuro-art{order:0}
  .ill{inset:14% 4% 20% 2%;width:94%;height:64%}
}
.ill text.sm{font-size:19px}
/* illustrated map (2026-10-26: client said the building photo is not her location) */
.ill .wt{fill:var(--mk2);fill-opacity:.16}
.ill .ld{fill:var(--white);stroke:var(--line);stroke-width:1.2}
.ill .cw{stroke:var(--line);stroke-width:5;stroke-linecap:round}
.ill .pinring{fill:none;stroke:var(--mk1);stroke-width:2;stroke-opacity:.5}
.office figure.mapcard{position:relative;margin:0;aspect-ratio:560/440;border-radius:24px;overflow:hidden;background:var(--sand)}
.office figure.mapcard .mapill{inset:0;width:100%;height:100%}
.office figure.mapcard .neuro-pin--a{left:auto;right:5%;top:8%}
.office figure.mapcard .neuro-pin--b{left:5%;bottom:8%}

/* ---------- rev 8 (2026-10-26): writing outlines, "your text goes here" ---------- */
.wprompt{display:block;margin-top:14px;max-width:640px;border:1.5px dashed var(--line);border-radius:10px;padding:12px 14px;background:rgba(255,255,255,.6);text-align:left}
.wprompt b{display:block;font:600 13px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}
.wprompt span{display:block;margin-top:4px;font:400 15px/1.5 var(--sans);color:var(--muted)}
.hero .wprompt{margin-top:20px}
.hero .wprompt + .btn,.wprompt + .btn,.wprompt + .btn-stack{margin-top:24px}
.wprompt + .wprompt{margin-top:12px}
.pcard--teal .wprompt{margin-top:28px;border-color:rgba(31,31,31,.35);background:rgba(255,255,255,.45)}
.pcard--teal .wprompt b{color:#1f1f1f}
.pcard--teal .wprompt span{color:#2b2b2b}
.qcard .wprompt{margin-top:0}
.scard .wprompt{margin-top:10px}
.step .wprompt{margin-top:10px}
.faq .ans .wprompt{margin-top:4px}
/* light-on-dark variant for prompts on dark bands */
.ctap .wprompt,.plumband>.wrap>.wprompt,.wprompt--dark{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.07)}
.ctap .wprompt b,.plumband>.wrap>.wprompt b,.wprompt--dark b{color:#fff}
.ctap .wprompt span,.plumband>.wrap>.wprompt span,.wprompt--dark span{color:rgba(255,255,255,.86)}
.news .wprompt{margin:14px auto 0}
.qcard:has(.wprompt){min-height:220px}
.wprompt + p{margin-top:14px}

/* Rev 10: her paragraph under the at-a-glance list */
.pcard--sand .tx p{margin-top:14px;font-size:15.5px;line-height:1.5}

/* ===== lab 2026-10-27: line art from her text, fewer portraits ===== */
/* chart-style contour lines; colour follows the palette tokens */
.la-contours,.hero,.office,.wp--band{position:relative;isolation:isolate}
.hero::before,.office::before,.wp--band::before,.la-contours::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--mk2);opacity:.13;-webkit-mask:url(assets/contours.svg) center/cover no-repeat;mask:url(assets/contours.svg) center/cover no-repeat}
.hero::before{opacity:.10;-webkit-mask-position:100% 0;mask-position:100% 0}
/* shared line-art classes */
.la{width:100%;height:100%;display:block}
.la .la-ln{fill:none;stroke:var(--line);stroke-width:1.6}
.la .dash{stroke-dasharray:6 7}
.la .la-gnd{stroke:var(--teal-ink);stroke-opacity:.35;stroke-width:2}
.la .la-wall{fill:var(--white);stroke:var(--teal-ink);stroke-opacity:.55;stroke-width:2}
.la .la-win{fill:var(--mk2);fill-opacity:.32}
.la .la-arch{fill:var(--mk2);fill-opacity:.16;stroke:var(--teal-ink);stroke-opacity:.6;stroke-width:2.2}
.la .la-hedge{fill:var(--mk3);fill-opacity:.28}
.la .la-trunk{fill:none;stroke:var(--teal-ink);stroke-opacity:.55;stroke-width:5;stroke-linecap:round}
.la .la-frond{fill:none;stroke:var(--mk1);stroke-width:3.2;stroke-linecap:round}
.la .la-pin{fill:var(--mk1)}
.la .la-ring{fill:none;stroke:var(--mk1);stroke-opacity:.35;stroke-width:2}
.la .la-path{fill:none;stroke:var(--mk1);stroke-width:4;stroke-linecap:round}
.la .la-dot{fill:var(--mk2)}
.la text{font:600 19px/1 var(--sans);fill:var(--ink)}
/* draw-in when the block scrolls into view */
.la .draw{stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 2.2s cubic-bezier(.3,.6,.2,1) .2s}
.in .la .draw,.la-ph .la .draw{stroke-dashoffset:0}
.reveal:not(.in) .la .draw{stroke-dashoffset:1400}
/* breathing ring (psychotherapy) */
.la-breath .la-br{fill:none;stroke:var(--mk2);stroke-width:1.6;opacity:calc(.55 - var(--k) * .11);transform-origin:280px 210px;animation:laBreath 8s ease-in-out infinite;animation-delay:calc(var(--k) * .35s)}
@keyframes laBreath{0%,100%{transform:scale(.86)}50%{transform:scale(1.06)}}
/* art inside photo slots */
.ctap .la-ph{background:var(--sand);display:flex;align-items:flex-end;justify-content:center}
.ctap .la-ph::after{display:none}
.ctap .la-ph .la-bld{position:absolute;inset:8% 4% 0 4%;width:92%;height:92%}
.ctap .la-ph .neuro-pin--a{left:auto;right:5%;top:7%}
.pcard--sand .la-ph{background:var(--sand);min-height:260px}
.pcard--sand .la-ph .la{position:absolute;inset:6%;width:88%;height:88%}
.la-panel{position:relative;background:var(--sand);aspect-ratio:4/3}
.la-panel .ill{inset:8% 10% 8% 10%;width:80%;height:84%}
.collage .la-tile{background:var(--sand)}
.collage .la-tile .neuro-net{inset:6%;width:88%;height:88%}
/* training timeline */
.la-tl{display:flex;align-items:center;padding:clamp(28px,4vw,48px)}
.la-tl ol{list-style:none;margin:0;padding:0 0 0 34px;position:relative;display:grid;gap:clamp(18px,2.4vw,30px);width:100%}
.la-tl ol::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--mk1);transform-origin:top;transform:scaleY(0);transition:transform 1.8s cubic-bezier(.3,.6,.2,1) .2s}
.la-tl li{position:relative;display:grid;gap:2px;opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(.5s + var(--i) * .35s)}
.la-tl li::before{content:"";position:absolute;left:-31px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--white);border:3px solid var(--mk1)}
.la-tl li:last-child::before{background:var(--mk1)}
.la-tl b{font:600 13px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}
.la-tl span{font:400 clamp(20px,1.8vw,24px)/1.25 var(--serif,Georgia,serif);color:var(--ink)}
.la-tl small{font-size:15px;color:var(--muted)}
.in .la-tl ol::before{transform:scaleY(1)}
.in .la-tl li{opacity:1;transform:none}
/* phone icon in place of the small avatar */
.float-card .fc-ic{flex:none;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--teal-ink)}
.float-card .fc-ic svg{width:22px;height:22px}
@media (max-width:760px){.float-card .fc-ic{width:40px;height:40px}.pcard--sand .la-ph{min-height:220px}}
@media (prefers-reduced-motion:reduce){.la .draw,.reveal:not(.in) .la .draw{stroke-dashoffset:0;transition:none}.la-breath .la-br{animation:none}.la-tl ol::before{transform:none;transition:none}.la-tl li{opacity:1;transform:none;transition:none}}
.la-tl.la-panel{aspect-ratio:auto;min-height:100%}
/* call pill inside the phone drawing; her photo above the bridge in the home collage */
.ill .callpill{cursor:pointer}
.ill .callpill rect{transition:fill .2s ease}
.ill .callpill:hover rect,.ill .callpill:focus-visible rect{fill:var(--teal-ink)}
.ill .callpill:focus-visible{outline:3px solid var(--teal-ink);outline-offset:4px}
.ill text.pilltx{font:600 26px/1 var(--sans);fill:var(--white);letter-spacing:.02em}
.collage .c1{z-index:2;box-shadow:0 14px 34px rgba(var(--shadow-rgb),.16)}
/* office map views (three stills, no 3D code) */
.office .offviews{position:relative;margin:0;border-radius:24px;overflow:hidden;background:var(--sand)}
.office .offviews img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.offviews-seg{position:absolute;left:12px;top:12px;display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(var(--shadow-rgb),.14)}
.offviews-seg button{min-height:36px;padding:6px 14px;border:0;border-radius:999px;background:none;font:600 13px/1 var(--sans);color:var(--plum);cursor:pointer}
.offviews-seg button[aria-pressed="true"]{background:var(--plum);color:#fff}
.offviews-seg button:focus-visible{outline:2px solid var(--teal-ink);outline-offset:2px}
.office .offviews figcaption{padding:10px 14px;font-size:12.5px;color:var(--muted);background:var(--ground)}
@media (max-width:520px){.offviews-seg{position:static;margin:10px;justify-content:center}.offviews-seg button{padding:6px 10px;font-size:12px}}
.office .offviews img[hidden]{display:none}
/* referral report drawing: her three words as sections, flowing to the referring physician */
.ill .rf-h{font:700 19px/1 var(--sans);fill:var(--plum)}
.ill .rf-c{font:600 19px/1 var(--sans);fill:var(--plum)}
.ill .rf-tab1{fill:var(--mk1)}.ill .rf-tab2{fill:var(--mk2)}.ill .rf-tab3{fill:var(--mk3)}
.ill .rf-card{fill:var(--white);stroke:var(--line);stroke-width:1.5}
.ill .rf-flow{stroke-dasharray:180;stroke-dashoffset:180;transition:stroke-dashoffset 1.6s cubic-bezier(.3,.6,.2,1) .4s}
.in .ill .rf-flow{stroke-dashoffset:0}
.ill .rf-card,.ill .rf-c{transition:opacity .6s ease 1.4s}
.reveal:not(.in) .ill .rf-card,.reveal:not(.in) .ill .rf-c{opacity:0}
@media (prefers-reduced-motion:reduce){.ill .rf-flow{stroke-dashoffset:0;transition:none}.ill .rf-card,.ill .rf-c{transition:none;opacity:1}}

/* ===== audit council fixes 2026-10-27 ===== */
/* footer + call block on the same grid as every section above */
.callblock .wrap,.site-footer .wrap{width:min(100% - 2*var(--gut),var(--wrap))}
/* headings sit at the top of their row */
.row2{align-items:start}.row2 h2{margin-top:0}
/* primary button: navy with white text (pale blue stays for panels); the dark Getting Started panel keeps the light button */
.btn{background:var(--plum);border-color:var(--plum);color:#fff}
.btn:hover{background:var(--teal-ink);border-color:var(--teal-ink);color:#fff}
.ctap .btn{background:var(--teal);border-color:var(--teal);color:#1c1c1c}.ctap .btn:hover{background:var(--btn-hover)}
.btn--ghost{background:transparent;border-color:var(--plum);color:var(--plum)}.btn--ghost:hover{background:#fff;color:var(--plum)}
/* contour lines fade out instead of ending on a hard edge */
.hero::before,.office::before,.wp--band::before,.la-contours::before{
  -webkit-mask:url(assets/contours.svg) center/cover no-repeat,radial-gradient(ellipse 75% 70% at 50% 50%,#000 45%,transparent 100%);
  -webkit-mask-composite:source-in;mask:url(assets/contours.svg) center/cover no-repeat,radial-gradient(ellipse 75% 70% at 50% 50%,#000 45%,transparent 100%);mask-composite:intersect}
/* steps read as a sequence: a thin line joins the cards and draws down as they appear */
.steps{position:relative}
.steps::before{content:"";position:absolute;left:51px;top:40px;bottom:40px;width:2px;background:var(--mk1);opacity:.55;transform-origin:top;transform:scaleY(0);transition:transform 1.8s cubic-bezier(.3,.6,.2,1) .2s;z-index:0}
.steps .step{position:relative;z-index:1}
.steps:has(.step.in)::before{transform:scaleY(1)}
/* contact: referral lines draw in, then the call pill settles */
.ill .ph-draw{stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset 1.6s cubic-bezier(.3,.6,.2,1) .2s}
.ill .ph-draw2{transition-delay:.5s}
.in .ill .ph-draw{stroke-dashoffset:0}
.ill .callpill{transition:opacity .5s ease 1.6s}.reveal:not(.in) .ill .callpill{opacity:0}
/* contact: real map drawing in the map panel */
.neuro-mapimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:28px}
/* bridge lines between therapy and assessment */
.bridge{margin-top:18px;font-size:16px}.bridge a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.steps::before{transform:none;transition:none}.ill .ph-draw{stroke-dashoffset:0;transition:none}.ill .callpill{transition:none;opacity:1}}
/* home "Two Specialties": a small drawing + three tags from her own paragraph under each heading */
.spec-l .la-spec{display:block;width:min(240px,100%);height:auto;margin-top:22px}
.spec-l .la-spec .la-path{stroke-width:2.6}
.spec-l .la-spec .la-ln{stroke:var(--teal-ink);stroke-opacity:.35}
.spec-tags{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.spec-tags li{padding:6px 14px;border-radius:999px;background:var(--white);border:1px solid var(--line);font:600 13.5px/1.3 var(--sans);color:var(--plum);opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease}
.spec-tags li:nth-child(2){transition-delay:.15s}.spec-tags li:nth-child(3){transition-delay:.3s}
.in .spec-tags li{opacity:1;transform:none;transition-delay:calc(1.2s + var(--d,0s))}
.in .spec-tags li:nth-child(2){--d:.15s}.in .spec-tags li:nth-child(3){--d:.3s}
@media (prefers-reduced-motion:reduce){.spec-tags li{opacity:1;transform:none;transition:none}}
@media (max-width:760px){.spec-l .la-spec{margin-top:12px}.spec-tags{margin-top:12px}.spec-tags li{font-size:12.5px;padding:5px 12px}}
/* better specialty drawings: coil loosening onto a horizon; strengths profile on a dashed baseline */
.spec-l .la-spec{width:min(280px,100%)}
.la-spec .sp-line{stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.la-spec .sp-sun{fill:var(--mk2);opacity:.28}.la-spec .sp-sun2{fill:none;stroke:var(--mk2);stroke-opacity:.25;stroke-width:1.4}
.la-spec .sp-wave{fill:none;stroke:var(--teal-ink);stroke-opacity:.3;stroke-width:1.6;stroke-linecap:round}
.la-spec .sp-grid{fill:none;stroke:var(--line);stroke-width:1}
.la-spec .sp-base{fill:none;stroke:var(--teal-ink);stroke-opacity:.45;stroke-width:1.4;stroke-dasharray:4 5}
.la-spec .sp-area{fill:var(--mk2);fill-opacity:.2;stroke:var(--mk1);stroke-width:2.2;stroke-linejoin:round}
.la-spec .sp-low{fill:var(--white);stroke:var(--mk2);stroke-width:2.2}
.la-spec .sp-sun,.la-spec .sp-sun2{transform-box:fill-box;transform-origin:50% 100%;transform:translateY(40%);transition:transform 1.6s cubic-bezier(.3,.6,.2,1) 1.4s}
.in .la-spec .sp-sun,.in .la-spec .sp-sun2{transform:none}
.la-spec .sp-prof{transform-origin:140px 84px;transform:scale(.15);opacity:0;transition:transform 1.4s cubic-bezier(.3,.6,.2,1) .3s,opacity .6s ease .3s}
.in .la-spec .sp-prof{transform:none;opacity:1}
@media (prefers-reduced-motion:reduce){.la-spec .sp-sun,.la-spec .sp-sun2,.la-spec .sp-prof{transform:none;opacity:1;transition:none}}
@media (max-width:760px){.spec-l .la-spec{width:190px}}
.la-spec .sp-sun{opacity:.32}
.la-spec .sp-wave.draw{stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset 1.8s cubic-bezier(.3,.6,.2,1) 1s}
.in .la-spec .sp-wave.draw{stroke-dashoffset:0}
.la-spec .sp-sun,.la-spec .sp-sun2{transform:translateY(60%)}
.in .la-spec .sp-sun,.in .la-spec .sp-sun2{transform:none}
@media (prefers-reduced-motion:reduce){.la-spec .sp-wave.draw{stroke-dashoffset:0;transition:none}}
/* inner pages: a shorter hero; the floating quote and call cards stay on Home only */
.hero--inner{padding:24px 0 clamp(40px,5vw,64px)}
.hero--inner .wrap{align-items:center}
.hero--inner .float-quote,.hero--inner .float-card,.hero--inner .badge{display:none}
.hero--inner h1{margin-top:0}
.hero--inner .frame{margin-top:0}
.hero--inner .frame-ring{border-radius:48px;padding:14px 14px 0}
.hero--inner .frame-ring::after{height:14px}
.hero--inner .frame-ring img{aspect-ratio:4/3;max-height:380px;border-radius:36px 36px 0 0}
@media (max-width:760px){.hero--inner .frame-ring img{aspect-ratio:16/10;max-height:none}.hero--inner .frame{max-width:none}}
/* single neuron (classic neuroanatomy plate) replaces the dot network */
.nn .nn-d,.nn .nn-ax,.nn .nn-t{fill:none;stroke:var(--teal-ink);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s cubic-bezier(.3,.6,.2,1)}
.nn .nn-ax{stroke-width:2.6}.nn .nn-t{stroke-width:1.6}
.nn .nn-l1{transition-delay:.35s}.nn .nn-l2{transition-delay:.7s}.nn .nn-l3{transition-delay:1s}
.nn .nn-ax{transition-duration:1.6s;transition-delay:.3s}.nn .nn-t{transition-delay:1.6s}
.in .nn .nn-d,.in .nn .nn-ax,.in .nn .nn-t,.collage .nn .nn-d,.collage .nn .nn-ax,.collage .nn .nn-t{stroke-dashoffset:0}
.nn .nn-soma{fill:var(--mk1)}.nn .nn-nuc{fill:var(--white);opacity:.85}
.nn .nn-m{fill:var(--mk2);opacity:.55}
.nn .nn-b{fill:var(--mk2);opacity:0;transition:opacity .6s ease 2.4s}
.in .nn .nn-b,.collage .nn .nn-b{opacity:1}
@media (prefers-reduced-motion:reduce){.nn .nn-d,.nn .nn-ax,.nn .nn-t{stroke-dashoffset:0;transition:none}.nn .nn-b{opacity:1;transition:none}}
/* young mangrove (replaces the neuron): roots draw, then the crown fills in leaf by leaf from the centre */
.mg .mg-root,.mg .mg-trunk,.mg .mg-limb{fill:none;stroke:var(--teal-ink);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s cubic-bezier(.3,.6,.2,1)}
.mg .mg-root{stroke-width:2.6;transition-delay:calc(.15s + var(--i) * .08s)}
.mg .mg-trunk{stroke-width:5;transition-delay:.6s}
.mg .mg-limb{stroke-width:2.4;transition-delay:1s}
.mg .mg-leaf{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(1.3s + var(--d) * .9s)}
.mg .mg-f1{fill:var(--mk1);fill-opacity:.55}.mg .mg-f2{fill:var(--mk2);fill-opacity:.5}.mg .mg-f3{fill:var(--mk3);fill-opacity:.55}
.mg .mg-water{fill:none;stroke:var(--teal-ink);stroke-opacity:.28;stroke-width:1.6;stroke-linecap:round}
.mg .mg-shadow{fill:var(--mk2);opacity:.12}
.in .mg .mg-root,.in .mg .mg-trunk,.in .mg .mg-limb,.collage .mg .mg-root,.collage .mg .mg-trunk,.collage .mg .mg-limb{stroke-dashoffset:0}
.in .mg .mg-leaf,.collage .mg .mg-leaf{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.mg .mg-root,.mg .mg-trunk,.mg .mg-limb{stroke-dashoffset:0;transition:none}.mg .mg-leaf{opacity:1;transform:none;transition:none}}
.mg .mg-f1{fill-opacity:.62}.mg .mg-f2{fill-opacity:.55}.mg .mg-f3{fill-opacity:.6}

/* 2026-10-27 her notes: two specialties side by side in coloured boxes (diagrams removed) */
.spec-cards{padding:clamp(72px,7vw,96px) 0 clamp(56px,6vw,80px)}
.sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.6vw,34px)}
.sc{border-radius:16px;padding:clamp(28px,3.4vw,44px);display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.sc--a{background:color-mix(in srgb,var(--teal) 55%,var(--white))}
.sc--b{background:color-mix(in srgb,var(--mk3) 42%,var(--white))}
.sc h3{margin:0;font:400 clamp(26px,2.4vw,32px)/1.2 var(--serif,Georgia,serif);color:var(--plum)}
.sc .spec-tags{margin:0}
.sc p{margin:0;flex:1}
.in .sc .spec-tags li,.sc.in .spec-tags li{transition-delay:calc(.25s + var(--d,0s))}
@media (max-width:760px){.sc-grid{grid-template-columns:1fr}}
/* Referring: one card left after "What to Send" was removed */
.pair--one .wrap{grid-template-columns:1fr}
/* her notes 2026-10-31: two-photo collage, centered specialty titles, memberships list */
.collage--two{grid-template-columns:1fr 1fr;align-items:center}
.collage--two .c1{width:100%;justify-self:stretch;margin-top:0;aspect-ratio:4/5}
.collage--two .c4{aspect-ratio:4/5}
.sc h3{align-self:center;text-align:center}
.wp-tx .memb-h,.memb-h{margin:24px 0 6px;font:600 13px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--teal-ink,var(--plum))}
.memb{margin:0;padding-left:1.2em}
.memb li{margin:4px 0}
/* 2026-11-02 notes */
.hero .frame-ring img{aspect-ratio:4/5}
.hero--inner .frame--portrait .frame-ring img{aspect-ratio:4/5;max-height:520px}
@media (max-width:760px){.hero--inner .frame--portrait .frame-ring img{aspect-ratio:4/5}}
@media (max-width:700px){.hero .float-quote{display:none}}
.spec-cards .wrap{border-top:1px solid var(--line);padding-top:clamp(48px,5vw,72px)}
#spec-h{font-weight:700}
.collage--one{display:block;padding-left:0}
.collage--one .c1{width:100%;margin-top:0;aspect-ratio:4/5;max-width:520px;margin-inline:auto}
/* 2026-11-02 her "When You Want Answers" section (home, under Two Specialties) */
.answers{background:var(--sand);padding-block:clamp(64px,7vw,104px)}
.answers-in{max-width:760px;margin-inline:auto}
.answers h2{margin:0 0 clamp(18px,2vw,26px);font-family:var(--serif);font-weight:700;font-size:clamp(30px,3.2vw,44px);line-height:1.15;color:var(--plum);text-wrap:balance}
.answers + .intro{padding-top:clamp(64px,7vw,104px)}
.answers p{margin:0;max-width:68ch;font-size:clamp(17px,1.25vw,19px);line-height:1.7;color:var(--ink)}
.answers p + p{margin-top:18px}
/* 2026-11-02 1:31 PM notes */
.logo .nm{display:flex;flex-direction:column;gap:4px;min-width:0}
.logo .co{font:600 10.5px/1.1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#555}
.hero-btns{display:inline-flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:32px}
.hero-btns .btn{margin-top:0;justify-content:center;text-align:center}
@media (max-width:760px){.logo .nm{grid-row:1;align-self:end}.logo .co{font-size:8.5px;letter-spacing:.05em}.logo .lp{grid-column:2}}
.logo .nm .wm{align-self:flex-start}
.intro .wrap{align-items:center}
/* 2026-11-02 afternoon round: her emails (psychotherapy, areas of focus, evaluation box, education) + notes */
.answers h2{color:var(--ink)}
.answers h3{margin:clamp(28px,3vw,40px) 0 12px;font-family:var(--serif);font-weight:700;font-size:clamp(22px,2vw,27px);line-height:1.2;color:var(--ink)}
.answers--plain{background:transparent}
.answers + .answers{padding-top:0}
.answers--plain + .answers:not(.answers--plain),.answers:not(.answers--plain) + .answers--plain{padding-top:clamp(64px,7vw,104px)}
.hero--inner + .answers--plain{padding-top:clamp(24px,3vw,40px)}
/* tick lists */
.ticks{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.ticks li{display:flex;align-items:flex-start;gap:10px;font-size:16.5px;line-height:1.45;color:var(--ink)}
.ticks svg{flex:none;width:18px;height:18px;margin-top:3px;color:var(--plum)}
@media (min-width:900px){.ticks--2{grid-template-columns:1fr 1fr;column-gap:28px}}
/* Areas of Focus card */
.focus .pcard--sand{grid-template-columns:34% 1fr}
.focus .pcard--sand .tx{padding:clamp(28px,3.4vw,48px) clamp(20px,3vw,44px)}
.focus .pcard--sand .tx > p:first-of-type{font-size:17px;line-height:1.6}
.focus .bridge{margin-top:24px}
/* What Does a Neuropsychologist Do? */
.nbox{padding-block:clamp(56px,6vw,96px)}
.nbox-in{background:var(--tint);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,4vw,56px)}
.nbox-head{display:flex;align-items:center;gap:16px;margin-bottom:clamp(22px,3vw,36px)}
.nbox-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--plum);color:#fff}
.nbox-ic svg{width:24px;height:24px}
.nbox h2{font-family:var(--serif);font-weight:700;font-size:clamp(28px,3vw,40px);line-height:1.15;text-wrap:balance}
.nbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px)}
.nb{background:#fff;border-radius:14px;border-top:4px solid var(--mk1);padding:clamp(20px,2.4vw,32px);min-width:0}
.nb h3{font-family:var(--serif);font-weight:700;font-size:clamp(20px,1.8vw,24px);line-height:1.2;color:var(--ink)}
.nb p{margin-top:12px;font-size:16.5px;line-height:1.6;color:var(--ink)}
.nb--wide{grid-column:1/-1}
.nb--dark{grid-column:1/-1;background:var(--panel-a);border-top-color:var(--teal)}
.nb--dark h3,.nb--dark p{color:#fff}
.nb--dark p{max-width:90ch}
@media (max-width:760px){.nbox-grid{grid-template-columns:1fr}.nbox-ic{width:42px;height:42px}}
/* Types of Assessments Offered: names only */
.svcl{padding-block:clamp(40px,5vw,72px) clamp(64px,7vw,104px)}
.svcl h2{font-family:var(--serif);font-weight:700;font-size:clamp(28px,2.6vw,36px);margin-bottom:clamp(20px,2.4vw,32px)}
.svc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}
.svc-list li{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--sand);border-radius:12px;font:500 17px/1.35 var(--sans);color:var(--ink);scroll-margin-top:110px}
.svc-list .num{flex:none;font:700 14px/1 var(--sans);letter-spacing:.06em;color:var(--plum)}
.svcl .bridge{margin-top:24px}
/* About: horizontal training timeline */
.train{padding-block:clamp(64px,7vw,104px)}
.train h2{font-family:var(--serif);font-weight:700;font-size:clamp(28px,2.6vw,36px)}
.htl{margin:clamp(28px,3vw,44px) 0 clamp(32px,4vw,52px);background:var(--sand);border-radius:18px;padding:clamp(26px,3vw,40px) clamp(18px,2.6vw,36px)}
.htl ol{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.htl ol::before{content:"";position:absolute;left:7px;right:7px;top:7px;height:2px;background:var(--mk1)}
.htl li{position:relative;padding-top:30px;display:grid;align-content:start;gap:4px;min-width:0}
.htl li::before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:var(--white,#fff);border:3px solid var(--mk1);box-sizing:border-box}
.htl li:last-child::before{background:var(--mk1)}
.htl b{font:600 12.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}
.htl span{font:600 clamp(17px,1.4vw,19px)/1.25 var(--serif);color:var(--ink)}
.htl small{font-size:14.5px;line-height:1.4;color:var(--muted)}
.train-tx{max-width:72ch}
.train-tx p{font-size:clamp(17px,1.2vw,18px);line-height:1.7;color:var(--ink)}
.train-tx p + p{margin-top:16px}
@media (max-width:900px){.htl ol{grid-template-columns:1fr;gap:20px;padding-left:30px}.htl ol::before{left:7px;right:auto;top:6px;bottom:6px;width:2px;height:auto}.htl li{padding-top:0}.htl li::before{left:-30px;top:2px}}
.answers + .pair{padding-top:clamp(48px,5vw,72px)}
.focus .pcard h2{font-weight:700;font-size:clamp(26px,2.4vw,32px)}
.svc-list{display:block;columns:2 340px;column-gap:28px}
.svc-list li{break-inside:avoid;margin-bottom:12px}
@media (max-width:760px){.focus .pcard--sand{grid-template-columns:1fr}.focus .pcard--sand .ph{aspect-ratio:16/10}.focus .pcard--sand .tx{padding:24px 20px 28px}}
/* 4:06 PM: Education and Training, 7 stops by year */
.htl-t{font-family:var(--serif);font-weight:700;font-size:clamp(20px,1.8vw,24px);color:var(--ink);margin:0 0 22px}
@media (min-width:1101px){.htl ol{grid-template-columns:repeat(7,minmax(0,1fr));gap:18px}.htl span{font-size:16.5px}.htl small{font-size:13.5px}}
@media (max-width:1100px){.htl ol{grid-template-columns:1fr;gap:20px;padding-left:30px}.htl ol::before{left:7px;right:auto;top:6px;bottom:6px;width:2px;height:auto}.htl li{padding-top:0}.htl li::before{left:-30px;top:2px}}
/* 2026-11-02 4:29 PM notes */
.answers-btn{margin-top:28px}
.answers p.big{font-size:clamp(19px,1.5vw,22px);line-height:1.6}
.tbox{margin-top:clamp(28px,3vw,40px);background:var(--sand);border-left:4px solid var(--plum);border-radius:14px;padding:clamp(22px,2.6vw,34px) clamp(20px,2.6vw,36px)}
.tbox h3{margin:0 0 12px;font-size:clamp(26px,2.4vw,34px)}
.tbox p{font-size:clamp(17px,1.25vw,19px);line-height:1.7}
.train-tx{max-width:none}
@media (min-width:1000px){.train-tx{columns:2;column-gap:56px}.train-tx p{break-inside:avoid}}
.svc-list li{font-size:18px}
.clist{margin:26px 0 0;display:grid;gap:18px}
.clist div{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start}
.clist dt{display:flex;align-items:center;gap:10px;font:600 13px/1.6 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}
.clist dt svg{width:18px;height:18px;color:var(--plum)}
.clist dd{margin:0;font-size:17.5px;line-height:1.5;color:var(--ink)}
.clist dd a{text-decoration:none;color:inherit;font-weight:600}
@media (max-width:480px){.clist div{grid-template-columns:1fr;gap:2px}}
.first-step{margin:22px 0 18px}
.first-step h2{font-family:var(--serif);font-weight:700;font-size:clamp(22px,2vw,28px);color:var(--plum);margin:0 0 10px}
.first-step p{font-size:clamp(17px,1.25vw,19px);line-height:1.65;color:var(--ink);margin:0}
.cta-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.cta-btns .btn{margin-top:0}
/* 2026-11-02 5:34 PM notes: Training text back to one column */
.train-tx{max-width:72ch;columns:auto}
@media (min-width:1000px){.train-tx{columns:auto}}
/* 2026-11-02 6:03 PM: her home quote; wider card, shown under the photo on phones */
.hero:not(.hero--inner) .float-quote{width:min(280px,50%);top:auto;bottom:150px}
.hero:not(.hero--inner) .float-quote p{font-size:17px;line-height:1.5}
@media (max-width:700px){.hero:not(.hero--inner) .float-quote{display:grid;position:relative;left:auto;top:auto;width:auto;margin:-56px 14px 0;padding:18px 18px 18px 18px}.hero:not(.hero--inner) .float-quote p{font-size:16px}}
/* 2026-11-03 9:48 AM: degree fields in the timeline */
.htl em{display:block;font:italic 400 14px/1.35 var(--sans);color:var(--teal-ink);margin-top:2px}
@media (min-width:1101px){.htl em{font-size:13px}}
/* 2026-11-03 notes: home quote moves off the photo into the text column; hero lede no smaller than body text on phones */
.hero-quote{margin:clamp(28px,3vw,40px) 0 0;padding:4px 0 4px 22px;border-left:3px solid var(--quote-mark);max-width:440px}
.hero-quote blockquote{margin:0}
.hero-quote p{font:italic 400 clamp(18px,1.5vw,21px)/1.5 var(--serif);color:var(--plum)}
.hero-quote figcaption{margin-top:8px;font:400 13.5px/1.3 var(--sans);color:var(--muted)}
@media (max-width:700px){.hero .lede{font-size:18px}}

/* 2026-11-04 notes: one heading style and one body size for every content section */
main section:not(.hero) h2{font-family:var(--serif);font-weight:700;font-size:clamp(28px,2.6vw,36px);line-height:1.18;letter-spacing:0;text-wrap:balance}
.wp-tx p,.train-tx p,.answers-in p:not(.big),.nbox p,.focus p,.sc p,.pair p{font-size:17px;line-height:1.7}
.hero .lede{line-height:1.6}
/* her note: background squiggles removed site-wide */
.hero::before,.office::before,.wp--band::before,.la-contours::before{display:none}
/* every timeline dot filled */
.htl li::before{background:var(--mk1)}
/* Learn more buttons centered in the two specialty cards */
.sc .btn{align-self:center;text-align:center}
main section.pair h2,main section.focus h2{font-size:clamp(28px,2.6vw,36px);line-height:1.18}
main section.pair p,main section.focus p{font-size:17px;line-height:1.7}
main section.pair .pcard h2{font-size:clamp(28px,2.6vw,36px);line-height:1.18}
main section.pair .pcard .tx p{font-size:17px;line-height:1.7}

/* 2026-11-04c: her round-2 notes. Photo frame: even sand border all round, photo rounded on all four corners (no bottom strip, no corner wedges) */
.frame-ring{padding:20px}
.frame-ring::after{display:none}
.frame-ring img{border-radius:70px;display:block}
.hero--inner .frame-ring{padding:14px}
.hero--inner .frame-ring img{border-radius:34px}
#answers-h{text-align:center}
@media (max-width:760px){
  .frame-ring{padding:14px}
  .frame-ring img{border-radius:42px}
  .hero--inner .frame-ring img{border-radius:34px}
  /* phone rhythm: plain sections were 94-144px apart */
  main section.hero{padding-bottom:32px}
  main section.spec-cards{padding-top:0}
  main section.spec-cards .wrap{padding-top:36px}
  main section.spec-cards,main section.train,main section.wp:not(.wp--band),main section.answers--plain,main section.pair,main section.svcl,main section.nbox,main section.ctap{padding-bottom:36px}
  main section.train,main section.wp:not(.wp--band),main section.answers--plain,main section.pair,main section.svcl,main section.nbox,main section.ctap{padding-top:36px}
  main section.hero--inner + section.pair,main section.answers + section.answers{padding-top:0}
  main section.hero:not(.hero--inner) h1{font-size:30px}
}
/* frame ring dropped: photo alone, rounded corners, soft shadow */
.frame-ring,.hero--inner .frame-ring{background:none;padding:0;border-radius:0}
.frame-ring img{border-radius:56px;box-shadow:0 18px 40px -24px rgba(43,74,98,.35)}
.hero--inner .frame-ring img{border-radius:32px}
@media (max-width:760px){.frame-ring,.hero--inner .frame-ring{padding:0}.frame-ring img,.hero--inner .frame-ring img{border-radius:32px}}
@media (max-width:760px){.frame-ring img[src*="e1-arrival-doorway"]{object-position:79% 40%!important}}
/* 2026-11-05a: her computer-version notes. Line above "Two Specialties" moves up; About button centered; Areas of Focus reads down each column so Life transitions follows Medical illness. */
main section.spec-cards{padding-top:0}
.answers-btn{display:table;margin-inline:auto}
@media (min-width:761px){#helps .ticks--2{grid-auto-flow:column;grid-template-rows:repeat(6,auto)}}

.fbottom .pl a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* clean preview: hide the colour picker; Harbor blue is the chosen palette */
.pal-bar{display:none!important}
