/* Shared art direction: wide, shallow desktop banners; unchanged original motifs. */
.hero-wide-art{display:none}
.traffic-wide-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}
body .traffic-wide-hero{height:clamp(680px,36vw,780px);aspect-ratio:auto;min-height:0;overflow:hidden}
body .traffic-wide-hero .golf-hero-picture{display:none}
body .traffic-wide-hero .golf-hero-copy{z-index:2;top:22px}
body .traffic-wide-hero:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:28px;background:white;z-index:3;mask:url('/golfbilsintyg-kampanj/assets/campaign-wave.svg') center/100% 100% no-repeat}
@media(min-width:761px){body.adoption-page .compact-home-hero .motor-hero-copy{padding-top:12px}body.adoption-page .compact-home-hero h1{margin:8px 0}body.adoption-page .compact-home-hero .motor-hero-copy>p:not(.golf-eyebrow){margin:8px 0 12px}}
@media(max-width:760px){body .traffic-wide-hero{height:660px}body .traffic-wide-hero .traffic-wide-art{object-fit:cover;object-position:center bottom}body .traffic-wide-hero .golf-hero-copy{top:18px}body .traffic-wide-hero:after{height:20px}}
@media(min-width:761px){
 body .compact-home-hero{position:relative;height:clamp(590px,33.33vw,740px);min-height:0;aspect-ratio:auto;overflow:hidden;padding:0}
 body .compact-home-hero .hero-wide-art{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;margin:0;max-width:none}
 body .compact-home-hero>.motor-hero-art,body .compact-home-hero>.cert-hero-scene{display:none}
 body .compact-home-hero .motor-hero-copy,body .compact-home-hero .cert-hero-copy{position:relative;inset:auto;width:100%;max-width:1120px;margin:0 auto;padding:24px 24px 0;background:none;z-index:2}
 body .compact-home-hero h1{font-size:clamp(32px,3vw,44px);line-height:1.14;margin:12px 0;letter-spacing:-1px}
 body .compact-home-hero .golf-eyebrow{margin:0 0 12px!important;font-size:9px!important}
 body .compact-home-hero .motor-hero-copy>p:not(.golf-eyebrow),body .compact-home-hero .cert-hero-copy>p:not(.golf-eyebrow){font-size:15px;line-height:1.6;margin:14px 0 18px}
 body .compact-home-hero .golf-button{min-height:44px;padding:11px 22px;font-size:13px}
 body.certificate-page .cert-article-hero{height:560px;min-height:0}
 body .cert-article-hero .cert-hero-scene{width:min(100%,1680px);left:auto;right:0}
 .article-picture{display:block;height:100%;width:100%}
}
/* The actual illustration continues behind the mobile title; no separate colour panel. */
@media(max-width:760px){
 body.certificate-page .cert-article-hero{height:clamp(550px,150vw,650px);min-height:0;background:none}
 body .cert-article-hero .cert-hero-copy{position:absolute;inset:0 0 auto;padding:28px 18px 0;background:none;z-index:2}
 body .cert-article-hero .cert-hero-scene{position:absolute;inset:0;width:100%;height:100%;margin:0}
 .article-picture{display:block;height:100%;width:100%}
 body.certificate-page .cert-article-hero .cert-hero-art{width:100%;height:100%;object-fit:cover;object-position:center bottom}
}
/* A shallow wave leaves the subjects and their props intact. */
body .compact-home-hero:after,body .cert-article-hero:after{content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;height:34px;z-index:3;background:#fff;clip-path:none;mask:url('/golfbilsintyg-kampanj/assets/campaign-wave.svg') center/100% 100% no-repeat;pointer-events:none}
body .compact-home-hero .cert-hero-wave,body .cert-article-hero .cert-hero-wave{display:none}
@media(max-width:760px){body .compact-home-hero:after,body .cert-article-hero:after{height:22px}}
body .traffic-wide-hero{width:100%;background:#faf7f2}
body .traffic-wide-hero .traffic-wide-art{top:100px;height:calc(100% - 100px)}
body .traffic-wide-hero .traffic-wide-art{top:130px;height:calc(100% - 130px)}
@media(min-width:761px){body.adoption-page .compact-home-hero .motor-hero-copy{padding-top:10px}body.adoption-page .compact-home-hero h1{margin:8px 0}body.adoption-page .compact-home-hero .motor-hero-copy>p:not(.golf-eyebrow){margin:8px 0 12px}}
@media(min-width:761px){body.adoption-page .compact-home-hero{background:#e2f5fc}body.adoption-page .compact-home-hero .hero-wide-art{top:60px;height:calc(100% - 60px)}}
@media(max-width:760px){body .traffic-service-hero .traffic-wide-art{object-position:47% bottom}}
body .traffic-wide-hero:not(.traffic-service-hero){background:#feeff1}
body .traffic-wide-hero:not(.traffic-service-hero) .traffic-wide-art{top:0;height:100%}
@media(max-width:760px){body .traffic-wide-hero:not(.traffic-service-hero) .traffic-wide-art{top:220px;height:440px}}
@media(max-width:760px){body .traffic-wide-hero:not(.traffic-service-hero){height:560px}body .traffic-wide-hero:not(.traffic-service-hero) .traffic-wide-art{top:120px;height:440px}}
@media(max-width:760px){body .traffic-service-hero .traffic-wide-art[src*="taxi"]{object-position:51% bottom}}