/* Shared portrait composition; five distinct directions share verified content. */
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;padding-block:46px 52px}.hero h1{font-size:clamp(46px,5.25vw,72px);letter-spacing:-3.7px;line-height:1.04}.hero .eyebrow{font-size:9px}.hero-description{font-size:15px;line-height:1.85;color:var(--muted);margin:25px 0}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.hero-actions .button{font-size:12px}.hero-actions .text-link{font-size:11px}.hero-facts{display:flex;gap:22px;font-size:10px;color:var(--muted);margin-top:40px}.hero-facts span+span::before{content:'·';margin-right:22px}.portrait{margin:0;position:relative;height:470px;min-width:0;overflow:hidden;background:#e2e7d9;border-radius:180px 180px 24px 24px}.portrait img{position:absolute;bottom:0;left:50%;transform:translateX(-55%);height:108%;width:auto;max-width:none}.portrait figcaption{position:absolute;bottom:16px;left:16px;right:16px;padding:18px 20px;background:#fffefaee;backdrop-filter:blur(12px);border-radius:12px}.portrait strong{display:block;font-size:13px;font-weight:600}.portrait figcaption span{display:block;font-size:9px;margin-top:6px;color:#69766a}.hero-personal .portrait{height:460px}.hero-personal h1 span{color:#7e926c}.hero-personal .hero-text{padding-block:5px}.hero-personal .portrait img{height:112%;transform:translateX(-55%)}
/* 02 — restrained editorial / medical atlas */
.theme-atlas{background:#f4efe5;color:#443d36;--ink:#443d36;--green:#9d513a;--muted:#7a7267;--line:#d8cdbd;--sage:#e8e1d5}.theme-atlas .header{height:86px}.theme-atlas .monogram{font-family:Georgia,serif}.theme-atlas .button{border-radius:0;background:#9d513a}.theme-atlas .button:hover{background:#7d3b28}.hero-atlas{grid-template-columns:1.05fr .85fr 32px;gap:40px;padding-block:42px 55px;align-items:end}.hero-atlas h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(56px,6.7vw,88px);letter-spacing:-3px;line-height:1.04}.hero-atlas h1 em{color:#a95b41;font-weight:400}.hero-atlas .hero-description{margin-block:20px}.atlas-portrait .portrait{height:460px;border-radius:0;background:#e5ded2}.atlas-portrait .portrait figcaption{border-radius:0;left:0;right:0;bottom:0;background:#eee7dc;padding:15px 18px}.plate-label{font-size:8px;letter-spacing:2px;display:block;margin-bottom:12px}.atlas-side{writing-mode:vertical-rl;letter-spacing:3px;font-size:10px;align-self:center}.theme-atlas .cards{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}.theme-atlas .condition{display:grid;grid-template-columns:.8fr 1.2fr;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;gap:50px;padding:28px 0}.theme-atlas .card-image{background:#e7e8df;padding-top:24px}.theme-atlas .card-image img{max-height:260px;object-fit:contain}.theme-atlas .card-copy{padding:20px 45px 20px 0;align-self:center}.theme-atlas .card-copy h2{font-family:Georgia,serif;font-size:38px}.theme-atlas .card-copy p{font-size:13px}.theme-atlas .card-action{font-size:12px}.theme-atlas .card-action span{border-radius:0;background:#ded4c3}.theme-atlas .snoring-strip{border-radius:0;background:#e9e0d3}.theme-atlas .care h2,.theme-atlas .doctor-section h2,.theme-atlas .booking-heading h2{font-family:Georgia,serif;font-size:38px;letter-spacing:-1.2px}.theme-atlas h2 span{color:#a15a40}.theme-atlas .appointment{background:#443d36}.theme-atlas .booking-heading h2 span{color:#d9c4ad}.theme-atlas .clinics article{border-radius:0;border-color:#7d746a}.theme-atlas .appointment .button{background:#e8ded0;color:#443d36}.theme-atlas .care-mark{color:#9d513a}.theme-atlas .credentials summary span{color:#9d513a}
/* 03 — symptom-led, clean clinical blue */
.theme-clear{background:#f8fbff;color:#193b59;--ink:#193b59;--green:#1765c1;--muted:#627c94;--line:#d7e3ef;--sage:#e8f0fa}.theme-clear .button{border-radius:10px;background:#1765c1}.theme-clear .button:hover{background:#144c90}.theme-clear .brand .monogram{color:#1765c1}.hero-clear{grid-template-columns:.85fr 1.15fr;gap:66px;padding-block:40px 50px}.hero-clear .portrait{border-radius:24px;background:#dfeaf5;height:530px}.hero-clear .portrait img{height:106%}.hero-clear .hero-text{padding-top:10px}.hero-clear h1{font-size:clamp(43px,5.1vw,66px);font-weight:700;letter-spacing:-3px}.hero-clear h1 span{color:#1765c1}.hero-clear .hero-description{margin:20px 0}.quick-symptoms{display:grid;gap:8px;margin:24px 0}.quick-symptoms button{width:100%;border:1px solid #d7e3ef;border-radius:10px;background:#fff;color:#193b59;display:flex;align-items:center;gap:18px;padding:15px 17px;text-align:left;font-size:13px}.quick-symptoms button:hover{border-color:#1765c1;background:#eaf3ff}.quick-symptoms span{color:#8aa7c4;font-size:10px}.quick-symptoms b{margin-left:auto;color:#1765c1;font-size:20px;font-weight:400}.theme-clear .condition{border-radius:12px;background:white}.theme-clear .card-image{background:#edf3f5}.theme-clear .card-copy h2{font-size:24px;font-weight:700;letter-spacing:-.7px}.theme-clear .card-action span{background:#e4effb;color:#1765c1}.theme-clear .snoring-strip{background:#e6eff9;border-radius:12px}.theme-clear .care{padding-block:52px}.theme-clear .care h2 span,.theme-clear .doctor-section h2 span{color:#1765c1}.theme-clear .care-mark{color:#1765c1}.theme-clear .appointment{background:#123d64}.theme-clear .booking-heading h2 span{color:#a9d5ff}.theme-clear .clinics article{border-radius:12px;border-color:#587d9e}.theme-clear .appointment .button{background:#e9f3ff;color:#193b59}.theme-clear .booking-heading>p,.theme-clear .clinics p,.theme-clear .booking-note{color:#c8d9e9}.theme-clear .chosen-concern{background:#27577e}.theme-clear .care h2{font-weight:700}
/* 04 — considered surgical practice */
.theme-surgeon{background:#173c35;color:#f3eee2;--ink:#173c35;--green:#c3d0a3;--muted:#b7c6b7;--line:#43625a;--sage:#e6ebdf}.theme-surgeon .header{border-color:#43625a}.theme-surgeon .button{background:#d9e4bd;color:#173c35;border-radius:2px}.theme-surgeon .button:hover{background:#f5f4d8}.theme-surgeon .header .monogram{color:#d9e4bd}.hero-surgeon{position:relative;gap:50px;grid-template-columns:1.08fr .92fr;padding-top:44px;padding-bottom:32px}.hero-surgeon h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(49px,5.5vw,73px);letter-spacing:-2px;line-height:1.07}.hero-surgeon h1 em{font-weight:400;color:#c6d3ac}.hero-surgeon .portrait{border-radius:0;height:530px;background:#d7decc}.hero-surgeon .portrait figcaption{background:#f4f0e7;border-radius:0;color:#173c35;left:0;right:0;bottom:0;padding:20px}.hero-surgeon .portrait img{height:108%}.hero-surgeon .hero-description{font-size:13px}.hero-surgeon .hero-actions .text-link{color:#e0e7d4}.hero-surgeon .eyebrow{color:#becfb1}.surgeon-bottom{grid-column:1/-1;display:flex;gap:30px;justify-content:space-between;padding:22px 0;border-top:1px solid #43625a;font-size:10px;text-transform:uppercase;letter-spacing:2px}.theme-surgeon .condition{background:#f1f0e7;border:0;border-radius:0;color:#173c35}.theme-surgeon .card-copy p{color:#607165}.theme-surgeon .card-copy h2{font-family:Georgia,serif;font-size:29px}.theme-surgeon .card-action{border-color:#c9d2c0}.theme-surgeon .snoring-strip{border-radius:0;background:#244b41;color:#eff0df;border:1px solid #43625a}.theme-surgeon .snoring-strip small{color:#b7c6b7}.theme-surgeon .diagram-note{color:#b7c6b7}.theme-surgeon .care{border-color:#43625a}.theme-surgeon .care h2{font-family:Georgia,serif;font-size:37px;letter-spacing:-1px}.theme-surgeon h2 span{color:#c6d3ac}.theme-surgeon .care p:not(.eyebrow){color:#b7c6b7}.theme-surgeon .care-mark{color:#c6d3ac}.theme-surgeon .doctor-section h2{font-family:Georgia,serif;font-size:38px}.theme-surgeon .appointment{background:#e8ecdf;color:#173c35}.theme-surgeon .appointment .eyebrow{color:#47634f}.theme-surgeon .booking-heading h2 span{color:#647b51}.theme-surgeon .booking-heading>p,.theme-surgeon .clinics p,.theme-surgeon .booking-note{color:#607165}.theme-surgeon .clinics article{border-radius:0;border-color:#a8b79b}.theme-surgeon .appointment .button{background:#173c35;color:#f5f3e8}.theme-surgeon .booking-request button,.theme-surgeon .chosen-concern button{color:#173c35}.theme-surgeon .chosen-concern{background:#d2dec3}.theme-surgeon .chosen-concern span{color:#47634f}.theme-surgeon #copy-status{color:#47634f}.theme-surgeon .clinic-number{color:#607165}.theme-surgeon footer{color:#bac8b8}.theme-surgeon dialog{--muted:#607165;--line:#d0d7c7}.theme-surgeon .next-step p{color:#173c35}
/* 05 — warm, candid, portrait-first */
.theme-warm{background:#fff9f2;color:#49372e;--ink:#49372e;--green:#b45f46;--muted:#8b7569;--line:#e9d9cb;--sage:#f0e5d9}.theme-warm .button{background:#b45f46}.theme-warm .button:hover{background:#934832}.theme-warm .monogram{color:#b45f46}.hero-warm{display:block;padding-block:38px 48px}.warm-heading{text-align:center;margin-bottom:34px}.warm-heading .eyebrow{justify-content:center;font-size:8px}.hero-warm h1{font-size:clamp(38px,4.65vw,62px);line-height:1.12;letter-spacing:-2.8px}.hero-warm h1 span{color:#ae624c}.warm-panel{background:#efdfd0;border-radius:30px;display:grid;grid-template-columns:1fr 1fr;gap:55px;overflow:hidden;padding-right:42px}.warm-panel .portrait{height:390px;border-radius:0;background:#e4cfbd}.warm-panel .portrait img{height:116%;bottom:-8px}.warm-conversation{align-self:center;position:relative;padding:24px 0}.warm-conversation h2{font-family:Georgia,serif;font-size:36px;font-weight:400;line-height:1.18;letter-spacing:-.8px;margin:0}.warm-conversation p{font-size:12px;line-height:1.8;color:#806757;margin:15px 0}.warm-conversation .hero-actions{margin:22px 0 17px;gap:14px}.warm-conversation .hero-actions .button{font-size:10px;padding:15px 20px;min-height:46px}.warm-conversation .text-link{display:none}.warm-star{position:absolute;right:5px;top:20px;font-size:60px;color:#bc785b}.warm-signature{font-size:9px;color:#806757}.theme-warm .cards{gap:27px}.theme-warm .condition{border:0;border-radius:0;background:transparent}.theme-warm .card-image{border-radius:100px 100px 15px 15px;background:#eae9dd;overflow:hidden}.theme-warm .figure-number{left:0;right:0;text-align:center;font-size:7px}.theme-warm .card-copy{padding-inline:0}.theme-warm .card-copy h2{font-size:27px;letter-spacing:-.9px}.theme-warm .card-action{border-color:#dbc2af}.theme-warm .snoring-strip{background:#f2e9df;border-radius:18px}.theme-warm .care h2{font-family:Georgia,serif;font-size:36px}.theme-warm .care h2 span,.theme-warm .doctor-section h2 span{color:#af654f}.theme-warm .care-mark{color:#ba7c5f}.theme-warm .appointment{background:#785244}.theme-warm .booking-heading h2 span{color:#edd3b5}.theme-warm .booking-heading>p,.theme-warm .clinics p,.theme-warm .booking-note{color:#e2cfc1}.theme-warm .clinics article{border-color:#ac8875}.theme-warm .appointment .button{background:#f7e9d9;color:#684232}.theme-warm .chosen-concern{background:#8f6553}.theme-warm .chosen-concern span{color:#f5dac5}.theme-warm .booking-request button,.theme-warm .chosen-concern button{color:#f7e9d9}.theme-warm #copy-status{color:#f7e9d9}.theme-warm .clinic-number{color:#e2cfc1}
@media(min-width:1440px){.hero-personal .portrait{height:490px}}
@media(max-width:1050px){.hero{gap:35px}.hero h1{font-size:55px;letter-spacing:-2.5px}.hero .portrait{height:450px}.hero-clear{gap:32px}.hero-clear h1{font-size:47px}.hero-clear .portrait{height:510px}.hero-surgeon h1{font-size:55px}.hero-surgeon .portrait{height:500px}.hero-atlas{grid-template-columns:1.05fr .95fr;gap:35px}.hero-atlas h1{font-size:64px}.atlas-side{display:none}.hero-atlas .hero-actions{gap:18px}.hero-actions .button{font-size:11px;padding:16px 19px;gap:18px}.hero-description{font-size:13px}.hero-facts{gap:12px;font-size:9px}.hero-facts span+span::before{margin-right:12px}.warm-panel{gap:32px;padding-right:30px}.hero-warm .portrait{height:370px}.warm-conversation h2{font-size:30px}.warm-star{font-size:43px;right:0;top:24px}.theme-atlas .condition{gap:35px}}
@media(max-width:760px){.hero{gap:25px;grid-template-columns:1.05fr .95fr;padding-block:30px 35px}.hero h1{font-size:43px;letter-spacing:-2px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero .portrait{height:360px}.hero-description{font-size:12px;margin:19px 0}.hero-actions{gap:15px;margin-top:20px}.hero-actions .button{font-size:10px;padding:15px 17px}.hero-facts{display:block;line-height:2;margin-top:20px}.hero-facts span{display:block}.hero-facts span+span::before{display:none}.portrait strong{font-size:11px}.portrait figcaption{left:10px;right:10px;bottom:10px;padding:13px}.portrait figcaption span{font-size:8px}.hero-atlas h1{font-size:53px}.hero-clear{grid-template-columns:.8fr 1.2fr}.hero-clear .portrait{height:420px}.hero-clear h1{font-size:39px}.quick-symptoms{gap:6px;margin-block:17px}.quick-symptoms button{font-size:10px;gap:12px;padding:11px 12px}.quick-symptoms b{font-size:16px}.hero-clear .hero-text>.text-link{font-size:10px}.hero-surgeon .portrait{height:430px}.hero-surgeon h1{font-size:44px}.surgeon-bottom{font-size:8px;letter-spacing:1px;padding:17px 0;gap:15px}.hero-warm{display:block}.hero-warm h1{font-size:40px}.warm-panel{gap:25px;padding-right:22px;border-radius:22px}.hero-warm .portrait{height:345px}.warm-conversation h2{font-size:28px}.warm-star{font-size:34px;top:15px}.warm-conversation p{font-size:10px}.warm-conversation .hero-actions .button{font-size:9px;padding:12px 14px;gap:12px}.theme-atlas .card-copy h2{font-size:31px}.theme-atlas .card-copy{padding-right:0}.theme-atlas .condition{gap:30px}.theme-surgeon .card-copy h2{font-size:23px}.theme-warm .cards{gap:15px}.theme-warm .card-copy h2{font-size:22px}}
@media(max-width:600px){.hero{grid-template-columns:1fr;padding-block:28px 34px;gap:27px}.hero h1{font-size:clamp(40px,10.5vw,59px);letter-spacing:-2.5px;line-height:1.07}.hero-personal h1 span br{display:none}.hero .eyebrow{font-size:7px;margin-bottom:16px;letter-spacing:1.1px}.hero-description{font-size:12px;line-height:1.8;margin:18px 0}.hero-actions{margin-top:20px;gap:17px}.hero-actions .button{font-size:11px;min-height:47px;padding:14px 18px}.hero-actions .text-link{font-size:10px}.hero-facts{display:flex;gap:20px;font-size:9px;margin-top:22px}.hero-facts span+span::before{display:inline;margin-right:20px}.hero .portrait{height:360px;max-width:420px;width:100%;margin-inline:auto}.hero-personal .portrait{border-radius:150px 150px 20px 20px;height:350px}.portrait figcaption{left:14px;right:14px;bottom:14px;padding:16px}.portrait strong{font-size:13px}.portrait figcaption span{font-size:9px}.hero-atlas{gap:30px}.hero-atlas h1{font-size:60px;line-height:1.02}.hero-atlas .hero-actions{margin-top:20px}.hero-atlas .portrait{height:370px}.theme-atlas .condition{grid-template-columns:1fr;gap:0;padding:25px 0;max-width:none}.theme-atlas .card-image{width:100%;max-width:none}.theme-atlas .card-image img{max-height:280px}.theme-atlas .card-copy{padding:25px 0 0}.theme-atlas .card-copy h2{font-size:32px}.theme-atlas .card-copy p{font-size:12px}.theme-atlas .care h2{font-size:27px}.theme-atlas .doctor-section h2,.theme-atlas .booking-heading h2{font-size:33px}.hero-clear{gap:26px}.hero-clear .hero-text{order:-1;padding:0}.hero-clear h1{font-size:46px}.hero-clear .portrait{height:330px}.quick-symptoms button{font-size:12px;padding:14px 16px}.quick-symptoms{margin-block:20px}.hero-clear .hero-text>.text-link{font-size:11px}.theme-clear .card-copy h2{font-size:26px}.hero-surgeon h1{font-size:49px;line-height:1.06}.hero-surgeon .portrait{height:380px}.hero-surgeon .hero-description{font-size:12px}.hero-surgeon .hero-actions .text-link{font-size:10px}.surgeon-bottom{gap:12px;flex-wrap:wrap;line-height:1.8;padding:14px 0 0}.theme-surgeon .care h2{font-size:28px}.theme-surgeon .doctor-section h2{font-size:33px}.theme-surgeon .card-copy h2{font-size:29px}.hero-warm h1{font-size:35px;letter-spacing:-1.8px;line-height:1.15}.warm-heading .eyebrow{font-size:6px;letter-spacing:.9px}.warm-heading{margin-bottom:25px}.warm-panel{grid-template-columns:1fr;gap:0;padding:0;border-radius:22px}.hero-warm .portrait{height:315px;width:100%;max-width:none}.warm-panel .portrait img{height:116%;bottom:-5px}.warm-conversation{padding:27px;align-self:auto}.warm-conversation h2{font-size:32px}.warm-conversation h2 br{display:none}.warm-conversation p{font-size:12px;line-height:1.8;margin-block:16px}.warm-star{right:24px;top:20px;font-size:40px;opacity:.3}.warm-conversation .hero-actions{margin-top:20px}.warm-conversation .hero-actions .button{font-size:11px;padding:15px 19px}.warm-signature{font-size:9px}.theme-warm .cards{gap:28px}.theme-warm .card-copy{padding-top:22px;padding-bottom:0}.theme-warm .card-copy h2{font-size:28px}.theme-warm .card-image{border-radius:100px 100px 15px 15px}.theme-warm .care h2{font-size:28px}}
@media(max-width:360px){.hero h1{font-size:38px}.hero-actions{gap:14px}.hero-actions .button{font-size:10px;padding:14px 16px}.hero-facts{font-size:8px;gap:12px}.hero-facts span+span::before{margin-right:12px}.hero .portrait{height:310px}.hero-surgeon h1{font-size:43px}.hero-atlas h1{font-size:50px}.hero-warm h1{font-size:31px}.hero-warm .portrait{height:285px}.warm-conversation{padding:24px}}