/* Adgora examples: the Prism palette and type, with actual creative dimensions. */
.ex-page{padding-bottom:70px}.ex-hero{padding:130px 0 30px;position:relative;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 90% 15%,#6a8dff12,transparent 55%),var(--bg)}
.ex-hero .crumbs{margin-bottom:25px}.ex-heading{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;align-items:end}.ex-heading .h1{max-width:20ch;font-size:clamp(2rem,1.45rem + 2.8vw,3.65rem);line-height:1.12}.ex-heading .lead{max-width:64ch;margin-top:22px;color:var(--muted);font-size:1.05rem}
.ex-region{border-left:2px solid var(--emerald);padding:8px 0 8px 24px;display:flex;flex-direction:column;gap:10px}.ex-region>span{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.85rem}.ex-region strong{font:650 1.2rem/1.35 var(--f-text);color:var(--ink)}.ex-region small{font-size:.8rem;color:var(--muted)}.ex-region small b{color:var(--emerald)}
.ex-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:32px}.ex-rotation{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--ink-2)}.ex-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 5px #1fd6a414}.ex-rotation.is-paused .ex-dot{background:var(--muted);box-shadow:none}.ex-controls{display:flex;flex-wrap:wrap;gap:8px}.ex-controls .ic{width:15px;height:15px}
.ex-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.ex-filters button{font:600 .85rem/1.2 var(--f-text);color:var(--muted);padding:11px 16px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface)}.ex-filters button:hover{color:var(--ink);border-color:var(--line-3)}.ex-filters button[aria-pressed=true]{color:var(--ink);border-color:var(--sapphire);background:color-mix(in srgb,var(--sapphire) 14%,var(--surface))}
.ex-gallery-section{padding-top:24px}.ex-info{max-width:100ch;color:var(--muted);font-size:.82rem;line-height:1.6}.ex-feedback{min-height:20px;color:var(--muted);font-size:.8rem;margin:8px 0 15px}.ex-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.ex-card{min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.ex-card[hidden]{display:none}.ex-wide,.ex-content-card{grid-column:1/-1}.ex-card-header{display:flex;align-items:start;justify-content:space-between;gap:14px;padding:20px 22px 15px}.ex-card-header h3{font:650 1.02rem/1.45 var(--f-text);letter-spacing:-.015em;color:var(--ink)}.ex-size{display:block;color:var(--muted);font-size:.72rem;margin-top:5px}.ex-state{white-space:nowrap;font:500 .65rem/1.3 var(--f-text);color:var(--muted);border:1px solid var(--line);border-radius:var(--r-pill);padding:5px 8px}.ex-state.is-live{color:var(--emerald);border-color:color-mix(in srgb,var(--emerald) 24%,transparent);background:color-mix(in srgb,var(--emerald) 7%,transparent)}
.ex-stage{display:flex;align-items:center;justify-content:center;min-height:220px;padding:24px 16px;background:color-mix(in srgb,var(--bg) 66%,var(--surface));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ex-wide .ex-stage{min-height:150px;padding:26px 20px}.ex-tall .ex-stage{min-height:650px}.ex-content-card .ex-stage{min-height:190px}
.ex-creatives{width:100%;display:flex;align-items:center;justify-content:center}.ex-banner{display:block;position:relative;max-width:100%;width:100%;line-height:0;border:1px solid #ffffff12}.ex-banner img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain}.ex-ad-label{position:absolute;bottom:0;right:0;background:#ffffffed;color:#475569;font:500 9px/1.4 var(--f-text);padding:2px 5px}
.ex-ad{width:min(100%,700px);display:flex;align-items:center;gap:18px;padding:20px;background:#fff;color:#142136;border:1px solid #dbe3ee;border-radius:12px;text-decoration:none;box-shadow:0 4px 18px #0000000b}.ex-ad>img{width:96px;height:96px;flex:none;object-fit:contain;background:#fff;border-radius:10px}.ex-ad-content{min-width:0;display:flex;flex-direction:column;gap:8px}.ex-ad-content small{font:500 10px/1.4 var(--f-text);color:#65748a}.ex-ad-content strong{font:650 17px/1.4 var(--f-text);color:#142136;overflow-wrap:anywhere}.ex-ad-content>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:400 13px/1.5 var(--f-text);color:#53647b}.ex-ad:hover{border-color:#8ca7e1}.ex-kind-text .ex-ad{max-width:780px;border-radius:0;border-left:3px solid #6a8dff;background:#fff;padding:22px 26px}.ex-kind-text strong{text-decoration:underline;text-underline-offset:3px}
.ex-kind-teaser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:940px}.ex-kind-teaser .ex-ad{flex-direction:column;padding:18px;align-items:stretch;height:100%}.ex-kind-teaser .ex-ad>img{width:100%;height:140px}.ex-kind-teaser .ex-ad strong{font-size:15px}.ex-kind-teaser .ex-ad-content>span{-webkit-line-clamp:2}
.ex-kind-push .ex-ad,.ex-kind-webpush .ex-ad{max-width:360px;padding:16px;gap:12px}.ex-kind-push .ex-ad>img,.ex-kind-webpush .ex-ad>img{width:48px;height:48px}.ex-kind-push .ex-ad strong,.ex-kind-webpush .ex-ad strong{font-size:13px}.ex-kind-push .ex-ad-content>span,.ex-kind-webpush .ex-ad-content>span{font-size:11px;-webkit-line-clamp:2}.ex-kind-popunder .ex-ad{align-items:start;flex-direction:column}.ex-pop-cta{display:block;color:#355fc6;margin-top:5px;font:600 13px/1.4 var(--f-text)}
.ex-empty{max-width:320px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 8px}.ex-empty .ic{width:30px;height:30px;color:var(--muted)}.ex-empty b{font:550 .9rem/1.5 var(--f-text);color:var(--muted)}.ex-empty span{font-size:.75rem;color:var(--muted-2)}
.ex-format-note{padding:16px 22px 0;font-size:.76rem;line-height:1.55;color:var(--muted)}.ex-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 22px;color:var(--muted);font-size:.75rem}.ex-card-footer a{display:flex;align-items:center;gap:4px;color:var(--sapphire)}.ex-card-footer .ic{width:14px;height:14px}
.ex-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 0;margin-top:30px;border-top:1px solid var(--line)}.ex-cta p{margin-top:8px;color:var(--muted);font-size:.9rem}
.ex-page button:focus-visible,.ex-page a:focus-visible{outline:2px solid var(--sapphire);outline-offset:4px}
@media(max-width:1000px){.ex-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-heading{grid-template-columns:minmax(0,1fr) 220px;gap:24px}}
@media(max-width:680px){.ex-hero{padding-top:104px}.ex-heading{grid-template-columns:minmax(0,1fr)}.ex-region{padding:4px 0 4px 16px;gap:6px}.ex-toolbar{align-items:start;flex-direction:column;gap:14px;margin-top:24px}.ex-filters{gap:6px}.ex-filters button{padding:9px 12px;font-size:.77rem}.ex-gallery{grid-template-columns:minmax(0,1fr);gap:16px}.ex-card-header{padding:16px;flex-wrap:wrap}.ex-stage,.ex-wide .ex-stage{padding:20px 12px}.ex-card-footer{padding:15px 16px}.ex-kind-teaser{grid-template-columns:minmax(0,1fr)}.ex-kind-teaser .ex-ad{flex-direction:row;gap:12px}.ex-kind-teaser .ex-ad>img{width:72px;height:72px}.ex-ad{padding:16px;gap:12px}.ex-ad>img{width:64px;height:64px}.ex-ad strong{font-size:15px}.ex-cta{flex-direction:column;align-items:start}.ex-tall .ex-stage{min-height:0}.ex-tall .ex-banner{max-width:300px}.ex-info{font-size:.76rem}.ex-content-card .ex-stage{min-height:150px}}
@media(prefers-reduced-motion:reduce){.ex-page *{scroll-behavior:auto}}
.ex-format-group+.ex-format-group{margin-top:38px}.ex-format-group[hidden]{display:none}.ex-group-heading{display:flex;align-items:center;gap:20px;margin-bottom:18px}.ex-group-heading:after{content:"";height:1px;background:var(--line);flex:1}.ex-group-heading h2{font:650 1.22rem/1.4 var(--f-text);letter-spacing:-.015em;color:var(--ink)}.ex-gallery.ex-cols-two{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-group-mobile .ex-stage{min-height:150px}
@media(max-width:680px){.ex-format-group+.ex-format-group{margin-top:28px}.ex-group-heading{margin-bottom:14px;gap:14px}.ex-group-heading h2{font-size:1.05rem}.ex-gallery.ex-cols-two{grid-template-columns:minmax(0,1fr)}}