@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#111d2b;--blue:#075d99;--deep:#062941;--cream:#f4f1eb;--sand:#e4ddd0;--line:rgba(17,29,43,.16);--serif:'Playfair Display',Georgia,serif;--sans:Manrope,Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{height:86px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;color:#fff;transition:.35s}.site-header.scrolled{position:fixed;background:rgba(6,41,65,.95);backdrop-filter:blur(14px);height:70px}.brand img{width:180px;max-height:62px;object-fit:contain;filter:brightness(0) invert(1)}.site-nav{display:flex;gap:29px;margin-left:auto;margin-right:42px}.site-nav a{font-size:12px;text-transform:uppercase;letter-spacing:.13em;opacity:.82}.site-nav a:hover,.site-nav a:focus{opacity:1}.header-store,.btn{border-radius:100px;display:inline-flex;align-items:center;gap:13px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800;transition:.3s}.header-store{background:#fff;color:var(--ink);padding:13px 18px}.header-store:hover,.btn:hover{transform:translateY(-3px);box-shadow:0 14px 25px rgba(0,0,0,.16)}.header-store span,.btn span{font-size:17px;line-height:.5}.menu-toggle{display:none}.hero{height:min(900px,100vh);min-height:660px;position:relative;overflow:hidden;background:var(--deep);color:#fff}.hero-media,.hero-media img,.hero-vignette{position:absolute;inset:0;width:100%;height:100%}.hero-media img{object-fit:cover;object-position:center;animation:heroZoom 12s ease-out both}.hero-vignette{background:linear-gradient(90deg,rgba(5,21,36,.83) 0%,rgba(5,27,43,.48) 48%,rgba(3,15,26,.18)),linear-gradient(0deg,rgba(4,20,33,.5),transparent 38%)}@keyframes heroZoom{from{transform:scale(1.12)}to{transform:scale(1)}}.hero-copy{position:absolute;z-index:2;top:50%;transform:translateY(-42%);left:clamp(24px,10vw,165px);max-width:720px}.eyebrow{font:500 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 20px;color:inherit;opacity:.75;display:flex;align-items:center;gap:10px}.eyebrow i{width:30px;height:1px;background:currentColor}.hero h1,.page-hero h1,.simple-hero h1{font:500 clamp(54px,7.2vw,115px)/.96 var(--serif);letter-spacing:-.05em;margin:0}.hero h1 em,.page-hero em,.simple-hero em,.display em,.statement em{font-weight:500;color:#c7e8fa}.hero-intro{max-width:460px;font-size:16px;line-height:1.7;margin:29px 0}.hero-actions{display:flex;align-items:center;gap:28px}.btn{padding:17px 23px}.btn-light{background:#fff;color:var(--ink)}.btn-dark{background:var(--deep);color:#fff}.btn-outline{border:1px solid var(--ink);padding:15px 20px}.text-link,.arrow-link{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.text-link span{font-size:20px;margin-left:7px}.scroll-cue{position:absolute;z-index:2;bottom:30px;right:4vw;font:10px var(--mono);letter-spacing:.15em;text-transform:uppercase;display:flex;gap:14px;align-items:center}.scroll-cue span{height:42px;width:1px;background:#fff;opacity:.7}.orb-one,.orb-two{position:absolute;border-radius:50%;filter:blur(1px);opacity:.45;mix-blend-mode:screen}.orb-one{width:480px;height:480px;background:#1aa9f4;right:-100px;top:5%;animation:float 9s infinite alternate ease-in-out}.orb-two{width:250px;height:250px;background:#dce87a;left:50%;bottom:-100px;animation:float 7s infinite alternate-reverse ease-in-out}@keyframes float{to{transform:translate3d(-40px,60px,0) scale(1.12)}}.section-pad{padding:clamp(75px,11vw,165px) clamp(24px,8vw,132px)}.intro-grid,.story{display:grid;grid-template-columns:1fr 2.3fr;gap:8vw}.section-label{font:500 10px var(--mono);letter-spacing:.15em;text-transform:uppercase;padding-top:18px}.display{font:500 clamp(40px,5vw,76px)/1.03 var(--serif);letter-spacing:-.045em;margin:0 0 30px}.display em{color:var(--blue)}.large-copy{font-size:clamp(19px,2vw,27px);line-height:1.6;max-width:780px;margin:0 0 29px}.arrow-link{border-bottom:1px solid var(--ink);padding-bottom:7px}.arrow-link b{font-size:17px;margin-left:16px}.marquee{overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);margin-top:100px;padding:18px 0;color:var(--blue);font:500 23px var(--mono);letter-spacing:.08em}.marquee div{display:inline-block;animation:marquee 25s linear infinite}.marquee i{font-style:normal;font-size:17px;margin:0 18px}@keyframes marquee{to{transform:translateX(-50%)}}.editorial{display:grid;grid-template-columns:1.25fr .9fr;background:var(--deep);color:#fff;min-height:700px}.editorial-image{position:relative;overflow:hidden}.editorial-image img{width:100%;height:100%;object-fit:cover;min-height:550px;opacity:.84}.image-tag{position:absolute;bottom:28px;left:28px;padding:15px;background:#fff;color:var(--ink);font:10px/1.6 var(--mono);letter-spacing:.1em}.editorial-copy{padding:clamp(65px,8vw,125px) clamp(28px,6vw,100px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.editorial-copy .display em{color:#b8dff4}.editorial-copy>p:not(.eyebrow){max-width:410px;margin:0 0 32px}.btn-outline{color:#fff;border-color:rgba(255,255,255,.7)}.solutions-preview{background:#edf3f4}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.solution-card{height:460px;position:relative;overflow:hidden;color:#fff;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}.solution-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,17,28,.75),transparent 65%);z-index:-1}.solution-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.solution-card:hover img{transform:scale(1.12)}.solution-card span{position:absolute;top:23px;left:25px;font:10px var(--mono)}.solution-card h3{font:500 29px/1.1 var(--serif);margin:0;max-width:170px}.solution-card>b{position:absolute;right:25px;bottom:23px;font-size:24px}.statement{min-height:680px;background:var(--deep);color:#fff;position:relative;overflow:hidden;padding:clamp(80px,11vw,150px) 8vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.statement-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1559329007-40df8a9345d8?auto=format&fit=crop&w=2000&q=90') center/cover;opacity:.3;mix-blend-mode:screen}.statement>*:not(.statement-bg){z-index:1}.statement h2{font:500 clamp(50px,7vw,105px)/.96 var(--serif);letter-spacing:-.05em;margin:0 0 40px}.page-hero{height:650px;color:#fff;position:relative;display:flex;align-items:end;padding:0 8vw 85px;overflow:hidden}.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.53)}.page-hero>div{z-index:1}.simple-hero{background:var(--deep);color:#fff;padding:180px 8vw 105px}.simple-hero h1{max-width:950px}.simple-hero>p:last-child{max-width:470px;font-size:17px;margin:28px 0 0}.story>div:last-child>p:not(.large-copy){max-width:680px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#d8e9f3;padding:65px 8vw;gap:25px}.metrics div{border-left:1px solid rgba(17,29,43,.35);padding-left:22px}.metrics strong{display:block;font:500 clamp(44px,5vw,75px)/1 var(--serif);letter-spacing:-.06em}.metrics small{font-size:.5em}.metrics span{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.split-image{display:grid;grid-template-columns:1fr 1fr;min-height:590px}.split-image>div:first-child img{height:100%;width:100%;object-fit:cover}.dark-copy{background:#0c2133;color:#fff;padding:clamp(55px,8vw,120px);display:flex;flex-direction:column;justify-content:center;align-items:start}.dark-copy p:not(.eyebrow){max-width:390px;margin:0 0 31px}.solution-list{padding-top:65px}.solution-list article{display:grid;grid-template-columns:10% 35% 1fr;gap:5%;padding:35px 0;border-top:1px solid var(--line);align-items:center}.solution-list article:last-child{border-bottom:1px solid var(--line)}.solution-num{font:12px var(--mono);color:var(--blue)}.solution-list img{width:100%;height:260px;object-fit:cover}.solution-list h2{font:500 clamp(31px,3.4vw,55px)/1 var(--serif);letter-spacing:-.04em;margin:0}.solution-list p{max-width:410px}.solution-list a{font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid;padding-bottom:5px}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;padding-block:90px}.contact-image img{height:650px;width:100%;object-fit:cover}.contact-details{padding:45px 11%;background:#dcecf2}.contact-details h2,.dubai h2{font:500 48px/1 var(--serif);letter-spacing:-.045em;margin:0 0 25px}.contact-details>a:not(.btn){display:block;font-size:16px;margin:8px 0;text-decoration:underline;text-decoration-color:rgba(0,0,0,.25);text-underline-offset:4px}.contact-details .hours{font-size:12px;font-family:var(--mono);margin:31px 0}.dubai{text-align:center;padding:80px 20px;background:#123650;color:#fff}.dubai .eyebrow{justify-content:center}.dubai h2{margin-bottom:13px}.policy-hero{background:var(--deep);color:#fff;padding:190px 8vw 80px}.policy-hero h1{font:500 clamp(50px,6.5vw,90px)/1 var(--serif);letter-spacing:-.05em;margin:0}.policy-hero>p:last-child{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-top:20px;opacity:.75}.policy-content{display:grid;grid-template-columns:22% 1fr;gap:9%;max-width:1400px;margin:auto}.policy-content aside{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;display:flex;flex-direction:column;align-items:start;gap:14px}.policy-content aside a{border-bottom:1px solid var(--line);padding-bottom:4px}.policy-intro{font:500 25px/1.55 var(--serif);margin:0 0 70px;max-width:800px}.policy-section{display:grid;grid-template-columns:60px 1fr;gap:25px;border-top:1px solid var(--line);padding:31px 0}.policy-section>span{font:11px var(--mono);color:var(--blue)}.policy-section h2{font:500 29px/1.15 var(--serif);letter-spacing:-.03em;margin:0 0 14px}.policy-section p{max-width:760px;margin:0 0 13px}.policy-section ul{padding-left:20px;margin:10px 0}.site-footer{background:#071923;color:#f5f4ef;padding:70px 8vw 23px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:40px;padding-bottom:65px}.footer-logo{width:180px;filter:brightness(0) invert(1);margin-bottom:22px}.footer-top p{font-size:13px;max-width:260px;color:#b1bcc2}.footer-top h4{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#a9c6d5;margin:6px 0 18px}.footer-top>div>a:not(.footer-store){display:block;font-size:12px;margin:9px 0;color:#e9eaeb}.footer-store{font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid #e9eaeb;padding-bottom:5px}.footer-bottom{border-top:1px solid rgba(255,255,255,.17);padding-top:22px;display:flex;justify-content:space-between;color:#9ca9af;font:10px var(--mono);letter-spacing:.07em}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:30;background:#25d366;color:#062c18;padding:13px 17px;border-radius:99px;font-size:11px;font-weight:800;box-shadow:0 7px 25px rgba(0,0,0,.2);display:flex;gap:8px;align-items:center}.whatsapp:first-letter{font-size:17px}.reveal{transition:opacity .8s ease,transform .8s ease}.reveal:not(.in-view){opacity:0;transform:translateY(20px)}
@media(max-width:800px){.site-header{height:72px;padding:0 20px}.brand img{width:150px;max-height:54px}.header-store{display:none}.menu-toggle{display:flex;border:0;background:none;padding:8px;flex-direction:column;gap:6px}.menu-toggle span{width:24px;height:1px;background:#fff}.site-nav{display:none;position:absolute;top:72px;left:0;width:100%;background:var(--deep);padding:22px 20px;margin:0}.site-nav.open{display:flex;flex-direction:column;gap:17px}.hero{min-height:660px}.hero-copy{left:24px;right:20px;transform:translateY(-40%)}.hero h1{font-size:59px}.hero-intro{font-size:14px}.scroll-cue{right:20px}.section-pad{padding:80px 24px}.intro-grid,.story{grid-template-columns:1fr;gap:26px}.large-copy{font-size:20px}.marquee{margin-top:65px;font-size:17px}.editorial{grid-template-columns:1fr}.editorial-image{height:400px}.editorial-image img{min-height:0}.editorial-copy{padding:70px 24px}.section-head{display:block}.section-head .arrow-link{display:inline-block;margin-top:12px}.solution-grid{grid-template-columns:1fr;gap:12px}.solution-card{height:390px}.page-hero{height:550px;padding:0 24px 60px}.page-hero h1,.simple-hero h1{font-size:54px}.simple-hero{padding:145px 24px 70px}.metrics{grid-template-columns:1fr 1fr;padding:45px 24px}.metrics div{padding-left:13px}.split-image{grid-template-columns:1fr}.split-image>div:first-child{height:360px}.dark-copy{padding:70px 24px}.solution-list{padding-top:45px}.solution-list article{grid-template-columns:45px 1fr;gap:17px}.solution-list img{grid-column:2;height:210px}.solution-list article>div:last-child{grid-column:2}.solution-list h2{font-size:38px}.contact-layout{grid-template-columns:1fr;padding:0}.contact-image img{height:380px}.contact-details{padding:55px 24px}.policy-hero{padding:140px 24px 60px}.policy-content{grid-template-columns:1fr;gap:35px}.policy-content aside{display:none}.policy-intro{font-size:21px;margin-bottom:45px}.policy-section{grid-template-columns:38px 1fr;gap:12px}.policy-section h2{font-size:25px}.footer-top{grid-template-columns:1fr 1fr;gap:36px 24px}.footer-top>div:first-child{grid-column:span 2}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}.whatsapp{right:14px;bottom:14px}.whatsapp span{display:none}}

/* High-performance motion and the “in use” showcase */
.hero-media{will-change:transform;transition:transform .85s cubic-bezier(.16,1,.3,1)}
.use-showcase{background:#f7f5f0;overflow:hidden}.use-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:65px}.use-intro{font-size:18px;line-height:1.75;max-width:460px;margin:0}.use-stage{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:270px 270px;gap:16px;position:relative;padding-bottom:60px}.use-card{position:relative;overflow:hidden;isolation:isolate;color:#fff;min-height:0;transform:translateZ(0);will-change:transform}.use-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,19,31,.87),rgba(3,19,31,.02) 70%);z-index:-1}.use-card img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;z-index:-2;transform:scale(1.03) translate(var(--card-shift,0));transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s;will-change:transform}.use-card:hover img{transform:scale(1.10) translate(var(--card-shift,0));filter:saturate(1.15)}.use-card-main{grid-row:span 2;min-height:556px}.use-overlay{position:absolute;inset:auto 0 0;padding:42px}.use-overlay span,.use-label span{font:10px var(--mono);letter-spacing:.15em;text-transform:uppercase}.use-overlay h3{font:500 clamp(37px,4vw,64px)/.96 var(--serif);letter-spacing:-.05em;margin:15px 0}.use-overlay p{max-width:370px;font-size:14px;margin:0 0 22px}.use-overlay a{font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid rgba(255,255,255,.8);padding-bottom:6px}.use-overlay b{font-size:17px;margin-left:11px}.use-label{position:absolute;inset:auto 25px 24px}.use-label h3{font:500 31px/1 var(--serif);letter-spacing:-.04em;margin:10px 0 0}.use-kinetic{position:absolute;z-index:2;right:-9px;bottom:0;transform:translateY(36%);background:var(--blue);color:#fff;border-radius:50%;width:145px;height:145px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:5px;padding:25px;text-align:center;font:9px/1.4 var(--mono);letter-spacing:.09em;animation:spin 18s linear infinite}.use-kinetic i{font-style:normal;color:#bde5f9}@keyframes spin{to{rotate:360deg}}.reveal{will-change:transform,opacity;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}
@media(max-width:800px){.use-heading{grid-template-columns:1fr;gap:20px;margin-bottom:38px}.use-intro{font-size:16px}.use-stage{grid-template-columns:1fr;grid-template-rows:410px 270px 270px;padding-bottom:28px}.use-card-main{grid-row:auto;min-height:0}.use-overlay{padding:26px}.use-overlay h3{font-size:42px}.use-kinetic{width:104px;height:104px;font-size:7px;right:-5px;bottom:-18px}.use-label h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* Final product-gateway enhancement: responsive, lightweight interaction */
body{overflow-x:hidden}.site-nav a{position:relative;transition:opacity .25s ease,color .25s ease}.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .32s cubic-bezier(.16,1,.3,1)}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}.btn,.header-store,.arrow-link,.text-link{will-change:transform}.btn:active,.header-store:active{transform:translateY(0) scale(.98)}.solution-card,.editorial-image,.tilt{transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease}.solution-card:hover{transform:translateY(-7px);box-shadow:0 22px 38px rgba(6,41,65,.16)}.arrow-link b{display:inline-block;transition:transform .28s ease}.arrow-link:hover b{transform:translate(4px,-4px)}
.product-departments{background:#e9e4da;position:relative}.department-intro{max-width:405px;font-size:16px;line-height:1.75;margin:0 0 5px}.department-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:58px}.department-card{position:relative;display:flex;min-height:350px;overflow:hidden;background:var(--deep);color:#fff;padding:25px;isolation:isolate;flex-direction:column;justify-content:flex-end;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease}.department-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,34,.05) 15%,rgba(3,20,34,.89) 100%);z-index:-1}.department-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease}.department-card:hover{transform:translateY(-8px);box-shadow:0 22px 38px rgba(6,41,65,.2)}.department-card:hover img{transform:scale(1.09);filter:saturate(1.1)}.department-card span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em;margin-bottom:auto}.department-card h3{font:500 34px/.98 var(--serif);letter-spacing:-.045em;margin:0 0 15px}.department-card b{font:700 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.department-store-card{background:var(--blue);background-image:radial-gradient(circle at 86% 13%,rgba(255,255,255,.18) 0 2px,transparent 3px),radial-gradient(circle at 24% 77%,rgba(255,255,255,.16) 0 1px,transparent 2px);transition:transform .55s cubic-bezier(.16,1,.3,1),background-color .35s}.department-store-card:before{display:none}.department-store-card:hover{background-color:#064a79}.department-store-card div{display:flex;min-height:300px;flex-direction:column;align-items:flex-start}.department-store-card h3{font-size:39px;margin-top:auto}.department-store-card p{font-size:13px;line-height:1.65;max-width:270px;margin:0 0 20px}.department-store-card em{font-style:italic}
.page-enter{animation:pageEnter .7s cubic-bezier(.16,1,.3,1) both}@keyframes pageEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.click-pulse{position:absolute;border-radius:50%;background:rgba(255,255,255,.44);pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:clickPulse .6s ease-out forwards}@keyframes clickPulse{to{transform:translate(-50%,-50%) scale(7);opacity:0}}
@media(max-width:800px){.department-intro{margin-top:20px;font-size:15px}.department-grid{grid-template-columns:1fr;gap:12px;margin-top:35px}.department-card{min-height:300px}.department-card h3{font-size:33px}.department-store-card div{min-height:250px}.department-store-card h3{font-size:38px}}
