/* Licensed local display faces; no third-party font requests. */
@font-face{font-family:AdCut;src:url('/sponsor-assets/ad-type-cut.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:AdPage;src:url('/sponsor-assets/ad-type-page.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:AdAce;src:url('/sponsor-assets/ad-type-ace.ttf') format('truetype');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:AdSunup;src:url('/sponsor-assets/ad-type-sunup.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:AdVerde;src:url('/sponsor-assets/ad-type-verde.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:AdMaya;src:url('/sponsor-assets/ad-type-maya.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
/* Stable column slot: authored campaign artwork stays in normal document flow. */
#sponsor-column{display:block;background:#101b26;color:#f7f2e8;text-decoration:none;text-shadow:none;letter-spacing:normal;font-family:Arial,sans-serif;overflow:hidden}
#sponsor-column img{display:block;width:100%;height:auto;aspect-ratio:5/6;object-fit:contain}
#sponsor-column:focus-visible{outline:3px solid var(--fg);outline-offset:4px}
#sponsor-column[hidden]{display:none}
#c2 .column-ad-slot{display:flow-root;margin:28px 0 32px;transform:none}
#c2 .column-ad-slot[hidden]{display:none}
#c2 .column-ad-slot #sponsor-column{position:static;display:block;margin:0;width:auto}
#c2 .column-ad-slot #banner-column-prompt{position:static;margin:8px 0 0}

/* Real photographs with browser-set type; each campaign keeps its own accent. */
#verde-top[data-demo=photo],#verde-bottom[data-demo=photo],#sponsor-column[data-demo=photo]{box-sizing:border-box;position:relative;isolation:isolate;display:block;overflow:hidden;padding:0;border:1px solid #ffffff26;border-radius:0;background:#101820;color:#fff;text-align:left;text-shadow:none;letter-spacing:normal;font-family:Arial,Helvetica,sans-serif;text-decoration:none;box-shadow:none}
[data-demo=photo] *{box-sizing:border-box}
[data-demo=photo]>.photo-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}
[data-demo=photo]>img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;display:block;aspect-ratio:auto!important}
[data-demo=photo]:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,13,18,.94),rgba(7,13,18,.65) 46%,rgba(7,13,18,.08))}
[data-demo=photo] .photo-category{font:700 9px/1.3 Arial,sans-serif;letter-spacing:1.5px;color:var(--ad-accent)}
[data-demo=photo] .photo-brand{font:800 22px/1.05 Arial,sans-serif!important;letter-spacing:-.6px!important;color:#fff!important}
[data-demo=photo] .photo-headline{font:800 36px/.98 Arial,sans-serif;letter-spacing:-1.4px;color:#fff}
[data-demo=photo] .photo-detail{font:400 12px/1.45 Arial,sans-serif;color:#ecece6}
[data-demo=photo] .photo-cta{display:inline-block;padding:10px 13px;background:var(--ad-accent);color:#142019;font:800 10px/1 Arial,sans-serif;letter-spacing:.7px;white-space:nowrap}
[data-demo=photo]>.photo-disclosure{position:absolute;bottom:8px;left:16px;z-index:3;font:700 7px/1.2 Arial,sans-serif;letter-spacing:.8px;color:#fff;background:#101820bb;padding:3px 5px}
#verde-top[data-demo=photo]{width:600px;max-width:100%;height:74px;margin:16px auto 20px}
#verde-top[data-demo=photo]>.photo-copy{height:100%;padding:11px 16px;display:grid;grid-template-columns:170px 1fr auto;grid-template-rows:14px 1fr;gap:2px 15px;align-items:center}
#verde-top[data-demo=photo] .photo-category{grid-column:1;grid-row:1;font-size:7px;letter-spacing:1px}
#verde-top[data-demo=photo] .photo-brand{grid-column:1;grid-row:2;font-size:22px!important}
#verde-top[data-demo=photo] .photo-headline{grid-column:2;grid-row:1/3;font-size:21px;letter-spacing:-.7px;max-width:170px}
#verde-top[data-demo=photo] .photo-cta{grid-column:3;grid-row:1/3;padding:9px 10px;font-size:8px}
#verde-top[data-demo=photo] .photo-detail{display:none}
#verde-top[data-demo=photo]>.photo-disclosure{bottom:2px;left:auto;right:5px;font-size:5px;padding:1px 3px}
#sponsor-column[data-demo=photo]{aspect-ratio:5/6}
#sponsor-column[data-demo=photo]:before{background:linear-gradient(180deg,rgba(7,13,18,.42),transparent 30%,rgba(7,13,18,.24) 43%,rgba(7,13,18,.97) 94%)}
#sponsor-column[data-demo=photo]>.photo-copy{height:100%;padding:22px 22px 35px}
#sponsor-column[data-demo=photo] .photo-brand{margin-top:6px}
#sponsor-column[data-demo=photo] .photo-headline{margin-top:auto;max-width:270px;font-size:clamp(26px,3.2vw,43px)}
#sponsor-column[data-demo=photo] .photo-detail{margin-top:10px;max-width:240px;font-size:11px}
#sponsor-column[data-demo=photo] .photo-cta{margin-top:15px}
#verde-bottom[data-demo=photo]{width:100%;min-height:250px}
#verde-bottom[data-demo=photo]>.photo-copy{padding:27px 32px 37px;max-width:65%;gap:10px}
#verde-bottom[data-demo=photo] .photo-headline{font-size:42px;max-width:360px}
#verde-bottom[data-demo=photo] .photo-cta{margin-top:3px}
@media(max-width:650px){
 #verde-top[data-demo=photo]{width:100%;height:82px}
 #verde-top[data-demo=photo]>.photo-copy{padding:12px;grid-template-columns:1fr auto;gap:4px 10px}
 #verde-top[data-demo=photo] .photo-category{display:none}
 #verde-top[data-demo=photo] .photo-brand{grid-row:1;font-size:19px!important}
 #verde-top[data-demo=photo] .photo-headline{grid-column:1;grid-row:2;font-size:17px;max-width:none;letter-spacing:-.5px}
 #verde-top[data-demo=photo] .photo-cta{grid-column:2;grid-row:1/3;font-size:8px}
 #sponsor-column[data-demo=photo] .photo-headline{font-size:38px}
 #verde-bottom[data-demo=photo]>.photo-copy{max-width:88%;padding:24px 20px 36px}
 #verde-bottom[data-demo=photo] .photo-headline{font-size:34px}
}
/* Campaign-specific typography and templates. */
/* Cut Harbor: condensed production type with a lime editing rail. */
[data-demo=photo][data-campaign=cutharbor] .photo-brand,[data-demo=photo][data-campaign=cutharbor] .photo-headline{font-family:AdCut,sans-serif!important;font-weight:700!important;letter-spacing:.2px!important;text-transform:uppercase}
#sponsor-column[data-campaign=cutharbor][data-demo=photo]{border-left:6px solid #e6fc65}
#sponsor-column[data-campaign=cutharbor] .photo-headline{max-width:180px;font-size:47px}
#verde-bottom[data-campaign=cutharbor] .photo-headline{font-size:49px}
/* Page Mender: a warm paper work order, classic serif headline, green ink. */
[data-demo=photo][data-campaign=pagemender] .photo-brand,[data-demo=photo][data-campaign=pagemender] .photo-headline{font-family:AdPage,serif!important;font-weight:400!important;letter-spacing:-.7px!important}
#sponsor-column[data-demo=photo][data-campaign=pagemender]>.photo-copy{background:linear-gradient(180deg,transparent 44%,#f5f0e5 44%);padding-top:20px}
#sponsor-column[data-campaign=pagemender] .photo-headline{color:#203e32;margin-top:auto;font-size:36px}
#sponsor-column[data-campaign=pagemender] .photo-detail{color:#42564a}
#sponsor-column[data-campaign=pagemender] .photo-brand{background:#f5f0e5;color:#203e32!important;padding:9px 12px}
#sponsor-column[data-campaign=pagemender] .photo-category{background:#203e32;padding:5px 8px}
#sponsor-column[data-campaign=pagemender] .photo-cta{background:#203e32;color:#fff;border-radius:3px}
#sponsor-column[data-campaign=pagemender]>.photo-disclosure{background:none;color:#203e32}
#verde-bottom[data-demo=photo][data-campaign=pagemender]:before{background:linear-gradient(90deg,#f5f0e5 0%,#f5f0e5 42%,#f5f0e500 75%)}
#verde-bottom[data-campaign=pagemender] .photo-copy{max-width:58%}
#verde-bottom[data-campaign=pagemender] .photo-brand,#verde-bottom[data-campaign=pagemender] .photo-headline{color:#203e32!important}
#verde-bottom[data-campaign=pagemender] .photo-category,#verde-bottom[data-campaign=pagemender] .photo-detail{color:#42564a}
#verde-bottom[data-campaign=pagemender] .photo-cta{background:#203e32;color:#fff}
/* Ace: centered invitation, elegant Didone type, gold frame. */
[data-demo=photo][data-campaign=ace] .photo-brand,[data-demo=photo][data-campaign=ace] .photo-headline{font-family:AdAce,serif!important;font-weight:600!important;font-style:italic!important;letter-spacing:1px!important}
#sponsor-column[data-demo=photo][data-campaign=ace]>.photo-copy{align-items:center;text-align:center;border:1px solid #efd29a99;margin:12px;height:calc(100% - 24px);padding:19px 16px 30px}
#sponsor-column[data-campaign=ace] .photo-headline{font-style:italic;font-size:43px}
#sponsor-column[data-campaign=ace] .photo-brand{order:-1;letter-spacing:3px!important;font-size:27px!important;margin-bottom:6px}
#sponsor-column[data-campaign=ace] .photo-category{font-size:7px;letter-spacing:1.7px}
#sponsor-column[data-campaign=ace] .photo-cta{background:transparent;border:1px solid #efd29a;color:#efd29a}
#verde-bottom[data-demo=photo][data-campaign=ace]>.photo-copy{margin-left:auto;text-align:right;align-items:flex-end}
#verde-bottom[data-demo=photo][data-campaign=ace]:before{background:linear-gradient(270deg,#210b13ed,#210b1355)}
/* Sunup: a sunny coffee label, friendly rounded type and orange button. */
[data-demo=photo][data-campaign=sunup] .photo-brand,[data-demo=photo][data-campaign=sunup] .photo-headline{font-family:AdSunup,serif!important;font-weight:800!important;letter-spacing:-1px!important}
#sponsor-column[data-demo=photo][data-campaign=sunup]>.photo-copy{background:linear-gradient(180deg,#fff1d400 49%,#fff1d4 49%);padding-bottom:34px}
#sponsor-column[data-campaign=sunup] .photo-brand{color:#21443b!important;background:#fff1d4;padding:8px 12px;border-radius:40px;font-size:20px!important}
#sponsor-column[data-campaign=sunup] .photo-category{color:#21443b;background:#fff1d4;padding:4px 8px;border-radius:12px}
#sponsor-column[data-campaign=sunup] .photo-headline{color:#21443b;font-size:41px}
#sponsor-column[data-campaign=sunup] .photo-detail{color:#425e4e}
#sponsor-column[data-campaign=sunup] .photo-cta{background:#b84b21;color:#fff;border-radius:30px;padding:12px 17px}
#sponsor-column[data-campaign=sunup]>.photo-disclosure{color:#21443b;background:none}
#verde-bottom[data-campaign=sunup] .photo-cta,#verde-top[data-campaign=sunup] .photo-cta{background:#b84b21;color:#fff;border-radius:30px}
/* Verde: geometric fintech type, asymmetric lime panel and pill CTA. */
[data-demo=photo][data-campaign=verde] .photo-brand,[data-demo=photo][data-campaign=verde] .photo-headline{font-family:AdVerde,sans-serif!important;font-weight:700!important;letter-spacing:-1.3px!important}
#sponsor-column[data-demo=photo][data-campaign=verde]>.photo-copy{background:linear-gradient(155deg,#d9ed82 0%,#d9ed82 35%,transparent 35%);align-items:flex-start}
#sponsor-column[data-campaign=verde] .photo-brand{font-size:40px!important;color:#173c2d!important;order:-1}
#sponsor-column[data-campaign=verde] .photo-category{color:#173c2d;margin-top:8px;font-size:8px}
#sponsor-column[data-campaign=verde] .photo-headline{max-width:220px;font-size:41px}
[data-demo=photo][data-campaign=verde] .photo-cta{border-radius:30px}
/* Maya: personal maker signature and italic book-like headline. Footer only. */
[data-demo=photo][data-campaign=maya] .photo-brand{font-family:AdMaya,cursive!important;font-size:39px!important;font-weight:700!important;letter-spacing:0!important}
[data-demo=photo][data-campaign=maya] .photo-headline{font-family:AdPage,serif!important;font-style:italic;font-weight:400!important;letter-spacing:-.8px}
#verde-bottom[data-demo=photo][data-campaign=maya]{border:8px solid #f0e9db}
#verde-bottom[data-campaign=maya] .photo-cta{background:transparent;color:#f3c5a3;border-bottom:2px solid #f3c5a3;padding:8px 0}
@media(max-width:650px){#verde-bottom[data-campaign=pagemender] .photo-copy{max-width:78%}#sponsor-column[data-campaign=cutharbor] .photo-headline{font-size:44px}#verde-top[data-campaign=ace] .photo-brand{font-size:19px!important}#verde-top[data-campaign=sunup] .photo-brand{font-size:19px!important}#verde-top[data-campaign=verde] .photo-brand{font-size:22px!important}}
#verde-top[data-demo=photo]{height:52px;min-height:52px}
#verde-top[data-demo=photo]>.photo-copy{padding:5px 14px;grid-template-rows:10px 1fr}
#verde-top[data-demo=photo] .photo-brand{font-size:20px!important}
#verde-top[data-demo=photo] .photo-headline{font-size:19px}
#verde-bottom[data-demo=photo][data-campaign=sunup]>.photo-copy{background:#fff1d4;margin:18px;padding:20px 22px 30px;width:43%;max-width:43%;border-radius:5px}
#verde-bottom[data-campaign=sunup] .photo-category,#verde-bottom[data-campaign=sunup] .photo-brand,#verde-bottom[data-campaign=sunup] .photo-headline,#verde-bottom[data-campaign=sunup] .photo-detail{color:#21443b!important}
#verde-bottom[data-demo=photo][data-campaign=verde]>.photo-copy{margin-left:auto;text-align:right;align-items:flex-end}
#verde-bottom[data-demo=photo][data-campaign=verde]:before{background:linear-gradient(270deg,#123528f5,#123528a8 40%,transparent)}
#verde-bottom[data-demo=photo][data-campaign=maya]>.photo-copy{padding:22px 25px 36px;gap:6px;max-width:65%}
#verde-bottom[data-campaign=maya] .photo-brand{order:-1}
@media(max-width:650px){#verde-top[data-demo=photo]{height:72px;min-height:72px}#verde-top[data-demo=photo]>.photo-copy{padding:10px 12px;grid-template-rows:1fr 1fr}#verde-top[data-demo=photo] .photo-headline{font-size:17px}#verde-bottom[data-demo=photo][data-campaign=sunup]>.photo-copy{width:72%;max-width:72%;margin:14px;padding:20px 18px 30px}#verde-bottom[data-demo=photo][data-campaign=maya]>.photo-copy{max-width:90%}#verde-bottom[data-campaign=ace] .photo-headline{font-size:31px}}
#c2 .column-ad-slot #sponsor-column[data-demo=photo]{position:relative}

/* Every demo sells the AD.s slot. The sample business is the artwork example. */
[data-demo=photo]>.photo-signature{position:absolute;z-index:4;bottom:0;left:0;right:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;background:#f7f5ef;color:#171b1a;padding:10px 14px;border-top:1px solid #0002;text-align:left}
[data-demo=photo] .ads-pill{grid-row:1/3;display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 3px;background:#161819;border:1px solid #161819;border-radius:999px;color:#fff;white-space:nowrap}
[data-demo=photo] .ads-pill img{width:24px;height:24px;display:block;object-fit:contain;border-radius:50%}
[data-demo=photo] .ads-pill-label{font:700 7px/1 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.08em}
[data-demo=photo] .ads-offer{font:700 11px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.02em}
[data-demo=photo] .ads-design{font:500 10px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.01em;color:#39413e}
[data-demo=photo] .ads-ai{position:absolute;right:5px;bottom:2px;font:400 5px/1 Arial,sans-serif;color:#777}
#sponsor-column[data-demo=photo]>.photo-copy{padding-bottom:82px}
#sponsor-column[data-demo=photo][data-campaign=ace]>.photo-copy{height:calc(100% - 84px);padding-bottom:15px}
#sponsor-column[data-demo=photo][data-campaign=pagemender]>.photo-copy,#sponsor-column[data-demo=photo][data-campaign=sunup]>.photo-copy{padding-bottom:82px}
#verde-bottom[data-demo=photo]>.photo-copy{padding-bottom:80px;max-width:65%}
#verde-bottom[data-demo=photo][data-campaign=sunup]>.photo-copy{padding-bottom:28px;margin-bottom:76px}
#verde-bottom[data-demo=photo][data-campaign=maya]>.photo-copy{padding-bottom:80px}
#verde-top[data-demo=photo]{height:76px;min-height:76px}
#verde-top[data-demo=photo]>.photo-copy{height:48px}
#verde-top[data-demo=photo] .photo-headline{font-size:18px}
#verde-top[data-demo=photo] .photo-brand{font-size:20px!important}
#verde-top[data-demo=photo]>.photo-signature{height:27px;padding:3px 9px;display:flex;gap:9px}
#verde-top[data-demo=photo] .ads-pill{padding:1px 6px 1px 1px;gap:3px}
#verde-top[data-demo=photo] .ads-pill img{width:16px;height:16px}
#verde-top[data-demo=photo] .ads-pill-label{font-size:5px}
#verde-top[data-demo=photo] .ads-offer{font-size:9px}
#verde-top[data-demo=photo] .ads-design{font-size:8px}
#verde-top[data-demo=photo] .ads-ai{display:none}
@media(max-width:650px){
 #verde-top[data-demo=photo]{height:96px;min-height:96px}
 #verde-top[data-demo=photo]>.photo-copy{height:65px}
 #verde-top[data-demo=photo] .photo-headline{font-size:16px}
 #verde-top[data-demo=photo]>.photo-signature{height:30px;gap:6px;padding:3px 6px}
 #verde-top[data-demo=photo] .ads-offer{font-size:8px}
 #verde-top[data-demo=photo] .ads-design{font-size:7px;max-width:85px}
 #verde-bottom[data-demo=photo]>.photo-copy{max-width:90%;padding-bottom:82px}
 #verde-bottom[data-demo=photo][data-campaign=maya]>.photo-copy{padding-bottom:82px}
 #sponsor-column[data-campaign=cutharbor] .photo-headline{font-size:40px}
 #sponsor-column[data-campaign=ace] .photo-headline{font-size:37px}
 #sponsor-column[data-campaign=sunup] .photo-headline{font-size:35px}
 #verde-bottom[data-demo=photo][data-campaign=sunup]>.photo-copy{padding-bottom:25px}
}
#sponsor-column[data-demo=photo] .ads-pill img{position:static!important;inset:auto!important;display:block!important;width:24px!important;height:24px!important;min-width:24px;aspect-ratio:1!important;object-fit:contain!important}

/* Fit descriptive sample headlines above the attribution footer. */
#sponsor-column[data-demo=photo][data-campaign=cutharbor] .photo-headline{font-size:30px;line-height:1.02}#sponsor-column[data-demo=photo][data-campaign=verde] .photo-headline{font-size:30px;line-height:1.04}@media(max-width:650px){#sponsor-column[data-demo=photo][data-campaign=cutharbor] .photo-headline,#sponsor-column[data-demo=photo][data-campaign=verde] .photo-headline{font-size:28px}}