/* Shallow headings, with service explanations preserved beneath navigation. */
.service-hero,.service-hero.compact-service-hero{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);min-height:0;height:auto;align-items:stretch}
.service-hero .service-intro.wrap{width:100%;max-width:none;margin:0;padding:24px 44px 26px 48px;align-self:center}
.service-hero .service-intro .breadcrumb{margin:0 0 15px;font-size:11px}
.service-hero .service-intro .eyebrow{margin:0 0 10px;font-size:9px;line-height:1.45}
.service-hero .service-intro h1{font-size:clamp(30px,3.2vw,44px);line-height:1.07;max-width:740px;margin:0;letter-spacing:-.04em;text-wrap:balance}
.service-hero .service-intro .division-heading{margin:13px 0 0;font-size:12px;line-height:1.6}
.service-hero .service-photo{position:relative;min-width:0;min-height:190px;height:auto;overflow:hidden}
.service-hero .service-photo img{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover}
.service-summary{display:flex;align-items:center;gap:35px;padding-block:22px 28px}
.service-summary .lead{font-size:16px;line-height:1.7;margin:0;max-width:820px;flex:1}
.service-summary .button{flex-shrink:0;margin:0;min-height:46px;font-size:12px;padding:12px 20px}
.page-summary{padding-block:0 24px}
.page-summary .lead{font-size:16px;line-height:1.7;margin:0;max-width:900px}
.service-jumps,.category-jumps{padding-block:18px 8px}
.service-summary+.section,.service-summary+.service-depth{padding-top:35px}
.page-intro,.editorial-intro{padding-block:25px 28px}
.page-intro .breadcrumb,.editorial-intro .breadcrumb{margin:0 0 14px;font-size:12px}
.page-intro .eyebrow,.editorial-intro .eyebrow{margin:0 0 11px;font-size:10px;line-height:1.5}
.page-intro h1,.editorial-intro h1{font-size:clamp(30px,3.4vw,46px);line-height:1.1;max-width:1000px;letter-spacing:-.04em;margin:0;text-wrap:balance}
.page-intro .lead,.editorial-intro .lead{font-size:16px;line-height:1.7;margin:14px 0 0;max-width:900px}
.page-intro .division-heading,.editorial-intro .division-heading{margin:12px 0 0;font-size:13px}
.hero.hero-porsche{min-height:0}
.hero.hero-porsche .hero-content{padding-block:38px 42px}
.hero.hero-porsche h1{font-size:clamp(60px,6.8vw,88px)}
.hero.hero-porsche .eyebrow{margin-bottom:20px}
.hero.hero-porsche .hero-content>p:not(.eyebrow){margin-top:20px;font-size:16px}
.hero.hero-porsche .actions{margin-top:24px}
@media(max-width:850px){
 .service-hero,.service-hero.compact-service-hero{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
 .service-hero .service-intro.wrap{width:100%;margin:0;padding:22px 24px 24px 28px}
 .service-hero .service-intro h1{font-size:33px}
 .service-hero .service-photo{height:auto;min-height:185px}
 .service-hero .service-photo img{height:100%;min-height:0}
 .service-summary{gap:20px}
}
@media(max-width:600px){
 .service-hero,.service-hero.compact-service-hero{grid-template-columns:minmax(0,1fr) 29%}
 .service-hero .service-intro.wrap{padding:18px 16px 20px 20px}
 .service-hero .service-intro .breadcrumb{font-size:10px;margin-bottom:12px}
 .service-hero .service-intro .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:9px}
 .service-hero .service-intro h1{font-size:27px;line-height:1.08;text-wrap:initial}
 .service-hero .service-intro .division-heading{font-size:10px;line-height:1.55;margin-top:11px}
 .service-hero .service-photo{height:auto;min-height:165px}
 .service-hero .service-photo img{height:100%;min-height:0;object-position:center}
 .service-summary{display:block;padding-block:18px 22px}
 .service-summary .lead{font-size:15px}
 .page-summary .lead{font-size:15px}
 .service-summary .button{margin-top:16px;min-height:44px}
 .service-jumps,.category-jumps{padding-top:15px;gap:7px}
 .page-intro,.editorial-intro{padding-block:22px 24px}
 .page-intro h1,.editorial-intro h1{font-size:30px;line-height:1.1}
 .page-intro .lead,.editorial-intro .lead{font-size:15px;margin-top:13px}
 .page-intro .eyebrow,.editorial-intro .eyebrow{font-size:9px}
 .hero.hero-porsche .hero-content{padding-block:30px 32px}
 .hero.hero-porsche h1{font-size:58px}
 .hero.hero-porsche .hero-content>p:not(.eyebrow){font-size:14px;margin-top:17px}
 .hero.hero-porsche .eyebrow{font-size:8px;margin-bottom:16px}
 .hero.hero-porsche .actions{margin-top:20px;gap:10px}
 .hero.hero-porsche .button{min-height:44px;font-size:11px;padding:12px 17px}
}
.guide-header{padding-block:25px 28px}
.guide-header .breadcrumb{margin:0 0 14px;font-size:12px}
.guide-header h1{font-size:clamp(30px,3.4vw,46px);line-height:1.1;letter-spacing:-.04em;margin:0;max-width:1000px}
.guide-header .lead{font-size:16px;line-height:1.7;margin-top:14px;max-width:900px}
.product-layout{padding-block:28px 35px;gap:38px}
.product-intro .breadcrumb{margin-bottom:18px}
.product-intro h1{font-size:clamp(28px,2.8vw,40px);line-height:1.12;margin:14px 0 20px}
.product-gallery{min-width:0}
.product-gallery>img{height:330px;max-height:330px}
.product-extra-photos summary{padding:14px 16px;border:1px solid #c6d0db;background:#fff;font-size:13px;font-weight:700;cursor:pointer}
.product-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.product-photo-grid img{height:190px;max-height:190px}
@media(max-width:600px){.guide-header{padding-block:22px 24px}.guide-header h1{font-size:30px}.guide-header .lead{font-size:15px}.product-layout{padding-top:22px;gap:24px}.product-intro h1{font-size:28px}.product-gallery img{max-height:240px}}
@media(max-width:360px){.service-hero,.service-hero.compact-service-hero{grid-template-columns:minmax(0,1fr) 25%}.service-hero .service-intro h1{font-size:25px}.service-hero .service-intro .division-heading{font-size:9px}}
@media(max-width:700px){.product-gallery{gap:12px}.product-gallery>img{height:220px;max-height:220px}.product-photo-grid img{height:150px;max-height:150px}}