/* OTW: cinematic charcoal, silver typography and focused cobalt accents. */
body.studio-experience{--ink:#f4f5f7;--muted:#adb5c5;--line:#ffffff20;background:#080b12;color:#f4f5f7;line-height:1.85}
.studio-experience .scroll-atmosphere{background:#080b12}
.studio-experience .header{background:#0c101beF;color:#f3f5fa;--ink:#f3f5fa;border:1px solid #ffffff1b;box-shadow:0 12px 35px #0002;border-radius:18px;position:sticky;top:12px;margin:12px auto 0;width:calc(100% - 48px);max-width:1280px;min-height:76px;padding:13px 24px;z-index:50;backdrop-filter:blur(18px)}
.studio-experience .header .brand img{width:115px}.studio-experience .header nav a{font-size:14px;padding:9px 11px;color:#c3cad9}.studio-experience .header nav a[aria-current=page]{background:#ffffff0d;color:#fff}.studio-experience .header .language{color:#e5e9f5}.studio-experience .header .primary{background:#2448ef;color:#fff;border:1px solid #6d87ff}
.studio-experience .button{border-radius:999px;min-height:48px;font-size:15px;padding:12px 25px}.studio-experience .primary{background:#2448ef;color:#fff;box-shadow:0 4px 25px #2448ef20}.studio-experience .button:hover{filter:brightness(1.15)}
.studio-hero{position:relative;isolation:isolate;min-height:830px;height:calc(100svh - 85px);max-height:1120px;margin-top:-88px;padding:155px 6% 50px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}
.studio-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%;z-index:-2;animation:scene-in 1.5s ease-out both}
.studio-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#080b1266,transparent 55%,#080b12)}
.studio-hero-copy{max-width:850px;animation:copy-in .8s ease-out both}.studio-kicker{font-size:13px;letter-spacing:.1em;color:#abbce9;display:inline-block;padding:6px 14px;border:1px solid #7f9ad23b;border-radius:999px;background:#121c3390}
.studio-experience .studio-hero h1{font-size:clamp(54px,6vw,88px);line-height:1.35;letter-spacing:-1px;font-weight:600;margin:24px 0 18px;color:#fff}.studio-hero h1 span{color:#96acff}.studio-hero p{font-size:18px;color:#d3daeb;line-height:1.8;margin:0 auto;max-width:600px}
.studio-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:28px}.studio-secondary{font-size:15px;color:#f0f3ff;text-decoration:underline;text-underline-offset:7px;padding:12px}.studio-hero-foot{display:flex;justify-content:space-between;gap:30px;width:100%;max-width:1160px;color:#aebad5;font-size:12px;letter-spacing:.08em;padding-top:30px}
html[lang=en] .studio-experience .studio-hero h1{font-size:clamp(60px,7vw,98px);line-height:1.05;letter-spacing:-5px}
.studio-experience .section{max-width:1240px;padding:85px 5.5%}.studio-experience h2{font-size:clamp(32px,3.6vw,48px);line-height:1.4;font-weight:500;letter-spacing:-.5px}.studio-experience .eyebrow{font-size:13px;color:#a7b8eb;letter-spacing:.035em}.studio-experience .section-heading{margin-bottom:44px}.studio-experience .section-heading>p{color:#aeb9cd}.studio-experience .blue,.studio-experience .text-link{color:#a7baff}
.studio-experience .services{background:transparent;border:0;margin:0 auto;border-radius:0}.studio-experience .visual-services{display:flex;flex-direction:column;gap:18px}.studio-experience .visual-service{display:grid;grid-template-columns:.8fr 1.2fr;background:linear-gradient(135deg,#141b2a,#0f141f);border:1px solid #ffffff17;border-radius:20px;overflow:hidden;--ink:#f2f4fa;color:#f2f4fa;min-height:300px}
.studio-experience .visual-service:nth-child(2){background:linear-gradient(135deg,#161e32,#101620)}.studio-experience .visual-service:nth-child(3){background:linear-gradient(135deg,#191c2c,#11141f)}
.studio-experience .service-art{position:relative;padding:22px;display:grid;place-items:center;background:radial-gradient(ellipse,#294a9535,transparent 70%);min-height:280px}.studio-experience .service-art .post-crop{width:100%;max-width:310px;mix-blend-mode:normal;border-radius:12px;transition:transform .5s ease}.studio-experience .visual-service:hover .post-crop{transform:translateY(-6px)}.studio-experience .service-index{display:block;position:absolute;top:20px;inset-inline-start:22px;color:#8799c7;font-size:13px}
.studio-experience .studio-service-copy{padding:36px 40px;display:flex;flex-direction:column;justify-content:center}.studio-experience .service-card-copy h3{font-size:30px;font-weight:500;color:#f4f6ff;line-height:1.5;margin:8px 0 12px}.studio-experience .service-card-copy p{color:#bac4d8;font-size:17px;max-width:52ch;margin:0 0 16px}.service-fit{font-size:13px;color:#9eafd5;line-height:1.8}.service-includes{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 22px;padding:0}.service-includes li{font-size:13px;color:#c8d1e5;padding:6px 10px;border:1px solid #ffffff1a;border-radius:6px}.studio-experience .discover{color:#a7bdff;font-size:14px;font-weight:600;margin-top:8px}
.studio-experience .qatar{background:transparent;border-top:1px solid #ffffff17}.studio-experience .audience-card{background:#111824;border:1px solid #ffffff15;box-shadow:none;border-radius:14px}.studio-experience .audience-card h3{color:#f2f5ff}.studio-experience .audience-card p{color:#b7c2d8}
.studio-experience .process{background:#101621;border:1px solid #ffffff14;border-radius:22px;color:#eef2fc;--line:#ffffff24;--muted:#b7c2d7;margin:20px auto}.studio-experience .process .blue,.studio-experience .step-no{color:#91a9ff}.studio-experience .steps h3{font-size:22px;color:#f0f4ff}.studio-experience .steps p{color:#b7c2d7;font-size:16px}
.studio-experience .project{background:transparent;border:0;gap:50px}.studio-experience .brief-form{background:#121a29;border:1px solid #ffffff1d;border-radius:18px;color:#eef2fa;--ink:#edf2fc;--muted:#b7c2d7;padding:30px}.studio-experience .choice span{background:#1b263b;color:#d5dff3;border-color:#3a4967}.studio-experience .choice input:checked+span{background:#2448ef;color:#fff;border-color:#8299ff}.studio-experience .brief-form .blue{color:#a8bfff}.studio-experience .brief-form label,.studio-experience .brief-form legend{color:#e1e8f8}.studio-experience .form-note{color:#a9b8d0}
.studio-experience .faq{border-top:1px solid #ffffff15}.studio-experience .faq-list details{padding:25px 0}.studio-experience .faq-list summary{font-weight:500;font-size:18px}.studio-experience .faq-list p{font-size:16px;color:#bbc6da}
.studio-experience .contact,.studio-experience .page-cta{background:radial-gradient(ellipse at 50% 120%,#2448ef55,transparent 70%),#101827;border:1px solid #ffffff1a;border-radius:22px;max-width:1160px;margin:30px auto 65px;color:#f2f5ff}.studio-experience .page-cta h2,.studio-experience .contact h2{font-size:clamp(32px,4vw,52px);font-weight:500}.studio-experience .white{background:#e9eefb;color:#203662}
.studio-experience .page-hero{padding-top:60px;padding-bottom:65px;gap:50px}.studio-experience .page-hero h1{font-size:clamp(40px,4.7vw,66px);font-weight:500;line-height:1.4}.studio-experience .text-hero{max-width:1000px;text-align:center}.studio-experience .page-hero p{color:#bac6dc;font-size:18px;max-width:58ch}.studio-experience .page-hero .photo-frame{border-radius:20px;border-color:#ffffff1a}.studio-experience .breadcrumbs{font-size:13px;color:#93a4c3;padding-top:30px}
.studio-experience .about-story{max-width:900px;text-align:start}.studio-experience .about-story p{color:#c3cde0}.studio-experience .values-grid article{background:#131c2b;border:1px solid #ffffff18;border-radius:16px}.studio-experience .values-grid h2{font-size:26px}.studio-experience .values-grid p{color:#b8c5da}.studio-experience .scope-note{background:#161f31;color:#f1f4fc}.studio-experience .scope-note p{color:#b8c5da}
.studio-experience .blog-card,.studio-experience .concept-card{background:#131b29;border:1px solid #ffffff18;border-radius:18px;color:#eef2fa;--ink:#eef2fa}.studio-experience .blog-card h2,.studio-experience .concept-card h2{color:#f0f4fc;font-size:26px;line-height:1.5}.studio-experience .blog-card p,.studio-experience .concept-copy p{color:#b5c2d8}.studio-experience .blog-card .blue,.studio-experience .concept-card .text-link{color:#9db5fc}.studio-experience .concept-label{color:#afbdd5}
.studio-experience .article-body,.studio-experience .detail-body{background:#e7ecf4;color:#172337;max-width:920px;border-radius:18px;padding:42px 48px}.studio-experience .article-body p,.studio-experience .detail-body p{color:#3c4b63;line-height:1.95}.studio-experience .article-body h2,.studio-experience .detail-body h2{font-size:29px;color:#182942}
.studio-experience .contact-layout input,.studio-experience .contact-layout select,.studio-experience .contact-layout textarea{background:#edf1f8;color:#14233a;border:1px solid #b9c5da;border-radius:8px}.studio-experience .contact-direct{color:#adbeff}
.studio-experience .site-footer{background:#080b12;border-top:1px solid #ffffff20;padding-top:55px;overflow:hidden}.studio-experience .footer-top{align-items:center}.studio-experience .site-footer nav a{color:#c1cce0}.studio-signature{font:600 clamp(50px,12.5vw,180px)/1.15 Manrope,sans-serif;letter-spacing:-.065em;direction:ltr;color:#ffffff12;white-space:nowrap;margin-top:45px;text-align:center}.studio-experience .page-depth-repeat .web-depth-object:nth-child(n){opacity:.035;max-width:260px}.studio-experience .motion-toggle{background:#172137;border-color:#ffffff20}
@keyframes copy-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes scene-in{from{opacity:.6;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
.motion-paused .studio-scene,.motion-paused .studio-hero-copy{animation:none!important}
@media(max-width:1000px){.studio-experience .header{padding-inline:18px}.studio-experience .header nav a{padding-inline:7px}.studio-experience .visual-service{grid-template-columns:.8fr 1.2fr}.studio-experience .studio-service-copy{padding:28px}}
@media(max-width:900px){.studio-experience .header nav{background:#111827;border:1px solid #ffffff25;border-radius:16px;top:calc(100% + 8px);padding:18px}.studio-experience .menu-toggle{color:#e4ecff;border-color:#ffffff35}.studio-experience .header nav a{color:#d7e1f5;padding:12px}.studio-hero{padding-top:145px;min-height:820px}.studio-scene{object-position:center bottom}}
@media(max-width:700px){.studio-experience .header{top:8px;width:calc(100% - 24px);margin-top:8px;min-height:66px;padding:10px 15px;border-radius:14px}.studio-experience .header .brand img{width:90px}.studio-hero{margin-top:-74px;min-height:780px;height:calc(100svh - 10px);padding:128px 6% 30px}.studio-experience .studio-hero h1{font-size:52px;line-height:1.35;margin-block:20px 14px}.studio-hero p{font-size:16px;line-height:1.9}.studio-scene{object-fit:cover;object-position:center bottom}.studio-actions{gap:10px;flex-wrap:wrap;margin-top:24px}.studio-actions .button{font-size:14px}.studio-kicker{font-size:12px}.studio-hero-foot{gap:12px;flex-wrap:wrap;justify-content:center;font-size:11px}.studio-experience .section{padding:50px 6%}.studio-experience h2{font-size:31px}.studio-experience .section-heading{margin-bottom:28px}.studio-experience .visual-service{grid-template-columns:1fr}.studio-experience .service-art{min-height:190px;padding:18px}.studio-experience .service-art .post-crop{max-width:230px}.studio-experience .studio-service-copy{padding:24px}.studio-experience .service-card-copy h3{font-size:26px}.studio-experience .service-card-copy p{font-size:16px}.studio-experience .process{margin-inline:4%;padding-inline:6%}.studio-experience .steps{grid-template-columns:1fr;gap:25px}.studio-experience .steps h3{margin-top:8px}.studio-experience .page-cta,.studio-experience .contact{margin-inline:4%;padding:35px 7%}.studio-experience .text-hero{text-align:start}.studio-experience .page-hero h1{font-size:37px}.studio-experience .brief-form{padding:22px}.studio-experience .article-body,.studio-experience .detail-body{padding:28px 24px}.studio-experience .footer-top{align-items:start}.studio-experience .project{gap:26px}html[lang=en] .studio-experience .studio-hero h1{font-size:60px;letter-spacing:-3px}}
@media(prefers-reduced-motion:reduce){.studio-scene,.studio-hero-copy{animation:none!important}.studio-experience .visual-service:hover .post-crop{transform:none}}
/* Restrained luminous controls inspired by the additional reference. */
.studio-experience .header nav{border-radius:999px;background:#ffffff04;padding:3px}
.studio-experience .primary{background:linear-gradient(110deg,#2448ef,#4548d9);border:1px solid #91a3ff40;box-shadow:0 4px 24px #2448ef25}
.studio-secondary{background:#ffffff0b;border:1px solid #ffffff20;border-radius:999px;text-decoration:none;padding:12px 24px}
.studio-hero:after{background:radial-gradient(ellipse at 85% 75%,#46389415,transparent 45%),linear-gradient(#080b1280,transparent 58%,#080b12)}
@media(max-width:900px){.studio-experience .header nav{border-radius:16px;background:#111827;padding:18px}}
/* Vertical light hero: adapted free Kokonut beams in OTW cobalt. */
.studio-hero{background:#04060c;min-height:760px;height:calc(100svh - 12px);max-height:1050px;padding-top:150px;padding-bottom:35px;justify-content:center;gap:40px}
.otw-beams{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2}
.studio-hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 108%,#2448ef80 0,#2448ef20 20%,transparent 50%)}
.studio-hero:after{background:radial-gradient(ellipse at 50% 45%,#04060cd9 0,#04060c70 32%,transparent 65%),linear-gradient(transparent 85%,#080b12)}
.studio-experience .studio-hero h1{font-size:clamp(54px,6vw,84px);line-height:1.3;font-weight:500;margin:26px 0 22px}
.studio-experience .studio-hero h1 span{color:#a8bbff}.studio-kicker{background:#ffffff09;border-color:#ffffff1c;color:#c7d3ed}
.studio-hero-copy{max-width:950px}.studio-hero-foot{position:absolute;bottom:30px;inset-inline:6%;width:auto;font-size:12px}.studio-actions{margin-top:32px}
html[lang=en] .studio-experience .studio-hero h1 span{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-3px}
@media(max-width:700px){.studio-hero{min-height:690px;max-height:none;height:100svh;padding:120px 6% 100px}.studio-experience .studio-hero h1{font-size:50px;line-height:1.4}.studio-hero-foot{bottom:25px;font-size:11px}.studio-hero p{font-size:16px}.studio-actions{gap:12px}.studio-actions .button,.studio-secondary{font-size:14px;padding:12px 20px}}
/* White reading surfaces balance the dark cinematic introduction. */
.studio-experience .services,.studio-experience .process{background:#fff;color:#172239;--ink:#172239;--muted:#536079;--line:#dce2ed;border:1px solid #e3e8f1;border-radius:24px;margin:36px auto;padding:64px 5%}
.studio-experience .services h2,.studio-experience .process h2,.studio-experience .process .steps h3{color:#172239}
.studio-experience .services .blue,.studio-experience .services .text-link,.studio-experience .process .blue,.studio-experience .process .step-no{color:#2448cf}
.studio-experience .services .visual-service{background:#f5f7fc;border-color:#dde4f0;color:#172239}
.studio-experience .services .service-card-copy h3{color:#172239}.studio-experience .services .service-card-copy p,.studio-experience .process .steps p{color:#4a5872}
.studio-experience .services .service-fit{color:#516387}.studio-experience .services .service-includes li{color:#3e527a;border-color:#d7dfef;background:#fff}.studio-experience .services .discover{color:#2448cf}.studio-experience .services .service-index{color:#536da7}
.studio-experience .services .service-art{background:radial-gradient(ellipse,#2448ef12,transparent 70%)}
.studio-experience .about-story{background:#fff;color:#172239;border-radius:22px;padding:48px;margin-block:30px}.studio-experience .about-story h2{color:#172239}.studio-experience .about-story p{color:#495970}.studio-experience .about-story .blue{color:#2448cf}
.studio-experience .blog-card{background:#fff;color:#172239;border-color:#e0e6ef}.studio-experience .blog-card h2{color:#172239}.studio-experience .blog-card p{color:#4b5b73}.studio-experience .blog-card .blue,.studio-experience .blog-card .discover{color:#2448cf}
.studio-experience .article-body,.studio-experience .detail-body{background:#fff;border:1px solid #e0e6ef}.studio-experience .article-body p,.studio-experience .detail-body p{color:#40516b}
.studio-experience .concept-card{background:#fff;color:#172239;--ink:#172239}.studio-experience .concept-card h2{color:#172239}.studio-experience .concept-copy p{color:#4b5b73}.studio-experience .concept-card .text-link{color:#2448cf}.studio-experience .concept-label{color:#596982}
.studio-experience .contact-layout .brief-form{background:#fff;color:#172239;border-color:#dfe6f2}.studio-experience .contact-layout .brief-form label{color:#24334d}.studio-experience .contact-layout .form-note{color:#586780}.studio-experience .contact-layout input,.studio-experience .contact-layout select,.studio-experience .contact-layout textarea{background:#f5f7fb}
@media(max-width:700px){.studio-experience .services,.studio-experience .process{margin:24px 4%;padding:36px 20px;border-radius:18px}.studio-experience .about-story{margin:24px 4%;padding:30px 24px}.studio-experience .services .studio-service-copy{padding:22px}}