:root{--x-ink:#091b46;--x-blue:#1760ff;--x-ice:#eff8ff}
.x-case,.x-teaser{color:var(--x-ink)}.x-case *,.x-teaser *{box-sizing:border-box}.x-case h1,.x-case h2,.x-case h3,.x-teaser h2{letter-spacing:-.055em;line-height:1.06;margin:0;font-weight:850}.x-case h1{font-size:clamp(38px,5.7vw,80px)}.x-case h2{font-size:clamp(30px,3.8vw,54px)}.x-case p,.x-teaser p{line-height:1.85}.x-case em,.x-teaser em{font-style:normal;color:var(--x-blue)}.x-eyebrow{font-size:11px!important;line-height:1.5!important;font-weight:750;letter-spacing:.07em;text-transform:uppercase;display:flex;align-items:center;gap:9px;margin:0 0 22px!important}.x-eyebrow>span{width:7px;height:7px;background:#1760ff;box-shadow:0 0 0 4px #1760ff12;border-radius:50%;flex-shrink:0}.x-button{display:inline-flex;justify-content:center;align-items:center;text-align:center;background:var(--x-blue);color:#fff!important;border:0;border-radius:100px;padding:19px 27px;font:750 13px/1.5 Montserrat,sans-serif;text-decoration:none;box-shadow:0 8px 22px #1760ff25;transition:transform .3s,box-shadow .3s;cursor:pointer}.x-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1760ff40}.x-button:focus-visible,.x-case a:focus-visible,.x-case button:focus-visible,.x-teaser a:focus-visible{outline:3px solid #00a7d1;outline-offset:5px}.x-text-link{display:inline-block;color:var(--x-blue);font-weight:750;text-decoration:underline;text-underline-offset:6px}.x-teaser{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:6%;max-width:1280px;margin:100px auto 130px;padding:0 55px}.x-teaser h2{font-size:clamp(28px,3vw,43px)}.x-teaser-copy>p:not(.x-eyebrow){font-size:14px;max-width:410px;margin:20px 0 24px}.x-teaser-art{position:relative;display:block;min-width:0;height:310px;isolation:isolate;perspective:1000px}.x-teaser-screen{position:absolute;left:0;top:35px;width:87%;border-radius:20px;overflow:hidden;box-shadow:0 22px 50px #091b4620;background:#081735;transform:rotate(-3deg)}.x-teaser-screen video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.x-film-tag{position:absolute;left:14px;bottom:12px;display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:50px;background:#ffffffed;color:#091b46;font-size:9px;font-weight:800}.x-film-tag svg,.x-sound svg{width:16px;height:16px}.x-teaser-poster{position:absolute;right:0;bottom:0;width:32%;border:5px solid white;border-radius:15px;overflow:hidden;box-shadow:0 20px 40px #091b4624;transform:rotate(6deg);animation:x-float 7s ease-in-out infinite}.x-teaser-poster img{display:block;width:100%;height:auto}.x-client-stamp{position:absolute;right:9px;top:0;font-size:15px;letter-spacing:.04em;font-weight:850;color:#091b46}.x-client-stamp span{display:block;font-size:8px;text-transform:uppercase;text-align:right;font-weight:600;margin-top:4px;letter-spacing:.14em}.x-case{position:relative;z-index:2;padding:0 5%;max-width:1550px;margin:auto}.x-case-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;align-items:end;padding:65px 2% 55px}.x-back{display:inline-block;font-size:10px;color:#63718a;text-decoration:none;margin:0 0 35px}.x-intro-copy{padding-bottom:6px;font-size:14px;max-width:470px}.x-intro-copy p{margin:0 0 18px}.x-cinema{border-radius:32px;overflow:hidden;background:var(--x-ink);padding:36px;color:#fff}.x-cinema-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:0 0 28px}.x-cinema-top h2{font-size:clamp(25px,3vw,41px);color:white}.x-cinema-top .x-eyebrow{color:#65d5ef;margin-bottom:12px!important}.x-cinema-top>p{font-size:12px;line-height:1.8;max-width:340px;margin:0;color:#cfdbf0}.x-film-stage{position:relative;border-radius:16px;overflow:hidden;background:#060f22;aspect-ratio:16/9}.x-film-stage video{display:block;width:100%;height:100%;object-fit:contain}.x-sound{position:absolute;top:20px;right:20px;display:flex;gap:9px;align-items:center;border:1px solid #ffffff70;border-radius:60px;background:#fff;color:var(--x-ink);padding:12px 17px;font:750 11px Montserrat,sans-serif;cursor:pointer;box-shadow:0 5px 25px #0002}.x-sound[hidden]{display:none}.x-film-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 0}.x-film-choice{border:1px solid #ffffff25;background:transparent;border-radius:13px;padding:10px;color:#e1e8f7;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;font-family:Montserrat,sans-serif;transition:background .25s,border-color .25s}.x-film-choice[aria-pressed=true]{background:#fff;color:var(--x-ink);border-color:white}.x-film-choice:hover{border-color:#54cced}.x-film-choice img{width:76px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:7px}.x-film-choice small{font-size:8px;line-height:1.6;display:block;opacity:.75}.x-film-choice b{font-size:11px;line-height:1.5;display:block;margin-top:3px}.x-cinema-note{color:#b8c7df;font-size:10px;margin:15px 0 0}.x-story{max-width:980px;margin:110px auto 55px;text-align:center}.x-story .x-eyebrow{justify-content:center}.x-story-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left;margin:32px 0 0}.x-story-columns p{font-size:14px;margin:0}.x-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.x-poster{margin:0;min-width:0}.x-poster>a,.x-detail-image{display:block;position:relative;overflow:hidden;border-radius:18px;background:#e7eff5}.x-poster img{display:block;width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.x-poster a:hover img{transform:scale(1.025)}.x-enlarge{position:absolute;right:12px;bottom:12px;font-size:9px;font-weight:750;padding:9px 13px;border-radius:50px;background:#fff;color:#091b46;box-shadow:0 3px 12px #0002}.x-poster figcaption{padding:22px 4px 0}.x-poster small{font-size:9px;color:#667891}.x-poster h3{font-size:19px;letter-spacing:-.035em;margin:9px 0 10px}.x-poster p{font-size:12px;margin:0;color:#52627b}.x-detail{display:grid;grid-template-columns:1.5fr 1fr;gap:6%;align-items:center;margin:115px 0}.x-detail img{display:block;width:100%;height:auto}.x-detail h2{font-size:clamp(30px,3.3vw,45px)}.x-detail p:not(.x-eyebrow){font-size:13px;margin:22px 0 0}.x-craft{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid #dce5f2;padding:80px 2% 20px}.x-craft>div>p:not(.x-eyebrow){font-size:14px;max-width:400px;margin-top:26px}.x-craft dl{margin:0}.x-craft dl>div{border-bottom:1px solid #dce5f2;padding:0 0 22px;margin-bottom:25px}.x-craft dt{font-size:17px;letter-spacing:-.04em;font-weight:800}.x-craft dd{font-size:12px;line-height:1.85;margin:10px 0 0;color:#52627b}.x-case-cta{position:relative;overflow:hidden;text-align:center;background:var(--x-ice);border-radius:38px;padding:65px 25px;margin:75px 0 50px}.x-case-cta .x-eyebrow{justify-content:center}.x-case-cta>p:not(.x-eyebrow){font-size:14px;margin:24px auto;max-width:590px}.x-case-cta>small{display:block;font-size:10px;margin-top:17px;color:#52627b}.x-cta-symbol{color:#24cddd;font-size:40px;margin-bottom:20px;line-height:1}.x-image-dialog{border:0;background:#06122bf7;padding:45px 12px 12px;border-radius:18px;width:max-content;max-width:94vw;max-height:94dvh;overflow:auto}.x-image-dialog::backdrop{background:#030c20db;backdrop-filter:blur(8px)}.x-image-dialog>img{display:block;width:auto;max-width:87vw;height:auto;max-height:80dvh;object-fit:contain;margin:auto;border-radius:5px}.x-image-close{position:absolute;right:12px;top:8px;background:transparent;color:white;border:0;font:28px/1 sans-serif;padding:4px 10px;cursor:pointer}.x-case+.x-image-dialog~footer{margin-top:0}.x-reveal.is-ready{opacity:0;transform:translateY(24px);transition:opacity .7s var(--delay,0ms),transform .9s var(--delay,0ms)}.x-reveal.is-visible{opacity:1;transform:none}.x-nav-link{white-space:nowrap}
@keyframes x-float{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-9px) rotate(4deg)}}
@media(max-width:1000px){.x-teaser{padding:0 35px;gap:25px}.x-teaser-art{height:270px}.x-film-choice img{width:52px}.x-case-intro{gap:6%}.x-gallery{gap:18px}.x-cinema{padding:25px}.x-craft{gap:6%}}
@media(max-width:700px){.x-case{padding:0 18px}.x-case-intro{display:block;padding:34px 6px 35px}.x-back{margin-bottom:27px;font-size:9px}.x-case-intro h1{font-size:clamp(32px,8.7vw,48px)}.x-intro-copy{font-size:13px;margin-top:26px}.x-intro-copy p{margin-bottom:14px}.x-eyebrow{font-size:9px!important;margin-bottom:17px!important}.x-cinema{border-radius:23px;padding:20px 14px}.x-cinema-top{display:block;margin:0 6px 20px}.x-cinema-top h2{font-size:27px}.x-cinema-top>p{margin-top:16px;font-size:11px;max-width:none}.x-film-stage{border-radius:10px}.x-sound{top:10px;right:10px;padding:9px 12px;font-size:9px;gap:6px}.x-sound svg{width:13px;height:13px}.x-film-tabs{grid-template-columns:1fr;gap:8px;margin-top:14px}.x-film-choice{padding:9px;gap:13px;border-radius:11px}.x-film-choice img{width:76px}.x-film-choice b{font-size:11px}.x-film-choice small{font-size:8px}.x-cinema-note{font-size:9px;line-height:1.8!important}.x-story{margin:75px 6px 32px;text-align:left}.x-story .x-eyebrow{justify-content:flex-start}.x-story h2{font-size:30px}.x-story-columns{display:block;margin-top:25px}.x-story-columns p{font-size:13px;margin-top:15px}.x-gallery{grid-template-columns:1fr;gap:38px;padding:0 6px}.x-poster>a{border-radius:19px}.x-poster figcaption{padding:18px 3px 0}.x-poster h3{font-size:21px}.x-poster p{font-size:13px}.x-detail{display:flex;flex-direction:column;gap:28px;margin:75px 6px}.x-detail>div{width:100%}.x-detail h2{font-size:32px}.x-craft{display:block;padding:45px 6px 0}.x-craft h2{font-size:32px}.x-craft>div>p:not(.x-eyebrow){font-size:13px;margin-top:22px}.x-craft dl{margin-top:35px}.x-craft dt{font-size:18px}.x-craft dd{font-size:13px}.x-case-cta{margin:45px 0 25px;padding:40px 20px;border-radius:25px}.x-case-cta h2{font-size:30px}.x-case-cta>p:not(.x-eyebrow){font-size:12px}.x-button{font-size:11px;padding:17px 21px}.x-teaser{grid-template-columns:1fr;gap:25px;padding:0 30px;margin:70px auto 85px}.x-teaser h2{font-size:30px}.x-teaser-copy>p:not(.x-eyebrow){font-size:12px;margin:15px 0 20px}.x-teaser-art{height:230px;width:100%;max-width:440px;margin:auto}.x-teaser-screen{top:22px}.x-teaser-poster{width:31%;bottom:0}.x-client-stamp{font-size:12px;top:0}.x-film-tag{font-size:8px;bottom:8px;left:8px;padding:7px 9px}.x-teaser .x-eyebrow{font-size:8px!important}.x-teaser-copy .x-button{width:100%}}
@media(max-width:360px){.x-teaser{padding:0 24px}.x-teaser-art{height:200px}.x-case{padding:0 12px}.x-case h1{font-size:31px}.x-case h2{font-size:27px}.x-cinema{padding:18px 10px}.x-film-choice b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.x-teaser-poster{animation:none}.x-case *,.x-teaser *{transition:none!important;scroll-behavior:auto!important}.x-reveal.is-ready{opacity:1;transform:none}}
@media(min-width:1001px){.x-case h1{font-size:clamp(45px,4.45vw,64px)}.x-case-intro{grid-template-columns:1.65fr 1fr;gap:6%;padding-top:45px;padding-bottom:45px}}
@media(max-width:700px){.x-case-intro h1{font-size:clamp(27px,7.8vw,45px);line-height:1.12}.x-case-intro h1 em{margin-right:.05em}}
.x-hero-motion{perspective:1100px;--x-progress:0;--x-pointer-x:0deg;--x-pointer-y:0deg}.x-hero-motion .hero-phone{animation:none!important;transform-style:preserve-3d;box-shadow:inset 0 0 0 2px #fff9,9px 12px 0 -6px #7a8ba7,0 28px 32px -10px #06183f50;will-change:transform}.x-hero-motion .hero-phone-left{transform:translate3d(calc(var(--x-progress) * -17px),calc(var(--x-progress) * -22px),25px) rotateX(calc(7deg + var(--x-pointer-x))) rotateY(calc(13deg + var(--x-pointer-y))) rotateZ(calc(-10deg + var(--x-progress) * 7deg))}.x-hero-motion .hero-phone-right{transform:translate3d(calc(var(--x-progress) * 17px),calc(var(--x-progress) * 18px),35px) rotateX(calc(-4deg + var(--x-pointer-x))) rotateY(calc(-16deg + var(--x-pointer-y))) rotateZ(calc(10deg - var(--x-progress) * 7deg))}.x-hero-motion .hero-duo-wrap{transform:translate3d(-50%,calc(var(--x-progress) * -7px),65px);filter:drop-shadow(0 15px 12px #153c6120)}.x-hero-motion .hero-phone:after{content:'';position:absolute;inset:5px;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#fff6 0%,#fff0 27%,#fff0 70%,#fff3);z-index:3}.x-hero-motion .x-feed-window{overflow:hidden;position:relative;background:white}.hero-feed-track{will-change:transform}.x-hero-motion .phone-image .hero-feed-post>img{display:block;width:100%;height:auto;object-fit:contain}.hero-feed-post video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#091b46}.hero-feed-caption{padding:10px 8px 13px;color:#10204a;font-size:7px;line-height:1.7;background:white;border-bottom:1px solid #dae5f2}.hero-feed-caption b,.hero-feed-caption span{display:block}.hero-feed-caption span{font-size:6px;color:#60708c}.phone-client-badge{display:grid;place-items:center;background:#091b46;color:white;font-weight:900;border-radius:50%;width:20px;height:20px;flex-shrink:0}.x-hero-motion .hero-phone-screen{position:relative}.x-hero-motion .phone-actions{position:relative;background:white}.x-hero-motion .phone-caption{background:white;position:relative}@media(max-width:640px){.hero-feed-caption{padding:6px;font-size:5px}.hero-feed-caption span{font-size:4px}.phone-client-badge{width:14px;height:14px;font-size:7px}.x-hero-motion .hero-phone-left{left:4%}.x-hero-motion .hero-phone-right{right:4%}}@media(prefers-reduced-motion:reduce){.x-hero-motion .hero-phone-left{transform:rotate(-6deg)}.x-hero-motion .hero-phone-right{transform:rotate(6deg)}.x-hero-motion .hero-duo-wrap{transform:translateX(-50%)}.hero-feed-track{transform:none!important}}