/* DOOH & hyads page. Two audiences: advertisers (glacier-blue tint) and location partners (silver tint). */
:root{--dh-ad:#ecf2f8; --dh-pa:#f2f3f4; --dh-ad-bar:#dfe8f2; --dh-pa-bar:#e6e8eb}
.dh-tint-ad{background:linear-gradient(180deg,var(--dh-ad) 0%,#f3f7fb 100%)}
.dh-tint-pa{background:linear-gradient(180deg,var(--dh-pa) 0%,#f7f8f8 100%)}

/* outlined button (helper btn(..., ghost=True)); styled here for this page only */
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--ghost:hover{background:#fff;color:var(--ink)}

/* hero: the photo starts below the header, so the header's white fade never covers the totem's headline */
.dh-hero{min-height:600px;padding-bottom:52px}
.dh-hero .chero-img{top:var(--head)}
.dh-hero .chero-img img{object-position:62% 50%}
.dh-hero .chero-text{max-width:min(900px,46vw)}
.dh-hero .lead{max-width:700px;margin-bottom:34px}
.dh-hero .actions{gap:18px}
.dh-hero .note{margin-top:28px;max-width:min(620px,42vw)}

/* fact strip under the hero: titles share one top line */
.dh-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.dh-facts .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.dh-facts .wrap>div{display:flex;align-items:flex-start;gap:26px;padding:32px 34px 32px 0}
.dh-facts .wrap>div+div{padding-left:48px;border-left:1px solid var(--line)}
.dh-facts .ico{width:50px;height:50px;stroke-width:1.2;color:var(--ink)}
.dh-facts h3{font-size:22px;margin:3px 0 4px}
.dh-facts p{color:var(--muted);font-size:17px;line-height:1.45}

/* two audience paths */
.dh-paths{padding:42px 0 28px;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
.dh-paths h2{margin-bottom:30px}
.dh-paths-grid{display:grid;grid-template-columns:1fr 1fr}
.dh-path{display:grid;grid-template-columns:1fr minmax(260px,46%);gap:36px;align-items:stretch;padding-right:36px}
.dh-path+.dh-path{padding:0 0 0 36px;border-left:1px solid var(--line)}
.dh-path-text{display:flex;flex-direction:column;align-items:flex-start;padding:10px 0 6px}
.dh-path-label{display:flex;align-items:center;gap:18px;font-size:19px;color:var(--ink);margin-bottom:22px}
.dh-path-label .ico{width:46px;height:46px;stroke-width:1.2}
.dh-path h3{font-size:clamp(28px,2vw,36px);line-height:1.12;letter-spacing:-.025em;margin-bottom:22px}
.dh-path-text>p:not(.dh-path-label){color:var(--muted);font-size:18px;line-height:1.5;margin-bottom:auto;padding-bottom:28px}
.dh-path-img{height:300px;overflow:hidden}
.dh-path-img img{width:100%;height:100%;object-fit:cover}
.dh-path--ad .dh-path-img img{object-position:50% 40%}
.dh-define{margin-top:24px;text-align:center;color:var(--muted);font-size:17px}
.dh-define strong{color:var(--ink);font-weight:500}

/* 01 advertisers: text, photo, location panel */
.dh-adv{padding:48px 0 40px}
.dh-adv .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr) minmax(0,1.7fr);gap:40px;align-items:stretch}
.dh-adv-text{display:flex;flex-direction:column;align-items:flex-start;padding-top:4px}
.dh-adv-text .sub{margin:18px 0 32px}
.dh-adv-text .small{margin-top:20px;max-width:440px}
.dh-adv-img{min-height:440px;overflow:hidden}
.dh-adv-img img{width:100%;height:100%;object-fit:cover;object-position:45% 50%}
.dh-adv-panel{display:flex;flex-direction:column}
.dh-adv-panel>.small{margin-top:16px}
.dh-finder{flex:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;background:#fff;border:1px solid var(--line);padding:30px 32px}
.dh-finder h3{font-size:24px;margin-bottom:20px}
.dh-facts-list{margin:0 0 22px}
.dh-facts-list>div{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:10px}
.dh-facts-list dt{font-size:16px;color:var(--muted)}
.dh-facts-list dd{margin:0;font-size:18px;font-weight:500;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;line-height:1.3}
.dh-types{list-style:none;margin:0;padding:0}
.dh-types li{position:relative;padding-left:24px;font-size:18px;color:var(--ink);line-height:1.4;margin-bottom:10px}
.dh-types li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-right:1.6px solid var(--ink);border-bottom:1.6px solid var(--ink);transform:rotate(-45deg)}
.dh-finder-map{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.dh-finder-map .map{max-width:210px;justify-self:auto}
.dh-finder-map .map text{font-size:30px}
.dh-finder-map figcaption{margin-top:12px;font-size:14.5px;color:var(--muted);text-align:center;max-width:220px;line-height:1.4}

/* media mix: equal columns, dividers sit in the gaps */
.dh-mix{padding:46px 0 48px;background:#fff}
.dh-mix .wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:56px;align-items:center}
.dh-mix .sub{margin-top:16px}
.dh-mix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:64px}
.dh-mix-grid>div{position:relative}
.dh-mix-grid>div+div::before{content:"";position:absolute;left:-32px;top:0;bottom:0;border-left:1px solid var(--line)}
.dh-mix-grid .ico{width:56px;height:56px;stroke-width:1.1;color:var(--ink);margin-bottom:22px}
.dh-mix-grid h3{font-size:21px;margin-bottom:8px}
.dh-mix-grid p{color:var(--muted);font-size:16.5px;line-height:1.5}

/* advertiser steps + offer card; the first step starts on the heading's edge */
.dh-steps{padding:44px 0 40px;border-top:1px solid var(--line)}
.dh-steps-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr);gap:48px;align-items:center;margin-bottom:30px}
.dh-steps .flow{column-gap:64px}
.dh-steps .flow>div{padding:0}
.dh-steps .flow::before{top:43px;left:86px;right:calc((100% - 128px) / 3)}
.dh-steps .flow>div+div::before{left:-32px;top:112px}
.dh-steps .flow .ring{width:86px;height:86px;margin-bottom:20px}
.dh-steps .flow .ring .ico{width:32px;height:32px}
.dh-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,.62fr);gap:0 40px;background:#fff;border:1px solid var(--line);padding:0 40px 0 36px;align-items:stretch}
.dh-offer-text{display:flex;flex-direction:column;align-items:flex-start;padding:30px 0}
.dh-offer-text h3,.dh-offer-side h3{font-size:clamp(28px,2vw,36px);line-height:1.12;letter-spacing:-.025em;margin-bottom:14px}
.dh-offer-text>p:not(.small){color:var(--muted);font-size:17.5px;line-height:1.5;margin-bottom:24px}
.dh-offer-text .small{margin-top:14px}
.dh-offer-img{min-height:300px;overflow:hidden}
.dh-offer-img img{width:100%;height:100%;object-fit:cover}
.dh-offer-side{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:34px 0}
.dh-offer-side h3{font-size:24px;margin-bottom:10px}
.dh-offer-side p{color:var(--muted);font-size:17px;line-height:1.5;margin-bottom:18px}

/* 02 location partners */
.dh-partner{padding:40px 0;background:#fff;border-top:1px solid var(--line)}
.dh-partner .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:64px;align-items:stretch}
.dh-partner-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.dh-partner-text h2{font-size:clamp(40px,3.4vw,62px);line-height:1.03;letter-spacing:-.035em}
.dh-partner-text .sub{margin:18px 0 22px;max-width:640px}
.dh-points>div{display:flex;gap:22px;margin-bottom:12px}
.dh-points .ico{width:38px;height:38px;stroke-width:1.2;color:var(--ink)}
.dh-points strong{display:block;font-size:20px;font-weight:500;color:var(--ink);margin-bottom:1px}
.dh-points p{color:var(--muted);font-size:16.5px;line-height:1.5;max-width:560px}
.dh-partner-text .actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;margin-top:12px}
.dh-partner-img{min-height:420px;overflow:hidden}
.dh-partner-img img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}

/* revenue model: three models; tag, figures and line share rows across the columns */
.dh-share{padding:40px 0 36px;border-top:1px solid var(--line)}
.dh-share .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);align-items:start}
.dh-share-head{padding-right:40px}
.dh-share-head .sub{margin-top:18px;max-width:440px}
.dh-share-body{border-left:1px solid var(--line-strong);padding-left:40px}
.dh-share-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto}
.dh-share-col{display:grid;grid-row:span 3;grid-template-rows:subgrid;align-content:start;padding:0 32px}
.dh-share-col:first-child{padding-left:0}
.dh-share-col+.dh-share-col{border-left:1px solid var(--line-strong)}
.dh-share-tag{display:block;font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.dh-stages{display:flex;align-items:flex-start;gap:14px}
.dh-stages>div{min-width:0}
.dh-share-col--op .dh-stages>div{width:min-content}
@media (min-width:1700px){ .dh-share-col--op .dh-stages>div{width:auto} .dh-share-col--op .dh-stages{gap:22px} }
.dh-num{display:block;font-weight:500;font-size:clamp(40px,3.3vw,64px);line-height:1;letter-spacing:-.035em;color:var(--ink);white-space:nowrap}
.dh-num--word{font-size:clamp(34px,2.8vw,54px);padding-top:calc((clamp(40px,3.3vw,64px) - clamp(34px,2.8vw,54px)) * .8)}
.dh-stages>div>span{display:block;margin-top:10px;font-size:16px;line-height:1.35;color:var(--ink)}
.dh-arrow{flex:none;padding-top:calc((clamp(40px,3.3vw,64px) - 28px) / 2)}
.dh-arrow .ico{width:28px;height:28px;color:var(--soft);stroke-width:1.4}
.dh-share-col p{margin-top:14px;color:var(--muted);font-size:16.5px;line-height:1.5}
.dh-share-note{margin-top:20px;padding-top:14px;border-top:1px solid var(--line-strong);font-size:16px;color:var(--text);line-height:1.55}
.dh-share-note strong{font-weight:500;color:var(--ink)}

/* location types gallery */
.dh-places{padding:46px 0 34px;background:#fff}
.dh-places .wrap{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.6fr);gap:44px;align-items:start}
.dh-places-head h2{font-size:clamp(32px,2.6vw,50px)}
.dh-places-head .sub{margin-top:18px;max-width:420px}
.dh-places-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 26px}
.dh-place{margin:0}
.dh-place-img{aspect-ratio:400/252;overflow:hidden}
.dh-place-img img{width:100%;height:100%;object-fit:cover}
.dh-place figcaption{margin-top:10px;font-size:18px;color:var(--ink)}
.dh-place--ask{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;align-self:start;background:var(--dh-pa);border:1px solid var(--line);padding:22px 26px;aspect-ratio:400/252}
.dh-place--ask .ico{width:36px;height:36px;stroke-width:1.2;color:var(--ink);margin-bottom:12px}
.dh-place--ask h3{font-size:21px;margin-bottom:6px}
.dh-place--ask p{color:var(--muted);font-size:16px;line-height:1.45;margin-bottom:12px}
.dh-places-note{margin-top:12px;text-align:right;font-size:15px;color:var(--muted)}

/* content rules + example playlist */
.dh-rules{padding:0;border-top:1px solid var(--line)}
.dh-rules .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) minmax(0,1fr);gap:40px;align-items:stretch}
.dh-rules-text{padding:40px 0 34px}
.dh-rules-text .sub{margin:16px 0 22px}
.dh-checks{list-style:none;margin:0;padding:0}
.dh-checks li{display:flex;align-items:center;gap:18px;font-size:18px;color:var(--text);margin-bottom:12px}
.dh-checks .ico{width:30px;height:30px;color:var(--ink)}
.dh-rules-img{overflow:hidden;min-height:340px}
.dh-rules-img img{width:100%;height:100%;object-fit:cover}
.dh-playlist{padding:30px 0 24px;display:flex;flex-direction:column;justify-content:center}
.dh-playlist h3{font-size:19px;margin-bottom:14px}
.dh-playlist ol{list-style:none;margin:0;padding:0}
.dh-playlist li{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--ink);padding:11px 14px;margin-bottom:8px}
.dh-pl-ico{display:grid;place-items:center;width:46px;height:46px;flex:none;background:var(--band);border:1px solid var(--line)}
.dh-pl-ico .ico{width:26px;height:26px}
.dh-playlist strong{display:block;font-size:17px;font-weight:500;color:var(--ink)}
.dh-playlist li p{font-size:15px;color:var(--muted);line-height:1.4}
.dh-pl-note{margin-top:8px;font-size:14.5px;color:var(--muted)}

/* partner steps */
.dh-review{padding:34px 0;background:#fff;border-top:1px solid var(--line)}
.dh-review .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,2.4fr) auto;gap:36px;align-items:center}
.dh-review h2{font-size:clamp(30px,2.4vw,46px)}
.dh-review .small{margin-top:14px}
.dh-review-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.dh-review-steps li{display:flex;gap:18px;align-items:flex-start}
.dh-review-steps .ring{width:70px;height:70px;flex:none;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;background:#fff}
.dh-review-steps .ring .ico{width:30px;height:30px}
.dh-review-steps b{display:block;font-size:18px;font-weight:500;color:var(--ink)}
.dh-review-steps h3{font-size:19px;margin:2px 0 6px}
.dh-review-steps p{color:var(--muted);font-size:16px;line-height:1.45}

/* two-audience FAQ: questions of both columns share rows, so closed rows line up */
.dh-qa{padding:40px 0 36px;border-top:1px solid var(--line);background:linear-gradient(180deg,#f5f7f9 0%,#fafbfc 100%)}
.dh-qa .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2.4fr);gap:44px;align-items:start}
/* two independent columns: an open answer never stretches the closed question next to it */
.dh-qa-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 36px;align-items:start}
.dh-qa-col{display:flex;flex-direction:column;gap:8px}
.dh-qa-col h3{font-size:23px;padding:10px 0 10px 16px;margin-bottom:2px;border-left:3px solid var(--ink)}
.dh-qa-col--ad h3{background:linear-gradient(90deg,var(--dh-ad-bar),transparent)}
.dh-qa-col--pa h3{background:linear-gradient(90deg,var(--dh-pa-bar),transparent)}
.dh-qa .faq{display:flex;flex-direction:column;gap:8px;border-top:0}
.dh-qa .faq details{background:#fff;border:1px solid var(--line);margin:0}
.dh-qa .faq summary{padding:15px 20px 15px 22px;font-size:18px}
.dh-qa .faq details p{padding:0 48px 16px 22px;font-size:16.5px;line-height:1.5}

/* closing banner: two buttons, hyads next to the logo, contact line (in the text column where the brand column is hidden) */
.dh-cta .wrap{padding-top:64px;padding-bottom:64px}
.dh-cta .cta-text{max-width:900px}
.dh-cta .actions{gap:18px}
.dh-brandrow{display:flex;align-items:center;gap:18px}
.dh-hyads{font-size:26px;letter-spacing:0;text-transform:none;color:var(--ink);padding-left:18px;border-left:1px solid var(--ink);line-height:1}
.dh-contact{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:22px;letter-spacing:0;text-transform:none;font-weight:400;font-size:15px}
.dh-contact a{color:var(--muted);text-decoration:none}
.dh-contact a:hover{color:var(--ink)}
.dh-cta-contact{display:none}

/* photo boxes take their height from the layout, never from the photo's own size */
.dh-adv-img,.dh-offer-img,.dh-partner-img,.dh-rules-img{position:relative}
.dh-adv-img img,.dh-offer-img img,.dh-partner-img img,.dh-rules-img img{position:absolute;inset:0}

/* responsive */
@media (max-width:1800px){
  .dh-facts-list>div{grid-template-columns:1fr;gap:4px;margin-bottom:12px}
  .dh-facts-list dd{font-size:17px;padding:9px 12px}
}
@media (max-width:1700px){ .dh-place--ask .ico{display:none} }
@media (min-width:1181px) and (max-width:1340px){ .dh-place--ask p{display:none} .dh-place--ask h3{margin-bottom:10px} }
@media (max-width:1500px){
  .dh-adv .wrap{grid-template-columns:minmax(0,1fr) minmax(0,.62fr) minmax(0,1.5fr);gap:32px}
  .dh-adv-img{min-height:400px}
  .dh-finder{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;padding:26px}
  .dh-mix .wrap{grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:44px}
  .dh-mix-grid{column-gap:48px}
  .dh-mix-grid>div+div::before{left:-24px}
  .dh-offer{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
  .dh-offer-img{margin-right:-40px}
  .dh-offer-side{grid-column:1/-1;padding:22px 0 26px;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:6px 24px;border-top:1px solid var(--line)}
  .dh-offer-side h3,.dh-offer-side p{margin:0}
  .dh-share .wrap{grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr)}
  .dh-share-head{padding-right:32px}
  .dh-share-body{padding-left:32px}
  .dh-share-col{padding:0 24px}
  .dh-places .wrap{gap:40px}
  .dh-place--ask{padding:18px 22px}
  .dh-place--ask h3{font-size:20px}
  .dh-place--ask p{font-size:15px;margin-bottom:10px}
  .dh-rules h2{font-size:clamp(32px,2.8vw,54px)}
  .dh-review .wrap{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);row-gap:24px}
  .dh-review-cta{grid-column:2}
}
@media (max-width:1400px){
  .dh-path{grid-template-columns:minmax(0,1fr) minmax(200px,40%);gap:28px;padding-right:32px}
  .dh-path+.dh-path{padding-left:32px}
}
@media (max-width:1300px){
  .dh-steps-top{grid-template-columns:1fr;gap:32px}
  .dh-review .wrap{grid-template-columns:1fr}
  .dh-review-cta{grid-column:auto;justify-self:start}
  .dh-qa .wrap{grid-template-columns:1fr;gap:32px}
  .dh-hero .chero-text{max-width:44vw}
  .dh-hero h1{font-size:clamp(38px,3.6vw,64px)}
  .dh-hero .chero-img img{object-position:80% 50%}
}
/* where the two hero buttons no longer fit side by side, stack them at one width */
@media (min-width:961px) and (max-width:1300px){
  .dh-hero .actions{display:grid;grid-template-columns:max-content;gap:14px}
}
@media (max-width:1100px){
  .dh-hero .chero-img img{object-position:74% 50%}
  .dh-facts .ico{width:40px;height:40px}
  .dh-facts .wrap>div{gap:16px}
  .dh-review-steps .ring{width:60px;height:60px}
  .dh-review-steps li{gap:16px}
}
@media (max-width:1180px){
  .dh-facts .wrap>div{padding-right:20px;gap:18px}
  .dh-facts .wrap>div+div{padding-left:24px}
  .dh-paths-grid{grid-template-columns:1fr;gap:36px}
  .dh-path,.dh-path+.dh-path{padding:0;border-left:0}
  .dh-path+.dh-path{border-top:1px solid var(--line);padding-top:36px}
  .dh-path-text{justify-content:center}
  .dh-path-text>p:not(.dh-path-label){margin-bottom:0;padding-bottom:24px}
  .dh-path-img{height:300px}
  .dh-adv .wrap{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:32px 40px}
  .dh-adv-img{min-height:0}
  .dh-adv-panel{grid-column:1/-1}
  .dh-finder{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;padding:30px 32px}
  .dh-facts-list>div{grid-template-columns:110px minmax(0,1fr);gap:16px;margin-bottom:10px}
  .dh-mix .wrap{grid-template-columns:1fr;gap:32px}
  .dh-steps-top{grid-template-columns:1fr;gap:32px}
  .dh-partner .wrap{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:40px}
  .dh-partner-img{min-height:0}
  .dh-partner-img img{object-position:100% 50%}
  .dh-share .wrap{grid-template-columns:1fr;gap:28px}
  .dh-share-head{padding-right:0}
  .dh-share-body{border-left:0;padding-left:0}
  .dh-places .wrap{grid-template-columns:1fr;gap:28px}
  .dh-places-head .sub{max-width:640px}
  .dh-rules .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dh-rules-img{min-height:340px;margin:40px 0}
  .dh-playlist{grid-column:1/-1;padding-top:0;padding-bottom:44px}
  .dh-playlist ol{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .dh-playlist li{margin:0}
  .dh-review .wrap{grid-template-columns:1fr}
  .dh-review-cta{grid-column:auto;justify-self:start}
  .dh-qa .wrap{grid-template-columns:1fr;gap:32px}
  .dh-cta .dh-cta-contact{display:flex;flex-wrap:wrap;gap:0 28px;margin-top:14px;font-size:16px}
  .dh-cta-contact a{display:inline-block;padding:8px 0;color:var(--ink);text-decoration:none}
}
@media (max-width:960px){
  .dh-hero{padding-bottom:0}
  .dh-hero .chero-img{top:auto}
  .dh-hero .chero-img img{object-position:100% 50%}
  .dh-hero .chero-text,.dh-hero .note{max-width:none}
  .dh-hero h1{font-size:clamp(40px,3.85vw,76px)}
  .dh-facts .wrap{grid-template-columns:1fr}
  .dh-facts .wrap>div,.dh-facts .wrap>div+div{padding:22px 0;border-left:0}
  .dh-facts .wrap>div+div{border-top:1px solid var(--line)}
  .dh-finder{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
  .dh-facts-list>div{grid-template-columns:86px minmax(0,1fr)}
  .dh-mix-grid{grid-template-columns:1fr}
  .dh-mix-grid>div{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:24px;align-items:start;padding:22px 0}
  .dh-mix-grid>div:first-child{padding-top:0}
  .dh-mix-grid>div:last-child{padding-bottom:0}
  .dh-mix-grid>div+div{border-top:1px solid var(--line)}
  .dh-mix-grid>div+div::before{display:none}
  .dh-mix-grid .ico{grid-row:1/3;margin:0}
  .dh-steps .flow>div{grid-template-columns:86px minmax(0,1fr)}
  .dh-offer{grid-template-columns:1fr;padding:0 28px;row-gap:24px}
  .dh-offer-text{padding:28px 0 0}
  .dh-offer-img{min-height:0;aspect-ratio:729/345;margin:0 -28px}
  .dh-offer-side{padding:0 0 26px;border-top:0}
  .dh-partner .wrap{grid-template-columns:1fr;gap:0}
  .dh-partner-img{aspect-ratio:900/569;margin-top:32px}
  .dh-share-grid{grid-template-columns:1fr;grid-template-rows:none}
  .dh-share-col{grid-row:auto;grid-template-rows:auto auto;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:32px;align-items:center;padding:24px 0}
  .dh-share-col:first-child{padding-top:0}
  .dh-share-col+.dh-share-col{border-left:0;border-top:1px solid var(--line-strong)}
  .dh-share-tag,.dh-stages{grid-column:1}
  .dh-share-col p{grid-column:2;grid-row:1/3;margin:0}
  .dh-places-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dh-place--ask .ico{display:block}
  .dh-rules .wrap{gap:0 32px}
  .dh-rules-img{min-height:0}
  .dh-playlist ol{grid-template-columns:1fr}
  .dh-review-steps{grid-template-columns:1fr}
  .dh-qa-cols{grid-template-columns:1fr;gap:32px}
  .dh-qa-col h3{margin-bottom:10px}
}
@media (max-width:620px){
  .dh-paths,.dh-mix,.dh-places{padding:48px 0}
  .dh-path{grid-template-columns:1fr;gap:24px}
  .dh-path-img{height:auto;aspect-ratio:4/3;order:-1}
  .dh-adv .wrap{grid-template-columns:1fr}
  .dh-adv-img{aspect-ratio:4/3}
  .dh-finder{grid-template-columns:1fr;padding:24px 20px}
  .dh-finder-map{align-items:flex-start}
  .dh-finder-map figcaption{text-align:left}
  .dh-facts-list>div{grid-template-columns:1fr;gap:6px}
  .dh-mix-grid>div{grid-template-columns:44px minmax(0,1fr);column-gap:18px}
  .dh-mix-grid .ico{width:44px;height:44px}
  .dh-offer{padding:0 18px}
  .dh-offer-img{margin:0 -18px}
  .dh-offer .btn,.dh-cta .btn{padding-left:18px;padding-right:18px;gap:14px;line-height:1.25}
  .dh-define{text-align:left}
  .dh-share-col{grid-template-columns:1fr}
  .dh-share-col p{grid-column:1;grid-row:auto;margin-top:12px}
  .dh-places-grid{gap:20px 14px}
  .dh-place figcaption{font-size:15.5px;line-height:1.35}
  .dh-place--ask{aspect-ratio:auto;align-self:stretch;justify-content:flex-start;padding:16px 14px}
  .dh-place--ask .ico,.dh-place--ask p{display:none}
  .dh-place--ask h3{font-size:17px;margin-bottom:10px}
  .dh-place--ask .tlink{display:inline;line-height:1.35}
  .dh-place--ask .tlink svg{display:inline-block;vertical-align:-2px;margin-left:8px}
  .dh-places-note{text-align:left}
  .dh-rules .wrap{grid-template-columns:1fr}
  .dh-rules-img{margin:0 0 32px;aspect-ratio:483/336}
  .dh-rules-text{padding-bottom:28px}
  .dh-qa .faq summary{padding-left:18px}
  .dh-qa .faq details p{padding:0 20px 18px 18px}
  .dh-partner-text .actions .tlink{width:100%}
}

/* no lone last words in the card headings */
.dh-path h3,.dh-offer h3,.dh-place--ask h3,.dh-qa-col h3{text-wrap:balance}