.dd-advertising .dd-advertiser-hero{position:relative;isolation:isolate;overflow:hidden;min-height:560px;aspect-ratio:3/1;padding:50px 7%;background:#f4f6f3;color:var(--ink)}
.dd-advertiser-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2}
.dd-advertiser-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,252,249,.97) 0%,rgba(250,252,249,.9) 30%,rgba(250,252,249,.45) 49%,transparent 65%)}
.dd-advertising .hero-copy{max-width:490px}
.dd-advertising .hero .eyebrow{color:#34563b}
.dd-advertising .hero h1{font-size:54px;line-height:1.04}
.dd-advertising .hero-copy>p:not(.eyebrow){color:#28372e;font-size:17px}
.dd-advertising .hero-copy>p.hero-lead{font-size:29px;color:var(--ink)}
.dd-advertising .hero-copy>p.hero-caption{font-size:13px;color:#3d4e43}
.dd-advertising .hero-actions{gap:12px;flex-wrap:wrap}
.dd-advertising .hero .outline{color:var(--ink);border-color:#52675a;background:rgba(255,255,255,.85)}
.dd-example-label{position:absolute;right:22px;bottom:14px;color:#23322a;background:rgba(255,255,255,.9);padding:4px 7px;font-size:11px}
.dd-advertising .request-section{background:#edf2ea}
.dd-advertising .request-form>p{margin-top:0;color:var(--muted)}
@media(min-width:1600px){.dd-advertising .dd-advertiser-hero{min-height:570px}.dd-advertising .hero-copy{max-width:540px}}
@media(max-width:900px){.dd-advertising .hero-copy{max-width:420px}.dd-advertising .hero h1{font-size:46px}.dd-advertiser-photo{object-position:right center}}
@media(max-width:600px){
 .dd-advertising .dd-advertiser-hero{display:block;min-height:0;aspect-ratio:auto;padding:260px 22px 28px;background:#f4f6f3}
 .dd-advertiser-photo{height:260px;object-fit:cover;object-position:75% center}
 .dd-advertiser-hero::before{inset:190px 0 auto;height:70px;background:linear-gradient(0deg,#f4f6f3,transparent)}
 .dd-advertising .hero-copy{max-width:none;padding-top:8px}
 .dd-advertising .hero h1{font-size:36px;margin-bottom:12px}
 .dd-advertising .hero .eyebrow{font-size:10px;margin-bottom:10px}
 .dd-advertising .hero-copy>p.hero-lead{font-size:23px;margin-bottom:12px}
 .dd-advertising .hero-copy>p:not(.eyebrow){font-size:15px}
 .dd-advertising .hero-actions{flex-direction:row;gap:10px;margin-top:18px}
 .dd-advertising .hero-actions .button{flex:1 1 140px;font-size:13px;padding:12px 10px}
 .dd-advertising .hero-copy>p.hero-caption{font-size:12px;margin-top:14px}
 .dd-example-label{top:10px;bottom:auto;right:10px;font-size:10px}
}