:root{--blue:#2448ef;--ink:#171921;--paper:#f7f8fa;--muted:#656873;--line:#dce0e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Arabic','Manrope',sans-serif;font-size:16px;line-height:1.8}html[lang=en] body{font-family:'Manrope',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #f29b35;outline-offset:5px}::selection{background:#b4c0ff;color:#10183f}.header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 4.5%;background:var(--paper)}.brand{direction:ltr;display:flex;gap:13px;align-items:center;line-height:1}.wordmark{font-family:'Manrope',sans-serif;font-size:53px;font-weight:800;letter-spacing:-5px;line-height:1}.brand-dot{color:var(--blue)}.brand-label{font-family:'Manrope',sans-serif;max-width:53px;font-size:10px;line-height:1.35;letter-spacing:1px;font-weight:800}.header nav{display:flex;gap:32px;font-size:14px;font-weight:600}.header nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:24px}.language{border:0;background:none;font-family:inherit;font-size:14px;padding:8px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:12px 28px;border-radius:6px;font-size:15px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.small{min-height:46px;padding:9px 23px;font-size:14px}.dark{background:var(--ink);color:white}.white{background:white;color:var(--blue)}.hero{background:var(--blue);color:white;margin:0 20px;border-radius:10px;padding:30px 3.15% 0;overflow:hidden}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.025em}.edition{font-family:Manrope,sans-serif;font-size:11px;letter-spacing:1.3px;opacity:.8}.hero-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:55px;align-items:center;padding:51px 0 48px}.hero h1{font-size:clamp(44px,5.8vw,86px);letter-spacing:-2px;line-height:1.38;margin:0 0 22px;font-weight:800}.hero-outline{color:#c6d0ff}.hero-copy p{max-width:510px;font-size:18px;line-height:1.95;color:#e5eaff;margin:0}.hero-buttons{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{font-size:14px;border-bottom:1px solid #b9c5ff;padding:5px 0}.hero-footnote{font-size:12px;display:flex;gap:13px;align-items:center;margin-top:32px;color:#d4dcff}.hero-footnote i{width:3px;height:3px;border-radius:50%;background:currentColor}.hero-art{position:relative;background:#edf0f7;border-radius:8px;overflow:hidden;aspect-ratio:1/1.03;min-width:0}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.art-caption{position:absolute;bottom:0;left:0;right:0;padding:20px;color:#262938;background:linear-gradient(transparent,#f1f3f9d9);display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px}.art-caption span:last-child{font-size:9px;font-family:Manrope,sans-serif;letter-spacing:.6px}.hero-bottom{border-top:1px solid #ffffff35;padding:20px 0;font-size:12px;color:#d9e1ff}.hero-bottom span:last-child{font-size:10px;letter-spacing:2px;font-family:Manrope,sans-serif}.section{padding:88px 5.5%;max-width:1600px;margin:auto}.blue{color:var(--blue)}h2{font-size:clamp(28px,3.1vw,44px);line-height:1.6;letter-spacing:-.8px;margin:12px 0 0;font-weight:700}.intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:90px;padding-bottom:82px}.intro h2{max-width:450px}.intro p{margin:0 0 20px;font-size:18px;line-height:1.95}.intro .muted{font-size:16px}.muted{color:var(--muted)}.services{padding-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:42px}.section-heading>p{max-width:300px;font-size:15px}.service-layout{display:grid;grid-template-columns:1fr 1.13fr;gap:55px}.service-tabs button{width:100%;display:flex;gap:22px;align-items:center;text-align:start;background:none;border:0;border-top:1px solid var(--line);padding:32px 8px;color:var(--muted);transition:color .2s}.service-tabs button:last-child{border-bottom:1px solid var(--line)}.service-tabs button[aria-selected=true]{color:var(--blue)}.tab-number{font-family:Manrope,sans-serif;font-size:13px;align-self:flex-start;padding-top:8px}.service-tabs strong{display:block;font-size:24px;font-weight:600}.service-tabs small{display:block;font-size:14px;margin-top:7px;color:var(--muted)}.tab-mark{margin-inline-start:auto;font-size:30px;font-weight:400}.service-tabs button[aria-selected=true] .tab-mark{transform:rotate(45deg)}.service-panel{background:#e9edf9;border-radius:8px;padding:38px 42px;min-height:412px}.panel-label{font-family:Manrope,sans-serif;font-size:10px;letter-spacing:1.5px;color:var(--blue)}h3{font-size:25px;line-height:1.7;font-weight:600;margin:17px 0 10px}.service-panel p{font-size:16px;line-height:1.85;color:#50586c;max-width:490px}.service-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;list-style:none;padding:0;margin:22px 0 30px;font-size:14px}.service-panel li:before{content:'✓';color:var(--blue);margin-inline-end:8px}.details-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 4%;display:flex;align-items:center;justify-content:space-around;gap:22px;font-size:20px;font-weight:500}.asterisk{font-size:28px;color:var(--blue)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:57px}.steps article{border-top:1px solid var(--line);padding-top:25px}.step-no{font-family:Manrope,sans-serif;color:var(--blue);font-size:14px}.steps h3{font-size:22px;margin-top:24px}.steps p{font-size:15px;color:var(--muted);line-height:1.95}.faq{display:grid;grid-template-columns:.85fr 1.4fr;gap:80px;padding-top:35px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-size:18px;font-weight:500;display:flex;gap:24px;align-items:center;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-family:Manrope,sans-serif;font-size:24px;color:var(--blue)}details[open] summary:after{content:'−'}.faq-list p{color:var(--muted);font-size:15px;max-width:650px;padding-inline-end:35px}.contact{max-width:none;background:var(--blue);color:white;margin:0 20px;border-radius:10px;padding:65px 4.2%;display:flex;justify-content:space-between;align-items:center;gap:60px}.contact h2{font-size:clamp(30px,3.5vw,51px)}.contact p{color:#d9e0ff;margin:12px 0 26px}.contact-number{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#d9e0ff}.contact-number a{font-family:Manrope,sans-serif;color:white;font-size:26px;white-space:nowrap}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 5%;color:var(--muted);font-size:14px}footer .brand{color:var(--ink)}footer .wordmark{font-size:45px}footer small{font-size:12px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}html[lang=en] .hero h1{line-height:1.1;letter-spacing:-4px;font-size:clamp(45px,5.8vw,84px)}html[lang=en] h2{line-height:1.25}html[lang=en] .hero-copy p{line-height:1.7;margin-top:24px}html[lang=en] .hero-layout{gap:40px}html[lang=en] .hero-footnote{font-size:11px}
@media(min-width:1550px){.hero-layout{gap:90px}.hero-art{max-height:580px}.hero h1{font-size:90px}}
@media(max-width:1000px){.header nav{gap:18px}.brand-label{display:none}.hero-layout{gap:28px}.hero-copy p{font-size:16px}.hero-buttons{gap:18px;flex-wrap:wrap}.hero-art{aspect-ratio:.82}.art-caption{flex-direction:column;align-items:start;font-size:11px}.service-layout{gap:28px}.service-panel{padding:30px}.details-band{font-size:16px;gap:13px}.steps{gap:22px}.faq{gap:45px}.contact{gap:30px}.intro{gap:7%}}
@media(max-width:700px){.header{min-height:84px;padding:17px 6%;gap:16px}.header nav{display:none}.wordmark{font-size:43px}.header-actions{gap:10px}.button.small{font-size:12px;min-height:42px;padding:8px 16px}.hero{margin:0 10px;padding:23px 6% 0}.edition{display:none}.eyebrow{font-size:12px}.hero-layout{grid-template-columns:1fr;padding:30px 0;gap:32px}.hero h1{font-size:57px;line-height:1.3;letter-spacing:-2px}.hero-copy p{font-size:16px;max-width:480px}.hero-buttons{margin-top:25px;gap:22px}.button{font-size:14px;padding:12px 20px;min-height:52px}.text-link{font-size:13px}.hero-footnote{margin-top:25px}.hero-art{aspect-ratio:1.35}.art-caption{flex-direction:row;font-size:11px;padding:15px}.hero-bottom{font-size:10px;padding:17px 0}.hero-bottom span:last-child{font-size:8px;letter-spacing:.7px}.section{padding:55px 7%}.intro{grid-template-columns:1fr;gap:22px}.intro p{font-size:16px}.intro .muted{font-size:15px}h2{font-size:31px;margin-top:10px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:15px;max-width:none}.service-layout{grid-template-columns:1fr;gap:26px}.service-tabs button{padding:21px 2px;gap:18px}.service-tabs strong{font-size:22px}.service-tabs small{font-size:13px;margin-top:3px}.service-panel{padding:28px 24px;min-height:0}.service-panel h3{font-size:24px}.service-panel ul{font-size:13px;gap:12px}.details-band{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:14px;padding:25px 6%;font-size:16px}.asterisk{display:none}.steps{grid-template-columns:1fr 1fr;gap:28px 25px;margin-top:33px}.steps h3{font-size:20px;margin-top:15px}.steps p{font-size:14px}.faq{grid-template-columns:1fr;gap:22px;padding-top:20px}.faq>div>p{margin-top:8px}.faq-list summary{font-size:16px}.faq-list details{padding:20px 0}.faq-list p{padding-inline-end:0}.contact{margin:0 10px;padding:44px 7%;flex-direction:column;align-items:start;gap:38px}.contact h2{font-size:34px}.contact p{font-size:15px}.contact-number{font-size:13px}.contact-number a{font-size:23px}footer{padding:32px 7%;flex-wrap:wrap;gap:20px}footer>span{font-size:12px}footer small{width:100%;text-align:center}html[lang=en] .hero h1{font-size:59px;letter-spacing:-3px}html[lang=en] h2{font-size:32px}html[lang=en] .hero-footnote{font-size:10px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* OTW's original social identity: light canvas, bold type, cobalt graphics. */
:root{--blue:#064bff;--ink:#090b10;--paper:#f5f6f8;--muted:#505866;--line:#dde2eb}body{font-family:'Cairo','Manrope',sans-serif}.header{background:#fff;min-height:94px;border-bottom:1px solid #edf0f5}.brand img{width:148px;height:auto;display:block}.header nav{font-size:16px}.header .dark,.primary{background:var(--blue);color:white}.button{border-radius:50px;font-size:16px}.header .button.small{font-size:14px}.hero{background:var(--paper);color:var(--ink);margin:0;border-radius:0;padding:35px 5.5% 45px;max-width:1600px;margin-inline:auto}.hero-layout{grid-template-columns:1fr 1fr;gap:24px;padding:30px 0}.hero h1{font-size:clamp(40px,4.4vw,68px);line-height:1.52;font-weight:900;letter-spacing:-1.5px;margin:20px 0}.hero-outline{color:var(--blue)}.hero-copy p{color:#454c5b;font-size:20px;max-width:520px;line-height:1.8}.hero-buttons{margin-top:30px;gap:14px}.secondary{border:1px solid #c6d1eb;background:transparent;color:var(--ink)}.hero-footnote{color:var(--muted);font-size:14px;gap:12px}.hero-footnote i{background:var(--blue)}.hero-visual{min-width:0;align-self:center}.post-crop{position:relative;overflow:hidden;display:block}.post-crop img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;max-width:none}.web-crop{aspect-ratio:1080/640}.web-crop img{transform:translateY(-44.45%)}.store-crop{aspect-ratio:1092/670}.store-crop img{transform:translateY(-53.45%)}.landing-crop{aspect-ratio:1122/625}.landing-crop img{transform:translateY(-55.35%)}.hero-visual .post-crop{border-radius:20px;mix-blend-mode:multiply}.visual-label{font-size:14px;color:var(--muted);text-align:center;margin-top:23px}.intro{border-top:1px solid var(--line);padding-top:60px;padding-bottom:60px;gap:8%;grid-template-columns:1fr 1fr;align-items:center}.intro h2{font-size:34px;max-width:440px;font-weight:800}.intro p{font-size:18px;margin:0}.section{padding-top:65px;padding-bottom:65px}h2{font-weight:800;letter-spacing:-.5px}.eyebrow{font-size:14px}.services{background:#fff;max-width:none}.service-layout{grid-template-columns:1.05fr 1fr;gap:40px;align-items:stretch}.service-tabs button{padding:20px 12px;gap:18px;border:1px solid var(--line);border-radius:16px;margin-bottom:12px;background:#fff;min-height:135px}.service-tabs button:last-child{margin-bottom:0}.service-tabs button[aria-selected=true]{border-color:var(--blue);background:#f7f9ff;box-shadow:0 0 0 1px var(--blue)}.service-tabs strong{font-size:23px;color:var(--ink);font-weight:800}.service-tabs button[aria-selected=true] strong{color:var(--blue)}.service-tabs small{font-size:14px;margin-top:3px}.service-thumb{width:132px;flex-shrink:0;border-radius:9px;mix-blend-mode:multiply}.tab-number{display:none}.tab-mark{font-size:26px;padding-inline-end:8px}.service-panel{border-radius:20px;background:#f1f5ff;padding:36px 38px;display:flex;flex-direction:column;justify-content:center}.service-panel h3{font-weight:800;font-size:28px}.service-panel .button{align-self:flex-start;background:var(--blue)}.service-panel p{font-size:17px;color:#444c60}.service-panel li{font-size:15px}.panel-label{display:none}.steps h3{font-weight:800}.steps p{font-size:16px}.step-no{font-weight:800;font-size:20px}.faq{padding-top:25px}.faq-list summary{font-size:18px;font-weight:700}.faq-list p{font-size:16px}.contact{border-radius:24px;background:var(--blue)}.contact h2{font-weight:800}.contact .white{color:var(--blue)}footer{background:#fff;margin-top:30px}html[lang=en] .hero h1{font-size:clamp(40px,4vw,62px);line-height:1.2;letter-spacing:-2px;font-weight:800}html[lang=en] .hero-copy p{font-size:18px}html[lang=en] .hero-footnote{font-size:13px}
@media(max-width:1000px){.hero-layout{gap:20px}.hero h1{font-size:42px}.hero-copy p{font-size:18px}.hero-footnote{font-size:12px}.brand img{width:130px}.service-thumb{width:95px}.service-tabs button{gap:12px;padding:18px 10px}.service-tabs strong{font-size:21px}.service-panel{padding:28px}.hero-visual{padding-top:35px}.header nav{font-size:14px}}
@media(max-width:700px){.header{min-height:80px}.brand img{width:113px}.hero{padding:22px 6% 35px}.hero-layout{grid-template-columns:1fr;padding:15px 0 0;gap:20px}.hero h1{font-size:44px;line-height:1.5;letter-spacing:-1px;margin:15px 0}.hero .eyebrow{font-size:13px}.hero-copy p{font-size:18px;line-height:1.8}.hero-buttons{gap:12px;margin-top:23px}.hero-buttons .button{font-size:15px;padding:12px 23px}.hero-footnote{font-size:13px;margin-top:23px}.hero-visual{padding-top:0}.visual-label{font-size:13px;margin-top:12px}.section{padding:44px 7%}.intro{grid-template-columns:1fr;gap:18px}.intro h2{font-size:29px}.intro p{font-size:17px}.service-layout{grid-template-columns:1fr;gap:24px}.service-thumb{width:100px}.service-tabs button{min-height:118px;padding:16px 12px;gap:14px}.service-tabs strong{font-size:21px}.service-tabs small{font-size:13px}.service-panel{padding:25px}.service-panel h3{font-size:25px}.service-panel p{font-size:16px}.service-panel ul{grid-template-columns:1fr;gap:10px}.service-panel li{font-size:15px}.steps{gap:25px 22px}.steps h3{font-size:20px}.steps p{font-size:15px}.faq-list summary{font-size:17px}.faq-list p{font-size:16px}.contact{padding:38px 7%;border-radius:18px}footer .brand img{width:110px}html[lang=en] .hero h1{font-size:43px;line-height:1.18;letter-spacing:-1.6px}html[lang=en] .hero-footnote{font-size:12px;gap:9px}}
@media(max-width:370px){.hero h1{font-size:37px}.service-thumb{width:76px}.service-tabs strong{font-size:19px}.hero-footnote{font-size:11px}.header-actions{gap:4px}.hero-buttons .button{font-size:14px;padding:11px 19px}}
/* Immersive editorial direction; original OTW art remains the visual language. */
html{scroll-padding-top:108px}body{overflow-x:clip}.header{position:sticky;top:0;z-index:30;background:#fffffff0;backdrop-filter:blur(18px);transition:box-shadow .3s,min-height .3s}.has-scrolled .header{box-shadow:0 8px 35px #1223520b}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;z-index:60}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-7px;inset-inline:0;height:2px;background:var(--blue);transform:scaleX(0);transition:transform .3s}.header nav a:hover:after{transform:scaleX(1)}.hero{position:relative;padding-top:50px;padding-bottom:26px;overflow:hidden;background:radial-gradient(ellipse at 20% 48%,#dae6ff80,transparent 48%),var(--paper)}.hero-layout{gap:42px;min-height:570px;grid-template-columns:1.13fr 1fr;position:relative}.hero .eyebrow{display:inline-block;border:1px solid #c8d6f6;border-radius:30px;padding:7px 15px;background:#fff9;font-size:12px}.hero h1{font-size:clamp(40px,4.3vw,70px);font-weight:900;line-height:1.5;margin-top:22px}.hero-outline{background:linear-gradient(110deg,#064bff 20%,#4d89ff 50%,#064bff 75%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shine 8s ease-in-out infinite}.hero-copy{position:relative;z-index:2;animation:hero-enter .8s ease both}.hero-copy p{font-size:19px;max-width:570px}.hero-visual{position:relative;isolation:isolate;padding:46px 12px 22px;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease-out;animation:hero-enter 1.1s ease both}.hero-visual .post-crop{animation:float-art 7s ease-in-out infinite;filter:drop-shadow(0 30px 24px #084dff16);border-radius:22px}.studio-caption{position:absolute;top:2px;left:18px;font:600 10px Manrope,sans-serif;letter-spacing:2px;color:#72819c}.hero-orbit{position:absolute;width:88%;aspect-ratio:1;left:6%;top:-12%;border:1px solid #aac2fb70;border-radius:50%;z-index:-1;animation:orbit-breathe 8s ease-in-out infinite}.hero-orbit:after{content:'';position:absolute;inset:28px;border:1px solid #aac2fb55;border-radius:50%}.visual-label{font-size:13px;letter-spacing:.01em;margin-top:32px}.hero-bottomline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d9dfec;padding-top:22px;font-size:13px;color:#606b7b;gap:24px}.hero-bottomline a{color:var(--blue)}.button{position:relative;transition:transform .28s,box-shadow .28s,background .28s}.primary:hover,.header .button:hover{box-shadow:0 12px 30px #064bff30;transform:translateY(-3px)}.primary:active{transform:translateY(0)}.section{padding-top:95px;padding-bottom:95px}.intro{padding-top:65px;padding-bottom:65px}.intro h2{font-size:36px}.services{border-radius:35px 35px 0 0}.service-layout{gap:55px}.service-tabs button{transition:border-color .3s,background .3s,transform .3s}.service-tabs button:hover{transform:translateY(-3px)}.service-thumb img{transition:filter .4s}.service-tabs button[aria-selected=true] .service-thumb img{filter:saturate(1.15)}.service-panel{background:linear-gradient(140deg,#eff4ff,#fafbfe);border:1px solid #e0e7f6;box-shadow:0 20px 50px #07143405}.service-links{display:flex;flex-wrap:wrap;gap:15px 30px;margin-top:32px}.service-links a{font-size:15px;color:var(--blue);border-bottom:1px solid #bdceff;padding-bottom:4px}.qatar{background:#0c1427;color:white;max-width:none;position:relative;overflow:hidden}.qatar:before{content:'';position:absolute;width:500px;height:500px;top:-280px;left:-100px;background:#064bff55;filter:blur(100px);border-radius:50%;pointer-events:none}.qatar .section-heading{position:relative}.qatar h2{white-space:pre-line;line-height:1.55}.qatar .eyebrow{color:#90afff}.qatar .section-heading>p{color:#aebbd4;font-size:17px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:60px}.audience-card{padding:35px 28px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(140deg,#ffffff09,#ffffff02);transition:background .4s,border-color .4s,transform .4s}.audience-card:hover{background:#ffffff0c;border-color:#88aaff85;transform:translateY(-5px)}.card-index{font:500 14px Manrope,sans-serif;color:#94aeeb}.audience-card h3{font-size:25px;font-weight:700;margin-top:35px}.audience-card p{font-size:16px;line-height:1.95;color:#bac5dc}.qatar-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:50px;border-top:1px solid #ffffff20;padding-top:25px;font-size:14px;color:#aebbd4}.process .steps{position:relative}.steps article{transition:border-color .35s}.steps article:hover{border-color:var(--blue)}.steps article:hover .step-no{color:#658bff}.project{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;background:#edf2fc;max-width:none;border-block:1px solid #dfe6f5}.project h2{white-space:pre-line}.project-intro p{max-width:430px;font-size:18px;margin-top:26px}.brief-form{background:#fff;border-radius:24px;padding:34px;box-shadow:0 20px 60px #15337108}.brief-form fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}.brief-form legend{font-size:16px;font-weight:700;margin-bottom:13px}.choice-grid{display:flex;flex-wrap:wrap;gap:9px}.choice{position:relative;cursor:pointer;display:block}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice span{display:block;padding:10px 16px;border:1px solid #dfe4ed;border-radius:10px;font-size:14px;transition:background .2s,border-color .2s,color .2s}.choice input:checked+span{background:#edf3ff;border-color:var(--blue);color:var(--blue)}.choice input:focus-visible+span{outline:3px solid #f29b35;outline-offset:3px}.brief-result{padding:22px 0;border-top:1px solid #e2e8f4;margin-top:8px}.brief-result .eyebrow{font-size:12px}.brief-result h3{font-size:25px;margin:8px 0}.brief-result p{font-size:15px;color:var(--muted);margin:0}.brief-form .button{border:0;width:100%}.form-note{font-size:12px;color:#636d80;line-height:1.7;margin-bottom:0}.faq{padding-top:90px}.contact{padding-top:65px;padding-bottom:65px;background:radial-gradient(ellipse at 15% 100%,#367bff,transparent 55%),#064bff;overflow:hidden}.contact h2{font-size:clamp(30px,3vw,46px);max-width:780px;line-height:1.6}.contact-number{min-width:230px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease var(--reveal-delay,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}.motion-toggle{position:fixed;inset-inline-end:18px;bottom:16px;z-index:40;border:1px solid #cad4e5;background:#fffffff0;backdrop-filter:blur(8px);color:#36425c;border-radius:30px;padding:8px 14px;font-size:12px;box-shadow:0 4px 20px #10224910}.motion-paused *{animation:none!important;transition:none!important}.motion-paused .reveal{opacity:1;transform:none}.service-detail h1{font-size:clamp(35px,4.5vw,65px);line-height:1.6;font-weight:800;letter-spacing:-1px;margin:25px 0 10px}.detail-hero{background:radial-gradient(ellipse at 15% 60%,#e0e9ff,transparent 55%)}.detail-lead{font-size:24px;color:var(--blue);margin:0 0 38px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.detail-grid p{font-size:19px;line-height:1.95;margin-bottom:30px}.detail-grid .post-crop{mix-blend-mode:multiply}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:35px}.detail-body h2{font-size:27px;margin:26px 0 14px}.detail-body p,.detail-body li{font-size:17px;line-height:1.95;color:#505866}.detail-body ul{padding-inline-start:22px}.detail-body li{margin-bottom:12px}.detail-next{background:#eaf0fc;padding-top:50px;padding-bottom:50px}.detail-next h2{margin-bottom:25px;font-size:33px}html[lang=en] .hero h1{font-size:clamp(39px,4.4vw,68px);line-height:1.13;letter-spacing:-2.5px}html[lang=en] .hero-copy p{line-height:1.85}html[lang=en] .qatar h2{line-height:1.35}html[lang=en] .audience-card h3{font-size:23px}
@keyframes shine{0%,100%{background-position:0% center}50%{background-position:100% center}}@keyframes float-art{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes orbit-breathe{0%,100%{scale:1;opacity:.65}50%{scale:1.04;opacity:1}}@keyframes hero-enter{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@media(max-width:1050px){.hero-layout{min-height:510px;gap:25px}.hero h1{font-size:43px}.project{gap:35px}.audience-card{padding:28px 20px}.audience-card h3{font-size:22px}.service-layout{gap:28px}.contact{gap:30px}.contact-number{min-width:190px}.contact-number a{font-size:22px}}
@media(max-width:700px){html{scroll-padding-top:90px}.hero{padding:30px 6% 24px}.hero-layout{grid-template-columns:1fr;min-height:0;gap:38px;padding-top:0}.hero h1{font-size:42px;line-height:1.5;margin-top:20px}.hero .eyebrow{font-size:11px;padding:6px 11px}.hero-copy p{font-size:17px}.hero-visual{padding:32px 0 15px;max-width:500px;width:100%;margin:auto}.hero-orbit{top:-5%;width:80%;left:10%}.studio-caption{font-size:9px;top:4px;left:10px}.visual-label{font-size:12px;margin-top:20px}.hero-bottomline{font-size:11px;gap:18px}.section{padding:60px 7%}.intro{gap:22px}.intro h2{font-size:30px}.intro p{font-size:17px}.services{border-radius:24px 24px 0 0}.service-links{gap:15px 22px}.service-links a{font-size:14px}.qatar .section-heading>p{font-size:16px}.qatar h2{font-size:29px}.audience-grid{grid-template-columns:1fr;margin-top:28px;gap:16px}.audience-card{padding:25px}.audience-card h3{margin-top:15px;font-size:23px}.audience-card p{font-size:16px;margin-bottom:0}.qatar-bottom{font-size:12px;flex-direction:column;gap:10px;margin-top:30px}.project{grid-template-columns:1fr;gap:30px}.project h2{font-size:31px}.project-intro p{font-size:16px;margin-top:16px}.brief-form{padding:24px 20px}.choice span{padding:9px 12px;font-size:13px}.brief-form legend{font-size:15px}.brief-result h3{font-size:24px}.contact h2{font-size:31px;line-height:1.65}.motion-toggle{bottom:10px;inset-inline-end:10px;font-size:11px;padding:7px 11px}.detail-hero h1{font-size:36px}.detail-lead{font-size:22px}.detail-grid,.detail-body{grid-template-columns:1fr;gap:25px}.detail-grid p{font-size:17px}.detail-body{padding-top:10px}.detail-body h2{font-size:25px}.detail-next h2{font-size:28px}html[lang=en] .hero h1{font-size:43px;line-height:1.14;letter-spacing:-1.7px}.hero-footnote{flex-wrap:wrap}footer{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}
/* Shared pages, visual service collection, and scroll-driven atmosphere. */
body{position:relative;background:#f7f9fd}.scroll-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:#f7f9fd}.scroll-atmosphere i{position:absolute;display:block;will-change:transform}.ambient-one{width:55vw;height:55vw;min-width:350px;min-height:350px;top:-25%;left:-15%;border-radius:50%;background:radial-gradient(circle,#0b55ff17,transparent 68%);transform:translate3d(0,var(--ambient-shift,0px),0)}.ambient-two{width:60vw;height:60vw;right:-30%;top:30%;border-radius:50%;background:radial-gradient(circle,#3679ff19,transparent 68%);transform:translate3d(0,calc(var(--ambient-shift,0px) * -1),0)}.ambient-ring{width:75vh;height:75vh;right:-40vh;top:5%;border:1px solid #5782d21a;border-radius:28%;transform:translate3d(0,var(--ambient-shift,0px),0) rotate(var(--ambient-turn,0deg))}.header{gap:20px;padding-inline:4%;}.header nav{gap:23px}.header nav a{font-size:14px;white-space:nowrap}.header nav a[aria-current=page]{color:var(--blue)}.header .brand img{width:124px}.header-actions{gap:15px}.menu-toggle{display:none}.page-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px;padding-top:85px;padding-bottom:70px;background:transparent}.page-hero h1{white-space:pre-line;font-size:clamp(36px,4.2vw,65px);line-height:1.5;letter-spacing:-1px;margin:23px 0;font-weight:850}.page-hero p{color:#566176;font-size:19px;line-height:1.95;max-width:600px}.photo-frame{overflow:hidden;border-radius:24px;aspect-ratio:3/2;background:#eef2f8}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.photo-frame:hover img{transform:scale(1.04)}.page-hero>.photo-frame{box-shadow:0 22px 80px #16428c10;animation:float-art 9s ease-in-out infinite}.page-hero>.post-crop{mix-blend-mode:multiply;animation:float-art 8s ease-in-out infinite}.visual-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.visual-service{background:linear-gradient(140deg,#fff,#f3f6fc);border:1px solid #e0e7f2;border-radius:23px;overflow:hidden;display:flex;flex-direction:column;transition:transform .45s,box-shadow .45s,border-color .45s;color:var(--ink)}.visual-service:hover{transform:translateY(-9px);border-color:#b8caff;box-shadow:0 25px 55px #164bb41a}.service-art{position:relative;padding:44px 14px 20px;background:#eef3fc;overflow:hidden;min-height:215px;display:flex;align-items:center}.service-art .post-crop{width:100%;mix-blend-mode:multiply;transition:scale .55s}.visual-service:hover .post-crop{scale:1.045}.service-index{position:absolute;inset-inline-start:23px;top:14px;font:600 12px Manrope;color:#7789a9}.service-card-copy{padding:28px;flex:1;display:flex;flex-direction:column}.service-card-copy .eyebrow{font-size:13px}.service-card-copy h3{font-size:25px;line-height:1.65;font-weight:800;margin:12px 0}.service-card-copy p{font-size:16px;line-height:1.9;color:#647087;margin:0 0 25px}.discover{font-size:14px;font-weight:700;color:var(--blue);margin-top:auto}.home-editorial{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center;background:transparent}.home-editorial h2{font-size:43px;line-height:1.5}.home-editorial p{font-size:18px;color:#556176;line-height:1.9;margin:23px 0 30px}.about-story{max-width:1000px;text-align:center;padding-top:45px}.about-story h2{font-size:41px}.about-story p{font-size:19px;color:#526078;line-height:2}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:25px}.values-grid article{background:#ffffffaa;border-top:2px solid var(--blue);border-radius:0 0 16px 16px;padding:30px}.values-grid h2{font-size:26px}.values-grid p{font-size:17px;color:#526078}.scope-note{background:#edf2fc;border-radius:26px;max-width:1100px;margin-bottom:65px}.scope-note h2{font-size:35px}.scope-note p{font-size:19px;line-height:1.95;color:#536078;max-width:900px;margin-bottom:28px}.page-cta{background:#084bff;color:white;max-width:none;text-align:center;padding-block:75px}.page-cta .eyebrow{font-size:12px;color:#ccdaff}.page-cta h2{margin-bottom:28px;font-size:42px}.concept-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:38px}.concept-card{background:#fff;border:1px solid #e0e6f0;border-radius:24px;overflow:hidden}.concept-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center}.concept-card>.post-crop{margin:28px 20px 0}.concept-copy{padding:30px}.concept-label{font-size:12px;color:#657792;border:1px solid #dbe3f2;border-radius:50px;display:inline-block;padding:5px 13px}.concept-copy h2{font-size:30px}.concept-copy p{font-size:16px;color:#59677c;line-height:1.95}.concept-copy details{border-block:1px solid #e3e8f1;margin:24px 0;padding:14px 0}.concept-copy summary{font-size:16px}.concept-copy .text-link{color:var(--blue);font-size:14px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.blog-card{background:#fff;border:1px solid #e1e6ef;border-radius:20px;overflow:hidden;transition:box-shadow .35s,transform .35s;display:flex;flex-direction:column}.blog-card:hover{box-shadow:0 15px 45px #16336513;transform:translateY(-6px)}.blog-card>.post-crop{margin:28px 15px 0}.blog-card>.photo-frame{border-radius:0;aspect-ratio:1.64}.blog-card>div:last-child{padding:27px;display:flex;flex-direction:column;flex:1}.blog-card h2{font-size:25px;line-height:1.7;margin-top:10px}.blog-card p{font-size:16px;color:#5e6a7e;line-height:1.9}.blog-card .eyebrow{font-size:11px}.article-body{max-width:900px;padding-top:20px}.article-byline{font-size:14px;color:#74819a;border-bottom:1px solid #dce4f0;padding-bottom:22px}.article-body section{margin:40px 0}.article-body h2{font-size:31px}.article-body p{font-size:19px;line-height:2;color:#4d5c72}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding-top:30px}.contact-layout>div p{font-size:18px;color:#5c6b82;line-height:1.95}.contact-direct{display:block;font:600 30px Manrope;color:var(--blue);margin:30px 0}.contact-layout label{display:block;font-size:15px;font-weight:600;margin-bottom:19px}.contact-layout input,.contact-layout select,.contact-layout textarea{display:block;width:100%;margin-top:8px;font:inherit;color:var(--ink);border:1px solid #cfd9e8;border-radius:10px;padding:12px;background:#fafbfe}.contact-layout textarea{resize:vertical}.contact-layout input:focus,.contact-layout select:focus,.contact-layout textarea:focus{outline:2px solid #4678ff;outline-offset:2px}.site-footer{display:block;padding:50px 5% 70px;border-top:1px solid #e1e6ef;background:#fff}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-top p{font-size:15px}.footer-top>a:last-child{font:500 17px Manrope}.site-footer nav{display:flex;gap:28px;flex-wrap:wrap;padding:35px 0}.site-footer nav a{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #e5eaf1;padding-top:22px;font-size:12px}.motion-paused .scroll-atmosphere i{transform:none!important}.hero,.intro,.process,.faq{background-color:transparent}html[lang=en] .page-hero h1{line-height:1.18;letter-spacing:-2px;font-size:clamp(38px,4vw,60px)}html[lang=en] .service-card-copy h3{font-size:24px;line-height:1.4}html[lang=en] .blog-card h2{font-size:24px;line-height:1.45}
@media(max-width:1150px){.header nav{gap:13px}.header nav a{font-size:12px}.header .brand img{width:110px}.header .small{padding:9px 15px;font-size:12px}.header-actions{gap:8px}.page-hero{gap:35px}.visual-services{gap:18px}.service-card-copy{padding:22px}.service-card-copy h3{font-size:22px}.home-editorial{gap:45px}.contact-layout{gap:45px}}
@media(max-width:900px){.menu-toggle{display:block;background:none;border:1px solid #d7e0f0;border-radius:9px;padding:7px 12px;font-size:13px;margin-inline-start:auto}.header{position:sticky;gap:12px}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px 6%;box-shadow:0 20px 30px #152a4610;border-top:1px solid #e5e9f3;flex-direction:column;gap:0}.header nav.open{display:flex}.header nav a{font-size:16px;padding:12px 0}.header nav a:after{display:none}.visual-services{grid-template-columns:1fr}.visual-service{display:grid;grid-template-columns:.9fr 1.1fr}.service-art{min-height:230px}.service-card-copy h3{font-size:26px}.blog-grid{grid-template-columns:1fr 1fr}.values-grid{gap:18px}.values-grid article{padding:23px}.values-grid h2{font-size:23px}}
@media(max-width:700px){.header{padding-inline:5%;min-height:80px}.header .brand img{width:94px}.header .small{display:none}.header-actions{gap:5px}.header .language{padding:8px 3px}.page-hero{grid-template-columns:1fr;gap:25px;padding:42px 7%}.page-hero h1{font-size:39px;line-height:1.55;margin:15px 0}.page-hero p{font-size:17px}.page-hero>.photo-frame{margin-top:10px}.visual-service{display:flex}.service-art{min-height:0;padding:38px 18px 18px}.service-art .post-crop{max-width:420px;margin:auto}.service-card-copy{padding:25px}.service-card-copy h3{font-size:26px}.visual-services{gap:25px}.home-editorial{grid-template-columns:1fr;gap:30px}.home-editorial h2{font-size:32px}.home-editorial p{font-size:17px}.about-story{padding-top:20px;text-align:start}.about-story h2{font-size:30px}.about-story p{font-size:17px}.values-grid{grid-template-columns:1fr;padding-top:0}.values-grid article{padding:27px}.values-grid h2{font-size:26px}.scope-note{margin:0 5% 45px;padding:30px 7%;border-radius:18px}.scope-note h2{font-size:28px}.scope-note p{font-size:17px}.page-cta h2{font-size:31px;line-height:1.6}.concept-grid{grid-template-columns:1fr;gap:25px}.concept-card:first-child{display:block;grid-column:auto}.concept-copy{padding:25px}.concept-copy h2{font-size:27px}.concept-label{font-size:11px}.blog-grid{grid-template-columns:1fr;gap:25px}.blog-card h2{font-size:26px}.article-body h2{font-size:27px}.article-body p{font-size:18px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-direct{font-size:27px}.footer-top{flex-direction:column;align-items:start;gap:15px}.footer-top p{margin:0}.site-footer nav{gap:12px 22px}.site-footer nav a{font-size:14px}.site-footer{padding-inline:7%}html[lang=en] .page-hero h1{font-size:40px;line-height:1.2;letter-spacing:-1.5px}.scroll-atmosphere .ambient-ring{opacity:.5}}
@media(prefers-reduced-motion:reduce){.scroll-atmosphere i{transform:none!important}}
body{isolation:isolate}.scroll-atmosphere{z-index:-1}.page-hero,.home-editorial{background:transparent}.service-detail{background:transparent}
/* Navy reference direction with high-contrast reading surfaces. */
.navy-experience{--ink:#f5f7ff;--muted:#afbdd5;--line:#ffffff20;background:#0c1427;color:#f5f7ff}.navy-experience .scroll-atmosphere{background:radial-gradient(ellipse at 10% 8%,#102b65 0,transparent 46%),#0c1427}.navy-experience .ambient-one{background:radial-gradient(circle,#175aff38,transparent 68%)}.navy-experience .ambient-two{background:radial-gradient(circle,#235cdb30,transparent 68%)}.navy-experience .ambient-ring{border-color:#769eff18}.web-depth-object{position:absolute;right:-90px;top:30vh;width:min(42vw,540px);height:auto;opacity:.17;transform:perspective(1000px) translate3d(0,calc(var(--ambient-shift,0px) * -1.7),0) rotate(var(--ambient-turn,0deg));will-change:transform;pointer-events:none}.navy-experience .header{background:#fff;--ink:#101627;color:#101627}.navy-experience .header .primary{color:#fff}.navy-experience .hero{background:transparent}.navy-experience .hero h1{font-size:clamp(40px,4.3vw,66px);color:#fff}.navy-experience .hero-outline{background:none;color:#7fa6ff;-webkit-text-fill-color:initial}.navy-experience .hero-copy p{color:#b8c6df}.navy-experience .hero .eyebrow{background:#19305c70;color:#a9c1ff;border-color:#5475b44a}.navy-experience .hero .secondary{color:white;border-color:#839cc350}.navy-experience .hero-footnote,.navy-experience .hero-bottomline,.navy-experience .visual-label,.navy-experience .studio-caption{color:#aebdd7}.navy-experience .hero-bottomline a,.navy-experience .blue,.navy-experience .text-link{color:#9dbbff}.navy-experience .hero-orbit{border-color:#809fdf30}.navy-experience .hero-new-art{border-radius:28px;border:1px solid #779beb25;box-shadow:0 35px 80px #0005;animation:float-art 8s ease-in-out infinite}.navy-experience .hero-new-art img{object-fit:cover}.navy-experience .intro{border-color:#ffffff20}.navy-experience .intro p,.navy-experience .intro .muted{color:#b8c6df}.navy-experience .services{background:#101b32;border-radius:28px}.navy-experience .visual-service{--ink:#111a2b;color:#111a2b;background:#f4f7fc}.navy-experience .visual-service .blue{color:#064bff}.navy-experience .visual-service h3{color:#111a2b}.navy-experience .visual-service .service-card-copy p{color:#536078}.navy-experience .home-editorial p{color:#b8c6df}.brand-statement{font:800 clamp(60px,8vw,120px)/.95 Manrope,sans-serif;letter-spacing:-7px;display:flex;flex-direction:column;direction:ltr;padding:30px 40px;color:#fff}.brand-statement span:last-child{color:#6997ff}.navy-experience .process{background:#f0f4fb;color:#101b32;--line:#cfdae9;--muted:#526078}.navy-experience .process .blue{color:#064bff}.navy-experience .project{background:#13223e;border-color:#6887ba2b}.navy-experience .project .muted{color:#bdcbe2}.navy-experience .brief-form{--ink:#101b32;color:#101b32;--muted:#526078}.navy-experience .brief-form .blue{color:#064bff}.navy-experience .choice span{color:#36445c}.navy-experience .choice input:checked+span{color:#064bff}.navy-experience .brief-form .primary{color:#fff}.navy-experience .faq-list p,.navy-experience .faq .muted{color:#b5c4dd}.navy-experience .faq-list summary:after{color:#8eafff}.navy-experience .page-hero{background:transparent}.navy-experience .page-hero p,.navy-experience .about-story p{color:#b8c6df}.navy-experience .page-hero>.photo-frame{border:1px solid #7894c52b;background:#0c1427;box-shadow:0 30px 70px #0003}.navy-experience .text-hero{display:block;max-width:1100px;text-align:center;padding-block:65px 35px}.navy-experience .text-hero p{margin-inline:auto;max-width:780px}.navy-experience .text-hero h1{font-size:clamp(37px,4.3vw,60px)}.navy-experience .values-grid article{background:#15213a;border-top-color:#6291ff}.navy-experience .values-grid p{color:#b8c6df}.navy-experience .scope-note{background:#17253e;color:#fff}.navy-experience .scope-note p{color:#becbe0}.navy-experience .concept-card,.navy-experience .blog-card{--ink:#111a2b;color:#111a2b}.navy-experience .concept-card h2,.navy-experience .blog-card h2{color:#111a2b}.navy-experience .blog-card .blue,.navy-experience .concept-card .text-link{color:#064bff}.navy-experience .article-body{background:#f3f6fb;color:#111a2b;border-radius:25px;padding-top:35px;padding-bottom:40px;margin-bottom:65px}.navy-experience .article-body .text-link{color:#064bff}.navy-experience .contact-layout>div p{color:#b8c6df}.navy-experience .contact-direct{color:#92b4ff}.navy-experience .contact-layout input,.navy-experience .contact-layout select,.navy-experience .contact-layout textarea{color:#101b32}.navy-experience .site-footer{color:#aebdd7;background:#080f1e;border-color:#ffffff15}.navy-experience .footer-top .brand{background:#fff;border-radius:10px;padding:12px}.navy-experience .footer-bottom{border-color:#ffffff20}.navy-experience .detail-hero{background:transparent}.navy-experience .detail-grid p{color:#b8c6df}.navy-experience .detail-lead{color:#9bb9ff}.navy-experience .detail-body{background:#f3f6fb;color:#111a2b;border-radius:25px;padding-top:35px;padding-bottom:40px}.navy-experience .detail-next{background:transparent}.navy-experience .service-links a{color:#9bb9ff}.navy-experience .motion-toggle{background:#1a2943;color:#d9e5ff;border-color:#7293c450}.navy-experience .qatar{background:#0b1426}.navy-experience .detail-grid .post-crop{mix-blend-mode:normal;border-radius:20px}.motion-paused .web-depth-object{transform:none!important}.navy-experience .page-cta .white,.navy-experience .contact .white{color:#064bff}
@media(max-width:700px){.navy-experience .hero h1{font-size:39px;line-height:1.55}.navy-experience .hero .hero-buttons{gap:10px}.navy-experience .hero-visual{padding-top:20px}.navy-experience .hero-new-art{border-radius:18px}.brand-statement{font-size:80px;letter-spacing:-4px;padding:20px;flex-direction:row;flex-wrap:wrap;gap:12px}.navy-experience .home-editorial{gap:15px}.web-depth-object{width:280px;right:-130px;opacity:.1;top:45vh}.navy-experience .text-hero{padding-top:40px}.navy-experience .text-hero h1{font-size:36px}.navy-experience .article-body,.navy-experience .detail-body{border-radius:16px;margin-inline:4%;padding-inline:6%}.navy-experience .header nav{color:#111a2b}.navy-experience .header .language{color:#111a2b}html[lang=en] .hero h1{font-size:41px}.navy-experience .visual-service:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.web-depth-object{transform:none!important}}
.navy-experience .footer-top .brand{background:transparent;padding:0;border-radius:0}.navy-experience .footer-top .brand img{width:155px;height:auto}.web-depth-object{opacity:.2;right:-65px;width:min(38vw,480px);top:35vh;transform:perspective(1000px) translate3d(0,calc(var(--ambient-shift,0px) * -1.25),0) rotate(calc(var(--ambient-turn,0deg) * .35))}@media(max-width:700px){.web-depth-object{width:260px;right:-110px;opacity:.12}.navy-experience .footer-top .brand img{width:135px}}

/* Centered objects repeat through the document, behind readable content. */
.navy-experience{position:relative}.navy-experience .scroll-atmosphere{z-index:-2}
.page-depth-repeat{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;display:grid;grid-auto-rows:760px;justify-items:center;align-items:center}
.page-depth-repeat .web-depth-object{position:relative;inset:auto;width:min(48vw,560px);max-width:90vw;height:auto;opacity:.14;transform:translateY(calc(var(--ambient-shift,0px) * -.25)) rotate(calc(var(--ambient-turn,0deg) * .15))}
.page-depth-repeat .web-depth-object:nth-child(even){width:min(40vw,460px);opacity:.1}
@media(max-width:700px){.page-depth-repeat{grid-auto-rows:620px}.page-depth-repeat .web-depth-object,.page-depth-repeat .web-depth-object:nth-child(even){width:82vw;max-width:360px;opacity:.1}}

/* Viewport-relative parallax plus a visible gentle idle float. */
.page-depth-repeat .web-depth-object{opacity:.2;transform:translateY(var(--object-y,0px)) rotate(var(--object-turn,0deg));animation:depth-drift 7s ease-in-out infinite;will-change:transform,translate}
.page-depth-repeat .web-depth-object:nth-child(even){opacity:.16;animation-delay:-3.5s;animation-direction:reverse}
@keyframes depth-drift{0%,100%{translate:0 -18px}50%{translate:12px 18px}}
.motion-paused .page-depth-repeat .web-depth-object{animation:none!important;translate:none;transform:none!important}
@media(prefers-reduced-motion:reduce){.page-depth-repeat .web-depth-object{animation:none!important;translate:none;transform:none!important}}
@media(max-width:700px){.page-depth-repeat .web-depth-object{opacity:.16}.page-depth-repeat .web-depth-object:nth-child(even){opacity:.13}}

/* Mixed web objects stagger across the page with generous separation. */
.page-depth-repeat{grid-auto-rows:580px;padding-inline:5%;justify-items:start}
.page-depth-repeat .web-depth-object{justify-self:start;width:min(34vw,440px);max-width:82vw;transform:translateY(var(--object-y,0px)) rotate(calc(var(--base-angle,0deg) + var(--object-turn,0deg)))}
.page-depth-repeat .web-depth-object:nth-child(6n+2){justify-self:end;width:min(29vw,370px)}
.page-depth-repeat .web-depth-object:nth-child(6n+3){justify-self:start;margin-inline-start:17%;width:min(25vw,320px)}
.page-depth-repeat .web-depth-object:nth-child(6n+4){justify-self:end;margin-inline-end:12%;width:min(35vw,450px)}
.page-depth-repeat .web-depth-object:nth-child(6n+5){justify-self:start;width:min(29vw,370px)}
.page-depth-repeat .web-depth-object:nth-child(6n+6){justify-self:end;width:min(27vw,350px)}
@media(max-width:700px){.page-depth-repeat{grid-auto-rows:490px;padding-inline:2%}.page-depth-repeat .web-depth-object:nth-child(n){width:62vw;max-width:290px;margin-inline:0}.page-depth-repeat .web-depth-object:nth-child(3n){width:49vw}.page-depth-repeat .web-depth-object:nth-child(even){justify-self:end}.page-depth-repeat .web-depth-object:nth-child(odd){justify-self:start}}

/* Calm reading, clearer hierarchy and predictable navigation. */
html{scroll-behavior:auto;scroll-padding-top:105px}
.navy-experience{background:#142036;--muted:#c4cedd;font-size:17px;line-height:1.9}
.navy-experience .scroll-atmosphere{background:linear-gradient(155deg,#182943,#142036 65%)}
.navy-experience .ambient-one,.navy-experience .ambient-two,.navy-experience .ambient-ring{display:none}
.navy-experience p{line-height:1.95;letter-spacing:normal}
.navy-experience h1,.navy-experience h2,.navy-experience h3{letter-spacing:normal}
.navy-experience h2{font-size:clamp(27px,2.7vw,38px);line-height:1.55}
.navy-experience .hero h1,.navy-experience .page-hero h1{font-size:clamp(36px,4vw,58px);line-height:1.5;letter-spacing:normal}
html[lang=en] .navy-experience .hero h1,html[lang=en] .navy-experience .page-hero h1{line-height:1.2;letter-spacing:-1px}
.navy-experience .hero-copy p,.navy-experience .page-hero p{font-size:18px;max-width:58ch;color:#d0d9e7}
.navy-experience .section{max-width:1280px;padding-block:64px}
.navy-experience .section-heading{margin-bottom:30px;gap:24px}
.navy-experience .hero-layout{gap:48px;padding-block:40px}
.navy-experience .hero-new-art{animation:none;box-shadow:none}
.navy-experience .hero-orbit,.navy-experience .hero-footnote,.navy-experience .edition{display:none}
.navy-experience .hero-visual{transform:none!important}
.navy-experience .header{box-shadow:0 2px 15px #07111e15;border-bottom:1px solid #e1e6ef}
.navy-experience .header nav a{font-size:15px;padding:10px 12px;border-radius:8px}
.navy-experience .header nav{gap:4px}
.navy-experience .header nav a[aria-current=page]{background:#edf2ff;color:#174ac6;font-weight:800}
.navy-experience .header nav a:after{display:none}
.navy-experience .button{min-height:48px;border-radius:9px;padding:12px 24px;transform:none}
.navy-experience .button:hover{transform:none;filter:brightness(1.08)}
.navy-experience .text-link{padding-block:10px;font-weight:700}
.navy-experience .services{background:#1b2b44;border:1px solid #ffffff12;border-radius:20px}
.navy-experience .visual-service,.navy-experience .blog-card,.navy-experience .concept-card{background:#eef2f7;box-shadow:none;border:1px solid #d9e1eb;transform:none!important}
.navy-experience .service-card-copy{padding:28px}
.navy-experience .service-card-copy h3{font-size:27px;line-height:1.5;margin:10px 0 14px}
.navy-experience .service-card-copy p,.navy-experience .blog-card p,.navy-experience .concept-copy p{font-size:16px;color:#43516a;line-height:1.9}
.navy-experience .service-art{padding-top:20px;padding-bottom:12px}
.navy-experience .discover{font-size:15px;font-weight:750;padding-top:16px;color:#174ac6}
.navy-experience .about-story{max-width:850px;text-align:start}
.navy-experience .about-story p,.navy-experience .article-body p{font-size:18px;max-width:68ch}
.navy-experience .article-body,.navy-experience .detail-body{max-width:900px;background:#eef2f7;padding:44px 48px}
.navy-experience .article-body section+section{margin-top:36px}
.navy-experience .home-editorial{grid-template-columns:1fr;max-width:900px}
.navy-experience .brand-statement{display:none}
.navy-experience .values-grid article{background:#1e2e47;border-radius:12px}
.navy-experience .faq-list details{padding:24px 0}
.navy-experience .faq-list summary{font-size:18px;line-height:1.7}
.navy-experience .faq-list p{font-size:17px;max-width:65ch}
.navy-experience .reveal{opacity:1!important;transform:none!important;transition:none!important}
.navy-experience .page-depth-repeat .web-depth-object:nth-child(n){opacity:.065;animation-duration:16s;max-width:330px}
.navy-experience .page-cta{border-radius:18px;margin:24px auto 48px;padding:44px 6%;max-width:1160px}
.breadcrumbs{max-width:1280px;margin:0 auto;padding:24px 5.5% 0;display:flex;gap:12px;flex-wrap:wrap;font-size:14px;color:#bfcde2}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px;padding-block:5px}.breadcrumbs span{padding-block:5px}
.navy-experience .contact-layout input,.navy-experience .contact-layout select,.navy-experience .contact-layout textarea{font-size:16px;min-height:48px;line-height:1.7}
@media(max-width:900px){.navy-experience .header nav a{padding:12px 16px;min-height:48px}.navy-experience .header nav{gap:5px}}
@media(max-width:700px){.navy-experience .section{padding-block:42px}.navy-experience .hero h1,.navy-experience .page-hero h1,html[lang=en] .navy-experience .hero h1,html[lang=en] .navy-experience .page-hero h1{font-size:34px}.navy-experience .hero-copy p,.navy-experience .page-hero p{font-size:17px}.navy-experience .hero-buttons{display:grid;grid-template-columns:1fr;width:100%;gap:12px}.navy-experience .hero-buttons .button{width:100%}.navy-experience .article-body,.navy-experience .detail-body{padding:28px 22px}.navy-experience .page-depth-repeat .web-depth-object:nth-child(n){opacity:.045;max-width:220px}.navy-experience .page-cta{margin-inline:4%}.navy-experience .header .language{font-size:12px}.navy-experience .service-card-copy{padding:24px}.navy-experience .text-hero{text-align:start}.breadcrumbs{padding-top:18px}}