/* ============================================================
   VUGA Media Group — Holding stylesheet
   Register: curated / strategic / luxury editorial (per feedback_vuga_pr_positioning)
   Type: Playfair Display (display) + Inter (body)
   Palette: cream/white + ink + gold accent (rare red for hub badges only)
   Last rebuild: 2026-05-22
   ============================================================ */

:root{
  --c-ink:#0e0e0e;
  --c-ink-2:#1a1a1a;
  --c-ink-3:#3a3a3a;
  --c-cream:#faf6ef;
  --c-cream-2:#f4ede0;
  --c-paper:#ffffff;
  --c-red:#a01818;        /* deeper, less aggressive than vugaenterprises */
  --c-red-warm:#8a1414;
  --c-gold:#b8860b;
  --c-gold-lt:#d4a017;
  --c-muted:#6b6258;
  --c-muted-dk:#888;
  --c-border:#e6dfd2;
  --c-border-soft:#efe9dd;
  --radius:6px;
  --radius-lg:10px;
  --t-fast:.18s ease;
  --t-base:.32s cubic-bezier(.2,.7,.2,1);
  --max-w:1320px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:'Inter','Helvetica Neue',system-ui,-apple-system,sans-serif;
  font-size:16.5px;
  line-height:1.65;
  color:var(--c-ink-3);
  background:var(--c-paper);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img,video{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none;transition:color var(--t-fast)}
button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--c-gold);outline-offset:3px}

/* ----- Typography ----- */
h1,h2,h3,h4,h5{
  font-family:'Playfair Display','Times New Roman',serif;
  font-weight:500;
  color:var(--c-ink);
  letter-spacing:-.005em;
  line-height:1.15;
  margin:0 0 .5em;
}
h1{font-size:clamp(2.6rem,5.6vw,5rem);font-weight:600;letter-spacing:-.02em;line-height:1.05}
h2{font-size:clamp(1.95rem,3.6vw,3.2rem);font-weight:500}
h3{font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:500}
h4{font-size:1.05rem;font-weight:500}
.serif-it{font-style:italic;color:var(--c-red)}
p{margin:0 0 1.1em}
.eyebrow{
  font-family:'Inter',sans-serif;
  text-transform:uppercase;
  letter-spacing:4px;
  font-size:.74rem;
  color:var(--c-gold);
  font-weight:600;
  display:inline-block;
  margin-bottom:1.1rem;
}
.eyebrow--ink{color:var(--c-ink)}
.eyebrow--red{color:var(--c-red)}
.eyebrow--cream{color:var(--c-cream-2)}
.lede{font-size:clamp(1.1rem,1.4vw,1.28rem);color:var(--c-ink-3);line-height:1.65;font-weight:300}
.lede strong{color:var(--c-ink);font-weight:600}

/* ----- Layout ----- */
.container{max-width:var(--max-w);margin:0 auto;padding:0 clamp(1.2rem,2.4vw,1.8rem)}
.section{padding:clamp(4rem,7vw,7rem) 0}
.section--alt{background:var(--c-cream)}
.section--cream-deep{background:var(--c-cream-2)}
.section--dark{background:var(--c-ink);color:#e9e4d8}
.section--dark h1,.section--dark h2,.section--dark h3{color:#fff}
.section-head{text-align:center;max-width:780px;margin:0 auto 3.4rem}
.section-head .lede{margin-top:1rem}
.divider{height:1px;background:var(--c-border);margin:0}

/* ----- Buttons ----- */
.btn{
  display:inline-flex;align-items:center;gap:.55rem;
  font-family:'Inter',sans-serif;
  font-size:.86rem;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:2.4px;
  padding:1.05rem 2rem;
  border:1px solid var(--c-ink);
  background:var(--c-ink);
  color:#fff;
  border-radius:2px;
  cursor:pointer;
  transition:all var(--t-base);
}
.btn:hover{background:transparent;color:var(--c-ink);transform:translateY(-1px)}
.btn--gold{background:var(--c-gold);border-color:var(--c-gold);color:#fff}
.btn--gold:hover{background:transparent;color:var(--c-gold)}
.btn--ghost{background:transparent;color:var(--c-ink)}
.btn--ghost:hover{background:var(--c-ink);color:#fff}
.btn--ghost-light{background:transparent;color:#fff;border-color:#fff}
.btn--ghost-light:hover{background:#fff;color:var(--c-ink)}
.btn--lg{padding:1.2rem 2.4rem;font-size:.92rem}

/* ----- Skip link / utilities ----- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--c-ink);color:#fff;padding:.6rem 1rem;z-index:9999}
.skip-link:focus{left:.5rem;top:.5rem}

/* ----- Header ----- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.97);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--c-border-soft);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem clamp(1.2rem,2.4vw,1.8rem);
  max-width:var(--max-w);margin:0 auto;
}
.brand{display:flex;align-items:center;gap:.6rem}
.brand img{height:36px;width:auto;display:block}
.nav{display:flex;gap:2rem;align-items:center}
.nav a{
  font-family:'Inter',sans-serif;
  font-size:.85rem;
  font-weight:500;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:var(--c-ink-3);
  position:relative;
}
.nav a:hover{color:var(--c-ink)}
.nav a[aria-current="page"]{color:var(--c-ink)}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--c-gold)}
.nav .btn{padding:.65rem 1.3rem;font-size:.74rem}
.menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--c-border);border-radius:3px}
.menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{display:block;width:18px;height:1.5px;background:var(--c-ink);position:relative;transition:all var(--t-base)}
.menu-toggle span::before{content:"";position:absolute;top:-6px}
.menu-toggle span::after{content:"";position:absolute;top:6px}
.mobile-nav{display:none;background:#fff;border-top:1px solid var(--c-border-soft);padding:1rem 1.4rem;flex-direction:column;gap:.9rem}
.mobile-nav a{font-family:'Inter',sans-serif;font-size:.92rem;letter-spacing:1.4px;text-transform:uppercase;color:var(--c-ink-3)}
.mobile-nav[data-open="true"]{display:flex}
@media(max-width:880px){
  .nav{display:none}
  .menu-toggle{display:flex}
}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  position:relative;
  min-height:92vh;
  display:flex;align-items:center;
  background:var(--c-ink);
  color:#fff;
  overflow:hidden;
}
.hero-video,.hero-poster{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
}
.hero-poster{z-index:0}
.hero-video{z-index:1}
.hero-overlay{
  position:absolute;inset:0;z-index:2;
  background:
    linear-gradient(90deg, rgba(10,10,10,.86) 0%, rgba(10,10,10,.55) 50%, rgba(10,10,10,.4) 100%),
    linear-gradient(180deg, rgba(10,10,10,.4) 0%, rgba(10,10,10,.15) 45%, rgba(10,10,10,.88) 100%);
}
.hero-content{position:relative;z-index:3;max-width:920px;padding:clamp(5rem,9vw,8rem) clamp(1.2rem,2.4vw,1.8rem)}
.hero-eyebrow{
  font-family:'Inter',sans-serif;
  text-transform:uppercase;
  letter-spacing:5px;
  font-size:.74rem;
  font-weight:600;
  color:#f0e8d0;
  background:rgba(184,134,11,.18);
  border:1px solid rgba(184,134,11,.55);
  padding:.55rem 1.2rem;
  display:inline-block;
  margin-bottom:2rem;
}
.hero h1{
  color:#fff;
  font-family:'Playfair Display',serif;
  font-weight:500;
  font-size:clamp(2.8rem,6vw,5.6rem);
  line-height:1.05;
  letter-spacing:-.022em;
  margin-bottom:1.8rem;
}
.hero h1 .it{font-style:italic;color:#f0e8d0;font-weight:400}
.hero h1 .ink{color:#fff;font-weight:500}
.hero-lede{
  font-size:clamp(1.15rem,1.5vw,1.42rem);
  color:#e9e4d8;
  max-width:68ch;
  font-weight:300;
  line-height:1.6;
  margin-bottom:2.4rem;
}
.hero-lede strong{color:#fff;font-weight:500}
.hero-cta{display:flex;flex-wrap:wrap;gap:1rem}

/* ============================================================
   MASTHEAD — Condé Nast-style wordmark header
   ============================================================ */
.masthead{
  background:#fff;
  border-bottom:1px solid var(--c-border);
  position:relative;
  z-index:30;
}

/* Top utility bar */
.masthead-utility{
  background:var(--c-ink);
  color:#e6decd;
  font-family:'Inter',sans-serif;
  font-size:.72rem;
  letter-spacing:1.6px;
  text-transform:uppercase;
  padding:.55rem 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.masthead-utility-inner{
  max-width:1440px;margin:0 auto;
  padding:0 clamp(1rem,2.4vw,1.8rem);
  display:flex;align-items:center;gap:1.2rem;
}
.masthead-social{
  display:inline-flex;align-items:center;justify-content:center;
  color:#cfc4ab;transition:color var(--t-fast);
}
.masthead-social:hover{color:#fff}
.masthead-utility-date{color:#a89a82;font-weight:400;letter-spacing:1.4px}
.masthead-utility-spacer{flex:1}
.masthead-utility-link{
  color:#e6decd;
  position:relative;
  transition:color var(--t-fast);
}
.masthead-utility-link::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;
  background:#a89a82;transform:scaleX(0);transform-origin:left;
  transition:transform var(--t-fast);
}
.masthead-utility-link:hover{color:#fff}
.masthead-utility-link:hover::after{transform:scaleX(1)}

/* Massive wordmark — Condé Nast style */
.masthead-wordmark{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:clamp(2.6rem,5vw,4.4rem) 1rem clamp(1.6rem,3vw,2.4rem);
  color:var(--c-ink);
  text-decoration:none;
  gap:1.4rem;
}
.masthead-wordmark-img{
  display:block;
  width:clamp(280px, 64vw, 880px);
  height:auto;
  object-fit:contain;
  max-height:clamp(70px, 14vw, 200px);
}
.masthead-wordmark-fallback{
  /* shown via JS onerror only */
  align-items:center;
}
.masthead-wordmark-line-1,
.masthead-wordmark-line-2{
  display:block;
  font-family:'Playfair Display',serif;
  font-weight:500;
  letter-spacing:-.01em;
  line-height:.95;
  color:var(--c-ink);
}
.masthead-wordmark-line-1{
  font-size:clamp(3.4rem, 11vw, 11rem);
}
.masthead-wordmark-line-2{
  font-size:clamp(3.4rem, 11vw, 11rem);
  letter-spacing:.04em;
  margin-top:-.05em;
}
.masthead-wordmark-tagline{
  display:block;
  margin-top:1.4rem;
  font-family:'Inter',sans-serif;
  font-size:.74rem;
  letter-spacing:5px;
  text-transform:uppercase;
  font-weight:500;
  color:var(--c-muted);
}

/* Main nav row */
.masthead-nav{
  border-top:1px solid var(--c-border);
  border-bottom:1px solid var(--c-border);
  padding:.4rem 0;
  background:#fff;
  position:relative;
}
.masthead-nav-list{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(1.4rem,2.6vw,2.4rem);
  flex-wrap:wrap;
  max-width:1440px;
  margin:0 auto;
  padding:0 1rem;
}
.masthead-nav-list > li{position:relative}
.masthead-nav-list a,
.masthead-nav-trigger{
  display:inline-block;
  font-family:'Inter',sans-serif;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:var(--c-ink-2);
  padding:1rem .2rem;
  transition:color var(--t-fast);
  background:none;border:0;cursor:pointer;
}
.masthead-nav-list a:hover,
.masthead-nav-trigger:hover{color:var(--c-red)}
.masthead-nav-list a[aria-current="page"]{
  color:var(--c-red);
  border-bottom:1.5px solid var(--c-red);
}

/* Industries dropdown */
.has-dropdown:hover .masthead-dropdown,
.has-dropdown:focus-within .masthead-dropdown{
  display:block;
}
.masthead-dropdown{
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  background:#fff;
  border:1px solid var(--c-border);
  border-top:2px solid var(--c-red);
  box-shadow:0 16px 40px rgba(0,0,0,.08);
  padding:1.4rem 1.6rem;
  z-index:100;
  min-width:620px;
}
.masthead-dropdown[hidden]{display:none}
.has-dropdown:hover .masthead-dropdown,
.has-dropdown:focus-within .masthead-dropdown{
  display:block;
}
.masthead-dropdown-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.4rem 2rem;
}
.masthead-dropdown-grid a{
  font-family:'Inter',sans-serif;
  font-size:.84rem;
  font-weight:400;
  letter-spacing:.4px;
  text-transform:none;
  color:var(--c-ink-2);
  padding:.65rem .4rem;
  border-bottom:1px solid var(--c-border-soft);
  transition:all var(--t-fast);
}
.masthead-dropdown-grid a:hover{
  color:var(--c-red);
  border-bottom-color:var(--c-red);
  padding-left:.7rem;
}
.masthead-dropdown-grid a:last-child{border-bottom:0}

/* Mobile nav */
.masthead-menu-toggle{
  display:none;
  width:42px;height:42px;
  flex-direction:column;justify-content:center;gap:4px;
  background:transparent;border:1px solid var(--c-border);
  margin-left:auto;
}
.masthead-menu-toggle span{display:block;width:20px;height:1.5px;background:var(--c-ink);margin:0 auto}
.masthead-mobile-nav{
  display:none;
  background:var(--c-cream);
  border-top:1px solid var(--c-border);
  padding:1rem 1.4rem;
  flex-direction:column;gap:.6rem;
}
.masthead-mobile-nav[data-open="true"]{display:flex}
.masthead-mobile-nav a,
.masthead-mobile-nav summary{
  font-family:'Inter',sans-serif;
  text-transform:uppercase;letter-spacing:2px;
  font-size:.84rem;font-weight:500;
  color:var(--c-ink);
  padding:.6rem 0;
  border-bottom:1px solid var(--c-border-soft);
  cursor:pointer;
}
.masthead-mobile-nav details a{
  padding-left:1.2rem;text-transform:none;font-weight:400;
  letter-spacing:.4px;font-size:.82rem;
  border-bottom:1px dotted var(--c-border-soft);
}

@media(max-width:880px){
  .masthead-nav-list{display:none}
  .masthead-menu-toggle{display:flex;align-items:center}
  .masthead-nav{padding:.2rem 1rem;justify-content:flex-end;display:flex}
}

/* Sticky compact header — appears on scroll past masthead */
.sticky-header{
  position:fixed;top:0;left:0;right:0;
  background:rgba(255,255,255,.97);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--c-border);
  z-index:50;
  transform:translateY(-100%);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
}
.sticky-header[data-show="true"]{transform:translateY(0)}
.sticky-header-inner{
  max-width:1440px;margin:0 auto;
  padding:.85rem clamp(1rem,2.4vw,1.8rem);
  display:flex;align-items:center;justify-content:space-between;gap:2rem;
}
.sticky-brand{
  font-family:'Playfair Display',serif;
  font-size:1.32rem;
  font-weight:600;
  letter-spacing:.06em;
  color:var(--c-ink);
}
.sticky-brand-img{display:block;width:auto;height:auto;max-height:30px;max-width:200px;object-fit:contain}
.sticky-nav{display:flex;gap:1.6rem;align-items:center}
.sticky-nav a{
  font-family:'Inter',sans-serif;
  font-size:.76rem;font-weight:600;
  letter-spacing:1.8px;text-transform:uppercase;
  color:var(--c-ink-2);
}
.sticky-nav a:hover{color:var(--c-red)}
.sticky-cta{
  border:1px solid var(--c-ink);
  padding:.5rem 1rem;
  font-size:.7rem !important;
}
.sticky-cta:hover{background:var(--c-ink);color:#fff !important}
@media(max-width:780px){
  .sticky-nav a:not(.sticky-cta){display:none}
}

/* ============================================================
   HERO — CINEMATIC variant (full-bleed video, minimal text)
   ============================================================ */
.hero--cinematic{
  min-height:75vh;
  height:75vh;
  align-items:stretch;
}
.hero--cinematic .hero-video,
.hero--cinematic .hero-poster{
  object-position:center 35%;
}
.hero-overlay--cinematic{
  background:
    /* very subtle vignette */
    radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,.25) 80%, rgba(0,0,0,.6) 100%),
    /* bottom fade for text readability */
    linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.05) 30%, rgba(0,0,0,.05) 55%, rgba(0,0,0,.65) 90%, rgba(0,0,0,.9) 100%);
}

/* Top: tiny eyebrow */
.hero-topmark{
  position:absolute;
  top:calc(50% - 24vh);
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  text-align:center;
  opacity:.85;
}
.hero-topmark-eyebrow{
  font-family:'Inter',sans-serif;
  text-transform:uppercase;
  letter-spacing:8px;
  font-size:.7rem;
  font-weight:500;
  color:#f4ede0;
  display:inline-block;
  padding-bottom:.5rem;
  border-bottom:1px solid rgba(244,237,224,.35);
}

/* Bottom-left content block */
.hero-cinematic-content{
  position:absolute;
  left:clamp(1.6rem,5vw,5rem);
  bottom:clamp(7rem,10vw,10rem);
  z-index:4;
  max-width:880px;
}
.hero-cinematic-h1{
  color:#fff;
  font-family:'Playfair Display',serif;
  font-weight:500;
  font-size:clamp(3rem,7.2vw,7.4rem);
  line-height:.98;
  letter-spacing:-.028em;
  margin:0 0 1.6rem 0;
  text-shadow:0 2px 30px rgba(0,0,0,.4);
}
.hero-cinematic-h1 .line-1,
.hero-cinematic-h1 .line-2,
.hero-cinematic-h1 .line-3{display:block}
.hero-cinematic-h1 .line-2 em{
  font-style:italic;
  font-weight:400;
  color:#f0e2c0;
}
.hero-cinematic-meta{margin-top:.4rem}
.hero-cinematic-sub{
  font-family:'Inter',sans-serif;
  text-transform:uppercase;
  letter-spacing:4.5px;
  font-size:.78rem;
  font-weight:500;
  color:rgba(255,255,255,.78);
}

/* Bottom-right discreet CTA */
.hero-cinematic-cta{
  position:absolute;
  right:clamp(1.6rem,5vw,5rem);
  bottom:clamp(7rem,10vw,10rem);
  z-index:4;
}
.hero-link{
  display:inline-flex;align-items:center;gap:.7rem;
  font-family:'Inter',sans-serif;
  text-transform:uppercase;
  letter-spacing:3px;
  font-size:.8rem;
  font-weight:600;
  color:#fff;
  padding:1rem 0;
  border-bottom:1px solid rgba(255,255,255,.4);
  transition:all var(--t-base);
}
.hero-link svg{transition:transform var(--t-base)}
.hero-link:hover{color:#f0e2c0;border-bottom-color:#f0e2c0}
.hero-link:hover svg{transform:translateX(4px)}

/* Subtle scroll-down indicator */
.hero-scroll{
  position:absolute;
  left:50%;
  bottom:2.2rem;
  transform:translateX(-50%);
  z-index:4;
  display:block;
  width:1px;height:48px;
  opacity:.5;
  cursor:pointer;
}
.hero-scroll-line{
  display:block;
  width:1px;height:100%;
  background:linear-gradient(180deg, transparent 0%, #fff 50%, transparent 100%);
  animation:scrollPulse 2.6s ease-in-out infinite;
}
@keyframes scrollPulse{
  0%,100%{transform:translateY(-12px);opacity:.3}
  50%{transform:translateY(12px);opacity:1}
}

/* Responsive cinematic */
@media(max-width:780px){
  .hero--cinematic{min-height:90vh;height:90vh}
  .hero-cinematic-content{bottom:6rem;left:1.4rem;right:1.4rem;max-width:none}
  .hero-cinematic-h1{font-size:clamp(2.6rem,11vw,4.2rem);line-height:1}
  .hero-cinematic-cta{display:none}
  .hero-topmark{top:5rem}
  .hero-topmark-eyebrow{letter-spacing:4px;font-size:.65rem}
}

/* ============================================================
   HEADER — TRANSPARENT variant for cinematic hero
   ============================================================ */
.site-header--transparent{
  position:absolute;
  top:0;left:0;right:0;
  background:transparent;
  border-bottom:1px solid rgba(255,255,255,.1);
  backdrop-filter:none;
  z-index:20;
}
.site-header--transparent .header-inner{
  padding:1.4rem clamp(1.2rem,2.4vw,2rem);
}
.brand-logo-light{
  /* Invert the logo to white for dark hero. If logo is already light: filter:none */
  filter:brightness(0) invert(1);
  opacity:.95;
}
.nav--light a{color:rgba(255,255,255,.85)}
.nav--light a:hover{color:#fff}
.nav--light a[aria-current="page"]{color:#fff}
.nav--light a[aria-current="page"]::after{background:#f0e2c0}
.nav--light .btn--ghost-light{
  border:1px solid rgba(255,255,255,.5);
  color:#fff;
  padding:.65rem 1.3rem;
  font-size:.72rem;
}
.nav--light .btn--ghost-light:hover{background:#fff;color:var(--c-ink);border-color:#fff}

/* When user scrolls past hero, header switches to solid (JS-driven) */
.site-header--solid{
  position:fixed;top:0;left:0;right:0;
  background:rgba(255,255,255,.97);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--c-border-soft);
  transition:all .3s ease;
  animation:headerSlideDown .3s ease;
}
.site-header--solid .brand-logo-light{filter:none}
.site-header--solid .nav--light a{color:var(--c-ink-3)}
.site-header--solid .nav--light a:hover{color:var(--c-ink)}
.site-header--solid .nav--light .btn--ghost-light{
  border-color:var(--c-ink);color:var(--c-ink);
}
.site-header--solid .nav--light .btn--ghost-light:hover{background:var(--c-ink);color:#fff}
@keyframes headerSlideDown{
  from{transform:translateY(-100%)}
  to{transform:translateY(0)}
}

/* ============================================================
   STATS BAND — quiet, editorial
   ============================================================ */
.stats-band{background:var(--c-paper);padding:3.2rem 0;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}
.stats-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));max-width:var(--max-w);margin:0 auto;padding:0 1.6rem;text-align:center}
.stat-num{font-family:'Playfair Display',serif;font-size:clamp(2rem,2.8vw,2.6rem);font-weight:500;color:var(--c-ink);letter-spacing:-.01em;line-height:1;margin-bottom:.6rem}
.stat-num .small{font-size:.7em;color:var(--c-muted);font-weight:400}
.stat-label{font-family:'Inter',sans-serif;text-transform:uppercase;letter-spacing:2.4px;font-size:.7rem;color:var(--c-muted);font-weight:500;line-height:1.4}

/* ============================================================
   PMC-STYLE BRAND GRID — dark, editorial, sister brands
   ============================================================ */
.brand-grid-section{
  background:#1c1c1c;
  color:#e9e4d8;
  padding:clamp(4rem,7vw,7rem) 0 clamp(5rem,8vw,8rem);
}
.brand-grid-head{
  max-width:1100px;margin:0 auto clamp(2.6rem,5vw,4rem);
  padding:0 clamp(1.4rem,3vw,2rem);
  text-align:center;
}
.bg-eyebrow{
  display:inline-block;
  font-family:'Inter',sans-serif;
  text-transform:uppercase;letter-spacing:5px;
  font-size:.72rem;font-weight:600;
  color:#b8860b;
  margin-bottom:1.3rem;
}
.bg-title{
  font-family:'Playfair Display',serif;
  font-weight:500;
  font-size:clamp(2rem,4.4vw,3.4rem);
  color:#fff;
  letter-spacing:-.012em;
  line-height:1.1;
  margin:0 0 1.2rem;
}
.bg-lede{
  font-size:1.08rem;
  color:rgba(255,255,255,.65);
  max-width:60ch;
  margin:0 auto;
  font-weight:300;
  line-height:1.65;
}

.brand-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:1px;
  background:#0e0e0e;
  border:1px solid #0e0e0e;
  max-width:1400px;
  margin:0 auto;
}
@media(max-width:1100px){.brand-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.brand-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.brand-grid{grid-template-columns:1fr}}

.brand-card{
  background:#2a2a2a;
  display:block;
  position:relative;
  padding:1.8rem 1.4rem 0;
  transition:background var(--t-base);
  text-decoration:none;
  color:inherit;
  overflow:hidden;
}
.brand-card:hover{background:#333}

.brand-card-mark{
  font-family:'Inter',sans-serif;
  font-weight:700;
  font-size:1.5rem;
  color:#fff;
  text-align:center;
  line-height:1.15;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:.4rem;
}
.brand-card-mark .brand-sub{
  display:block;
  font-weight:400;
  color:rgba(255,255,255,.78);
  font-size:.66em;
  letter-spacing:.32em;
  margin-top:.4em;
}
.brand-card-mark--small{font-size:1.3rem}

.brand-card-est{
  text-align:center;
  font-family:'Inter',sans-serif;
  text-transform:uppercase;
  letter-spacing:3px;
  font-size:.66rem;
  font-weight:600;
  color:rgba(255,255,255,.5);
  margin-bottom:1.4rem;
}

.brand-card-thumb{
  width:100%;
  aspect-ratio:4 / 5;
  background-size:cover;
  background-position:center;
  background-color:#111;
  position:relative;
  overflow:hidden;
  transition:transform var(--t-base);
}
.brand-card:hover .brand-card-thumb{transform:scale(1.03)}
.brand-card-thumb::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg, transparent 50%, rgba(0,0,0,.55) 100%);
  pointer-events:none;
}
.brand-card-video{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  z-index:0;
  filter:saturate(.92) contrast(1.04);
  background-color:#111;
}

.brand-card-cat{
  position:absolute;
  left:0;right:0;bottom:.9rem;
  text-align:center;
  font-family:'Inter',sans-serif;
  text-transform:uppercase;
  letter-spacing:2.4px;
  font-size:.66rem;
  font-weight:600;
  color:rgba(255,255,255,.85);
  padding:0 1rem;
  z-index:2;
  text-shadow:0 1px 8px rgba(0,0,0,.6);
}

/* Gradient placeholders for brands without photos */
.brand-card-thumb--gradient{
  background-image:
    radial-gradient(ellipse at top, rgba(255,255,255,.06) 0%, transparent 65%),
    linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
}
.brand-card-thumb--tv{
  background-image:
    radial-gradient(ellipse at center, rgba(248,0,0,.18) 0%, transparent 60%),
    linear-gradient(180deg, #14131a 0%, #0a0a14 100%);
}
.brand-card-thumb--pub{
  background-image:
    linear-gradient(180deg, #fdf6e0 0%, #e6decd 100%),
    linear-gradient(180deg, #2a2014 0%, #1a1207 100%);
  background-blend-mode:multiply;
}
.brand-card-thumb--pub::before{
  content:"BOOKS · LONG-FORM";
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;
  font-style:italic;
  font-size:1rem;
  color:rgba(168,128,15,.7);
  letter-spacing:4px;
}
.brand-card-thumb--found{
  background-image:
    radial-gradient(ellipse at center, rgba(212,160,23,.15) 0%, transparent 65%),
    linear-gradient(180deg, #1f1c14 0%, #0e0c08 100%);
}
.brand-card-thumb--found::before{
  content:"501(c)(3)";
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;
  font-size:1.4rem;
  color:rgba(212,160,23,.6);
  letter-spacing:3px;
}
.brand-card-thumb--gossip{
  background-image:
    radial-gradient(ellipse at top, rgba(220,80,80,.15) 0%, transparent 70%),
    linear-gradient(180deg, #2a1a1a 0%, #150a0a 100%);
}
.brand-card-thumb--fashion{
  background-image:
    radial-gradient(ellipse at bottom, rgba(184,134,11,.18) 0%, transparent 65%),
    linear-gradient(180deg, #161616 0%, #050505 100%);
}
.brand-card-thumb--virtuoso{
  background-image:
    linear-gradient(135deg, #1a1a2a 0%, #0a0a14 100%);
}
.brand-card-thumb--uz{
  background-image:
    radial-gradient(ellipse at top right, rgba(160, 24, 24, .22) 0%, transparent 65%),
    linear-gradient(160deg, #1c0c0c 0%, #060305 100%);
}
.brand-card-thumb--press{
  /* Real photo background — keep dark overlay */
}

/* Old portfolio classes — kept for legacy pages */
.portfolio{padding:clamp(5rem,8vw,8rem) 0;background:var(--c-cream)}
.portfolio-grid{
  display:grid;gap:1.4rem;
  grid-template-columns:repeat(12,1fr);
  max-width:var(--max-w);margin:0 auto;padding:0 1.6rem;
}
.tile{
  background:#fff;
  border:1px solid var(--c-border);
  padding:2.4rem 2rem 2.2rem;
  position:relative;
  transition:all var(--t-base);
  display:flex;flex-direction:column;
  min-height:300px;
}
.tile:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.08);border-color:var(--c-gold)}
.tile-tier{
  font-family:'Inter',sans-serif;
  text-transform:uppercase;
  letter-spacing:3px;
  font-size:.66rem;
  font-weight:600;
  color:var(--c-muted);
  margin-bottom:1.2rem;
}
.tile-logo{
  font-family:'Playfair Display',serif;
  font-size:1.8rem;
  font-weight:600;
  color:var(--c-ink);
  margin-bottom:.6rem;
  letter-spacing:-.012em;
  line-height:1.1;
}
.tile-logo .ac{color:var(--c-red);font-style:italic;font-weight:500}
.tile-tag{
  font-family:'Inter',sans-serif;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:2px;
  color:var(--c-gold);
  font-weight:500;
  margin-bottom:1.2rem;
}
.tile-body{color:var(--c-ink-3);font-size:.96rem;line-height:1.6;flex:1;margin-bottom:1.4rem}
.tile-link{
  font-family:'Inter',sans-serif;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:2.4px;
  font-weight:500;
  color:var(--c-ink);
  display:inline-flex;align-items:center;gap:.4rem;
  margin-top:auto;
  padding-top:1rem;
  border-top:1px solid var(--c-border-soft);
}
.tile-link::after{content:"→";color:var(--c-gold);font-size:1.1rem}
.tile-link:hover{color:var(--c-red)}

/* Grid spans */
.tile--hero{grid-column:span 12;background:linear-gradient(180deg,#fffdf4,#fdf6e0);border:2px solid var(--c-gold);min-height:260px}
.tile--hero .tile-tier{color:var(--c-gold)}
.tile--hero .tile-logo{font-size:2.2rem}
.tile--hero .tile-body{font-size:1.05rem;max-width:62ch}
.tile--full{grid-column:span 6}
.tile--half{grid-column:span 6}
.tile--third{grid-column:span 4}
@media(max-width:900px){
  .tile--full,.tile--half,.tile--third,.tile--hero{grid-column:span 12}
}

/* ============================================================
   CAPABILITIES band — what VMG does
   ============================================================ */
.capabilities{padding:clamp(5rem,8vw,8rem) 0;background:#fff;border-top:1px solid var(--c-border)}
.cap-grid{display:grid;gap:2.4rem;grid-template-columns:repeat(3,1fr);margin-top:3rem;max-width:1200px;margin-left:auto;margin-right:auto}
@media (max-width:900px){.cap-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.cap-grid{grid-template-columns:1fr}}
.cap{padding:1.4rem 1rem;text-align:left;border-top:2px solid var(--c-gold)}
.cap-num{font-family:'Playfair Display',serif;font-size:1.4rem;color:var(--c-gold);font-weight:500;margin-bottom:.4rem}
.cap-title{font-family:'Playfair Display',serif;font-size:1.32rem;font-weight:500;color:var(--c-ink);margin-bottom:.7rem;letter-spacing:-.005em}
.cap-body{font-size:.96rem;color:var(--c-ink-3);line-height:1.65}
.cap-promise{margin-top:1.6rem;font-family:'Playfair Display',serif;font-size:1.32rem;line-height:1.45;color:var(--c-ink);text-align:center;letter-spacing:-.005em;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);padding:1.2rem 0;max-width:780px;margin-left:auto;margin-right:auto}
.cap-promise strong{color:var(--c-gold);font-weight:600}

/* ============================================================
   PRESS WALL
   ============================================================ */
.press{padding:clamp(5rem,8vw,8rem) 0;background:var(--c-cream)}
.press-wall-img{
  max-width:1100px;margin:2.6rem auto 0;
  border:1px solid var(--c-border);
  padding:1.6rem;background:#fff;
}
.outlet-wall{
  display:grid;gap:1px;
  grid-template-columns:repeat(5,1fr);
  background:var(--c-border);
  border:1px solid var(--c-border);
  max-width:1100px;margin:2.8rem auto 0;
}
@media (max-width:820px){.outlet-wall{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.outlet-wall{grid-template-columns:repeat(2,1fr)}}
.outlet-mark{
  background:#fff;
  padding:1.6rem 1rem;
  display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;
  font-size:1.15rem;
  color:var(--c-ink);
  text-align:center;
  letter-spacing:-.005em;
  transition:background var(--t-base), color var(--t-base);
  text-decoration:none;
  cursor:pointer;
}
.outlet-mark:visited{color:var(--c-ink)}
a.outlet-mark{cursor:pointer}
.outlet-mark:hover{background:var(--c-cream)}
.outlet-mark--bold{font-weight:700}
.outlet-mark--it{font-style:italic;color:var(--c-red)}
.outlet-mark--cond{font-family:'Inter',sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:.95rem}
.outlet-mark--small{font-size:.95rem}

/* ============================================================
   FOUNDERS
   ============================================================ */
.founders{padding:clamp(5rem,8vw,8rem) 0;background:#fff}
.founder-grid{display:grid;gap:3rem;grid-template-columns:1fr;max-width:1100px;margin:3rem auto 0;padding:0 1.6rem}
@media(min-width:820px){.founder-grid{grid-template-columns:1fr 1fr;gap:4rem}}
.founder{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start}
.founder-photo{
  width:auto;
  max-width:280px;
  aspect-ratio:1/1;
  object-fit:cover;
  object-position:center top;
  border:1px solid var(--c-border);
  background:var(--c-cream);
  border-radius:2px;
}
@media(min-width:820px){.founder-photo{max-width:320px}}
.founder-name{font-family:'Playfair Display',serif;font-size:1.85rem;font-weight:500;color:var(--c-ink);margin:.6rem 0 .2rem;letter-spacing:-.008em}
.founder-role{font-family:'Inter',sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:3px;color:var(--c-gold);font-weight:500;margin-bottom:.8rem}
.founder-bio{font-size:1rem;color:var(--c-ink-3);line-height:1.65}

/* ============================================================
   SCARCITY / INQUIRY
   ============================================================ */
.inquire{background:var(--c-ink);color:#e9e4d8;padding:clamp(5rem,8vw,8rem) 0}
.inquire h2{color:#fff;font-style:italic;font-weight:400;max-width:24ch;margin:0 auto 1.6rem}
.inquire .lede{color:#cfc8b8;max-width:60ch;margin:0 auto 2.4rem;text-align:center}
.inquire-center{text-align:center}
.inquire-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.6rem}
.inquire-meta{
  display:flex;
  flex-direction:column;
  gap:.6rem;
  margin:2.8rem auto 0;
  max-width:480px;
  font-family:'Inter',sans-serif;
  font-size:.86rem;
  color:#cfc8b8;
}
.inquire-meta-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:1rem;
  padding:.6rem 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.inquire-meta-label{
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:.66rem;
  color:rgba(255,255,255,.45);
  font-weight:500;
}
.inquire-meta-link{
  color:#e9e4d8;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.18);
  transition:border-color var(--t-base), color var(--t-base);
}
.inquire-meta-link:hover{color:#fff;border-bottom-color:rgba(255,255,255,.6)}
.inquire-meta-value{color:#e9e4d8}
.inquire-team-link{
  margin:2.4rem 0 0;
  text-align:center;
  font-family:'Inter',sans-serif;
  font-size:.85rem;
  letter-spacing:2px;
  text-transform:uppercase;
}
.inquire-team-link a{
  color:var(--c-gold);
  text-decoration:none;
  border-bottom:1px solid rgba(184,134,11,.3);
  padding-bottom:.2rem;
  transition:color var(--t-base), border-color var(--t-base);
}
.inquire-team-link a:hover{color:#fff;border-bottom-color:#fff}


/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{background:var(--c-cream-2);padding:5rem 0 2.4rem;border-top:1px solid var(--c-border)}
.footer-grid{display:grid;gap:2.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:var(--max-w);margin:0 auto;padding:0 1.6rem}
.footer-brand img{height:42px;margin-bottom:1rem}
.footer-brand p{font-size:.92rem;color:var(--c-ink-3);line-height:1.6;max-width:32ch}
.footer-social{display:flex;gap:.8rem;margin-top:1rem}
.footer-social a{width:36px;height:36px;border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;color:var(--c-ink-3);transition:all var(--t-fast)}
.footer-social a:hover{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}
.footer-social svg{width:14px;height:14px;fill:currentColor}
.footer-col h4{font-family:'Inter',sans-serif;text-transform:uppercase;letter-spacing:2.4px;font-size:.74rem;color:var(--c-ink);margin-bottom:1rem;font-weight:600}
.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.footer-col a{font-size:.92rem;color:var(--c-ink-3)}
.footer-col a:hover{color:var(--c-red)}
.footer-bottom{
  max-width:var(--max-w);margin:3rem auto 0;padding:1.8rem 1.6rem 0;
  border-top:1px solid var(--c-border);
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  font-size:.84rem;color:var(--c-muted);
}
.footer-legal a{margin-right:.4rem}
.footer-legal a:hover{color:var(--c-red)}

/* ============================================================
   Responsive niceties
   ============================================================ */
@media(max-width:640px){
  .hero{min-height:88vh}
  .hero-eyebrow{letter-spacing:3px;font-size:.7rem;padding:.45rem .9rem}
  .stat-num{font-size:1.8rem}
  .tile{padding:1.8rem 1.4rem}
}


/* ============================================================
   DISTRIBUTION PAGE
   ============================================================ */
.dist-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,5vw,5rem);background:#0a0a0a;color:#fff}
.dist-hero .eyebrow{color:var(--c-gold);display:inline-block;margin-bottom:1.2rem}
.dist-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:500;line-height:1.1;letter-spacing:-.01em;color:#fff;margin:0 0 1.6rem;max-width:18ch}
.dist-hero .serif-it{font-style:italic;color:var(--c-gold);font-weight:400}
.dist-hero-lede{font-size:1.14rem;color:rgba(255,255,255,.78);line-height:1.6;max-width:780px;margin:0 0 2.6rem}
.dist-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;border-top:1px solid rgba(255,255,255,.12);padding-top:2rem}
@media(max-width:780px){.dist-hero-stats{grid-template-columns:repeat(2,1fr)}}
.dist-hero-stats > div{display:flex;flex-direction:column;gap:.3rem}
.dist-hero-stats strong{font-family:'Playfair Display',serif;font-size:2rem;font-weight:500;color:var(--c-gold);line-height:1}
.dist-hero-stats span{font-size:.82rem;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.08em}

.dist-layer{padding:clamp(4rem,7vw,7rem) 0;background:#fff;border-top:1px solid var(--c-rule)}
.dist-layer--alt{background:#faf8f4}
.dist-layer-head{margin-bottom:2rem;max-width:880px}
.dist-layer-num{font-family:'Playfair Display',serif;font-style:italic;font-size:1.8rem;color:var(--c-gold);margin-bottom:.6rem}
.dist-layer h2{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:500;color:var(--c-ink);letter-spacing:-.01em;margin:.5rem 0 0;line-height:1.15}
.dist-layer-body{font-size:1.06rem;color:var(--c-ink-3);line-height:1.65;max-width:780px;margin:0 0 2rem}
.dist-layer-tags{list-style:none;padding:0;margin:0 0 2.4rem;display:flex;flex-wrap:wrap;gap:.6rem}
.dist-layer-tags li{font-size:.85rem;color:var(--c-ink);background:#fff;border:1px solid var(--c-rule);padding:.45rem 1rem;border-radius:99px;letter-spacing:.02em}
.dist-layer--alt .dist-layer-tags li{background:#fff}
.dist-layer-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}

.dist-packages{margin-top:2.4rem;border-top:1px solid rgba(0,0,0,.08);padding-top:2.4rem}
.dist-packages .eyebrow{display:block;margin-bottom:1.4rem}
.dist-pkg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
@media(max-width:960px){.dist-pkg-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.dist-pkg-grid{grid-template-columns:1fr}}
.dist-pkg{background:#fff;border:1px solid var(--c-rule);padding:1.6rem 1.4rem;position:relative;border-top:3px solid var(--c-ink)}
.dist-pkg--popular{border-top-color:var(--c-gold);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.dist-pkg-badge{position:absolute;top:-12px;right:1rem;background:var(--c-gold);color:#000;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .7rem;border-radius:2px;font-weight:600}
.dist-pkg-name{font-family:'Playfair Display',serif;font-size:1.15rem;color:var(--c-ink);font-weight:500;margin-bottom:.4rem}
.dist-pkg-name span{color:var(--c-muted);font-style:italic;font-size:.9rem;font-weight:400}
.dist-pkg-price{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:500;color:var(--c-ink);margin-bottom:.8rem}
.dist-pkg p{font-size:.9rem;color:var(--c-ink-3);line-height:1.55;margin:0}
.dist-pkg-link{display:inline-block;margin-top:1.6rem;color:var(--c-ink);font-size:.95rem;border-bottom:1px solid var(--c-gold);text-decoration:none;padding-bottom:.2rem}
.dist-pkg-link:hover{color:var(--c-gold)}

.dist-outlets{margin:1.8rem 0 2.4rem;padding:1.8rem;background:#0a0a0a;color:#fff;border-radius:4px}
.dist-outlets-label{font-size:.78rem;color:var(--c-gold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem}
.dist-outlets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem 1.4rem;margin-bottom:1.2rem}
@media(max-width:780px){.dist-outlets-grid{grid-template-columns:repeat(2,1fr)}}
.dist-outlets-grid span{font-family:'Playfair Display',serif;font-size:1.04rem;color:#fff;font-weight:400}
.dist-outlets-foot{font-size:.86rem;color:rgba(255,255,255,.65);font-style:italic;margin:0}

.dist-strategic-pricing{margin:2.4rem 0;padding:1.8rem 2rem;background:#fff;border:1px solid var(--c-gold);border-left-width:4px;display:flex;flex-direction:column;gap:.4rem}
.dist-strategic-pricing-label{font-size:.8rem;color:var(--c-muted);text-transform:uppercase;letter-spacing:.1em}
.dist-strategic-pricing-amount{font-family:'Playfair Display',serif;font-size:2.4rem;font-weight:500;color:var(--c-ink);line-height:1}
.dist-strategic-pricing p{font-size:.95rem;color:var(--c-ink-3);line-height:1.5;margin:.4rem 0 0;max-width:680px}

.dist-addon{padding:clamp(3rem,5vw,5rem) 0;background:#0a0a0a;color:#fff;text-align:center}
.dist-addon .eyebrow{color:var(--c-gold);display:inline-block;margin-bottom:1rem}
.dist-addon h2{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:500;color:#fff;margin:0 0 1rem;letter-spacing:-.005em}
.dist-addon p{font-size:1.02rem;color:rgba(255,255,255,.75);line-height:1.65;max-width:760px;margin:0 auto}


/* ============================================================
   SERVICES PAGE
   ============================================================ */
.srv-hero{padding:clamp(5rem,9vw,8rem) 0;background:#0a0a0a;color:#fff}
.srv-hero .eyebrow{color:var(--c-gold);display:inline-block;margin-bottom:1.2rem}
.srv-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:500;line-height:1.12;letter-spacing:-.01em;color:#fff;margin:0 0 1.4rem;max-width:22ch}
.srv-hero .serif-it{font-style:italic;color:var(--c-gold);font-weight:400;display:block;margin-top:.4rem}
.srv-hero-lede{font-size:1.1rem;color:rgba(255,255,255,.78);line-height:1.6;max-width:820px;margin:0}

.srv-grid-section{padding:clamp(4rem,7vw,7rem) 0;background:#fff}
.srv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.8rem;margin-bottom:3rem}
@media(max-width:780px){.srv-grid{grid-template-columns:1fr}}
.srv-card{background:#faf8f4;padding:2rem 1.8rem;border:1px solid var(--c-rule);border-top:3px solid var(--c-ink);position:relative;display:flex;flex-direction:column}
.srv-card--urgent{border-top-color:var(--c-gold);background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.srv-card-num{font-family:'Playfair Display',serif;font-style:italic;font-size:.9rem;color:var(--c-muted);margin-bottom:.6rem;letter-spacing:.05em}
.srv-card-badge{display:inline-block;background:var(--c-gold);color:#000;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .7rem;border-radius:2px;font-weight:600;margin-bottom:.8rem;position:absolute;top:1.4rem;right:1.4rem}
.srv-card-badge span{color:#000;font-size:.7rem;margin-right:.3rem}
.srv-card-title{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:500;color:var(--c-ink);letter-spacing:-.005em;margin:0 0 .6rem;line-height:1.25}
.srv-card-sub{font-style:italic;color:var(--c-muted);font-size:1rem;font-weight:400}
.srv-card-price{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:500;color:var(--c-gold);margin-bottom:1rem;letter-spacing:-.005em}
.srv-card p{font-size:.96rem;color:var(--c-ink-3);line-height:1.6;margin:0 0 1.4rem;flex-grow:1}
.srv-card-cta{color:var(--c-ink);font-size:.95rem;text-decoration:none;border-bottom:1px solid var(--c-gold);padding-bottom:.2rem;align-self:flex-start;transition:color .2s}
.srv-card-cta:hover{color:var(--c-gold)}

.srv-self-serve-callout{background:#0a0a0a;color:#fff;padding:2rem;border-left:4px solid var(--c-gold);margin:3rem 0 2rem}
.srv-self-serve-callout .eyebrow{color:var(--c-gold);display:block;margin-bottom:.6rem}
.srv-self-serve-callout p{font-size:1.04rem;color:rgba(255,255,255,.85);line-height:1.6;margin:0}
.srv-self-serve-callout a{color:#fff;border-bottom:1px solid var(--c-gold);text-decoration:none}

.srv-minimum-note{font-size:.9rem;color:var(--c-muted);line-height:1.5;font-style:italic;margin:1.6rem 0 0;text-align:center;max-width:680px;margin-left:auto;margin-right:auto}


/* ============================================================
   DISTRIBUTION — premium access teaser strip (between hero & Layer 1)
   ============================================================ */
.dist-premium-strip{background:#faf8f4;padding:clamp(2rem,4vw,3.4rem) 0;border-top:1px solid var(--c-rule);border-bottom:1px solid var(--c-rule)}
.dist-premium-strip .eyebrow{display:block;text-align:center;color:var(--c-muted);margin-bottom:1.4rem}
.dist-premium-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem 1.6rem;max-width:1100px;margin:0 auto 1.2rem;text-align:center}
@media(max-width:780px){.dist-premium-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.dist-premium-grid{grid-template-columns:repeat(2,1fr)}}
.dist-premium-grid span{font-family:'Playfair Display',serif;font-size:1rem;color:var(--c-ink);font-weight:500;letter-spacing:-.005em}
.dist-premium-foot{text-align:center;font-size:.84rem;color:var(--c-muted);font-style:italic;margin:1rem 0 0}


/* ============================================================
   SERVICES — group headings (4 mental blocks)
   ============================================================ */
.srv-group-head{margin:0 0 1.6rem;padding-top:2.4rem;border-top:1px solid var(--c-rule)}
.srv-group-head:first-of-type{padding-top:0;border-top:none}
.srv-group-head .eyebrow{display:inline-block;margin-bottom:.9rem}
.srv-group-head h2{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:500;color:var(--c-ink);letter-spacing:-.005em;margin:0 0 .6rem;line-height:1.2}
.srv-group-head h2 .serif-it{font-style:italic;color:var(--c-gold);font-weight:400}
.srv-group-head p{font-size:1rem;color:var(--c-ink-3);line-height:1.55;max-width:640px;margin:0 0 2rem}

.srv-group-head--urgent .eyebrow{color:var(--c-gold)}
.srv-group-head--urgent .srv-group-dot{color:var(--c-gold);font-size:.7em;vertical-align:middle;margin-right:.3em}

.srv-grid--single{grid-template-columns:1fr}
.srv-card--wide{max-width:none}


/* ============================================================
   PRESS PAGE — clean Condé Nast-style archive
   ============================================================ */
.press-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,5vw,5rem);background:#0a0a0a;color:#fff}
.press-hero .eyebrow{color:var(--c-gold);display:inline-block;margin-bottom:1.2rem}
.press-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.6rem,5vw,4rem);font-weight:500;line-height:1.05;letter-spacing:-.01em;color:#fff;margin:0 0 1.6rem;max-width:20ch}
.press-hero-lede{font-size:1.12rem;color:rgba(255,255,255,.78);line-height:1.6;max-width:820px;margin:0}

.press-wall-section{padding:clamp(3rem,5vw,5rem) 0;background:#faf8f4;border-bottom:1px solid var(--c-rule)}
.press-wall-section .eyebrow{display:block;text-align:center;margin-bottom:1.6rem;color:var(--c-muted)}
.press-outlet-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem 1.4rem;max-width:1200px;margin:0 auto}
@media(max-width:780px){.press-outlet-wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.press-outlet-wall{grid-template-columns:repeat(2,1fr)}}

.press-archive{padding:clamp(4rem,7vw,7rem) 0;background:#fff}
.press-archive-head{margin-bottom:3rem;text-align:center}
.press-archive-head .eyebrow{display:inline-block;margin-bottom:1rem;color:var(--c-muted)}
.press-archive-head h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.6vw,2.6rem);font-weight:500;color:var(--c-ink);letter-spacing:-.01em;margin:0;line-height:1.15}

.press-archive-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.8rem 1.4rem}
@media(max-width:1100px){.press-archive-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:860px){.press-archive-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.press-archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.press-archive-grid{grid-template-columns:1fr}}

.press-item{background:#fff;display:flex;flex-direction:column;border-bottom:1px solid var(--c-rule);padding-bottom:1.6rem;transition:transform .2s ease}
.press-item:hover{transform:translateY(-2px)}
.press-item-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#f4f1eb;margin-bottom:1.2rem;border-radius:2px}
.press-item-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.press-item-image:hover img{transform:scale(1.04)}
.press-item-meta{padding:0 .2rem}
.press-item-outlet{font-family:'Playfair Display',serif;font-size:1.24rem;font-weight:500;color:var(--c-ink);margin-bottom:.5rem;letter-spacing:-.005em}
.press-item-desc{font-size:.94rem;color:var(--c-ink-3);line-height:1.55;margin:0 0 1rem;min-height:3em}
.press-item-link{display:inline-block;font-size:.86rem;color:var(--c-ink);text-decoration:none;border-bottom:1px solid var(--c-gold);padding-bottom:.18rem;transition:color .2s}
.press-item-link:hover{color:var(--c-gold)}


/* Outlet-access standalone section (moved from Layer 3, replaces old beige premium strip) */
.dist-outlets-section{background:#0a0a0a;padding:clamp(3rem,5vw,5rem) 0;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a}
.dist-outlets-section .dist-outlets{margin:0;padding:0;background:transparent;border-radius:0}
.dist-outlets-section .dist-outlets-label{font-size:.78rem;color:var(--c-gold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.6rem;text-align:center}
.dist-outlets-section .dist-outlets-grid{grid-template-columns:repeat(5,1fr);gap:1rem 1.6rem;max-width:1200px;margin:0 auto 1.2rem;text-align:center}
@media(max-width:780px){.dist-outlets-section .dist-outlets-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.dist-outlets-section .dist-outlets-grid{grid-template-columns:repeat(2,1fr)}}
.dist-outlets-section .dist-outlets-grid span{font-size:1.08rem;text-align:center}
.dist-outlets-section .dist-outlets-foot{text-align:center}

.press-archive-grid .press-item-image{aspect-ratio:4/3;margin-bottom:.9rem}
.press-archive-grid .press-item-outlet{font-size:1.04rem;margin-bottom:.35rem}
.press-archive-grid .press-item-desc{font-size:.82rem;line-height:1.5;margin-bottom:.7rem;min-height:0}
.press-archive-grid .press-item-link{font-size:.78rem}

/* ELLE Canada text-only card */
.press-item--no-image .press-item-image--text{display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,#1a1a1a 0%,#3a0a0a 100%);aspect-ratio:4/3;text-decoration:none}
.press-item-text-bg{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}
.press-item-text-outlet{font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:600;letter-spacing:.08em;line-height:1}
.press-item-text-sub{font-family:'Inter',sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.28em;color:var(--c-gold);margin-top:.4rem}


/* ============================================================
   PRESS COLLAGE — slot for Victoria's collage image
   ============================================================ */
.press-collage{padding:clamp(4rem,7vw,7rem) 0;background:#fff}
.press-collage-head{margin-bottom:2.4rem;text-align:center}
.press-collage-head .eyebrow{display:inline-block;margin-bottom:1rem;color:var(--c-muted)}
.press-collage-head h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.6vw,2.6rem);font-weight:500;color:var(--c-ink);letter-spacing:-.01em;margin:0 0 .8rem;line-height:1.15}
.press-collage-lede{font-size:1rem;color:var(--c-ink-3);line-height:1.6;max-width:640px;margin:0 auto}
.press-collage-slot{margin-top:2rem;min-height:480px;background:#faf8f4;border:1px dashed var(--c-rule);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--c-muted);font-style:italic;font-size:.95rem}
.press-collage-slot::before{content:"[ collage image — drop into assets/images/press/founders-press-collage.jpg ]"}
.press-collage-slot:has(img)::before{content:none}
.press-collage-slot:has(img){background:transparent;border:none;min-height:0;padding:0}
.press-collage-slot img{max-width:100%;height:auto;display:block;margin:0 auto}


/* Founders intro line — holding-level context */
.founders-intro{margin:1.2rem auto 2.4rem;max-width:820px;font-size:1.05rem;line-height:1.65;color:var(--c-ink-3);font-family:'Inter',sans-serif;text-align:center;font-style:normal}
.founders-intro a{color:var(--c-ink);border-bottom:1px solid var(--c-gold);text-decoration:none;font-weight:500}
.founders-intro a:hover{color:var(--c-gold)}


/* ============================================================
   CONTACT PAGE — qualified intake form
   ============================================================ */
.contact-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,5vw,5rem);background:#0a0a0a;color:#fff}
.contact-hero .eyebrow{color:var(--c-gold);display:inline-block;margin-bottom:1.2rem}
.contact-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:500;line-height:1.1;letter-spacing:-.01em;color:#fff;margin:0 0 1.4rem}
.contact-hero-lede{font-size:1.1rem;color:rgba(255,255,255,.8);line-height:1.6;max-width:760px;margin:0}
.contact-hero-lede a{color:#fff;border-bottom:1px solid var(--c-gold);text-decoration:none}

.contact-form-section{padding:clamp(4rem,7vw,7rem) 0;background:#fff}
.contact-form{max-width:780px;margin:0 auto}
.form-row{margin-bottom:1.6rem}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.6rem;margin-bottom:1.6rem}
@media(max-width:640px){.form-grid-2{grid-template-columns:1fr;gap:1.6rem;margin-bottom:0}.form-grid-2 .form-row{margin-bottom:1.6rem}}
.form-grid-2 .form-row{margin-bottom:0}
.form-row label{display:block;font-family:'Inter',sans-serif;font-size:.82rem;font-weight:600;color:var(--c-ink);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem}
.form-row .req{color:var(--c-gold);font-weight:400;margin-left:.2em}
.form-row .optional{color:var(--c-muted);font-weight:400;font-style:italic;text-transform:none;letter-spacing:0;margin-left:.4em;font-size:.9em}
.form-row input,
.form-row select,
.form-row textarea{
  width:100%;
  padding:.85rem 1rem;
  font-family:'Inter',sans-serif;
  font-size:.95rem;
  color:var(--c-ink);
  background:#fff;
  border:1px solid var(--c-rule);
  border-radius:2px;
  transition:border-color .2s, box-shadow .2s;
  box-sizing:border-box;
}
.form-row select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23333' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.4rem}
.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus{outline:none;border-color:var(--c-gold);box-shadow:0 0 0 3px rgba(184,146,74,.15)}
.form-row textarea{resize:vertical;min-height:140px;line-height:1.5}
.form-hint{margin:.6rem 0 0;font-size:.86rem;color:var(--c-ink-3);font-style:italic;background:#faf8f4;padding:.7rem .9rem;border-left:3px solid var(--c-gold);border-radius:2px}
.form-hint a{color:var(--c-ink);border-bottom:1px solid var(--c-gold);text-decoration:none}
.form-honeypot{position:absolute;left:-9999px;height:0;overflow:hidden}

.form-submit{margin-top:2rem;text-align:center}
.form-submit .btn{min-width:280px}
.form-foot{margin:1rem 0 0;font-size:.84rem;color:var(--c-muted);font-style:italic}

.contact-info{background:#faf8f4;padding:clamp(3rem,5vw,5rem) 0;border-top:1px solid var(--c-rule)}
.contact-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1180px;margin:0 auto}
@media(max-width:780px){.contact-info-grid{grid-template-columns:repeat(2,1fr);gap:1.8rem}}
@media(max-width:480px){.contact-info-grid{grid-template-columns:1fr}}
.contact-info-grid > div{display:flex;flex-direction:column;gap:.4rem}
.contact-info-grid .eyebrow{display:block;margin-bottom:.3rem;color:var(--c-muted)}
.contact-info-grid a,
.contact-info-grid span{color:var(--c-ink);font-size:.98rem;line-height:1.5;text-decoration:none}
.contact-info-grid a{border-bottom:1px solid var(--c-gold);align-self:flex-start;padding-bottom:.15rem}


/* ============================================================
   HOMEPAGE — Press collage + Trusted By (proof escalation)
   ============================================================ */
.home-collage{padding:clamp(4rem,7vw,7rem) 0;background:#faf8f4;border-top:1px solid var(--c-rule)}
.home-collage-head{text-align:center;margin-bottom:2.4rem}
.home-collage-head .eyebrow{display:inline-block;margin-bottom:1rem;color:var(--c-muted)}
.home-collage-head h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.6vw,2.8rem);font-weight:500;color:var(--c-ink);letter-spacing:-.01em;margin:0;line-height:1.15}
.home-collage-head .serif-it{font-style:italic;color:var(--c-gold);font-weight:400}
.home-collage-slot{max-width:1200px;margin:0 auto;background:#fff;padding:1.4rem;border-radius:3px;box-shadow:0 4px 24px rgba(0,0,0,.06)}
.home-collage-slot img{width:100%;height:auto;display:block}
.home-collage-foot{text-align:center;margin:1.8rem 0 0}
.home-collage-foot a{color:var(--c-ink);font-size:.92rem;text-decoration:none;border-bottom:1px solid var(--c-gold);padding-bottom:.18rem}
.home-collage-foot a:hover{color:var(--c-gold)}

.home-trusted{padding:clamp(4rem,7vw,7rem) 0;background:#0a0a0a;color:#fff;border-top:1px solid #1a1a1a}
.home-trusted .eyebrow{color:var(--c-gold);display:inline-block;margin-bottom:1rem}
.home-trusted h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.8vw,2.8rem);font-weight:500;color:#fff;letter-spacing:-.01em;margin:0 0 1rem;line-height:1.15}
.home-trusted .serif-it{font-style:italic;color:var(--c-gold);font-weight:400}
.home-trusted-lede{font-size:1.06rem;color:rgba(255,255,255,.72);line-height:1.6;max-width:780px;margin:0 0 2.4rem}
.home-trusted-wall{background:#fff;padding:1.8rem;border-radius:3px;text-align:center;max-width:1200px}
.home-trusted-wall img{max-width:100%;height:auto;display:inline-block}


/* ============================================================
   Sticky-header mobile burger (mirrors masthead burger)
   ============================================================ */
.sticky-burger{
  display:none;
  width:38px;height:38px;
  flex-direction:column;justify-content:center;gap:4px;
  background:transparent;border:1px solid var(--c-border);
  border-radius:3px;cursor:pointer;
  margin-left:auto;
  padding:0;
}
.sticky-burger span{display:block;width:18px;height:1.5px;background:var(--c-ink);margin:0 auto;transition:transform .2s, opacity .2s}
.sticky-burger.is-open span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.sticky-burger.is-open span:nth-child(2){opacity:0}
.sticky-burger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* Mobile: hide sticky-nav text links, show only burger */
@media(max-width:880px){
  .sticky-nav{display:none}
  .sticky-burger{display:flex;align-items:center}
}

/* Make masthead burger animate too */
.masthead-menu-toggle{cursor:pointer;border-radius:3px}
.masthead-menu-toggle span{transition:transform .2s, opacity .2s}
.masthead-menu-toggle.is-open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.masthead-menu-toggle.is-open span:nth-child(2){opacity:0}
.masthead-menu-toggle.is-open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

/* Mobile nav drawer — make sure it appears below sticky header when open */
.masthead-mobile-nav{position:relative;z-index:60}
.sticky-header .masthead-mobile-nav{display:none}


/* Make mobile-nav drawer a full-screen overlay when open (works from any burger) */
@media(max-width:880px){
  .masthead-mobile-nav[data-open="true"]{
    position:fixed;
    top:0;left:0;right:0;
    max-height:100vh;
    overflow-y:auto;
    z-index:200;
    background:#fff;
    border-top:none;
    border-bottom:1px solid var(--c-border);
    padding:1rem 1.4rem 2rem;
    box-shadow:0 8px 30px rgba(0,0,0,.15);
  }
  /* Add a close button hint at top */
  .masthead-mobile-nav[data-open="true"]::before{
    content:"Menu";
    display:block;
    font-family:'Inter',sans-serif;
    font-size:.72rem;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--c-muted);
    padding-bottom:.6rem;
    border-bottom:1px solid var(--c-border-soft);
    margin-bottom:.6rem;
  }
}