/* Melek Maaroufi Portfolio — Premium Theme
   Brand: navy / gold / burgundy. No frameworks. No bloat. RTL-aware. */

:root{
  --navy-deep:#0F2A44;
  --navy-mid:#1B3A5C;
  --navy-soft:#26486F;
  --burgundy:#A82431;
  --gold-warm:#E8A82C;
  --gold-muted:#C9A45A;
  --cream:#F5EFE3;
  --ink:#0A0A0A;
  --line:rgba(232,168,44,.18);
  --line-strong:rgba(232,168,44,.4);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --serif-ar:'Amiri','Noto Naskh Arabic',serif;
  --sans-ar:'Cairo','Noto Sans Arabic',-apple-system,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--navy-deep);color:var(--cream);font-family:var(--sans);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none;transition:color .2s ease}
button{border:none;background:none;cursor:pointer;color:inherit;font-family:inherit}

/* RTL adjustments */
html[dir="rtl"] body{font-family:var(--sans-ar)}
html[dir="rtl"] .serif,html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,html[dir="rtl"] blockquote{font-family:var(--serif-ar)}

/* ====== HEADER ====== */
.site-header{position:sticky;top:0;z-index:50;background:rgba(15,42,68,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;gap:2rem}
.brand{display:flex;align-items:center;gap:.75rem}
.brand img{width:44px;height:44px;object-fit:contain}
.brand-text{font-family:var(--serif);font-size:1.15rem;font-weight:500;letter-spacing:.08em;color:var(--cream);white-space:nowrap}
.brand-text em{font-style:normal;color:var(--gold-warm)}
html[dir="rtl"] .brand-text{font-family:var(--serif-ar);letter-spacing:0}

.primary-nav{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}
.primary-nav ul,
.primary-nav .menu{display:flex;gap:2rem;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.primary-nav li{list-style:none;margin:0;padding:0}
.primary-nav a{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;font-weight:400;color:var(--cream);opacity:.85;position:relative;text-decoration:none}
html[dir="rtl"] .primary-nav a{letter-spacing:0;font-size:.85rem}
.primary-nav a:hover{color:var(--gold-warm);opacity:1}
.primary-nav a.active,
.primary-nav .current-menu-item > a{color:var(--gold-warm)}
.primary-nav a.active::after,
.primary-nav .current-menu-item > a::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--gold-warm)}

.lang-switch{display:flex;gap:.6rem;align-items:center;font-size:.72rem;letter-spacing:.12em;font-weight:500}
.lang-switch a{color:var(--cream);opacity:.5}
.lang-switch a.current{color:var(--gold-warm);opacity:1}
.lang-switch a:hover{opacity:1;color:var(--gold-warm)}
.lang-divider{opacity:.3;font-size:.6rem}

/* Mobile menu */
.menu-toggle{display:none;font-size:1.5rem;color:var(--gold-warm)}

/* ====== TYPOGRAPHY ====== */
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;color:var(--cream);line-height:1.1}
h1{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.01em}
h2{font-size:clamp(2rem,4vw,3.4rem)}
h3{font-size:clamp(1.4rem,2.5vw,1.9rem)}
h4{font-size:1.3rem}
.accent{color:var(--gold-warm);font-style:italic;font-weight:400}
html[dir="rtl"] .accent{font-style:normal;font-weight:500}

.eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-warm);font-weight:500;margin-bottom:1rem}
.eyebrow::before{content:'';width:30px;height:1px;background:var(--gold-warm)}
html[dir="rtl"] .eyebrow{letter-spacing:.1em}

/* ====== HERO ====== */
.hero{position:relative;min-height:calc(100vh - 80px);display:flex;align-items:center;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(232,168,44,.08),transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(168,36,49,.06),transparent 50%);pointer-events:none}
.hero-inner{max-width:1280px;margin:0 auto;padding:4rem 2rem;width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;position:relative;z-index:2}
.hero h1{margin-bottom:1.25rem}
.hero-tag{font-family:var(--serif);font-size:1.4rem;font-style:italic;color:var(--gold-muted);margin-bottom:2rem;letter-spacing:.02em}
html[dir="rtl"] .hero-tag{font-family:var(--serif-ar);font-style:normal}
.hero-lead{font-size:1.05rem;line-height:1.75;color:rgba(245,239,227,.78);max-width:520px;margin-bottom:2.5rem;font-weight:300}
.cta-row{display:flex;gap:1rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.8rem;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;cursor:pointer;border:1px solid transparent;white-space:nowrap}
html[dir="rtl"] .btn{letter-spacing:.05em;font-size:.85rem}
.btn-primary{background:var(--gold-warm);color:var(--navy-deep)}
.btn-primary:hover{background:var(--cream);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--cream);border-color:var(--gold-muted)}
.btn-ghost:hover{background:rgba(232,168,44,.1);border-color:var(--gold-warm);color:var(--gold-warm)}

.hero-portrait{position:relative;justify-self:center}
.hero-portrait::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background:radial-gradient(circle,rgba(232,168,44,.18) 0%,transparent 65%);z-index:0;pointer-events:none}
.hero-portrait img{position:relative;z-index:1;max-height:540px;width:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.5))}

/* ====== SECTIONS ====== */
.section{padding:6rem 2rem;position:relative}
.section-inner{max-width:1280px;margin:0 auto}
.section-lead{font-size:1.05rem;color:rgba(245,239,227,.7);max-width:640px;line-height:1.75;margin-bottom:3.5rem}
.section-mid{background:var(--navy-mid)}

/* ====== STATS ====== */
.stats{background:var(--navy-mid);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:3.5rem 2rem}
.stats-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}
.stat-item .num{font-family:var(--serif);font-size:3rem;font-weight:500;color:var(--gold-warm);line-height:1;margin-bottom:.5rem}
html[dir="rtl"] .stat-item .num{font-family:var(--serif-ar)}
.stat-item .lbl{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(245,239,227,.7);font-weight:500}
html[dir="rtl"] .stat-item .lbl{letter-spacing:0}

/* ====== SERVICES (HOME teaser) ====== */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.service-card{background:var(--navy-mid);border:1px solid var(--line);padding:2.5rem 2rem;transition:all .35s ease;position:relative;overflow:hidden}
.service-card::before{content:'';position:absolute;left:0;top:0;width:3px;height:0;background:var(--gold-warm);transition:height .35s ease}
html[dir="rtl"] .service-card::before{left:auto;right:0}
.service-card:hover{border-color:var(--gold-warm);transform:translateY(-4px)}
.service-card:hover::before{height:100%}
.service-num{font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--gold-warm);margin-bottom:1rem}
html[dir="rtl"] .service-num{font-family:var(--serif-ar);font-style:normal}
.service-card h3{margin-bottom:1rem}
.service-card p{font-size:.95rem;color:rgba(245,239,227,.7);line-height:1.7;margin-bottom:1.5rem}
.service-link{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-warm);font-weight:500;display:inline-flex;align-items:center;gap:.5rem}
.service-link::after{content:'→';transition:transform .25s}
html[dir="rtl"] .service-link::after{content:'←'}
.service-card:hover .service-link::after{transform:translateX(4px)}
html[dir="rtl"] .service-card:hover .service-link::after{transform:translateX(-4px)}

/* ====== AWARDS ====== */
.awards-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.award{display:flex;gap:2rem;align-items:flex-start;padding:2.5rem;background:var(--navy-deep);border-left:3px solid var(--gold-warm)}
html[dir="rtl"] .award{border-left:none;border-right:3px solid var(--gold-warm)}
.award-year{font-family:var(--serif);font-size:3rem;font-style:italic;color:var(--gold-warm);font-weight:500;line-height:1;flex-shrink:0}
html[dir="rtl"] .award-year{font-family:var(--serif-ar);font-style:normal}
.award-body h4{margin-bottom:.5rem}
.award-issuer{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-muted);font-weight:500;margin-bottom:.75rem}
html[dir="rtl"] .award-issuer{letter-spacing:0}
.award-body p{font-size:.92rem;color:rgba(245,239,227,.7);line-height:1.6}

/* ====== CERTIFICATES TEASER (home) ====== */
.certs-grid-teaser{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:2.5rem}
.cert-tile{aspect-ratio:1;background:var(--navy-mid);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:.85rem;text-align:center;color:var(--gold-muted);padding:.75rem;line-height:1.2;transition:all .25s}
.cert-tile:hover{border-color:var(--gold-warm);color:var(--gold-warm)}
.cert-tile.empty{background:transparent;border:1px dashed var(--line);color:rgba(245,239,227,.3);font-style:italic}

/* ====== CREDENTIALS PAGE ====== */
.cert-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem;justify-content:center}
.cert-filter{padding:.6rem 1.2rem;border:1px solid var(--line);background:transparent;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cream);transition:all .2s}
html[dir="rtl"] .cert-filter{letter-spacing:0;font-size:.85rem}
.cert-filter:hover,.cert-filter.active{border-color:var(--gold-warm);background:var(--gold-warm);color:var(--navy-deep)}
.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.cert-card{background:var(--navy-mid);border:1px solid var(--line);overflow:hidden;cursor:pointer;transition:all .25s;aspect-ratio:4/3;position:relative}
.cert-card img{width:100%;height:100%;object-fit:cover}
.cert-card:hover{border-color:var(--gold-warm);transform:translateY(-3px)}
.cert-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(15,42,68,.85) 0%,transparent 40%);opacity:0;transition:opacity .25s}
.cert-card:hover::after{opacity:1}

/* ====== ABOUT PAGE ====== */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.about-photo{position:sticky;top:6rem;max-width:480px}
.about-photo img{width:100%;border:1px solid var(--line)}
.about-bio p{font-size:1.05rem;line-height:1.85;color:rgba(245,239,227,.85);margin-bottom:1.25rem;font-weight:300}

.timeline{position:relative;padding-left:2rem;border-left:1px solid var(--line)}
html[dir="rtl"] .timeline{padding-left:0;padding-right:2rem;border-left:none;border-right:1px solid var(--line)}
.timeline-item{position:relative;margin-bottom:2.5rem}
.timeline-item::before{content:'';position:absolute;left:-2.4rem;top:.5rem;width:9px;height:9px;background:var(--gold-warm);border-radius:50%}
html[dir="rtl"] .timeline-item::before{left:auto;right:-2.4rem}
.timeline-years{font-family:var(--serif);font-style:italic;color:var(--gold-warm);font-size:.95rem;margin-bottom:.25rem}
html[dir="rtl"] .timeline-years{font-family:var(--serif-ar);font-style:normal}
.timeline-title{font-weight:500;font-size:1.05rem;margin-bottom:.15rem;color:var(--cream)}
.timeline-school{font-size:.88rem;color:rgba(245,239,227,.65)}

.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}
.skill-chip{padding:.85rem 1.2rem;background:var(--navy-mid);border:1px solid var(--line);font-size:.88rem;color:var(--cream);text-align:center}
.skill-chip:hover{border-color:var(--gold-warm)}

.lang-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center}
.lang-item{padding:1.5rem;background:var(--navy-mid);border:1px solid var(--line)}
.lang-item .lang-name{font-family:var(--serif);font-size:1.3rem;color:var(--gold-warm);margin-bottom:.25rem}
html[dir="rtl"] .lang-item .lang-name{font-family:var(--serif-ar)}

.philosophy-block{background:var(--navy-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:5rem 2rem;text-align:center}
.philosophy-mark{font-family:var(--serif);font-size:5rem;color:var(--gold-warm);line-height:.5;margin-bottom:1rem;display:inline-block}
html[dir="rtl"] .philosophy-mark{font-family:var(--serif-ar)}
.philosophy-block blockquote{font-family:var(--serif);font-size:1.6rem;line-height:1.5;font-style:italic;font-weight:400;color:var(--cream);margin:0 auto 1.5rem;max-width:880px}
html[dir="rtl"] .philosophy-block blockquote{font-family:var(--serif-ar);font-style:normal}
.philosophy-block cite{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold-muted);font-weight:500;font-style:normal}

/* ====== SERVICES PAGE ====== */
.service-block{padding:5rem 0;border-bottom:1px solid var(--line)}
.service-block:last-child{border-bottom:none}
.service-block-inner{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start}
.service-num-big{font-family:var(--serif);font-style:italic;font-size:5rem;color:var(--gold-warm);font-weight:500;line-height:1}
html[dir="rtl"] .service-num-big{font-family:var(--serif-ar);font-style:normal}
.service-who{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold-muted);font-weight:500;margin-bottom:1.25rem;line-height:1.6}
html[dir="rtl"] .service-who{letter-spacing:0;font-size:.85rem}
.service-body{font-size:1.05rem;line-height:1.85;color:rgba(245,239,227,.85);margin-bottom:1.5rem}
.service-bullets{list-style:none;padding:0}
.service-bullets li{padding:.6rem 0 .6rem 1.5rem;position:relative;color:rgba(245,239,227,.8);font-size:.95rem;border-bottom:1px dashed var(--line)}
.service-bullets li::before{content:'→';position:absolute;left:0;color:var(--gold-warm)}
html[dir="rtl"] .service-bullets li{padding:.6rem 1.5rem .6rem 0}
html[dir="rtl"] .service-bullets li::before{content:'←';left:auto;right:0}

/* ====== TRAINING TIMELINE ====== */
.training-list{position:relative;max-width:900px;margin:0 auto}
.training-item{display:grid;grid-template-columns:200px 1fr;gap:2.5rem;padding:2rem 0;border-bottom:1px solid var(--line);align-items:start}
.training-date{font-family:var(--serif);font-style:italic;color:var(--gold-warm);font-size:1.15rem}
html[dir="rtl"] .training-date{font-family:var(--serif-ar);font-style:normal}
.training-title{font-weight:500;font-size:1.15rem;color:var(--cream);margin-bottom:.5rem}
.training-org{font-size:.85rem;color:var(--gold-muted);letter-spacing:.05em;margin-bottom:.25rem}
.training-location{font-size:.85rem;color:rgba(245,239,227,.6)}

/* ====== PROJECTS HUB ====== */
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.project-card{background:var(--navy-mid);border:1px solid var(--line);padding:2.5rem 2rem;transition:all .35s;display:flex;flex-direction:column;position:relative;overflow:hidden}
.project-card:hover{border-color:var(--gold-warm);transform:translateY(-4px)}
.project-role{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--burgundy);font-weight:600;margin-bottom:1rem}
html[dir="rtl"] .project-role{letter-spacing:.1em}
.project-card h3{margin-bottom:.5rem}
.project-tag{font-family:var(--serif);font-style:italic;color:var(--gold-muted);font-size:1rem;margin-bottom:1.25rem}
html[dir="rtl"] .project-tag{font-family:var(--serif-ar);font-style:normal}
.project-card p{font-size:.95rem;color:rgba(245,239,227,.7);line-height:1.7;margin-bottom:2rem;flex:1}

/* ====== PROJECT SUBPAGES ====== */
.subpage-hero{padding:5rem 2rem 3rem;border-bottom:1px solid var(--line)}
.subpage-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-muted);margin-bottom:2rem;font-weight:500}
.subpage-back:hover{color:var(--gold-warm)}
.subpage-back::before{content:'←'}
html[dir="rtl"] .subpage-back::before{content:'→'}
.subpage-role{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--burgundy);font-weight:600;margin-bottom:1rem}
html[dir="rtl"] .subpage-role{letter-spacing:.1em}
.subpage-tagline{font-family:var(--serif);font-style:italic;color:var(--gold-muted);font-size:1.4rem;margin-bottom:1rem}
html[dir="rtl"] .subpage-tagline{font-family:var(--serif-ar);font-style:normal}
.subpage-body{padding:4rem 2rem;max-width:880px;margin:0 auto}
.subpage-body p{font-size:1.1rem;line-height:1.85;margin-bottom:1.5rem;color:rgba(245,239,227,.85)}
.subpage-body p.note{font-size:.95rem;color:var(--gold-muted);font-style:italic;padding:1rem;border-left:2px solid var(--gold-warm)}
html[dir="rtl"] .subpage-body p.note{border-left:none;border-right:2px solid var(--gold-warm)}
.subpage-body blockquote{font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--gold-warm);border-left:3px solid var(--gold-warm);padding:1rem 0 1rem 1.5rem;margin:2rem 0;line-height:1.5}
html[dir="rtl"] .subpage-body blockquote{font-family:var(--serif-ar);font-style:normal;border-left:none;border-right:3px solid var(--gold-warm);padding:1rem 1.5rem 1rem 0}
.subpage-offers{list-style:none;padding:0;margin:2rem 0}
.subpage-offers li{padding:1rem 0 1rem 2rem;position:relative;border-bottom:1px dashed var(--line);font-size:1.05rem}
.subpage-offers li::before{content:'✦';position:absolute;left:0;color:var(--gold-warm)}
html[dir="rtl"] .subpage-offers li{padding:1rem 2rem 1rem 0}
html[dir="rtl"] .subpage-offers li::before{left:auto;right:0}

.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;padding:0 2rem 4rem;max-width:1280px;margin:0 auto}
.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);transition:all .25s;cursor:zoom-in}
.gallery-grid img:hover{border-color:var(--gold-warm);transform:scale(1.02)}

/* ====== CONTACT ====== */
.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;align-items:start}
.contact-info{padding:2rem 0}
.contact-info-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}
.contact-info-item:last-child{border-bottom:none}
.contact-info-label{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold-muted);font-weight:500;margin-bottom:.5rem}
html[dir="rtl"] .contact-info-label{letter-spacing:0}
.contact-info-value{font-size:1.2rem;color:var(--cream)}
.contact-info-value a{color:var(--gold-warm)}
.contact-info-value a:hover{color:var(--cream)}

.contact-form{background:var(--navy-mid);border:1px solid var(--line);padding:2.5rem}
.form-row{margin-bottom:1.25rem}
.form-row label{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-muted);margin-bottom:.5rem;font-weight:500}
html[dir="rtl"] .form-row label{letter-spacing:0;font-size:.85rem}
.form-row input,.form-row textarea{width:100%;padding:.85rem 1rem;background:var(--navy-deep);border:1px solid var(--line);color:var(--cream);font-family:inherit;font-size:.95rem;transition:border-color .2s}
html[dir="rtl"] .form-row input,html[dir="rtl"] .form-row textarea{text-align:right}
.form-row input:focus,.form-row textarea:focus{outline:none;border-color:var(--gold-warm)}
.form-row textarea{min-height:140px;resize:vertical;font-family:inherit}

/* ====== CTA ====== */
.contact-cta{background:linear-gradient(135deg,var(--navy-mid) 0%,var(--navy-soft) 100%);padding:6rem 2rem;text-align:center}
.contact-cta h2{margin-bottom:1rem}
.contact-cta p{color:rgba(245,239,227,.75);margin-bottom:2.5rem;font-size:1.05rem}

/* ====== FOOTER ====== */
.site-footer{background:#0a1d30;border-top:1px solid var(--line);padding:3rem 2rem 2rem}
.footer-inner{max-width:1280px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--line)}
.footer-brand{font-family:var(--serif);font-size:1.5rem;color:var(--cream);margin-bottom:1rem;font-weight:500}
html[dir="rtl"] .footer-brand{font-family:var(--serif-ar)}
.footer-tag{font-size:.85rem;color:rgba(245,239,227,.6);line-height:1.7;max-width:340px}
.footer-col h5{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold-warm);font-weight:500;margin-bottom:1rem}
html[dir="rtl"] .footer-col h5{letter-spacing:0}
.footer-col a{display:block;font-size:.88rem;color:rgba(245,239,227,.7);padding:.3rem 0}
.footer-col a:hover{color:var(--gold-warm)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.78rem;color:rgba(245,239,227,.5);flex-wrap:wrap;gap:1rem}

/* ====== PAGE HEADER (non-home pages) ====== */
.page-header{padding:6rem 2rem 4rem;text-align:center;border-bottom:1px solid var(--line)}
.page-header h1{margin-bottom:1rem}
.page-header .section-lead{margin:0 auto;max-width:680px;text-align:center}

/* ====== RESPONSIVE ====== */
@media (max-width:1100px){
  .hero-inner{gap:2.5rem}
  .nav-inner{padding:1rem 1.5rem}
  .primary-nav{gap:1.3rem}
  .primary-nav ul,.primary-nav .menu{gap:1.3rem}
}
@media (max-width:900px){
  .nav-inner{padding:1rem;flex-wrap:wrap}
  .primary-nav{order:3;width:100%;justify-content:center;padding-top:.5rem;border-top:1px solid var(--line);margin-top:.5rem;gap:1.2rem}
  .primary-nav ul,.primary-nav .menu{gap:1.2rem;justify-content:center;width:100%}
  .primary-nav a{font-size:.7rem}
  .hero-inner{grid-template-columns:1fr;text-align:center;padding:3rem 1.5rem;gap:2.5rem}
  .hero-portrait{order:-1;max-width:280px}
  .hero-portrait img{max-height:380px}
  .eyebrow{margin-left:auto;margin-right:auto}
  .hero-lead{margin-left:auto;margin-right:auto}
  .cta-row{justify-content:center}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}
  .services-grid,.projects-grid{grid-template-columns:1fr;gap:1rem}
  .awards-grid{grid-template-columns:1fr}
  .award{flex-direction:column;gap:1rem;padding:1.75rem}
  .certs-grid-teaser{grid-template-columns:repeat(3,1fr)}
  .footer-top{grid-template-columns:1fr 1fr;gap:2rem}
  .section{padding:4rem 1.5rem}
  .page-header{padding:4rem 1.5rem 3rem}
  .about-grid{grid-template-columns:1fr;gap:2rem}
  .about-photo{position:static;max-width:300px;margin:0 auto}
  .service-block-inner{grid-template-columns:1fr;gap:1.5rem}
  .service-num-big{font-size:3.5rem}
  .training-item{grid-template-columns:1fr;gap:.5rem}
  .lang-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr;gap:2rem}
}
@media (max-width:480px){
  .stats-grid{grid-template-columns:1fr}
  .lang-grid{grid-template-columns:1fr}
  .certs-grid-teaser{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:1fr}
}

/* ====== PORTFOLIO ====== */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.portfolio-card{background:var(--navy-mid);border:1px solid var(--line);transition:all .35s;display:flex;flex-direction:column;position:relative;overflow:hidden;text-decoration:none;color:inherit}
.portfolio-card:hover{border-color:var(--gold-warm);transform:translateY(-4px)}
.portfolio-img{aspect-ratio:4/3;overflow:hidden;background:var(--navy-deep)}
.portfolio-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.portfolio-card:hover .portfolio-img img{transform:scale(1.05)}
.portfolio-body{padding:1.8rem}
.portfolio-type{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-warm);margin-bottom:.6rem}
.portfolio-body h3{margin-bottom:.4rem;font-size:1.3rem}
.portfolio-client{font-size:.9rem;color:var(--gold-muted);font-style:italic;margin-bottom:.8rem}
.portfolio-body p{font-size:.92rem;color:rgba(245,239,227,.7);line-height:1.7;margin-bottom:1rem}
.portfolio-link{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-warm);font-weight:500}
@media (max-width:900px){.portfolio-grid{grid-template-columns:1fr;gap:1rem}}

/* ====== PROJECT LOGOS ====== */
.project-card-with-logo{display:flex;flex-direction:row;align-items:flex-start;gap:1.5rem}
.project-card-with-logo .project-card-body{flex:1;display:flex;flex-direction:column;min-width:0}
.project-card .project-logo{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:rgba(245,239,227,.05);border:1px solid var(--line);padding:.5rem;border-radius:4px}
.project-card .project-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

/* Logo on single project detail page (centered, larger) */
.subpage-logo{width:140px;height:140px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:rgba(245,239,227,.05);border:1px solid var(--line);padding:1rem;border-radius:8px}
.subpage-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

@media (max-width:600px){
  .project-card-with-logo{flex-direction:column;gap:1rem}
  .project-card .project-logo{width:64px;height:64px}
  .subpage-logo{width:110px;height:110px}
}

/* Copyright link */
.footer-copyright-link{color:var(--gold-muted);text-decoration:none;transition:color .2s}
.footer-copyright-link:hover{color:var(--gold-warm);text-decoration:underline}