/* Responsive advertisements: the artwork stays photographic and the copy remains accessible. */
.ad-slot.has-creative{position:relative;display:block;border-radius:12px;background:#20242b}
.ad-creative{position:absolute;inset:0;display:block;overflow:hidden;isolation:isolate;color:#fff!important;text-align:left}
.ad-slot .ad-art{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;z-index:-2;transition:transform .35s}
.ad-creative::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}
.ad-creative:hover .ad-art{transform:scale(1.025)}
.ad-copy{position:absolute;inset:22px auto 22px 32px;max-width:67%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}
.ad-brand{font-size:12px;line-height:1.1;letter-spacing:1.9px;text-transform:uppercase;font-weight:750}
.ad-heading{display:block;font-size:31px;line-height:1.06;letter-spacing:-.6px;font-weight:800;text-wrap:balance}
.ad-description{display:block;font-size:13px;line-height:1.4;max-width:360px;opacity:.85}
.ad-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;margin-top:3px;padding:8px 13px;border-radius:4px;background:#fff;color:#26232a;font-size:11px;font-weight:750;line-height:1.25}
.ad-disclaimer{position:absolute;right:12px;bottom:9px;font-size:8px;font-weight:500;letter-spacing:.75px;line-height:1.2;opacity:.85}
.ad-creative-portal{background:#a90e27}
.ad-creative-portal .ad-art{left:48%;width:52%;object-position:center 43%;opacity:.45;mix-blend-mode:luminosity}
.ad-creative-portal::after{background:linear-gradient(90deg,#a30e27 0%,#bc1630 40%,rgb(160 15 40 / .55) 65%,rgb(23 27 35 / .3) 100%)}
.ad-creative-portal .ad-brand{font-family:'Passion One',Impact,sans-serif;font-size:25px;letter-spacing:0;text-transform:none;font-weight:400}
.ad-creative-portal .ad-heading{font-size:30px}
.ad-creative-coffee{background:#f0e7d9;color:#382b23!important}
.ad-creative-coffee .ad-art{left:35%;width:65%;object-position:67% 55%}
.ad-creative-coffee::after{background:linear-gradient(90deg,#f0e7d9 0%,#f0e7d9 30%,rgb(240 231 217 / .94) 42%,rgb(240 231 217 / .08) 68%)}
.ad-creative-coffee .ad-copy{max-width:57%}
.ad-creative-coffee .ad-brand{font-family:Georgia,serif;font-size:20px;letter-spacing:-.3px;text-transform:none}
.ad-creative-coffee .ad-cta{background:#3b4a39;color:#fff}
.ad-creative-coffee .ad-disclaimer{background:rgb(240 231 217 / .9);padding:3px 5px;border-radius:3px}
.ad-creative-home::after{background:linear-gradient(180deg,rgb(13 34 29 / 0) 18%,rgb(13 34 29 / .5) 48%,#112b24 100%)}
.ad-creative-home .ad-art{object-position:center 30%}
.ad-creative-home .ad-copy{inset:auto 24px 32px;max-width:none;gap:10px}
.ad-creative-home .ad-brand{font-size:12px;letter-spacing:2px}
.ad-creative-home .ad-heading{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.1}
.ad-creative-home .ad-description{font-size:12px}
.ad-creative-home .ad-cta{background:#f4eedf;color:#17372e}
.ad-creative-education{background:#142e5d}
.ad-creative-education::after{background:linear-gradient(180deg,rgb(19 42 84 / .04) 5%,rgb(19 42 84 / .55) 40%,#112b59 84%)}
.ad-creative-education .ad-art{object-position:center 25%}
.ad-creative-education .ad-copy{inset:auto 24px 32px;max-width:none;gap:9px}
.ad-creative-education .ad-heading{font-size:28px}
.ad-creative-education .ad-cta{background:#f3dca1;color:#162d53}
.ad-slot-square .ad-copy{max-width:none}
.ad-slot-square .ad-heading{font-size:clamp(23px,2.2vw,30px)}
.ad-slot-square .ad-description{font-size:12px}
.ad-slot-square .ad-creative-coffee::after{background:linear-gradient(180deg,rgb(35 22 13 / .05) 4%,rgb(35 22 13 / .5) 38%,#261d17 85%)}
.ad-slot-square .ad-creative-coffee{color:#fff!important}
.ad-slot-square .ad-creative-coffee .ad-art{left:0;width:100%;object-position:62% 42%}
.ad-slot-square .ad-creative-coffee .ad-copy{inset:auto 24px 33px}
.ad-slot-square .ad-creative-coffee .ad-cta{background:#f0e7d9;color:#382b23}
.ad-slot-square .ad-creative-coffee .ad-disclaimer{background:none;color:white}
@media(max-width:1100px){.ad-copy{left:24px;max-width:69%;gap:7px}.ad-heading,.ad-creative-portal .ad-heading{font-size:28px}.ad-slot-square .ad-heading{font-size:25px}.ad-slot-square .ad-description{display:none}.ad-slot-square .ad-copy{left:18px;right:18px;bottom:28px}.ad-slot-square .ad-brand{font-size:11px}}
@media(min-width:701px) and (max-width:850px){.ad-slot-square .ad-heading{font-size:23px}.ad-slot-square .ad-cta{font-size:10px;padding:7px 10px}.ad-slot-square .ad-disclaimer{font-size:6px;right:7px}.ad-slot-square .ad-copy{gap:8px;left:14px;right:14px}}
@media(max-width:700px){.ad-copy{inset:18px auto 24px 20px;max-width:73%;gap:9px}.ad-heading,.ad-creative-portal .ad-heading{font-size:26px;line-height:1.08}.ad-description{display:none}.ad-brand{font-size:11px}.ad-creative-portal .ad-brand{font-size:23px}.ad-cta{font-size:11px;padding:8px 11px}.ad-disclaimer{right:10px;bottom:8px;font-size:7px}.ad-creative-coffee .ad-copy{max-width:72%}.ad-creative-coffee::after{background:linear-gradient(90deg,#f0e7d9 0%,rgb(240 231 217 / .97) 40%,rgb(240 231 217 / .35) 77%,rgb(240 231 217 / .05) 100%)}.ad-creative-coffee .ad-brand{font-size:18px}.ad-slot-square .ad-heading{font-size:28px}.ad-slot-square .ad-copy{inset:auto 22px 32px}.ad-slot-square .ad-description{display:block}.ad-slot-square .ad-brand{font-size:12px}}
@media(min-width:521px) and (max-width:700px){.ad-slot-square .ad-heading{font-size:25px}.ad-slot-square .ad-description{display:none}.ad-slot-square .ad-copy{inset:auto 17px 28px}}
@media(max-width:380px){.ad-copy{left:16px;max-width:78%;gap:8px}.ad-heading,.ad-creative-portal .ad-heading{font-size:23px}.ad-creative-coffee .ad-copy{max-width:78%}.ad-cta{font-size:10px}.ad-slot-square .ad-heading{font-size:26px}}
@media(prefers-reduced-motion:reduce){.ad-creative:hover .ad-art{transform:none}.ad-slot .ad-art{transition:none}}
