.ad-formats{z-index:2;height:100svh;min-height:42rem;position:relative}.ad-formats__scene{isolation:isolate;background:radial-gradient(43% 61% at 50% 61%,#1f5d9140,#0000 72%),linear-gradient(#08121e33,#050c157a);height:100svh;min-height:42rem;position:sticky;top:0;overflow:clip}.ad-formats__scene:before,.ad-formats__scene:after{pointer-events:none;content:"";position:absolute}.ad-formats__scene:before{z-index:-3;opacity:.48;background-image:radial-gradient(circle at 12% 22%,#dbf4ffa6 0 .7px,#0000 1.2px),radial-gradient(circle at 83% 18%,#97daff7a 0 .65px,#0000 1.1px),radial-gradient(circle at 72% 73%,#c1e8ff5c 0 .65px,#0000 1.1px),radial-gradient(circle at 29% 81%,#d0f1ff66 0 .7px,#0000 1.15px);background-size:13.7rem 12.1rem,17.9rem 14.5rem,19.2rem 17.4rem,23.1rem 18.6rem;inset:0}.ad-formats__scene:after{z-index:-2;filter:blur(8px);background:radial-gradient(#2774b021,#0f32580d 47%,#0000 73%);width:min(68rem,88vw);height:min(48rem,72vh);top:9rem;left:50%;transform:translate(-50%)}.ad-formats__grid-field{--formats-grid-size:clamp(4.4rem, 5.75vw, 5.8rem);--formats-grid-center-offset:clamp(2.2rem, 2.875vw, 2.9rem);z-index:-1;background-color:#040f1b29;background-image:radial-gradient(at 50% 43%,#2f93d21c,#0000 59%),linear-gradient(#62b7e216 1px,#0000 1px),linear-gradient(90deg,#62b7e216 1px,#0000 1px);background-position:center, calc(50% + var(--formats-grid-center-offset)) calc(50% + var(--formats-grid-center-offset)), calc(50% + var(--formats-grid-center-offset)) calc(50% + var(--formats-grid-center-offset));background-size:100% 100%, var(--formats-grid-size) var(--formats-grid-size), var(--formats-grid-size) var(--formats-grid-size);opacity:.7;width:min(88rem,112vw);height:min(53rem,92vh);position:absolute;top:50svh;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(74% 70%,#000 12%,#000000db 45%,#0000004d 73%,#0000 100%);mask-image:radial-gradient(74% 70%,#000 12%,#000000db 45%,#0000004d 73%,#0000 100%)}.ad-formats__inner{width:min(100% - 2rem,62.75rem);margin-inline:auto;padding-top:max(7rem,50svh - 21.2rem)}.ad-formats__heading{z-index:2;text-align:center;position:relative}.ad-formats__heading h2{color:#eff6fc73;font-family:var(--font-howdybun);font-size:var(--site-howdybun-title-size);letter-spacing:-.02em;word-spacing:.08em;margin:0;font-weight:400;line-height:1.05;display:grid}.ad-formats__heading h2 span:last-child{color:#f9fcffe6;text-shadow:0 0 1.8rem #85c1ec1c}.ad-formats__cards{z-index:1;grid-template-columns:20.25rem minmax(0,1fr) 20.25rem;align-items:stretch;margin-top:2.65rem;display:grid;position:relative}.ad-formats__phone-slot{min-width:0}.format-card{-webkit-backdrop-filter:blur(20px)saturate(125%);background:linear-gradient(165deg,#111a28e0,#060c14f5 65%),#060a11fa;border:1px solid #68e7ff29;border-radius:1.25rem;flex-direction:column;min-height:23.5rem;transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 16px 40px -8px #0009,0 0 24px -8px #38bdf814}.format-card:hover{border-color:#68e7ff6b;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff26,0 24px 50px -10px #000000bf,0 0 35px -5px #38bdf838}.format-card__media{aspect-ratio:1.56;background:#03060b;border:1px solid #68e7ff2e;border-radius:.75rem;margin:1.15rem 1.15rem 0;position:relative;overflow:hidden;box-shadow:0 8px 24px -4px #00000080,inset 0 1px #ffffff0f}.format-card__media>video{object-fit:cover;filter:saturate(1.04)brightness(.96)contrast(1.04);width:100%;height:100%;transition:transform .4s;display:block}.format-card:hover .format-card__media>video{transform:scale(1.03)}.format-card__content{text-align:center;flex:1;padding:1.35rem 1.35rem 1.45rem}.format-card__badge{color:#38bdf8;letter-spacing:.06em;text-transform:uppercase;margin-inline:auto;background:#00e5ff1a;border:1px solid #00e5ff38;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;width:fit-content;margin-bottom:.65rem;padding:.18rem .55rem;font-size:.62rem;font-weight:700;display:flex}.format-card__badge-dot{background:#00e5ff;border-radius:50%;width:.32rem;height:.32rem;box-shadow:0 0 6px #00e5ff}.format-card h3{text-wrap:balance;color:#fff;letter-spacing:-.025em;margin:0;font-size:1.35rem;font-weight:700;line-height:1.2}.format-card p{color:#94a3b8;text-align:justify;text-align-last:center;text-justify:inter-word;-webkit-hyphens:manual;hyphens:manual;margin:.55rem 0 0;font-size:.85rem;line-height:1.6}.ad-formats__phone-target,.ad-formats__fallback-phone{aspect-ratio:1122/1402;pointer-events:none;width:min(34.5rem,52svh);position:absolute;top:max(15rem,50svh - 12.5rem);left:50%;translate:-50%}.ad-formats__phone-target{z-index:4;visibility:hidden}.ad-formats__fallback-phone{z-index:5;display:none}.ad-formats__fallback-stage{aspect-ratio:1122/1402;width:100%;position:relative}.ad-formats__fallback-frame{z-index:2;object-fit:contain;filter:drop-shadow(0 1.5rem 2rem #0006)}.ad-formats__fallback-screen{z-index:1;background:#071d30;border-radius:13% 13% 11% 11%;grid-template-rows:9% 34% 41% 16%;width:33.8%;height:56.35%;display:grid;position:absolute;top:11.65%;left:33.1%;overflow:hidden}.ad-formats__fallback-screen>img{z-index:1;object-fit:cover;width:100%!important;height:34%!important;top:9%!important}.ad-formats__fallback-time{z-index:2;color:#e7f6ffc2;align-self:center;padding-inline:.65rem;font-size:.4rem}.ad-formats__fallback-post{z-index:2;color:#e4eff9ad;background:#151f2d;align-content:center;gap:.35rem;padding:.55rem .62rem;font-size:.42rem;display:grid}.ad-formats__fallback-post strong{color:#f3f9ffdb;font-weight:500}.ad-formats__fallback-post span{color:#d4e2ef73}.ad-formats__fallback-controls{z-index:2;color:#eef9ffcc;background:#02080eb8;grid-template-columns:1.75rem 1fr;gap:.32rem;padding:.45rem .62rem .9rem;font-size:.42rem;display:grid}.ad-formats__fallback-controls span{border:1px solid #def3ff26;border-radius:999px;place-items:center;min-height:1.35rem;display:grid}.hero.formats-handoff-active{z-index:3;overflow:visible;clip-path:none!important}.hero.formats-handoff-active .hero__rail-viewport{overflow:clip}.hero.formats-handoff-active [data-hero-phone],.ad-formats__fallback-phone{z-index:8;-webkit-mask-image:linear-gradient(#000 0% 69%,#000000f5 75%,#000000ad 84%,#0000003d 93%,#0000 100%);mask-image:linear-gradient(#000 0% 69%,#000000f5 75%,#000000ad 84%,#0000003d 93%,#0000 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (min-width:768px) and (max-height:1100px){.ad-formats__phone-target,.ad-formats__fallback-phone{width:min(34.5rem,52svh)}}@media (min-width:768px) and (max-height:820px){.ad-formats__inner{padding-top:max(4.5rem,50svh - 16.5rem)}.ad-formats__heading h2{font-size:var(--site-howdybun-title-size)}.ad-formats__cards{margin-top:1.45rem}.ad-formats__phone-target,.ad-formats__fallback-phone{width:min(32rem,51svh);top:max(11rem,50svh - 9rem)}.format-card{min-height:21rem}.format-card__content{padding-top:2.4rem}}@media (min-width:768px) and (max-height:680px){.ad-formats__phone-target,.ad-formats__fallback-phone{width:min(30rem,53svh);top:max(9rem,50svh - 7.8rem)}}@media (max-width:767px){.ad-formats{height:auto;min-height:auto}.ad-formats__scene{height:auto;min-height:0;padding:7.5rem 0 5rem;position:relative;overflow:hidden}.ad-formats__inner{width:min(100% - 1.25rem,31rem);padding-top:0}.ad-formats__heading h2{font-size:var(--site-howdybun-title-size);text-wrap:balance}.ad-formats__cards{grid-template-columns:1fr;gap:1rem;margin-top:calc(2.5rem + min(38.75rem,56.25svh))}.ad-formats__phone-slot{display:none}.format-card{min-height:24rem}.format-card__content{padding-top:3rem}.ad-formats__phone-target{width:min(31rem,45svh);display:block;top:23.5rem;bottom:auto}.ad-formats__fallback-phone{display:none}}@media (prefers-reduced-motion:reduce){.ad-formats{height:100svh;min-height:42rem}.ad-formats__scene{position:relative}.ad-formats__fallback-phone{display:block}}@media (max-width:767px) and (prefers-reduced-motion:reduce){.ad-formats{height:auto;min-height:auto}.ad-formats__scene{height:auto;min-height:0}.ad-formats__cards{margin-top:2.5rem}.ad-formats__phone-target,.ad-formats__fallback-phone{display:none}}#main-content .format-card p{text-wrap:pretty}
