/*
Theme Name: Dashing Maverick HQ 0.4.7
Theme URI: https://dashingmaverick.com
Author: Dashing Maverick
Description: Custom cinematic mission-control theme for Dashing Maverick / Maverick HQ.
Version: 0.4.7
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: dashing-maverick-hq
*/
:root{
  --dm-bg:#050706;
  --dm-panel:#0b100d;
  --dm-panel2:#0e1511;
  --dm-line:#263128;
  --dm-green:#62ff75;
  --dm-green2:#2acb54;
  --dm-gold:#e3b64f;
  --dm-red:#ff4d3d;
  --dm-text:#f4f3ec;
  --dm-muted:#a8b0aa;
  --dm-radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:
  radial-gradient(circle at 70% -20%,rgba(60,120,65,.14),transparent 40%),
  linear-gradient(180deg,#050706,#070a08 45%,#040605);
  color:var(--dm-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.dm-wrap{width:min(1180px,calc(100% - 34px));margin:auto}
.dm-site-header{
  position:sticky;top:0;z-index:50;background:rgba(4,6,5,.94);
  backdrop-filter:blur(14px);border-bottom:1px solid #1d261f;
}
.dm-nav{height:74px;display:flex;align-items:center;gap:24px}
.dm-brand{font-weight:900;letter-spacing:.08em;font-size:1rem;line-height:.9}
.dm-brand span{display:block;font-size:.7rem;color:var(--dm-gold);letter-spacing:.18em;margin-top:5px}
.dm-menu{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:.75rem;text-transform:uppercase;letter-spacing:.09em}
.dm-menu a{color:#d7ddd8}
.dm-menu a:hover{color:var(--dm-green)}
.dm-menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--dm-line);color:white;border-radius:8px;padding:8px 10px}
.dm-hero{
  min-height:690px;display:flex;align-items:flex-end;position:relative;overflow:hidden;
  background-image:
    linear-gradient(180deg,rgba(4,5,4,.08),rgba(4,5,4,.20) 48%,#050706 100%),
    url("assets/hero-v02.png");
  background-size:cover;background-position:center center;background-repeat:no-repeat;
}
.dm-hero:before{
  content:"";position:absolute;inset:0;opacity:.18;
  background-image:linear-gradient(rgba(98,255,117,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(98,255,117,.035) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent 10%,black 70%);
}
.dm-hero-inner{position:relative;z-index:2;padding:100px 0 70px}
.dm-kicker{color:var(--dm-gold);font-weight:800;text-transform:uppercase;letter-spacing:.18em;font-size:.77rem}
.dm-hero h1{
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
  font-size:clamp(4rem,10vw,8.5rem);line-height:.82;margin:16px 0 24px;
  letter-spacing:.01em;text-transform:uppercase;max-width:850px;text-shadow:0 8px 40px rgba(0,0,0,.5);
}
.dm-tagline{font-style:italic;color:#f5cf67;letter-spacing:.07em;font-weight:800;text-transform:uppercase}
.dm-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.dm-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:8px;
  border:1px solid #3a473d;background:#111713;font-weight:800;font-size:.77rem;text-transform:uppercase;letter-spacing:.06em;
}
.dm-btn.primary{background:linear-gradient(180deg,#2da84b,#1d6f33);border-color:#5bdc73;box-shadow:0 0 28px rgba(51,221,94,.16)}
.dm-btn.gold{border-color:#9e7b2e;color:#f0c965}
.dm-btn:hover{transform:translateY(-1px)}
.dm-section{padding:38px 0}
.dm-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.dm-panel{
  background:linear-gradient(180deg,rgba(16,23,18,.96),rgba(7,11,8,.96));
  border:1px solid var(--dm-line);border-radius:var(--dm-radius);padding:20px;position:relative;overflow:hidden;
}
.dm-panel:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(98,255,117,.35),transparent)}
.dm-status{grid-column:span 5}.dm-alert{grid-column:span 7}.dm-video{grid-column:span 8}.dm-community{grid-column:span 4}
.dm-panel-title{font-size:.78rem;color:var(--dm-green);text-transform:uppercase;letter-spacing:.1em;font-weight:900;margin-bottom:18px}
.dm-status-layout{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center}
.dm-radar{aspect-ratio:1;border:1px solid #2a6c38;border-radius:50%;position:relative;background:
 radial-gradient(circle,transparent 17%,rgba(69,255,105,.1) 18% 19%,transparent 20% 38%,rgba(69,255,105,.08) 39% 40%,transparent 41%),
 linear-gradient(90deg,transparent 49.5%,rgba(98,255,117,.18) 50%,transparent 50.5%),
 linear-gradient(transparent 49.5%,rgba(98,255,117,.18) 50%,transparent 50.5%);
 box-shadow:inset 0 0 30px rgba(50,220,80,.07);
}
.dm-radar:before{content:"";position:absolute;left:50%;top:50%;width:47%;height:2px;background:linear-gradient(90deg,var(--dm-green),transparent);transform-origin:left center;animation:dmSweep 3.8s linear infinite}
@keyframes dmSweep{to{transform:rotate(360deg)}}
.dm-radar:after{content:"GOOSE";position:absolute;inset:0;display:grid;place-items:center;font-weight:950;letter-spacing:.1em;color:#dce7de}
.dm-stat{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #182119;font-size:.76rem;text-transform:uppercase}
.dm-stat strong{color:var(--dm-gold)}.dm-stat .ok{color:var(--dm-green)}.dm-stat .danger{color:var(--dm-red)}
.dm-alert-box{border:1px solid #4c3021;background:#130d09;border-radius:10px;padding:20px}
.dm-alert-badge{color:var(--dm-red);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}
.dm-alert-box p{color:#d9ddd9;max-width:620px}
.dm-video-thumb{aspect-ratio:16/9;border-radius:10px;background:linear-gradient(135deg,#202922,#0d120f);display:grid;place-items:center;border:1px solid #2b382d;color:#d6ddd7;font-size:1.1rem}
.dm-list{display:grid;gap:10px}
.dm-list div{padding:10px 0;border-bottom:1px solid #1d271f}
.dm-mini-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#263128;border:1px solid #263128;border-radius:10px;overflow:hidden;margin-top:16px}
.dm-mini-strip > div{background:#09100b;padding:15px;text-align:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}
.dm-mini-strip strong{display:block;color:var(--dm-gold);font-size:.85rem;margin-top:5px}
.dm-page-hero{padding:70px 0 24px}
.dm-page-hero h1{font-size:clamp(2.6rem,6vw,5.5rem);margin:0;text-transform:uppercase;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif}
.dm-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dm-card{border:1px solid var(--dm-line);border-radius:12px;overflow:hidden;background:#0b100d}
.dm-card-media{aspect-ratio:4/3;background:linear-gradient(135deg,#1d291f,#0a0d0b);display:grid;place-items:center;color:#6aff7d;font-weight:900}
.dm-card-body{padding:15px}.dm-card h3{margin:0 0 8px;font-size:1rem}.dm-card p{color:var(--dm-muted);font-size:.87rem}
.dm-footer{margin-top:50px;border-top:1px solid #1d271f;padding:34px 0 50px;color:#7f8981;font-size:.82rem}

.dm-quicknav{padding:18px 0 0;background:#050706}
.dm-quicknav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.dm-quicknav a{
  min-height:86px;border:1px solid var(--dm-line);border-radius:12px;
  background:linear-gradient(180deg,#0d1510,#080d0a);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.dm-quicknav a:hover{transform:translateY(-2px);border-color:#3a7f46;box-shadow:0 0 24px rgba(65,255,94,.08)}
.dm-quicknav-icon{font-size:1.35rem;line-height:1}
.dm-quicknav-label{font-size:.68rem;text-transform:uppercase;font-weight:850;letter-spacing:.08em}

@media(max-width:900px){
  .dm-menu{display:none;position:absolute;top:74px;left:0;right:0;background:#050706;padding:18px 24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #263128}
  .dm-menu.open{display:flex}.dm-menu-toggle{display:block}
  .dm-status,.dm-alert,.dm-video,.dm-community{grid-column:span 12}
  .dm-card-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .dm-wrap{width:min(100% - 24px,1180px)}
  .dm-nav{height:70px}
  .dm-brand{font-size:.96rem}
  .dm-brand span{font-size:.63rem}
  .dm-menu-toggle{min-height:44px;padding:0 14px;border-color:#3a493e}

  .dm-hero{
    min-height:820px;
    align-items:stretch;
    background-image:
      linear-gradient(180deg,rgba(3,5,4,.38),rgba(3,5,4,.03) 31%,rgba(3,5,4,.02) 68%,#050706 100%),
      url("assets/hero-mobile-v030.jpg");
    background-size:cover;
    background-position:center top;
  }
  .dm-hero:before{opacity:.08}
  .dm-hero-inner{
    min-height:820px;
    display:flex;
    flex-direction:column;
    padding:38px 0 24px;
    text-align:center;
  }
  .dm-kicker{font-size:.64rem;letter-spacing:.15em}
  .dm-hero h1{
    font-size:clamp(3.2rem,16.5vw,4.75rem);
    line-height:.84;
    margin:15px auto 13px;
    max-width:100%;
    text-shadow:0 6px 26px rgba(0,0,0,.9);
  }
  .dm-tagline{
    font-size:.82rem;
    line-height:1.42;
    max-width:360px;
    margin:0 auto;
    text-shadow:0 3px 16px #000;
  }
  .dm-hero .dm-actions{
    margin-top:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    width:100%;
  }
  .dm-hero .dm-actions .primary{
    grid-column:1 / -1;
    min-height:56px;
    font-size:.76rem;
  }
  .dm-hero .dm-btn{
    padding:0 10px;
    min-height:50px;
    font-size:.68rem;
  }

  .dm-quicknav{margin-top:0;padding:14px 0 4px}
  .dm-quicknav-grid{grid-template-columns:repeat(4,1fr);gap:6px}
  .dm-quicknav a{min-height:76px;padding:10px 5px;border-radius:10px}
  .dm-quicknav-icon{font-size:1.15rem}
  .dm-quicknav-label{font-size:.58rem;letter-spacing:.06em}

  .dm-section{padding-top:24px}
  .dm-panel{padding:18px}
  .dm-status-layout{grid-template-columns:1fr}
  .dm-radar{max-width:170px;margin:auto}
  .dm-stat{font-size:.70rem}
  .dm-mini-strip{grid-template-columns:1fr 1fr}
  .dm-card-grid{grid-template-columns:1fr}
}

/* v0.3.1 hero artwork visibility pass */
@media(min-width:621px){
.dm-hero{min-height:690px;align-items:stretch}
.dm-hero-inner{min-height:690px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:74px;padding-bottom:42px}
.dm-hero h1{font-size:clamp(3.6rem,6.2vw,6rem);line-height:.86;max-width:570px;margin:14px 0 16px}
.dm-hero .dm-tagline{max-width:560px;font-size:.86rem;line-height:1.45}
.dm-hero .dm-actions{margin-top:auto;max-width:650px}
}
@media(max-width:620px){
.dm-hero-inner{padding-top:26px}
.dm-hero h1{font-size:clamp(2.8rem,13.5vw,4rem);line-height:.86;margin:11px auto 10px}
.dm-hero .dm-tagline{max-width:330px;font-size:.74rem;line-height:1.35}
}


/* v0.3.2 — Desktop hero composition lock
   Keep the existing hero artwork intact, zoom it out, and let the
   baked artwork title/tagline sit naturally to the left of Goose. */
@media(min-width:621px){
  .dm-hero{
    min-height:720px;
    background-image:
      linear-gradient(90deg,rgba(3,5,4,.28) 0%,rgba(3,5,4,.06) 34%,rgba(3,5,4,.02) 68%,rgba(3,5,4,.12) 100%),
      url("assets/hero-v02.png");
    background-repeat:no-repeat;
    background-size:82% auto;
    background-position:right center;
    background-color:#050706;
    align-items:stretch;
  }

  .dm-hero:before{opacity:.12}

  .dm-hero-inner{
    min-height:720px;
    position:relative;
    padding:0;
    display:block;
  }

  /* Desktop artwork already contains the title/tagline.
     Hide the duplicate live copy, but retain real text on mobile. */
  .dm-hero-live-copy{display:none}

  .dm-hero-actions{
    position:absolute;
    left:2%;
    bottom:58px;
    width:min(470px,40vw);
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:0;
  }

  .dm-hero-actions .primary{
    grid-column:1 / -1;
    min-height:54px;
  }

  .dm-hero-actions .dm-btn{
    min-height:48px;
    padding:0 14px;
  }
}

/* Mobile stays text-driven over the dedicated clean portrait asset. */
@media(max-width:620px){
  .dm-hero-live-copy{display:block}
  .dm-hero-actions{
    margin-top:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    width:100%;
  }
  .dm-hero-actions .primary{
    grid-column:1 / -1;
  }
}


/* =========================================================
   v0.3.8 — LAYOUT ONLY / NO NEW HERO ART
   Reuses the original hero-v02.png from the clean v0.3.3 build.
   ========================================================= */

@media(min-width:621px){
  .dm-hero{
    min-height:720px;
    position:relative;
    overflow:hidden;
    align-items:stretch;
    background-color:#050706;
    background-image:
      linear-gradient(90deg, rgba(5,7,6,.18) 0%, rgba(5,7,6,.04) 34%, rgba(5,7,6,0) 62%),
      linear-gradient(180deg, rgba(5,7,6,0) 58%, rgba(5,7,6,.30) 100%),
      url("assets/hero-v02.png") !important;
    background-repeat:no-repeat !important;
    background-size:88% auto !important;
    background-position:center 48% !important;
  }

  .dm-hero:before,
  .dm-hero:after{
    display:none !important;
    content:none !important;
  }

  .dm-hero-inner{
    min-height:720px;
    position:relative;
    display:block;
    padding:0;
  }

  /* Remove large duplicate Dashing Maverick hero branding. */
  .dm-hero-live-copy h1,
  .dm-hero-live-copy .dm-tagline{
    display:none !important;
  }

  /* Small, restrained label only. */
  .dm-hero-live-copy{
    display:block !important;
    position:absolute;
    left:clamp(38px,6.5vw,110px);
    top:54%;
    transform:none;
    width:auto;
    text-align:left;
  }
  .dm-hero-live-copy .dm-kicker{
    display:inline-block !important;
    margin:0;
    padding:10px 14px;
    border-left:3px solid var(--dm-gold);
    background:rgba(5,7,6,.48);
    color:var(--dm-gold);
    font-size:.78rem;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
  }

  /* Put the slogan lower and beside Goose. */
  .dm-goose-copy{
    position:absolute;
    left:51%;
    top:66%;
    width:min(340px,24vw);
    padding-left:18px;
    border-left:3px solid var(--dm-gold);
    color:#fff;
    font-size:.82rem;
    font-weight:850;
    line-height:1.48;
    letter-spacing:.09em;
    text-transform:uppercase;
    text-shadow:0 3px 14px #000;
  }

  /* Shift buttons right and keep every button inside the hero. */
  .dm-hero-actions{
    position:absolute !important;
    left:43% !important;
    right:3% !important;
    bottom:40px !important;
    width:auto !important;
    transform:none !important;
    display:grid !important;
    grid-template-columns:1.25fr 1fr 1fr !important;
    gap:12px !important;
    margin:0 !important;
  }
  .dm-hero-actions .primary{
    grid-column:auto !important;
  }
  .dm-hero-actions .dm-btn{
    min-height:52px;
    padding:0 14px;
    font-size:.74rem;
  }
}

@media(max-width:620px){
  .dm-hero:before,
  .dm-hero:after{
    display:none !important;
    content:none !important;
  }

  .dm-hero-live-copy h1{
    display:none !important;
  }

  .dm-hero-live-copy .dm-tagline{
    display:none !important;
  }

  .dm-hero-live-copy{
    text-align:left;
    width:100%;
  }

  .dm-hero-live-copy .dm-kicker{
    display:inline-block !important;
    padding:8px 10px;
    border-left:3px solid var(--dm-gold);
    background:rgba(5,7,6,.48);
    color:var(--dm-gold);
    font-size:.64rem;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  .dm-goose-copy{
    margin-top:auto;
    margin-bottom:14px;
    max-width:330px;
    color:#fff;
    font-size:.70rem;
    line-height:1.4;
    letter-spacing:.07em;
    text-transform:uppercase;
    text-align:center;
    text-shadow:0 3px 14px #000;
  }
}


/* =========================================================
   v0.3.9 — USER IMAGE AS HEADER
   Uses the exact uploaded PNG unchanged.
   ========================================================= */

.dm-hero{
  background-image:url("assets/header-v039.png") !important;
  background-repeat:no-repeat !important;
  background-color:#050706 !important;
}

@media(min-width:621px){
  .dm-hero{
    min-height:720px !important;
    background-size:cover !important;
    background-position:center center !important;
  }

  /* Show the image cleanly: no text or buttons over it. */
  .dm-hero-live-copy,
  .dm-goose-copy,
  .dm-hero-actions{
    display:none !important;
  }

  .dm-hero:before,
  .dm-hero:after{
    display:none !important;
    content:none !important;
  }

  .dm-hero-inner{
    min-height:720px !important;
    padding:0 !important;
  }
}

@media(max-width:620px){
  .dm-hero{
    min-height:560px !important;
    background-size:cover !important;
    background-position:center center !important;
  }

  .dm-hero-live-copy,
  .dm-goose-copy,
  .dm-hero-actions{
    display:none !important;
  }

  .dm-hero:before,
  .dm-hero:after{
    display:none !important;
    content:none !important;
  }

  .dm-hero-inner{
    min-height:560px !important;
    padding:0 !important;
  }
}


/* v0.4.0 — exact user-supplied hero image */
.dm-hero{
  background-image:url("assets/hero-v040.png") !important;
  background-repeat:no-repeat !important;
  background-color:#050706 !important;
  background-position:center center !important;
  background-size:cover !important;
}
.dm-hero:before,
.dm-hero:after{
  display:none !important;
  content:none !important;
}
.dm-hero-live-copy,
.dm-goose-copy,
.dm-hero-actions{
  display:none !important;
}

@media(min-width:621px){
  .dm-hero{min-height:720px !important}
  .dm-hero-inner{min-height:720px !important;padding:0 !important}
}
@media(max-width:620px){
  .dm-hero{min-height:560px !important}
  .dm-hero-inner{min-height:560px !important;padding:0 !important}
}


/* v0.4.1 — exact supplied hero + centered bottom buttons */
.dm-hero{
  position:relative !important;
  overflow:hidden !important;
  background-image:url("assets/hero-v041.png") !important;
  background-repeat:no-repeat !important;
  background-color:#050706 !important;
  background-position:center center !important;
  background-size:cover !important;
}
.dm-hero:before,
.dm-hero:after{
  display:none !important;
  content:none !important;
}

/* No copy over the supplied artwork. */
.dm-hero-live-copy,
.dm-goose-copy{
  display:none !important;
}

.dm-hero-actions{
  display:grid !important;
  position:absolute !important;
  z-index:10 !important;
  left:50% !important;
  right:auto !important;
  bottom:34px !important;
  transform:translateX(-50%) !important;
  width:min(760px,88%) !important;
  margin:0 !important;
  grid-template-columns:1.25fr 1fr 1fr !important;
  gap:14px !important;
}

.dm-hero-actions .primary{
  grid-column:auto !important;
}

.dm-hero-actions .dm-btn{
  min-height:52px !important;
  padding:0 14px !important;
  white-space:nowrap !important;
}

@media(min-width:621px){
  .dm-hero{
    min-height:720px !important;
  }
  .dm-hero-inner{
    min-height:720px !important;
    position:relative !important;
    padding:0 !important;
  }
}

@media(max-width:620px){
  .dm-hero{
    min-height:590px !important;
  }
  .dm-hero-inner{
    min-height:590px !important;
    position:relative !important;
    padding:0 !important;
  }
  .dm-hero-actions{
    width:calc(100% - 28px) !important;
    bottom:20px !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
  }
  .dm-hero-actions .primary{
    grid-column:1 / -1 !important;
  }
  .dm-hero-actions .dm-btn{
    min-height:50px !important;
    font-size:.68rem !important;
    padding:0 8px !important;
  }
}


/* v0.4.2 — exact uploaded hero, displayed without cropping */
.dm-hero{
  position:relative !important;
  overflow:hidden !important;
  background:#050706 !important;
  background-image:none !important;
  min-height:0 !important;
  padding:0 !important;
}
.dm-hero::before,
.dm-hero::after{
  display:none !important;
  content:none !important;
}
.dm-hero-inner{
  position:relative !important;
  min-height:0 !important;
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
}
.dm-exact-hero-image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  margin:0 !important;
}
.dm-hero-live-copy,
.dm-goose-copy{
  display:none !important;
}
.dm-hero-actions{
  display:grid !important;
  position:absolute !important;
  z-index:10 !important;
  left:50% !important;
  bottom:4.5% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(760px,74%) !important;
  margin:0 !important;
  grid-template-columns:1.25fr 1fr 1fr !important;
  gap:14px !important;
}
.dm-hero-actions .primary{
  grid-column:auto !important;
}
.dm-hero-actions .dm-btn{
  min-height:52px !important;
  padding:0 14px !important;
  white-space:nowrap !important;
}

@media(max-width:900px){
  .dm-hero-actions{
    width:82% !important;
    gap:10px !important;
  }
  .dm-hero-actions .dm-btn{
    min-height:48px !important;
    font-size:.70rem !important;
  }
}

@media(max-width:620px){
  .dm-hero-actions{
    width:calc(100% - 24px) !important;
    bottom:3.5% !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
  .dm-hero-actions .primary{
    grid-column:1 / -1 !important;
  }
  .dm-hero-actions .dm-btn{
    min-height:46px !important;
    font-size:.64rem !important;
    padding:0 7px !important;
  }
}


/* =========================================================
   v0.4.3 — HEADER CLEANUP
   Hero artwork is untouched.
   ========================================================= */

.site-header,
.dm-site-header,
header.site-header{
  min-height:64px !important;
  height:64px !important;
}

.site-header .dm-wrap,
.dm-site-header .dm-wrap,
header.site-header .dm-wrap{
  min-height:64px !important;
  height:64px !important;
  align-items:center !important;
}

.site-header .custom-logo,
.site-header img.custom-logo,
.dm-site-header img,
header.site-header img{
  max-height:44px !important;
  width:auto !important;
}

.site-header nav,
.dm-site-header nav,
header.site-header nav{
  margin-top:0 !important;
}

.site-header a,
.dm-site-header a,
header.site-header a{
  line-height:1 !important;
}

@media(max-width:620px){
  .site-header,
  .dm-site-header,
  header.site-header{
    min-height:58px !important;
    height:58px !important;
  }

  .site-header .dm-wrap,
  .dm-site-header .dm-wrap,
  header.site-header .dm-wrap{
    min-height:58px !important;
    height:58px !important;
  }

  .site-header .custom-logo,
  .site-header img.custom-logo,
  .dm-site-header img,
  header.site-header img{
    max-height:38px !important;
  }
}


/* =========================================================
   v0.4.4 — HERO HEIGHT / BUTTON VISIBILITY
   Exact hero artwork remains unchanged.
   ========================================================= */

/* Use the image's natural 3:2 proportion, but constrain the
   desktop hero to a clean viewport-friendly height. */
.dm-hero{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}

.dm-hero-inner{
  position:relative !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
}

.dm-exact-hero-image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
}

/* Buttons sit over the dark lower portion of the exact image. */
.dm-hero-actions{
  left:50% !important;
  bottom:4.5% !important;
  transform:translateX(-50%) !important;
  width:min(760px,74%) !important;
}

@media(max-width:620px){
  .dm-hero-actions{
    width:calc(100% - 24px) !important;
    bottom:3.5% !important;
  }
}

/* v0.4.5 — quick-link card polish; hero/header untouched */
.dm-quick-links{
  gap:12px !important;
  margin-top:14px !important;
  margin-bottom:34px !important;
}
.dm-quick-links a,
.dm-quick-links .dm-card{
  position:relative !important;
  min-height:104px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,rgba(18,28,22,.72),rgba(6,12,9,.96)) !important;
  border:1px solid rgba(63,92,72,.55) !important;
  border-radius:12px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.18) !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}
.dm-quick-links a::before,
.dm-quick-links .dm-card::before{
  content:"" !important;
  position:absolute !important;
  left:18% !important;
  right:18% !important;
  top:0 !important;
  height:2px !important;
  background:var(--dm-green) !important;
  opacity:.45 !important;
}
.dm-quick-links a:hover,
.dm-quick-links a:focus-visible,
.dm-quick-links .dm-card:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(74,255,126,.62) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.28) !important;
}
.dm-quick-links .dm-icon{
  font-size:1.35rem !important;
  line-height:1 !important;
  margin-bottom:9px !important;
  color:#f3f2ec !important;
}
.dm-quick-links .dm-label{
  font-size:.73rem !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  color:#f3f2ec !important;
  text-transform:uppercase !important;
}
.dm-quick-links .dm-sub{
  margin-top:5px !important;
  font-size:.58rem !important;
  letter-spacing:.08em !important;
  color:var(--dm-gold) !important;
  text-transform:uppercase !important;
  opacity:.82 !important;
}
@media(max-width:620px){
  .dm-quick-links{
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
    margin-bottom:24px !important;
  }
  .dm-quick-links a,
  .dm-quick-links .dm-card{min-height:94px !important}
  .dm-quick-links .dm-sub{display:none !important}
}


/* =========================================================
   v0.4.6 — QUICK NAV ACTUAL MARKUP POLISH
   Correct selectors for the existing homepage cards.
   Hero/header untouched.
   ========================================================= */

.dm-quicknav{
  padding:20px 0 36px !important;
  background:#050706 !important;
}

.dm-quicknav-grid{
  gap:12px !important;
}

.dm-quicknav-grid a{
  position:relative !important;
  min-height:108px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,rgba(18,28,22,.78),rgba(6,12,9,.98)) !important;
  border:1px solid rgba(63,92,72,.60) !important;
  border-radius:12px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.18) !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}

.dm-quicknav-grid a::before{
  content:"" !important;
  position:absolute !important;
  left:18% !important;
  right:18% !important;
  top:0 !important;
  height:2px !important;
  background:#39ff62 !important;
  opacity:.55 !important;
}

.dm-quicknav-grid a:hover,
.dm-quicknav-grid a:focus-visible{
  transform:translateY(-2px) !important;
  border-color:rgba(74,255,126,.70) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.28) !important;
}

.dm-quicknav-icon{
  font-size:1.45rem !important;
  line-height:1 !important;
  margin-bottom:10px !important;
  color:#f3f2ec !important;
}

.dm-quicknav-label{
  font-size:.76rem !important;
  font-weight:900 !important;
  letter-spacing:.15em !important;
  color:#f3f2ec !important;
  text-transform:uppercase !important;
}

@media(max-width:620px){
  .dm-quicknav{
    padding:14px 0 26px !important;
  }
  .dm-quicknav-grid{
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
  }
  .dm-quicknav-grid a{
    min-height:92px !important;
  }
  .dm-quicknav-icon{
    font-size:1.25rem !important;
    margin-bottom:8px !important;
  }
  .dm-quicknav-label{
    font-size:.64rem !important;
    letter-spacing:.11em !important;
  }
}


/* v0.4.7 — live YouTube latest-video panel */
.dm-live-video{overflow:hidden !important}
.dm-live-video-player{position:relative !important;aspect-ratio:16/9 !important;border-radius:10px !important;overflow:hidden !important;background:#101712 !important;border:1px solid #2b382d !important}
.dm-live-video-player iframe{display:block !important;width:100% !important;height:100% !important;border:0 !important}
.dm-live-video-meta{padding:14px 2px 0 !important}
.dm-live-video-title{font-size:1rem !important;font-weight:800 !important;line-height:1.35 !important;color:#f3f2ec !important;margin:0 0 4px !important}
.dm-live-video-source{font-size:.62rem !important;letter-spacing:.10em !important;text-transform:uppercase !important;color:var(--dm-gold) !important}
.dm-video-fallback{aspect-ratio:16/9 !important;border-radius:10px !important;background:linear-gradient(135deg,#202922,#0d120f) !important;display:grid !important;place-items:center !important;border:1px solid #2b382d !important;text-align:center !important;padding:24px !important}
.dm-video-fallback p{margin:0 0 14px !important;color:#d6ddd7 !important}