@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
:root{--navy:#0B2F66;--navy2:#061D43;--orange:#EA7416;--gold:#C7A15A;--cream:#F6F1E8;--ink:#172033;--muted:#6C7688;--line:#E4E7EC;--white:#fff;--shadow:0 24px 70px rgba(7,30,68,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy2);color:#dbe5f4;font-size:12px}.topbar .container{height:34px;display:flex;align-items:center;justify-content:space-between}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(11,47,102,.08)}.nav{height:88px;display:flex;align-items:center;gap:24px}.logo{width:178px;height:auto}.navlinks{display:flex;align-items:center;gap:24px;margin-left:auto}.navlinks>a,.mega-trigger{font-size:14px;font-weight:700;color:#24334f;position:relative;padding:34px 0}.navlinks>a:hover,.mega-trigger:hover{color:var(--orange)}.mega-wrap{position:relative}.mega{position:absolute;top:78px;left:50%;transform:translateX(-55%);width:760px;background:white;border:1px solid #e6eaf0;border-radius:18px;box-shadow:var(--shadow);padding:28px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px;opacity:0;visibility:hidden;translate:0 8px;transition:.25s}.mega-wrap:hover .mega{opacity:1;visibility:visible;translate:0 0}.mega h5{margin:0 0 12px;font-size:12px;color:var(--orange);text-transform:uppercase;letter-spacing:.12em}.mega a{display:block;padding:7px 0;font-size:13px;font-weight:600;color:#31415c}.mega-feature{background:linear-gradient(145deg,var(--navy2),var(--navy));color:white;border-radius:15px;padding:22px}.mega-feature b{font-family:'Playfair Display',serif;font-size:22px;display:block;margin-bottom:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.01em;transition:.25s;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--orange),#f28e37);color:white;box-shadow:0 10px 24px rgba(234,116,22,.24)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(234,116,22,.34)}.btn-outline{border-color:#cfd6e2;color:var(--navy);background:white}.btn-dark{background:var(--navy2);color:white}.menu-btn{display:none;border:0;background:none;font-size:26px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f9f6f0 0%,#ffffff 52%,#eef3f8 100%);padding:78px 0 66px}.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:180px;background:url('dubai-skyline.svg') center bottom/cover no-repeat;pointer-events:none}.hero .container{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800;color:var(--orange);margin-bottom:15px}.eyebrow:before{content:'';width:28px;height:2px;background:var(--gold)}h1,h2,h3{margin-top:0}h1{font-family:'Playfair Display',serif;font-size:64px;line-height:1.03;letter-spacing:-.03em;color:var(--navy2);margin-bottom:22px}h2{font-family:'Playfair Display',serif;font-size:44px;line-height:1.08;color:var(--navy2)}.hero p,.section-copy{font-size:17px;line-height:1.8;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin:28px 0 30px}.trust{display:flex;flex-wrap:wrap;gap:10px}.trust span{font-size:11px;font-weight:800;color:#3c4a61;background:white;border:1px solid #e8eaf0;padding:9px 12px;border-radius:999px}.hero-showcase{position:relative;min-height:560px}.hero-photo{position:absolute;inset:0 34px 26px 12px;border-radius:34px;object-fit:cover;box-shadow:0 38px 80px rgba(9,36,75,.19);border:1px solid rgba(255,255,255,.9)}.hero-photo:nth-child(2){width:48%;height:42%;inset:auto 0 0 auto;border:8px solid white;border-radius:25px}.luxury-tag{position:absolute;left:-18px;bottom:52px;background:rgba(6,29,67,.95);color:white;border-radius:18px;padding:18px 22px;box-shadow:var(--shadow);font-size:13px}.luxury-tag b{display:block;color:#f6c36d;font-family:'Playfair Display';font-size:22px;margin-bottom:4px}
.section{padding:96px 0}.section.alt{background:#f7f8fa}.section.dark{background:linear-gradient(135deg,var(--navy2),var(--navy));color:white;position:relative;overflow:hidden}.section.dark h2{color:white}.section-title{max-width:720px;margin-bottom:14px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:white;border:1px solid #e8ebf0;border-radius:22px;overflow:hidden;transition:.3s;position:relative}.product-card:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(12,44,91,.14)}.product-card .img{height:255px;overflow:hidden;background:#f5f3ef}.product-card .img img{width:100%;height:100%;object-fit:cover;transition:.5s}.product-card:hover .img img{transform:scale(1.04)}.product-card .body{padding:22px}.product-card h3{font-size:19px;color:var(--navy);margin-bottom:8px}.product-card p{font-size:13px;color:var(--muted);line-height:1.7}.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--orange)}.card{background:white;border:1px solid #e6eaf0;border-radius:20px;padding:28px}.iconbox{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#fff4e8,#f5e5cc);color:var(--orange);display:grid;place-items:center;font-weight:900;margin-bottom:18px}.statline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.18);border-radius:22px;overflow:hidden;margin-top:40px}.statline div{padding:27px;background:rgba(255,255,255,.07)}.statline b{font-size:18px;display:block;margin-bottom:8px;color:#f5c46c}.statline span{font-size:12px;color:#dbe5f4;line-height:1.6}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}.process .card{counter-increment:s}.process .card:before{content:'0' counter(s);font-family:'Playfair Display';font-size:38px;color:#d7b87d;display:block;margin-bottom:18px}.cta{background:linear-gradient(135deg,#f7efe2,#fff);border:1px solid #eadcc7;border-radius:28px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:36px;margin-bottom:8px}
.page-hero{padding:86px 0 66px;background:linear-gradient(135deg,var(--navy2),var(--navy));color:white;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;right:-90px;bottom:-90px;width:390px;height:390px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.025)}.page-hero h1{color:white;font-size:54px}.page-hero p{max-width:700px;color:#d8e2ef;font-size:17px;line-height:1.8}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.filterbar button{border:1px solid #dfe4eb;background:white;padding:10px 14px;border-radius:999px;font-weight:700;font-size:12px;color:#44506a;cursor:pointer}.filterbar button.active{background:var(--navy);color:white;border-color:var(--navy)}.detail{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.detail-img{border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.specs{margin:24px 0;border-top:1px solid #e5e9ef}.specs div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #e5e9ef;font-size:13px}.specs b{color:var(--navy)}.quote-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:14px 15px;border:1px solid #dfe4eb;border-radius:12px;font:inherit;background:white}.quote-form textarea{min-height:130px;grid-column:1/-1}.quote-form .full{grid-column:1/-1}.footer{background:var(--navy2);color:#cbd7e6;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:42px}.footer h4{color:white;font-size:13px;text-transform:uppercase;letter-spacing:.09em}.footer a{display:block;font-size:13px;margin:9px 0}.footer p{font-size:13px;line-height:1.8}.footer .logo{filter:brightness(0) invert(1);opacity:.96}.footer-bottom{margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;font-size:11px}.float-actions{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:60}.float-actions a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:white;background:var(--navy);box-shadow:0 12px 30px rgba(0,0,0,.18)}.reveal{opacity:0;transform:translateY(18px);transition:.75s}.reveal.show{opacity:1;transform:none}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-weight:800}.catalogue-card{background:linear-gradient(145deg,var(--navy2),var(--navy));color:white;border-radius:24px;padding:34px;position:relative;overflow:hidden}.catalogue-card:after{content:'PDF';position:absolute;right:20px;bottom:-28px;font-size:110px;font-weight:900;color:rgba(255,255,255,.06)}.catalogue-card h3{font-family:'Playfair Display';font-size:30px}
@media(max-width:950px){.navlinks,.nav>.btn{display:none}.menu-btn{display:block;margin-left:auto}.nav.open .navlinks{display:flex;position:absolute;top:88px;left:0;right:0;background:white;flex-direction:column;align-items:flex-start;padding:22px 30px;border-top:1px solid #eee}.nav.open .navlinks>a,.nav.open .mega-trigger{padding:8px 0}.mega{display:none!important}.hero .container,.detail{grid-template-columns:1fr}.hero-showcase{min-height:460px}h1{font-size:48px}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.statline,.process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.topbar .container span:first-child{display:none}.topbar .container{justify-content:center}.hero{padding-top:52px}h1{font-size:40px}h2{font-size:34px}.page-hero h1{font-size:42px}.grid-2,.grid-3,.grid-4,.quote-form,.footer-grid,.statline,.process{grid-template-columns:1fr}.hero-showcase{min-height:380px}.hero-photo{inset:0 20px 30px 0}.hero-photo:nth-child(2){width:52%;height:42%}.cta{padding:30px;align-items:flex-start;flex-direction:column}.section{padding:68px 0}.footer-bottom{flex-direction:column;gap:10px}}

/* ===== Premium motion system v2 ===== */
:root{--ease-lux:cubic-bezier(.16,1,.3,1);--ease-snap:cubic-bezier(.22,.61,.36,1)}
body{overflow-x:hidden}
.header{transition:background .45s var(--ease-lux),box-shadow .45s var(--ease-lux),transform .45s var(--ease-lux)}
.header.scrolled{background:rgba(255,255,255,.82);box-shadow:0 14px 45px rgba(6,29,67,.08)}
.header .logo{width:178px;transform-style:preserve-3d;will-change:transform,filter;filter:drop-shadow(0 10px 18px rgba(6,29,67,.09));transition:filter .35s var(--ease-lux)}
.header a:hover>.logo{filter:drop-shadow(0 18px 28px rgba(6,29,67,.18))}
.footer .logo{filter:brightness(0) invert(1) drop-shadow(0 12px 28px rgba(0,0,0,.18));}
.navlinks>a:after,.mega-trigger:after{content:'';position:absolute;left:0;bottom:25px;width:100%;height:2px;background:linear-gradient(90deg,var(--orange),var(--gold));transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease-lux)}
.navlinks>a:hover:after,.navlinks>a.active:after,.mega-trigger:hover:after{transform:scaleX(1);transform-origin:left}
.mega{transform-origin:50% 0;transition:opacity .35s var(--ease-lux),visibility .35s,translate .35s var(--ease-lux),scale .35s var(--ease-lux);scale:.96;backdrop-filter:blur(18px)}
.mega-wrap:hover .mega{scale:1}

.hero{isolation:isolate;min-height:650px}
.hero:before{content:'';position:absolute;width:520px;height:520px;right:7%;top:-18%;border-radius:50%;background:radial-gradient(circle,rgba(234,116,22,.16),rgba(199,161,90,.07) 38%,transparent 70%);filter:blur(16px);animation:heroAura 9s ease-in-out infinite alternate;pointer-events:none}
.hero .container>div:first-child{animation:heroCopyIn 1.05s var(--ease-lux) both .18s}
.hero-showcase{perspective:1500px;transform-style:preserve-3d;will-change:transform}
.hero-photo{will-change:transform;transform-style:preserve-3d;transition:transform .35s var(--ease-lux),filter .45s var(--ease-lux);animation:heroFloat 7s ease-in-out infinite}
.hero-photo:nth-child(2){animation:heroFloat2 6s ease-in-out infinite;box-shadow:0 28px 70px rgba(6,29,67,.24)}
.hero-showcase:before{content:'';position:absolute;inset:8% 2% 5% 7%;border-radius:40px;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.6) 48%,transparent 76%);transform:translateX(-120%) skewX(-14deg);z-index:5;pointer-events:none;animation:heroSheen 6.5s ease-in-out infinite 1.6s}
.luxury-tag{backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.13);animation:tagFloat 5.5s ease-in-out infinite;z-index:7}

.product-card,.card,.catalogue-card,.cta{transform-style:preserve-3d;will-change:transform;transition:transform .48s var(--ease-lux),box-shadow .48s var(--ease-lux),border-color .35s}
.product-card:hover{box-shadow:0 34px 80px rgba(6,29,67,.18);border-color:rgba(199,161,90,.5)}
.product-card .img{position:relative}
.product-card .img:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.46) 49%,transparent 68%);transform:translateX(-135%);transition:transform .9s var(--ease-lux)}
.product-card:hover .img:after{transform:translateX(135%)}
.product-card .body{transform:translateZ(18px)}
.catalogue-card{background:radial-gradient(circle at 88% 14%,rgba(199,161,90,.18),transparent 32%),linear-gradient(145deg,var(--navy2),var(--navy));box-shadow:0 24px 60px rgba(0,0,0,.16)}
.catalogue-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 36px 86px rgba(0,0,0,.22)}

.btn{position:relative;overflow:hidden;isolation:isolate}
.btn:before{content:'';position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.55) 50%,transparent 75%);transform:translateX(-140%);transition:transform .7s var(--ease-lux);z-index:-1}
.btn:hover:before{transform:translateX(140%)}
.btn-primary{background:linear-gradient(120deg,#d95f08,#f08b35 48%,#d99d42);background-size:180% 180%;animation:buttonGradient 7s ease infinite}

.reveal{opacity:0;transform:translateY(32px) scale(.985);filter:blur(7px);transition:opacity .9s var(--ease-lux),transform .9s var(--ease-lux),filter .9s var(--ease-lux)}
.reveal.show{opacity:1;transform:none;filter:none}

/* cinematic page intro and link transition */
.page-intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#103e7d 0%,#061d43 58%,#031227 100%);clip-path:inset(0 0 0 0);transition:clip-path 1.05s var(--ease-lux);pointer-events:all}
.page-intro.is-done{clip-path:inset(0 0 100% 0);pointer-events:none}
.page-intro .intro-inner{display:grid;place-items:center;perspective:1000px}
.page-intro img{width:min(330px,64vw);height:auto;filter:drop-shadow(0 34px 50px rgba(0,0,0,.38));animation:introLogo 1.45s var(--ease-lux) both}
.page-intro .intro-line{width:0;height:2px;margin-top:28px;background:linear-gradient(90deg,transparent,var(--orange),var(--gold),transparent);box-shadow:0 0 24px rgba(234,116,22,.7);animation:introLine 1.1s var(--ease-lux) forwards .25s}
.page-intro.is-exit{clip-path:inset(0 0 0 0);transition-duration:.62s}
body.page-leaving{overflow:hidden}

/* subtle premium pointer glow */
.motion-glow{position:fixed;width:340px;height:340px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(234,116,22,.07),transparent 68%);transform:translate(-50%,-50%);transition:opacity .3s;opacity:.9}

@keyframes introLogo{0%{opacity:0;transform:rotateX(70deg) rotateY(-22deg) scale(.7) translateY(35px)}55%{opacity:1;transform:rotateX(-7deg) rotateY(5deg) scale(1.05) translateY(0)}100%{opacity:1;transform:rotateX(0) rotateY(0) scale(1)}}
@keyframes introLine{to{width:min(420px,72vw)}}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(35px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes heroFloat{0%,100%{transform:translate3d(0,0,0) rotateY(-1.5deg) rotateX(.8deg)}50%{transform:translate3d(0,-14px,22px) rotateY(1.8deg) rotateX(-.7deg)}}
@keyframes heroFloat2{0%,100%{transform:translate3d(0,0,34px) rotateZ(0deg)}50%{transform:translate3d(-8px,-12px,52px) rotateZ(-1.1deg)}}
@keyframes tagFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes heroSheen{0%,68%{transform:translateX(-140%) skewX(-14deg);opacity:0}74%{opacity:.9}100%{transform:translateX(150%) skewX(-14deg);opacity:0}}
@keyframes heroAura{to{transform:translate(-70px,55px) scale(1.12)}}
@keyframes buttonGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

@media(max-width:950px){.navlinks>a:after,.mega-trigger:after{display:none}.hero{min-height:auto}.motion-glow{display:none}}
@media(max-width:620px){.header .logo{width:150px}.page-intro img{width:240px}.hero-showcase:before{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.page-intro{display:none}.reveal{opacity:1;transform:none;filter:none}.motion-glow{display:none}}

/* premium catalogue presentation */
.catalogue-wow{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;padding:24px!important;overflow:hidden;position:relative}
.catalogue-wow:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-100px;background:radial-gradient(circle,rgba(246,195,109,.22),transparent 68%);pointer-events:none}
.catalogue-cover{position:relative;perspective:900px}
.catalogue-cover img{display:block;width:100%;aspect-ratio:210/297;object-fit:cover;border-radius:7px;box-shadow:0 26px 55px rgba(0,0,0,.34);transform:rotateY(8deg) rotateX(2deg);transition:transform .6s var(--ease-lux),box-shadow .6s var(--ease-lux)}
.catalogue-wow:hover .catalogue-cover img{transform:rotateY(0) rotateX(0) translateY(-4px);box-shadow:0 34px 70px rgba(0,0,0,.42)}
.catalogue-copy{position:relative;z-index:2}
@media(max-width:620px){.catalogue-wow{grid-template-columns:105px 1fr;gap:16px;padding:18px!important}.catalogue-wow h3{font-size:20px}.catalogue-wow p{font-size:13px}}

/* ===== v4 precision fixes: vector logo + photographic product system ===== */
.header{overflow:visible}
.nav{height:82px;min-height:82px}
.header .nav>a:first-child{display:flex;align-items:center;flex:0 0 178px;height:70px;overflow:visible;perspective:900px}
.logo,.header .logo{width:178px!important;height:58px!important;max-height:58px!important;object-fit:contain;object-position:left center;display:block;transform-origin:20% 50%}
.footer .logo{width:220px!important;height:auto!important;max-height:none!important;filter:none!important}
.page-intro img{width:min(420px,72vw)!important;height:auto!important;max-height:190px;object-fit:contain}
.hero-photo,.product-card .img img,.detail-img img{background:#f4f0e9}
.hero-photo{object-fit:cover;object-position:center}
.product-card .img{height:270px;background:linear-gradient(145deg,#f8f5ef,#ece8df)}
.product-card .img img{object-fit:cover;object-position:center;width:100%;height:100%;filter:saturate(.96) contrast(1.02)}
.detail-img{background:#f4f0e9;aspect-ratio:1/1}
.detail-img img{width:100%;height:100%;object-fit:cover}
.photo-credit{font-size:10px;color:#8490a2;margin-top:8px}
@media(max-width:950px){.header .nav>a:first-child{flex-basis:160px}.logo,.header .logo{width:160px!important;height:54px!important;max-height:54px!important}.nav{height:78px}.nav.open .navlinks{top:78px}}
@media(max-width:620px){.header .nav>a:first-child{flex-basis:142px}.logo,.header .logo{width:142px!important;height:48px!important;max-height:48px!important}.nav{height:72px}.nav.open .navlinks{top:72px}.page-intro img{width:280px!important}}