/* New format and campaign stories, grounded in current Klooma app screens. */
.ad-format-showcase{padding:clamp(5rem,8vw,8rem) 6%;background:#0d0f13;color:#fff;overflow:hidden}
.ad-format-heading{max-width:1346px;margin:0 auto 2.2rem;display:grid;grid-template-columns:1.15fr .85fr;gap:1rem 4rem;align-items:end}
.ad-format-heading .section-number{grid-column:1/-1;color:#77cdd4;margin:0}
.ad-format-heading h2,.ad-story-split h2,.ad-launch-copy h2{font-size:clamp(3.7rem,6.5vw,7.3rem);line-height:.91;letter-spacing:-.065em;margin:0}
.ad-format-heading h2 span{color:#ed3661}.ad-format-heading>p:last-child{font-size:1.1rem;line-height:1.5;color:#c3c8d0;max-width:440px;margin:0 0 .4rem}
.ad-format-tabs{max-width:1346px;margin:0 auto 1.4rem;display:flex;justify-content:center;gap:.25rem}
.ad-format-tabs button{min-width:135px;border:1px solid #32343a;background:#24262b;color:#fff;padding:.85rem 1.5rem;font-weight:800;font-size:.95rem;transition:background .25s,color .25s,transform .25s}
.ad-format-tabs button:first-child{border-radius:100px 0 0 100px}.ad-format-tabs button:last-child{border-radius:0 100px 100px 0}
.ad-format-tabs button[aria-selected=true]{background:#fff;color:#11151b;border-color:#fff}.ad-format-tabs button:hover{transform:translateY(-2px)}
.ad-format-tabs button:focus-visible,.ad-outline-button:focus-visible,.ad-white-button:focus-visible{outline:3px solid #38b0bc;outline-offset:4px}
.ad-format-feature{max-width:1346px;min-height:545px;margin:0 auto;border-radius:16px;background:#202228;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;overflow:hidden;box-shadow:0 28px 60px #0004}
.ad-format-copy{padding:clamp(2rem,5vw,5.5rem);position:relative;z-index:2}.ad-format-copy>span{display:block;color:#8fd4d9;font-weight:850;letter-spacing:.14em;font-size:.62rem;margin-bottom:1.5rem}
.ad-format-copy h3{font-size:clamp(2.8rem,4.4vw,5.7rem);line-height:.95;letter-spacing:-.06em;margin:0 0 1.4rem;max-width:550px}.ad-format-copy p{color:#e0e3e8;font-size:clamp(.95rem,1.2vw,1.22rem);line-height:1.55;max-width:470px;margin:0 0 2rem}
.ad-outline-button,.ad-white-button{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;width:max-content;min-height:47px;padding:.85rem 1.3rem;border-radius:100px;font-weight:800;font-size:.83rem;text-decoration:none;transition:transform .25s,background .25s,color .25s}
.ad-outline-button{border:1px solid #fff;color:#fff}.ad-outline-button:hover{background:#fff;color:#11151b;transform:translateY(-2px)}.ad-white-button{background:#fff;color:#11151b}.ad-white-button:hover{background:#e9edf0;transform:translateY(-2px)}
.ad-format-copy small,.ad-launch-copy small{display:block;color:#aeb6c0;font-size:.68rem;line-height:1.45;margin-top:1.3rem}
.ad-format-art{height:545px;min-width:0;position:relative;isolation:isolate;--ad-scroll:0px}.ad-art-glow{position:absolute;inset:0;background:radial-gradient(circle at 46% 48%,#38b0bc35,transparent 45%),radial-gradient(circle at 64% 62%,#ed366135,transparent 52%);z-index:-1}
.ad-art-card{position:absolute;top:50%;width:clamp(166px,17vw,235px);aspect-ratio:390/844;border:4px solid #12151b;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 26px 55px #0009;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .3s;will-change:transform}
.ad-art-card img{display:block;width:100%;height:100%;object-fit:contain}.ad-art-card-left{left:8%;z-index:1;transform:translateY(calc(-44% + var(--ad-scroll))) rotate(-10deg)}.ad-art-card-right{right:8%;z-index:1;transform:translateY(calc(-42% - var(--ad-scroll))) rotate(10deg)}.ad-art-card-center{left:50%;z-index:3;transform:translate(-50%,calc(-49% - var(--ad-scroll)));width:clamp(190px,20vw,270px)}
.ad-format-feature:hover .ad-art-card-left{transform:translate(-10px,calc(-47% + var(--ad-scroll))) rotate(-13deg)}.ad-format-feature:hover .ad-art-card-right{transform:translate(10px,calc(-45% - var(--ad-scroll))) rotate(13deg)}.ad-format-feature:hover .ad-art-card-center{transform:translate(-50%,calc(-52% - var(--ad-scroll)))}
.ad-art-label{position:absolute;right:4%;bottom:1.7rem;z-index:5;color:#fff;font-size:.58rem;font-weight:850;letter-spacing:.13em}.ad-art-label b{color:#ed3661;font-size:1rem;margin-left:.4rem}
.ad-art-card-left,.ad-launch-tile-one{animation:ad-card-float 8s ease-in-out infinite}.ad-art-card-center,.ad-launch-tile-two{animation:ad-card-float 9s ease-in-out -2s infinite}.ad-art-card-right,.ad-launch-tile-three{animation:ad-card-float 10s ease-in-out -4s infinite}
@keyframes ad-card-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
.ad-format-feature.is-switching .ad-art-card{opacity:.45}.ad-format-feature.is-switching .ad-format-copy{opacity:.55}
.ad-story-split{background:#0d0f13;color:#fff;padding:clamp(4rem,7vw,7rem) 6%;border-top:1px solid #ffffff20}.ad-story-inner{max-width:1346px;margin:auto;display:grid;grid-template-columns:1fr .7fr;gap:3rem 8%;align-items:center}
.ad-story-split .section-number{color:#8bd2d8}.ad-story-split h2 span{font-weight:440;color:#fff}.ad-story-detail p{font-size:clamp(1.15rem,1.8vw,1.7rem);line-height:1.4;margin:0 0 2rem;color:#f0f1f3;max-width:540px}.ad-story-detail small{display:block;margin-top:1.2rem;color:#aeb7bf;font-size:.68rem}
.ad-launch-section{padding:clamp(4rem,7vw,7rem) 6%;background:#fff}.ad-launch-panel{max-width:1346px;min-height:575px;margin:auto;background:#202228;color:#fff;border-radius:17px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.ad-launch-art{height:575px;position:relative;overflow:hidden;--ad-scroll:0px;background:radial-gradient(circle at 45% 50%,#38b0bc20,transparent 52%)}.ad-launch-tile{position:absolute;width:clamp(180px,17vw,230px);aspect-ratio:390/844;top:50%;border:4px solid #101419;border-radius:17px;overflow:hidden;box-shadow:0 24px 55px #0009;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.ad-launch-tile img{width:100%;height:100%;object-fit:contain}.ad-launch-tile-one{left:-3%;transform:translateY(calc(-35% + var(--ad-scroll))) rotate(-12deg)}.ad-launch-tile-two{left:29%;z-index:2;transform:translateY(calc(-54% - var(--ad-scroll))) rotate(-1deg)}.ad-launch-tile-three{right:-7%;transform:translateY(calc(-36% + var(--ad-scroll))) rotate(10deg)}.ad-launch-panel:hover .ad-launch-tile-one{transform:translate(-8px,calc(-40% + var(--ad-scroll))) rotate(-15deg)}.ad-launch-panel:hover .ad-launch-tile-two{transform:translateY(calc(-57% - var(--ad-scroll))) rotate(0)}.ad-launch-panel:hover .ad-launch-tile-three{transform:translate(8px,calc(-40% + var(--ad-scroll))) rotate(13deg)}
.ad-launch-copy{padding:clamp(2rem,5vw,5rem) clamp(2rem,5vw,5rem) clamp(2rem,5vw,5rem) 1.5rem}.ad-launch-copy .section-number{color:#8bd2d8}.ad-launch-copy h2{font-size:clamp(3.3rem,5.2vw,6.1rem)}.ad-launch-copy h2 span{font-weight:440;color:#fff}.ad-launch-copy>p:not(.section-number){font-size:1rem;line-height:1.55;color:#d7dce1;max-width:450px;margin:1.6rem 0 1.7rem}
.js-motion .motion-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.js-motion .motion-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.ad-format-feature{grid-template-columns:1fr 1fr}.ad-art-card-left{left:0}.ad-art-card-right{right:0}.ad-launch-panel{grid-template-columns:.9fr 1.1fr}.ad-launch-tile{width:190px}.ad-launch-tile-two{left:23%}}
@media(max-width:740px){.ad-format-showcase,.ad-story-split,.ad-launch-section{padding:4.5rem 1.5rem}.ad-format-heading,.ad-story-inner{display:block}.ad-format-heading h2,.ad-story-split h2{font-size:clamp(3.4rem,11vw,5.5rem)}.ad-format-heading>p:last-child{font-size:.93rem;margin:1.2rem 0 0}.ad-format-tabs{margin-bottom:1rem}.ad-format-tabs button{min-width:0;flex:1;padding:.8rem .5rem;font-size:.79rem}.ad-format-feature{display:flex;flex-direction:column;min-height:0}.ad-format-copy{padding:2.2rem 1.6rem 0;width:100%}.ad-format-copy h3{font-size:clamp(2.7rem,10vw,4.2rem)}.ad-format-copy p{font-size:.94rem;margin-bottom:1.4rem}.ad-format-art{height:390px;width:100%;flex:none}.ad-art-card{width:170px;top:53%}.ad-art-card-center{width:190px}.ad-art-card-left{left:7%}.ad-art-card-right{right:7%}.ad-art-label{bottom:.7rem}.ad-story-detail{margin-top:2rem}.ad-story-detail p{font-size:1.1rem}.ad-launch-panel{display:flex;flex-direction:column}.ad-launch-art{height:340px;width:100%;flex:none}.ad-launch-tile{width:150px;top:53%}.ad-launch-tile-one{left:3%}.ad-launch-tile-two{left:31%}.ad-launch-tile-three{right:3%}.ad-launch-copy{padding:1.2rem 1.7rem 2.2rem;width:100%}.ad-launch-copy h2{font-size:clamp(3rem,10vw,4.8rem)}}
@media(max-width:420px){.ad-format-art{height:335px}.ad-art-card{width:142px}.ad-art-card-center{width:165px}.ad-art-card-left{left:3%}.ad-art-card-right{right:3%}.ad-launch-art{height:300px}.ad-launch-tile{width:130px}.ad-launch-tile-two{left:29%}}
@media(prefers-reduced-motion:reduce){.js-motion .motion-reveal{opacity:1;transform:none;transition:none}.ad-art-card,.ad-launch-tile,.ad-format-tabs button,.ad-white-button,.ad-outline-button{transition:none}.ad-art-card,.ad-launch-tile{animation:none}.ad-format-feature:hover .ad-art-card-left{transform:translateY(-44%) rotate(-10deg)}.ad-format-feature:hover .ad-art-card-right{transform:translateY(-42%) rotate(10deg)}.ad-format-feature:hover .ad-art-card-center{transform:translate(-50%,-49%)}}