/* Scoped additions for new page elements; existing design rules stay in styles.css. */
picture{display:contents}
.languages a{font:inherit;font-size:12px;min-height:44px;min-width:30px;padding:5px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}
.languages a.active{color:var(--gold)}
@media(max-width:800px){.languages a{min-width:33px}}
@media(max-width:430px){.languages a{min-width:30px}}
@media(max-width:350px){.languages a{min-width:28px;font-size:11px}}
.seo-heading{padding:45px var(--page) 15px;max-width:1700px;margin:auto}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:45px}
.breadcrumbs a{display:inline-flex;align-items:center;min-width:44px;min-height:44px}
.breadcrumbs a:hover{color:var(--gold)}
.seo-heading h1{font-family:var(--serif);font-size:clamp(44px,5.8vw,84px);font-weight:400;line-height:1.08;max-width:1000px;margin:24px 0;overflow-wrap:anywhere}
.seo-intro,.seo-copy p{font-size:16px;line-height:1.9;color:var(--muted);max-width:720px}
.seo-next{padding:35px var(--page) 80px;max-width:1700px;margin:auto}
.seo-related{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:30px}
.seo-copy h2{font-family:var(--serif);font-size:clamp(32px,4vw,52px);font-weight:400;margin-bottom:24px}
@media(max-width:800px){.seo-heading{padding-top:28px}.breadcrumbs{margin-bottom:30px}.seo-next{padding-bottom:55px}.seo-related{flex-direction:column;align-items:flex-start}}

/* Outcall first screen only; shared design tokens and original photograph. */
.outcall-breadcrumbs{padding-top:26px;padding-bottom:0}
.outcall-breadcrumbs .breadcrumbs{margin-bottom:0}
.outcall-hero{padding-top:24px;padding-bottom:48px}
.outcall-hero .hero-copy{justify-content:center;padding-top:30px;padding-bottom:40px}
.outcall-hero h1{font-size:clamp(62px,5.6vw,86px);max-width:650px}
.outcall-hero .hero-subtitle{max-width:490px;font-size:18px;line-height:1.85;margin-top:28px}
.outcall-hero .hero-buttons{flex-wrap:wrap;gap:20px 28px;margin-top:32px}
.outcall-details p+p{margin-top:24px}
@media(max-width:800px){
  .outcall-breadcrumbs{padding-top:22px}
  .outcall-hero{padding-top:28px;padding-bottom:32px;gap:0}
  .outcall-hero .hero-copy{display:contents}
  .outcall-hero .eyebrow{order:0}
  .outcall-hero h1{order:1;font-size:clamp(46px,8vw,66px);line-height:1.08;letter-spacing:-1px;margin:18px 0 28px;max-width:620px}
  .outcall-hero .hero-visual{order:2;aspect-ratio:4/3;min-height:0;margin:0;max-height:480px}
  .outcall-hero .hero-subtitle{order:3;font-size:16px;line-height:1.85;margin-top:24px;max-width:540px}
  .outcall-hero .hero-buttons{order:4;margin-top:24px;gap:16px 24px}
}

/* Outcall information, booking note and closing CTA only. */
.outcall-benefits{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:40px 0 0;padding:0}
.outcall-benefits li{border-top:1px solid var(--line);padding-top:20px;font-size:16px;line-height:1.7;color:var(--gold)}
.outcall-booking-note{margin-top:32px;max-width:720px;font-size:14px;line-height:1.85;color:var(--muted)}
.outcall-closing-cta{border-top:1px solid var(--line);text-align:center}
.outcall-closing-cta .fine-rule{margin:0 auto 30px}
.outcall-closing-cta h2{max-width:800px;margin-left:auto;margin-right:auto}
.outcall-closing-cta p{max-width:620px;margin:auto}
.outcall-closing-cta .hero-buttons{justify-content:center;gap:20px 30px}
@media(max-width:800px){.outcall-benefits{grid-template-columns:1fr;gap:20px;margin-top:32px}.outcall-benefits li{padding-top:16px}.outcall-closing-cta .hero-buttons{gap:18px 24px}}