.ad-story{--accent:#c32518}.ad-intro{padding:28px 0 42px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px 55px;align-items:end}.ad-intro .story-kicker{grid-column:1/-1}.ad-story .ad-intro h1{font-size:clamp(48px,6.6vw,94px);line-height:.98;font-weight:600;margin:0}.ad-intro .story-lead{font-size:22px;margin:0}.ad-slider{position:relative;margin-bottom:55px}.ad-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:24px;background:#ddd}.ad-track::-webkit-scrollbar{display:none}.ad-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start}.ad-slide img{display:block;width:100%;height:auto;aspect-ratio:1265/712;object-fit:contain;background:#fff;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.ad-slide figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px;background:var(--ink);color:var(--paper);font-size:18px}.ad-slide figcaption span{font-size:11px;letter-spacing:.14em}.ad-controls{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:15px}.ad-controls[hidden]{display:none}.ad-controls button{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:var(--ink);color:var(--paper);font-size:24px;cursor:pointer}.ad-controls button:hover{background:var(--accent);color:#fff}.ad-count{font-size:14px;font-variant-numeric:tabular-nums}.ad-story :focus-visible{outline:3px solid var(--accent);outline-offset:4px}.ad-examples{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:60px 0}.ad-examples figure{min-width:0;margin:0}.ad-examples img{width:100%;height:auto;display:block;border-radius:14px;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.ad-examples figcaption{padding:25px 0}.ad-examples figcaption span{font-size:11px;letter-spacing:.14em;color:var(--muted)}.ad-examples h2{font-size:28px;margin:15px 0}.ad-examples p{font-size:17px;line-height:1.7}.ad-article{display:grid;grid-template-columns:220px minmax(0,760px);gap:45px;border-top:1px solid var(--line);padding:65px 0}.ad-article-label{font-size:12px;letter-spacing:.12em;color:var(--accent)}.ad-article-label span{display:block;color:var(--muted);letter-spacing:0;margin-top:10px}.ad-article h2{font-size:38px}.ad-article h3{font-size:26px;margin-top:34px}.ad-article ul,.ad-article ol{padding-left:25px;margin-bottom:25px}.ad-source{font-size:14px;border-top:1px solid var(--line);padding-top:20px}.ad-story .story-end>p:first-child{font-size:13px;color:var(--muted)}
.ad-gemini{--paper:#edf0e8;--accent:#3c5d48}.ad-gemini .ad-intro h1{font-weight:400}.ad-gemini .ad-slider{padding:14px;border:1px solid #bcc8b6;border-radius:30px;background:#d9e2d0}.ad-gemini .ad-examples figure{background:#fff;border-radius:22px;padding:18px}.ad-gemini .ad-examples figcaption{padding:24px 12px 0}.ad-gemini .ad-article-label{border-top:4px solid var(--accent);padding-top:18px}
.ad-conversation{--paper:#f1eee7;--accent:#815344}.ad-conversation .ad-intro{grid-template-columns:1fr 1fr}.ad-conversation .ad-intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(45px,5.8vw,80px)}.ad-conversation .story-lead{padding:28px;background:#fff;border-radius:26px 26px 3px 26px}.ad-conversation .ad-track{border-radius:4px}.ad-conversation .ad-examples{gap:60px}.ad-conversation .ad-examples figure:nth-child(2){padding-top:65px}.ad-conversation .ad-article{background:#fff;padding:45px;border-radius:28px;border:0;grid-template-columns:150px 1fr}
.ad-studio{--paper:#202c31;--ink:#f2f4eb;--muted:#b8cbc9;--line:#50666b;--accent:#bce4c7}.ad-studio .story-kicker{color:#bce4c7}.ad-studio .ad-intro h1{font-size:clamp(58px,8vw,112px);text-transform:uppercase;letter-spacing:-.06em}.ad-studio .ad-track{border-radius:0}.ad-studio .ad-slide figcaption{background:#bce4c7;color:#202c31}.ad-studio .ad-examples figure{border-top:1px solid #bce4c7;padding-top:25px}.ad-studio .ad-article h2{font-family:Georgia,serif;font-weight:400}.ad-studio a:hover{color:#bce4c7}
.ad-search{--paper:#fff;--accent:#c32518}.ad-search .ad-intro{grid-template-columns:1fr 1.1fr}.ad-search .ad-intro h1{font-weight:800}.ad-search .ad-slider{max-width:1040px;margin-inline:auto}.ad-search .ad-track{border-radius:16px;border:1px solid #ddd}.ad-search .ad-examples{grid-template-columns:1fr;gap:40px}.ad-search .ad-examples figure{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center}.ad-search .ad-examples figure:nth-child(2) img{order:2}.ad-search .ad-article{border-top:5px solid #c32518}
.ad-budget{--paper:#e9e7e0;--accent:#6d742f}.ad-budget .ad-intro{display:block;text-align:center}.ad-budget .ad-intro h1{font-size:clamp(60px,8vw,110px)}.ad-budget .story-lead{max-width:780px;margin:25px auto 0}.ad-budget .ad-slider{padding:20px;background:#fff;border-radius:30px}.ad-budget .ad-examples{gap:18px}.ad-budget .ad-examples figure{background:#dce3ba;padding:24px;border-radius:25px}.ad-budget .ad-examples figure:nth-child(2){background:#e7c9b8}.ad-budget .ad-article{grid-template-columns:1fr;gap:25px;max-width:850px;margin:auto}.ad-budget .ad-article-label{border-bottom:1px solid var(--line);padding-bottom:15px}.ad-budget .ad-article-label span{display:inline;margin-left:25px}
@media(max-width:800px){.ad-intro,.ad-conversation .ad-intro,.ad-search .ad-intro{grid-template-columns:1fr;gap:25px}.ad-examples{grid-template-columns:1fr}.ad-conversation .ad-examples figure:nth-child(2){padding-top:0}.ad-article,.ad-conversation .ad-article{grid-template-columns:1fr;gap:25px}.ad-search .ad-examples figure{grid-template-columns:1fr;gap:10px}.ad-search .ad-examples figure:nth-child(2) img{order:0}.ad-conversation .ad-article{padding:28px}.ad-slide figcaption{padding:16px}.ad-article{padding-block:40px}}
@media(max-width:480px){.ad-intro .story-lead{font-size:19px}.ad-story .ad-intro h1{font-size:46px}.ad-budget .ad-intro h1,.ad-studio .ad-intro h1{font-size:56px}.ad-slider{margin-bottom:30px}.ad-gemini .ad-slider,.ad-budget .ad-slider{padding:8px;border-radius:18px}.ad-slide figcaption{font-size:15px}.ad-slide figcaption span{font-size:9px}.ad-examples{margin-block:38px}.ad-article h2{font-size:31px}.ad-budget .ad-examples figure{padding:16px}.ad-conversation .story-lead{padding:22px}.ad-conversation .ad-article{padding:22px}}
@media(max-width:480px){.ad-controls{justify-content:center;}}
