.scx{--ink:var(--medspa-navy,#0C0C0D); --char:#1A1A1B; --white:#FFFFFF; --mist:#F4F4F4; --fog:#E8E7E7;
  --grey:#6B6668; --grey-2:#8E898A; --mute-d:#C9C5C5;
  --caramel:var(--medspa-on-dark-accent,#D79D7D); --caramel-ink:var(--medspa-accent-text,#A26240);
  --line-l:rgba(12,12,13,.12); --line-d:rgba(255,255,255,.16);
  --serif:var(--scx-serif-font,"Cormorant Garamond","Cormorant",Garamond,"Times New Roman",serif);
  --sans:var(--scx-sans-font,"Montserrat",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif);
  --max:1280px; --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light; box-sizing:border-box;}.scx *,.scx *::before,.scx *::after{box-sizing:inherit}.scx{margin:0; background:var(--white); color:var(--ink); font:400 1rem/1.75 var(--sans); -webkit-font-smoothing:antialiased; overflow-x:hidden}.scx img,.scx .scx-ph{max-width:100%; display:block}.scx a{color:inherit}.scx button{font:inherit}.scx :focus-visible{outline:2px solid currentColor; outline-offset:4px}.scx .sr-only{position:absolute!important; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; padding:0}.scx .wrap{max-width:var(--max); margin:0 auto; padding:0 clamp(1.25rem,4vw,3rem)}.scx .eyebrow{font:600 .72rem/1.4 var(--sans); letter-spacing:.24em; text-transform:uppercase; color:var(--grey); margin:0 0 1.2rem}.scx .dark .eyebrow{color:var(--mute-d)}.scx h1,.scx h2,.scx h3{font-family:var(--serif); font-weight:500; letter-spacing:-.005em}.scx h2.display{font-size:clamp(2.4rem,4.8vw,4.2rem); line-height:1.02; margin:0; font-weight:500}.scx h2.display em{font-style:italic; font-weight:400}.scx .lead{color:var(--grey); max-width:46ch; margin:0}.scx .dark .lead{color:var(--mute-d)}.scx .sec{padding:clamp(4.5rem,9vw,8rem) 0}.scx .dark{background:var(--ink); color:var(--white)}.scx .mist{background:var(--mist)}.scx .btn{display:inline-flex; align-items:center; justify-content:center; gap:.7rem; min-height:52px; padding:0 1.8rem; font:600 .74rem/1 var(--sans); letter-spacing:.2em; text-transform:uppercase; text-decoration:none; border:1px solid transparent; cursor:pointer; transition:background .25s, color .25s, border-color .25s; border-radius:0}.scx .btn svg{width:15px; height:15px; transition:transform .25s}.scx .btn:hover svg{transform:translateX(3px)}.scx .btn-w{background:var(--white); color:var(--ink)}.scx .btn-w:hover{background:var(--fog)}.scx .btn-k{background:var(--ink); color:var(--white)}.scx .btn-k:hover{background:#333}.scx .btn-ol{border-color:rgba(255,255,255,.55); color:var(--white)}.scx .btn-ol:hover{background:var(--white); color:var(--ink)}.scx .btn-olk{border-color:var(--ink); color:var(--ink)}.scx .btn-olk:hover{background:var(--ink); color:var(--white)}.scx .tlink{display:inline-flex; gap:.5rem; align-items:center; font:600 .72rem/1 var(--sans); letter-spacing:.2em; text-transform:uppercase; text-decoration:none; padding-bottom:6px; border-bottom:1px solid currentColor}.scx .hero{position:relative; min-height:max(680px, 100svh); color:var(--white); overflow:hidden; background:#111 var(--fallback) center/cover no-repeat; display:flex; flex-direction:column}.scx .hero-media{position:absolute; inset:0; overflow:hidden; z-index:0}.scx .hero-media .poster{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:opacity 1.2s}.scx .hero-media iframe{position:absolute; top:50%; left:50%; width:100vw; height:56.25vw; min-height:100%; min-width:177.78vh; transform:translate(-50%,-50%) scale(1.18); border:0; pointer-events:none; opacity:0; transition:opacity 1.2s}.scx .hero.playing .hero-media iframe{opacity:1}.scx .hero.playing .hero-media .poster{opacity:0}.scx .hero::after{content:""; position:absolute; inset:0; z-index:1; background:
  linear-gradient(90deg, rgba(12,12,13,.86) 0%, rgba(12,12,13,.62) 42%, rgba(12,12,13,.18) 78%),
  linear-gradient(0deg, rgba(12,12,13,.85) 0%, rgba(12,12,13,0) 38%),
  linear-gradient(180deg, rgba(12,12,13,.6) 0%, rgba(12,12,13,0) 22%)}.scx .hero-body{position:relative; z-index:2; flex:1; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:3rem; align-items:end; padding-top:clamp(150px,20vh,210px); padding-bottom:3rem}.scx .hero h1{font-size:clamp(3rem,6.4vw,6rem); line-height:.95; margin:0 0 1.6rem; font-weight:500; text-shadow:0 2px 40px rgba(0,0,0,.35)}.scx .hero h1 em{font-style:italic; font-weight:400; color:var(--caramel)}.scx .hero h1 .sub{display:block; font-family:var(--sans); font-size:.8rem; font-weight:600; letter-spacing:.3em; text-transform:uppercase; margin-top:1.5rem; color:var(--white)}.scx #answer-first{max-width:56ch; font-size:1.02rem; color:#E7E4E4; margin:0 0 2.2rem; text-shadow:0 1px 20px rgba(0,0,0,.4)}.scx #answer-first strong{color:var(--white); font-weight:600}.scx .hero-cta{display:flex; flex-wrap:wrap; gap:.8rem}.scx .rating{display:flex; align-items:center; gap:.9rem; margin-top:2rem; font-size:.86rem; color:#E7E4E4}.scx .rating .stars{display:flex; gap:2px}.scx .rating svg{width:15px; height:15px; fill:var(--white)}.scx .rating b{font-weight:600; color:var(--white)}.scx .finder{background:rgba(255,255,255,.1); backdrop-filter:blur(18px) saturate(1.2); -webkit-backdrop-filter:blur(18px) saturate(1.2); border:1px solid rgba(255,255,255,.22); padding:1.7rem 1.6rem 1.5rem; align-self:end}.scx .finder h2{font-size:1.75rem; line-height:1.1; margin:0 0 .35rem; font-weight:500}.scx .finder p.hint{margin:0 0 1.1rem; font-size:.85rem; color:#E1DDDD}.scx .combo{position:relative; z-index:30}.scx .combo label{display:block; font:600 .68rem/1 var(--sans); letter-spacing:.22em; text-transform:uppercase; margin-bottom:.6rem}.scx .combo input{width:100%; height:54px; padding:0 3rem 0 1.1rem; background:var(--white); color:var(--ink); border:0; font:500 .95rem var(--sans); border-radius:0}.scx .combo input::placeholder{color:#78736f}.scx .combo input:focus-visible{outline:2px solid var(--white); outline-offset:3px}.scx .combo .ico{position:absolute; right:1rem; bottom:17px; width:20px; height:20px; color:var(--ink); pointer-events:none}.scx .combo ul{position:absolute; left:0; right:0; top:100%; margin:0; padding:.4rem 0; list-style:none; background:var(--white); color:var(--ink); z-index:20; box-shadow:0 24px 50px rgba(0,0,0,.35); max-height:320px; overflow:auto}.scx .combo li a{display:grid; grid-template-columns:1fr auto; gap:.1rem 1rem; padding:.75rem 1.1rem; text-decoration:none}.scx .combo li a b{font-weight:600; font-size:.92rem}.scx .combo li a span{grid-column:1; font-size:.8rem; color:var(--grey)}.scx .combo li a i{grid-row:1/span 2; grid-column:2; align-self:center; font-style:normal; font:600 .62rem var(--sans); letter-spacing:.16em; text-transform:uppercase; color:var(--grey)}.scx .combo li[aria-selected="true"] a,.scx .combo li a:hover{background:var(--mist)}.scx .combo li.none{padding:.9rem 1.1rem; font-size:.88rem; color:var(--grey)}.scx .chips{position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1rem}.scx .chips button{background:transparent; color:var(--white); border:1px solid rgba(255,255,255,.4); padding:.45rem .85rem; font:500 .78rem var(--sans); cursor:pointer; transition:background .2s, color .2s}.scx .chips button:hover{background:var(--white); color:var(--ink)}.scx .hero-foot{position:relative; z-index:2; border-top:1px solid var(--line-d)}.scx .hero-foot .wrap{display:flex; align-items:center; justify-content:space-between; gap:1.5rem; min-height:72px; flex-wrap:wrap}.scx .hero-foot ul{list-style:none; display:flex; gap:2.4rem; margin:0; padding:0; font-size:.82rem; color:#E1DDDD; flex-wrap:wrap}.scx .hero-foot li{display:flex; gap:.6rem; align-items:center}.scx .hero-foot li svg{width:16px; height:16px}.scx .vid-toggle{display:inline-flex; align-items:center; gap:.6rem; background:transparent; color:var(--white); border:1px solid rgba(255,255,255,.4); height:40px; padding:0 1rem; cursor:pointer; font:600 .66rem var(--sans); letter-spacing:.2em; text-transform:uppercase}.scx .vid-toggle svg{width:12px; height:12px; fill:currentColor}
@media (prefers-reduced-motion:no-preference){.scx .hero-body > div > *{animation:scx-rise 1s var(--ease) both}.scx .hero-body > div > *:nth-child(2){animation-delay:.12s}.scx .hero-body > div > *:nth-child(3){animation-delay:.22s}.scx .hero-body > div > *:nth-child(4){animation-delay:.3s}.scx .finder{animation:scx-rise 1.1s .35s var(--ease) both}
@keyframes scx-rise{from{opacity:0; transform:translateY(24px)} to{opacity:1; transform:none}}}.scx .treat{background:var(--mist)}.scx .sec-head{display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; margin-bottom:clamp(2.5rem,5vw,4rem); flex-wrap:wrap}.scx .tabs{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,2fr); gap:clamp(2rem,5vw,4.5rem)}.scx .tablist{display:flex; flex-direction:column; border-top:1px solid var(--line-l)}.scx .tab{all:unset; box-sizing:border-box; cursor:pointer; display:flex; align-items:baseline; gap:1rem; padding:1.2rem .25rem; border-bottom:1px solid var(--line-l); font-family:var(--serif); font-size:clamp(1.35rem,2vw,1.75rem); font-weight:500; color:#7a7577; transition:color .25s, padding .25s}.scx .tab small{font:500 .74rem var(--sans); color:var(--grey); margin-left:auto}.scx .tab .ind{width:9px; height:9px; border-radius:50%; border:1px solid currentColor; align-self:center}.scx .tab:hover{color:var(--ink)}.scx .tab[aria-selected="true"]{color:var(--ink); padding-left:1rem}.scx .tab[aria-selected="true"] .ind{background:var(--ink); border-color:var(--ink)}.scx .tab:focus-visible{outline:2px solid var(--ink); outline-offset:-2px}.scx .panel{display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(1.5rem,3.5vw,3rem); align-items:start}.scx .panel[hidden]{display:none}.scx .arch{border-radius:999px 999px 0 0; overflow:hidden; position:relative; background:var(--fog)}.scx .arch img,.scx .arch .scx-ph{width:100%; height:100%; object-fit:cover}.scx .arch img.pos-r,.scx .arch .scx-ph.pos-r{object-position:78% 50%}.scx .panel .arch{aspect-ratio:3/4}.scx .panel h3{font-size:2rem; margin:0 0 .5rem; line-height:1.1}.scx .panel .lede{color:var(--grey); margin:0 0 1.5rem; font-size:.95rem}.scx .tlist{list-style:none; margin:0 0 1.8rem; padding:0; border-top:1px solid var(--ink)}.scx .tlist li{display:grid; grid-template-columns:1fr auto; align-items:center; border-bottom:1px solid var(--line-l)}.scx .tlist a.tn{display:block; padding:1rem .2rem; text-decoration:none; transition:padding .2s}.scx .tlist a.tn:hover{padding-left:.7rem}.scx .tlist b{display:block; font-weight:600; font-size:.98rem}.scx .tlist span{color:var(--grey); font-size:.84rem}.scx .tlist a.bk{font:600 .64rem var(--sans); letter-spacing:.18em; text-transform:uppercase; text-decoration:none; padding:.55rem .8rem; border:1px solid var(--ink); transition:background .2s, color .2s}.scx .tlist a.bk:hover{background:var(--ink); color:var(--white)}
@media (prefers-reduced-motion:no-preference){.scx .panel:not([hidden]){animation:scx-fade .45s ease both}.scx .panel:not([hidden]) .arch img,.scx .panel:not([hidden]) .arch .scx-ph{animation:scx-zoom 1.4s var(--ease) both}
@keyframes scx-fade{from{opacity:0}to{opacity:1}}
@keyframes scx-zoom{from{transform:scale(1.08)}to{transform:none}}}.scx .quiz-grid{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr); gap:clamp(2.5rem,6vw,6rem); align-items:start}.scx .quiz-side .lead{margin-top:1.4rem}.scx .progress{display:flex; gap:.4rem; margin:2.2rem 0 .8rem}.scx .progress span{height:2px; flex:1; background:var(--line-d); transition:background .4s}.scx .progress span.on{background:var(--white)}.scx .progress-label{font-size:.8rem; color:var(--mute-d); margin:0}.scx .quiz{border:1px solid var(--line-d); padding:clamp(1.5rem,3vw,2.5rem); position:relative; min-height:430px}.scx .step{border:0; margin:0; padding:0}.scx .step[hidden]{display:none}.scx .step legend{font-family:var(--serif); font-size:clamp(1.6rem,2.6vw,2.2rem); line-height:1.15; margin-bottom:1.5rem; padding:0}.scx .opts{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem}.scx .opt input{position:absolute; opacity:0; pointer-events:none}.scx .opt label{display:flex; flex-direction:column; gap:.15rem; height:100%; padding:1rem 1.1rem; border:1px solid var(--line-d); cursor:pointer; transition:border-color .2s, background .2s}.scx .opt label b{font-weight:600; font-size:.95rem}.scx .opt label span{font-size:.8rem; color:var(--mute-d)}.scx .opt label:hover{border-color:rgba(255,255,255,.6)}.scx .opt input:checked + label{background:var(--white); color:var(--ink); border-color:var(--white)}.scx .opt input:checked + label span{color:var(--grey)}.scx .opt input:focus-visible + label{outline:2px solid var(--white); outline-offset:3px}.scx .quiz-nav{display:flex; justify-content:space-between; align-items:center; margin-top:1.8rem; gap:1rem}.scx .back{background:none; border:0; color:var(--mute-d); cursor:pointer; font:600 .7rem var(--sans); letter-spacing:.2em; text-transform:uppercase; padding:.5rem 0}.scx .back:hover{color:var(--white)}.scx .back[disabled]{visibility:hidden}.scx .result{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:2rem; align-items:center}.scx .result[hidden]{display:none}.scx .result .arch{aspect-ratio:3/4}.scx .result .eyebrow{color:var(--caramel)}.scx .result h3{font-size:clamp(2rem,3.4vw,2.8rem); line-height:1.05; margin:0 0 .8rem}.scx .result p{color:var(--mute-d); margin:0 0 1rem; font-size:.95rem}.scx .result .alt{font-size:.85rem; margin-bottom:1.6rem}.scx .result .alt a{color:var(--white)}.scx .result .row{display:flex; flex-wrap:wrap; gap:.7rem}
@media (prefers-reduced-motion:no-preference){.scx .step:not([hidden]),.scx .result:not([hidden]){animation:scx-fade .5s ease both}}.scx .res-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:clamp(2.5rem,6vw,6rem); align-items:center}.scx .case-tabs{display:flex; gap:.5rem; margin:2rem 0 1.6rem; flex-wrap:wrap}.scx .case-tabs button{background:transparent; border:1px solid var(--line-l); padding:.7rem 1.1rem; cursor:pointer; font:600 .68rem var(--sans); letter-spacing:.18em; text-transform:uppercase; color:var(--ink)}.scx .case-tabs button[aria-pressed="true"]{background:var(--ink); color:var(--white); border-color:var(--ink)}.scx .case-meta{border-top:1px solid var(--ink); margin:0 0 2rem}.scx .case-meta div{display:flex; justify-content:space-between; padding:.85rem 0; border-bottom:1px solid var(--line-l); font-size:.9rem}.scx .case-meta dt{color:var(--grey)}.scx .case-meta dd{margin:0; font-weight:600}.scx .compare{position:relative; overflow:hidden; background:var(--fog); user-select:none; width:100%; margin-inline:auto}.scx .compare img,.scx .compare .scx-ph{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}.scx .compare .after{clip-path:inset(0 0 0 var(--pos,50%))}.scx .compare .handle{position:absolute; top:0; bottom:0; left:var(--pos,50%); width:2px; background:var(--white); transform:translateX(-1px); z-index:3; pointer-events:none}.scx .compare .handle::after{content:""; position:absolute; top:50%; left:50%; width:54px; height:54px; transform:translate(-50%,-50%); border-radius:50%; background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C0C0D' stroke-width='1.6'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6'/%3E%3C/svg%3E") center/22px no-repeat; box-shadow:0 8px 30px rgba(0,0,0,.3)}.scx .compare input{position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:ew-resize; z-index:4; margin:0}.scx .compare input:focus-visible ~ .handle::after{outline:3px solid var(--ink); outline-offset:3px}.scx .compare .tag{position:absolute; bottom:1rem; z-index:2; font:600 .64rem var(--sans); letter-spacing:.2em; text-transform:uppercase; background:var(--white); color:var(--ink); padding:.45rem .75rem}.scx .compare .tag.b{left:1rem}.scx .compare .tag.a{right:1rem; top:1rem; bottom:auto}.scx .visit-grid{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(2.5rem,6vw,6rem); align-items:center}.scx .visit-img{position:relative}.scx .visit-img .arch{aspect-ratio:4/4.6}.scx .visit-img .inset{position:absolute; right:-6%; bottom:-8%; width:52%; border:10px solid var(--white); box-shadow:0 30px 60px rgba(0,0,0,.12)}.scx .steps{list-style:none; margin:2.4rem 0 2.4rem; padding:0; counter-reset:s}.scx .steps li{display:grid; grid-template-columns:3.4rem 1fr; gap:1rem; padding:1.3rem 0; border-top:1px solid var(--line-l)}.scx .steps li:last-child{border-bottom:1px solid var(--line-l)}.scx .steps li::before{counter-increment:s; content:counter(s,decimal-leading-zero); font:500 1.8rem/1 var(--serif); font-style:italic; color:var(--grey-2)}.scx .steps b{display:block; font-family:var(--serif); font-size:1.4rem; font-weight:600; line-height:1.2; margin-bottom:.2rem}.scx .steps span{color:var(--grey); font-size:.9rem}.scx .team-top{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:clamp(2.5rem,6vw,6rem); align-items:end; margin-bottom:clamp(2.5rem,5vw,4rem)}.scx .team-photo{background:var(--white); overflow:hidden}.scx .team-photo img,.scx .team-photo .scx-ph{width:100%; transition:transform 1.4s var(--ease)}.scx .team-photo:hover img,.scx .team-photo:hover .scx-ph{transform:scale(1.03)}.scx .leaders{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1.5rem,3vw,2.5rem)}.scx .leader{background:var(--white); padding:2rem 2rem 1.8rem; border-top:2px solid var(--ink)}.scx .leader .eyebrow{margin-bottom:.6rem}.scx .leader h3{font-size:1.9rem; line-height:1.1; margin:0 0 .8rem}.scx .leader p{color:var(--grey); margin:0 0 1.2rem; font-size:.93rem}.scx .staff{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1rem,2vw,1.5rem); margin-top:clamp(1.5rem,3vw,2.5rem)}.scx .staff figure{margin:0; background:var(--white); aspect-ratio:4/5; overflow:hidden}.scx .staff img,.scx .staff .scx-ph{width:100%; height:100%; object-fit:cover; object-position:top; transition:transform 1.4s var(--ease)}.scx .staff figure:hover img,.scx .staff figure:hover .scx-ph{transform:scale(1.04)}.scx .rev{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); min-height:640px}.scx .rev-img{position:relative; overflow:hidden}.scx .rev-img img,.scx .rev-img .scx-ph{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}.scx .rev-body{padding:clamp(3.5rem,7vw,6rem) clamp(1.5rem,6vw,6rem); display:flex; flex-direction:column; justify-content:center}.scx .score{display:flex; align-items:flex-end; gap:1.4rem; margin-bottom:2.4rem}.scx .score .n{font:500 clamp(5rem,9vw,7.5rem)/.8 var(--serif)}.scx .score .stars{display:flex; gap:3px; margin-bottom:.5rem}.scx .score .stars svg{width:18px; height:18px; fill:var(--white)}.scx .score p{margin:0; font-size:.86rem; color:var(--mute-d)}.scx .quotes{position:relative; min-height:230px}.scx .quotes blockquote{margin:0}.scx .quotes blockquote[hidden]{display:none}.scx .quotes p{font:400 clamp(1.6rem,2.8vw,2.3rem)/1.25 var(--serif); font-style:italic; margin:0 0 1.2rem}.scx .quotes footer{font:600 .7rem var(--sans); letter-spacing:.2em; text-transform:uppercase; color:var(--mute-d)}.scx .q-nav{display:flex; align-items:center; gap:.6rem; margin-top:2rem}.scx .q-nav button{width:46px; height:46px; border:1px solid var(--line-d); background:transparent; color:var(--white); cursor:pointer; display:grid; place-items:center}.scx .q-nav button:hover{background:var(--white); color:var(--ink)}.scx .q-nav svg{width:16px; height:16px}.scx .q-nav .count{font-size:.8rem; color:var(--mute-d); margin:0 .6rem}.scx .q-nav .tlink{margin-left:auto}
@media (prefers-reduced-motion:no-preference){.scx .quotes blockquote:not([hidden]){animation:scx-fade .5s ease both}}.scx .mem{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(2.5rem,6vw,6rem)}.scx .mem-img{background:var(--fog)}.scx .mem-img img,.scx .mem-img .scx-ph{width:100%}.scx .perks{list-style:none; margin:2rem 0 2.2rem; padding:0; border-top:1px solid var(--ink)}.scx .perks li{display:flex; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--line-l); font-size:.95rem}.scx .perks svg{flex:0 0 auto; width:18px; height:18px; margin-top:.25rem}.scx .big10{font:500 clamp(4rem,7vw,6rem)/.9 var(--serif); margin:1.6rem 0 .2rem}.scx .big10 small{display:block; font:600 .7rem var(--sans); letter-spacing:.22em; text-transform:uppercase; color:var(--grey); margin-top:.8rem}.scx .book-grid{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(2rem,4vw,3.5rem); align-items:stretch}.scx .planner{background:var(--white); color:var(--ink); padding:clamp(1.8rem,3.5vw,3rem)}.scx .planner h2{font-size:clamp(2rem,3.4vw,2.8rem); line-height:1.05; margin:0 0 .6rem}.scx .planner .eyebrow{color:var(--grey)}.scx .planner > p{color:var(--grey); margin:0 0 1.8rem; font-size:.93rem}.scx .field{margin-bottom:1.5rem; border:0; padding:0}.scx .field > label,.scx .field legend{display:block; font:600 .68rem var(--sans); letter-spacing:.2em; text-transform:uppercase; margin-bottom:.7rem; padding:0}.scx .field select{width:100%; height:54px; padding:0 1rem; font:500 .95rem var(--sans); color:var(--ink); background:var(--mist); border:1px solid var(--line-l); border-radius:0; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C0C0D' stroke-width='1.6'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 1rem center; background-size:18px}.scx .seg{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem}.scx .seg input{position:absolute; opacity:0}.scx .seg label{display:flex; flex-direction:column; align-items:center; text-align:center; padding:.85rem .5rem; border:1px solid var(--line-l); cursor:pointer; font-size:.86rem; font-weight:600}.scx .seg label span{font-weight:400; font-size:.76rem; color:var(--grey)}.scx .seg input:checked + label{background:var(--ink); color:var(--white); border-color:var(--ink)}.scx .seg input:checked + label span{color:var(--mute-d)}.scx .seg input:focus-visible + label{outline:2px solid var(--ink); outline-offset:3px}.scx .summary{background:var(--mist); padding:1rem 1.2rem; font-size:.9rem; margin:0 0 1.4rem; border-left:2px solid var(--caramel-ink)}.scx .planner .row{display:flex; flex-wrap:wrap; gap:.7rem}.scx .planner .note{font-size:.8rem; color:var(--grey); margin:1rem 0 0}.scx .visit-info{display:flex; flex-direction:column; gap:1.5rem}.scx .map{position:relative; flex:1; min-height:300px; background:#1b1b1c; overflow:hidden}.scx .map iframe{position:absolute; inset:0; width:100%; height:100%; border:0; filter:grayscale(1) contrast(1.05)}.scx .info{display:grid; grid-template-columns:1fr 1fr; gap:1.5rem}.scx .info h3{font:600 .68rem var(--sans); letter-spacing:.22em; text-transform:uppercase; margin:0 0 .7rem; color:var(--mute-d)}.scx .info address,.scx .info p{font-style:normal; margin:0; font-size:.93rem; line-height:1.8}.scx .info a{text-decoration:none; border-bottom:1px solid rgba(255,255,255,.4)}.scx .hours{width:100%; border-collapse:collapse; font-size:.9rem}.scx .hours th{text-align:left; font-weight:400; color:var(--mute-d); padding:.2rem 0}.scx .hours td{text-align:right; padding:.2rem 0}.scx .hours tr.today th,.scx .hours tr.today td{color:var(--white); font-weight:600}.scx .hours tr.today th::before{content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--caramel); margin-right:.5rem; vertical-align:middle}.scx .areas{font-size:.85rem; color:var(--mute-d)}.scx .faq-grid{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr); gap:clamp(2.5rem,6vw,6rem); align-items:start}.scx .faq-side{position:sticky; top:120px}.scx .faq-side .lead{margin:1.4rem 0 1.8rem}.scx .faq-list{border-top:1px solid var(--ink)}.scx .faq-list details{border-bottom:1px solid var(--line-l)}.scx .faq-list summary{list-style:none; cursor:pointer; display:grid; grid-template-columns:1fr auto; gap:1.5rem; align-items:center; padding:1.4rem 0; font:500 clamp(1.25rem,1.8vw,1.5rem)/1.3 var(--serif)}.scx .faq-list summary::-webkit-details-marker{display:none}.scx .pm{width:34px; height:34px; border:1px solid var(--line-l); position:relative; transition:background .25s}.scx .pm::before,.scx .pm::after{content:""; position:absolute; left:50%; top:50%; width:12px; height:1.5px; background:var(--ink); transform:translate(-50%,-50%)}.scx .pm::after{transform:translate(-50%,-50%) rotate(90deg); transition:transform .3s}.scx details[open] .pm{background:var(--ink)}.scx details[open] .pm::before{background:var(--white)}.scx details[open] .pm::after{transform:translate(-50%,-50%); background:var(--white)}.scx .faq-list .ans{padding:0 3.5rem 1.6rem 0; color:#4f4a4b; font-size:.95rem; max-width:66ch}.scx .faq-list .ans p{margin:0}.scx .faq-list .ans a{font-weight:600}.scx .f-cta{display:flex; justify-content:space-between; align-items:center; gap:2rem; flex-wrap:wrap; padding-bottom:3rem; margin-bottom:3rem; border-bottom:1px solid var(--line-d)}.scx .f-cta h2{font-size:clamp(2.2rem,4.4vw,3.8rem); line-height:1; margin:0; color:var(--white)}.scx .f-cta h2 em{font-style:italic; font-weight:400}.scx .f-cta .row{display:flex; gap:.7rem; flex-wrap:wrap}
@media (max-width:1100px){.scx .hero-body{grid-template-columns:1fr; align-items:end}.scx .finder{max-width:560px}}
@media (max-width:900px){.scx .tabs,.scx .quiz-grid,.scx .res-grid,.scx .visit-grid,.scx .team-top,.scx .mem,.scx .book-grid,.scx .faq-grid{grid-template-columns:1fr}.scx .rev{grid-template-columns:1fr}.scx .rev-img{min-height:420px}.scx .tablist{flex-direction:row; overflow-x:auto; border-top:0; gap:.5rem; padding-bottom:.4rem; scrollbar-width:none}.scx .tab{border:1px solid var(--line-l); padding:.7rem 1.1rem; font:500 .85rem var(--sans); white-space:nowrap}.scx .tab small,.scx .tab .ind{display:none}.scx .tab[aria-selected="true"]{padding-left:1.1rem; background:var(--ink); color:var(--white); border-color:var(--ink)}.scx .faq-side{position:static}.scx .visit-img{margin-bottom:3rem}.scx .visit-img .inset{right:0; width:48%}}
@media (max-width:640px){.scx .panel,.scx .result{grid-template-columns:1fr}.scx .panel .arch,.scx .result .arch{max-width:240px; aspect-ratio:4/4.4}.scx .opts{grid-template-columns:1fr}.scx .leaders{grid-template-columns:1fr}.scx .staff{grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem}.scx .info{grid-template-columns:1fr}.scx .seg{grid-template-columns:1fr}.scx .hero-body{padding-top:130px}.scx .hero-foot ul{gap:1rem 1.6rem}.scx .faq-list .ans{padding-right:0}.scx{padding-bottom:72px}}
/* placeholders: shown until an image is chosen */
.scx .scx-ph{display:block;width:100%;height:100%;min-height:12rem;background-color:var(--fog);background-image:repeating-linear-gradient(-45deg,transparent 0 16px,rgba(255,255,255,.55) 16px 17px)}
.scx .dark .scx-ph,.scx .rev .scx-ph{background-color:var(--char);background-image:repeating-linear-gradient(-45deg,transparent 0 16px,rgba(255,255,255,.05) 16px 17px)}
.scx .compare .scx-ph{min-height:0}
.scx .compare .scx-ph.after{background-color:var(--mist)}
.scx .hero{--fallback:none}
/* closing call to action (the design's footer CTA, rendered inside the page) */
.scx .scx-cta{background:var(--ink);color:var(--mute-d);padding:clamp(3.5rem,6vw,5rem) 0}
.scx .scx-cta .f-cta{padding-bottom:0;margin-bottom:0;border-bottom:0}
/* placeholders in containers whose height normally comes from the photo */
.scx .visit-img .inset.scx-ph{aspect-ratio:820/361;min-height:0;height:auto}
.scx .team-photo .scx-ph{aspect-ratio:1000/628;min-height:0;height:auto}
.scx .mem-img .scx-ph{aspect-ratio:760/950;min-height:0;height:auto}
/* theme integration: element-level theme heading colours must not override the design */
.scx h1,.scx h2,.scx h3,.scx h4{color:inherit}
.scx .hero{min-height:max(620px,calc(100svh - 96px))}
.scx .hero-body{padding-top:clamp(3.5rem,9vh,6.5rem)}

/* ---------- centered hero (like the clinic's current site) ---------- */
.scx .hero--centered::after{background:linear-gradient(180deg,rgba(12,12,13,.28) 0%,rgba(12,12,13,.12) 45%,rgba(12,12,13,.5) 100%)}
.scx .hero--centered .hero-body{display:flex;align-items:center;justify-content:center;padding-top:clamp(3rem,8vh,6rem);padding-bottom:clamp(3rem,8vh,6rem)}
.scx .hero-panel{max-width:62rem;text-align:center;padding:clamp(2rem,4.5vw,3.75rem) clamp(1.5rem,5vw,4.5rem);background:rgba(12,12,13,.26);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.scx .hero-kicker{font-family:var(--serif);font-size:clamp(1.1rem,1.6vw,1.45rem);letter-spacing:.02em;text-transform:uppercase;margin:0 0 1.4rem;color:#fff}
.scx .hero--centered h1{font-size:clamp(2.3rem,5.4vw,4.8rem);line-height:1.06;letter-spacing:.01em;text-transform:uppercase;font-weight:500;margin:0 0 1.5rem;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.scx .hero--centered h1 .acc{color:inherit}
.scx .hero-intro{max-width:46rem;margin:0 auto 2.2rem;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.7;color:#fff;text-shadow:0 1px 16px rgba(0,0,0,.35)}
.scx .hero--centered .hero-cta{justify-content:center;gap:clamp(.8rem,2vw,2.5rem)}
.scx .hero--centered .hero-cta .btn{min-width:min(100%,19rem);justify-content:center;padding:1.15rem 1.6rem}
.scx .btn-glass-d{background:rgba(12,12,13,.55);color:#fff;border:1px solid rgba(255,255,255,.35)}
.scx .btn-glass-d:hover{background:var(--ink);border-color:var(--ink)}
.scx .btn-glass-l{background:rgba(255,255,255,.55);color:var(--ink);border:1px solid rgba(255,255,255,.75)}
.scx .btn-glass-l:hover{background:#fff}
.scx .hero--centered .hero-foot ul{color:#fff}

/* band under the centered hero: answer-first paragraph, rating, treatment finder */
.scx .hero-after{padding:clamp(3rem,6vw,4.5rem) 0}
.scx .hero-after__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.scx .hero-after #answer-first{font-size:1.02rem;line-height:1.8;color:#E1DDDD;margin:0 0 1.4rem;max-width:40rem}
.scx .hero-after #answer-first strong{color:#fff}
.scx .hero-after .finder{align-self:center}
@media (max-width:900px){.scx .hero-after__grid{grid-template-columns:1fr}}
@media (max-width:640px){.scx .hero--centered .hero-cta .btn{min-width:100%}.scx .hero-panel{background:rgba(12,12,13,.34)}}
/* centered hero headline: two lines like the clinic's current site —
   title on line one, accent ("beauty & confidence") on line two */
.scx .hero-panel{width:min(100%,76rem);max-width:none}
.scx .hero--centered h1{font-size:clamp(2rem,4.3vw,4.1rem);line-height:1.12;letter-spacing:.015em}
.scx .hero--centered h1 .acc{display:block}
@media (min-width:768px){.scx .hero--centered h1,.scx .hero--centered h1 .acc{white-space:nowrap}}
.scx .hero--centered .hero-body{width:100%;max-width:1520px}
.scx .hero--centered .hero-panel{width:100%}
@media (min-width:900px){.scx .hero--centered .hero-cta .btn{min-width:min(100%,24rem);padding:1.3rem 2rem;font-size:.82rem;letter-spacing:.2em}}
/* ---------- centered hero: sizes taken from the clinic's current site ----------
   panel 64% wide with 80px padding (100% below 1181px), 40px between rows,
   kicker 20px, headline 54 / 48 / 32px at 1.15, intro 17 / 16 / 15px at 1.65,
   buttons half-width each with a 25px gap, 13px / 600 / 2px tracking. */
.scx .hero--centered .hero-body{width:100%;max-width:none}
.scx .hero--centered .hero-panel{width:min(64vw,100%);max-width:none;padding:80px}
.scx .hero--centered .hero-kicker{font-size:20px;letter-spacing:0;line-height:1.3;margin:0 0 5px}
.scx .hero--centered h1{font-size:54px;line-height:1.15;letter-spacing:0;font-weight:500;margin:40px 0}
.scx .hero--centered h1,.scx .hero--centered h1 .acc{white-space:normal}
.scx .hero--centered .hero-intro{font-size:17px;line-height:1.65;max-width:none;margin:0 0 40px}
.scx .hero--centered .hero-cta{gap:25px;width:100%;flex-wrap:nowrap}
.scx .hero--centered .hero-cta .btn{flex:1 1 0;min-width:0;max-width:calc(50% - 12.5px);padding:13px 35px;font-size:13px;font-weight:600;letter-spacing:2px;line-height:1.55}
@media (max-width:1180px){
  .scx .hero--centered .hero-panel{width:100%}
  .scx .hero--centered h1{font-size:48px}
  .scx .hero--centered .hero-intro{font-size:16px}
}
@media (max-width:767px){
  .scx .hero--centered .hero-panel{padding:60px 20px}
  .scx .hero--centered h1{font-size:32px}
  .scx .hero--centered .hero-intro{font-size:15px}
  .scx .hero--centered .hero-cta{flex-wrap:wrap;gap:15px}
  .scx .hero--centered .hero-cta .btn{max-width:none;flex-basis:100%}
}
/* keep the headline on two lines: never larger than the current site's sizes,
   scaled down only when the panel is too narrow for "DEFINE YOUR OWN UNIQUE" */
.scx .hero--centered h1{font-size:min(54px,calc((64vw - 160px) / 13))}
@media (max-width:1180px){.scx .hero--centered h1{font-size:min(48px,calc((100vw - 270px) / 13))}}
@media (max-width:767px){.scx .hero--centered h1{font-size:32px}}
/* booking section, link mode: one clear action to the online booking system */
.scx .planner--link h2{margin-bottom:.8rem}
.scx .book-points{list-style:none;margin:1.6rem 0 2rem;padding:0;display:grid;gap:.85rem;border-top:1px solid var(--line-l);padding-top:1.4rem}
.scx .book-points li{display:flex;gap:.8rem;align-items:flex-start;font-size:.95rem;line-height:1.55}
.scx .book-points svg{width:18px;height:18px;flex:0 0 18px;margin-top:.15rem;color:var(--caramel-ink)}
.scx .planner--link .row{display:flex;flex-wrap:wrap;gap:.7rem}
.scx .planner--link .book-go{flex:1 1 14rem;justify-content:center;padding-block:1.15rem}