/* Homepage editorial pass. Clinical imagery and source information stay intact. */
.homepage{--chapter-space:88px;--panel:#f1f1ee;--warm-panel:#f8f3ee;--rule:#28282822}
.homepage>section,.homepage>figure{scroll-margin-top:24px}
.homepage .eyebrow{font:400 11px/1.35 TT,Arial,sans-serif;color:#766e67;letter-spacing:.015em;gap:10px}
.homepage .eyebrow:before{width:18px;background:#f36a05}
.homepage h2{ text-wrap:balance }
.homepage p{ text-wrap:pretty }
.homepage .button{font-size:15px;min-height:46px}
.homepage .text-link{font-size:14px;text-decoration-thickness:1px;text-underline-offset:6px}
/* 01 — The original photographic poster gets a cleaner baseline. */
.homepage .hero{padding-top:12px}
.homepage .hero-stage{border-radius:26px}
.homepage .hero-bottom{padding:20px 3px 24px;font-size:13px}
.homepage .hero-note{font-size:10px;letter-spacing:.03em;right:25px;bottom:23px}
.homepage .hero h1{letter-spacing:-.035em}
/* 02 — A compact statement, with the original orange disc. */
.homepage .intro{grid-template-columns:.85fr 1.15fr;gap:9vw;padding-block:38px 48px;max-width:1260px}
.homepage .intro-art{max-width:290px;width:100%;margin-left:0;justify-self:center}
.homepage .intro-art>span{font-size:125px}
.homepage .intro h2{font-size:clamp(43px,4.7vw,68px);line-height:1.08;letter-spacing:-.035em}
.homepage .intro p:not(.eyebrow){font-size:17px;line-height:1.45;max-width:430px;margin-top:22px}
/* 03 — Three portraits read as one asymmetric spread. */
.homepage #smiles{padding-block:46px 42px}
.homepage #smiles .section-head{align-items:end;gap:60px;margin-bottom:30px}
.homepage #smiles h2{font:400 clamp(48px,5vw,72px)/1.06 Mintely,Georgia,serif;letter-spacing:-.04em;max-width:700px}
.homepage #smiles .section-head>p{font-size:16px;line-height:1.4;max-width:280px}
.homepage .gallery-grid{grid-template-columns:1.05fr .78fr 1fr;gap:28px;align-items:start}
.homepage .gallery-item .image-frame{aspect-ratio:4/5;border-radius:18px}
.homepage .gallery-item:nth-child(2){margin-top:78px}
.homepage .gallery-item:nth-child(2) .image-frame{aspect-ratio:3/4;border-radius:160px 160px 18px 18px}
.homepage .gallery-item:nth-child(3){margin-top:30px}
.homepage .gallery-item:nth-child(3) img{object-position:50% 32%}
.homepage .gallery-caption{margin-top:12px}
.homepage .gallery-footer{margin-top:22px;padding-top:14px;font-size:12px}
/* 04 — Family collage, with room to read the individual photographs. */
.homepage .dynasty{margin-block:55px 38px;gap:clamp(22px,4vw,58px);min-height:390px}
.homepage .dynasty h2{font-size:clamp(52px,5.3vw,78px);color:#e96508;margin-bottom:23px}
.homepage .dynasty-copy p:not(.eyebrow){font-size:17px;line-height:1.4}
.homepage .dynasty-left,.homepage .dynasty-right{height:365px}
.homepage .dynasty-work{width:64%;height:76%}
.homepage .dynasty-family{width:69%;height:66%;left:0}
.homepage .dynasty-team{width:83%;height:61%}
/* 05 — A portrait and a name, rather than another oversized poster. */
.homepage .doctor{padding-block:48px 64px}
.homepage .doctor-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:9vw;max-width:1320px;align-items:center}
.homepage .doctor-portrait{max-width:470px;width:100%;justify-self:center;aspect-ratio:4/4.7;transform:rotate(-1.5deg);margin:10px 0;border-radius:22px}
.homepage .doctor-portrait img{object-position:50% 18%}
.homepage .doctor-copy h2{font:300 clamp(47px,5.1vw,73px)/1.02 TT,Arial,sans-serif;letter-spacing:-.045em;margin:18px 0 25px;overflow-wrap:normal}
.homepage .doctor-copy>p{font-size:17px;line-height:1.4;max-width:360px}
.homepage .family-line{border-top:1px solid var(--rule);padding-top:22px;margin-top:28px;gap:23px}
.homepage .family-line img{width:100px;height:110px;border-radius:9px}
.homepage .family-line strong{font-size:45px}
/* 06 — Original Method motion and signature; light lives behind its frame. */
.homepage .method-feature{margin-block:16px 72px;padding-block:30px;gap:7vw;grid-template-columns:1.2fr 1fr;max-width:1380px}
.homepage .method-feature-copy{padding-left:10px}
.homepage .method-feature h2{font-size:clamp(76px,8vw,116px)}
.homepage .method-signature{position:relative}
.homepage .method-g8{font-size:65px!important;margin-top:12px!important}
.homepage .method-g8 i{height:45px!important}
.homepage .method-feature .method-by{margin:15px 0 28px;font-size:12px;color:#7d6b5c}
.homepage .method-feature .method-promise{font:300 clamp(26px,2.7vw,38px)/1.15 TT,Arial,sans-serif;letter-spacing:-.03em;margin-bottom:18px}
.homepage .method-feature .method-description{font-size:17px;line-height:1.4;margin-bottom:25px}
.homepage .method-visual:before{background:radial-gradient(ellipse at 48% 65%,#ff6f0080,#ff6f003d 40%,transparent 73%)}
/* 07 — A typographic service index on a soft grey panel. */
.homepage .services{padding-block:60px;margin-inline:18px;border-radius:28px;background:#f1f1ee}
.homepage .services-grid{grid-template-columns:.95fr 1.15fr;gap:8vw;align-items:start}
.homepage .services-intro h2{font:300 clamp(43px,4.3vw,62px)/1.04 TT,Arial,sans-serif;letter-spacing:-.04em;margin:23px 0}
.homepage .services-intro p{font-size:17px;line-height:1.4;max-width:310px}
.homepage .detail-photo{transform:rotate(-2deg);width:150px;max-width:150px;margin:32px 0 0;border-radius:12px}
.homepage .service summary{padding-block:23px;grid-template-columns:28px 1fr 20px;gap:16px}
.homepage .service summary h3{font:300 clamp(26px,2.6vw,37px)/1.1 TT,Arial,sans-serif;letter-spacing:-.025em}
.homepage .service-body{padding:0 24px 24px 44px;font-size:16px;line-height:1.45;max-width:540px}
.homepage .service-body p{margin-bottom:20px}
/* 08 — A material study: native-resolution details and one larger smile. */
.homepage .ceramics{margin-block:78px 76px}
.homepage .ceramics-heading{gap:24px 44px;align-items:end;margin-bottom:34px}
.homepage .ceramics-heading h2{font-size:clamp(60px,6.5vw,94px);line-height:1.02}
.homepage .ceramics-heading .ceramics-lead{font-size:17px;line-height:1.4;max-width:320px}
.homepage .ceramics-gallery{grid-template-columns:1fr 1fr 1.25fr;gap:26px;align-items:center}
.homepage .ceramic-study:not(:last-child){padding:25px 16px 18px;border:1px solid #e4e1da;border-radius:18px;background:#faf9f6}
.homepage .ceramic-study:not(:last-child) img{mix-blend-mode:multiply;max-width:236px;height:235px}
.homepage .ceramic-study:last-child img{aspect-ratio:4/4.7;border-radius:18px;object-position:50% 28%}
.homepage .ceramic-study figcaption{font-size:11px;margin-top:16px}
.homepage .ceramics-notes{gap:34px;margin-top:32px}
.homepage .ceramics-notes>div{border-top:1px solid var(--rule);padding-top:20px}
.homepage .ceramics-notes h3{font:300 25px/1.15 TT,Arial,sans-serif;letter-spacing:-.02em;margin-bottom:13px}
.homepage .ceramics-notes p{font-size:15px;line-height:1.45}
/* 09 — Clinical evidence is calm, readable and correctly paired. */
.homepage .implants{padding:42px clamp(26px,4vw,58px);border-radius:28px;background:#f8f3ee;margin-block:0 78px}
.homepage .implant-heading{grid-template-columns:1fr 1fr;gap:15px 7vw;align-items:end}
.homepage .implant-heading h2{font:300 clamp(44px,4.7vw,68px)/1.05 TT,Arial,sans-serif;letter-spacing:-.04em}
.homepage .implant-heading h2 em{font:400 1.15em/1 Mintely,Georgia,serif}
.homepage .implant-heading>p:last-child{font-size:16px;line-height:1.4;margin-bottom:4px;max-width:390px}
.homepage .implant-evidence{margin-top:30px;gap:6vw;align-items:center}
.homepage .implant-context h3{font:400 20px/1.2 TT,Arial,sans-serif;letter-spacing:-.015em;margin-bottom:11px}
.homepage .implant-context p{font-size:15px;line-height:1.45}
.homepage .implant-context>div+div{margin-top:22px}
.homepage .implant-works{margin:28px 0;gap:16px}
.homepage .implant-works img{border-radius:9px}
.homepage .implant-sequence{gap:22px;padding-top:22px}
.homepage .implant-sequence span{font:400 11px/1 TT,Arial,sans-serif;margin-bottom:12px}
.homepage .implant-sequence h3{font:300 20px/1.2 TT,Arial,sans-serif;letter-spacing:-.02em}
/* 10 — Neutral technology panel, one straight photographic crop. */
.homepage .technology{padding-block:50px;border-radius:28px;gap:7vw;background:#efefed;margin-block:0 68px}
.homepage .technology-photo{transform:none;aspect-ratio:1.1;border-radius:18px;margin:0;max-width:560px}
.homepage .technology-photo img{object-position:48% 40%}
.homepage .technology h2{font:300 clamp(45px,4.9vw,70px)/1.03 TT,Arial,sans-serif;letter-spacing:-.045em;margin:21px 0}
.homepage .technology p{font-size:17px;line-height:1.4;max-width:400px}
.homepage .tech-list{margin-top:27px}
.homepage .tech-list li{font:400 15px/1.3 TT,Arial,sans-serif;padding-block:16px;grid-template-columns:92px 1fr;gap:18px}
.homepage .tech-list span{font-size:15px;line-height:1.35;max-width:260px}
/* 11 — Handwork and technology in one tightly composed triptych. */
.homepage .laboratory{grid-template-columns:1.1fr 1fr .65fr;gap:32px;align-items:center;margin-block:0 72px}
.homepage .laboratory h2{font:400 clamp(54px,5.7vw,83px)/1.04 Mintely,Georgia,serif;letter-spacing:-.04em;margin:20px 0 25px}
.homepage .laboratory .lab-subtitle{font-size:28px;margin-top:12px}
.homepage .lab-title p:not(.eyebrow){font-size:16px;line-height:1.45;max-width:320px}
.homepage .lab-title p+p{margin-top:17px}
.homepage .lab-photo img{aspect-ratio:4/4.8;border-radius:18px;transform:rotate(-1.5deg)}
.homepage .laboratory .original-film{padding-top:45px}
.homepage .original-film figcaption{font-size:12px;line-height:1.4;margin-top:12px}
/* 12 — A small optical illustration accompanies the real equipment index. */
.homepage .equipment{position:relative;margin-block:0 64px;padding-top:20px}
.homepage .equipment .section-head{justify-content:flex-start;align-items:end;gap:55px;min-height:135px;padding-left:185px;margin-bottom:30px}
.homepage .equipment h2{font:300 clamp(41px,4.2vw,60px)/1.02 TT,Arial,sans-serif;letter-spacing:-.04em}
.homepage .equipment-art{position:absolute;top:-8px;left:var(--gutter);width:155px;pointer-events:none}
.homepage .equipment-grid{gap:20px}
.homepage .equipment-grid article{padding:20px 15px 18px;border:1px solid #e4e2dc;border-radius:14px;background:#fafaf8}
.homepage .equipment-grid img{height:125px;margin-bottom:20px;object-fit:contain}
.homepage .equipment-grid h3{font:400 20px/1.1 TT,Arial,sans-serif;margin-bottom:10px}
.homepage .equipment-grid p{font-size:14px;line-height:1.4;max-width:200px}
/* 13 — A quieter panoramic breath between technical and human chapters. */
.homepage .clinic{margin-top:0;margin-bottom:72px;border-radius:22px}
.homepage .clinic>img{height:clamp(350px,36vw,520px);aspect-ratio:auto;object-fit:cover;object-position:50% 49%}
.homepage .clinic-caption{padding:17px 3px 0;font-size:12px}
/* 14 — The large portrait remains the emotional anchor. */
.homepage .shine-feature{margin-block:0 76px;gap:25px 7vw;max-width:1420px}
.homepage .shine-feature .shine-photo img{max-height:580px;object-position:50% 30%}
.homepage .shine-feature h2{font-size:clamp(43px,4.6vw,65px)}
.homepage .shine-feature h2>span{font-size:.44em;margin-top:18px;color:#b44e06}
.homepage .shine-feature .original-film{max-width:155px}
.homepage .shine-feature .shine-story p{font-size:15px;line-height:1.45}
/* 15 — Portrait films use a lighter, more precise frame. */
.homepage .stories-carousel{margin-block:0 72px}
.homepage .stories-carousel .section-head{align-items:end;margin-bottom:30px}
.homepage .stories-carousel h2{font-size:clamp(43px,4.6vw,66px);line-height:1.06}
.homepage .stories-track{grid-auto-columns:285px;max-width:930px;gap:24px}
.homepage .story-video-frame{padding:6px;border-color:#cfc8c0;border-radius:23px;background:#f7f4ef}
.homepage .story-video-frame video{border-radius:17px}
.homepage .story-slide figcaption{font-size:17px;margin-top:15px;gap:14px}
.homepage .story-role{font-size:12px}
.homepage .stories-controls{max-width:930px;margin-top:22px;padding-top:15px}
/* 16 — Media has its own typography, and genuine monochrome platform marks. */
.homepage .podcast-editorial{width:calc(100% - 36px);padding:30px 34px;border-radius:26px;background:#f5f5f2;border-color:#e5e3dc;margin-bottom:64px}
.homepage .podcast-editorial-body{grid-template-columns:1.65fr 1fr;gap:38px}
.homepage .podcast-editorial-copy h2{font-size:clamp(31px,3vw,43px);line-height:1.1;letter-spacing:-.035em}
.homepage .podcast-editorial-copy>p:not(.eyebrow){font-size:16px;line-height:1.4}
.homepage .podcast-platform{border-color:#dedcd7;border-radius:12px;min-height:70px;padding:13px 16px;font-size:16px}
.homepage .podcast-platform .platform-brand-icon{width:29px;height:29px}
.homepage .podcast-speakers{font-size:13px;gap:14px}
/* 17 — Prices feel like a short editorial table, not another hero. */
.homepage .prices-section{padding-block:15px 62px;gap:8vw;align-items:center}
.homepage .prices-copy h2{font:300 clamp(43px,4.8vw,69px)/1.04 TT,Arial,sans-serif;letter-spacing:-.04em;margin:20px 0}
.homepage .prices-copy p{font-size:16px;line-height:1.4;max-width:320px}
.homepage .prices-list{background:#faf9f6;border-radius:20px;padding:15px 28px 27px}
.homepage .price-row{font-size:16px;padding-block:21px;border-color:#dedbd4;gap:22px}
.homepage .price-row strong{font:300 25px/1.1 TT,Arial,sans-serif;letter-spacing:-.03em;white-space:nowrap}
.homepage .prices-list>.text-link{display:inline-block;margin-top:20px}
/* 18 — An orange invitation, with a compact, aligned contact baseline. */
.homepage .contact-final{margin-top:0;border-radius:27px;padding-block:40px 33px}
.homepage .contact-heading{padding-bottom:30px}
.homepage .contact-final h2{font-size:clamp(100px,11.7vw,168px)}
.homepage .contact-book{width:145px;height:145px;transform:rotate(-4deg)}
.homepage .contact-information{padding-top:25px;gap:5vw}
.homepage .contact-label{font-size:11px;margin-bottom:15px}
.homepage .contact-final .contact-phone{font-size:clamp(25px,2.5vw,35px)}
.homepage .contact-address-link{font-size:19px}
/* Interaction feedback is short and limited to the target. */
@media(hover:hover) and (pointer:fine){.homepage .service summary:hover h3{color:#a94700}.homepage .contact-book:hover{transform:rotate(0deg)}.homepage .equipment-grid article:hover{border-color:#d5bca8}}
@media(prefers-reduced-motion:no-preference){.homepage .service summary h3{transition:color 160ms ease-out}.homepage .equipment-grid article{transition:border-color 160ms ease-out}}
@media(min-width:651px) and (max-width:1000px){
 .homepage .equipment .section-head{padding-left:145px;gap:28px}.homepage .equipment-art{width:120px}
 .homepage .doctor-grid{gap:6vw}.homepage .dynasty-left,.homepage .dynasty-right{height:285px}.homepage .dynasty{min-height:320px}
 .homepage .services-grid{gap:5vw}.homepage .service summary{gap:10px}.homepage .service summary h3{font-size:28px}
 .homepage .laboratory{grid-template-columns:1fr 1fr}.homepage .lab-title{grid-column:1/-1}.homepage .laboratory .original-film{max-width:210px;padding-top:0;justify-self:center}
 .homepage .podcast-editorial-body{grid-template-columns:1.3fr 1fr;gap:24px}.homepage .podcast-platform{padding:12px 10px;font-size:14px;gap:10px}
}
@media(max-width:650px){
 .homepage{--chapter-space:48px}
 .homepage .eyebrow{font-size:10px;gap:8px}.homepage .eyebrow:before{width:14px}
 .homepage .hero{padding-top:6px}.homepage .hero-stage{height:560px;border-radius:22px}.homepage .hero-copy{padding-top:115px}.homepage .hero h1{font-size:78px}.homepage .hero-note{right:17px;bottom:18px;font-size:9px}.homepage .hero-bottom{padding:17px 5px 20px;font-size:12px}.homepage .hero .hero-book{font-size:15px}
 .homepage .intro{grid-template-columns:1fr;gap:24px;padding-block:24px 25px}.homepage .intro-art{width:180px;max-width:180px;margin:0}.homepage .intro-art>span{font-size:81px}.homepage .intro h2{font-size:47px;line-height:1.07}.homepage .intro p:not(.eyebrow){font-size:16px;line-height:1.45;max-width:330px;margin-top:19px}
 .homepage #smiles{padding-block:32px 24px}.homepage #smiles .section-head{display:block;margin-bottom:25px}.homepage #smiles h2{font-size:47px;max-width:310px}.homepage #smiles .section-head>p{margin-top:18px;font-size:15px;max-width:280px}.homepage .gallery-grid{grid-template-columns:74vw 64vw 74vw;gap:15px}.homepage .gallery-item:nth-child(n){margin-top:0}.homepage .gallery-item .image-frame{border-radius:16px;aspect-ratio:4/5}.homepage .gallery-item:nth-child(2) .image-frame{aspect-ratio:4/5;border-radius:130px 130px 16px 16px}.homepage .gallery-footer{font-size:11px;margin-top:17px}
 .homepage .dynasty{margin-block:30px 27px;min-height:0;gap:23px 16px}.homepage .dynasty-left,.homepage .dynasty-right{height:226px}.homepage .dynasty h2{font-size:61px;margin-bottom:18px}.homepage .dynasty-copy p:not(.eyebrow){font-size:16px}.homepage .dynasty-work{width:77%;height:72%}.homepage .dynasty-family{width:81%;height:63%}.homepage .dynasty-team{width:96%;height:58%}
 .homepage .doctor{padding-block:24px 39px}.homepage .doctor-grid{grid-template-columns:1fr;gap:27px}.homepage .doctor-portrait{max-width:300px;aspect-ratio:4/4.7;margin:7px 0}.homepage .doctor-copy h2{font-size:49px;margin:17px 0 20px}.homepage .doctor-copy>p{font-size:16px}.homepage .family-line{margin-top:23px;padding-top:20px;gap:23px}.homepage .family-line img{width:82px;height:92px}.homepage .family-line strong{font-size:40px}.homepage .family-line p{font-size:13px}
 .homepage .method-feature{grid-template-columns:1fr;gap:25px;margin-block:15px 44px;padding-block:14px}.homepage .method-feature-copy{padding-left:0}.homepage .method-feature h2{font-size:84px}.homepage .method-g8{font-size:54px!important;margin-top:10px!important}.homepage .method-g8 i{height:37px!important}.homepage .method-feature .method-by{font-size:11px;margin:12px 0 22px}.homepage .method-feature .method-promise{font-size:28px}.homepage .method-feature .method-description{font-size:16px;margin-bottom:21px}.homepage .method-visual figcaption{font-size:10px}
 .homepage .services{padding-block:32px;margin-inline:8px;border-radius:23px}.homepage .services-grid{grid-template-columns:1fr;gap:24px}.homepage .services-intro{position:relative}.homepage .services-intro h2{font-size:45px;margin:19px 0}.homepage .services-intro>p:not(.eyebrow){font-size:16px;max-width:240px}.homepage .detail-photo{display:none}.homepage .service summary{grid-template-columns:20px 1fr 17px;gap:10px;padding-block:21px}.homepage .service summary h3{font-size:27px}.homepage .service-body{padding:0 4px 23px 30px;font-size:15px}.homepage .service-body p{margin-bottom:16px}
 .homepage .ceramics{margin-block:44px 43px}.homepage .ceramics-heading{display:block;margin-bottom:25px}.homepage .ceramics-heading h2{font-size:66px;margin:18px 0}.homepage .ceramics-heading .ceramics-lead{font-size:16px;max-width:300px}.homepage .ceramics-gallery{grid-template-columns:1fr 1fr;gap:13px}.homepage .ceramic-study:not(:last-child){padding:13px 9px;border-radius:13px}.homepage .ceramic-study:not(:last-child) img{height:150px;width:100%;max-width:100%;object-fit:contain}.homepage .ceramic-study:last-child{width:78%;margin-top:13px}.homepage .ceramic-study:last-child img{aspect-ratio:4/4.7;border-radius:16px}.homepage .ceramic-study figcaption{font-size:10px;gap:8px}.homepage .ceramics-notes{gap:21px;margin-top:27px}.homepage .ceramics-notes h3{font-size:23px;margin-bottom:10px}.homepage .ceramics-notes p{font-size:15px}
 .homepage .implants{padding:28px 21px;margin-block:0 44px;border-radius:23px}.homepage .implant-heading{display:block}.homepage .implant-heading h2{font-size:43px;margin:18px 0 22px}.homepage .implant-heading>p:last-child{font-size:15px;line-height:1.45}.homepage .implant-evidence{margin-top:25px;gap:25px}.homepage .implant-context h3{font-size:20px}.homepage .implant-context p{font-size:15px}.homepage .implant-works{grid-template-columns:1fr;gap:12px;margin:24px 0}.homepage .implant-sequence{gap:22px 19px}.homepage .implant-sequence h3{font-size:18px}.homepage .treatment-compare figcaption{font-size:11px}
 .homepage .technology{padding:29px 22px;margin-bottom:44px;gap:25px;border-radius:23px}.homepage .technology-photo{aspect-ratio:1.1;max-width:none;border-radius:15px}.homepage .technology h2{font-size:45px;margin:18px 0}.homepage .technology p{font-size:16px}.homepage .tech-list{margin-top:23px}.homepage .tech-list li{grid-template-columns:76px 1fr;gap:13px;font-size:14px;padding-block:14px}.homepage .tech-list span{font-size:14px}
 .homepage .laboratory{grid-template-columns:1fr 1fr;gap:23px 18px;margin-bottom:45px}.homepage .lab-title{grid-column:1/-1}.homepage .laboratory h2{font-size:59px;margin:19px 0 22px}.homepage .laboratory .lab-subtitle{font-size:25px}.homepage .lab-title p:not(.eyebrow){font-size:16px}.homepage .lab-photo img{aspect-ratio:3/4;border-radius:14px}.homepage .laboratory .original-film{padding-top:20px}.homepage .original-film figcaption{font-size:10px}
 .homepage .equipment{padding-top:0;margin-bottom:40px}.homepage .equipment .section-head{display:block;min-height:110px;padding-left:105px;margin-bottom:25px}.homepage .equipment-art{width:92px;top:0}.homepage .equipment h2{font-size:34px;line-height:1.08;margin-top:15px}.homepage .equipment .eyebrow{font-size:9px}.homepage .equipment-grid{grid-template-columns:1fr 1fr;gap:13px}.homepage .equipment-grid article{padding:16px 12px;border-radius:12px}.homepage .equipment-grid img{height:100px;margin-bottom:17px}.homepage .equipment-grid img[src*="equipment-4-"]{height:100px}.homepage .equipment-grid h3{font-size:19px}.homepage .equipment-grid p{font-size:13px;line-height:1.4}.homepage .equipment-grid article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:center}.homepage .equipment-grid article:last-child img{grid-row:1/3;margin:0}.homepage .equipment-grid article:last-child p{align-self:start}
 .homepage .clinic{margin-bottom:44px;border-radius:17px}.homepage .clinic>img{height:320px;object-position:53% 50%}.homepage .clinic-caption{font-size:10px;padding:14px 2px 0;gap:16px}
 .homepage .shine-feature{margin-block:0 45px;gap:24px}.homepage .shine-feature h2{font-size:49px}.homepage .shine-feature h2>span{font-size:23px;margin-top:14px}.homepage .shine-feature .shine-photo img{max-height:none;aspect-ratio:4/5;object-position:50% 29%}.homepage .shine-feature .original-film{max-width:none}.homepage .shine-feature .shine-aside{gap:20px}.homepage .shine-feature .shine-story p{font-size:14px;line-height:1.45}
 .homepage .stories-carousel{margin-block:0 46px}.homepage .stories-carousel .section-head{display:block;margin-bottom:24px}.homepage .stories-carousel h2{font-size:46px}.homepage .stories-carousel .section-head>p{font-size:15px;margin-top:18px}.homepage .stories-track{grid-auto-columns:81%;gap:16px;max-width:none}.homepage .story-slide figcaption{font-size:16px;gap:12px}.homepage .story-role{font-size:11px}.homepage .stories-controls{margin-top:19px}.homepage .stories-controls button{font-size:12px}
 .homepage .podcast-editorial{width:calc(100% - 16px);padding:23px 20px;margin-bottom:44px;border-radius:23px}.homepage .podcast-editorial-header{gap:12px;padding-bottom:16px;margin-bottom:23px}.homepage .podcast-editorial-body{grid-template-columns:1fr;gap:24px}.homepage .podcast-editorial-copy h2{font-size:32px}.homepage .podcast-editorial-copy>p:not(.eyebrow){font-size:15px}.homepage .podcast-platform{min-height:65px;padding:12px 14px;font-size:16px}.homepage .podcast-speakers{font-size:12px;grid-template-columns:1fr 1fr;gap:15px}
 .homepage .prices-section{padding-block:0 42px;gap:25px}.homepage .prices-copy h2{font-size:48px;margin:17px 0}.homepage .prices-copy p{font-size:16px}.homepage .prices-list{padding:8px 20px 23px;border-radius:17px}.homepage .price-row{padding-block:19px;font-size:15px;gap:20px}.homepage .price-row strong{font-size:23px}
 .homepage .contact-final{border-radius:23px;padding-block:28px 25px}.homepage .contact-heading{gap:24px;padding-bottom:26px}.homepage .contact-final h2{font-size:clamp(90px,27vw,118px)}.homepage .contact-book{width:106px;height:106px}.homepage .contact-final .contact-invitation p{font-size:15px}.homepage .contact-information{padding-top:23px;gap:25px 18px}.homepage .contact-final .contact-phone{font-size:29px}.homepage .contact-label{font-size:10px;margin-bottom:12px}.homepage .contact-address-link{font-size:16px}.homepage .contact-hours dl{font-size:13px}
}
@media(max-width:370px){.homepage .hero h1{font-size:69px}.homepage .hero-stage{height:535px}.homepage .doctor-copy h2{font-size:44px}.homepage .equipment h2{font-size:29px}.homepage .equipment .section-head{padding-left:95px}.homepage .equipment-art{width:82px}.homepage .service summary h3{font-size:25px}.homepage .contact-final .contact-phone{font-size:26px}.homepage .ceramic-study:not(:last-child) img{height:130px}.homepage .shine-feature h2{font-size:44px}}
@media(min-width:651px){.homepage .ceramic-study:last-child img{height:420px;aspect-ratio:auto;object-fit:cover}.homepage .ceramics-gallery{margin-top:26px;margin-bottom:32px}.homepage .ceramics-heading h2{font-size:clamp(60px,5.7vw,82px)}}

/* Optics separates chapters rather than becoming an equipment badge. */
.homepage .equipment .section-head{padding-left:0;justify-content:space-between;min-height:0;margin-bottom:32px}
.homepage .equipment .section-head h2 br{display:none}
.homepage .equipment h2{font-size:clamp(40px,4.4vw,63px)}
.homepage .optical-transition{display:flex;align-items:center;justify-content:center;gap:46px;max-width:1040px;margin:0 auto 35px;padding:0 50px;height:170px}
.homepage .optical-transition img{width:205px;height:205px;object-fit:contain;flex:none;transform:rotate(-10deg)}
.homepage .optical-transition span{height:1px;background:#e2d6ca;width:100%;max-width:250px}
.homepage .implants{margin-bottom:0}
@media(max-width:650px){.homepage .optical-transition{height:136px;padding:0 35px;gap:24px;margin-bottom:16px}.homepage .optical-transition img{width:145px;height:145px}.homepage .equipment .section-head{display:block;padding-left:0;margin-bottom:24px}.homepage .equipment h2{font-size:39px;margin-top:16px;max-width:300px}.homepage .equipment .section-head h2 br{display:block}}

@media(max-width:650px){
 .homepage .implant-works{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 0 10px;scrollbar-width:thin;scrollbar-color:#be9778 transparent}
 .homepage .implant-works figure{flex:0 0 88%;scroll-snap-align:start}
 .homepage .implant-works img{width:100%;height:auto}
 .homepage .implant-works:focus-visible{outline:2px solid #a84800;outline-offset:4px}
 .homepage .ceramic-study:last-child{width:70%;margin-top:10px}
 .homepage .ceramics-notes p{line-height:1.4}
 .homepage .doctor-copy>p{margin-bottom:15px}
 .homepage .stories-track{scroll-padding-right:20px}
}

.homepage .contact-final .eyebrow{color:#100704a6}.homepage .contact-final .eyebrow:before{background:#10070480}

@media(min-width:901px) and (prefers-reduced-motion:no-preference){.homepage .optical-transition img{translate:0 var(--photo-depth,0px);transition:translate 180ms ease-out}}
@media(prefers-reduced-motion:reduce){.homepage .optical-transition img{translate:none;transition:none}}
/* Consistency pass: one spacing scale, two radii and a calmer heading scale. */
.homepage{--chapter-gap:56px;--panel-radius:24px;--media-radius:16px;--heading-size:clamp(44px,4.5vw,64px);--copy-size:16px}
.homepage :is(.services,.implants,.technology,.podcast-editorial,.contact-final){border-radius:var(--panel-radius)}
.homepage :is(.doctor-portrait,.technology-photo,.clinic,.ceramic-study:last-child img,.lab-photo img,.method-motion,.shine-photo){border-radius:var(--media-radius)}
.homepage :is(.intro h2,#smiles h2,.doctor-copy h2,.services-intro h2,.implant-heading h2,.technology h2,.equipment h2,.stories-carousel h2,.prices-copy h2){font-size:var(--heading-size);line-height:1.06;letter-spacing:-.035em}
.homepage :is(.section-head,.ceramics-heading){margin-bottom:26px}
.homepage :is(.section-head>p,.services-intro>p:not(.eyebrow),.doctor-copy>p,.technology p,.prices-copy p):not(.eyebrow){font-size:var(--copy-size);line-height:1.4}
.homepage :is(.eyebrow,.contact-label){font-weight:400;letter-spacing:.015em}
.homepage .intro{padding-block:30px 32px;gap:8vw}
.homepage #smiles{padding-block:32px 28px}
.homepage .gallery-item:nth-child(2){margin-top:58px}
.homepage .gallery-item:nth-child(3){margin-top:24px}
.homepage .dynasty{margin-block:36px 24px;min-height:350px}
.homepage .dynasty-left,.homepage .dynasty-right{height:335px}
.homepage .doctor{padding-block:32px 40px}
.homepage .doctor-portrait{max-width:430px}
.homepage .doctor-grid{gap:7vw}
.homepage .doctor-copy h2{margin:18px 0 22px}
.homepage .family-line{margin-top:23px;padding-top:20px}
.homepage .method-feature{margin-block:8px 48px;padding-block:24px;gap:6vw}
.homepage .method-feature .method-by{margin-bottom:23px}
.homepage .method-feature .method-description{margin-bottom:22px}
.homepage .services{padding-block:44px}
.homepage .service summary{padding-block:19px}
.homepage .service-body{padding-bottom:20px}
.homepage .ceramics{margin-block:var(--chapter-gap)}
.homepage .ceramics-heading h2{font-size:clamp(58px,5.2vw,75px)}
.homepage .ceramics-gallery{margin-block:24px}
.homepage .ceramics-notes{margin-top:26px;gap:28px}
.homepage .ceramics-notes>div{padding-top:16px}
.homepage .ceramics-notes h3{font-size:23px;margin-bottom:10px}
.homepage .implants{padding-block:34px}
.homepage .implant-heading{gap:12px 6vw}
.homepage .implant-evidence{margin-top:26px;gap:5vw}
.homepage .implant-context>div+div{margin-top:18px}
.homepage .implant-works{margin-block:24px}
.homepage .implant-sequence{padding-top:19px}
.homepage .optical-transition{height:145px;margin-bottom:24px}
.homepage .optical-transition img{width:190px;height:190px}
.homepage .technology{padding-block:40px;margin-bottom:var(--chapter-gap)}
.homepage .technology h2{margin:18px 0}
.homepage .tech-list{margin-top:22px}
.homepage .tech-list li{padding-block:13px}
.homepage .laboratory{margin-bottom:var(--chapter-gap);gap:28px}
.homepage .laboratory h2{font-size:clamp(54px,5.2vw,75px)}
.homepage .equipment{padding-top:0;margin-bottom:48px}
.homepage .equipment .section-head{margin-bottom:26px}
.homepage .equipment-grid article{padding:17px 13px 16px}
.homepage .equipment-grid img{height:115px;margin-bottom:16px}
.homepage .equipment-grid h3{font-size:19px}
.homepage .clinic{margin-bottom:var(--chapter-gap)}
.homepage .clinic>img{height:clamp(320px,32vw,460px)}
.homepage .shine-feature{margin-bottom:var(--chapter-gap)}
.homepage .shine-feature .shine-photo img{max-height:540px}
.homepage .shine-feature h2{font-size:clamp(43px,4.4vw,62px)}
.homepage .stories-carousel{margin-bottom:var(--chapter-gap)}
.homepage .stories-track{grid-auto-columns:270px}
.homepage .podcast-editorial{padding:26px 30px;margin-bottom:48px}
.homepage .podcast-editorial-header{padding-bottom:18px;margin-bottom:24px}
.homepage .podcast-editorial-body{gap:32px}
.homepage .podcast-platform{min-height:64px;padding:11px 15px}
.homepage .prices-section{padding-bottom:48px;gap:7vw}
.homepage .prices-copy h2{margin:18px 0}
.homepage .price-row{padding-block:18px}
.homepage .contact-final{padding-block:34px 29px}
.homepage .contact-heading{padding-bottom:26px}
.homepage .contact-information{padding-top:22px}
.footer-sitemap{padding-top:30px;padding-bottom:22px}
.footer-map{padding-bottom:23px;gap:6vw}
.footer-map nav{gap:9px}
.footer-map .footer-label{margin-bottom:5px}
.footer-utility{padding-top:13px}
.footer-copyright{margin-top:14px;padding-top:14px;line-height:1.4}
@media(min-width:651px){.homepage .ceramic-study:last-child img{height:380px}.homepage .ceramic-study:not(:last-child){padding:20px 14px 16px}}
@media(min-width:651px) and (max-width:1000px){.homepage .dynasty-left,.homepage .dynasty-right{height:280px}.homepage .dynasty{min-height:300px}.homepage .doctor-grid{gap:5vw}}
@media(max-width:650px){
 .homepage{--chapter-gap:36px;--panel-radius:20px;--media-radius:14px;--heading-size:44px;--copy-size:16px}
 .homepage :is(.section-head,.ceramics-heading){margin-bottom:22px}
 .homepage .hero-bottom{padding-bottom:16px}
 .homepage .intro{padding-block:20px 22px;gap:20px}
 .homepage .intro-art{width:145px;max-width:145px}
 .homepage .intro-art>span{font-size:67px}
 .homepage .intro p:not(.eyebrow){margin-top:16px}
 .homepage #smiles{padding-block:24px 20px}
 .homepage #smiles .section-head>p{margin-top:16px}
 .homepage .gallery-item:nth-child(n){margin-top:0}
 .homepage .gallery-footer{margin-top:15px;padding-top:12px}
 .homepage .dynasty{margin-block:24px 20px;gap:20px 16px;min-height:0}
 .homepage .dynasty-left,.homepage .dynasty-right{height:210px}
 .homepage .dynasty h2{font-size:56px;margin-bottom:16px}
 .homepage .doctor{padding-block:20px 28px}
 .homepage .doctor-grid{gap:23px}
 .homepage .doctor-portrait{max-width:265px}
 .homepage .doctor-copy h2{margin:16px 0 18px}
 .homepage .family-line{margin-top:20px;padding-top:18px;gap:20px}
 .homepage .family-line img{width:74px;height:83px}
 .homepage .method-feature{margin-block:8px 32px;padding-block:12px;gap:22px}
 .homepage .method-feature .method-by{margin:10px 0 19px}
 .homepage .method-feature .method-description{margin-bottom:20px}
 .homepage .services{padding-block:28px}
 .homepage .services-grid{gap:20px}
 .homepage .services-intro h2{margin:18px 0}
 .homepage .service summary{padding-block:18px}
 .homepage .service-body{padding-bottom:19px}
 .homepage .ceramics{margin-block:var(--chapter-gap)}
 .homepage .ceramics-heading h2{font-size:60px;margin:16px 0}
 .homepage .ceramics-gallery{margin-block:22px}
 .homepage .ceramic-study:last-child{width:63%}
 .homepage .ceramics-notes{margin-top:22px;gap:19px}
 .homepage .ceramics-notes>div{padding-top:16px}
 .homepage .ceramics-notes h3{font-size:22px}
 .homepage .implants{padding-block:25px}
 .homepage .implant-heading h2{margin:16px 0 19px}
 .homepage .implant-evidence{margin-top:22px;gap:22px}
 .homepage .implant-context>div+div{margin-top:19px}
 .homepage .implant-works{margin-block:22px}
 .homepage .implant-sequence{padding-top:19px}
 .homepage .optical-transition{height:118px;margin-bottom:14px;gap:20px}
 .homepage .optical-transition img{width:132px;height:132px}
 .homepage .technology{padding-block:26px;margin-bottom:var(--chapter-gap);gap:22px}
 .homepage .technology h2{margin:16px 0 18px}
 .homepage .tech-list{margin-top:20px}
 .homepage .tech-list li{padding-block:12px}
 .homepage .laboratory{margin-bottom:var(--chapter-gap);gap:20px 17px}
 .homepage .laboratory h2{font-size:56px;margin:17px 0 20px}
 .homepage .equipment{margin-bottom:var(--chapter-gap)}
 .homepage .equipment .section-head{margin-bottom:22px}
 .homepage .equipment h2{font-size:39px;margin-top:15px}
 .homepage .equipment-grid article{padding:14px 12px}
 .homepage .equipment-grid img{height:90px;margin-bottom:15px}
 .homepage .equipment-grid img[src*="equipment-4-"]{height:90px}
 .homepage .equipment-grid h3{font-size:18px}
 .homepage .clinic{margin-bottom:var(--chapter-gap)}
 .homepage .clinic>img{height:280px}
 .homepage .shine-feature{margin-bottom:var(--chapter-gap);gap:21px}
 .homepage .shine-feature .shine-photo img{max-height:none}
 .homepage .shine-feature h2{font-size:46px}
 .homepage .stories-carousel{margin-bottom:var(--chapter-gap)}
 .homepage .stories-track{grid-auto-columns:76%}
 .homepage .podcast-editorial{padding:22px 20px;margin-bottom:var(--chapter-gap)}
 .homepage .podcast-editorial-header{padding-bottom:15px;margin-bottom:20px}
 .homepage .podcast-editorial-body{gap:22px}
 .homepage .podcast-platform{min-height:61px;padding:11px 14px}
 .homepage .prices-section{padding-bottom:var(--chapter-gap);gap:22px}
 .homepage .prices-copy h2{margin:16px 0 18px}
 .homepage .price-row{padding-block:17px}
 .homepage .contact-final{padding-block:25px 23px}
 .homepage .contact-heading{gap:21px;padding-bottom:23px}
 .homepage .contact-information{padding-top:21px;gap:23px 18px}
 .footer-sitemap{padding-top:27px}
 .footer-map{gap:23px 24px;padding-bottom:22px}
 .footer-map .footer-social-nav{row-gap:9px}
 .footer-copyright{line-height:1.4}
}
@media(max-width:370px){.homepage{--heading-size:40px}.homepage .equipment h2{font-size:35px}.homepage .shine-feature h2{font-size:42px}}
/* Labels must not inherit the larger body-copy rules from their section. */
.homepage .eyebrow,.homepage [class] .eyebrow{font:400 11px/1.35 TT,Arial,sans-serif;letter-spacing:.015em;color:#766e67}
.homepage .contact-final .eyebrow{color:#100704a6}
@media(max-width:650px){.homepage .eyebrow,.homepage [class] .eyebrow{font-size:10px;line-height:1.35}}
/* Sequential review · 01 / hero */
.homepage .hero-copy{padding-inline:24px}
.homepage .hero h1{text-shadow:0 2px 24px #10070424}
.homepage .hero .hero-book{background:#ff6f00;color:#100704;border:1px solid #ff6f00;backdrop-filter:none;box-shadow:none;font-weight:400;padding:13px 26px}
.homepage .hero-bottom{align-items:center;border-bottom:1px solid #28282815;padding-bottom:17px}
.homepage .hero-bottom p{line-height:1.35}
@media(hover:hover) and (pointer:fine){.homepage .hero .hero-book:hover{background:#ff882d;border-color:#ff882d}}
@media(max-width:650px){.homepage .hero-copy{padding-inline:12px}.homepage .hero h1{font-size:clamp(66px,19.4vw,78px);max-width:100%}.homepage .hero .hero-book{min-height:46px;font-size:15px;padding:12px 24px}.homepage .hero-bottom{align-items:start}}
/* Hero crop safety: never remove the top of either source photograph. */
.homepage .hero-duo img{object-position:50% 0%}
.homepage .hero-duo figure:first-child img{object-position:48% 0%}
@media(max-width:650px){
 .homepage .hero-stage{height:clamp(460px,128vw,520px)}
 .homepage .hero-duo figure:first-child img{object-position:49% 0%}
 .homepage .hero-duo figure:last-child img{object-position:50% 0%}
 .homepage .hero-copy{padding-top:100px}
 .homepage .hero h1{margin-bottom:25px}
}
@media(max-width:370px){.homepage .hero-copy{padding-top:88px}}
@media(min-width:651px) and (max-width:900px){.homepage .hero-duo figure:first-child img{object-position:48% 0%}}
@media(max-width:650px){
 .homepage .hero-stage{background:#595453}
 .homepage .hero-duo{height:min(calc(100vw - 28px),410px);bottom:auto;mask-image:linear-gradient(to bottom,#000 0%,#000 74%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 74%,transparent 100%)}
}
@media(max-width:650px){.homepage .hero h1{font-size:clamp(58px,18.4vw,76px)}.homepage .hero-serif{transform:none}}
/* Sequential review · 02 / individual character */
.homepage #approach .intro{position:relative;grid-template-columns:.8fr 1.2fr;gap:72px;max-width:1200px;padding-block:36px 40px;align-items:center}
.homepage #approach .intro-art{width:250px;max-width:100%;justify-self:center;margin:0;aspect-ratio:1}
.homepage #approach .intro-art:before{inset:14%;background:#ff6f00}
.homepage #approach .intro-art:after{inset:-8%;opacity:.75;background:radial-gradient(ellipse,#ff6f002e,transparent 69%)}
.homepage #approach .intro-art>span{font:700 85px/1 TT,Arial,sans-serif;letter-spacing:-.075em;gap:.11em;transform:rotate(-8deg);white-space:nowrap}
.homepage #approach .brand-bar{width:2px;height:.66em}
.homepage #approach .intro h2{font:400 clamp(46px,4.4vw,63px)/1.09 Mintely,Georgia,serif;letter-spacing:-.03em;margin:0;text-wrap:initial}
.homepage #approach .eyebrow{margin-bottom:18px}
.homepage #approach .intro p:not(.eyebrow){max-width:410px;margin-top:21px;font:300 17px/1.45 TT,Arial,sans-serif;color:#514b46}
@media(min-width:651px) and (max-width:1000px){.homepage #approach .intro{gap:35px;grid-template-columns:.65fr 1.35fr}.homepage #approach .intro-art{width:200px}.homepage #approach .intro-art>span{font-size:68px}.homepage #approach .intro h2{font-size:48px}}
@media(max-width:650px){
 .homepage #approach .intro{display:block;padding-block:31px 33px}
 .homepage #approach .intro-art{position:absolute;right:17px;bottom:34px;width:102px;max-width:102px}
 .homepage #approach .intro-art>span{font-size:35px;gap:.11em}
 .homepage #approach .brand-bar{width:1px}
 .homepage #approach .intro h2{font-size:44px;line-height:1.09;letter-spacing:-.035em}
 .homepage #approach .eyebrow{margin-bottom:17px}
 .homepage #approach .intro p:not(.eyebrow){padding-right:105px;max-width:none;font-size:16px;line-height:1.4;margin-top:20px}
}
@media(max-width:370px){.homepage #approach .intro h2{font-size:39px}.homepage #approach .intro-art{width:85px;right:15px;bottom:33px}.homepage #approach .intro-art>span{font-size:30px}.homepage #approach .intro p:not(.eyebrow){padding-right:83px;font-size:15px;line-height:1.45}}
/* Sequential review · 03 / portrait gallery */
.homepage #smiles{padding-block:34px 24px}
.homepage #smiles .section-head{gap:40px;align-items:end;margin-bottom:28px}
.homepage #smiles h2{font:400 clamp(46px,4.6vw,66px)/1.07 Mintely,Georgia,serif;letter-spacing:-.035em;max-width:none}
.homepage #smiles .section-head .eyebrow{margin-bottom:16px}
.homepage #smiles .gallery-edition{display:flex;align-items:baseline;gap:24px;flex:none;font:300 12px/1.35 TT,Arial,sans-serif;color:#766e67;margin:0 0 7px}
.homepage #smiles .gallery-edition span{font:400 11px/1.35 TT,Arial,sans-serif;color:#a84800;font-variant-numeric:tabular-nums;white-space:nowrap}
.homepage #smiles .gallery-grid{grid-template-columns:1fr .74fr 1fr;gap:28px;align-items:start;overflow:visible;margin:0;padding:0}
.homepage #smiles .gallery-item .image-frame{display:block;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#eeece8}
.homepage #smiles .gallery-item:nth-child(2){margin-top:48px}
.homepage #smiles .gallery-item:nth-child(2) .image-frame{aspect-ratio:3/4.2;border-radius:180px 180px 16px 16px}
.homepage #smiles .gallery-item:nth-child(3){margin-top:20px}
.homepage #smiles .gallery-item img{object-fit:cover;object-position:50% 0%;transform:none}
.homepage #smiles .gallery-item:first-child img{object-position:47% 0%}
.homepage #smiles .gallery-item:nth-child(2) img{object-position:50% 0%}
.homepage #smiles .gallery-item:nth-child(3) img{object-position:50% 12%}
.homepage #smiles .gallery-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:13px;padding-top:10px;border-top:1px solid #28282820}
.homepage #smiles .gallery-caption .gallery-number{font:400 11px/1.2 TT,Arial,sans-serif;letter-spacing:.025em;color:#a84800}
.homepage #smiles .gallery-caption .gallery-open-label{font:300 12px/1.25 TT,Arial,sans-serif;color:#706860}
.homepage #smiles .gallery-footer{border:0;padding-top:0;margin-top:17px;justify-content:flex-end;font:300 11px/1.4 TT,Arial,sans-serif;color:#766e67}
.homepage #smiles .gallery-mobile-hint{display:none}
.homepage #smiles .gallery-grid:focus-visible{outline:2px solid #a84800;outline-offset:8px;border-radius:5px}
.homepage #smiles .gallery-open:focus-visible{outline:2px solid #a84800;outline-offset:5px;border-radius:16px}
@media(hover:hover) and (pointer:fine){.homepage #smiles .gallery-open:hover img{transform:none}.homepage #smiles .gallery-item:has(.gallery-open:hover) .gallery-open-label{color:#a84800;text-decoration:underline;text-underline-offset:4px}}
@media(min-width:651px) and (max-width:1000px){.homepage #smiles .gallery-grid{gap:20px;grid-template-columns:1fr .78fr 1fr}.homepage #smiles h2{font-size:48px}.homepage #smiles .gallery-edition{gap:15px;font-size:11px}.homepage #smiles .gallery-item:nth-child(2){margin-top:35px}}
@media(max-width:650px){
 .homepage #smiles{padding-block:24px 22px}
 .homepage #smiles .section-head{display:block;margin-bottom:23px}
 .homepage #smiles h2{font-size:44px;line-height:1.08;max-width:350px}
 .homepage #smiles .section-head .eyebrow{margin-bottom:15px}
 .homepage #smiles .gallery-edition{display:none}
 .homepage #smiles .gallery-grid{grid-template-columns:repeat(3,78vw);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;margin-right:calc(-1 * var(--gutter));padding:0 var(--gutter) 7px 0;scrollbar-width:none}
 .homepage #smiles .gallery-grid::-webkit-scrollbar{display:none}
 .homepage #smiles .gallery-item:nth-child(n){margin-top:0;scroll-snap-align:start}
 .homepage #smiles .gallery-item .image-frame,.homepage #smiles .gallery-item:nth-child(2) .image-frame{aspect-ratio:4/5;border-radius:14px}
 .homepage #smiles .gallery-item:nth-child(2) .image-frame{border-radius:150px 150px 14px 14px}
 .homepage #smiles .gallery-caption{margin-top:12px;padding-top:9px}
 .homepage #smiles .gallery-caption .gallery-open-label{font-size:11px}
 .homepage #smiles .gallery-footer{margin-top:13px;text-align:left}
 .homepage #smiles .gallery-desktop-hint{display:none}
 .homepage #smiles .gallery-mobile-hint{display:block;margin:0;font-size:11px}
}
@media(max-width:370px){.homepage #smiles h2{font-size:39px}.homepage #smiles .gallery-grid{grid-template-columns:repeat(3,80vw);gap:14px}}
/* Keep the 720px original portrait at a true 2x display size on large monitors. */
@media(min-width:1001px){.homepage #smiles{max-width:1440px}.homepage #smiles .gallery-grid{grid-template-columns:minmax(0,1fr) clamp(240px,24vw,350px) minmax(0,1fr)}}
.homepage #smiles .gallery-footer{display:none}
@media(max-width:650px){.homepage #smiles .gallery-footer{display:block}.homepage #smiles .gallery-grid{--gallery-card:78vw;grid-template-columns:repeat(3,var(--gallery-card));padding-right:calc(100vw - var(--gutter) - var(--gallery-card))}}
@media(max-width:370px){.homepage #smiles .gallery-grid{--gallery-card:80vw}}
/* Sequential review · 04 / family dynasty */
.homepage #dynasty{max-width:1440px;grid-template-columns:minmax(0,1fr) minmax(280px,1.02fr) minmax(0,1fr);gap:clamp(26px,4vw,58px);margin-block:32px 28px;padding-block:20px;min-height:0;align-items:center}
.homepage #dynasty .dynasty-left,.homepage #dynasty .dynasty-right{height:345px}
.homepage #dynasty figure{border-radius:13px}
.homepage #dynasty .dynasty-work{top:0;left:0;width:73%;height:77%;transform:rotate(-1.5deg)}
.homepage #dynasty .dynasty-work img{object-position:45% 6%}
.homepage #dynasty .dynasty-room{right:0;bottom:0;width:95%;height:43%;transform:rotate(1deg)}
.homepage #dynasty .dynasty-room img{object-position:50% 54%}
.homepage #dynasty .dynasty-team{top:0;right:0;width:81%;height:31%;transform:rotate(1.5deg)}
.homepage #dynasty .dynasty-team img{object-position:50% 54%}
.homepage #dynasty .dynasty-family{left:0;bottom:0;width:89%;height:66%;transform:rotate(-1.5deg);box-shadow:0 18px 45px -15px #ff6f0070}
.homepage #dynasty .dynasty-family img{object-position:50% 0%}
.homepage #dynasty .dynasty-copy{padding:0;text-align:center}
.homepage #dynasty .eyebrow{justify-content:center;margin:0 0 17px}
.homepage #dynasty h2{font:400 clamp(55px,5.5vw,78px)/1.05 Mintely,Georgia,serif;letter-spacing:-.04em;color:#e96508;margin:0 0 23px}
.homepage #dynasty .dynasty-copy p:not(.eyebrow){font:300 16px/1.4 TT,Arial,sans-serif;max-width:290px;margin:0 auto;color:#514b46}
.homepage #dynasty .dynasty-history span{font-weight:400;color:#282828;white-space:nowrap}
.homepage #dynasty .dynasty-description{margin-top:14px!important}
.homepage #dynasty .dynasty-copy p:last-child{margin-top:17px;color:#766e67;font-size:15px;line-height:1.4}
@media(min-width:651px) and (max-width:1000px){.homepage #dynasty{grid-template-columns:1fr 1.2fr 1fr;gap:24px;margin-block:27px 24px}.homepage #dynasty .dynasty-left,.homepage #dynasty .dynasty-right{height:275px}.homepage #dynasty h2{font-size:55px}.homepage #dynasty .dynasty-copy p:not(.eyebrow){font-size:15px}.homepage #dynasty .dynasty-copy p:last-child{font-size:14px}}
@media(max-width:650px){
 .homepage #dynasty{grid-template-columns:1fr 1fr;gap:27px 20px;margin-block:22px 25px;padding-block:10px}
 .homepage #dynasty .dynasty-copy{grid-column:1/-1;grid-row:1}
 .homepage #dynasty h2{font-size:61px;margin-bottom:18px}
 .homepage #dynasty .eyebrow{margin-bottom:14px}
 .homepage #dynasty .dynasty-copy p:not(.eyebrow){font-size:16px;max-width:285px}
 .homepage #dynasty .dynasty-description{margin-top:10px!important}
 .homepage #dynasty .dynasty-copy p:last-child{font-size:15px;margin-top:13px}
 .homepage #dynasty .dynasty-left,.homepage #dynasty .dynasty-right{height:230px}
 .homepage #dynasty figure{border-radius:10px}
 .homepage #dynasty .dynasty-work{width:83%;height:76%}
 .homepage #dynasty .dynasty-room{width:100%;height:39%}
 .homepage #dynasty .dynasty-team{width:95%;height:29%}
 .homepage #dynasty .dynasty-family{width:100%;height:66%;box-shadow:0 14px 32px -11px #ff6f0065}
 .homepage #dynasty .dynasty-family img{object-position:50% 0%}
}
@media(max-width:370px){.homepage #dynasty{gap:25px 16px}.homepage #dynasty h2{font-size:55px}.homepage #dynasty .dynasty-left,.homepage #dynasty .dynasty-right{height:204px}.homepage #dynasty .dynasty-copy p:not(.eyebrow){font-size:15px}}
/* Preserve the white headroom present in the source family portrait without losing faces. */
.homepage #dynasty .dynasty-family img{object-position:50% 35%}
.homepage #dynasty .dynasty-team{height:38%}
.homepage #dynasty .dynasty-team img{object-position:50% 48%}
.homepage #dynasty .dynasty-family{height:58%}
@media(max-width:650px){.homepage #dynasty .dynasty-team{height:29%}.homepage #dynasty .dynasty-family{height:66%}.homepage #dynasty .dynasty-family img{object-position:50% 35%}}
.homepage #dynasty .dynasty-family img{object-position:50% 25%}
/* Sequential review · 05 / Mykola */
.homepage #doctor{padding-block:30px 42px;max-width:1360px}
.homepage #doctor .doctor-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(42px,8vw,110px);align-items:center;max-width:none}
.homepage #doctor .doctor-portrait{width:100%;max-width:390px;justify-self:center;aspect-ratio:4/5;transform:none;margin:0;border-radius:16px;overflow:hidden;background:#292727}
.homepage #doctor .doctor-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 0%}
.homepage #doctor .doctor-copy{max-width:540px}
.homepage #doctor .eyebrow{margin:0 0 19px}
.homepage #doctor h2{font:300 clamp(46px,4.6vw,66px)/1.04 TT,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 26px;color:#282828}
.homepage #doctor .doctor-role{font:300 21px/1.25 TT,Arial,sans-serif;letter-spacing:-.015em;color:#282828;margin:0 0 22px}
.homepage #doctor .doctor-invitation{font:300 16px/1.45 TT,Arial,sans-serif;color:#6f665e;max-width:320px;margin:0}
.homepage #doctor .doctor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}
.homepage #doctor .doctor-actions .button{font-size:15px;min-height:46px;padding:12px 25px}
.homepage #doctor .doctor-actions .text-link{font-size:13px}
@media(min-width:651px) and (max-width:1000px){.homepage #doctor .doctor-grid{grid-template-columns:.9fr 1.1fr;gap:40px}.homepage #doctor h2{font-size:46px}.homepage #doctor .doctor-role{font-size:19px}.homepage #doctor .doctor-actions{gap:18px}.homepage #doctor .doctor-actions .text-link{font-size:12px}}
@media(max-width:650px){
 .homepage #doctor{padding-block:24px 34px}
 .homepage #doctor .doctor-grid{grid-template-columns:1fr;gap:23px}
 .homepage #doctor .doctor-copy{display:contents}
 .homepage #doctor .doctor-intro{grid-row:1}
 .homepage #doctor .doctor-portrait{grid-row:2;width:84%;max-width:300px;justify-self:center;aspect-ratio:4/5;border-radius:14px}
 .homepage #doctor .doctor-description{grid-row:3}
 .homepage #doctor .eyebrow{margin-bottom:16px}
 .homepage #doctor h2{font-size:47px;line-height:1.04;margin:0;letter-spacing:-.045em}
 .homepage #doctor .doctor-role{font-size:21px;line-height:1.25;margin-bottom:16px}
 .homepage #doctor .doctor-invitation{font-size:16px;line-height:1.4;max-width:315px}
 .homepage #doctor .doctor-actions{margin-top:23px;gap:20px}
 .homepage #doctor .doctor-actions .button{font-size:14px;min-height:44px;padding:11px 23px}
 .homepage #doctor .doctor-actions .text-link{font-size:12px}
}
@media(max-width:370px){.homepage #doctor h2{font-size:41px}.homepage #doctor .doctor-portrait{width:88%}.homepage #doctor .doctor-actions{gap:16px}.homepage #doctor .doctor-actions .text-link{font-size:11px}}
/* Sequential review · 06 / original Method G8 film */
.homepage #method{max-width:1360px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(44px,7vw,100px);padding-block:26px 32px;margin-block:8px 42px}
.homepage #method .method-visual{position:relative;isolation:isolate;width:100%;max-width:560px;justify-self:center;overflow:visible;margin:0}
.homepage #method .method-visual:before{content:'';position:absolute;inset:auto -3% 8% auto;width:95%;height:72%;border-radius:50%;background:radial-gradient(ellipse at 58% 58%,#ff6f0075 0%,#ff6f003b 38%,#ff6f0000 73%);opacity:1;filter:blur(22px);z-index:-1;animation:none!important;translate:none!important;pointer-events:none}
.homepage #method .method-motion{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:16px;background:#100704;border:1px solid #10070415;box-shadow:none}
.homepage #method .method-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;font:300 11px/1.4 TT,Arial,sans-serif;color:#746b63}
.homepage #method .method-caption-break{display:none}
.homepage #method .method-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:36px;min-width:112px;border:1px solid #d7c9bc;border-radius:999px;padding:8px 12px;background:#fffdf9;color:#54463a;text-decoration:none;font:400 11px/1.2 TT,Arial,sans-serif;cursor:pointer}
.homepage #method .method-motion-toggle:before{content:'';display:block;width:6px;height:6px;border:1px solid currentColor;border-radius:50%;flex:none}
.homepage #method .method-motion-toggle[data-playing=true]:before{width:6px;height:8px;border:0;border-left:2px solid currentColor;border-right:2px solid currentColor;border-radius:0}
.homepage #method .method-motion-toggle:disabled{opacity:.6;cursor:default}
.homepage #method .method-feature-copy{padding:0;max-width:450px}
.homepage #method h2{font:400 clamp(78px,7.8vw,112px)/.98 Mintely,Georgia,serif;letter-spacing:-.04em;margin:0;color:#e96508}
.homepage #method .method-g8{font-size:60px!important;line-height:1;margin-top:13px!important}
.homepage #method .method-g8 i{height:41px!important}
.homepage #method .method-by{font:300 11px/1.35 TT,Arial,sans-serif;color:#806e5e;margin:15px 0 25px}
.homepage #method .method-promise{font:300 clamp(27px,2.7vw,38px)/1.14 TT,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 19px}
.homepage #method .method-promise span{white-space:nowrap}
.homepage #method .method-description{font:300 16px/1.4 TT,Arial,sans-serif;color:#746b63;margin:0 0 25px}
.homepage #method .button{font-size:15px;min-height:46px;padding:12px 25px}
@media(hover:hover) and (pointer:fine){.homepage #method .method-motion-toggle:hover:not(:disabled){border-color:#e56815;background:#fff7ef}}
@media(prefers-reduced-motion:no-preference){.homepage #method .method-motion-toggle{transition:border-color 160ms ease-out,background-color 160ms ease-out}}
@media(min-width:651px) and (max-width:1000px){.homepage #method{gap:38px;grid-template-columns:1.1fr 1fr}.homepage #method h2{font-size:82px}.homepage #method .method-g8{font-size:49px!important}.homepage #method .method-g8 i{height:34px!important}.homepage #method .method-promise{font-size:28px}.homepage #method .method-visual figcaption{gap:10px;font-size:10px}.homepage #method .method-caption-break{display:block}.homepage #method .method-motion-toggle{min-width:100px}}
@media(max-width:650px){
 .homepage #method{grid-template-columns:1fr;gap:23px;margin-block:4px 32px;padding-block:16px 18px}
 .homepage #method .method-feature-copy{display:contents}
 .homepage #method .method-brand{grid-row:1}
 .homepage #method .method-visual{grid-row:2;max-width:none}
 .homepage #method .method-copy-body{grid-row:3}
 .homepage #method h2{font-size:78px;line-height:.98}
 .homepage #method .method-g8{font-size:45px!important;margin-top:10px!important}
 .homepage #method .method-g8 i{height:31px!important}
 .homepage #method .method-by{font-size:11px;margin:12px 0 0}
 .homepage #method .method-motion{border-radius:14px}
 .homepage #method .method-visual:before{right:-2%;bottom:10%;width:93%;height:75%;filter:blur(16px)}
 .homepage #method .method-visual figcaption{margin-top:12px;gap:12px;font-size:10px}
 .homepage #method .method-caption-break{display:block}
 .homepage #method .method-motion-toggle{font-size:11px;min-width:107px;min-height:36px}
 .homepage #method .method-promise{font-size:29px;margin-bottom:16px;line-height:1.14}
 .homepage #method .method-description{font-size:15px;margin-bottom:21px}
 .homepage #method .button{font-size:14px;min-height:44px;padding:11px 24px}
}
@media(max-width:370px){.homepage #method h2{font-size:72px}.homepage #method .method-promise{font-size:26px}.homepage #method .method-motion-toggle{min-width:102px;padding-inline:10px}.homepage #method .method-visual figcaption{gap:9px;font-size:9px}}
.homepage #method .method-visual:before{right:0;bottom:-3%;height:64%;background:radial-gradient(ellipse at 55% 75%,#ff6f0080 0%,#ff6f0040 38%,#ff6f0000 74%)}
@media(max-width:650px){.homepage #method .method-visual:before{right:0;bottom:-2%;height:65%}.homepage #method .method-motion-toggle{min-height:44px}}

/* Sequential review 07 — services. Compact editorial index, native disclosure. */
.homepage #services{background:#f1f1ee;margin-inline:18px;padding-block:42px;border-radius:26px}
.homepage #services .services-grid{max-width:1360px;grid-template-columns:.88fr 1.12fr;gap:clamp(40px,6vw,90px);padding-inline:42px}
.homepage #services .services-intro h2{font:300 clamp(38px,3.5vw,51px)/1.04 TT,Arial,sans-serif;letter-spacing:-.04em;margin:22px 0 20px}
.homepage #services .services-intro>.eyebrow{font-size:11px;max-width:none}
.homepage #services .services-intro>p:not(.eyebrow){font:300 16px/1.4 TT,Arial,sans-serif;max-width:290px}
.homepage #services .detail-photo{display:block;width:184px;max-width:184px;aspect-ratio:1.45;margin-top:26px;transform:none;border-radius:12px}
.homepage #services .detail-photo img{object-position:50% 50%}
.homepage #services .service{border-color:#cececa;position:relative}
.homepage #services .service summary{grid-template-columns:26px minmax(0,1fr) 24px;gap:14px;padding-block:21px;min-height:76px}
.homepage #services .service summary h3{font:300 clamp(25px,2.15vw,32px)/1.12 TT,Arial,sans-serif;letter-spacing:-.03em;color:#292a27;transition:color 180ms ease-out,transform 180ms ease-out}
.homepage #services .service summary .index{font:300 11px/1 TT,Arial,sans-serif;color:#ae4c00;font-variant-numeric:tabular-nums}
.homepage #services .plus{width:24px;height:24px;border:1px solid #c8c8bf;border-radius:50%;transition:transform 180ms ease-out,border-color 180ms ease-out}
.homepage #services .plus:before,.homepage #services .plus:after{left:6px;top:10px;width:10px;background:#8e440e}
.homepage #services .service[open] .plus{border-color:#df9b66;transform:rotate(180deg)}
.homepage #services .service[open] summary h3{color:#a94700}
.homepage #services .service-body{padding:0 38px 23px 40px;font:300 15px/1.45 TT,Arial,sans-serif;max-width:550px}
.homepage #services .service-body p{margin-bottom:17px}
.homepage #services .service-body a{font-size:13px;display:inline-block;line-height:1.5}
.homepage #services .services-price{display:inline-block;margin:22px 0 0 40px;font:300 13px/1.5 TT,Arial,sans-serif}
.homepage #services summary:focus-visible{outline:2px solid #bd5b15;outline-offset:4px;border-radius:4px}
@media(hover:hover) and (pointer:fine){
 .homepage #services .service summary:hover h3{color:#a94700;transform:translateX(3px)}
 .homepage #services .service summary:hover .plus{border-color:#bd5b15}
}
@media(max-width:1000px) and (min-width:651px){
 .homepage #services .services-grid{padding-inline:28px;gap:34px;grid-template-columns:.85fr 1.15fr}
 .homepage #services .services-intro h2{font-size:38px}
 .homepage #services .service summary{gap:9px;grid-template-columns:20px minmax(0,1fr) 24px}
 .homepage #services .service summary h3{font-size:25px}
 .homepage #services .service-body{padding-left:29px;padding-right:4px}
 .homepage #services .services-price{margin-left:29px}
}
@media(max-width:650px){
 .homepage #services{margin-inline:8px;padding-block:28px;border-radius:22px}
 .homepage #services .services-grid{display:grid;grid-template-columns:1fr;gap:27px;padding-inline:20px}
 .homepage #services .services-intro h2{font-size:40px;margin:18px 0 17px}
 .homepage #services .services-intro>p:not(.eyebrow){font-size:15px;max-width:285px}
 .homepage #services .detail-photo{display:none}
 .homepage #services .service summary{padding-block:18px;min-height:66px;grid-template-columns:19px minmax(0,1fr) 24px;gap:9px}
 .homepage #services .service summary h3{font-size:26px;line-height:1.1}
 .homepage #services .service-body{padding:0 0 21px 28px;font-size:15px;line-height:1.4}
 .homepage #services .service-body a{font-size:13px}
 .homepage #services .services-price{margin:20px 0 0 28px}
}
@media(max-width:370px){.homepage #services .services-grid{padding-inline:16px}.homepage #services .services-intro h2{font-size:36px}.homepage #services .service summary h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.homepage #services .service summary h3,.homepage #services .plus{transition:none}.homepage #services .service summary:hover h3{transform:none}}

/* Sequential review 08 — ceramics: two material studies and an authentic smile. */
.homepage #veneers{max-width:1360px;margin-block:54px 52px;padding-inline:42px}
.homepage #veneers .ceramics-heading{display:grid;grid-template-columns:.78fr 1.25fr 1fr;gap:28px;align-items:end;margin-bottom:26px}
.homepage #veneers .ceramics-heading>.eyebrow{margin-top:9px;font-size:11px}
.homepage #veneers h2{font:300 clamp(54px,5vw,72px)/.98 TT,Arial,sans-serif;letter-spacing:-.045em;margin:0}
.homepage #veneers h2 em{font-family:Mintely,Georgia,serif;font-style:normal;color:#c65c13}
.homepage #veneers .ceramics-lead{font:300 16px/1.4 TT,Arial,sans-serif;padding:0 0 3px;max-width:290px;grid-column:auto}
.homepage #veneers .ceramics-gallery{grid-template-columns:1fr 1fr 1.35fr;gap:22px;align-items:center;margin:28px 0 26px}
.homepage #veneers .ceramic-study{transform:none;translate:none!important}
.homepage #veneers .ceramic-study:not(:last-child){background:#f5f5f2;border:0;border-radius:16px;padding:22px 16px 16px}
.homepage #veneers .ceramic-study:not(:last-child) img{height:224px;width:100%;max-width:224px;object-fit:contain;aspect-ratio:auto;mix-blend-mode:multiply;border-radius:0}
.homepage #veneers .ceramic-study:nth-child(2){margin-top:44px}
.homepage #veneers .ceramic-study:last-child{width:100%;margin:0;grid-column:auto}
.homepage #veneers .ceramic-study:last-child img{height:350px;aspect-ratio:auto;object-fit:cover;object-position:50% 24%;border-radius:110px 110px 16px 16px}
.homepage #veneers .ceramic-study figcaption{font:300 11px/1.3 TT,Arial,sans-serif;max-width:none;margin-top:16px;gap:8px}
.homepage #veneers .ceramic-study figcaption>span:first-child{color:#a94700;font-variant-numeric:tabular-nums}
.homepage #veneers .ceramics-notes{grid-template-columns:1fr 1fr 1.35fr;gap:22px;margin-top:0}
.homepage #veneers .ceramics-notes>div{padding-top:16px;border-top:1px solid #d9d9d3}
.homepage #veneers .ceramics-notes h3{font:300 23px/1.12 TT,Arial,sans-serif;letter-spacing:-.025em;margin-bottom:11px}
.homepage #veneers .ceramics-notes p{font:300 15px/1.4 TT,Arial,sans-serif;margin-bottom:15px;max-width:350px}
.homepage #veneers .ceramics-notes .text-link{font-size:13px;display:inline-block}
@media(hover:hover) and (pointer:fine){.homepage #veneers .ceramic-study:hover img{scale:1.012}}
@media(max-width:1000px) and (min-width:651px){
 .homepage #veneers{padding-inline:34px}.homepage #veneers .ceramics-heading{grid-template-columns:.7fr 1.2fr 1fr;gap:18px}
 .homepage #veneers h2{font-size:55px}.homepage #veneers .ceramics-lead{font-size:15px}
 .homepage #veneers .ceramics-gallery,.homepage #veneers .ceramics-notes{gap:16px}
 .homepage #veneers .ceramic-study:not(:last-child){padding-inline:10px}
 .homepage #veneers .ceramic-study:not(:last-child) img{height:170px}
 .homepage #veneers .ceramic-study:last-child img{height:285px}
}
@media(max-width:650px){
 .homepage #veneers{margin-block:36px 38px;padding-inline:20px}
 .homepage #veneers .ceramics-heading{display:grid;grid-template-columns:1fr;gap:17px;margin:0}
 .homepage #veneers .ceramics-heading>.eyebrow{margin:0}
 .homepage #veneers h2{font-size:60px;margin:0}
 .homepage #veneers .ceramics-lead{font-size:15px;max-width:310px;padding:0}
 .homepage #veneers .ceramics-gallery{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
 .homepage #veneers .ceramic-study:not(:last-child){padding:14px 10px 12px;border-radius:12px}
 .homepage #veneers .ceramic-study:not(:last-child) img{height:145px;max-width:100%}
 .homepage #veneers .ceramic-study:nth-child(2){margin-top:22px}
 .homepage #veneers .ceramic-study:last-child{grid-column:1/-1;width:76%;justify-self:end;margin-top:6px}
 .homepage #veneers .ceramic-study:last-child img{height:auto;aspect-ratio:4/4.5;object-position:50% 24%;border-radius:90px 90px 14px 14px}
 .homepage #veneers .ceramic-study figcaption{font-size:10px;margin-top:12px}
 .homepage #veneers .ceramics-notes{grid-template-columns:1fr;gap:18px}
 .homepage #veneers .ceramics-notes>div{padding-top:14px}
 .homepage #veneers .ceramics-notes h3{font-size:22px;margin-bottom:9px}
 .homepage #veneers .ceramics-notes p{max-width:none;margin-bottom:0}
 .homepage #veneers .ceramics-notes .text-link{margin-top:17px}
}
@media(max-width:370px){.homepage #veneers .ceramic-study:not(:last-child) img{height:120px}.homepage #veneers .ceramic-study figcaption{font-size:9px}.homepage #veneers h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){.homepage #veneers .ceramic-study:hover img{scale:1}}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.homepage #veneers .ceramic-study img{transition:scale 220ms ease-out!important}}
@media(hover:none){.homepage #veneers .ceramic-study:hover img{scale:1}}

/* Sequential review 09 — implants. Authentic evidence, compact neutral panel. */
.homepage #implants{max-width:1320px;margin:0 auto;padding:38px 40px;background:#f3f2ef;border-radius:26px}
.homepage #implants .implant-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:16px 64px;align-items:end}
.homepage #implants .implant-heading>.eyebrow{grid-column:1/-1;font-size:11px}
.homepage #implants .implant-heading h2{font:300 clamp(42px,4vw,58px)/1.02 TT,Arial,sans-serif;letter-spacing:-.04em;margin:0}
.homepage #implants .implant-heading h2 em{font:400 1.18em/1 Mintely,Georgia,serif;color:#bd570e}
.homepage #implants .implant-heading>p:last-child{font:300 15px/1.4 TT,Arial,sans-serif;max-width:370px;margin:0 0 4px}
.homepage #implants .implant-evidence{grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;margin:28px 0 24px}
.homepage #implants .treatment-compare{max-width:520px;margin:0;width:100%}
.homepage #implants .compare-images{border-radius:14px;aspect-ratio:1080/503}
.homepage #implants .compare-label{font:300 11px/1 TT,Arial,sans-serif;top:12px;background:#25221dcc;padding:7px 10px}
.homepage #implants .compare-label-before{left:12px}.homepage #implants .compare-label-after{right:12px}
.homepage #implants .compare-divider>span{width:42px;height:42px;box-shadow:0 2px 12px #0002}
.homepage #implants .treatment-compare figcaption{font:300 11px/1.35 TT,Arial,sans-serif;color:#67665f;margin-top:11px;max-width:360px}
.homepage #implants .implant-context{gap:22px;margin:0;max-width:370px}
.homepage #implants .implant-context>div+div{margin:0}
.homepage #implants .implant-context h3{font:300 23px/1.15 TT,Arial,sans-serif;letter-spacing:-.025em;margin-bottom:9px}
.homepage #implants .implant-context p{font:300 15px/1.4 TT,Arial,sans-serif}
.homepage #implants .implant-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 24px}
.homepage #implants .implant-works figure{min-width:0}
.homepage #implants .implant-works img{border-radius:9px;width:100%;height:auto}
.homepage #implants .implant-sequence{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:19px;border-color:#d4d2ca}
.homepage #implants .implant-sequence>div{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:baseline}
.homepage #implants .implant-sequence span{font:300 11px/1 TT,Arial,sans-serif;margin:0;color:#aa4c09}
.homepage #implants .implant-sequence h3{font:300 18px/1.2 TT,Arial,sans-serif;letter-spacing:-.02em;margin:0;max-width:180px}
@media(max-width:1400px){.homepage #implants{margin-inline:20px}}
@media(max-width:1000px) and (min-width:651px){.homepage #implants{padding:30px}.homepage #implants .implant-heading,.homepage #implants .implant-evidence{gap:26px}.homepage #implants .implant-heading h2{font-size:44px}.homepage #implants .implant-sequence{gap:15px}.homepage #implants .implant-sequence h3{font-size:16px}}
@media(max-width:650px){
 .homepage #implants{margin-inline:8px;padding:28px 20px;border-radius:22px}
 .homepage #implants .implant-heading{grid-template-columns:1fr;gap:17px}
 .homepage #implants .implant-heading h2{font-size:42px;margin:0}
 .homepage #implants .implant-heading>p:last-child{font-size:15px;margin:0}
 .homepage #implants .implant-evidence{grid-template-columns:1fr;gap:23px;margin:24px 0}
 .homepage #implants .implant-context{max-width:none;gap:19px}
 .homepage #implants .implant-context h3{font-size:22px}
 .homepage #implants .compare-images{border-radius:10px}
 .homepage #implants .compare-label{top:8px;font-size:10px;padding:6px 9px}
 .homepage #implants .compare-label-before{left:8px}.homepage #implants .compare-label-after{right:8px}
 .homepage #implants .implant-works{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:23px 0 20px;padding-bottom:10px}
 .homepage #implants .implant-works figure{flex:0 0 90%;scroll-snap-align:start}
 .homepage #implants .implant-sequence{grid-template-columns:1fr 1fr;gap:19px 14px;padding-top:18px}
 .homepage #implants .implant-sequence>div{grid-template-columns:19px 1fr;gap:7px}
 .homepage #implants .implant-sequence h3{font-size:17px}
}
@media(max-width:370px){.homepage #implants{padding-inline:16px}.homepage #implants .implant-heading h2{font-size:36px}.homepage #implants .implant-sequence h3{font-size:16px}}

/* Sequential review 10 — optical precision. Photo-led asymmetry, quiet instrument index. */
.homepage #technology{max-width:1360px;padding:0 42px;display:grid;grid-template-columns:1.05fr 1fr;gap:38px;align-items:center;background:transparent;border-radius:0;margin-block:14px 52px}
.homepage #technology .technology-photo{position:relative;isolation:isolate;overflow:visible;width:100%;max-width:560px;aspect-ratio:1/1.08;border-radius:120px 18px 18px 18px}
.homepage #technology .technology-photo:before{content:'';position:absolute;z-index:-1;left:-5%;right:10%;top:28%;bottom:-3%;background:radial-gradient(ellipse at 30% 65%,#ff790052,#ff79001a 46%,transparent 73%);filter:blur(22px);pointer-events:none}
.homepage #technology .technology-photo img{width:100%;height:100%;object-fit:cover;object-position:48% 32%;border-radius:inherit}
.homepage #technology>.technology-copy{background:#f1f1ef;border-radius:18px 80px 18px 18px;padding:32px 32px 24px;align-self:end;margin-top:34px}
.homepage #technology .eyebrow{font:300 11px/1.3 TT,Arial,sans-serif;max-width:none}
.homepage #technology h2{font:300 clamp(46px,4.4vw,64px)/.97 TT,Arial,sans-serif;letter-spacing:-.045em;margin:22px 0 24px}
.homepage #technology h2 em{font:400 1em/1.06 Mintely,Georgia,serif;color:#bd570e;letter-spacing:-.025em;font-style:normal}
.homepage #technology .technology-copy>p:not(.eyebrow){font:300 16px/1.4 TT,Arial,sans-serif;max-width:360px}
.homepage #technology .tech-list{margin-top:26px}
.homepage #technology .tech-list li{grid-template-columns:85px minmax(0,1fr);gap:18px;padding:15px 0;font:300 16px/1.2 TT,Arial,sans-serif;border-color:#d1d1c9;position:relative}
.homepage #technology .tech-list li:before{content:'';position:absolute;left:0;top:-1px;height:1px;width:34px;background:#ba5b19;transform:scaleX(0);transform-origin:left;transition:transform 200ms ease-out}
.homepage #technology .tech-list span{font:300 14px/1.35 TT,Arial,sans-serif;max-width:245px}
@media(hover:hover) and (pointer:fine){.homepage #technology .tech-list li:hover:before{transform:scaleX(1)}}
@media(max-width:1000px) and (min-width:651px){.homepage #technology{padding-inline:34px;gap:24px;grid-template-columns:1fr 1.1fr}.homepage #technology>.technology-copy{padding:25px 22px 18px}.homepage #technology h2{font-size:43px}.homepage #technology .tech-list li{grid-template-columns:67px 1fr;gap:10px}.homepage #technology .technology-photo{aspect-ratio:1/1.4;border-top-left-radius:90px}}
@media(max-width:650px){
 .homepage #technology{grid-template-columns:1fr;padding-inline:20px;gap:0;margin-block:8px 38px}
 .homepage #technology .technology-photo{width:90%;aspect-ratio:1/1.02;max-width:none;border-radius:85px 14px 14px 14px;justify-self:start}
 .homepage #technology>.technology-copy{width:94%;justify-self:end;margin-top:-16px;padding:27px 22px 18px;border-radius:15px 48px 15px 15px;position:relative;z-index:1}
 .homepage #technology h2{font-size:43px;margin:19px 0 20px}
 .homepage #technology .technology-copy>p:not(.eyebrow){font-size:15px;max-width:none}
 .homepage #technology .tech-list{margin-top:23px}
 .homepage #technology .tech-list li{grid-template-columns:67px minmax(0,1fr);gap:12px;padding-block:14px;font-size:15px}
 .homepage #technology .tech-list span{font-size:14px}
}
@media(max-width:370px){.homepage #technology>.technology-copy{width:97%;padding-inline:18px}.homepage #technology h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.homepage #technology .tech-list li:before{transition:none}}
@media(max-width:370px){.homepage #technology h2{font-size:32px}}

/* Sequential review 11 — laboratory. Handwork is the moving focal point. */
.homepage #laboratory{max-width:1240px;display:grid;grid-template-columns:1.55fr .8fr;grid-template-rows:auto 1fr;gap:26px 80px;align-items:start;padding-inline:40px;margin-block:0 56px}
.homepage #laboratory .lab-title{grid-column:1;grid-row:1;max-width:570px}
.homepage #laboratory .eyebrow{font:300 11px/1.3 TT,Arial,sans-serif}
.homepage #laboratory h2{font:400 clamp(62px,6.5vw,88px)/.98 Mintely,Georgia,serif;letter-spacing:-.035em;margin:24px 0 22px}
.homepage #laboratory h2 em{color:#bd570e;font-style:normal}
.homepage #laboratory h2 .lab-subtitle{font:300 30px/1.1 TT,Arial,sans-serif;letter-spacing:-.035em;margin-top:12px;white-space:nowrap}
.homepage #laboratory .lab-title>p:not(.eyebrow){font:300 16px/1.4 TT,Arial,sans-serif;max-width:455px;margin:0}
.homepage #laboratory .lab-title>p+p:not(.eyebrow){margin-top:13px}
.homepage #laboratory .lab-photo{grid-column:1;grid-row:2;width:72%;justify-self:end;position:relative;isolation:isolate;margin:0 4px 0 0}
.homepage #laboratory .lab-photo:before{content:'';position:absolute;inset:15% -8% -9% 5%;z-index:-1;background:radial-gradient(ellipse at 70% 75%,#ff790055,transparent 70%);filter:blur(20px);pointer-events:none}
.homepage #laboratory .lab-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transform:none;border-radius:14px 70px 14px 14px}
.homepage #laboratory .original-film{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;padding:0;width:100%;max-width:300px;position:relative}
.homepage #laboratory .original-film video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:80px 80px 16px 16px;background:#262623;border:1px solid #e0dfd7;box-shadow:0 0 0 6px #f1f1ed}
.homepage #laboratory .original-film figcaption{font:300 12px/1.35 TT,Arial,sans-serif;margin-top:18px;max-width:240px;padding-left:18px;border-left:1px solid #cc661b}
@media(max-width:1000px) and (min-width:651px){.homepage #laboratory{padding-inline:34px;gap:24px 42px;grid-template-columns:1.35fr .8fr}.homepage #laboratory h2{font-size:65px}.homepage #laboratory h2 .lab-subtitle{font-size:26px}.homepage #laboratory .lab-title>p:not(.eyebrow){font-size:15px}.homepage #laboratory .lab-photo{width:87%}}
@media(max-width:650px){
 .homepage #laboratory{padding-inline:20px;grid-template-columns:.9fr 1.1fr;grid-template-rows:auto auto;gap:28px 17px;margin-block:0 40px}
 .homepage #laboratory .lab-title{grid-column:1/-1;grid-row:1;max-width:none}
 .homepage #laboratory h2{font-size:65px;margin:20px 0}
 .homepage #laboratory h2 .lab-subtitle{font-size:27px;margin-top:10px}
 .homepage #laboratory .lab-title>p:not(.eyebrow){font-size:15px;max-width:330px}
 .homepage #laboratory .lab-title>p+p:not(.eyebrow){margin-top:12px}
 .homepage #laboratory .lab-photo{grid-column:1;grid-row:2;align-self:center;width:100%;margin:0;justify-self:start}
 .homepage #laboratory .lab-photo img{border-radius:12px 35px 12px 12px}
 .homepage #laboratory .original-film{grid-column:2;grid-row:2;max-width:none;align-self:start;width:100%}
 .homepage #laboratory .original-film video{border-radius:50px 50px 12px 12px;box-shadow:0 0 0 4px #f1f1ed}
 .homepage #laboratory .original-film figcaption{font-size:11px;padding-left:11px;margin-top:15px}
}
@media(max-width:370px){.homepage #laboratory h2{font-size:57px}.homepage #laboratory h2 .lab-subtitle{font-size:25px}}

/* Sequential review 12 — original tools as a numbered editorial collection. */
.homepage #equipment{max-width:1360px;padding:0 42px;margin:0 auto 52px}
.homepage #equipment .section-head{display:flex;justify-content:space-between;align-items:baseline;gap:30px;min-height:0;padding:0;margin-bottom:28px}
.homepage #equipment .eyebrow{font:300 11px/1.3 TT,Arial,sans-serif}
.homepage #equipment h2{font:300 clamp(40px,4.4vw,62px)/1.05 TT,Arial,sans-serif;letter-spacing:-.04em;margin:0;max-width:none}
.homepage #equipment h2 em{font-family:Mintely,Georgia,serif;font-style:normal;color:#bd570e;letter-spacing:-.025em}
.homepage #equipment .equipment-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:start;counter-reset:tool}
.homepage #equipment .equipment-grid article{counter-increment:tool;position:relative;padding:20px 16px 18px;border:1px solid #e3e2dc;border-radius:16px;background:#f5f5f1;min-width:0;transition:border-color 180ms ease-out}
.homepage #equipment .equipment-grid article:before{content:counter(tool,decimal-leading-zero);display:block;font:300 11px/1 TT,Arial,sans-serif;color:#aa4c09;font-variant-numeric:tabular-nums;margin-bottom:17px}
.homepage #equipment .equipment-grid article:first-child{border-top-left-radius:45px}
.homepage #equipment .equipment-grid article:nth-child(even){margin-top:24px;background:#fafaf7}
.homepage #equipment .equipment-grid img{height:136px;width:100%;object-fit:contain;margin:0 0 21px;mix-blend-mode:multiply}
.homepage #equipment .equipment-grid h3{font:300 22px/1.1 TT,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 11px}
.homepage #equipment .equipment-grid p{font:300 14px/1.35 TT,Arial,sans-serif;max-width:200px;margin:0;color:#64645d}
@media(hover:hover) and (pointer:fine){.homepage #equipment .equipment-grid article:hover{border-color:#c9a17c}.homepage #equipment .equipment-grid img{transition:transform 220ms ease-out}.homepage #equipment .equipment-grid article:hover img{transform:translateY(-3px)}}
@media(max-width:1000px) and (min-width:651px){.homepage #equipment{padding-inline:34px}.homepage #equipment .equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.homepage #equipment .equipment-grid article:nth-child(even){margin:0}.homepage #equipment .equipment-grid article:nth-child(2){margin-top:22px}.homepage #equipment h2{font-size:43px}}
@media(max-width:650px){
 .homepage #equipment{padding-inline:20px;margin-bottom:38px}
 .homepage #equipment .section-head{display:block;margin-bottom:24px}
 .homepage #equipment h2{font-size:43px;line-height:1.02;margin-top:18px;max-width:330px}
 .homepage #equipment h2 em{display:block;margin-top:3px}
 .homepage #equipment .equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
 .homepage #equipment .equipment-grid article{padding:16px 12px;border-radius:13px}
 .homepage #equipment .equipment-grid article:first-child{border-top-left-radius:35px}
 .homepage #equipment .equipment-grid article:nth-child(even){margin-top:18px}
 .homepage #equipment .equipment-grid article:before{margin-bottom:14px;font-size:10px}
 .homepage #equipment .equipment-grid img{height:103px;margin-bottom:17px}
 .homepage #equipment .equipment-grid h3{font-size:20px;margin-bottom:9px}
 .homepage #equipment .equipment-grid p{font-size:13px;line-height:1.35;max-width:none}
 .homepage #equipment .equipment-grid article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-items:center;padding-block:17px}
 .homepage #equipment .equipment-grid article:last-child:before{grid-column:2;grid-row:1;margin:0 0 12px}
 .homepage #equipment .equipment-grid article:last-child img{grid-column:1;grid-row:1/4;margin:0;height:115px}
 .homepage #equipment .equipment-grid article:last-child h3{grid-column:2;grid-row:2}
 .homepage #equipment .equipment-grid article:last-child p{grid-column:2;grid-row:3;align-self:start}
}
@media(max-width:370px){.homepage #equipment h2{font-size:37px}.homepage #equipment .equipment-grid img{height:90px}.homepage #equipment .equipment-grid h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.homepage #equipment .equipment-grid img{transition:none}.homepage #equipment .equipment-grid article:hover img{transform:none}}

/* Sequential review 13 — clinic. Original orange room, safe people-first crops. */
.homepage #clinic{width:calc(100% - 80px);max-width:1320px;margin:0 auto 52px;background:transparent;border-radius:0;overflow:visible;scroll-margin-top:110px}
.homepage #clinic .clinic-frame{overflow:hidden;border-radius:90px 18px 18px 18px;background:#e0b083;position:relative;isolation:isolate}
.homepage #clinic .clinic-frame img{width:100%;height:clamp(360px,37vw,540px);aspect-ratio:auto;object-fit:cover;object-position:50% 30%;display:block;transform:translateY(var(--photo-depth,0px)) scale(1.025);transform-origin:50% 40%}
.homepage #clinic .clinic-caption{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:20px 0 0;background:none;border:0}
.homepage #clinic h2{font:300 27px/1.1 TT,Arial,sans-serif;letter-spacing:-.025em;margin:0;display:flex;align-items:center;gap:13px}
.homepage #clinic h2:before{content:'';display:block;width:9px;height:9px;border:1px solid #bc580d;border-radius:50%;box-shadow:0 0 12px #ff790037}
.homepage #clinic .clinic-caption a{font:300 13px/1.4 TT,Arial,sans-serif;text-decoration:none;display:flex;gap:28px;align-items:baseline}
.homepage #clinic .clinic-caption a span{font-size:11px;color:#77776f}
@media(hover:hover) and (pointer:fine){.homepage #clinic .clinic-caption a:hover{text-decoration:underline;text-decoration-color:#c65e13;text-underline-offset:5px}}
@media(max-width:1000px) and (min-width:651px){.homepage #clinic{width:calc(100% - 68px)}.homepage #clinic .clinic-frame img{height:390px;object-position:43% 30%}}
@media(max-width:650px){
 .homepage #clinic{width:calc(100% - 40px);margin-bottom:38px}
 .homepage #clinic .clinic-frame{border-radius:52px 14px 14px 14px}
 .homepage #clinic .clinic-frame img{height:auto;aspect-ratio:4/3;object-position:35% 35%;transform:none}
 .homepage #clinic .clinic-caption{padding-top:16px;gap:15px;align-items:start}
 .homepage #clinic h2{font-size:22px;gap:9px;max-width:145px}
 .homepage #clinic h2:before{width:7px;height:7px;flex-shrink:0}
 .homepage #clinic .clinic-caption a{font-size:11px;display:block;text-align:right;max-width:150px}
 .homepage #clinic .clinic-caption a span{display:block;margin-top:3px;font-size:10px}
}
@media(max-width:370px){.homepage #clinic h2{font-size:20px}.homepage #clinic .clinic-caption{gap:10px}.homepage #clinic .clinic-caption a{max-width:130px}}
@media(prefers-reduced-motion:reduce){.homepage #clinic .clinic-frame img{transform:none}}
@media(max-width:650px){.homepage #clinic h2{font-size:20px;white-space:nowrap;max-width:none;flex-shrink:0}.homepage #clinic .clinic-caption a{min-width:0}}
@media(max-width:370px){.homepage #clinic h2{font-size:18px}}

/* Sequential review 14 — people. An authentic embrace and a quiet moving portrait. */
.homepage #shining-people{max-width:1320px;padding-inline:40px;grid-template-columns:1fr 1.05fr;grid-template-rows:auto 1fr;gap:24px 64px;align-items:start;margin:0 auto 52px;scroll-margin-top:110px}
.homepage #shining-people .shine-photo{grid-column:1;grid-row:1/3;align-self:start;position:relative;isolation:isolate;box-shadow:none;border-radius:18px 100px 18px 18px}
.homepage #shining-people .shine-photo:before{content:'';position:absolute;inset:35% -9% -4% 5%;z-index:-1;background:radial-gradient(ellipse at 75% 80%,#ff79005c,transparent 72%);filter:blur(22px);pointer-events:none}
.homepage #shining-people .shine-photo img{width:100%;height:auto;aspect-ratio:4/5;min-height:0;max-height:none;object-fit:cover;object-position:50% 30%;border-radius:inherit}
.homepage #shining-people .shine-feature-title{grid-column:2;grid-row:1;padding:29px 0 0}
.homepage #shining-people .eyebrow{font:300 11px/1.3 TT,Arial,sans-serif;margin:0 0 23px}
.homepage #shining-people h2{font:300 clamp(46px,4.6vw,64px)/1.02 TT,Arial,sans-serif;letter-spacing:-.04em;margin:0}
.homepage #shining-people h2 em{font:400 1.13em/1.04 Mintely,Georgia,serif;letter-spacing:-.025em;display:block;margin-top:2px}
.homepage #shining-people h2>span{font:300 25px/1.15 TT,Arial,sans-serif;color:#b6510d;margin-top:21px;letter-spacing:-.02em}
.homepage #shining-people .shine-aside{grid-column:2;grid-row:2;grid-template-columns:172px minmax(0,1fr);gap:27px;align-items:center;padding:0;max-width:520px;margin-top:4px}
.homepage #shining-people .original-film{max-width:172px;position:relative;margin:0}
.homepage #shining-people .original-film video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:80px 80px 13px 13px;border:1px solid #e0dfd8;box-shadow:0 0 0 5px #f3f3ef}
.homepage #shining-people .shine-story{border-top:1px solid #d6d5ce;padding-top:18px}
.homepage #shining-people .shine-story p{font:300 15px/1.4 TT,Arial,sans-serif;margin:0;max-width:270px}
.homepage #shining-people .shine-story p+p{margin-top:16px;color:#707168}
@media(max-width:1000px) and (min-width:651px){.homepage #shining-people{padding-inline:34px;gap:22px 32px}.homepage #shining-people h2{font-size:46px}.homepage #shining-people .shine-aside{grid-template-columns:115px 1fr;gap:20px}.homepage #shining-people .shine-story p{font-size:14px}.homepage #shining-people .shine-feature-title{padding-top:0}.homepage #shining-people .shine-photo img{aspect-ratio:4/6}}
@media(max-width:650px){
 .homepage #shining-people{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:24px;padding-inline:20px;margin-bottom:38px}
 .homepage #shining-people .shine-feature-title{grid-column:1;grid-row:1;padding:0}
 .homepage #shining-people .eyebrow{margin-bottom:18px}
 .homepage #shining-people h2{font-size:48px}
 .homepage #shining-people h2>span{font-size:23px;margin-top:17px}
 .homepage #shining-people .shine-photo{grid-column:1;grid-row:2;width:94%;justify-self:start;border-radius:14px 70px 14px 14px}
 .homepage #shining-people .shine-photo img{height:auto;min-height:0;max-height:none;aspect-ratio:4/4.8;object-position:50% 30%}
 .homepage #shining-people .shine-aside{grid-column:1;grid-row:3;grid-template-columns:128px minmax(0,1fr);gap:22px;margin:0 0 0 9px;max-width:none}
 .homepage #shining-people .original-film{max-width:128px}
 .homepage #shining-people .original-film video{border-radius:58px 58px 12px 12px;box-shadow:0 0 0 4px #f3f3ef}
 .homepage #shining-people .shine-story{padding-top:15px}
 .homepage #shining-people .shine-story p{font-size:14px;line-height:1.4;max-width:none}
 .homepage #shining-people .shine-story p+p{margin-top:13px}
}
@media(max-width:370px){.homepage #shining-people h2{font-size:43px}.homepage #shining-people .shine-aside{grid-template-columns:105px minmax(0,1fr);gap:18px;margin-left:0}.homepage #shining-people .shine-story p{font-size:13px}}
@media(min-width:1001px){.homepage #shining-people .shine-photo{max-width:500px}}

/* Sequential review 15 — portrait film collection. Original videos, precise frames. */
.homepage #stories{max-width:1360px;padding-inline:42px;margin:0 auto 52px;scroll-margin-top:110px}
.homepage #stories .section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:0 0 30px}
.homepage #stories .eyebrow{font:300 11px/1.3 TT,Arial,sans-serif;margin-bottom:20px}
.homepage #stories h2{font:300 clamp(43px,4.2vw,60px)/1.02 TT,Arial,sans-serif;letter-spacing:-.04em;margin:0}
.homepage #stories h2 em{font:400 1.1em/1.05 Mintely,Georgia,serif;letter-spacing:-.025em;color:#b95310;font-style:normal}
.homepage #stories .section-head>p{font:300 15px/1.4 TT,Arial,sans-serif;max-width:265px;margin:0 0 4px}
.homepage #stories .stories-track{grid-auto-columns:270px;gap:24px;width:100%;max-width:860px;margin-inline:auto;padding:6px 4px 14px;scroll-padding-inline:4px;scroll-snap-type:x mandatory}
.homepage #stories .story-video-frame{padding:5px;border:1px solid #d5d3ca;border-radius:62px 62px 18px 18px;background:#f2f2ed;transition:border-color 180ms ease-out,background-color 180ms ease-out!important}
.homepage #stories .story-video-frame video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:57px 57px 13px 13px;background:#252522}
.homepage #stories .story-slide figcaption{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:baseline;font:300 19px/1.15 TT,Arial,sans-serif;letter-spacing:-.02em;margin-top:16px;padding-inline:4px}
.homepage #stories .story-number{font:300 10px/1 TT,Arial,sans-serif;color:#ad500c;font-variant-numeric:tabular-nums}
.homepage #stories .story-role{display:block;font:300 12px/1.35 TT,Arial,sans-serif;color:#75756c;letter-spacing:0;margin-top:7px}
.homepage #stories .stories-controls{max-width:860px;margin:21px auto 0;padding-top:16px;border-color:#d6d5ce}
.homepage #stories .stories-count{font:300 11px/1 TT,Arial,sans-serif;font-variant-numeric:tabular-nums;color:#66665e}
.homepage #stories .stories-controls button{font:300 12px/1 TT,Arial,sans-serif;min-height:44px;padding:11px 19px;border-color:#d1c8bb;transition:background-color 160ms ease-out,border-color 160ms ease-out,color 160ms ease-out}
.homepage #stories .stories-controls button:disabled{opacity:.35;cursor:default}
.homepage #stories .story-video-frame:focus-within{border-color:#bb5b16;background:#fffaf5}
@media(hover:hover) and (pointer:fine){.homepage #stories .story-video-frame:hover{border-color:#c78c5b;background:#faf7f0}.homepage #stories .stories-controls button:hover:not(:disabled){background:#f8e4d2;color:#2c2c27;border-color:#c46a25}}
@media(max-width:1000px) and (min-width:651px){.homepage #stories{padding-inline:34px}.homepage #stories h2{font-size:45px}.homepage #stories .section-head{gap:25px}.homepage #stories .section-head>p{max-width:230px}.homepage #stories .stories-track{grid-auto-columns:245px;gap:20px}}
@media(max-width:650px){
 .homepage #stories{padding-inline:20px;margin-bottom:38px}
 .homepage #stories .section-head{display:block;margin-bottom:25px}
 .homepage #stories .eyebrow{margin-bottom:18px}
 .homepage #stories h2{font-size:45px}
 .homepage #stories .section-head>p{font-size:15px;max-width:290px;margin:18px 0 0}
 .homepage #stories .stories-track{grid-auto-columns:78%;gap:17px;max-width:none;width:100%;margin:0;padding:5px 4px 12px;scroll-padding-inline:4px}
 .homepage #stories .story-video-frame{border-radius:53px 53px 17px 17px;padding:5px}
 .homepage #stories .story-video-frame video{border-radius:48px 48px 12px 12px}
 .homepage #stories .story-slide figcaption{font-size:18px;grid-template-columns:19px 1fr;gap:9px;margin-top:14px}
 .homepage #stories .story-role{font-size:11px;margin-top:6px}
 .homepage #stories .stories-controls{margin-top:18px;padding-top:15px;gap:12px}
 .homepage #stories .stories-controls>div{gap:7px}
 .homepage #stories .stories-controls button{font-size:11px;padding-inline:14px}
}
@media(max-width:370px){.homepage #stories h2{font-size:38px}.homepage #stories .story-slide figcaption{font-size:17px}.homepage #stories .stories-controls button{padding-inline:11px}}
@media(prefers-reduced-motion:reduce){.homepage #stories .story-video-frame,.homepage #stories .stories-controls button{transition:none!important}}
@media(min-width:1001px){.homepage #stories .stories-track,.homepage #stories .stories-controls{max-width:880px}}

/* Sequential review 16 — conversation. Film-first layout and real platform marks. */
.homepage #conversation{max-width:1320px;width:calc(100% - 80px);padding:28px 32px 32px;margin:0 auto 52px;background:#f2f2ee;border:0;border-radius:26px;scroll-margin-top:110px}
.homepage #conversation .podcast-editorial-header{padding-bottom:20px;margin-bottom:26px;border-color:#d3d3ca;gap:20px}
.homepage #conversation .podcast-editorial-header .eyebrow{font:300 11px/1.3 TT,Arial,sans-serif}
.homepage #conversation .podcast-editorial-header .text-link{font:300 12px/1.2 TT,Arial,sans-serif;border:1px solid #c88c5d;border-radius:999px;padding:12px 18px;min-height:42px;display:inline-flex;align-items:center;text-decoration:none}
.homepage #conversation .podcast-editorial-header .text-link:after{display:none}
.homepage #conversation .podcast-editorial-body{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:40px;align-items:center}
.homepage #conversation .podcast-player{position:relative;isolation:isolate}
.homepage #conversation .podcast-player:before{content:'';position:absolute;inset:35% -3% 8% 25%;z-index:-1;background:radial-gradient(ellipse at 70% 70%,#ff790037,transparent 72%);filter:blur(20px);pointer-events:none}
.homepage #conversation .youtube-frame{border-radius:52px 14px 14px 14px;overflow:hidden;aspect-ratio:16/9;border:1px solid #d9d6cf;background:#22231f}
.homepage #conversation .youtube-frame iframe{width:100%;height:100%;border:0;display:block}
.homepage #conversation .podcast-editorial-copy>.eyebrow{display:none}
.homepage #conversation .podcast-editorial-copy h2{font:300 clamp(30px,3vw,42px)/1.08 TT,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 25px}
/* The names and subject already appear in the heading and speaker credits. */
.homepage #conversation .podcast-editorial-copy>p:not(.eyebrow){display:none}
.homepage #conversation .podcast-speakers{grid-template-columns:1fr;gap:17px;padding-top:20px;border-color:#d3d3ca;font:300 15px/1.2 TT,Arial,sans-serif}
.homepage #conversation .podcast-speakers small{font:300 11px/1.3 TT,Arial,sans-serif;color:#73736a;margin-top:6px}
.homepage #conversation .podcast-platforms{grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}
.homepage #conversation .podcast-platform{gap:13px;padding:14px 17px;min-height:76px;background:#fff;border:1px solid #d9d8d0;border-radius:13px;font:300 17px/1.2 TT,Arial,sans-serif;transition:border-color 180ms ease-out,background-color 180ms ease-out,transform 160ms ease-out}
.homepage #conversation .platform-brand-icon{width:31px;height:31px;object-fit:contain;flex-shrink:0}
.homepage #conversation .podcast-platform small{font:300 10px/1.25 TT,Arial,sans-serif;color:#6d6e65;margin-bottom:5px}
.homepage #conversation .podcast-platform:focus-visible{outline:2px solid #b95812;outline-offset:4px}
.homepage #conversation .podcast-platform:active{transform:scale(.985)}
@media(hover:hover) and (pointer:fine){.homepage #conversation .podcast-platform:hover{border-color:#c2773d;background:#fffaf3;transform:translateY(-2px)}.homepage #conversation .podcast-editorial-header .text-link:hover{background:#fff8ee}}
@media(max-width:1000px) and (min-width:651px){.homepage #conversation{width:calc(100% - 68px);padding:25px}.homepage #conversation .podcast-editorial-body{gap:27px;grid-template-columns:1.35fr 1fr}.homepage #conversation .podcast-editorial-copy h2{font-size:31px}.homepage #conversation .podcast-platform{padding:13px 10px;gap:9px;font-size:13px}.homepage #conversation .platform-brand-icon{width:26px;height:26px}}
@media(max-width:650px){
 .homepage #conversation{width:calc(100% - 16px);padding:23px 20px 24px;border-radius:22px;margin-bottom:38px}
 .homepage #conversation .podcast-editorial-header{padding-bottom:17px;margin-bottom:22px;gap:12px}
 .homepage #conversation .podcast-editorial-header .eyebrow{font-size:10px;max-width:125px}
 .homepage #conversation .podcast-editorial-header .text-link{font-size:11px;min-height:44px;padding:10px 14px;white-space:nowrap}
 .homepage #conversation .podcast-editorial-body{grid-template-columns:1fr;gap:23px}
 .homepage #conversation .podcast-editorial-copy{grid-row:1}
 .homepage #conversation .podcast-editorial-copy h2{font-size:32px;margin:0 0 20px}
 .homepage #conversation .podcast-speakers{grid-template-columns:1fr 1fr;gap:19px;padding-top:16px;font-size:13px}
 .homepage #conversation .podcast-speakers small{font-size:10px;margin-top:5px}
 .homepage #conversation .youtube-frame{border-radius:30px 11px 11px 11px}
 .homepage #conversation .podcast-platforms{grid-template-columns:1fr;gap:10px;margin-top:16px}
 .homepage #conversation .podcast-platform{min-height:70px;padding:13px 16px;font-size:17px;gap:15px}
 .homepage #conversation .platform-brand-icon{width:31px;height:31px}
}
@media(max-width:370px){.homepage #conversation .podcast-editorial-copy h2{font-size:28px}.homepage #conversation .podcast-speakers{font-size:12px;gap:13px}}
@media(prefers-reduced-motion:reduce){.homepage #conversation .podcast-platform{transition:none;transform:none!important}}

.homepage #conversation .podcast-editorial-header{min-height:36px;padding-bottom:18px}
.homepage #conversation .podcast-channel{border-top:1px solid #d3d3ca;margin-top:25px;padding-top:19px}
.homepage #conversation .podcast-channel>a{display:flex;align-items:center;justify-content:space-between;gap:24px;font:300 15px/1.3 TT,Arial,sans-serif;text-decoration:none}
.homepage #conversation .channel-subscribe{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 21px;border:1px solid #bd681f;border-radius:999px;font:300 13px/1 TT,Arial,sans-serif;transition:background-color 180ms ease-out;white-space:nowrap}
@media(hover:hover) and (pointer:fine){.homepage #conversation .podcast-channel>a:hover .channel-subscribe{background:#fbe4cf}}
@media(max-width:650px){.homepage #conversation .podcast-editorial-header .eyebrow{max-width:none}.homepage #conversation .podcast-channel{margin-top:22px;padding-top:17px}.homepage #conversation .podcast-channel>a{font-size:14px;gap:15px}.homepage #conversation .channel-subscribe{font-size:12px;padding-inline:16px}}
@media(max-width:370px){.homepage #conversation .podcast-channel>a{font-size:13px;gap:12px}}
@media(prefers-reduced-motion:reduce){.homepage #conversation .channel-subscribe{transition:none}}

/* Sequential review 17 — consultation and prices. A compact, honest price index. */
.homepage #prices{max-width:1240px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:76px;padding:0 40px 52px;margin:0 auto;scroll-margin-top:110px}
.homepage #prices .eyebrow{font:300 11px/1.3 TT,Arial,sans-serif;max-width:none;color:#a54c0a}
.homepage #prices h2{font:300 clamp(43px,4.2vw,58px)/1.03 TT,Arial,sans-serif;letter-spacing:-.04em;margin:21px 0 22px}
.homepage #prices .prices-copy>p:not(.eyebrow){font:300 16px/1.4 TT,Arial,sans-serif;max-width:315px;margin:0}
.homepage #prices .prices-list{background:#f3f3ee;border:1px solid #e4e3dc;border-radius:17px 55px 17px 17px;padding:15px 28px 23px;display:flex;flex-direction:column;align-items:stretch}
.homepage #prices .price-index{margin:0;display:block}
.homepage #prices .price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:baseline;padding:21px 0;border-top:1px solid #d5d4cb;font:300 16px/1.3 TT,Arial,sans-serif}
.homepage #prices .price-row:first-child{border-top:0}
.homepage #prices .price-row:last-child{border-bottom:1px solid #d5d4cb}
.homepage #prices .price-row dt{max-width:265px}
.homepage #prices .price-row dd{font:300 29px/1 TT,Arial,sans-serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;color:#2c2d27}
.homepage #prices .prices-list>.text-link{align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:19px 0 0;padding:11px 21px;border:1px solid #ba6a2c;border-radius:999px;font:300 13px/1 TT,Arial,sans-serif;text-decoration:none;transition:background-color 180ms ease-out,border-color 180ms ease-out}
.homepage #prices .prices-list>.text-link:after{display:none}
@media(hover:hover) and (pointer:fine){.homepage #prices .prices-list>.text-link:hover{background:#fbe5d0;border-color:#ad520b}}
@media(max-width:1000px) and (min-width:651px){.homepage #prices{gap:35px;padding-inline:34px}.homepage #prices h2{font-size:43px}.homepage #prices .prices-list{padding-inline:22px}.homepage #prices .price-row{gap:18px;font-size:15px}.homepage #prices .price-row dd{font-size:26px}}
@media(max-width:650px){
 .homepage #prices{grid-template-columns:1fr;gap:25px;padding:0 20px 38px}
 .homepage #prices h2{font-size:45px;margin:18px 0}
 .homepage #prices .prices-copy>p:not(.eyebrow){font-size:15px;max-width:300px}
 .homepage #prices .prices-list{padding:11px 20px 21px;border-radius:15px 40px 15px 15px}
 .homepage #prices .price-row{padding:19px 0;gap:19px;font-size:15px}
 .homepage #prices .price-row dt{max-width:205px}
 .homepage #prices .price-row dd{font-size:26px}
 .homepage #prices .prices-list>.text-link{margin-top:18px;font-size:12px;padding-inline:19px}
}
@media(max-width:370px){.homepage #prices h2{font-size:40px}.homepage #prices .prices-list{padding-inline:16px}.homepage #prices .price-row{font-size:14px;gap:12px}.homepage #prices .price-row dd{font-size:24px}}
@media(prefers-reduced-motion:reduce){.homepage #prices .prices-list>.text-link{transition:none}}

/* Clinic: the original room portrait alongside the working-clinic photograph. */
.homepage #clinic .clinic-frame{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;background:transparent;overflow:visible;border-radius:0}
.homepage #clinic .clinic-frame img{width:100%;height:510px;aspect-ratio:auto;object-fit:cover;border-radius:22px;transform:none}
.homepage #clinic .clinic-frame img:first-child{object-position:50% 55%;border-top-left-radius:100px}
.homepage #clinic .clinic-frame img:last-child{object-position:35% 35%;border-bottom-right-radius:90px}
@media(max-width:1000px){.homepage #clinic .clinic-frame img{height:390px}}
@media(max-width:650px){.homepage #clinic .clinic-frame{grid-template-columns:minmax(0,1fr);gap:13px}.homepage #clinic .clinic-frame img{height:auto;aspect-ratio:4/3}.homepage #clinic .clinic-frame img:first-child{border-radius:64px 16px 16px 16px;object-position:50% 55%}.homepage #clinic .clinic-frame img:last-child{aspect-ratio:3/2;border-radius:16px 16px 48px 16px;object-position:35% 35%}}

/* Second screen — G8 editorial signature and authentic modelling detail. */
.homepage #approach{padding-block:60px 54px;overflow:clip}
.homepage #approach .intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:7vw;padding-block:0;border:0}
.homepage #approach .g8-intro-visual{position:relative;min-height:420px;background:#f3f2ed;border-radius:24px 100px 24px 24px;padding:28px 32px;isolation:isolate}
.homepage #approach .g8-intro-visual:before{content:'';position:absolute;z-index:-1;width:290px;height:290px;right:-48px;bottom:-45px;background:radial-gradient(ellipse,#ff7a2440,transparent 70%);pointer-events:none}
.homepage #approach .g8-intro-label{font:300 11px/1.3 TT,Arial,sans-serif;margin:0;color:#6c675f}
.homepage #approach .g8-intro-mark{display:flex;align-items:baseline;gap:0;font:300 clamp(170px,19vw,280px)/.9 TT,Arial,sans-serif;letter-spacing:-.075em;color:#292a27;margin-top:38px}
.homepage #approach .g8-intro-mark span:last-child{color:#ed641b}
.homepage #approach .g8-intro-detail{position:absolute;width:180px;right:28px;bottom:31px;rotate:5deg;z-index:2}
.homepage #approach .g8-intro-detail img{width:100%;height:195px;object-fit:cover;object-position:50% 48%;border-radius:60px 13px 13px 13px;border:6px solid #fff;box-shadow:0 12px 25px #30211615}
.homepage #approach .g8-intro-detail figcaption{font:300 10px/1.3 TT,Arial,sans-serif;margin-top:9px;text-align:center;color:#68625d}
.homepage #approach .g8-intro-baseline{position:absolute;left:32px;bottom:29px;font:300 10px/1.3 TT,Arial,sans-serif;color:#6c675f;max-width:95px}
.homepage #approach .g8-intro-copy{min-width:0;padding-right:10px}
.homepage #approach .eyebrow{margin:0 0 22px;font-size:12px}
.homepage #approach h2{font:300 clamp(38px,3.9vw,59px)/1.06 TT,Arial,sans-serif;letter-spacing:-.04em;max-width:550px}
.homepage #approach h2 em{font:400 1.02em/1.1 Mintely,Georgia,serif;color:#d95e1a;font-style:normal;letter-spacing:-.025em}
.homepage #approach .g8-intro-copy>p:not(.eyebrow){font:300 17px/1.45 TT,Arial,sans-serif;max-width:350px;margin-top:26px;color:#595953}
.homepage #approach .g8-intro-link{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;font:300 13px/1.3 TT,Arial,sans-serif;text-decoration:none;border-bottom:1px solid #bb7b4c;transition:color 180ms ease}
@media(hover:hover) and (pointer:fine){.homepage #approach .g8-intro-link:hover{color:#d95e1a}}
@media(max-width:1000px) and (min-width:651px){.homepage #approach .intro{gap:35px}.homepage #approach .g8-intro-visual{min-height:355px;padding:25px}.homepage #approach .g8-intro-mark{font-size:195px}.homepage #approach .g8-intro-detail{width:135px;right:17px;bottom:25px}.homepage #approach .g8-intro-detail img{height:155px}.homepage #approach h2{font-size:37px}.homepage #approach .g8-intro-copy>p:not(.eyebrow){font-size:16px}}
@media(max-width:650px){.homepage #approach{padding-block:34px 34px}.homepage #approach .intro{grid-template-columns:minmax(0,1fr);gap:30px}.homepage #approach .g8-intro-visual{min-height:318px;padding:24px;border-radius:20px 70px 20px 20px}.homepage #approach .g8-intro-label{font-size:10px}.homepage #approach .g8-intro-mark{font-size:210px;margin-top:30px}.homepage #approach .g8-intro-detail{width:140px;right:20px;bottom:23px}.homepage #approach .g8-intro-detail img{height:155px;border-width:5px;border-top-left-radius:46px}.homepage #approach .g8-intro-baseline{left:24px;bottom:24px;font-size:9px;max-width:90px}.homepage #approach .g8-intro-copy{padding-right:0}.homepage #approach .eyebrow{margin-bottom:17px;font-size:11px}.homepage #approach h2{font-size:42px}.homepage #approach .g8-intro-copy>p:not(.eyebrow){font-size:16px;margin-top:20px;max-width:330px}.homepage #approach .g8-intro-link{margin-top:18px}}
@media(max-width:370px){.homepage #approach .g8-intro-mark{font-size:180px}.homepage #approach .g8-intro-visual{min-height:290px}.homepage #approach .g8-intro-detail{width:115px;right:15px}.homepage #approach .g8-intro-detail img{height:140px}.homepage #approach h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.homepage #approach .g8-intro-link{transition:none}}
.homepage #approach h2{font-family:TT,Arial,sans-serif!important}
.homepage #approach .g8-intro-copy>p:not(.eyebrow){padding:0}
.homepage #approach .g8-intro-label{max-width:none;padding:0;font-size:11px!important}
@media(max-width:650px){.homepage #approach .g8-intro-visual{min-height:330px}.homepage #approach .g8-intro-mark{font-size:190px;margin-top:25px}.homepage #approach .g8-intro-detail{width:108px;right:17px;bottom:16px}.homepage #approach .g8-intro-detail img{height:118px;border-top-left-radius:36px}.homepage #approach .g8-intro-detail figcaption{font-size:8px}.homepage #approach .g8-intro-baseline{bottom:20px}}
@media(max-width:370px){.homepage #approach .g8-intro-mark{font-size:165px}.homepage #approach .g8-intro-detail{width:96px;right:14px}.homepage #approach .g8-intro-detail img{height:107px}}
/* A restrained ambient field, driven by reading progress rather than a loop. */
.homepage{position:relative;isolation:isolate}
.homepage:before,.homepage:after{content:'';position:fixed;z-index:-1;pointer-events:none;width:560px;height:620px;border-radius:50%;background:radial-gradient(ellipse,#ff8a301b 0%,#ff9e4610 30%,transparent 68%);transform:translate3d(0,var(--ambient-y,0px),0);opacity:.75}
.homepage:before{top:18vh;left:-330px}
.homepage:after{right:-350px;top:53vh;transform:translate3d(0,calc(var(--ambient-y,0px)*-.7),0);background:radial-gradient(ellipse,#ff721b1d,transparent 67%)}
@media(max-width:650px){.homepage:before,.homepage:after{width:340px;height:470px;opacity:.5}.homepage:before{left:-240px}.homepage:after{right:-260px}}
@media(prefers-reduced-motion:reduce){.homepage:before,.homepage:after{transform:none}}

/* Doctor actions share the same footprint and type scale. */
.homepage #doctor .doctor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:420px}
.homepage #doctor .doctor-actions .button{width:100%;text-align:center;white-space:nowrap;padding-inline:16px}
@media(max-width:370px){.homepage #doctor .doctor-actions{grid-template-columns:1fr;max-width:240px}}

/* Keep the scanner signature on one line, including translated previews. */
.homepage #method .method-signature{display:flex!important;flex-flow:row nowrap;align-items:baseline;justify-content:flex-start;gap:18px;white-space:nowrap}
.homepage #method .method-g8{margin-top:0!important;flex-shrink:0}
@media(max-width:650px){.homepage #method .method-signature{gap:14px}.homepage #method h2{font-size:64px}.homepage #method .method-g8{font-size:48px!important}}
@media(max-width:370px){.homepage #method h2{font-size:56px}.homepage #method .method-g8{font-size:42px!important}}

/* CSP-safe midpoint before JavaScript initializes the comparison. */
.treatment-compare{--reveal:50%}

/* Three restrained pools of orange punctuate the long homepage. */
.homepage #dynasty,.homepage #stories,.homepage #prices{position:relative;isolation:isolate}
.homepage #dynasty:before,.homepage #stories:before,.homepage #prices:before{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#ff6f003d 0%,#ff6f0017 40%,#ff6f0000 72%);filter:blur(22px)}
.homepage #dynasty:before{width:min(650px,80vw);height:500px;right:-6%;top:12%}
.homepage #stories:before{width:min(650px,85vw);height:520px;left:-8%;top:18%}
.homepage #prices:before{width:min(460px,65vw);height:360px;right:0;top:5%;opacity:.65}
@media(max-width:650px){.homepage #dynasty:before{height:350px;right:-12%;top:38%}.homepage #stories:before{height:380px;left:-12%;top:30%}.homepage #prices:before{height:280px;opacity:.5}}

.homepage{overflow-x:clip}
