.ad-studio{--ad-ink:#211d28;--ad-paper:#f2e9de;background:var(--ad-paper);color:var(--ad-ink);padding:clamp(46px,7vw,104px) max(22px,6vw);isolation:isolate}
.ad-studio-inner{max-width:1370px;margin:auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(25px,6vw,96px);align-items:center}
.ad-studio h2{font:800 clamp(2.9rem,6.7vw,6.6rem)/.94 Syne,system-ui;letter-spacing:-.063em;margin:12px 0 20px;overflow-wrap:anywhere}
.ad-studio p{max-width:44ch;font-size:clamp(.94rem,1.45vw,1.18rem);line-height:1.54;margin:0 0 17px}
.ad-studio .ad-studio-kicker{color:#783c37;font-weight:750;font-size:.87rem}
.ad-studio .ad-studio-cta{display:inline-flex;align-items:center;min-height:48px;padding:10px 16px;margin:5px 0 12px;background:#272130;color:#fff7ef;text-decoration:none;font-weight:750}
.ad-studio .ad-studio-note{font-size:.82rem;color:#645663;margin:0}
.ad-studio-showcase{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:clamp(8px,1.6vw,20px);color:#f7e9e4;background:radial-gradient(ellipse at 65% 32%,#533745 0,#2a2436 68%);border:1px solid #65576a}
.ad-studio-showcase input{position:absolute;inline-size:1px;block-size:1px;opacity:0}
.ad-studio-showcase label{display:grid;place-items:center;min-height:43px;padding:4px;border:1px solid #a0899b;font-size:.78rem;font-weight:750;cursor:pointer;text-align:center;overflow-wrap:anywhere}
.ad-studio-showcase input:checked+label{background:#f4c0ae;color:#271d2b;border-color:#f4c0ae}
.ad-studio-showcase input:focus-visible+label,.ad-studio a:focus-visible{outline:3px solid #a64e41;outline-offset:2px}
.ad-studio-showcase figure{display:none;grid-column:1/-1;margin:3px 0 0;min-width:0}
.ad-studio-showcase img{display:block;width:100%;height:clamp(220px,34vw,428px);object-fit:contain}
.ad-studio-showcase figcaption{font-size:.72rem;color:#e7cdd6;margin:9px 0 2px;text-align:center}
.ad-studio-showcase #ad-post:checked~.ad-example-post,.ad-studio-showcase #ad-story:checked~.ad-example-story,.ad-studio-showcase #ad-landscape:checked~.ad-example-landscape{display:block}
@media(max-width:760px){.ad-studio-inner{grid-template-columns:1fr}.ad-studio-showcase img{height:clamp(205px,62vw,360px)}}