/* LONO campaign: a specific invitation, its origin, and its actual ingredients. */
.campaign-matched{grid-template-columns:minmax(0,1fr) 44px minmax(0,1.24fr);gap:28px;align-items:center}
.campaign-matched .ad-strategies{border-bottom:0;margin-bottom:18px;padding-bottom:0}
.campaign-matched .ad-strategies button{font-size:13px;padding:9px 13px}
.campaign-matched .ad-context{margin-bottom:10px;font-size:11px}
.campaign-matched .ad-artwork{border-radius:10px;background:#0a1114;aspect-ratio:4/5}
.lono-creative{container-type:inline-size;color:#ece4cc;isolation:isolate}
.lono-creative>img{display:block;width:100%;height:100%;object-fit:cover}
.lono-creative:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07101930,transparent 33%,transparent 78%,#071019b0)}
.creative-brand{position:absolute;left:7%;top:5%;display:flex;align-items:center;gap:2.4cqw;z-index:2;font:400 3.65cqw/1 LonoForum,Georgia,serif;letter-spacing:.16em;color:#ece4cc}
.creative-brand>svg{display:block;width:6cqw;height:6cqw;flex:none}
.lono-creative h4{position:absolute;z-index:2;left:7%;top:15%;max-width:64%;font:400 10.4cqw/.99 LonoForum,Georgia,serif;letter-spacing:-.035em;color:#ece4cc;margin:0;text-wrap:initial}
.creative-0 h4>span{font-size:.91em}
.creative-1 h4{font-size:15cqw;line-height:.93;top:27%;max-width:62%}
.creative-overline{display:block;font:400 3.5cqw/1.3 LonoForum,Georgia,serif;letter-spacing:.01em;margin-bottom:4.5cqw}
.creative-2 h4{font-size:11.4cqw;line-height:1.02;top:17%;max-width:84%}
.creative-action{position:absolute;z-index:3;left:7%;right:7%;bottom:4.8%;display:flex;align-items:center;justify-content:space-between;gap:3cqw;border-top:1px solid #e6ddba80;padding:2.8cqw 0 0;color:#ece4cc;font:400 3.7cqw/1.25 LonoForum,Georgia,serif;letter-spacing:0;min-height:7cqw}
.creative-action svg{width:5cqw;height:5cqw;flex:none;transition:transform .25s}
.creative-action:hover svg,.creative-action:focus-visible svg{transform:translate(2px,-2px)}
.creative-action:focus-visible{outline:1px solid #ece4cc;outline-offset:4px}
.campaign-matched .campaign-site-screen{aspect-ratio:153/100;position:relative;border-radius:10px;overflow:visible;isolation:isolate}
.campaign-matched .campaign-site-screen>img{display:block;width:100%;height:auto;object-fit:contain;border-radius:10px}
.campaign-matched .campaign-site-label{font-size:12px;align-items:center;margin-bottom:13px}
.campaign-site-label>a{display:inline-flex;align-items:center;gap:8px;color:var(--page-red);white-space:nowrap}
.campaign-site-label>a>svg{width:14px;height:14px;flex:none}
.landing-route-mark{position:absolute;top:81.875%;left:5%;width:25.785%;height:13.875%;border:1px solid #e6ddba;border-radius:2px;background:#e6ddba08;pointer-events:none;box-shadow:0 0 0 1px #07101920}
.landing-route-mark[data-route="1"]{left:34.785%}
.landing-route-mark[data-route="2"]{left:64.57%;width:30.43%}
.campaign-matched .campaign-site figcaption{display:grid;gap:8px;max-width:none;margin-top:20px}
.landing-route-kicker{font:400 11px/1.4 Fixel,sans-serif;color:var(--page-muted)}
.landing-route-link{font:300 22px/1.25 UkraineHead,Fixel,sans-serif;letter-spacing:-.025em;display:inline-flex;align-items:center;justify-self:start;gap:22px;color:var(--ink)}
.landing-route-link>svg{width:20px;height:20px;flex:none;color:var(--page-red)}
.campaign-matched .campaign-metrics>p>span{font-size:11px}
@media(max-width:1000px) and (min-width:761px){.campaign-matched{grid-template-columns:minmax(0,1fr) 28px minmax(0,1.15fr);gap:18px}.campaign-matched .ad-strategies button{font-size:11px;padding-inline:9px}.campaign-matched .campaign-site-label{font-size:10px}.landing-route-link{font-size:19px}}
@media(max-width:760px){
 .campaign-matched{grid-template-columns:minmax(0,1fr);gap:27px}
 .campaign-matched .ad-strategies{gap:6px;margin-bottom:17px}.campaign-matched .ad-strategies button{font-size:12px;padding:9px 12px}
 .campaign-matched .campaign-ad-column{max-width:none}
 .campaign-matched .ad-context{font-size:10px;margin-bottom:9px}
 .campaign-matched .campaign-site-label{font-size:11px;gap:15px}
 .campaign-matched .campaign-site figcaption{margin-top:18px;gap:8px}
 .landing-route-link{font-size:22px;gap:18px}
}
@media(prefers-reduced-motion:reduce){.creative-action svg{transition:none}}
