/*
Theme Name: La Gazette
Description: Brutaliste — gros texte, light, sans compromis.
Version: 2.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

/* ── TOKENS ─────────────────────────────────────── */
:root {
  --bg:      #FFFFFF;
  --ink:     #000000;
  --muted:   #666666;
  --light:   #F2F2F2;
  --accent:  #FF2D00;
  --border:  2px solid #000;
  --thick:   4px solid #000;
  --wrap:    1320px;
  --pad:     clamp(1rem, 4vw, 2.5rem);
  --h1:      clamp(3.5rem, 9vw, 10rem);
  --h2:      clamp(2.5rem, 6vw, 6.5rem);
  --h3:      clamp(1.5rem, 3vw, 3rem);
  --fs:      clamp(1rem, 1.2vw, 1.1rem);
}

/* ── RESET ──────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{cursor:pointer;font:inherit}

/* ── BASE ───────────────────────────────────────── */
body{
  font-family:'Space Grotesk',-apple-system,sans-serif;
  background:var(--bg); color:var(--ink);
  font-size:var(--fs); line-height:1.6;
}
p{margin-bottom:1.25em}
p:last-child{margin-bottom:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}

/* ── TYPE ───────────────────────────────────────── */
h1,h2,h3,h4,h5,h6{
  font-family:'Syne',sans-serif;
  font-weight:800; line-height:.92;
  letter-spacing:-.03em; color:var(--ink);
}
.display{font-size:var(--h1)}
.heading{font-size:var(--h2)}
.subhead{font-size:var(--h3)}
.kicker{
  font-size:.72rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.18em;
  color:var(--muted);
}
.kicker-accent{color:var(--accent)}

/* ── HEADER ─────────────────────────────────────── */
.site-header{
  border-bottom:var(--thick);
  position:sticky; top:0; z-index:100;
  background:var(--bg);
}
.header-inner{
  display:flex; align-items:stretch;
  height:56px;
}
.header-logo{
  font-family:'Syne',sans-serif;
  font-size:1.15rem; font-weight:800;
  letter-spacing:-.03em; text-decoration:none;
  display:flex; align-items:center;
  padding:0 var(--pad);
  border-right:var(--border);
  white-space:nowrap; flex-shrink:0;
}
.header-nav{
  display:flex; align-items:stretch; flex:1;
}
.header-nav a{
  display:flex; align-items:center;
  padding:0 1.25rem;
  font-size:.75rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.14em;
  border-right:var(--border);
  transition:background .1s;
}
.header-nav a:hover,
.header-nav a.current{background:var(--ink);color:var(--bg)}
.header-cta{
  margin-left:auto; display:flex; align-items:center;
  padding:0 var(--pad);
  border-left:var(--border);
  font-size:.72rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.14em;
  transition:background .1s;
}
.header-cta:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.nav-toggle{
  display:none; align-items:center; justify-content:center;
  margin-left:auto; width:56px; height:56px;
  background:none; border:none; border-left:var(--border);
  font-size:1.25rem;
}

/* ── BUTTONS ────────────────────────────────────── */
.btn{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family:'Space Grotesk',sans-serif;
  font-size:.78rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.15em;
  padding:.85rem 2rem; border:var(--border);
  background:var(--bg); color:var(--ink);
  transition:background .1s,color .1s;
  line-height:1;
}
.btn:hover,.btn-black{background:var(--ink);color:var(--bg)}
.btn-black:hover{background:#333}
.btn-red{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-red:hover{background:#cc1f00;border-color:#cc1f00}
.btn-lg{padding:1.1rem 2.5rem;font-size:.85rem}

/* ── HOMEPAGE HERO ──────────────────────────────── */
.hero{
  border-bottom:var(--thick);
  display:grid;
  grid-template-columns:1fr 380px;
  min-height:calc(100vh - 56px);
}
.hero-main{
  padding:clamp(3rem,6vw,5rem) var(--pad);
  border-right:var(--border);
  display:flex; flex-direction:column; justify-content:space-between;
}
.hero-label{margin-bottom:1.5rem}
.hero-title{
  font-size:var(--h1); font-weight:800;
  line-height:.88; letter-spacing:-.04em;
  margin-bottom:clamp(2rem,4vw,3.5rem);
}
.hero-title em{font-style:normal;color:var(--accent)}
.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}
.hero-foot{
  font-size:.72rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.15em;
  color:var(--muted); padding-top:2rem;
}

.hero-side{
  display:flex; flex-direction:column;
}
.hero-stat{
  flex:1; padding:clamp(1.5rem,3vw,2.5rem) var(--pad);
  border-bottom:var(--border);
  display:flex; flex-direction:column; justify-content:flex-end;
}
.hero-stat:last-child{border-bottom:none}
.hero-stat-label{
  font-size:.68rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.18em;
  color:var(--muted); margin-bottom:.75rem;
}
.hero-stat-num{
  font-family:'Syne',sans-serif;
  font-size:clamp(2.5rem,5vw,4.5rem);
  font-weight:800; line-height:1;
  letter-spacing:-.04em;
}
.hero-stat-desc{
  font-size:.82rem; color:var(--muted);
  margin-top:.35rem; line-height:1.4;
}

/* ── SECTION GENERIC ────────────────────────────── */
.section{border-bottom:var(--thick)}
.section-head{
  border-bottom:var(--border);
  padding:clamp(2rem,4vw,3.5rem) var(--pad);
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:2rem; flex-wrap:wrap;
}
.section-head__num{
  font-family:'Syne',sans-serif;
  font-size:clamp(4rem,10vw,9rem);
  font-weight:800; line-height:1;
  letter-spacing:-.05em; color:var(--light);
  flex-shrink:0; margin-right:1rem;
  -webkit-text-stroke:2px var(--ink);
}
.section-head__text{flex:1;min-width:0}
.section-head__title{font-size:var(--h2);line-height:.9}

/* ── SERVICES GRID ──────────────────────────────── */
.services-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
}
.service-card{
  padding:clamp(2rem,4vw,3.5rem) var(--pad);
  border-right:var(--border);
}
.service-card:last-child{border-right:none}
.service-card__num{
  font-family:'Syne',sans-serif;
  font-size:4.5rem; font-weight:800;
  line-height:1; letter-spacing:-.05em;
  color:var(--light); -webkit-text-stroke:1.5px var(--ink);
  margin-bottom:1.5rem;
}
.service-card__title{
  font-size:var(--h3); margin-bottom:1rem;
  padding-bottom:1rem; border-bottom:var(--border);
}
.service-card__body{
  font-size:.92rem; color:var(--muted);
  line-height:1.7; margin-bottom:1.5rem;
}
.service-card__tags{
  display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:1.5rem;
}
.tag{
  font-size:.62rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.12em;
  padding:.3rem .7rem; border:1.5px solid var(--ink);
}

/* ── STATS ROW ──────────────────────────────────── */
.stats-row{
  display:grid; grid-template-columns:repeat(3,1fr);
  border-bottom:var(--thick);
}
.stat-block{
  padding:clamp(2rem,4vw,3.5rem) var(--pad);
  border-right:var(--border);
}
.stat-block:last-child{border-right:none}
.stat-block__num{
  font-family:'Syne',sans-serif;
  font-size:clamp(3rem,7vw,7rem);
  font-weight:800; line-height:1; letter-spacing:-.04em;
  margin-bottom:.5rem;
}
.stat-block__label{
  font-size:.75rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.15em;
  color:var(--muted);
}

/* ── REFERENCES LIST ────────────────────────────── */
.ref-list{border-top:var(--border)}
.ref-item{
  display:grid; grid-template-columns:80px 1fr 1fr auto;
  align-items:center; gap:2rem;
  padding:1.25rem var(--pad);
  border-bottom:var(--border);
  text-decoration:none; color:var(--ink);
  transition:background .08s;
}
.ref-item:hover{background:var(--ink);color:var(--bg)}
.ref-item__num{
  font-family:'Syne',sans-serif;
  font-size:1.1rem; font-weight:800;
  letter-spacing:-.02em; opacity:.3;
}
.ref-item__title{
  font-family:'Syne',sans-serif;
  font-size:clamp(1rem,2vw,1.75rem);
  font-weight:800; letter-spacing:-.02em; line-height:1.1;
}
.ref-item__tag{font-size:.78rem;color:inherit;opacity:.6}
.ref-item__arr{
  font-family:'Syne',sans-serif;
  font-size:1.75rem; font-weight:800;
  transition:transform .12s;
}
.ref-item:hover .ref-item__arr{transform:translateX(6px)}

/* ── CTA BAND ───────────────────────────────────── */
.cta-band{
  background:var(--ink); color:var(--bg);
  padding:clamp(4rem,8vw,7rem) var(--pad);
  border-bottom:var(--thick);
  display:grid; grid-template-columns:1fr auto;
  align-items:center; gap:clamp(2rem,5vw,5rem);
}
.cta-band__title{
  font-size:var(--h1); font-weight:800;
  letter-spacing:-.04em; line-height:.9;
  color:var(--bg);
}
.cta-band__title em{font-style:normal;color:var(--accent)}
.cta-band__aside{min-width:0;flex-shrink:0}
.cta-band__sub{
  font-size:.9rem; color:rgba(255,255,255,.55);
  margin-bottom:1.75rem; max-width:280px; line-height:1.6;
}
.btn-white{background:var(--bg);border-color:var(--bg);color:var(--ink)}
.btn-white:hover{background:var(--accent);border-color:var(--accent);color:#fff}

/* ── BLOG ───────────────────────────────────────── */
.blog-header{
  padding:clamp(3rem,6vw,5rem) var(--pad);
  border-bottom:var(--thick);
}
.blog-header h1{font-size:var(--h1)}

.post-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border-top:var(--border);
}
.post-card{
  padding:clamp(2rem,4vw,3rem) var(--pad);
  border-right:var(--border);
  border-bottom:var(--border);
  display:flex; flex-direction:column;
}
.post-card:nth-child(2n){border-right:none}
.post-card__meta{
  font-size:.68rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.16em;
  color:var(--muted); margin-bottom:1rem;
  display:flex; gap:1rem; align-items:center;
}
.post-card__meta span+span::before{content:'/ '}
.post-card__title{
  font-size:clamp(1.25rem,2.5vw,2.25rem);
  font-weight:800; letter-spacing:-.025em; line-height:1.05;
  margin-bottom:1rem; flex:1;
  text-decoration:none; color:var(--ink);
  transition:color .1s;
}
.post-card__title:hover{color:var(--accent)}
.post-card__excerpt{
  font-size:.88rem; color:var(--muted);
  line-height:1.65; margin-bottom:1.5rem;
}
.post-card__more{
  font-size:.72rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.15em;
  border-bottom:1.5px solid var(--ink); padding-bottom:2px;
  display:inline-flex; align-items:center; gap:.4rem;
  transition:color .1s, border-color .1s;
}
.post-card__more:hover{color:var(--accent);border-color:var(--accent)}

/* Featured post (first, full width) */
.post-card--featured{
  grid-column:1/-1; border-right:none;
  display:grid; grid-template-columns:1fr 1fr;
  gap:0;
}
.post-card--featured .post-card__content{
  padding:clamp(2rem,4vw,3rem) var(--pad);
  border-right:var(--border);
}
.post-card--featured .post-card__thumb{
  overflow:hidden;
}
.post-card--featured .post-card__thumb img{
  width:100%;height:100%;object-fit:cover;
  filter:grayscale(30%);
}
.post-card--featured .post-card__title{
  font-size:clamp(2rem,4vw,4rem);
}

/* Pagination */
.blog-pagination{
  display:flex; border-top:var(--border);
}
.blog-pagination a, .blog-pagination span{
  display:flex; align-items:center; justify-content:center;
  width:56px; height:56px; border-right:var(--border);
  font-size:.78rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.1em;
  transition:background .1s;
}
.blog-pagination a:hover,.blog-pagination .current{
  background:var(--ink);color:var(--bg);
}

/* ── SINGLE ARTICLE ─────────────────────────────── */
.article-header{
  padding:clamp(3rem,6vw,5rem) var(--pad) clamp(2rem,4vw,3rem);
  border-bottom:var(--thick);
  max-width:900px;
}
.article-header__cat{
  font-size:.72rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.2em;
  color:var(--accent); margin-bottom:1.25rem;
  display:flex; align-items:center; gap:.75rem;
}
.article-header__cat::before{
  content:''; display:block;
  width:24px; height:2px; background:var(--accent);
}
.article-header h1{
  font-size:clamp(2.5rem,7vw,7rem);
  font-weight:800; line-height:.9;
  letter-spacing:-.04em; margin-bottom:2rem;
}
.article-header__meta{
  font-size:.72rem; font-weight:600;
  text-transform:uppercase; letter-spacing:.15em;
  color:var(--muted); display:flex; gap:1.5rem;
  flex-wrap:wrap; border-top:var(--border); padding-top:1.25rem;
}

.article-body{
  display:grid;
  grid-template-columns:1fr 320px;
  border-bottom:var(--thick);
}
.article-content{
  padding:clamp(2.5rem,5vw,4rem) var(--pad);
  border-right:var(--border);
  font-size:clamp(1rem,1.3vw,1.15rem);
  line-height:1.8; max-width:700px;
}
.article-content h2{
  font-size:clamp(1.5rem,3vw,2.75rem);
  margin:2.5rem 0 1rem; letter-spacing:-.02em;
}
.article-content h3{
  font-size:clamp(1.1rem,2vw,1.75rem);
  margin:2rem 0 .75rem;
}
.article-content p{margin-bottom:1.5em}
.article-content a{
  color:var(--accent); text-decoration:underline;
  text-underline-offset:3px;
}
.article-content ul,.article-content ol{
  margin:0 0 1.5em 1.5em;
}
.article-content li{margin-bottom:.5em}
.article-content blockquote{
  border-left:4px solid var(--ink);
  padding-left:1.5rem; margin:2rem 0;
  font-style:italic; font-size:1.15em;
}
.article-content img{
  width:100%; border:var(--border); margin:2rem 0;
}
.article-content code{
  font-family:'Courier New',monospace;
  background:var(--light); padding:2px 6px;
  font-size:.88em; border:1px solid #ccc;
}
.article-content pre{
  background:var(--ink); color:var(--bg);
  padding:1.5rem; overflow-x:auto;
  margin:2rem 0; font-size:.85rem;
}

.article-sidebar{
  padding:clamp(2rem,4vw,3rem);
  border-top:none;
}
.sidebar-block{
  border:var(--border); padding:1.5rem;
  margin-bottom:1.5rem;
}
.sidebar-block h4{
  font-size:.7rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.18em;
  color:var(--muted); margin-bottom:1rem;
  padding-bottom:.75rem; border-bottom:var(--border);
}

/* ── SERVICES PAGE ──────────────────────────────── */
.service-full{
  border-bottom:var(--thick);
}
.service-full-head{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:var(--border);
}
.service-full-head__left{
  padding:clamp(3rem,6vw,5rem) var(--pad);
  border-right:var(--border);
}
.service-full-head__right{
  padding:clamp(3rem,6vw,5rem) var(--pad);
  display:flex; flex-direction:column; justify-content:flex-end;
}
.service-full-head__num{
  font-family:'Syne',sans-serif;
  font-size:clamp(5rem,12vw,12rem);
  font-weight:800; line-height:1;
  letter-spacing:-.05em; color:var(--light);
  -webkit-text-stroke:2px var(--ink);
  margin-bottom:1.5rem;
}
.service-full-head h2{font-size:var(--h2)}
.service-deliverables{
  display:grid; grid-template-columns:repeat(3,1fr);
}
.deliverable{
  padding:clamp(1.5rem,3vw,2.5rem) var(--pad);
  border-right:var(--border); border-bottom:var(--border);
}
.deliverable:nth-child(3n){border-right:none}
.deliverable h4{
  font-size:.78rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.14em;
  margin-bottom:.75rem; padding-bottom:.75rem;
  border-bottom:1.5px solid var(--ink);
}
.deliverable p{font-size:.88rem;color:var(--muted);line-height:1.65}

/* ── ABOUT PAGE ──────────────────────────────────── */
.about-hero{
  display:grid; grid-template-columns:1fr 420px;
  border-bottom:var(--thick); min-height:80vh;
}
.about-main{
  padding:clamp(3rem,6vw,5rem) var(--pad);
  border-right:var(--border);
  display:flex; flex-direction:column; justify-content:space-between;
}
.about-photo-col{
  padding:var(--pad);
  display:flex; flex-direction:column;
}
.about-photo-col img{
  width:100%; flex:1; object-fit:cover;
  border:var(--border);
  filter:grayscale(30%);
}

/* ── CONTACT PAGE ────────────────────────────────── */
.contact-layout{
  display:grid; grid-template-columns:1fr 1fr;
  border-bottom:var(--thick);
}
.contact-left{
  padding:clamp(3rem,6vw,5rem) var(--pad);
  border-right:var(--border);
}
.contact-right{
  padding:clamp(3rem,6vw,5rem) var(--pad);
}
.contact-link{
  display:flex; align-items:center; gap:1rem;
  padding:1.25rem 0; border-bottom:var(--border);
  font-size:clamp(.95rem,1.5vw,1.25rem); font-weight:600;
  transition:color .1s;
}
.contact-link:hover{color:var(--accent)}
.contact-link__icon{
  font-size:.72rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.12em;
  color:var(--muted); width:80px; flex-shrink:0;
}

/* ── PAGE GENERIC ────────────────────────────────── */
.page-header{
  padding:clamp(3rem,6vw,5rem) var(--pad);
  border-bottom:var(--thick);
}
.page-header h1{font-size:var(--h1)}
.entry-body{
  display:grid; grid-template-columns:700px 1fr;
  border-bottom:var(--thick);
}
.entry-content{
  padding:clamp(2.5rem,5vw,4rem) var(--pad);
  border-right:var(--border);
  font-size:clamp(1rem,1.2vw,1.1rem); line-height:1.8;
}

/* ── FOOTER ─────────────────────────────────────── */
.site-footer{
  border-top:var(--thick);
  background:var(--ink); color:var(--bg);
}
.footer-top{
  display:grid; grid-template-columns:1fr 1fr 1fr;
  border-bottom:1px solid rgba(255,255,255,.15);
}
.footer-col{
  padding:clamp(2rem,4vw,3.5rem) var(--pad);
  border-right:1px solid rgba(255,255,255,.15);
}
.footer-col:last-child{border-right:none}
.footer-logo{
  font-family:'Syne',sans-serif;
  font-size:1.5rem; font-weight:800;
  letter-spacing:-.03em; margin-bottom:1rem;
}
.footer-desc{
  font-size:.85rem; color:rgba(255,255,255,.5);
  line-height:1.65;
}
.footer-col h4{
  font-size:.65rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.18em;
  color:rgba(255,255,255,.35);
  margin-bottom:1.25rem; padding-bottom:.75rem;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.footer-col a{
  display:block; font-size:.88rem;
  color:rgba(255,255,255,.6); padding:.35rem 0;
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:color .1s;
}
.footer-col a:hover{color:#fff}
.footer-bar{
  display:flex; align-items:center;
  justify-content:space-between; flex-wrap:wrap;
  gap:1rem; padding:1rem var(--pad);
  font-size:.68rem; color:rgba(255,255,255,.3);
  font-weight:600; text-transform:uppercase; letter-spacing:.12em;
}

/* ── 404 ─────────────────────────────────────────── */
.error-page{
  min-height:80vh; display:flex;
  align-items:center; justify-content:center;
  text-align:center; padding:4rem var(--pad);
  flex-direction:column; gap:2rem;
}
.error-page .big-err{
  font-family:'Syne',sans-serif;
  font-size:clamp(8rem,25vw,20rem);
  font-weight:800; line-height:1;
  letter-spacing:-.05em; color:var(--light);
  -webkit-text-stroke:3px var(--ink);
}

/* ── INLINE EDIT OVERLAY ─────────────────────────── */
.gz-editable{position:relative;display:block}
.gz-edit-btn{
  position:absolute;inset:0;display:flex;
  align-items:center;justify-content:center;
  background:rgba(0,0,0,0);border:none;cursor:pointer;
  transition:background .2s;z-index:10;padding:0;
}
.gz-edit-btn:hover{background:rgba(0,0,0,.5)}
.gz-edit-label{
  opacity:0;display:flex;align-items:center;gap:.5rem;
  font-size:.72rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.18em;color:#fff;background:rgba(0,0,0,.85);
  padding:.55rem 1.1rem;border:1.5px solid rgba(255,255,255,.3);
  transition:opacity .2s;pointer-events:none;
}
.gz-edit-btn:hover .gz-edit-label{opacity:1}
.gz-toast{
  position:fixed;bottom:2rem;right:2rem;
  background:var(--ink);color:var(--bg);
  font-size:.72rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.15em;padding:.75rem 1.5rem;
  z-index:99999;opacity:0;transform:translateY(6px);
  transition:opacity .2s,transform .2s;pointer-events:none;
}
.gz-toast.show{opacity:1;transform:none}

/* ── RESPONSIVE ──────────────────────────────────── */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-side{display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--border)}
  .hero-stat{border-right:var(--border);border-bottom:none}
  .hero-stat:last-child{border-right:none}
  .services-grid{grid-template-columns:1fr}
  .service-card{border-right:none;border-bottom:var(--border)}
  .service-card:last-child{border-bottom:none}
  .stats-row{grid-template-columns:1fr}
  .stat-block{border-right:none;border-bottom:var(--border)}
  .stat-block:last-child{border-bottom:none}
  .about-hero{grid-template-columns:1fr;min-height:auto}
  .about-photo-col{min-height:320px}
  .service-full-head{grid-template-columns:1fr}
  .service-deliverables{grid-template-columns:1fr 1fr}
  .article-body{grid-template-columns:1fr}
  .article-sidebar{border-top:var(--border)}
  .contact-layout{grid-template-columns:1fr}
  .cta-band{grid-template-columns:1fr}
  .post-grid{grid-template-columns:1fr}
  .post-card--featured{grid-template-columns:1fr}
  .entry-body{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .footer-col{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}
  .ref-item{grid-template-columns:50px 1fr auto}
  .ref-item__tag{display:none}
}
@media(max-width:768px){
  .header-nav{display:none}
  .header-nav.open{
    display:flex;flex-direction:column;
    position:fixed;top:56px;left:0;right:0;bottom:0;
    background:var(--bg);z-index:99;border-top:var(--border);
  }
  .header-nav.open a{
    border-right:none;border-bottom:var(--border);
    padding:1.25rem var(--pad);font-size:1rem;
  }
  .header-cta{display:none}
  .nav-toggle{display:flex}
  .hero-side{grid-template-columns:1fr}
  .hero-stat{border-right:none;border-bottom:var(--border)}
  .service-deliverables{grid-template-columns:1fr}
  .deliverable{border-right:none}
}