.trakto-dubai-head{padding-bottom:46px;background:radial-gradient(ellipse 60% 82% at 80% 18%,rgba(52,173,235,.28),transparent 72%)}.trakto-dubai-head h1{margin-bottom:22px;color:#f5fbff;font-size:clamp(52px,7.5vw,114px)}.trakto-dubai-head h1 em{color:#44b9f5}.trakto-dubai-head>p:last-child{max-width:460px;margin:0;color:#c2d9e7;font-size:16px;line-height:1.48}
.trakto-dubai-film{position:relative;margin:0 4.1vw;aspect-ratio:16/9;overflow:hidden;background:#229fe4;isolation:isolate}.trakto-dubai-video{display:block;width:100%;height:100%;object-fit:cover;opacity:.58;filter:saturate(.82) contrast(1.04);transition:opacity .5s,filter .5s}.trakto-dubai-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,26,49,.74),rgba(4,26,49,.08) 68%,rgba(4,26,49,.38)),linear-gradient(0deg,rgba(4,26,49,.42),transparent 52%);pointer-events:none;transition:opacity .4s}.trakto-dubai-play{position:absolute;z-index:1;left:clamp(24px,5vw,76px);bottom:clamp(24px,5vw,66px);display:flex;align-items:center;gap:16px;padding:9px 19px 9px 9px;border:1px solid rgba(236,252,255,.78);border-radius:99px;background:rgba(6,48,82,.58);color:#f3fcff;font:500 13px var(--font);text-align:left;cursor:pointer;backdrop-filter:blur(10px);transition:transform .25s,background .25s,color .25s}.trakto-dubai-play small{display:block;margin-bottom:3px;color:#bceeff;font:9px var(--mono);letter-spacing:.09em}.trakto-dubai-play .play-icon{background:#eafbff;color:#096196}.trakto-dubai-play:hover{background:#eafbff;color:#096196;transform:translateY(-4px)}.trakto-dubai-play:hover .play-icon{background:#096196;color:#eafbff;transform:scale(.9)}.trakto-dubai-film-label{position:absolute;right:22px;bottom:20px;margin:0;color:rgba(240,252,255,.74);font:9px var(--mono);letter-spacing:.08em}.trakto-dubai-film.is-playing .trakto-dubai-video{opacity:1;filter:none}.trakto-dubai-film.is-playing .trakto-dubai-film-shade,.trakto-dubai-film.is-playing .trakto-dubai-play,.trakto-dubai-film.is-playing .trakto-dubai-film-label{opacity:0;pointer-events:none}
.trakto-dubai-intro{display:grid;grid-template-columns:25% 1fr;gap:40px;padding:clamp(85px,11vw,150px) 16vw;background:#e9f7fb;color:#073758}.trakto-dubai-intro .case-label,.trakto-dubai-storyboard .case-label,.trakto-dubai-motion .case-label{color:#237ca8}.trakto-dubai-intro h2,.trakto-dubai-storyboard h2,.trakto-dubai-motion h2,.trakto-dubai-credits h2{margin:0 0 26px;font-size:clamp(38px,4.55vw,70px);line-height:.96;letter-spacing:-.048em;font-weight:600}.trakto-dubai-intro h2 em,.trakto-dubai-storyboard h2 em,.trakto-dubai-motion h2 em,.trakto-dubai-credits h2 em{font-family:var(--display);font-weight:600}.trakto-dubai-intro p{max-width:685px;margin:0;font-size:clamp(18px,1.8vw,25px);line-height:1.3;letter-spacing:-.025em}
.trakto-dubai-storyboard{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(40px,9vw,150px);align-items:center;padding:clamp(85px,10vw,140px) 8.4vw;background:#fdfdfc;color:#0d2c42}.trakto-dubai-storyboard .case-label{margin-bottom:25px}.trakto-dubai-storyboard h2{margin-bottom:26px}.trakto-dubai-storyboard p{max-width:440px;margin:0 0 35px;color:#4d6678;font-size:16px;line-height:1.55}.trakto-dubai-storyboard figure{margin:0;background:#eef4f5;display:flex;align-items:center;justify-content:center}.trakto-dubai-storyboard img{display:block;width:100%;height:auto;object-fit:contain}.trakto-dubai-details{display:flex;flex-direction:column;gap:8px;padding-top:15px;border-top:1px solid rgba(13,44,66,.18)}.trakto-dubai-details span{font:9px var(--mono);letter-spacing:.08em;color:#257ba4}.trakto-dubai-details strong{font-size:13px;line-height:1.45;font-weight:500}
.trakto-dubai-motion{padding:clamp(85px,10vw,140px) 8.4vw;background:#159ee0;color:#f5fdff}.trakto-dubai-motion .case-label{color:#d8f7ff}.trakto-dubai-motion-head{display:grid;grid-template-columns:.75fr 1.15fr .72fr;gap:30px;align-items:start;max-width:1240px;margin:0 auto 48px}.trakto-dubai-motion h2{margin:0}.trakto-dubai-motion p{margin:7px 0 0;max-width:330px;font-size:14px;line-height:1.55;color:#e2f8ff}.trakto-dubai-gifs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1240px;margin:0 auto}.trakto-dubai-gifs figure{margin:0;aspect-ratio:16/9;overflow:hidden;background:#f8fcff}.trakto-dubai-gifs img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.trakto-dubai-gifs figure:hover img{transform:scale(1.035)}
.trakto-dubai-credits{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,9vw,150px);padding:clamp(85px,10vw,140px) 14vw;background:#0c3153;color:#eaf8ff}.trakto-dubai-credits .case-label{color:#67d3fa;margin-bottom:25px}.trakto-dubai-credits h2{font-size:clamp(38px,4.25vw,66px)}.trakto-dubai-credits dl{align-self:center;margin:0}.trakto-dubai-credits dl div{display:grid;grid-template-columns:38% 1fr;gap:22px;padding:14px 0;border-top:1px solid rgba(218,245,255,.22)}.trakto-dubai-credits dl div:last-child{border-bottom:1px solid rgba(218,245,255,.22)}.trakto-dubai-credits dt{font:9px var(--mono);letter-spacing:.08em;color:#68cef3}.trakto-dubai-credits dd{margin:0;font-size:14px;line-height:1.4}
@media(max-width:720px){.trakto-dubai-head{padding-bottom:34px}.trakto-dubai-head h1{font-size:13vw}.trakto-dubai-head>p:last-child{font-size:13px}.trakto-dubai-film{margin:0;aspect-ratio:4/5}.trakto-dubai-video{object-position:center}.trakto-dubai-film-shade{background:linear-gradient(0deg,rgba(4,26,49,.68),rgba(4,26,49,.1) 72%)}.trakto-dubai-play{left:6vw;bottom:52px;font-size:12px}.trakto-dubai-film-label{right:auto;left:6vw;bottom:21px}.trakto-dubai-intro{grid-template-columns:1fr;gap:25px;padding:75px 6vw}.trakto-dubai-intro h2,.trakto-dubai-storyboard h2,.trakto-dubai-motion h2,.trakto-dubai-credits h2{font-size:11vw}.trakto-dubai-intro p{font-size:21px}.trakto-dubai-storyboard{grid-template-columns:1fr;gap:35px;padding:75px 6vw}.trakto-dubai-storyboard p{font-size:15px}.trakto-dubai-motion{padding:75px 6vw}.trakto-dubai-motion-head{display:block;margin-bottom:34px}.trakto-dubai-motion-head .case-label{display:block;margin-bottom:20px}.trakto-dubai-motion p{font-size:13px}.trakto-dubai-gifs{grid-template-columns:1fr;gap:9px}.trakto-dubai-credits{grid-template-columns:1fr;padding:75px 6vw}.trakto-dubai-credits dl div{grid-template-columns:1fr;gap:6px}}