@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Manrope:wght@300;400;500;600&family=Montserrat:wght@300;400;500;600&family=Noto+Kufi+Arabic:wght@300;400;500;600&family=Noto+Naskh+Arabic:wght@500;600&display=swap');
:root{--black:#080808;--ink:#151310;--paper:#f4efe6;--paper2:#e9e0d2;--gold:#bd8a4c;--muted:#9b958d;--line:rgba(189,138,76,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Montserrat,Arial,sans-serif;line-height:1.65}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 48px));margin:auto}.eyebrow{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-weight:500}.serif,h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:.92;margin:0}h1{font-size:clamp(4.2rem,8vw,8.8rem)}h2{font-size:clamp(3.2rem,6vw,6.2rem)}h3{font-size:2.25rem}.muted{color:#bdb7ae}
header{position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(#080808e8,#080808a0,transparent);transition:.3s}header.scrolled{background:#080808f2;border-bottom:1px solid #ffffff12}.nav{height:96px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand img{width:62px;height:62px;object-fit:contain;background:#fff;padding:5px}.brand span{font-size:.72rem;letter-spacing:.22em}.navlinks{display:flex;align-items:center;gap:28px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.navlinks a{opacity:.84}.navlinks a:hover{color:var(--gold);opacity:1}.navcta,.btn-gold,.btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 27px;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem}.navcta,.btn-gold{background:var(--gold);color:#fff}.btn-outline{border:1px solid #ffffff77}.mobile-menu{display:none;border:0;background:none;color:#fff;font-size:2rem}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.hero{height:100svh;min-height:720px;position:relative;overflow:hidden}.hero>img{position:absolute;inset:0}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050505e8 0%,#050505a8 42%,#05050518 76%),linear-gradient(0deg,#050505b0,transparent 50%)}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:72px;max-width:900px}.hero-copy{max-width:660px;font-size:1.05rem;color:#e2ddd6}.scroll-note{position:absolute;right:24px;bottom:30px;z-index:2;font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;writing-mode:vertical-rl;color:#aaa}
section{padding:120px 0}.light{background:var(--paper);color:var(--ink)}.dark2{background:#0f0f0f}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:54px}.section-head>p{max-width:430px;color:var(--muted)}
.trustbar{background:#111;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr)}.trustitem{padding:26px;border-right:1px solid #ffffff13}.trustitem:last-child{border:0}.trustitem b,.trustitem small{display:block}.trustitem b{font-family:'Cormorant Garamond';font-size:1.45rem}.trustitem small{color:#999;font-size:.7rem}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{height:680px;position:relative;overflow:hidden;border:1px solid #ffffff18}.project-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050505f2 0%,#05050525 65%)}.project-card img{transition:transform .8s ease,filter .8s}.project-card:hover img{transform:scale(1.035);filter:saturate(1.08)}.project-copy{position:absolute;z-index:2;inset:auto 30px 30px}.project-copy h3{font-size:3rem;margin:8px 0 16px}.project-copy p{font-size:.82rem;color:#d2ccc4}.link{color:var(--gold);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase}
.editorial{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.editorial .feature{height:760px}.editorial .stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}.editorial .stack>div{height:371px}.image-tile{position:relative;overflow:hidden}.image-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050505aa,transparent 45%)}.image-tile span{position:absolute;z-index:2;left:22px;bottom:20px;color:#fff;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}.image-tile img{transition:.7s}.image-tile:hover img{transform:scale(1.025)}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff15}.service{background:#101010;padding:42px 28px;min-height:320px}.service i{font-style:normal;color:var(--gold);font-family:'Cormorant Garamond';font-size:2rem}.service h3{font-size:2rem;margin:50px 0 12px}.service p{color:#999;font-size:.82rem}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #222;border-left:1px solid #222}.step{padding:34px;border-right:1px solid #222;border-bottom:1px solid #222}.step b{color:var(--gold)}.step h3{font-size:2rem;margin:34px 0 8px}.step p{font-size:.82rem;color:#777}
.partner-band{padding:0;display:grid;grid-template-columns:1fr 1fr;min-height:680px}.partner-copy{padding:100px 9vw;background:#101010}.partner-copy p{color:#aaa;max-width:560px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0}.role{border-top:1px solid var(--line);padding-top:18px}.role b,.role small{display:block}.role small{color:#aaa;margin-top:10px}.cta-section{text-align:center;background:linear-gradient(#0d0d0dea,#0d0d0dea),url('ab-display.jpeg') center/cover}.cta-section p{max-width:650px;margin:24px auto;color:#bbb}.cta-section .actions{justify-content:center}
footer{padding:70px 0 24px;background:#070707;border-top:1px solid #ffffff12}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px}.footergrid h4{color:var(--gold);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.footergrid a,.footergrid p{display:block;color:#999;font-size:.78rem;margin:10px 0}.copyright{border-top:1px solid #ffffff12;margin-top:45px;padding-top:20px;color:#666;font-size:.67rem}.whatsapp{position:fixed;right:28px;bottom:28px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#18b870;z-index:60;font-size:1.3rem;box-shadow:0 12px 35px #0007}
.page-hero{height:88svh;min-height:660px;position:relative}.page-hero>img{position:absolute;inset:0}.page-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#060606e2,#06060665 58%,#06060620),linear-gradient(0deg,#060606c7,transparent 55%)}.page-hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:70px}.page-hero h1{max-width:980px;font-size:clamp(4rem,9vw,8rem)}.facts{display:flex;gap:36px;flex-wrap:wrap;margin-top:22px;text-transform:uppercase;letter-spacing:.15em;font-size:.66rem}.project-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.project-intro p{font-size:1rem;color:#6f685f}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.gallery-grid figure{margin:0;overflow:hidden;min-height:380px}.gallery-grid figure:nth-child(6n+1){grid-column:span 7}.gallery-grid figure:nth-child(6n+2){grid-column:span 5}.gallery-grid figure:nth-child(6n+3){grid-column:span 4}.gallery-grid figure:nth-child(6n+4){grid-column:span 8}.gallery-grid figure:nth-child(6n+5){grid-column:span 6}.gallery-grid figure:nth-child(6n+6){grid-column:span 6}.gallery-grid img{transition:.7s}.gallery-grid figure:hover img{transform:scale(1.025)}.project-nav{display:flex;justify-content:space-between;gap:20px}.project-nav a{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.container{width:min(100% - 36px,1180px)}.nav{height:86px}.brand span{display:none}.brand img{width:58px;height:58px}.mobile-menu{display:block}.navlinks{position:absolute;top:86px;left:0;right:0;background:#080808;padding:28px;display:none;flex-direction:column;align-items:center;gap:28px}.navlinks.open{display:flex}.hero{min-height:760px}.hero:after{background:linear-gradient(0deg,#050505e8 0%,#05050555 80%),linear-gradient(90deg,#050505b8,#05050512)}.hero-content{justify-content:flex-end;padding-bottom:80px}.hero h1{font-size:clamp(3.65rem,17vw,5.8rem)}section{padding:85px 0}.split,.project-intro,.partner-band{grid-template-columns:1fr}.section-head{display:block}.trustgrid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.project-card{height:650px}.editorial{grid-template-columns:1fr}.editorial .feature{height:570px}.services{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:1fr 1fr}.page-hero{min-height:720px}.page-hero h1{font-size:clamp(3.7rem,16vw,6rem);line-height:.88}.gallery-grid figure{grid-column:span 12!important;min-height:430px}.partner-copy{padding:75px 28px}}
@media(max-width:560px){.container{width:calc(100% - 32px)}h2{font-size:3.4rem}.hero h1{font-size:4.25rem}.hero-copy{font-size:.92rem}.actions{display:grid;width:100%}.btn-gold,.btn-outline{width:100%}.trustgrid,.services,.process-grid,.footergrid,.role-grid{grid-template-columns:1fr}.trustitem{border-right:0;border-bottom:1px solid #ffffff13}.project-card{height:600px}.project-copy h3{font-size:2.65rem}.page-hero{height:82svh;min-height:650px}.page-hero-content{padding-bottom:48px}.page-hero h1{font-size:3.8rem}.facts{gap:15px;font-size:.58rem}.gallery-grid figure{min-height:350px}.whatsapp{width:56px;height:56px;right:18px;bottom:18px}}

/* Premium final refinements */
body{overflow-x:hidden}.hero>img,.page-hero>img{animation:heroReveal 1.4s cubic-bezier(.2,.7,.2,1) both}@keyframes heroReveal{from{opacity:.35;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
.hero-content .eyebrow,.hero-content h1,.hero-content .hero-copy,.hero-content .actions{animation:contentRise .9s ease both}.hero-content h1{animation-delay:.08s}.hero-content .hero-copy{animation-delay:.16s}.hero-content .actions{animation-delay:.24s}@keyframes contentRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.btn-gold,.btn-outline,.navcta{transition:transform .25s ease,background .25s ease,border-color .25s ease}.btn-gold:hover,.navcta:hover{transform:translateY(-2px);background:#cf9c5d}.btn-outline:hover{transform:translateY(-2px);border-color:var(--gold);color:var(--gold)}
.signature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfc3b3}.signature-grid>div{padding:38px 34px 20px;border-right:1px solid #cfc3b3}.signature-grid>div:last-child{border-right:0}.signature-grid b{color:var(--gold);font-size:.75rem;letter-spacing:.2em}.signature-grid h3{margin:34px 0 12px}.signature-grid p{font-size:.84rem;color:#70675d}
.gallery-grid figure{cursor:zoom-in;position:relative}.gallery-grid figure:after{content:'VIEW';position:absolute;right:16px;bottom:16px;background:#080808c9;color:#fff;padding:8px 12px;font-size:.55rem;letter-spacing:.18em;opacity:0;transition:.25s}.gallery-grid figure:hover:after,.gallery-grid figure:focus:after{opacity:1}
.lightbox{position:fixed;inset:0;background:#050505f5;z-index:1000;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{width:auto;height:auto;max-width:92vw;max-height:88vh;object-fit:contain}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:1px solid #ffffff44;background:#080808cc;color:#fff;cursor:pointer}.lightbox-close{top:22px;right:22px;width:48px;height:48px;font-size:1.6rem}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:52px;height:64px;font-size:1.7rem}.lightbox-prev{left:22px}.lightbox-next{right:22px}.lightbox-count{position:absolute;bottom:18px;color:#aaa;font-size:.62rem;letter-spacing:.18em}
.whatsapp{font-size:.67rem;font-weight:600;letter-spacing:.08em;color:white}.whatsapp:hover{transform:translateY(-3px)}
@media(max-width:900px){.signature-grid{grid-template-columns:1fr}.signature-grid>div{border-right:0;border-bottom:1px solid #cfc3b3}.signature-grid>div:last-child{border-bottom:0}.lightbox-prev{left:8px}.lightbox-next{right:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   DWELLIO — PREMIUM UI / DESIGN SYSTEM 2.0
   ========================================================= */
:root{
  --gold:#c7a16b;
  --gold-soft:#dfc79f;
  --ink:#11100f;
  --paper:#f1ede6;
  --paper-2:#e8e1d7;
  --night:#090909;
  --night-2:#10100f;
  --line:rgba(255,255,255,.14);
  --ease:cubic-bezier(.22,.61,.36,1);
}
html{scroll-padding-top:110px}
body{background:var(--night);font-kerning:normal;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);z-index:999;opacity:.8}
.site-grain{position:fixed;inset:0;pointer-events:none;z-index:900;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-loader{position:fixed;inset:0;background:#070707;z-index:2000;display:grid;place-items:center;animation:loaderOut .85s .38s var(--ease) forwards;pointer-events:none}
.site-loader span{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,7vw,5.5rem);letter-spacing:.28em;color:#efe9df;transform:translateX(.14em);animation:loaderText .75s var(--ease) both}
@keyframes loaderText{from{opacity:0;letter-spacing:.5em}to{opacity:1;letter-spacing:.28em}}
@keyframes loaderOut{to{opacity:0;visibility:hidden}}

header{height:auto;background:linear-gradient(180deg,rgba(4,4,4,.8),rgba(4,4,4,0));border:0;transition:background .45s var(--ease),backdrop-filter .45s var(--ease),box-shadow .45s var(--ease)}
header.scrolled{background:rgba(8,8,8,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 45px rgba(0,0,0,.28);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:104px}
.brand{gap:14px}
.brand img{width:66px;height:66px;border-radius:0;object-fit:contain;background:rgba(255,255,255,.95);padding:5px;box-shadow:0 8px 30px rgba(0,0,0,.16)}
.brand-wordmark{display:flex!important;flex-direction:column;font-family:'Cormorant Garamond',serif;font-size:1.42rem;line-height:.88;letter-spacing:.16em;color:#fff}
.brand-wordmark small{font-family:Arial,sans-serif;font-size:.5rem;letter-spacing:.44em;color:var(--gold);margin-top:9px}
.navlinks{gap:28px}
.navlinks>a:not(.navcta){position:relative;padding:38px 0 34px;font-size:.64rem;letter-spacing:.19em}
.navlinks>a:not(.navcta):after{content:"";position:absolute;left:0;right:100%;bottom:28px;height:1px;background:var(--gold);transition:right .32s var(--ease)}
.navlinks>a:not(.navcta):hover:after{right:0}
.navcta{padding:13px 18px;border:1px solid rgba(199,161,107,.72);background:transparent;color:var(--gold-soft)}
.navcta:hover{color:#111;background:var(--gold)}

.hero{min-height:920px;height:100svh;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 75% 35%,transparent 0 20%,rgba(0,0,0,.15) 48%,rgba(0,0,0,.55) 100%)}
.hero:after{background:linear-gradient(90deg,rgba(4,4,4,.88) 0%,rgba(4,4,4,.55) 44%,rgba(4,4,4,.08) 78%),linear-gradient(0deg,rgba(4,4,4,.75),transparent 48%)}
.hero>img{filter:saturate(.88) contrast(1.03)}
.hero-content{padding-top:112px;max-width:820px}
.hero-content:before{content:"";display:block;width:86px;height:1px;background:var(--gold);margin-bottom:24px}
.hero h1{letter-spacing:-.045em;line-height:.82;text-wrap:balance;text-shadow:0 8px 35px rgba(0,0,0,.28)}
.hero-copy{max-width:600px;font-size:1.02rem;line-height:1.8;color:#d8d2ca}
.eyebrow{letter-spacing:.24em;font-size:.62rem}
.scroll-note{right:34px;bottom:72px;left:auto;writing-mode:vertical-rl;letter-spacing:.26em;color:#d5c4ab}
.scroll-note:after{content:"";display:inline-block;width:1px;height:62px;background:linear-gradient(var(--gold),transparent);margin-top:16px}
.actions{gap:12px;margin-top:32px}
.btn-gold,.btn-outline{min-height:54px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.17em;font-size:.61rem}
.btn-gold{box-shadow:0 10px 35px rgba(199,161,107,.18)}

.trustbar{position:relative;background:#0d0d0c}
.trustitem{padding:31px 28px}
.trustitem b{font-size:1.55rem;font-weight:500}.trustitem small{margin-top:8px;letter-spacing:.06em}
section{padding:140px 0}
h2{letter-spacing:-.038em;line-height:.9;text-wrap:balance}
.light{background:linear-gradient(135deg,#f3efe8,#ebe4da)}
.dark2{background:radial-gradient(circle at 70% 0,rgba(199,161,107,.065),transparent 34%),#0c0c0b}
.split{gap:110px}
.split>div:last-child{padding-top:14px}
.split p{font-size:1rem;line-height:1.9;color:#6d655c}
.section-head{margin-bottom:68px}
.project-grid{gap:18px}
.project-card{height:760px;border:0;background:#111}
.project-card:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.19);z-index:2;opacity:0;transform:scale(.98);transition:.45s var(--ease)}
.project-card:hover:before{opacity:1;transform:none}
.project-card:after{background:linear-gradient(0deg,rgba(4,4,4,.96) 0%,rgba(4,4,4,.18) 65%)}
.project-copy{inset:auto 40px 38px}
.project-copy h3{font-size:3.35rem;line-height:.87}
.project-copy p{max-width:310px;line-height:1.65}
.project-card .link{display:inline-block;margin-top:13px}
.editorial{gap:22px}.editorial .stack{gap:22px}.image-tile{background:#111}.image-tile img{filter:saturate(.9)}
.image-tile:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.16);z-index:2;pointer-events:none}
.services{gap:12px;background:transparent}
.service{position:relative;background:linear-gradient(145deg,#121211,#0c0c0b);padding:50px 34px;border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:transform .4s var(--ease),border-color .4s}
.service:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(199,161,107,.13);border-radius:50%;right:-65px;top:-65px}
.service:hover{transform:translateY(-8px);border-color:rgba(199,161,107,.45)}
.service h3{margin-top:72px}
.process-grid{border-color:#c9bca8}
.step{min-height:270px;transition:background .35s}.step:hover{background:rgba(199,161,107,.075)}
.step b{font-size:.67rem;letter-spacing:.2em}
.signature-grid>div{padding:46px 40px 28px}
.partner-band{min-height:780px}
.partner-image{position:relative}.partner-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(9,9,9,.3))}
.partner-copy{padding:120px 9vw;display:flex;flex-direction:column;justify-content:center}
.role{padding-top:22px}
.cta-section{padding:160px 0;background-attachment:fixed}
.cta-section h2{max-width:900px;margin-inline:auto}
footer{padding-top:88px}
.footergrid{gap:55px}
.footergrid h4{margin-bottom:18px}
.footergrid a{transition:color .25s,transform .25s}.footergrid a:hover{color:var(--gold-soft);transform:translateX(3px)}
.whatsapp{border:1px solid rgba(255,255,255,.38);box-shadow:0 12px 35px rgba(0,0,0,.38);transition:.3s var(--ease)}

.page-hero{height:92svh;min-height:760px}
.page-hero:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 70% 20%,transparent,rgba(0,0,0,.32) 72%)}
.page-hero-content{padding-bottom:88px}
.page-hero h1{letter-spacing:-.05em;line-height:.79;max-width:1100px}
.facts{padding-top:22px;border-top:1px solid rgba(255,255,255,.2);max-width:760px}
.gallery-grid{gap:22px}
.gallery-grid figure{min-height:470px;background:#111}
.gallery-grid figure:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.14);z-index:1;opacity:0;transition:.35s}
.gallery-grid figure:hover:before{opacity:1}
.project-nav{padding-top:34px;border-top:1px solid #c9bca8}

@media(max-width:900px){
  header{background:rgba(8,8,8,.88);backdrop-filter:blur(16px)}
  .nav{height:92px}.brand img{width:64px;height:64px}.brand-wordmark{display:flex!important;font-size:1.22rem}
  .mobile-menu{width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:transparent}
  .mobile-menu span{display:block;width:24px;height:1px;background:#fff;transition:.3s}
  .mobile-menu[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
  .mobile-menu[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .navlinks{top:92px;min-height:calc(100svh - 92px);justify-content:center;background:rgba(7,7,7,.97);backdrop-filter:blur(18px)}
  .navlinks>a:not(.navcta){padding:4px 0;font-family:'Cormorant Garamond',serif;font-size:2rem;letter-spacing:.03em;text-transform:none}
  .navlinks>a:not(.navcta):after{display:none}.navcta{margin-top:14px}
  .hero{min-height:800px}.hero-content{padding-top:105px;padding-bottom:75px;justify-content:flex-end}
  .hero:after{background:linear-gradient(0deg,rgba(4,4,4,.92),rgba(4,4,4,.2) 80%),linear-gradient(90deg,rgba(4,4,4,.65),transparent)}
  .hero h1{font-size:clamp(4rem,15vw,6.4rem)}
  .scroll-note{display:none}
  section{padding:100px 0}.split{gap:45px}.section-head{margin-bottom:45px}
  .project-card{height:690px}.partner-band{min-height:unset}.partner-image{height:620px}
  .partner-copy{padding:90px 30px}.cta-section{background-attachment:scroll}
  .page-hero{min-height:720px}.page-hero-content{padding-bottom:60px}
}
@media(max-width:560px){
  .container{width:calc(100% - 34px)}
  .brand-wordmark{display:none!important}.brand img{width:62px;height:62px}
  h2{font-size:3.15rem}.hero h1{font-size:3.95rem}.hero-copy{font-size:.9rem;line-height:1.65}
  .hero-content:before{width:58px;margin-bottom:18px}.eyebrow{font-size:.56rem;line-height:1.6}
  .trustitem{padding:24px 16px}.project-card{height:620px}.project-copy{inset:auto 26px 28px}.project-copy h3{font-size:2.75rem}
  .editorial .feature{height:520px}.image-tile:before{inset:9px}.service{min-height:275px;padding:38px 25px}.service h3{margin-top:50px}
  .step{min-height:220px;padding:28px 24px}.signature-grid>div{padding:38px 25px 24px}.partner-image{height:520px}
  .page-hero{min-height:660px}.page-hero h1{font-size:3.5rem}.facts{gap:12px}.gallery-grid{gap:12px}.gallery-grid figure{min-height:360px}
}

/* =========================================================
   DWELLIO STABLE MOBILE NAVIGATION — 2026-07-28
   This final override intentionally sits at the end of the file.
   ========================================================= */
.mobile-menu{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(8,8,8,.78);
  color:#fff;
  width:50px;
  height:50px;
  padding:0;
  border-radius:50%;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
  cursor:pointer;
  position:relative;
  z-index:1002;
  box-shadow:0 8px 28px rgba(0,0,0,.32);
  -webkit-tap-highlight-color:transparent;
}
.mobile-menu span{
  display:block!important;
  width:22px!important;
  height:2px!important;
  min-height:2px;
  background:#fff!important;
  border-radius:999px;
  opacity:1!important;
  visibility:visible!important;
  transform-origin:center;
  transition:transform .28s ease,opacity .2s ease;
}
.mobile-menu[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.mobile-menu[aria-expanded="true"] span:nth-child(2){opacity:0!important}
.mobile-menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

@media (max-width:900px){
  header{z-index:1000!important}
  .nav{position:relative;z-index:1001}
  .mobile-menu{display:flex!important;flex:0 0 50px!important}
  .navlinks{
    display:flex!important;
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    min-height:100dvh!important;
    padding:120px 28px 48px!important;
    background:rgba(7,7,7,.985)!important;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:22px!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-14px);
    transition:opacity .28s ease,visibility .28s ease,transform .28s ease;
    z-index:1000!important;
    overflow-y:auto;
  }
  .navlinks.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .navlinks>a:not(.navcta){
    font-family:'Cormorant Garamond',Georgia,serif!important;
    font-size:clamp(1.9rem,8vw,2.6rem)!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
    padding:5px 0!important;
  }
  .navlinks .navcta{margin-top:10px!important;min-width:240px}
  body.menu-open{overflow:hidden!important;touch-action:none}
}

@media (min-width:901px){.mobile-menu{display:none!important}}


/* DWELLIO EN / AR LANGUAGE SYSTEM */
.language-switch{display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;transition:.25s;background:rgba(8,8,8,.38);backdrop-filter:blur(8px)}
.language-switch:hover{border-color:var(--gold);color:var(--gold)}
html[dir="rtl"] body{font-family:'Noto Kufi Arabic','Montserrat',Arial,sans-serif;text-align:right}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{font-family:'Noto Naskh Arabic','Cormorant Garamond',serif;line-height:1.12;letter-spacing:0}
html[dir="rtl"] .eyebrow{letter-spacing:.08em}
html[dir="rtl"] .navlinks,html[dir="rtl"] .actions,html[dir="rtl"] .brand,html[dir="rtl"] .facts,html[dir="rtl"] .role-grid{direction:rtl}
html[dir="rtl"] .project-copy,html[dir="rtl"] .page-hero-content,html[dir="rtl"] .partner-copy{text-align:right}
html[dir="rtl"] .footergrid a:hover{transform:translateX(-3px)}
html[dir="rtl"] .scroll-note{left:30px;right:auto}
html[dir="rtl"] .whatsapp{right:auto;left:24px}
html[dir="rtl"] .link{direction:rtl}
@media(max-width:900px){.language-switch{margin-inline-start:auto;margin-inline-end:12px;min-width:62px;height:38px}.nav{gap:10px}.mobile-menu{flex:0 0 auto}html[dir="rtl"] .navlinks{text-align:center}}
@media(max-width:560px){.language-switch{min-width:54px;padding:0 10px;font-size:.62rem}.nav{height:96px}.brand img{width:58px;height:58px}}


/* =========================================================
   DWELLIO FINAL BILINGUAL HEADER — v4
   Visible language control on mobile and desktop.
   ========================================================= */
.nav{position:relative}
.language-switch{
  flex:0 0 auto;
  white-space:nowrap;
  z-index:1003;
  font-weight:600;
}
.menu-language-switch{display:none!important}
@media (max-width:900px){
  .nav{padding-inline:0!important}
  .brand{margin-inline-end:auto}
  .language-switch{
    display:inline-flex!important;
    position:absolute!important;
    inset-inline-end:64px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    min-width:78px!important;
    height:42px!important;
    padding:0 12px!important;
    border-color:rgba(201,151,85,.72)!important;
    color:#d8b27c!important;
    background:rgba(8,8,8,.9)!important;
    font-size:.66rem!important;
    letter-spacing:.08em!important;
  }
  .mobile-menu{position:absolute!important;inset-inline-end:0!important;top:50%!important;transform:translateY(-50%)!important}
  .navlinks .menu-language-switch{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    order:-1;
    width:auto!important;
    min-width:165px!important;
    margin-bottom:8px!important;
    padding:11px 20px!important;
    border:1px solid rgba(201,151,85,.62)!important;
    border-radius:999px!important;
    color:#d8b27c!important;
    font-family:'Montserrat',Arial,sans-serif!important;
    font-size:.82rem!important;
    line-height:1!important;
    letter-spacing:.08em!important;
  }
  .menu-language-switch span{font-size:.68rem;opacity:.72}
}
@media (max-width:390px){
  .language-switch{min-width:66px!important;padding:0 8px!important;font-size:.58rem!important;inset-inline-end:60px!important}
  .mobile-menu{width:46px!important;height:46px!important}
}

/* =========================================================
   DWELLIO FINAL BRAND POLISH v5
   ========================================================= */
:root{
  --black:#0d0d0d;
  --ink:#171717;
  --paper:#f4efe8;
  --paper2:#e9e0d3;
  --gold:#c8a064;
  --gold-soft:#d9bc8d;
  --muted:#aaa39a;
  --line:rgba(200,160,100,.32);
  --ease:cubic-bezier(.22,.61,.36,1);
}
body{font-family:Manrope,Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{letter-spacing:-.025em}
header{background:linear-gradient(180deg,rgba(8,8,8,.72),rgba(8,8,8,.08));border-bottom:1px solid transparent;transition:background .45s var(--ease),border-color .45s var(--ease),backdrop-filter .45s var(--ease)}
header.scrolled{background:rgba(10,10,10,.82);border-bottom-color:rgba(200,160,100,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand img{border:1px solid rgba(200,160,100,.25);box-shadow:0 12px 34px rgba(0,0,0,.28)}
.language-switch{border-color:rgba(200,160,100,.5);color:var(--gold-soft);background:rgba(8,8,8,.28)}
.language-switch:hover{background:var(--gold);color:#111}
.hero:after{background:linear-gradient(90deg,rgba(4,4,4,.82) 0%,rgba(4,4,4,.38) 48%,rgba(4,4,4,.12) 100%),linear-gradient(0deg,rgba(4,4,4,.56),transparent 45%)}
.hero>img{animation:heroBreath 16s ease-in-out infinite alternate;transform-origin:center}
@keyframes heroBreath{from{transform:scale(1.015)}to{transform:scale(1.075)}}
.hero-content{max-width:940px}
.hero h1{text-shadow:0 12px 42px rgba(0,0,0,.44)}
.hero-copy{max-width:650px;font-size:1.02rem;color:rgba(255,255,255,.82)}
.btn-gold,.btn-outline,.navcta{transition:transform .32s var(--ease),box-shadow .32s var(--ease),background .32s var(--ease),color .32s var(--ease),border-color .32s var(--ease)}
.btn-gold:hover,.btn-outline:hover,.navcta:hover{transform:translateY(-3px)}
.btn-gold{background:linear-gradient(135deg,var(--gold-soft),var(--gold));box-shadow:0 12px 30px rgba(200,160,100,.14)}
.btn-gold:hover{box-shadow:0 18px 42px rgba(200,160,100,.24)}
.section-head{align-items:end}
.light{background:linear-gradient(180deg,var(--paper),#f7f3ed)}
.dark2{background:radial-gradient(circle at 80% 10%,rgba(200,160,100,.06),transparent 28%),#111}

/* Full-width editorial project storytelling */
.signature-projects{display:grid!important;grid-template-columns:1fr!important;gap:28px!important}
.signature-project{height:min(74vw,760px)!important;min-height:560px;border:1px solid rgba(200,160,100,.18);overflow:hidden;isolation:isolate}
.signature-project:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.54) 42%,rgba(5,5,5,.08) 72%);z-index:1;transition:opacity .55s var(--ease)}
.signature-project.signature-right:after{background:linear-gradient(270deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.54) 42%,rgba(5,5,5,.08) 72%)}
.signature-project .project-copy{z-index:2;inset:50% auto auto 7%;transform:translateY(-50%);max-width:440px}
.signature-project.signature-right .project-copy{left:auto;right:7%;text-align:right}
.signature-project .project-copy h3{font-size:clamp(3.4rem,7vw,6.7rem);margin:.16em 0 .22em}
.signature-project .project-copy p{max-width:390px;color:rgba(255,255,255,.76)}
.signature-project img{transition:transform 1.1s var(--ease),filter .8s var(--ease)}
.signature-project:hover img{transform:scale(1.045);filter:saturate(1.06)}
.signature-project:hover:after{opacity:.9}
.signature-project .link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;color:var(--gold-soft);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}

.image-tile,.gallery-grid figure{border:1px solid rgba(200,160,100,.16)}
.image-tile img,.gallery-grid img{transition:transform .9s var(--ease),filter .7s var(--ease)}
.image-tile:hover img,.gallery-grid figure:hover img{transform:scale(1.035);filter:saturate(1.04)}
.service,.step{transition:transform .4s var(--ease),border-color .4s var(--ease),background .4s var(--ease)}
.service:hover,.step:hover{transform:translateY(-6px);border-color:rgba(200,160,100,.48)}
.final-note{padding-top:120px;padding-bottom:120px}
.final-note-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:9vw;align-items:end}
.final-note-grid h2{font-size:clamp(3.4rem,6vw,6.2rem);max-width:760px}
.final-note-grid p{font-size:1.02rem;color:#4e4943;max-width:560px}
footer{border-top:1px solid rgba(200,160,100,.22)}
.whatsapp{right:22px;bottom:22px;width:52px;height:52px;background:#111;border:1px solid rgba(200,160,100,.62);color:var(--gold-soft);box-shadow:0 14px 36px rgba(0,0,0,.3)}
.whatsapp:hover{background:var(--gold);color:#111;transform:translateY(-3px)}
.reveal{transition:opacity .85s var(--ease),transform .85s var(--ease)}

html[dir="rtl"] body{font-family:'Noto Kufi Arabic',Manrope,Arial,sans-serif}
html[dir="rtl"] .signature-project:after{background:linear-gradient(270deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.54) 42%,rgba(5,5,5,.08) 72%)}
html[dir="rtl"] .signature-project.signature-right:after{background:linear-gradient(90deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.54) 42%,rgba(5,5,5,.08) 72%)}
html[dir="rtl"] .signature-project .project-copy{left:auto;right:7%;text-align:right}
html[dir="rtl"] .signature-project.signature-right .project-copy{right:auto;left:7%;text-align:left}
html[dir="rtl"] .final-note-grid{direction:rtl}

@media(max-width:900px){
  .hero>img{animation-duration:20s}
  .signature-project{height:690px!important;min-height:620px}
  .signature-project:after,.signature-project.signature-right:after,html[dir="rtl"] .signature-project:after,html[dir="rtl"] .signature-project.signature-right:after{background:linear-gradient(0deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.42) 58%,rgba(5,5,5,.08) 100%)}
  .signature-project .project-copy,.signature-project.signature-right .project-copy,html[dir="rtl"] .signature-project .project-copy,html[dir="rtl"] .signature-project.signature-right .project-copy{inset:auto 28px 34px!important;transform:none;text-align:left}
  html[dir="rtl"] .signature-project .project-copy,html[dir="rtl"] .signature-project.signature-right .project-copy{text-align:right}
  .signature-project .project-copy h3{font-size:3.65rem}
  .final-note-grid{grid-template-columns:1fr;gap:34px}
}
@media(max-width:560px){
  .hero{min-height:760px}
  .hero h1{font-size:3.55rem}
  .hero-copy{font-size:.88rem}
  .signature-project{height:620px!important;min-height:580px}
  .signature-project .project-copy h3{font-size:3rem}
  .whatsapp{width:48px;height:48px;right:16px;bottom:18px}
  .final-note{padding-top:90px;padding-bottom:90px}
}
@media(prefers-reduced-motion:reduce){.hero>img{animation:none!important}.signature-project img,.image-tile img,.gallery-grid img{transition:none!important}}