/*
Theme Name: Samy Dubai
Theme URI: https://www.samydubai.com
Author: Samy Dubai
Author URI: https://www.samydubai.com
Description: Luxury personal portfolio theme for Samy Dubai — Businessman, Entrepreneur, Investor. CEO of GrrGrrLive and INESING Group. Black, white and gold design with glassmorphism, animated hero and full English / Italian / Albanian language switching.
Version: 2.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: samy-dubai
*/

/* ============================================================
   SAMY DUBAI — LUXURY PORTFOLIO
   Design tokens
   ============================================================ */
:root{
  --void:        #08080a;
  --charcoal:    #100f11;
  --charcoal-2:  #17161a;
  --line:        rgba(201,168,76,.16);
  --line-strong: rgba(201,168,76,.32);
  --gold:        #c9a84c;
  --gold-light:  #ecdca4;
  --gold-dim:    #8a7331;
  --ivory:       #f4efe4;
  --ivory-dim:   rgba(244,239,228,.62);
  --ivory-faint: rgba(244,239,228,.36);

  --f-display: 'Cormorant', serif;
  --f-body: 'Manrope', sans-serif;
  --f-mono: 'JetBrains Mono', monospace;

  --ease: cubic-bezier(.16,.84,.44,1);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{background:var(--void);color:var(--ivory);}
body{
  font-family:var(--f-body);
  font-weight:400;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  cursor:default;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
ul{list-style:none;}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important;}
}

::selection{background:var(--gold); color:var(--void);}

/* Scrollbar */
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:var(--void);}
::-webkit-scrollbar-thumb{background:var(--gold-dim); border-radius:0;}

:focus-visible{outline:1.5px solid var(--gold); outline-offset:3px;}

.container{max-width:1280px; margin:0 auto; padding:0 clamp(1.5rem,4vw,4rem);}

.eyebrow{
  font-family:var(--f-mono);
  font-size:.68rem;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--gold);
  display:flex;
  align-items:center;
  gap:.9rem;
}
.eyebrow::before{
  content:'';
  width:26px; height:1px;
  background:var(--gold);
  display:inline-block;
}

h1,h2,h3,h4{font-family:var(--f-display); font-weight:500; line-height:1.05; letter-spacing:.005em;}

.section{position:relative; padding:clamp(5rem,10vw,9rem) 0;}
.section-head{max-width:720px; margin-bottom:clamp(2.5rem,6vw,4.5rem);}
.section-title{font-size:clamp(2.2rem,4.6vw,3.6rem); font-weight:400; margin-top:.9rem;}
.section-title em{font-style:italic; color:var(--gold-light); font-weight:400;}
.section-sub{margin-top:1.1rem; color:var(--ivory-dim); font-size:1.02rem; line-height:1.7; max-width:640px; font-weight:300;}

.divider{height:1px; width:100%; background:linear-gradient(90deg, transparent, var(--line-strong) 20%, var(--line-strong) 80%, transparent);}

/* ============ Meridian Mark (signature emblem) ============ */
.meridian{display:block;}
.meridian path, .meridian circle, .meridian line{
  fill:none; stroke:var(--gold); stroke-width:1; vector-effect:non-scaling-stroke;
}

/* ============ Loader ============ */
#loader{
  position:fixed; inset:0; z-index:9999;
  background:var(--void);
  display:flex; align-items:center; justify-content:center;
  flex-direction:column; gap:1.4rem;
  transition:opacity .9s var(--ease), visibility .9s var(--ease);
}
#loader.hide{opacity:0; visibility:hidden; pointer-events:none;}
#loader .mark-wrap{width:64px; height:64px;}
#loader .mark-wrap svg path,#loader .mark-wrap svg circle{
  stroke-dasharray:300; stroke-dashoffset:300;
  animation:draw 2.2s var(--ease) forwards;
}
@keyframes draw{to{stroke-dashoffset:0;}}
#loader .ldr-text{
  font-family:var(--f-mono); font-size:.62rem; letter-spacing:.4em; text-transform:uppercase; color:var(--ivory-faint);
}
#loader .ldr-name{font-family:var(--f-display); font-size:1.1rem; letter-spacing:.12em; color:var(--gold-light);}

/* ============ Nav ============ */
header{
  position:fixed; top:0; left:0; right:0; z-index:900;
  padding:1.4rem 0;
  transition:padding .4s var(--ease), background .4s var(--ease), border-color .4s var(--ease);
  border-bottom:1px solid transparent;
}
header.scrolled{
  padding:.85rem 0;
  background:rgba(8,8,10,.72);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  border-bottom:1px solid var(--line);
}
.nav-inner{display:flex; align-items:center; justify-content:space-between; gap:2rem;}
.brand{display:flex; align-items:center; gap:.7rem;}
.brand .mark-wrap{width:30px; height:30px; flex:none;}
.brand-text{font-family:var(--f-display); font-size:1.28rem; letter-spacing:.05em; color:var(--ivory);}
.brand-text b{color:var(--gold-light); font-weight:500;}

.nav-links{display:flex; align-items:center; gap:2.3rem;}
.nav-links a{
  font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ivory-dim);
  position:relative; padding:.3rem 0; transition:color .3s;
}
.nav-links a::after{
  content:''; position:absolute; left:0; bottom:-2px; width:0; height:1px; background:var(--gold);
  transition:width .35s var(--ease);
}
.nav-links a:hover{color:var(--ivory);}
.nav-links a:hover::after{width:100%;}

.nav-right{display:flex; align-items:center; gap:1.4rem;}

.lang-switch{
  display:flex; align-items:center; gap:0; border:1px solid var(--line-strong);
  padding:.22rem; position:relative;
}
.lang-switch button{
  background:none; border:none; color:var(--ivory-faint);
  font-family:var(--f-mono); font-size:.66rem; letter-spacing:.12em;
  padding:.36rem .62rem; position:relative; z-index:2; transition:color .35s;
}
.lang-switch button.active{color:var(--void);}
.lang-switch .glider{
  position:absolute; top:.22rem; bottom:.22rem; left:.22rem; width:calc((100% - .44rem)/3);
  background:var(--gold); transition:transform .4s var(--ease);
  z-index:1;
}

.nav-cta{
  border:1px solid var(--gold-dim); color:var(--gold-light);
  padding:.55rem 1.3rem; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase;
  transition:all .35s var(--ease); white-space:nowrap;
}
.nav-cta:hover{background:var(--gold); color:var(--void); border-color:var(--gold);}

.burger{display:none; flex-direction:column; gap:5px; background:none; border:none; padding:.4rem;}
.burger span{width:22px; height:1px; background:var(--ivory); transition:all .3s var(--ease);}

.mobile-menu{
  position:fixed; inset:0; background:rgba(8,8,10,.98); backdrop-filter:blur(10px);
  z-index:850; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2.2rem;
  opacity:0; visibility:hidden; transition:opacity .5s var(--ease), visibility .5s var(--ease);
}
.mobile-menu.open{opacity:1; visibility:visible;}
.mobile-menu a{font-family:var(--f-display); font-size:1.9rem; color:var(--ivory);}

/* ============ Hero ============ */
.hero{
  position:relative; min-height:100vh; display:flex; align-items:center;
  padding-top:6rem; overflow:hidden;
}
#particles{position:absolute; inset:0; z-index:0; opacity:.6;}
.hero-glow{
  position:absolute; top:-10%; right:-10%; width:60vw; height:60vw; max-width:900px; max-height:900px;
  background:radial-gradient(circle, rgba(201,168,76,.14) 0%, transparent 68%);
  z-index:0; pointer-events:none;
}
.skyline{position:absolute; left:0; right:0; bottom:0; z-index:1; opacity:.9; pointer-events:none;}
.skyline svg{width:100%; height:auto; display:block;}
.skyline path{fill:var(--charcoal);}
.skyline .glow-line{fill:none; stroke:var(--gold); stroke-width:.6; opacity:.5;}

.hero-grid{
  position:relative; z-index:3;
  display:grid; grid-template-columns:1.25fr .9fr; gap:3rem; align-items:center;
  width:100%;
}
.hero-eyebrow{margin-bottom:1.6rem;}
.hero h1{
  font-size:clamp(2.6rem,5.6vw,4.6rem); font-weight:300; color:var(--ivory);
}
.hero h1 .line{display:block; overflow:hidden;}
.hero h1 .line span{display:inline-block; will-change:transform;}
.hero h1 em{font-style:italic; color:var(--gold-light); font-weight:400;}
.hero-desc{
  margin-top:1.6rem; max-width:520px; color:var(--ivory-dim); font-size:1.02rem; line-height:1.75; font-weight:300;
}
.hero-actions{display:flex; flex-wrap:wrap; gap:1rem; margin-top:2.6rem;}
.btn{
  display:inline-flex; align-items:center; gap:.6rem;
  font-size:.74rem; letter-spacing:.16em; text-transform:uppercase;
  padding:.95rem 1.7rem; border:1px solid var(--line-strong); position:relative; overflow:hidden;
  transition:border-color .4s var(--ease), color .4s var(--ease);
  color:var(--ivory);
}
.btn span{position:relative; z-index:2;}
.btn::before{
  content:''; position:absolute; inset:0; background:var(--gold); transform:translateX(-101%);
  transition:transform .5s var(--ease); z-index:1;
}
.btn:hover{color:var(--void); border-color:var(--gold);}
.btn:hover::before{transform:translateX(0);}
.btn.primary{background:var(--gold); color:var(--void); border-color:var(--gold);}
.btn.primary::before{background:var(--ivory); }
.btn.primary:hover{color:var(--void);}

.hero-portrait{position:relative; z-index:3; display:flex; justify-content:center;}
.portrait-frame{
  position:relative; width:min(360px,100%); aspect-ratio:3/4;
  border:1px solid var(--line-strong); padding:14px;
}
.portrait-frame::before{
  content:''; position:absolute; top:-1px; left:-1px; width:34px; height:34px;
  border-top:1px solid var(--gold); border-left:1px solid var(--gold);
}
.portrait-frame::after{
  content:''; position:absolute; bottom:-1px; right:-1px; width:34px; height:34px;
  border-bottom:1px solid var(--gold); border-right:1px solid var(--gold);
}
.portrait-inner{
  width:100%; height:100%; position:relative; overflow:hidden;
  background:
    radial-gradient(circle at 50% 32%, rgba(201,168,76,.22), transparent 55%),
    linear-gradient(160deg, #1b1a1d, #0b0b0c 70%);
  display:flex; align-items:center; justify-content:center;
}
.portrait-img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 22%;
  filter:grayscale(.1) contrast(1.1) brightness(.92) saturate(1.05); z-index:1;
}
.portrait-inner::before{
  content:''; position:absolute; inset:0; z-index:2; pointer-events:none;
  background:
    linear-gradient(180deg, rgba(8,8,10,0) 55%, rgba(8,8,10,.75) 100%),
    linear-gradient(160deg, rgba(201,168,76,.16), transparent 55%);
}
.portrait-inner .grain{position:absolute; inset:0; z-index:3; opacity:.05; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.portrait-caption{
  position:absolute; bottom:14px; left:14px; right:14px;
  display:flex; justify-content:space-between; align-items:flex-end;
  font-family:var(--f-mono); font-size:.6rem; letter-spacing:.1em; color:var(--ivory-faint);
  z-index:4;
}
.portrait-badge{
  position:absolute; top:-18px; right:-18px; width:84px; height:84px;
  background:var(--void); border:1px solid var(--line-strong); border-radius:50%;
  display:flex; align-items:center; justify-content:center; z-index:4;
  animation:spin 22s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg);}}

.scroll-cue{
  position:absolute; bottom:2.4rem; left:50%; transform:translateX(-50%); z-index:4;
  display:flex; flex-direction:column; align-items:center; gap:.6rem;
  font-family:var(--f-mono); font-size:.6rem; letter-spacing:.3em; color:var(--ivory-faint); text-transform:uppercase;
}
.scroll-cue .stem{width:1px; height:36px; background:linear-gradient(var(--gold), transparent); position:relative; overflow:hidden;}
.scroll-cue .stem::after{content:''; position:absolute; top:-100%; left:0; width:100%; height:100%; background:var(--gold-light); animation:cue 2.2s ease-in-out infinite;}
@keyframes cue{0%{top:-100%;} 60%{top:100%;} 100%{top:100%;}}

/* ============ Glass panel util ============ */
.glass{
  background:linear-gradient(160deg, rgba(255,255,255,.045), rgba(255,255,255,.01));
  border:1px solid var(--line);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

/* ============ About ============ */
.about-grid{display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(2.5rem,6vw,5rem); align-items:start;}
.about-visual{position:relative; aspect-ratio:4/5; border:1px solid var(--line); overflow:hidden;}
.about-visual-img{
  position:absolute; inset:10px; width:calc(100% - 20px); height:calc(100% - 20px); object-fit:cover;
  object-position:50% 15%; filter:grayscale(.25) contrast(1.08) brightness(.8);
}
.about-visual .fill{
  position:absolute; inset:10px;
  background:
    linear-gradient(180deg, rgba(8,8,10,0) 40%, rgba(8,8,10,.9) 100%),
    linear-gradient(155deg, rgba(201,168,76,.14), transparent 60%);
  display:flex; align-items:flex-end; padding:1.6rem;
}
.about-visual .stat-float{font-family:var(--f-mono); font-size:.66rem; letter-spacing:.16em; color:var(--ivory-faint); text-transform:uppercase;}
.about-visual .stat-float b{display:block; font-family:var(--f-display); font-size:2.6rem; color:var(--gold-light); font-weight:400; letter-spacing:0;}
.about-copy p{color:var(--ivory-dim); font-size:1.04rem; line-height:1.85; font-weight:300; margin-bottom:1.3rem;}
.about-copy p:first-of-type{color:var(--ivory); font-size:1.2rem; font-weight:300; line-height:1.7;}
.pillars{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); margin-top:2.4rem; border:1px solid var(--line);}
.pillar{background:var(--void); padding:1.4rem 1.5rem;}
.pillar .num{font-family:var(--f-mono); font-size:.65rem; color:var(--gold); letter-spacing:.1em;}
.pillar h4{font-size:1.15rem; margin-top:.5rem; font-weight:400; color:var(--ivory);}
.pillar p{font-size:.86rem; color:var(--ivory-faint); margin-top:.4rem; line-height:1.55; font-weight:300;}

/* ============ Companies ============ */
.companies{display:flex; flex-direction:column; gap:1px; background:var(--line); border:1px solid var(--line);}
.company{
  background:var(--charcoal); position:relative; overflow:hidden;
  display:grid; grid-template-columns:.5fr 1fr; gap:2.5rem; align-items:center;
  padding:clamp(2.2rem,5vw,4rem);
}
.company::before{
  content:''; position:absolute; inset:0; opacity:0; transition:opacity .6s var(--ease);
  background:radial-gradient(circle at 15% 50%, rgba(201,168,76,.12), transparent 60%);
}
.company:hover::before{opacity:1;}
.co-logo{
  width:64px; height:64px; border:1px solid var(--line-strong); background:var(--void);
  display:flex; align-items:center; justify-content:center; overflow:hidden; margin-bottom:1.3rem;
}
.co-logo img{width:100%; height:100%; object-fit:contain; padding:8px;}
.co-mark{
  font-family:var(--f-mono); font-size:.68rem; letter-spacing:.2em; color:var(--gold);
}
.co-name{font-family:var(--f-display); font-size:clamp(2rem,4vw,3rem); color:var(--ivory); margin-top:.7rem; font-weight:400;}
.co-role{font-size:.82rem; color:var(--ivory-faint); letter-spacing:.06em; margin-top:.4rem;}
.co-desc{color:var(--ivory-dim); font-size:1rem; line-height:1.8; font-weight:300; max-width:560px;}
.co-actions{margin-top:1.6rem; display:flex; gap:1rem; flex-wrap:wrap;}
.co-link{
  display:inline-flex; align-items:center; gap:.6rem; font-size:.74rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--gold-light); border-bottom:1px solid var(--gold-dim); padding-bottom:.3rem; transition:.3s;
}
.co-link:hover{color:var(--ivory); border-color:var(--ivory);}
.co-link svg{width:13px; height:13px; transition:transform .35s var(--ease);}
.co-link:hover svg{transform:translate(3px,-3px);}
@media(max-width:760px){.company{grid-template-columns:1fr;}}

/* ============ Achievements ============ */
.stats-strip{
  display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line);
}
.stat{
  padding:2.6rem 1.6rem; text-align:left; border-right:1px solid var(--line); position:relative;
}
.stat:last-child{border-right:none;}
.stat .num{
  font-family:var(--f-display); font-size:clamp(2.4rem,4.4vw,3.4rem); color:var(--gold-light); font-weight:400; display:flex; align-items:baseline; gap:.15rem;
}
.stat .label{margin-top:.6rem; font-family:var(--f-mono); font-size:.66rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ivory-faint);}
@media(max-width:760px){.stats-strip{grid-template-columns:repeat(2,1fr);}}

/* ============ Gallery ============ */
.gallery-grid{display:grid; grid-template-columns:repeat(6,1fr); grid-auto-rows:150px; gap:.6rem;}
.g-item{
  position:relative; overflow:hidden; border:1px solid var(--line);
  background:linear-gradient(150deg, #17161a, #0b0b0c);
  display:flex; align-items:flex-end; padding:1rem;
}
.g-item::before{
  content:''; position:absolute; inset:0;
  background:repeating-linear-gradient(135deg, rgba(201,168,76,.05) 0 2px, transparent 2px 22px);
}
.g-item::after{
  content:''; position:absolute; inset:0; background:radial-gradient(circle at 30% 20%, rgba(201,168,76,.16), transparent 60%);
  opacity:0; transition:opacity .5s var(--ease);
}
.g-item:hover::after{opacity:1;}
.g-tag{
  position:relative; z-index:2; font-family:var(--f-mono); font-size:.62rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ivory-faint); display:flex; align-items:center; gap:.5rem;
}
.g-item svg{width:15px; height:15px; opacity:.7;}
.g-item.a{grid-column:span 2; grid-row:span 2;}
.g-item.b{grid-column:span 2;}
.g-item.c{grid-column:span 2;}
@media(max-width:900px){
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
  .g-item.a{grid-column:span 2; grid-row:span 1;}
}

/* ============ Media ============ */
.media-list{border-top:1px solid var(--line);}
.media-row{
  display:grid; grid-template-columns:110px 1fr auto; gap:1.6rem; align-items:center;
  padding:1.7rem 0; border-bottom:1px solid var(--line); transition:background .3s;
}
.media-row:hover{background:rgba(201,168,76,.035);}
.media-tag{font-family:var(--f-mono); font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold);}
.media-title{font-family:var(--f-display); font-size:1.35rem; color:var(--ivory); font-weight:400;}
.media-sub{font-size:.84rem; color:var(--ivory-faint); margin-top:.3rem; font-weight:300;}
.media-arrow{width:34px; height:34px; border:1px solid var(--line-strong); display:flex; align-items:center; justify-content:center; transition:.35s var(--ease);}
.media-row:hover .media-arrow{background:var(--gold); border-color:var(--gold);}
.media-row:hover .media-arrow svg{stroke:var(--void);}
.media-arrow svg{width:13px; height:13px; stroke:var(--ivory); transition:.35s;}
@media(max-width:640px){.media-row{grid-template-columns:1fr auto; grid-template-areas:"tag arrow" "title arrow";} .media-tag{grid-area:tag;} .media-title,.media-sub{grid-area:title;}}

/* ============ Social ============ */
.social-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line);}
.social-card{
  background:var(--void); padding:2rem; display:flex; flex-direction:column; gap:1.2rem; justify-content:space-between; min-height:170px;
  transition:background .35s;
}
.social-card:hover{background:var(--charcoal);}
.social-top{display:flex; justify-content:space-between; align-items:flex-start;}
.social-icon{width:38px; height:38px; border:1px solid var(--line-strong); display:flex; align-items:center; justify-content:center; overflow:hidden;}
.social-icon svg{width:17px; height:17px; stroke:var(--gold-light); fill:none;}
.social-icon.logo img{width:100%; height:100%; object-fit:contain; padding:5px;}
.social-go{width:26px; height:26px; border-radius:50%; border:1px solid var(--line-strong); display:flex; align-items:center; justify-content:center; transition:.35s var(--ease);}
.social-card:hover .social-go{transform:rotate(45deg); background:var(--gold); border-color:var(--gold);}
.social-go svg{width:11px; height:11px; stroke:var(--ivory);}
.social-card:hover .social-go svg{stroke:var(--void);}
.social-name{font-family:var(--f-display); font-size:1.3rem; color:var(--ivory); font-weight:400;}
.social-handle{font-family:var(--f-mono); font-size:.72rem; color:var(--ivory-faint); margin-top:.25rem;}

/* Floating social rail */
.float-rail{
  position:fixed; right:1.6rem; bottom:1.6rem; z-index:600; display:flex; flex-direction:column; gap:.6rem;
}
.float-btn{
  width:44px; height:44px; display:flex; align-items:center; justify-content:center;
  border:1px solid var(--line-strong); background:rgba(8,8,10,.7); backdrop-filter:blur(10px);
  transition:all .35s var(--ease);
}
.float-btn:hover{background:var(--gold); border-color:var(--gold);}
.float-btn svg{width:16px; height:16px; stroke:var(--ivory-dim); fill:none; transition:.3s;}
.float-btn:hover svg{stroke:var(--void);}
.back-top{opacity:0; pointer-events:none; transform:translateY(8px);}
.back-top.show{opacity:1; pointer-events:auto; transform:translateY(0);}

/* ============ Contact ============ */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(2.5rem,6vw,5rem);}
.field{margin-bottom:1.5rem; position:relative;}
.field label{
  display:block; font-family:var(--f-mono); font-size:.64rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ivory-faint); margin-bottom:.6rem;
}
.field input, .field textarea{
  width:100%; background:transparent; border:none; border-bottom:1px solid var(--line-strong);
  color:var(--ivory); font-family:var(--f-body); font-size:1rem; padding:.7rem 0; font-weight:300;
  transition:border-color .35s;
}
.field input:focus, .field textarea:focus{outline:none; border-color:var(--gold);}
.field textarea{resize:vertical; min-height:110px;}
.field ::placeholder{color:var(--ivory-faint);}
.submit-row{display:flex; align-items:center; gap:1.4rem; margin-top:1rem;}
.form-note{font-size:.78rem; color:var(--ivory-faint); font-weight:300;}
.form-status{font-family:var(--f-mono); font-size:.7rem; letter-spacing:.08em; color:var(--gold-light); min-height:1rem;}

.contact-info{display:flex; flex-direction:column; gap:2.2rem;}
.info-block .eyebrow{margin-bottom:.7rem;}
.info-block .val{font-family:var(--f-display); font-size:1.5rem; color:var(--ivory); font-weight:400;}
.map-box{
  margin-top:.5rem; aspect-ratio:16/9; border:1px solid var(--line); position:relative; overflow:hidden;
}
.map-box iframe{width:100%; height:100%; border:0; filter:grayscale(1) invert(.92) contrast(.9);}
.map-box::after{content:''; position:absolute; inset:0; border:1px solid var(--line-strong); pointer-events:none;}

/* ============ Footer ============ */
footer{border-top:1px solid var(--line); padding:3.5rem 0 2rem;}
.footer-top{display:flex; flex-wrap:wrap; justify-content:space-between; gap:2.5rem; padding-bottom:2.5rem;}
.footer-brand .brand-text{font-size:1.5rem;}
.footer-roles{margin-top:.9rem; font-size:.86rem; color:var(--ivory-faint); line-height:1.7; font-weight:300;}
.footer-cols{display:flex; gap:4rem; flex-wrap:wrap;}
.footer-col h5{font-family:var(--f-mono); font-size:.65rem; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-bottom:1rem;}
.footer-col a, .footer-col span{display:block; font-size:.86rem; color:var(--ivory-dim); margin-bottom:.6rem; font-weight:300; transition:color .3s;}
.footer-col a:hover{color:var(--gold-light);}
.footer-bottom{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem;
  padding-top:1.8rem; border-top:1px solid var(--line);
  font-size:.76rem; color:var(--ivory-faint); font-family:var(--f-mono); letter-spacing:.03em;
}
.footer-bottom .langs{display:flex; gap:.9rem;}

/* Reveal utility */
.reveal{opacity:0; transform:translateY(28px);}

@media(max-width:900px){
  .nav-links, .nav-cta{display:none;}
  .burger{display:flex;}
  .hero-grid{grid-template-columns:1fr;}
  .hero-portrait{order:-1; margin-bottom:1rem;}
  .about-grid, .contact-grid{grid-template-columns:1fr;}
  .stats-strip{grid-template-columns:repeat(2,1fr);}
}
/* ===== Samy Dubai 2.0 editable content ===== */
.inner-hero{position:relative;z-index:1;padding:170px 0 90px;background:radial-gradient(circle at 70% 20%,rgba(201,168,76,.10),transparent 35%),var(--void);border-bottom:1px solid var(--line)}
.inner-hero h1{font-family:var(--f-display);font-size:clamp(3rem,7vw,7rem);font-weight:300;margin:.5rem 0}
.inner-hero p{max-width:700px;color:var(--ivory-dim);font-size:1.05rem}
.article-layout{max-width:1050px}
.article-card{background:rgba(255,255,255,.025);border:1px solid var(--line);padding:clamp(1.2rem,4vw,4rem)}
.article-cover{display:block;width:100%;height:auto;max-height:650px;object-fit:cover;margin-bottom:2rem}
.article-meta{font-family:var(--f-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:1.5rem}
.article-content{font-size:1.08rem;line-height:1.9;color:var(--ivory-dim)}
.article-content h2,.article-content h3{font-family:var(--f-display);color:var(--ivory);font-size:2rem;margin-top:2.2rem}
.article-content img{max-width:100%;height:auto}
.article-content a{color:var(--gold)}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.archive-card{display:block;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:transform .35s,border-color .35s;text-decoration:none}
.archive-card:hover{transform:translateY(-5px);border-color:var(--line-strong)}
.archive-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.archive-body{padding:1.5rem}.archive-body h2{font-family:var(--f-display);font-size:2rem;font-weight:400;color:var(--ivory);margin:.5rem 0}.archive-body p{color:var(--ivory-dim);line-height:1.7}.archive-body small{color:var(--ivory-faint);font-family:var(--f-mono)}
.ambassador-grid .g-item{background-size:cover;background-position:center;min-height:320px}.ambassador-card .g-tag{display:flex;flex-direction:column;gap:.25rem}.ambassador-card .g-tag small{font-family:var(--f-mono);color:var(--gold-light);font-size:.68rem}
.map-box iframe{width:100%;min-height:300px;border:0;filter:grayscale(1) contrast(1.1)}
footer a{color:inherit;text-decoration:none}
@media(max-width:900px){.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.archive-grid{grid-template-columns:1fr}.inner-hero{padding:125px 0 55px}.inner-hero h1{font-size:clamp(2.6rem,11vw,4.2rem);line-height:1.02;overflow-wrap:anywhere}.article-card{padding:1.25rem}.article-layout{padding-left:1rem;padding-right:1rem}}