/*
Theme Name: Murat Canli – Noble Land
Theme URI: https://nobeland.com/
Author: ARY Digital
Author URI: https://arydigital.pk/
Description: One-page black & gold personal website for Murat Canli, owner of Noble Land Real Estate and exclusive partner of Brand Centro. English homepage + Turkish page (/tr/), floating WhatsApp and call buttons. Edit text in inc/content.php.
Version: 1.1.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: murat-canli
*/

/* ---------- fonts (latin + latin-ext for Turkish) ---------- */
@font-face{font-family:"Cor";font-weight:400;font-display:swap;src:url(assets/fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cor";font-weight:400;font-display:swap;src:url(assets/fonts/cormorant-garamond-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cor";font-weight:500;font-display:swap;src:url(assets/fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Cor";font-weight:500;font-display:swap;src:url(assets/fonts/cormorant-garamond-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"Cor";font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Cor";font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/cormorant-garamond-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"Cor";font-style:italic;font-weight:500;font-display:swap;src:url(assets/fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Cor";font-style:italic;font-weight:500;font-display:swap;src:url(assets/fonts/cormorant-garamond-latin-ext-500-italic.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"MCInter";font-weight:300;font-display:swap;src:url(assets/fonts/inter-latin-300-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212}
@font-face{font-family:"MCInter";font-weight:300;font-display:swap;src:url(assets/fonts/inter-latin-ext-300-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"MCInter";font-weight:400;font-display:swap;src:url(assets/fonts/inter-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212}
@font-face{font-family:"MCInter";font-weight:400;font-display:swap;src:url(assets/fonts/inter-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"MCInter";font-weight:500;font-display:swap;src:url(assets/fonts/inter-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212}
@font-face{font-family:"MCInter";font-weight:500;font-display:swap;src:url(assets/fonts/inter-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"MCInter";font-weight:600;font-display:swap;src:url(assets/fonts/inter-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212}
@font-face{font-family:"MCInter";font-weight:600;font-display:swap;src:url(assets/fonts/inter-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}

/* ---------- base ---------- */
:root{--bg:#0D0C0B;--bg2:#151311;--gold:#C9A96E;--gold2:#E6CF9E;--txt:#EFE9DF;--mut:#9A9187;--line:rgba(201,169,110,.22)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body.mc{background:var(--bg);color:var(--txt);font-family:"MCInter",Inter,system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.mc a{color:inherit;text-decoration:none}
.mc img{max-width:100%}
.mc .w{width:1280px;max-width:calc(100% - 64px);margin:0 auto}
.mc section{padding:150px 0}
.mc h2{font-family:"Cor",serif;font-weight:400;font-size:84px;line-height:1;margin:26px 0 30px;color:var(--txt)}
.mc h2 i,.mc h1 i{color:var(--gold);font-style:italic}
.eb{font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-weight:500;display:flex;align-items:center;gap:16px}
.eb::before{content:"";width:40px;height:1px;background:var(--gold);flex:none}
.btn{display:inline-flex;align-items:center;gap:14px;padding:19px 32px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;transition:.25s;cursor:pointer}
.mc .b1{background:linear-gradient(135deg,#E6CF9E,#B48F52);color:#14110D}
.b1:hover{filter:brightness(1.08);transform:translateY(-2px)}
.mc .b2{border:1px solid var(--line);color:var(--txt)}
.b2:hover{border-color:var(--gold);color:var(--gold)}
.note{display:block;font-size:12px;color:var(--mut);margin-top:18px;line-height:1.6}

/* ---------- nav ---------- */
.mc-nav{position:absolute;top:0;left:0;right:0;z-index:20}
.admin-bar .mc-nav{top:32px}
.mc-nav .w{display:flex;justify-content:space-between;align-items:center;padding:30px 0}
.mc-nav .lg{display:flex;align-items:center;gap:14px}
.mc-nav .lg img{width:46px;height:auto}
.mc-nav .lg b{font-weight:500;letter-spacing:.32em;font-size:13px;display:block}
.mc-nav .lg small{display:block;font-size:10px;letter-spacing:.28em;color:var(--mut);margin-top:4px}
.mc-nav .nl{display:flex;gap:34px;font-size:13px;letter-spacing:.1em;color:#cfc7bb}
.mc-nav .nl a:hover{color:var(--gold)}
.mc-nav .nr{display:flex;align-items:center;gap:22px}
.lang{display:flex;gap:8px;font-size:12px;letter-spacing:.2em;color:var(--mut)}
.lang a.on{color:var(--gold);font-weight:600}
.mc-nav .ph{padding:15px 22px}

/* ---------- hero ---------- */
.hero{position:relative;height:1000px;overflow:hidden;background:radial-gradient(ellipse 50% 60% at 68% 55%,rgba(201,169,110,.20),transparent 70%),var(--bg)}
.hero .big{position:absolute;left:50%;transform:translateX(-50%);top:150px;font-family:"Cor";font-weight:500;font-size:330px;line-height:.8;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(201,169,110,.32)}
.hero .me{position:absolute;right:max(32px,calc(50% - 600px));bottom:0;height:880px;width:auto;max-width:none;z-index:2;filter:drop-shadow(0 40px 80px rgba(0,0,0,.6))}
.hero .fade{position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(transparent,var(--bg));z-index:3}
.hero .vt{position:absolute;left:40px;top:50%;transform:rotate(-90deg) translateX(-50%);transform-origin:left top;font-size:11px;letter-spacing:.5em;color:var(--mut);z-index:4}
.hc{position:absolute;left:max(32px,calc(50% - 640px));top:250px;z-index:4;width:600px;max-width:calc(100% - 64px)}
.hc h1{font-family:"Cor";font-weight:400;font-size:92px;line-height:.95;margin:24px 0 22px}
.hc p{font-size:18px;line-height:1.75;color:#bdb4a8;max-width:480px}
.hc .hq{font-family:"Cor";font-style:italic;font-size:26px;color:var(--gold2);margin-top:16px}
.hc .cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}
.rate{position:absolute;right:max(32px,calc(50% - 640px));bottom:150px;z-index:4;background:rgba(13,12,11,.72);backdrop-filter:blur(8px);border:1px solid var(--line);padding:22px 26px}
.rate .n{font-family:"Cor";font-size:56px;line-height:1}
.rate .n span{font-size:26px;color:var(--mut)}
.rate .s{color:var(--gold);letter-spacing:4px;margin:6px 0}
.rate small{font-size:11px;letter-spacing:.2em;color:var(--mut);text-transform:uppercase}

/* ---------- stats & brands ---------- */
.st{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)}
.st .w{display:grid;grid-template-columns:repeat(4,1fr)}
.st .c{padding:50px 10px;text-align:center;border-left:1px solid var(--line)}
.st .c:first-child{border:0}
.st .n{white-space:nowrap;font-family:"Cor";font-size:54px;line-height:1;background:linear-gradient(180deg,#F1DEB4,#B48F52);-webkit-background-clip:text;background-clip:text;color:transparent}
.st .l{font-size:11px;letter-spacing:.28em;color:var(--mut);text-transform:uppercase;margin-top:14px}
.brs{border-bottom:1px solid var(--line)}
.brs .w{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 0}
.brs .lb{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--mut)}
.brs .bi{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.brs .bi b{font-family:"Cor";font-weight:500;font-size:40px;letter-spacing:.14em;line-height:1}
.brs .bi small{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.brs .nlg{height:120px;width:auto}
.brs .bcl{height:66px;width:auto}
.brs .sep{width:1px;height:70px;background:var(--line)}

/* ---------- framed photos ---------- */
.ab .w{display:grid;grid-template-columns:1fr 1.05fr;gap:110px;align-items:center}
.frame{position:relative;padding:0 30px 30px 0}
.frame::before,.qframe::before,.cframe::before{content:"";position:absolute;border:1px solid var(--gold);pointer-events:none}
.frame::before{left:30px;top:30px;right:0;bottom:0}
.frame .ph{position:relative;z-index:1;aspect-ratio:4/5;overflow:hidden}
.frame .ph img,.qframe img,.cframe img{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block;filter:saturate(.92) contrast(1.03)}
.frame .ph::after,.qframe::after,.cframe::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(13,12,11,.45));pointer-events:none}
.frame .tag{position:absolute;right:0;bottom:0;z-index:2;background:linear-gradient(135deg,#E6CF9E,#B48F52);color:#14110D;padding:22px 28px;box-shadow:0 20px 40px -15px rgba(0,0,0,.6)}
.frame .tag b{font-family:"Cor";font-size:48px;font-weight:500;line-height:1;display:block}
.frame .tag span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600}
.ab p{font-size:17px;line-height:1.9;color:#b5ac9f;margin-bottom:22px}
.sig{font-family:"Cor";font-style:italic;font-size:44px;color:var(--gold2);margin-top:30px}

/* ---------- turkish investors ---------- */
.tk{background:radial-gradient(ellipse 60% 50% at 85% 0%,rgba(201,169,110,.12),transparent 70%),var(--bg2)}
.hd{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:70px}
.hd>p{max-width:400px;color:var(--mut);font-size:16px;line-height:1.8}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cd{border:1px solid var(--line);padding:44px 32px 50px;background:linear-gradient(180deg,rgba(201,169,110,.06),transparent 60%);position:relative}
.cd .n{font-family:"Cor";font-size:62px;color:transparent;-webkit-text-stroke:1px var(--gold);line-height:1}
.cd h3{font-family:"Cor";font-weight:500;font-size:30px;line-height:1.12;margin:36px 0 16px}
.cd p{font-size:15px;line-height:1.75;color:var(--mut)}
.cd::after{content:"";position:absolute;left:32px;bottom:0;width:60px;height:2px;background:var(--gold)}
.flag{display:flex;align-items:center;gap:18px;margin-top:24px;border:1px solid var(--line);padding:22px 28px;font-size:15px;color:#cfc7bb}
.flag .fl{font-size:30px}
.flag b{font-family:"Cor";font-size:28px;font-weight:500;color:var(--gold2)}
.flag .btn{margin-left:auto}

/* ---------- brand centro ---------- */
.bc{position:relative;overflow:hidden}
.bc::before{content:"BRAND CENTRO";position:absolute;right:-40px;top:40px;font-family:"Cor";font-size:200px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(201,169,110,.08);white-space:nowrap}
.bchd{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:90px;position:relative}
.bchd h2{font-size:74px}
.bchd p{font-size:17px;line-height:1.85;color:#b5ac9f}
.tl4{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.st4{padding:50px 30px 10px 0;position:relative}
.st4 .dt{position:absolute;top:-8px;left:0;width:15px;height:15px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(201,169,110,.15)}
.st4 span{font-family:"Cor";font-style:italic;font-size:22px;color:var(--gold)}
.st4 h3{font-family:"Cor";font-weight:500;font-size:36px;margin:14px 0 12px}
.st4 p{font-size:15px;line-height:1.7;color:var(--mut)}
.pj{margin-top:90px;display:grid;grid-template-columns:1.05fr .95fr;background:#F3EEE6;color:#1A2236}
.pjl{padding:64px 60px}
.pjlogo{height:84px;width:auto;margin-bottom:34px}
.eb.dk{color:#9C7C46}.eb.dk::before{background:#9C7C46}
.pj h3{font-family:"Cor";font-weight:500;font-size:56px;line-height:1;margin:18px 0 18px;color:#1A2236}
.pj p{font-size:16px;line-height:1.8;color:#4b5266}
.pjb{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.mc .bd{background:#1A2236;color:#fff}
.bd:hover{background:#26324f}
.mc .bo{border:1px solid #1A2236;color:#1A2236}
.pj .note{color:#7a7f8c}
.pjr{background:#1A2236;color:#fff;padding:64px 54px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(201,169,110,.25);border:1px solid rgba(201,169,110,.25);margin-bottom:34px}
.facts div{background:#1A2236;padding:22px 22px}
.facts span{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.facts b{display:block;font-family:"Cor";font-weight:500;font-size:30px;margin-top:6px}
.pjr ul{list-style:none}
.pjr li{padding:13px 0 13px 30px;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px;position:relative;color:#d7dae2}
.pjr li::before{content:"◆";position:absolute;left:0;color:var(--gold);font-size:11px;top:16px}

/* ---------- golden visa ---------- */
.gv{background:radial-gradient(ellipse 50% 60% at 80% 40%,rgba(201,169,110,.18),transparent 70%),var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gvt{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}
.gv p{font-size:17px;line-height:1.85;color:#b5ac9f;max-width:560px}
.gvn{list-style:none;margin:30px 0 40px}
.gvn li{padding:12px 0 12px 30px;position:relative;font-size:15px;color:#d8d0c3;border-bottom:1px solid var(--line)}
.gvn li::before{content:"✓";position:absolute;left:0;color:var(--gold)}
.gvcard{border:1px solid var(--line);background:linear-gradient(160deg,rgba(201,169,110,.10),rgba(13,12,11,.4));padding:56px 48px;text-align:center}
.gvseal{width:230px;height:230px;margin:0 auto 46px;border-radius:50%;background:linear-gradient(135deg,#F1DEB4,#B48F52);color:#14110D;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(201,169,110,.12),0 0 0 11px rgba(201,169,110,.4),0 30px 80px -20px rgba(201,169,110,.5)}
.gvseal span{font-size:11px;letter-spacing:.34em;font-weight:600}
.gvseal b{font-family:"Cor";font-weight:500;font-size:40px;line-height:.95;margin:10px 0;letter-spacing:.06em}
.gvp{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.gvp div{padding:26px 8px 0}
.gvp div+div{border-left:1px solid var(--line)}
.gvp b{display:block;font-family:"Cor";font-weight:500;font-size:32px;color:var(--gold2)}
.gvp span{display:block;font-size:12px;color:var(--mut);margin-top:6px;line-height:1.5}
.gvs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:80px}
.gvs div{border:1px solid var(--line);padding:34px 32px}
.gvs span{font-family:"Cor";font-style:italic;font-size:22px;color:var(--gold)}
.gvs h4{font-family:"Cor";font-weight:500;font-size:32px;margin:10px 0 10px}
.gvs p{font-size:15px;color:var(--mut);line-height:1.7}

/* ---------- areas ---------- */
.ar .hd{display:block;text-align:center;margin-bottom:60px}
.ar .hd .eb{justify-content:center}
.ar .hd .eb::after{content:"";width:40px;height:1px;background:var(--gold)}
.ar .hd p{color:var(--mut);font-size:17px;line-height:1.8;max-width:620px;margin:0 auto}
.row{border-top:1px solid var(--line)}
.ai{display:grid;grid-template-columns:110px 1fr 1fr 70px;align-items:center;padding:28px 10px;border-bottom:1px solid var(--line);transition:.25s}
.ai .k{font-family:"Cor";font-style:italic;font-size:26px;color:var(--gold)}
.ai h4{font-family:"Cor";font-weight:400;font-size:44px;line-height:1.05}
.ai p{font-size:16px;color:var(--mut);line-height:1.7}
.ai .ar2{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);justify-self:end;transition:.25s}
.ai.on,.ai:hover{background:linear-gradient(90deg,rgba(201,169,110,.12),transparent)}
.ai.on h4,.ai:hover h4{color:var(--gold2)}
.ai:hover .ar2{background:var(--gold);color:#14110D}

/* ---------- why ---------- */
.qt{background:radial-gradient(ellipse 40% 70% at 25% 60%,rgba(201,169,110,.12),transparent 70%),var(--bg2)}
.qt .w{display:grid;grid-template-columns:460px 1fr;gap:100px;align-items:center}
.qframe{position:relative;aspect-ratio:4/5;margin:0 30px 30px 0}
.qframe::before{left:30px;top:30px;right:-30px;bottom:-30px}
.qframe img{position:relative;z-index:1}
.qt blockquote{font-family:"Cor";font-style:italic;font-size:58px;line-height:1.12;margin:30px 0 50px}
.qt blockquote b{font-weight:400;color:var(--gold)}
.rs{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;border-top:1px solid var(--line);padding-top:36px}
.rs h5{font-family:"Cor";font-weight:500;font-size:26px;margin-bottom:10px;color:var(--gold2)}
.rs p{font-size:14px;line-height:1.7;color:var(--mut)}

/* ---------- investments ---------- */
.ls .hd{margin-bottom:60px}
.ls .hd h2{margin-bottom:0}
.g4b{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pc{border:1px solid var(--line);padding:44px 34px;min-height:380px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.25s}
.pc:hover{border-color:var(--gold)}
.pc.f{background:linear-gradient(135deg,#E6CF9E,#B48F52);color:#14110D;border:0}
.pc .t{font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:var(--gold);position:relative}
.pc.f .t{color:#14110D}
.pc h4{font-family:"Cor";font-weight:400;font-size:44px;line-height:1;margin-bottom:16px;position:relative}
.pc p{font-size:15px;line-height:1.7;color:var(--mut);position:relative}
.pc.f p{color:#3a2f22}
.pc .go{display:inline-block;margin-top:26px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--gold)}
.pc.f .go{color:#14110D}
.pc .bgn{position:absolute;right:-10px;top:-30px;font-family:"Cor";font-size:220px;line-height:1;color:rgba(201,169,110,.07)}
.pc.f .bgn{color:rgba(0,0,0,.08)}

/* ---------- contact ---------- */
.ct{padding-top:0!important}
.box{position:relative;background:linear-gradient(135deg,#1c1813,#0f0d0b);border:1px solid var(--line);display:grid;grid-template-columns:1fr 440px;gap:40px;align-items:center;padding:70px}
.box .tx{padding:10px}
.box h2{font-size:76px}
.cl{display:flex;flex-wrap:wrap;gap:30px 60px;margin:36px 0 42px}
.cl span{display:block;font-size:11px;letter-spacing:.28em;color:var(--mut);text-transform:uppercase;margin-bottom:10px}
.cl b{font-family:"Cor";font-weight:500;font-size:32px}
.cl a:hover b{color:var(--gold)}
.cb{display:flex;flex-wrap:wrap;gap:16px}
.langs{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}
.langs span{border:1px solid var(--line);padding:9px 16px;font-size:12px;letter-spacing:.12em;color:#cfc7bb}
.cframe{position:relative;aspect-ratio:4/5;margin:0 26px 26px 0}
.cframe::before{left:26px;top:26px;right:-26px;bottom:-26px}
.cframe img{position:relative;z-index:1}

/* ---------- footer ---------- */
.mc-foot{padding:70px 0 60px}
.mc-foot .w{border-top:1px solid var(--line);padding-top:44px}
.mc-foot .fl{display:flex;align-items:center;gap:40px;margin-bottom:34px}
.mc-foot .nlg{height:130px;width:auto}
.mc-foot .bcl{height:52px;width:auto}
.mc-foot .fr{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;letter-spacing:.16em;color:var(--mut);text-transform:uppercase}

/* ---------- floating buttons ---------- */
.mc-float{position:fixed;right:24px;bottom:24px;z-index:999;display:flex;flex-direction:column;gap:12px}
.mc-float a{display:flex;align-items:center;gap:10px;height:60px;padding:0 18px 0 16px;border-radius:40px;font-size:14px;font-weight:600;box-shadow:0 14px 30px -8px rgba(0,0,0,.6);transition:.25s}
.mc-float a:hover{transform:translateY(-3px)}
.mc .mc-float .fwa{background:#25D366;color:#fff}
.mc .mc-float .fcall{background:linear-gradient(135deg,#E6CF9E,#B48F52);color:#14110D}
.mc-float .fwa::after{content:"";position:absolute;inset:0;border-radius:40px;box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:mcp 2.2s infinite}
.mc-float a{position:relative}
@keyframes mcp{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* ---------- responsive ---------- */
@media (max-width:1200px){
	.mc-nav .nl{display:none}
	.hero .big{font-size:220px}
	.hc h1{font-size:76px}
	.mc h2{font-size:64px}
	.bchd h2{font-size:60px}
	.g4,.g4b{grid-template-columns:repeat(2,1fr)}
	.ab .w,.gvt,.bchd,.pj{grid-template-columns:1fr;gap:60px}
	.qt .w{grid-template-columns:360px 1fr;gap:60px}
	.box{grid-template-columns:1fr 340px}
}
@media (max-width:820px){
	.mc section{padding:90px 0}
	.mc .w{max-width:calc(100% - 40px)}
	.mc-nav .w{padding:20px 0}
	.mc-nav .ph,.mc-nav .lg small{display:none}
	.hero{height:auto;padding:120px 0 0;display:flex;flex-direction:column}
	.hero .big,.hero .vt{display:none}
	.hc{position:relative;left:auto;top:auto;width:auto;max-width:none;margin:0 20px}
	.hc h1{font-size:54px}
	.hc p{font-size:16px}
	.hero .me{position:relative;right:auto;height:auto;width:92%;max-width:520px;margin:40px auto 0;display:block;order:2}
	.hc{order:1}
	.hero .fade{height:120px}
	.rate{display:none}
	.st .w{grid-template-columns:1fr 1fr}
	.st .c{border-left:0;border-top:1px solid var(--line);padding:34px 6px}
	.st .n{font-size:38px;white-space:normal}
	.brs .w{flex-direction:column;gap:30px}
	.brs .sep{width:60px;height:1px}
	.mc h2,.bchd h2{font-size:44px}
	.hd{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:44px}
	.g4,.g4b,.tl4,.gvs,.rs{grid-template-columns:1fr}
	.flag{flex-wrap:wrap}.flag .btn{margin-left:0}
	.pjl,.pjr{padding:44px 26px}
	.pj h3{font-size:42px}
	.gvcard{padding:40px 20px}
	.gvseal{width:190px;height:190px}
	.ai{grid-template-columns:50px 1fr 48px;gap:10px}
	.ai p{display:none}
	.ai h4{font-size:30px}
	.qt .w{grid-template-columns:1fr}
	.frame{padding:0 16px 16px 0;max-width:420px;margin:0 auto;width:100%}
	.frame::before{left:16px;top:16px}
	.frame .tag{padding:12px 16px}
	.frame .tag b{font-size:30px}
	.frame .tag span{font-size:9px;letter-spacing:.18em}
	.qframe,.cframe{margin:0 16px 16px 0}
	.qframe::before,.cframe::before{left:16px;top:16px;right:-16px;bottom:-16px}
	.qt blockquote{font-size:38px}
	.box{grid-template-columns:1fr;padding:34px 22px}
	.box h2{font-size:46px}
	.cl b{font-size:26px}
	.mc-float{right:14px;bottom:14px}
	.mc-float a{width:56px;height:56px;padding:0;justify-content:center}
	.mc-float a span{display:none}
}

/* ---------- why dubai ---------- */
.g3w{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.wc{background:var(--bg);padding:46px 40px}
.wn{font-family:"Cor";font-weight:500;font-size:54px;line-height:1;background:linear-gradient(180deg,#F1DEB4,#B48F52);-webkit-background-clip:text;background-clip:text;color:transparent}
.wc h3{font-family:"Cor";font-weight:500;font-size:30px;margin:26px 0 12px}
.wc p{font-size:15px;line-height:1.75;color:var(--mut)}
/* ---------- journey ---------- */
.jr{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.jrs{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}
.jrs::before{content:"";position:absolute;left:0;right:0;top:32px;height:1px;background:var(--line)}
.js{position:relative}
.jn{width:64px;height:64px;border-radius:50%;border:1px solid var(--gold);background:var(--bg2);display:grid;place-items:center;font-family:"Cor";font-size:30px;color:var(--gold);position:relative}
.js:first-child .jn{background:linear-gradient(135deg,#E6CF9E,#B48F52);color:#14110D;border:0}
.js h4{font-family:"Cor";font-weight:500;font-size:28px;line-height:1.1;margin:28px 0 12px}
.js p{font-size:14px;line-height:1.7;color:var(--mut);padding-right:10px}
/* ---------- faq ---------- */
.faq .w{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}
.fqh h2{font-size:64px}
.fql details{border-bottom:1px solid var(--line)}
.fql details:first-child{border-top:1px solid var(--line)}
.fql summary{list-style:none;cursor:pointer;padding:28px 50px 28px 0;font-family:"Cor";font-weight:500;font-size:28px;position:relative;color:var(--txt)}
.fql summary::-webkit-details-marker{display:none}
.fql summary::after{content:"+";position:absolute;right:6px;top:22px;font-family:"MCInter";font-weight:300;font-size:30px;color:var(--gold);transition:.25s}
.fql details[open] summary::after{transform:rotate(45deg)}
.fql details[open] summary{color:var(--gold2)}
.fql details p{padding:0 50px 30px 0;font-size:16px;line-height:1.8;color:#b5ac9f}
@media (max-width:1200px){.g3w{grid-template-columns:1fr 1fr}.jrs{grid-template-columns:repeat(3,1fr);row-gap:50px}.jrs::before{display:none}.faq .w{grid-template-columns:1fr;gap:40px}}
@media (max-width:820px){.g3w,.jrs{grid-template-columns:1fr}.wc{padding:34px 26px}.fqh h2{font-size:44px}.fql summary{font-size:23px}}

/* ---------- compact layout ---------- */
.mc section{padding:110px 0}
@media (min-width:821px){.hero{height:900px}.hc{top:220px}}
.ab p{margin-bottom:16px}
.abq{font-family:"Cor";font-style:italic;font-size:32px;line-height:1.25;margin:26px 0 0;padding-left:24px;border-left:2px solid var(--gold);color:var(--txt)}
.abq b{font-weight:400;color:var(--gold)}
.sig{margin-top:22px;font-size:36px}
.hd{margin-bottom:50px}
.cd{padding:36px 28px 40px}.cd h3{margin:26px 0 12px}
.ar .hd{margin-bottom:44px}
.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.at{display:flex;align-items:center;gap:18px;padding:28px 28px;background:var(--bg);transition:.25s}
.at span{font-family:"Cor";font-style:italic;font-size:20px;color:var(--gold)}
.at b{font-family:"Cor";font-weight:400;font-size:30px;line-height:1.1;flex:1}
.at em{font-style:normal;color:var(--gold);opacity:.6}
.at:hover,.at.on{background:linear-gradient(90deg,rgba(201,169,110,.14),var(--bg))}
.at:hover b,.at.on b{color:var(--gold2)}
.gvcard{padding:44px 40px}.gvseal{width:200px;height:200px;margin-bottom:36px}
.gvn{margin:24px 0 32px}
.pc{min-height:330px}
.box{padding:56px}
.mc-foot{padding:50px 0 40px}
@media (max-width:1200px){.agrid{grid-template-columns:1fr 1fr}}
@media (max-width:820px){.mc section{padding:70px 0}.agrid{grid-template-columns:1fr}.at{padding:20px}.at b{font-size:26px}.abq{font-size:26px}}

@media (min-width:821px){.hero .me{height:790px}}
/* last area tile fills the row when the count doesn't divide evenly */
@media (min-width:1201px){.at:last-child:nth-child(3n+1){grid-column:span 3}.at:last-child:nth-child(3n+2){grid-column:span 2}}
@media (min-width:821px) and (max-width:1200px){.at:last-child:nth-child(2n+1){grid-column:span 2}}
/* ---------- featured project ---------- */
.fp{background:radial-gradient(ellipse 50% 60% at 20% 50%,rgba(201,169,110,.14),transparent 70%),var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fp .w{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}
.fpimg{position:relative;margin:0 26px 26px 0}
.fpimg::before{content:"";position:absolute;left:26px;top:26px;right:-26px;bottom:-26px;border:1px solid var(--gold)}
.fpimg img{position:relative;display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%}
.fptx p{font-size:17px;line-height:1.8;color:#b5ac9f;max-width:540px}
.fpf{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:34px 0 36px}
.fpf div{background:var(--bg2);padding:20px 22px}
.fpf span{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.fpf b{display:block;font-family:"Cor";font-weight:500;font-size:28px;margin-top:6px}
@media (max-width:1200px){.fp .w{grid-template-columns:1fr;gap:50px}.fpimg{max-width:460px}}
@media (max-width:820px){.fpimg{margin:0 16px 16px 0}.fpimg::before{left:16px;top:16px;right:-16px;bottom:-16px}.fpf b{font-size:22px}}

/* mobile hero: text first, photo below, no empty space */
@media (max-width:820px){
	.hero{height:auto!important;padding:110px 0 0}
	.hc{top:auto!important;position:relative}
	.hc .cta{margin-top:28px}
	.hero .me{height:auto!important;width:88%;max-width:440px;margin:36px auto 0}
	.hero .fade{height:90px}
}

/* ---------- one-photo layout: text hero + text about ---------- */
.hero.hero-tx{height:auto!important;padding:200px 0 130px;display:block;text-align:center}
.hero-tx .big{top:120px;-webkit-text-stroke:1px rgba(201,169,110,.18)}
.hero-tx .hc{position:relative!important;left:auto!important;top:auto!important;width:auto;max-width:900px;margin:0 auto;padding:0 20px}
.hero-tx .eb{justify-content:center}
.hero-tx .eb::after{content:"";width:40px;height:1px;background:var(--gold);flex:none}
.hero-tx h1{font-size:104px;line-height:.98}
.hero-tx .hc p{margin:0 auto;max-width:640px}
.hero-tx .cta{justify-content:center}
.rate2{display:inline-flex;align-items:center;gap:14px;margin-top:44px;padding:14px 22px;border:1px solid var(--line);font-size:13px}
.rate2 .s{color:var(--gold);letter-spacing:3px}
.rate2 b{font-family:"Cor";font-weight:500;font-size:24px}
.rate2 small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.ab2 .w{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.abk{display:flex;align-items:center;gap:40px;margin-top:20px}
.abnl{height:150px;width:auto}
.ab07{border-left:1px solid var(--line);padding-left:40px}
.ab07 b{display:block;font-family:"Cor";font-weight:500;font-size:72px;line-height:1;background:linear-gradient(180deg,#F1DEB4,#B48F52);-webkit-background-clip:text;background-clip:text;color:transparent}
.ab07 span{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mut)}
.abr{padding-top:44px}
@media (max-width:1200px){.ab2 .w{grid-template-columns:1fr;gap:30px}.abr{padding-top:0}.hero-tx h1{font-size:80px}}
@media (max-width:820px){
	.hero.hero-tx{padding:130px 0 80px}
	.hero-tx h1{font-size:52px}
	.hero-tx .eb::before,.hero-tx .eb::after{width:20px}
	.rate2{flex-wrap:wrap;justify-content:center;gap:6px 12px}
	.abnl{height:110px}.ab07{padding-left:24px}.ab07 b{font-size:54px}
}