.campaign-carousel{color:#061f2d;padding-block:30px 4px}.campaign-viewport{aspect-ratio:8/3;touch-action:pan-y;background:#edf1f3;border-radius:8px;position:relative;overflow:hidden;container-type:inline-size}.campaign-slide{opacity:0;visibility:hidden;pointer-events:none;position:absolute;inset:0}.campaign-slide[data-active=true]{opacity:1;visibility:visible;pointer-events:auto}.campaign-artwork{color:#061f2d;background:#edf1f3;width:100%;height:100%;position:relative;overflow:hidden}.campaign-artwork[data-text-color=light]{color:#f7fafc;background:#061f2d}.campaign-artwork picture,.campaign-artwork img{width:100%;height:100%;display:block}.campaign-artwork img{object-fit:cover}.campaign-artwork[data-image-fit=contain] img{object-fit:contain}.campaign-artwork[data-image-fit=contain][data-text-color=light]{background:#061f2d}.campaign-full-link{z-index:2;position:absolute;inset:0}.campaign-full-link:focus-visible{outline-offset:-4px;outline:3px solid #fff;box-shadow:inset 0 0 0 7px #1960e6}.campaign-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(12px,1.8cqw,24px);width:57%;padding:clamp(24px,4.2cqw,58px);display:flex;position:absolute;inset:0 auto 0 0}.campaign-copy h2{letter-spacing:-.055em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;font-size:clamp(28px,4.4cqw,62px);font-weight:650;line-height:1.08}.campaign-copy p{text-wrap:pretty;max-width:34ch;margin:0;font-size:clamp(13px,1.45cqw,18px);line-height:1.5}.campaign-copy .shop-button{color:#fff;background:#1960e6;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:12px 20px;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex}.campaign-copy .shop-button:hover{background:#124fc5}.campaign-controls{justify-content:space-between;align-items:center;gap:20px;padding-block:12px;display:flex}.campaign-indicators,.campaign-arrows{align-items:center;gap:5px;display:flex}.campaign-indicators button{cursor:pointer;background:0 0;border:0;place-items:center;min-width:40px;min-height:44px;display:grid}.campaign-indicators span{background:#c4d0d7;border-radius:4px;width:24px;height:3px}.campaign-indicators button[aria-pressed=true] span{background:#1960e6;width:36px}.campaign-control{color:#061f2d;cursor:pointer;background:#fff;border:1px solid #dce3e7;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.campaign-control:hover{background:#edf3f8;border-color:#a6bdd0}.campaign-carousel button:focus-visible,.campaign-carousel a:focus-visible{outline-offset:3px;outline:3px solid #1960e6}.banner-preview-canvas{aspect-ratio:8/3;background:#edf1f3;border-radius:8px;overflow:hidden;container-type:inline-size}.banner-preview-canvas .campaign-artwork{pointer-events:none}.banner-preview-canvas:not(.banner-preview-mobile) .campaign-copy{gap:1.8cqw;width:57%;padding:4.2cqw;inset:0 auto 0 0}.banner-preview-canvas:not(.banner-preview-mobile) .campaign-copy h2{font-size:4.4cqw}.banner-preview-canvas:not(.banner-preview-mobile) .campaign-copy p{font-size:1.45cqw}.banner-preview-canvas:not(.banner-preview-mobile) .shop-button{gap:1.4cqw;min-height:0;padding:1.1cqw 1.6cqw;font-size:1.2cqw}.banner-preview-canvas:not(.banner-preview-mobile) .shop-button svg{width:1.6cqw;height:1.6cqw}.banner-preview-mobile{aspect-ratio:3/4;max-width:340px;margin-inline:auto}.banner-preview-mobile .campaign-copy{gap:16px;width:100%;padding:24px;inset:0 0 auto}.banner-preview-mobile .campaign-copy h2{font-size:36px}.banner-preview-mobile .campaign-copy p{max-width:28ch;font-size:15px}.banner-preview-empty{text-align:center;color:#50636f;place-content:center;gap:12px;height:100%;padding:32px;display:grid}@media (prefers-reduced-motion:no-preference){.campaign-slide{transition:opacity .35s,visibility .35s}.campaign-indicators span{transition:width .2s,background .2s}}@media (width>=768px) and (width<=1023px){.campaign-viewport{aspect-ratio:2}}@media (width<=767px){.campaign-carousel{padding-top:18px}.campaign-viewport{aspect-ratio:3/4}.campaign-copy{gap:18px;width:100%;padding:28px 24px;inset:0 0 auto}.campaign-copy h2{font-size:clamp(26px,9cqw,52px)}.campaign-copy p{max-width:28ch;font-size:clamp(14px,4.5cqw,16px)}.campaign-controls{flex-wrap:wrap;gap:12px}.campaign-indicators{flex-wrap:wrap;gap:0;max-width:100%}.campaign-indicators button{min-width:44px}.campaign-indicators span{width:15px}.campaign-indicators button[aria-pressed=true] span{width:24px}.campaign-arrows{margin-left:auto}}
