.advert-callout{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(300px,.88fr) 1.12fr;gap:clamp(28px,5vw,64px);align-items:center;min-height:430px;margin-block:48px;padding:clamp(26px,4vw,52px);overflow:hidden;border-radius:26px;color:#fff;background:linear-gradient(125deg,#071b38 0%,#0b3970 58%,#075e54 145%);box-shadow:0 24px 64px rgba(7,27,56,.24)}
.advert-callout::before,.advert-callout::after{position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;content:"";filter:blur(4px);pointer-events:none}.advert-callout::before{top:-150px;right:-40px;background:rgba(255,183,77,.23)}.advert-callout::after{bottom:-190px;left:36%;background:rgba(15,203,180,.18)}
.advert-media{min-height:330px;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:#06162b;box-shadow:0 18px 42px rgba(0,0,0,.3)}.advert-media:empty{display:none}.advert-media img,.advert-media video{display:block;width:100%;height:100%;min-height:330px;object-fit:cover}
.advert-copy{position:relative;max-width:760px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.18)}.advert-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff5d9;background:rgba(0,0,0,.24);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.advert-copy h2{margin:.7rem 0 1rem;color:#fff;font:800 clamp(2rem,4vw,3.45rem)/1.06 Manrope,sans-serif;letter-spacing:-.035em}.advert-copy>p{max-width:68ch;margin:0;color:#eef6ff;font-size:clamp(1rem,1.4vw,1.13rem);font-weight:500;line-height:1.7}.advert-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 15px}.advert-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 18px;border:2px solid transparent;border-radius:12px;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.advert-action:hover{transform:translateY(-2px)}.advert-action:focus-visible{outline:3px solid #fff;outline-offset:3px}.advert-action-primary{color:#17210b;background:#ffbf47;box-shadow:0 10px 26px rgba(0,0,0,.24)}.advert-action-primary:hover{color:#17210b;background:#ffd071}.advert-action-secondary{border-color:rgba(255,255,255,.72);color:#fff;background:rgba(4,18,38,.48)}.advert-action-secondary:hover{color:#08233f;background:#fff}.advert-copy small{color:#d8e9fa;font-size:.85rem;font-weight:650}
.advert-callout:has(.advert-media:empty){grid-template-columns:1fr;background:linear-gradient(118deg,#062f48 0%,#075e54 58%,#0d6b60 100%)}.advert-callout:has(.advert-media:empty) .advert-copy{max-width:940px;margin-inline:auto;text-align:center}.advert-callout:has(.advert-media:empty) .advert-copy>p{margin-inline:auto}.advert-callout:has(.advert-media:empty) .advert-actions{justify-content:center}
@media(max-width:800px){.advert-callout{grid-template-columns:1fr;min-height:0;margin-block:28px;padding-bottom:76px}.advert-media,.advert-media img,.advert-media video{min-height:240px}.advert-actions>a{width:100%}}
@media(prefers-reduced-motion:reduce){.advert-action{transition:none}}