/* October 11: supplied company brand, personal hero, and credential distinctions. */
.header{background:#000}
.header .brand{min-width:0;overflow:hidden}
.header .company-signature{--company-width:420px;width:var(--company-width);height:calc(var(--company-width)*.255);position:relative;display:block;overflow:hidden;flex:none}
.header .company-signature img{position:absolute;left:0;top:calc(var(--company-width)*-.13);width:var(--company-width);height:auto;max-width:none}
.header .brand .brand-mobile{display:none}
:root{--vera-heading-font:'Times New Roman',Times,serif}
h1,h2,h3{font-family:var(--vera-heading-font)}
#contenido :is(h1,h2,h3),#contenido .brand-slogan,#contenido .hero-description,#contenido .contact-cities{font-family:var(--vera-heading-font);font-weight:400}
.consultation-form h2{font-family:DM,Arial,sans-serif}
.brand-slogan{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em;line-height:1.24;color:#eee5d6}
.brand-slogan>span{display:block}
.brand-slogan>span+span{color:#dac393}
.lead-hero-intro>.hero-brand-title{font-family:Georgia,'Times New Roman',serif;text-transform:none;font-weight:400;letter-spacing:-.025em;color:#eee5d6}
.hero-specialty,.hero-reconstruction{font-family:Georgia,'Times New Roman',serif;text-transform:uppercase;color:#dfcfb3;margin:0}
.hero-specialty{font-size:12px;letter-spacing:.055em;line-height:1.5}
.hero-reconstruction{font-size:10px;letter-spacing:.12em;line-height:1.6;margin-top:3px}
.hero-doctor{position:relative;z-index:3}
.hero-doctor .doctor-portrait{margin:0;border-radius:12px;overflow:hidden;background:#0e0c0a}
.hero-doctor .doctor-portrait img{display:block;object-fit:contain;width:100%;height:auto}
.hero-bio-link{font-size:13px;line-height:1.5;min-height:44px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;margin:0;border-bottom-color:#d9c29855}
.hero-consultation-link{pointer-events:auto;position:relative;color:#e5cfaa;font-family:DM,Arial,sans-serif;font-size:14px;min-height:44px;align-items:center;display:inline-flex}
.operating-room{min-width:0;margin:0}
.operating-room img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid #d9c29833}
.operating-room figcaption{font-size:12px;color:#c9c1b4;line-height:1.5;margin:10px 0 0}
.doctor-qualifications{min-width:0;border-left:1px solid #d9c29833;padding-left:24px}
.doctor-qualifications h2{font-size:20px;line-height:1.4;letter-spacing:-.02em;margin:0 0 16px}
.doctor-diplomas{margin:0 0 18px}
.doctor-diplomas img{width:100%;height:auto;display:block;border-radius:8px}
.qualification{margin:0 0 16px}
.qualification>span{color:#e2ccaa;font-size:14px;line-height:1.5;display:block}
.qualification p,.qualification-note{font-size:13px;line-height:1.65;color:#d0c8ba;margin:3px 0 0}
.qualification-note{padding-top:14px;border-top:1px solid #d9c29833;margin-bottom:14px}
.doctor-qualifications .text-link{font-size:13px;min-height:44px;display:flex;align-items:center;margin:0 0 12px}
.doctor-qualifications .fine-print{font-size:11px;line-height:1.6;margin:0;color:#b5ada0}
.doctor-copy .brand-slogan{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(36px,3.3vw,52px);line-height:1.16;letter-spacing:-.025em}
.doctor-copy .brand-slogan>span+span{margin-top:.18em}
.doctor-copy>.text-link{display:flex;align-items:center;width:max-content;max-width:100%;min-height:44px;margin:20px 0 24px}
@media(min-width:851px){
 .lead-hero{padding:0;background:#000}
 .lead-hero-grid{position:relative;max-width:1440px;padding:0 var(--desktop-gutter);gap:0;display:block}
 .lead-hero-story{height:clamp(690px,calc(100svh - 104px),810px);min-height:690px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.2fr) minmax(160px,.7fr);gap:24px;align-items:start;overflow:visible;background:#000}
 .lead-hero-intro{position:relative;inset:auto;grid-column:1;grid-row:1;min-width:0;width:auto;max-width:none;padding:28px 0 0;pointer-events:auto}
 .lead-hero-intro>.eyebrow{position:static;width:auto;max-width:none;font-size:9px;margin:0 0 14px}
 .lead-hero-intro>.hero-brand-title{position:relative;inset:auto;width:auto;max-width:none;font-size:clamp(30px,2.7vw,40px);line-height:1.14;margin:0 0 12px}
 .lead-hero-intro>.hero-brand-title::before{display:none}
 .lead-hero-intro>.hero-description{position:static;width:auto;max-width:none;font-size:clamp(17px,1.7vw,23px);line-height:1.3;margin:24px 0 0;color:#eee5d6;text-shadow:none}
 .lead-hero-intro .hero-consultation-link{display:none}
 .hero-video-preview{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;z-index:0}
 .hero-video-preview>video{width:100%;height:100%;object-fit:contain;object-position:center}
 .hero-doctor{grid-column:3;grid-row:1;width:100%;max-width:240px;justify-self:end;margin-top:28px}
 .lead-hero-grid>.consultation-form{position:absolute;left:var(--desktop-gutter);top:282px;width:calc((100% - var(--desktop-gutter)*2 - 48px)/2.9);max-width:none;min-width:240px;margin:0;padding:20px;border-radius:14px}
 .lead-hero .consultation-form h2{font-size:23px;margin-bottom:12px}
 .lead-hero .form-kicker{font-size:9px;margin-bottom:12px}
 .lead-hero .form-step-description{font-size:13px;line-height:1.6;margin-bottom:18px}
 .lead-hero .dental-question{font-size:12px;margin-bottom:14px}
 .lead-hero .dental-question select{height:46px;font-size:14px}
 .lead-hero .form-next{min-height:46px;font-size:14px}
 .lead-hero .form-pending-note{font-size:12px;line-height:1.55;margin-top:16px;padding-top:14px}
 .lead-hero .form-contact-route{font-size:11px;min-height:36px;margin-top:0}
 .lead-hero .form-fields{grid-template-columns:1fr;gap:12px}
 .lead-hero .form-fields input,.lead-hero .form-fields select{height:42px;font-size:14px}

 .lead-hero-grid>.operating-room{position:absolute;right:var(--desktop-gutter);bottom:32px;width:calc((100% - var(--desktop-gutter)*2 - 48px)*.7/2.9);max-width:240px}
 .hero-scroll{display:none}
 .doctor-overview{grid-template-columns:minmax(0,1.04fr) minmax(0,.8fr) minmax(0,.95fr);gap:32px;align-items:start;padding-top:48px}
 .doctor-overview>.doctor-portrait{width:100%;max-width:320px;justify-self:center}
 .doctor-overview .doctor-description{font-size:15px;line-height:1.85;margin-top:24px}
 .doctor-overview .doctor-copy .button{font-size:14px;padding:16px 20px}
 .credentials{padding-top:40px}
}
@media(min-width:1200px) and (max-width:1400px){.header .company-signature{--company-width:360px}.header .nav a{padding:12px 10px}.header-actions{margin-left:12px;gap:8px}.header{gap:12px}}
@media(min-width:851px) and (max-width:1100px){
 .lead-hero-story{grid-template-columns:minmax(240px,1fr) minmax(250px,1.05fr) minmax(150px,.65fr);gap:18px;height:720px}
 .lead-hero-intro>.hero-brand-title{font-size:30px}
 .lead-hero-intro>.hero-description{font-size:17px}
 .lead-hero-grid>.consultation-form{width:calc((100% - var(--desktop-gutter)*2 - 36px)/2.7);padding:16px;top:266px}
 .lead-hero-grid>.operating-room{width:calc((100% - var(--desktop-gutter)*2 - 36px)*.65/2.7);bottom:36px}
 .doctor-overview{grid-template-columns:1fr 1fr;gap:28px}
 .doctor-overview>.doctor-qualifications{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-left:0;padding-left:0}
 .doctor-qualifications h2{grid-column:1/-1}
 .doctor-qualifications .doctor-diplomas{grid-column:1;grid-row:2/6}
 .doctor-qualifications .fine-print{grid-column:1/-1;margin-top:12px}
}
@media(max-width:850px){
 .header{min-height:90px}
 .header .company-signature{display:none}
 .header .brand .brand-mobile{display:flex;align-items:center;gap:8px;min-width:0}
 .header .brand .company-lettering{display:flex;flex-direction:column;color:#e1c79b;max-width:190px;min-width:0;font-family:Georgia,'Times New Roman',serif}
 .header .brand .company-lettering>span{display:block;font-size:32px;line-height:1;letter-spacing:-.04em;text-transform:uppercase}
 .company-lettering small{font-size:10px;line-height:1.3;letter-spacing:.015em;text-transform:uppercase;max-width:165px;margin-top:5px}
 .lead-hero-grid{display:flex;flex-direction:column;padding:0;position:relative}
 .lead-hero-story{position:relative;display:block;height:min(770px,calc(100svh - 90px));min-height:650px;overflow:hidden}
 .lead-hero-story::after{z-index:1;background:linear-gradient(180deg,#000b,transparent 22%,transparent 64%,#000d 91%);pointer-events:none}
 .hero-video-preview{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-height:none;border:0;border-radius:0;aspect-ratio:auto}
 .hero-video-preview>video{width:100%;height:100%;object-fit:contain;object-position:center}
 .lead-hero-intro{position:absolute;inset:0;z-index:2;width:100%;padding:0;max-width:none;pointer-events:none}
 .lead-hero-intro>.eyebrow{position:absolute;top:18px;left:6vw;width:calc(100% - 150px);font-size:8px;line-height:1.5}
 .lead-hero-intro>.hero-brand-title{position:absolute;top:42px;left:6vw;width:calc(100% - 150px);font-size:clamp(25px,5.2vw,36px);line-height:1.13;margin:0}
 .lead-hero-intro>.hero-brand-title::before{display:none}
 .hero-specialty,.hero-reconstruction{position:absolute;left:6vw;width:calc(100% - 150px)}
 .hero-specialty{top:108px;font-size:9px;letter-spacing:.015em}
 .hero-reconstruction{top:124px;font-size:8px;letter-spacing:.035em}
 .lead-hero-intro>.hero-description{position:absolute;inset:auto auto 124px 6vw;margin:0;width:88%;max-width:none;font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,5vw,28px);line-height:1.23;text-shadow:0 2px 12px #000}
 .hero-consultation-link{position:absolute;left:6vw;bottom:68px;font-size:14px;margin:0;pointer-events:auto;border-color:#d9c29866}
 .hero-doctor{position:absolute;top:18px;right:6vw;width:88px;z-index:3}
 .hero-doctor .doctor-portrait{border-radius:8px;border:1px solid #d9c29840}
 .hero-bio-link{font-size:10px;line-height:1.3;padding:4px 0;min-height:44px;justify-content:center}
 .hero-bio-link::after{display:none}
 .hero-scroll{z-index:3;bottom:14px;width:44px;height:44px}
 .lead-hero-grid>.consultation-form{position:static;width:88%;max-width:590px;margin:24px auto}
 .lead-hero-grid>.operating-room{width:88%;max-width:590px;margin:0 auto 30px}
 .doctor-overview{display:grid;grid-template-columns:1fr;gap:32px}
 .doctor-copy .brand-slogan{font-size:clamp(34px,8.5vw,50px)}
 .doctor-qualifications{border-left:0;padding-left:0;padding-top:24px;border-top:1px solid #d9c29833}
 .doctor-qualifications .doctor-diplomas{max-width:540px}
 .doctor-qualifications h2{font-size:24px}
 .qualification>span{font-size:16px}
 .qualification p,.qualification-note{font-size:14px}
}
@media(max-width:390px){.header .brand .company-lettering>span{display:block;font-size:28px}.company-lettering small{font-size:9px;max-width:140px}.header .brand .brand-symbol{width:62px;height:49px}.header .brand .brand-symbol img{width:74px;height:74px;left:-4px}.header-actions{gap:5px}.hero-specialty{font-size:8px}.hero-reconstruction{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-brand-title::after{display:none}}
@media print{.hero-doctor{position:static;width:150px}.lead-hero-intro{position:static}.lead-hero-story{height:auto}.doctor-qualifications{break-inside:avoid}}

@media(min-width:361px) and (max-width:850px){.hero-specialty{top:82px}.hero-reconstruction{top:98px}}

/* Exact supplied slogan lettering, four proportional rows; symbol stays outside each viewport. */
.doctor-copy .doctor-slogan-art{display:flex;flex-direction:column;gap:5px;width:100%;max-width:440px;margin:0 0 24px;line-height:0;mix-blend-mode:screen}
.doctor-slogan-art svg{display:block;flex:none;height:auto;overflow:hidden}
@media(min-width:851px){.doctor-copy .doctor-slogan-art{max-width:400px;gap:7px}}
.doctor-overview>.doctor-copy{mix-blend-mode:screen}

.lead-hero-intro>.hero-identity-art{line-height:0;isolation:auto}
.hero-brand-title.hero-identity-art .identity-art-row{display:block;width:100%;line-height:0}
.identity-art-row svg{display:block;width:100%;height:auto;overflow:hidden}
.hero-identity-art .identity-art-row+.identity-art-row{margin-top:3px}
@media(min-width:851px){.lead-hero-intro>.hero-identity-art{max-width:350px}.lead-hero-intro>.hero-identity-art+.hero-description{margin-top:16px}}

.hero-doctor-link{display:block;color:inherit;text-decoration:none;border-radius:12px}
.hero-doctor-link:focus-visible{outline:2px solid #dac393;outline-offset:6px}

/* Use the original metallic VERA lettering, matching the hero wordmark. */
@media(max-width:850px){
 .header .brand .company-lettering>.company-vera-art{width:108px;max-width:100%;line-height:0}
 .company-vera-art svg{display:block;width:100%;height:auto;overflow:hidden}
 .header .brand .company-lettering small{background:linear-gradient(180deg,#fff 0%,#e7e4df 38%,#96918a 58%,#f0ebe1 78%,#b8a98b 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
}
@media(max-width:390px){.header .brand .company-lettering>.company-vera-art{width:95px}}

@media(max-width:850px){
 .header .brand .company-lettering>.company-vera-art{width:64px}
 .header .brand .company-lettering small{font-size:13px;line-height:1.2;letter-spacing:.01em;margin-top:3px;max-width:none;white-space:nowrap}
}
@media(max-width:360px){
 .header .brand .brand-mobile{gap:5px}
 .header .brand .company-lettering>.company-vera-art{width:60px}
 .header .brand .company-lettering small{font-size:12px}
}
@media(max-width:360px){
 .header .brand{width:auto;overflow:visible}
 .header .brand .brand-mobile{max-width:none;flex-shrink:0}
 .header .brand .company-lettering{flex-shrink:0}
}

/* Doctor's October 12 desktop review: wider identity and centered portrait. */
@media(min-width:851px){
 .header .company-signature{--company-width:clamp(440px,39vw,620px)}
 .header .nav{gap:4px}
 .header .nav a{padding-left:10px;padding-right:10px}
 .lead-hero-story{grid-template-columns:minmax(240px,1fr) minmax(280px,1.2fr) minmax(220px,.95fr)}
 .hero-doctor{max-width:320px;justify-self:center}
 .lead-hero-grid>.consultation-form{width:calc((100% - var(--desktop-gutter)*2 - 48px)/3.15)}
 .lead-hero-grid>.operating-room{width:calc((100% - var(--desktop-gutter)*2 - 48px)*.95/3.15);max-width:320px}
}
@media(min-width:851px) and (max-width:1100px){
 .header .company-signature{--company-width:clamp(460px,54vw,590px)}
 .lead-hero-story{grid-template-columns:minmax(240px,1fr) minmax(250px,1.05fr) minmax(200px,.85fr)}
 .lead-hero-grid>.consultation-form{width:calc((100% - var(--desktop-gutter)*2 - 36px)/2.9)}
 .lead-hero-grid>.operating-room{width:calc((100% - var(--desktop-gutter)*2 - 36px)*.85/2.9)}
}

/* Both consultation steps remain in the same card and position. */
.consultation-form [data-form-step]{min-height:350px}
@media(min-width:851px){
 .lead-hero .form-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .lead-hero .form-fields input,.lead-hero .form-fields select{min-width:0;width:100%}
 .lead-hero .consultation-form [data-form-step]{min-height:295px}
}
@media(min-width:851px){
 .lead-hero-story{min-height:840px}
 .lead-hero .consultation-form [data-form-step]{min-height:325px}
}
/* Desktop brand lettering is independent of the old image's small text. */
@media(min-width:851px){
 .header .company-signature{display:none}
 .header .brand{overflow:visible}
 .header .brand .brand-mobile{display:flex;align-items:center;gap:16px;max-width:none}
 .header .brand .brand-symbol{width:92px;height:76px}
 .header .brand .brand-symbol img{width:112px;height:112px;left:-7px;top:0}
 .header .brand .company-lettering{display:flex;flex-direction:column;gap:4px;font-family:Georgia,'Times New Roman',serif}
 .header .brand .company-vera-art{display:block;width:122px;line-height:0}
 .header .brand .company-vera-art svg{display:block;width:100%;height:auto}
 .header .brand .company-lettering small{display:block;font-size:18px;line-height:1.25;letter-spacing:.035em;text-transform:uppercase;color:#e5d8be;white-space:nowrap}
 .header .company-lettering small br{display:none}
 .header .company-lettering small br::after{content:' '}
 .header{min-height:112px}
}
@media(min-width:1200px){
 .lead-hero-story{grid-template-columns:minmax(240px,1fr) minmax(280px,1.2fr) minmax(260px,1.1fr)}
 .hero-doctor{max-width:360px;justify-self:center}
 .lead-hero-grid>.consultation-form{width:calc((100% - var(--desktop-gutter)*2 - 48px)/3.3)}
 .lead-hero-grid>.operating-room{width:calc((100% - var(--desktop-gutter)*2 - 48px)*1.1/3.3);max-width:320px;right:calc(var(--desktop-gutter) + max(0px,((100% - var(--desktop-gutter)*2 - 48px)*1.1/3.3 - 320px)/2))}
}
@media(min-width:1200px){
 .header .brand .company-vera-art{width:150px}
 .header .brand .company-lettering small{font-size:clamp(20px,1.65vw,24px)}
}

/* Full-width desktop composition: aligned outer columns and a horizontal brand. */
@media(min-width:851px){
 .header{padding-inline:clamp(24px,2.5vw,48px)}
 .header .brand .company-lettering{flex-direction:row;align-items:center;gap:12px}
 .header .brand .company-vera-art{width:clamp(90px,8vw,150px);flex-shrink:0}
 .header .brand .company-lettering small{font-size:clamp(16px,1.4vw,24px);letter-spacing:.015em}
 .header .brand .brand-mobile{gap:12px}
 .lead-hero-grid{
  --hero-inset:clamp(24px,2.5vw,48px);
  --hero-side:clamp(240px,26vw,380px);
  --hero-gap:clamp(20px,3.4vw,72px);
  max-width:1920px;padding-inline:var(--hero-inset)
 }
 .lead-hero-story{grid-template-columns:var(--hero-side) minmax(0,1fr) var(--hero-side);gap:var(--hero-gap)}
 .lead-hero-grid>.consultation-form{left:var(--hero-inset);width:var(--hero-side)}
 .hero-doctor{max-width:340px;justify-self:end}
 .lead-hero-grid>.operating-room{right:var(--hero-inset);width:var(--hero-side);max-width:340px}
}
@media(min-width:851px) and (max-width:1399px){
 .header .nav{display:none}
 .header .menu-toggle{display:flex}
 .header-actions{margin-left:auto}
}
@media(min-width:851px) and (max-width:1100px){
 .lead-hero-story{min-height:900px}
}

/* Supplied operating-room pair, beneath a centered desktop portrait. */
.team-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.operating-room .team-photos img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;background:#080909}
@media(min-width:851px){
 .lead-hero-grid{--hero-right:clamp(240px,32vw,520px)}
 .lead-hero-story{grid-template-columns:var(--hero-side) minmax(0,1fr) var(--hero-right)}
 .hero-doctor{justify-self:center}
 .lead-hero-grid>.operating-room{width:var(--hero-right);max-width:none;bottom:64px}
}
@media(min-width:851px) and (max-width:1100px){.lead-hero-grid{--hero-right:var(--hero-side)}}
@media(max-width:850px){
 .team-photos{display:grid;grid-template-columns:1fr;isolation:isolate}
 .operating-room .team-photos img{grid-area:1/1;opacity:0;transition:opacity .65s ease;pointer-events:none}
 .operating-room .team-photos img.is-active{opacity:1}
}
@media(prefers-reduced-motion:reduce){.operating-room .team-photos img{transition:none}}

/* Give the desktop wordmark the header width; navigation uses the existing menu. */
@media(min-width:851px){
 .header .nav{display:none}
 .header .menu-toggle{display:flex}
 .header .brand{flex:1;min-width:0}
 .header .brand .brand-mobile{width:100%;container-type:inline-size}
 .header .brand .company-lettering{flex:1;min-width:0;gap:clamp(8px,1vw,24px)}
 .header .brand .company-vera-art{width:16cqw}
 .header .brand .company-lettering small{font-size:calc(5.5cqw - 7px);letter-spacing:0;line-height:1.15}
 .header-actions{margin-left:0;flex:none}
}

.payment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form-consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:13px;line-height:1.5}
.form-consent input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:#dac393}
.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-submit-status{font-size:14px;line-height:1.6}
.landing-case-strip .case-hero-copy .case-card-action{font-size:clamp(18px,1.6vw,22px);font-weight:600;letter-spacing:.035em;min-height:44px;padding-block:10px}
.payment-fields .dental-question{min-width:0}

@media(max-width:1100px){.payment-fields{grid-template-columns:1fr}}


/* Consultation alongside the cases, requested in Omar's 10:25 VET video. */
.case-consultation{min-width:0}
.case-consultation .consultation-form{margin:0;width:100%;padding:24px;border:1px solid #d9c29833;border-radius:16px;background:#171614}
.case-consultation .consultation-form h2{font-size:24px}
.case-consultation .form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.case-consultation .payment-fields{grid-template-columns:1fr}
.case-questionnaire-link{grid-column:2;justify-self:start;margin-top:10px}
.case-mobile-consultation{display:none}
.cases-consultation-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start;margin-top:32px}
.cases-content{min-width:0}
.cases-consultation-layout .case-grid{margin-top:0}
.cases-consultation-layout .case-grid>article{gap:20px;padding:20px}
.cases-consultation-layout .case-image-pair img{height:auto;aspect-ratio:3/4;object-fit:contain}
@media(min-width:851px){
 .landing-case-strip{grid-template-columns:minmax(0,1fr) 340px;gap:28px 40px;align-items:start}
 .landing-case-heading{grid-column:1;grid-row:1}
 .landing-case-strip .case-hero-stage{grid-column:1;grid-row:2}
 .landing-case-strip>.case-consultation{grid-column:2;grid-row:1/3}
 .case-consultation{position:sticky;top:calc(var(--header-bottom,112px) + 20px);max-height:calc(100svh - var(--header-bottom,112px) - 40px);overflow-y:auto;scrollbar-width:thin}
}
@media(min-width:851px) and (max-width:1200px){
 .cases-consultation-layout{grid-template-columns:minmax(0,1fr) 310px;gap:24px}
 .cases-consultation-layout .case-grid>article{grid-template-columns:1fr}
 .cases-consultation-layout .case-grid>article>.case-image-pair{grid-row:auto}
 .cases-consultation-layout .case-questionnaire-link{grid-column:1}
 .landing-case-strip{grid-template-columns:minmax(0,1fr) 310px;gap:24px}
}
@media(max-width:850px){
 .cases-consultation-layout{grid-template-columns:1fr}
 .case-questionnaire-link{grid-column:1}
 .landing-case-strip>.case-consultation{display:none}
 .case-mobile-consultation{display:inline-flex}
 .case-consultation .consultation-form{padding:20px}
}

/* Match the supplied metallic serif lettering and reduce the desktop header by 10%. */
.header .brand .company-lettering small{
 font-family:var(--vera-heading-font);
 font-weight:400;font-variant-caps:normal;text-transform:uppercase;
 background:linear-gradient(180deg,#fff3dc 0%,#e8c99a 28%,#a46c35 48%,#ffe5b5 62%,#b27a40 82%,#edd0a2 100%);
 background-clip:text;-webkit-background-clip:text;color:transparent;
 filter:drop-shadow(0 1px 1px #0008)
}
@media(min-width:851px){
 .header{min-height:100.8px;padding-block:10.8px}
 .header .brand .brand-mobile{transform:scale(.9);transform-origin:left center}
}

/* Give the OV symbol stronger hierarchy without enlarging the lettering. */
@media(max-width:850px){
 .header .brand .brand-symbol{width:92px;height:72px}
 .header .brand .brand-symbol img{width:110px;height:110px;left:-7px;top:0}
}
@media(max-width:390px){
 .header .brand .brand-symbol{width:82px;height:66px}
 .header .brand .brand-symbol img{width:99px;height:99px;left:-6px}
}
@media(max-width:360px){
 .header .brand .brand-symbol{width:72px;height:58px}
 .header .brand .brand-symbol img{width:87px;height:87px;left:-5px}
}
@media(min-width:851px){
 .header .brand .brand-symbol{width:124px;height:94px}
 .header .brand .brand-symbol img{width:150px;height:150px;left:-10px;top:0}
}

/* Doctor overview: text, portrait and diplomas share the desktop row. */
.landing-doctor-education{min-width:0}
.landing-doctor-education h3{font-family:Georgia,'Times New Roman',serif;font-size:28px;line-height:1.2;margin:0 0 20px;color:#e8d3a8}
.landing-doctor-education figure{margin:0}
.landing-doctor-education img{display:block;width:100%;height:auto;border-radius:14px}
.landing-doctor-education .education-schools{font-size:14px;line-height:1.6;color:#c9c1b4;margin:18px 0}
.landing-doctor-education .text-link{font-size:14px}
@media(min-width:851px){
 .introduction.shell{width:100%;max-width:1920px;margin-inline:auto;padding-inline:clamp(24px,2.5vw,48px);grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr) minmax(0,1.15fr);gap:clamp(24px,3vw,56px);align-items:center}
 .introduction .landing-doctor-copy{min-width:0}
 .introduction .landing-doctor-portrait{width:100%;max-width:330px;justify-self:center}
 .introduction .landing-doctor-copy h2{font-size:clamp(28px,2.6vw,46px)}
 .introduction .intro-copy{padding-top:16px;font-size:16px;line-height:1.8}
 .introduction .doctor-intro-actions{flex-wrap:wrap}
}
@media(min-width:851px) and (max-width:1100px){
 .introduction.shell{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);gap:22px}
 .landing-doctor-education h3{font-size:23px}
 .introduction .button{font-size:13px;padding-inline:14px}
}
@media(max-width:850px){
 .introduction .landing-doctor-education{width:100%;max-width:590px;margin-inline:auto}
}

.combined-case-nav{display:flex;flex-wrap:wrap;gap:18px 32px;padding-block:20px;border-bottom:1px solid #d9c29833}
.combined-case-nav .text-link{font-size:15px}
body[data-page="casos"] .all-on-x-intro{padding-bottom:24px}
body[data-page="casos"] .cases>h2{font-size:clamp(32px,4vw,52px);line-height:1.12}

/* Responsive hero: flow-based columns replace absolute form positioning. */
.hero-side-media{display:contents}
@media(min-width:851px){
 .lead-hero-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1.2fr) minmax(240px,1fr);grid-template-rows:auto 1fr;align-items:start;gap:28px clamp(20px,2.5vw,48px);padding:28px clamp(24px,2.5vw,48px) 48px;max-width:1920px;margin:auto}
 .lead-hero-story{display:contents}
 .lead-hero-intro{position:static;grid-column:1;grid-row:1;padding:0;align-self:start}
 .lead-hero-intro>.hero-brand-title{margin-bottom:20px}
 .hero-video-preview{position:relative;inset:auto;grid-column:2;grid-row:1/4;width:100%;height:100%;min-height:720px;align-self:stretch;overflow:hidden;background:#000}
 .hero-video-preview>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
 .hero-side-media{display:grid;grid-column:3;grid-row:1/4;gap:24px;min-width:0}
 .hero-side-media .hero-doctor{position:static;grid-column:1;grid-row:auto;margin:0;width:100%;max-width:340px;justify-self:center}
 .lead-hero-grid>.consultation-form{position:static;grid-column:1;grid-row:2/4;width:100%;min-width:0;max-width:none;margin:0;padding:22px}
 .hero-side-media>.operating-room{position:static;grid-column:1;grid-row:auto;width:100%;max-width:none;margin:0;align-self:start}
 .lead-hero .consultation-form [data-form-step]{min-height:430px}
 .lead-hero .form-fields{grid-template-columns:1fr 1fr}
 .lead-hero .form-kicker{font-size:11px}
 .lead-hero .form-pending-note{font-size:13px;line-height:1.6}
 .lead-hero .form-contact-route{font-size:14px;min-height:44px}
 .lead-hero .form-fields input,.lead-hero .form-fields select,.lead-hero .dental-question select{font-size:16px;height:48px}
 .hero-scroll{display:none}
}
@media(min-width:851px) and (max-width:1349px){
 .lead-hero-grid{grid-template-columns:minmax(320px,1fr) minmax(0,1.2fr);grid-template-rows:auto 1fr auto}
 .hero-video-preview{grid-column:2;grid-row:1/3;min-height:680px}
 .lead-hero-grid>.consultation-form{grid-column:1;grid-row:2}
 .hero-side-media{grid-column:1/-1;grid-row:3;grid-template-columns:1fr 1.2fr}
 .hero-side-media .hero-doctor{grid-column:2;grid-row:1;max-width:240px}
 .hero-side-media>.operating-room{grid-column:1;grid-row:1;align-self:center}
}
@media(max-width:850px){
 /* Keep the supplied film's own lettering below the separate identity block. */
 .lead-hero-story{width:100%;height:calc(190px + min(150vw,700px));min-height:0;background:#000}
 .hero-video-preview{top:190px;bottom:0;height:calc(100% - 190px)}
 .hero-video-preview>video{object-position:center top}
 .lead-hero-story::after{top:190px;background:linear-gradient(180deg,transparent 55%,#000b 85%,#000)}
 .lead-hero-intro>.hero-description{bottom:124px;font-size:clamp(20px,5vw,28px)}
 .hero-doctor{top:18px}
 .hero-side-media>.operating-room{width:88%;max-width:590px;margin:0 auto 30px}
 /* Contact is in document flow, so it never covers the biography or controls. */
 .floating-contact{position:static;width:max-content;max-width:calc(100% - 32px);margin:0 auto 24px;transform:none}
 .hero-in-view .floating-contact{opacity:1;visibility:visible;pointer-events:auto;transform:none}
 .footer{padding-bottom:32px}
}
.form-fields [aria-invalid="true"],.dental-question [aria-invalid="true"]{border-color:#e2a78e}
.form-submit-status:not(:empty){padding:14px;border:1px solid #d9c29866;border-radius:8px}

/* Ason & Vera alliance: supplied artwork, existing charcoal/gold visual language. */
.header .brand .alliance-header-art{display:flex;align-items:center;gap:16px;width:100%;max-width:650px}
.alliance-header-art svg{display:block;width:100%;height:auto}
.alliance-header-art .alliance-symbol{width:120px;flex:0 0 120px}
.alliance-wordmark{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;flex:1}
.alliance-wordmark svg:first-child{width:76%}.alliance-wordmark svg:last-child{width:58%}
.alliance-intro h1{max-width:900px}.alliance-intro nav{display:flex;flex-wrap:wrap;gap:20px 40px;margin-top:30px}
.alliance-doctor{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:clamp(32px,6vw,100px);align-items:start;border-top:1px solid #38352e}
.alliance-portrait{margin:0;position:sticky;top:170px}.alliance-portrait img{display:block;width:100%;height:auto;border-radius:24px;border:1px solid #38352e}
.alliance-doctor h2{font-size:clamp(32px,4vw,64px);line-height:1.1}.alliance-doctor h2 .ason-degree{white-space:nowrap;font-size:.65em;color:#d4c198}
.alliance-doctor p,.ason-credentials li{line-height:1.75}.alliance-doctor .button{margin-top:24px}
.ason-credentials{margin-top:32px}.ason-credentials h3{font-size:26px;color:#d4c198;margin-top:30px}
.ason-credentials ul{padding-left:22px}.ason-credentials li{padding:7px 0;color:#c5c3bb}
.ason-credentials details{padding:20px 0;border-block:1px solid #38352e}.ason-credentials summary{cursor:pointer;color:#d4c198}
.alliance-home{align-items:center}.alliance-home .alliance-portrait{position:static;max-width:390px}
@media(max-width:1100px){.alliance-header-art .alliance-symbol{width:90px;flex-basis:90px}.header .brand .alliance-header-art{gap:10px;max-width:500px}}
@media(max-width:700px){.header .brand .alliance-header-art{gap:6px;max-width:290px}.alliance-header-art .alliance-symbol{width:62px;flex-basis:62px}.alliance-wordmark{gap:2px}.alliance-wordmark svg:first-child{width:90%}.alliance-wordmark svg:last-child{width:70%}.alliance-doctor{grid-template-columns:minmax(0,1fr);gap:30px}.alliance-portrait{position:static;max-width:420px;width:100%;justify-self:center}.alliance-intro nav{flex-direction:column;align-items:flex-start}.alliance-doctor h2{font-size:38px}}
@media(max-width:380px){.alliance-header-art .alliance-symbol{width:48px;flex-basis:48px}.header .brand .alliance-header-art{gap:3px}.alliance-doctor h2{font-size:32px}}
.header .brand .alliance-wordmark{display:flex}
@media(max-width:700px){.header .brand{flex:1 1 auto;min-width:0;max-width:none}.header .brand .alliance-header-art{width:100%}.header .header-actions{flex:0 0 auto}.header .brand .alliance-wordmark{flex:1 1 0;min-width:0}}
.header .brand .alliance-header-art{mix-blend-mode:screen}

/* Keep the new brand readable and disclosures accessible at compact sizes. */
.header .brand .alliance-wordmark{max-width:none}
.ason-credentials summary{min-height:44px;display:flex;align-items:center;gap:12px;list-style:none}
.ason-credentials summary::-webkit-details-marker{display:none}
.ason-credentials summary::before{content:'+';flex:none;width:18px;text-align:center}
.ason-credentials details[open]>summary::before{content:'−'}
.ason-credentials summary:focus-visible{outline:2px solid #dfc99b;outline-offset:5px;border-radius:3px}
@media(min-width:701px) and (max-height:700px){.alliance-portrait{position:static}}

/* Equal prominence for the two alliance doctors. */
.hero-equal-identity .hero-equal-person{display:flex;align-items:center;gap:16px;min-width:0;padding-block:14px;border-bottom:1px solid #d9c29840}
.hero-equal-person img{display:none;width:64px;height:80px;object-fit:cover;object-position:center top;border-radius:7px;flex:none}
.hero-equal-copy{display:block;min-width:0}.hero-equal-name{display:block;font-family:var(--vera-heading-font);font-size:clamp(26px,2.3vw,36px);line-height:1.12;color:#dfc99b;font-weight:400}
.hero-equal-degree{display:block;font-size:18px;line-height:1.4;color:#eee5d6;margin-top:4px;letter-spacing:.03em}
.hero-equal-specialty{display:block;font:14px/1.5 DM,Arial,sans-serif;color:#c5c3bb;letter-spacing:0;margin-top:6px;text-transform:none}
.equal-doctor-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.equal-doctor-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-decoration:none;color:#eee5d6}
.equal-doctor-card>img{display:block;width:100%;aspect-ratio:5/6;height:auto;object-fit:cover;object-position:center top;border:1px solid #38352e;border-radius:14px;margin-bottom:18px}
.equal-doctor-name{font-family:var(--vera-heading-font);font-size:clamp(24px,2.5vw,38px);line-height:1.2;color:#dfc99b}
.equal-doctor-degree{font-size:16px;margin-top:8px}.equal-doctor-specialty{font-size:15px;line-height:1.6;margin-block:12px 18px}.equal-doctor-bio{font-size:14px;margin-top:auto;border-bottom:1px solid #d9c29870;padding-block:10px}
.equal-doctor-card:focus-visible{outline:2px solid #dfc99b;outline-offset:6px;border-radius:14px}
.hero-side-media .hero-doctor-pair{max-width:none}.hero-doctor-pair .equal-doctor-cards{gap:16px}.hero-doctor-pair .equal-doctor-name{font-size:clamp(18px,1.5vw,25px)}.hero-doctor-pair .equal-doctor-specialty{font-size:13px}
.equal-doctors-section>.equal-doctor-cards{max-width:1000px;margin:40px auto 0;gap:clamp(28px,6vw,100px)}
.doctors-directory{padding-block:0 70px;max-width:1000px}
@media(max-width:850px){.lead-hero-intro>.hero-equal-identity{width:88%;top:36px;left:6vw}.hero-equal-identity .hero-equal-person{padding-block:10px;gap:14px}.hero-equal-person img{display:block}.hero-equal-name{font-size:clamp(23px,5vw,32px)}.hero-equal-degree{font-size:15px;margin-top:3px}.hero-equal-specialty{font-size:12px;line-height:1.4;margin-top:4px}.hero-side-media .hero-doctor-pair{display:none}}
@media(max-width:600px){.equal-doctors-section>.equal-doctor-cards,.doctors-directory{grid-template-columns:minmax(0,1fr);gap:44px}.equal-doctor-card>img{max-height:440px}.equal-doctor-name{font-size:30px}}

.doctor-copy .doctor-name-heading{font-size:clamp(32px,4vw,64px);line-height:1.1}.doctor-name-heading .doctor-degree{font-size:.65em;color:#d4c198;white-space:nowrap}

/* Typeset captions over the original portrait, matching Omar's supplied photograph. */
.doctor-photo-frame{display:block;position:relative;isolation:isolate;width:100%;overflow:hidden;border-radius:14px;container-type:inline-size}
.doctor-photo-frame>img{display:block;width:100%;height:auto}
.equal-doctor-card .doctor-photo-frame{margin-bottom:18px;border:1px solid #38352e}
.equal-doctor-card .doctor-photo-frame>img{aspect-ratio:5/6;object-fit:cover;object-position:center top}
.portrait-lettering{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:18% 5% 6%;background:linear-gradient(180deg,transparent,#17100bd9 49%,#17100bf2);color:#f2e8d7;text-align:center;font-family:'Times New Roman',Times,serif;font-weight:400;text-shadow:0 2px 4px #000;line-height:1.15}
.portrait-name{display:block;font-size:7.6cqw;white-space:nowrap;letter-spacing:-.025em}.portrait-degree{font-size:.57em;letter-spacing:0}
.portrait-rule{display:block;width:84%;height:1px;background:linear-gradient(90deg,transparent,#c6a772,transparent);margin:1.5cqw 0}
.portrait-specialty{font-size:5.5cqw;letter-spacing:.025em;white-space:nowrap}
.alliance-portrait .doctor-photo-frame{border-radius:24px}
.equal-doctor-card .equal-doctor-bio{margin-top:auto}
/* Readable small section labels, within the approved gold palette. */
.consultation .eyebrow,.cases>.eyebrow{color:#d4bd95}
.contact-faq .eyebrow{color:#d4bd95}

/* Mobile alliance identity: equally sized doctors presented side by side. */
@media(max-width:850px){
 .lead-hero-intro>.hero-equal-identity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .hero-equal-identity .hero-equal-person{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:10px 0 10px}
 .hero-equal-identity .hero-equal-person img{width:80px;height:100px}
 .hero-equal-identity .hero-equal-name{font-size:clamp(20px,4.9vw,26px);min-height:1.12em}
 .hero-equal-identity .hero-equal-degree{font-size:15px}
 .hero-equal-identity .hero-equal-specialty{font-size:12px;line-height:1.45}
}

@media(max-width:379px){.hero-equal-identity .hero-equal-name{min-height:2.24em}}

.hero-equal-person{text-decoration:none;pointer-events:auto}
.hero-equal-person:focus-visible{outline:2px solid #dfc99b;outline-offset:5px;border-radius:7px}
#dr-raphael-ason{scroll-margin-top:calc(var(--header-height,120px) + 24px)}