/* ═══════════════════════════════════════════════════
   YEALPHA — Main Stylesheet
   ═══════════════════════════════════════════════════ */
:root {
  --gold: #C9A96E;
  --gold-light: #E8D5B0;
  --dark: #0E0E0B;
  --dark2: #1A1A15;
  --dark3: #242420;
  --stone: #F5F2EC;
  --stone2: #EAE6DC;
  --text: #2C2C26;
  --muted: #8A8A7A;
  --white: #FAFAF7;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Noto Sans SC',sans-serif;background:var(--dark);color:var(--white);overflow-x:hidden;}

/* ── NAV ───────────────────────────────── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 4rem;display:flex;align-items:center;justify-content:space-between;transition:background .4s,padding .4s;}
nav.scrolled{background:rgba(14,14,11,.95);backdrop-filter:blur(12px);padding:1rem 4rem;border-bottom:1px solid rgba(201,169,110,.15);}
/* ── NAV LOGO (image) ───────────────────── */
.logo-img-wrap{display:flex;align-items:center;text-decoration:none;flex-shrink:0;}
.nav-logo-img{
  height:38px;
  width:auto;
  display:block;
  /* Logo is orange on transparent — works great on dark nav */
  filter:brightness(1);
  transition:opacity .3s;
}
.logo-img-wrap:hover .nav-logo-img{opacity:.8;}

/* Keep old .logo class for admin sidebar fallback */
.logo{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:300;letter-spacing:.12em;color:var(--white);text-decoration:none;display:flex;align-items:baseline;gap:.4rem;}
.logo span{font-size:.55rem;font-family:'DM Mono',monospace;letter-spacing:.25em;color:var(--gold);text-transform:uppercase;}
.nav-links{display:flex;gap:2rem;list-style:none;align-items:center;}
.nav-links a{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.65);text-decoration:none;transition:color .3s;position:relative;padding:.5rem 0;touch-action:manipulation;}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s;}
.nav-links a:hover,.nav-links a.active{color:var(--gold);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}
.hamburger span{display:block;width:24px;height:1.5px;background:var(--white);transition:all .3s;}
.nav-mobile-open .hamburger span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.nav-mobile-open .hamburger span:nth-child(2){opacity:0;}
.nav-mobile-open .hamburger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

/* ── HERO ──────────────────────────────── */
.hero{height:100vh;min-height:600px;position:relative;display:flex;align-items:flex-end;padding:0 4rem 6rem;overflow:hidden;}
/* Safe area for notched phones */
@supports(padding:env(safe-area-inset-bottom)){
  .hero{padding-bottom:max(6rem, calc(4rem + env(safe-area-inset-bottom)));}
}
.hero-bg{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(14,14,11,.2) 0%,rgba(14,14,11,.7) 70%,var(--dark) 100%),url('https://images.unsplash.com/photo-1486325212027-8081e485255e?w=1600&q=80') center/cover no-repeat;transform:scale(1.05);transition:transform 8s ease;}
.hero-bg.loaded{transform:scale(1);}
.hero-grain{position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;pointer-events:none;}
.hero-line{position:absolute;left:4rem;top:50%;transform:translateY(-50%);width:1px;height:0;background:linear-gradient(to bottom,transparent,var(--gold),transparent);animation:lineGrow 2s .5s ease forwards;}
@keyframes lineGrow{to{height:200px;}}
.hero-content{position:relative;z-index:2;max-width:700px;}
.hero-eyebrow{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.35em;color:var(--gold);text-transform:uppercase;margin-bottom:1.5rem;opacity:0;animation:fadeUp .8s .3s ease forwards;}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(3.5rem,7vw,6.5rem);font-weight:300;line-height:1.05;margin-bottom:1.5rem;opacity:0;animation:fadeUp .9s .5s ease forwards;}
.hero-title em{font-style:italic;color:var(--gold-light);}
.hero-sub{font-size:.9rem;font-weight:300;color:rgba(255,255,255,.6);line-height:1.8;max-width:420px;margin-bottom:2.5rem;opacity:0;animation:fadeUp .9s .7s ease forwards;}
.hero-cta{display:flex;gap:1.5rem;align-items:center;opacity:0;animation:fadeUp .9s .9s ease forwards;}
.hero-scroll{position:absolute;right:4rem;bottom:3rem;writing-mode:vertical-rl;font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.3em;color:var(--muted);display:flex;align-items:center;gap:1rem;opacity:0;animation:fadeIn 1s 1.5s ease forwards;}
.hero-scroll::after{content:'';display:block;width:1px;height:60px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollPulse 1.5s 2s infinite;}
@keyframes scrollPulse{0%,100%{opacity:1;}50%{opacity:.2;}}

.btn-primary{background:var(--gold);color:var(--dark);padding:.9em 2.5em;font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:all .3s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));display:inline-block;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.btn-primary:hover{background:var(--gold-light);transform:translateY(-2px);}
.btn-ghost{color:rgba(255,255,255,.6);font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:color .3s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.btn-ghost::after{content:'→';transition:transform .3s;}
.btn-ghost:hover{color:var(--gold);}
.btn-ghost:hover::after{transform:translateX(4px);}
.btn-outline{border:1px solid rgba(201,169,110,.4);color:var(--gold);padding:.8em 2em;font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;display:inline-block;transition:all .3s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.btn-outline:hover{background:rgba(201,169,110,.08);border-color:var(--gold);}

/* ── SECTION BASE ───────────────────────── */
.section-label{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:1rem;margin-bottom:1rem;}
.section-label::before{content:'';display:block;width:30px;height:1px;background:var(--gold);}
.section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:300;line-height:1.15;margin-bottom:2rem;}
.section-title em{font-style:italic;color:var(--gold-light);}
.section-header{margin-bottom:3rem;}
.section-more{text-align:center;margin-top:3rem;}
.empty-state{text-align:center;padding:4rem 2rem;color:var(--muted);font-family:'DM Mono',monospace;font-size:.8rem;letter-spacing:.1em;}

/* ── SERVICES ───────────────────────────── */
.services{background:var(--dark);padding:8rem 4rem;}
.services-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--dark3);}
.service-card{background:var(--dark2);padding:3rem 2.5rem;position:relative;overflow:hidden;transition:background .4s;text-decoration:none;color:inherit;display:block;}
.service-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s;}
.service-card:hover{background:var(--dark3);}
.service-card:hover::before{transform:scaleX(1);}
.service-num{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.2em;color:var(--gold);margin-bottom:2rem;}
.service-icon{width:48px;height:48px;margin-bottom:1.5rem;opacity:.7;transition:opacity .3s;color:var(--white);}
.service-card:hover .service-icon{opacity:1;}
.service-name{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:400;margin-bottom:.75rem;}
.service-desc{font-size:.82rem;line-height:1.9;color:var(--muted);margin-bottom:2rem;}
.service-link{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);}

/* ── PROJECTS ───────────────────────────── */
.section-projects{padding:8rem 4rem;background:var(--dark2);}
.projects-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.project-tile{text-decoration:none;color:inherit;display:block;transition:transform .3s;}
.project-tile:hover{transform:translateY(-4px);}
.project-img-wrap{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--dark3);}
.project-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;filter:brightness(.85);}
.project-tile:hover .project-img-wrap img{transform:scale(1.06);filter:brightness(1);}
.project-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--dark3),var(--dark2));}
.project-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(14,14,11,.7) 0%,transparent 50%);display:flex;align-items:flex-end;padding:1rem;}
.project-cat{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.2em;background:var(--gold);color:var(--dark);padding:.2em .6em;text-transform:uppercase;}
.project-info{padding:1rem 0;}
.project-title{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:400;margin-bottom:.4rem;}
.project-excerpt{font-size:.8rem;color:var(--muted);line-height:1.7;margin-bottom:.5rem;}
.project-year{font-family:'DM Mono',monospace;font-size:.65rem;color:var(--gold);letter-spacing:.1em;}

/* ── PROJECT DETAIL ─────────────────────── */
.project-detail{max-width:960px;margin:0 auto;padding:8rem 4rem 4rem;}
.project-detail-cover{width:100%;max-height:520px;object-fit:cover;margin-bottom:3rem;}
.project-detail-meta{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap;}
.meta-item{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.15em;color:var(--muted);}
.meta-item strong{display:block;color:var(--gold);margin-bottom:.2rem;}
.project-detail-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:300;margin-bottom:1.5rem;}
.project-detail-body{font-size:.92rem;line-height:2;color:rgba(255,255,255,.75);max-width:720px;}
.project-gallery-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:3rem;}
.project-gallery-row img{width:100%;height:200px;object-fit:cover;transition:transform .3s;}
.project-gallery-row img:hover{transform:scale(1.02);}

/* ── STATS ──────────────────────────────── */
.stats{background:var(--dark);padding:5rem 4rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background-color:var(--dark3);}
.stat-item{background:var(--dark);padding:3rem 2rem;text-align:center;}
.stat-number{font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:300;color:var(--gold);line-height:1;display:block;}
.stat-unit{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--gold-light);}
.stat-label{font-size:.75rem;color:var(--muted);letter-spacing:.1em;margin-top:.5rem;display:block;}

/* ── NEWS ───────────────────────────────── */
.section-news{padding:8rem 4rem;background:var(--dark);}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.news-card{text-decoration:none;color:inherit;display:block;border:1px solid var(--dark3);transition:border-color .3s,transform .3s;}
.news-card:hover{border-color:rgba(201,169,110,.3);transform:translateY(-4px);}
.news-img{height:200px;overflow:hidden;background:var(--dark3);}
.news-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.news-card:hover .news-img img{transform:scale(1.05);}
.news-img-placeholder{background:linear-gradient(135deg,var(--dark3),var(--dark2));}
.news-body{padding:1.5rem;}
.news-tag{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.75rem;}
.news-title{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:400;margin-bottom:.6rem;line-height:1.3;}
.news-excerpt{font-size:.8rem;color:var(--muted);line-height:1.7;margin-bottom:.75rem;}
.news-date{font-family:'DM Mono',monospace;font-size:.65rem;color:var(--muted);}

/* ── NEWS LIST PAGE ─────────────────────── */
.page-hero{padding:10rem 4rem 4rem;border-bottom:1px solid var(--dark3);}
.page-hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;line-height:1.1;margin-bottom:.5rem;}
.news-list-grid{padding:4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;}

/* ── ARTICLE DETAIL ─────────────────────── */
.article-detail{max-width:800px;margin:0 auto;padding:8rem 2rem 4rem;}
.article-cover{width:100%;max-height:460px;object-fit:cover;margin-bottom:3rem;}
.article-meta{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;}
.article-meta span{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.15em;color:var(--muted);}
.article-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;margin-bottom:2rem;line-height:1.2;}
.article-body{font-size:.92rem;line-height:2.1;color:rgba(255,255,255,.75);}
.article-body p{margin-bottom:1.2rem;}
.article-body h2{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:400;color:var(--white);margin:2rem 0 1rem;}

/* ── CTA BAND ───────────────────────────── */
.cta-band{background:var(--dark2);border-top:1px solid var(--dark3);border-bottom:1px solid var(--dark3);padding:6rem 4rem;text-align:center;}
.cta-inner{max-width:600px;margin:0 auto;}
.cta-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;margin-bottom:1rem;}
.cta-title em{font-style:italic;color:var(--gold-light);}
.cta-sub{font-size:.85rem;color:var(--muted);margin-bottom:2rem;line-height:1.8;}

/* ── CONTACT PAGE ───────────────────────── */
.contact-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:6rem;padding:8rem 4rem;align-items:start;}
.contact-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:300;line-height:1.2;margin-bottom:1.5rem;}
.contact-title em{font-style:italic;color:var(--gold-light);}
.contact-desc{font-size:.85rem;color:var(--muted);line-height:1.9;margin-bottom:2.5rem;}
.contact-info{display:flex;flex-direction:column;gap:1rem;}
.contact-row{display:flex;align-items:center;gap:1rem;font-size:.82rem;color:rgba(255,255,255,.6);}
.contact-icon{width:32px;height:32px;border:1px solid var(--dark3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--gold);flex-shrink:0;}
.contact-form{display:flex;flex-direction:column;gap:1.25rem;}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.form-group{display:flex;flex-direction:column;gap:.4rem;}
.form-label{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.form-input,.form-textarea,.form-select{background:var(--dark3);border:1px solid rgba(255,255,255,.08);color:var(--white);padding:.85em 1em;font-family:'Noto Sans SC',sans-serif;font-size:.85rem;outline:none;transition:border-color .3s;width:100%;}
.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--gold);}
.form-textarea{min-height:130px;resize:vertical;}
.form-select option{background:var(--dark3);}

/* ── FOOTER ─────────────────────────────── */
footer{background:var(--dark);border-top:1px solid var(--dark3);padding:3rem 4rem;display:flex;justify-content:space-between;align-items:center;}
.footer-logo-wrap{display:flex;align-items:center;text-decoration:none;}
.footer-logo-img{height:30px;width:auto;display:block;opacity:.8;transition:opacity .3s;}
.footer-logo-wrap:hover .footer-logo-img{opacity:1;}
.footer-logo{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:300;color:var(--white);text-decoration:none;letter-spacing:.1em;}
.footer-copy{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.1em;color:var(--muted);}
.footer-links{display:flex;gap:2rem;}
.footer-links a{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.15em;color:var(--muted);text-decoration:none;transition:color .2s;}
.footer-links a:hover{color:var(--gold);}

/* ── REVEAL ANIMATION ───────────────────── */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ── BREADCRUMB ─────────────────────────── */
.breadcrumb{padding:8rem 4rem 0;font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.1em;color:var(--muted);}
.breadcrumb a{color:var(--muted);text-decoration:none;transition:color .2s;}
.breadcrumb a:hover{color:var(--gold);}
.breadcrumb span{color:var(--gold);}

/* ── PAGINATION ─────────────────────────── */
.pagination{display:flex;justify-content:center;gap:.5rem;padding:2rem;margin-top:2rem;}
.pagination a,.pagination span{font-family:'DM Mono',monospace;font-size:.7rem;padding:.5em .9em;border:1px solid var(--dark3);color:var(--muted);text-decoration:none;transition:all .2s;}
.pagination a:hover,.pagination .current{border-color:var(--gold);color:var(--gold);}

/* ── FLASH MESSAGE ──────────────────────── */
.flash{padding:1rem 2rem;font-family:'DM Mono',monospace;font-size:.75rem;letter-spacing:.1em;margin:1rem 4rem;border-radius:2px;}
.flash-success{background:rgba(106,255,212,.1);border:1px solid rgba(106,255,212,.3);color:#6affd4;}
.flash-error{background:rgba(255,106,106,.1);border:1px solid rgba(255,106,106,.3);color:#ff6a6a;}

/* ══════════════════════════════════════════════════════
   RESPONSIVE — Tablet ≤ 960px
   ══════════════════════════════════════════════════════ */
@media(max-width:960px){

  /* ── Nav ── */
  nav{padding:1rem 1.25rem;}
  nav.scrolled{padding:.85rem 1.25rem;}
  .nav-links{
    display:none;position:fixed;inset:0;
    background:rgba(10,10,8,.97);backdrop-filter:blur(16px);
    flex-direction:column;justify-content:center;align-items:center;
    gap:2.5rem;z-index:99;
  }
  .nav-links.open{display:flex;}
  .nav-links a{font-size:1rem;letter-spacing:.2em;}
  .hamburger{display:flex;z-index:101;position:relative;}

  /* ── Hero ── */
  .hero{
    padding:0 1.25rem 3.5rem;
    min-height:100svh; /* safe viewport height */
    align-items:flex-end;
  }
  .hero-line,.hero-scroll{display:none;}
  .hero-eyebrow{font-size:.6rem;}
  .hero-title{font-size:clamp(2.6rem,9vw,4.5rem);margin-bottom:1rem;}
  .hero-sub{font-size:.85rem;margin-bottom:2rem;max-width:100%;}
  .hero-cta{flex-wrap:wrap;gap:1rem;}

  /* ── Services ── */
  .services{padding:4rem 1.25rem;}
  .services-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem;}
  .services-title{font-size:clamp(1.8rem,5vw,2.5rem);}
  .services-grid{grid-template-columns:1fr;gap:1px;}
  .service-card{padding:2rem 1.5rem;}

  /* ── Projects ── */
  .section-projects{padding:4rem 1.25rem;}
  .projects-masonry{grid-template-columns:1fr 1fr;gap:1rem;}
  .section-header{margin-bottom:2rem;}
  .section-title{font-size:clamp(1.8rem,5vw,2.8rem);}

  /* ── Stats ── */
  .stats{
    grid-template-columns:1fr 1fr;
    padding:2.5rem 1.25rem;
    gap:1px;
  }
  .stat-item{padding:2rem 1rem;}
  .stat-number{font-size:2.8rem;}

  /* ── News ── */
  .section-news{padding:4rem 1.25rem;}
  .news-grid{grid-template-columns:1fr;gap:1.25rem;}
  .news-list-grid{
    padding:2rem 1.25rem;
    grid-template-columns:1fr 1fr;
    gap:1.25rem;
  }

  /* ── CTA ── */
  .cta-band{padding:4rem 1.25rem;}

  /* ── Contact ── */
  .contact-layout{
    grid-template-columns:1fr;
    padding:4rem 1.25rem;
    gap:2.5rem;
  }
  .contact-title{font-size:clamp(1.8rem,5vw,2.5rem);}

  /* ── Project / Article detail ── */
  .project-detail,.article-detail{padding:5.5rem 1.25rem 3rem;}
  .project-detail-title{font-size:clamp(1.8rem,5vw,2.8rem);}
  .project-detail-meta{gap:.75rem;flex-wrap:wrap;}
  .project-gallery-row{grid-template-columns:1fr 1fr;}
  .article-title{font-size:clamp(1.6rem,5vw,2.4rem);}
  .article-cover{max-height:320px;}

  /* ── Page hero ── */
  .page-hero{padding:6.5rem 1.25rem 2.5rem;}
  .page-hero-title{font-size:clamp(2rem,7vw,3.5rem);}

  /* ── Breadcrumb ── */
  .breadcrumb{padding:5rem 1.25rem 0;}

  /* ── Footer ── */
  footer{
    flex-direction:column;gap:1.25rem;
    text-align:center;padding:2rem 1.25rem;
  }
  .footer-links{justify-content:center;flex-wrap:wrap;gap:1.25rem;}

  /* ── Flash ── */
  .flash{margin:.75rem 1.25rem;}

  /* ── Pagination ── */
  .pagination{padding:1.5rem 1.25rem;}
}

/* ══════════════════════════════════════════════════════
   RESPONSIVE — Mobile ≤ 600px
   ══════════════════════════════════════════════════════ */
@media(max-width:600px){

  /* ── Hero ── */
  .hero{padding:0 1rem 3rem;}
  .hero-title{font-size:clamp(2.2rem,10vw,3.2rem);line-height:1.1;}
  .hero-sub{font-size:.82rem;}
  .btn-primary,.btn-ghost{font-size:.65rem;padding:.8em 1.8em;}

  /* ── Services ── */
  .services{padding:3rem 1rem;}
  .service-card{padding:1.75rem 1.25rem;}
  .service-name{font-size:1.4rem;}

  /* ── Projects ── */
  .section-projects{padding:3rem 1rem;}
  .projects-masonry{grid-template-columns:1fr;gap:1.25rem;}
  .section-more{margin-top:2rem;}

  /* ── Stats — single column on very small screens ── */
  .stats{grid-template-columns:1fr 1fr;} /* keep 2-col, just smaller */
  .stat-number{font-size:2.2rem;}
  .stat-label{font-size:.65rem;}

  /* ── News ── */
  .section-news{padding:3rem 1rem;}
  .news-list-grid{
    grid-template-columns:1fr;
    padding:1.5rem 1rem;
  }
  .news-img{height:180px;}

  /* ── CTA ── */
  .cta-band{padding:3rem 1rem;}
  .cta-title{font-size:clamp(1.6rem,6vw,2.2rem);}

  /* ── Contact ── */
  .contact-layout{padding:3rem 1rem;gap:2rem;}
  .form-row-2{grid-template-columns:1fr;}

  /* ── Project / Article ── */
  .project-detail,.article-detail{padding:5rem 1rem 2.5rem;}
  .project-gallery-row{grid-template-columns:1fr;}
  .project-gallery-row img{height:220px;}
  .breadcrumb{padding:4.5rem 1rem 0;font-size:.6rem;}
  .meta-item{font-size:.6rem;}

  /* ── Page hero ── */
  .page-hero{padding:5.5rem 1rem 2rem;}

  /* ── Section label ── */
  .section-label{font-size:.55rem;letter-spacing:.3em;}

  /* ── Buttons ── */
  .btn-outline{font-size:.65rem;padding:.7em 1.5em;}
}

/* ══════════════════════════════════════════════════════
   RESPONSIVE — Very small ≤ 380px
   ══════════════════════════════════════════════════════ */
@media(max-width:380px){
  .hero-title{font-size:2rem;}
  .stats{grid-template-columns:1fr 1fr;}
  .stat-number{font-size:1.8rem;}
  .hero-cta{flex-direction:column;align-items:flex-start;}
}

/* ── SEO Content Block ─────────────────────────────────────────── */
.seo-content {
  background: #0a0a08;
  border-top: 1px solid rgba(255,255,255,0.06);
  padding: 4rem 2rem;
}
.seo-inner {
  max-width: 1100px;
  margin: 0 auto;
  color: rgba(255,255,255,0.45);
  font-size: 0.82rem;
  line-height: 1.8;
}
.seo-inner h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.2rem;
  color: rgba(255,255,255,0.55);
  margin-bottom: 0.8rem;
}
.seo-inner h3 {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.5);
  margin: 0.5rem 0 0.3rem;
}
.seo-inner strong { color: rgba(255,255,255,0.6); }
.seo-services {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
  margin: 1.5rem 0;
}