/*
 * Da Vat Hy Lures — Phase 23B.7M
 * About Us — Home Page Section Rhythm
 *
 * About is a trust/story page.
 * Broad sections first; cards only where containment genuinely helps.
 */

body.dvh22-about-page{
  --dvh23b7m-line:rgba(12,47,37,.11);
  --dvh23b7m-green:#06452f;
  --dvh23b7m-deep:#003824;
  --dvh23b7m-gold:#e6a821;
  --dvh23b7m-cream:#f7f3e9;
  background:#f4efe5!important;
}

/* Shared wide public-site measure. */
body.dvh22-about-page .dvh22-shell-wrap{
  width:min(1500px,88.5vw)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* ===============================================================
   HERO — shorter, greener, more like Home
   =============================================================== */
body.dvh22-about-page .dvh29-hero{
  padding:25px 0 24px!important;
  background:linear-gradient(118deg,#073d2f 0%,#0a4b38 58%,#355c3d 100%)!important;
}

body.dvh22-about-page .dvh29-hero-grid{
  grid-template-columns:minmax(380px,.82fr) minmax(0,1.18fr)!important;
  gap:34px!important;
  align-items:center!important;
}

body.dvh22-about-page .dvh29-hero-copy h1{
  max-width:650px;
  margin:4px 0 9px!important;
  font-size:clamp(2.8rem,4.5vw,4.25rem)!important;
  line-height:.92!important;
  color:#fff!important;
}

body.dvh22-about-page .dvh29-hero-copy h1 em{
  color:#efb448!important;
}

body.dvh22-about-page .dvh29-hero-copy .dvh29-kicker{
  color:#efb448!important;
}

body.dvh22-about-page .dvh29-hero-copy p{
  max-width:610px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:.80rem!important;
  line-height:1.5!important;
}

body.dvh22-about-page .dvh29-actions{
  margin-top:14px!important;
  gap:8px!important;
}

body.dvh22-about-page .dvh29-btn{
  min-height:39px!important;
  padding:8px 14px!important;
  border-radius:4px!important;
  box-shadow:none!important;
}

body.dvh22-about-page .dvh29-btn-outline{
  color:#fff!important;
  border-color:rgba(255,255,255,.34)!important;
  background:transparent!important;
}

/* Workshop image remains real proof, but stops feeling like a giant card. */
body.dvh22-about-page .dvh29-hero-media{
  min-height:0!important;
  height:clamp(285px,24vw,365px)!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.04)!important;
  box-shadow:none!important;
}

body.dvh22-about-page .dvh29-hero-media img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center 48%!important;
}

body.dvh22-about-page .dvh29-hero-media figcaption{
  left:10px!important;
  bottom:9px!important;
  padding:5px 8px!important;
  border-radius:3px!important;
  font-size:.56rem!important;
}

/* ===============================================================
   PROOF — slim brand-value strip
   =============================================================== */
body.dvh22-about-page .dvh29-proof{
  background:#f7f3e9!important;
  border-top:0!important;
  border-bottom:1px solid var(--dvh23b7m-line)!important;
}

body.dvh22-about-page .dvh29-proof article{
  min-height:58px!important;
  padding:9px 15px!important;
  gap:9px!important;
  border-right:1px solid var(--dvh23b7m-line)!important;
}

body.dvh22-about-page .dvh29-proof article>span{
  width:27px!important;
  height:27px!important;
  flex-basis:27px!important;
  background:#0d4a38!important;
  font-size:.52rem!important;
}

body.dvh22-about-page .dvh29-proof strong{
  font-size:.69rem!important;
}

body.dvh22-about-page .dvh29-proof small{
  margin-top:1px!important;
  font-size:.55rem!important;
}

/* ===============================================================
   STORY — broad white editorial section
   =============================================================== */
body.dvh22-about-page .dvh29-story{
  padding:29px 0 31px!important;
  background:#fff!important;
  border-bottom:1px solid var(--dvh23b7m-line);
}

body.dvh22-about-page .dvh29-story-grid{
  grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr)!important;
  gap:38px!important;
  align-items:start!important;
}

body.dvh22-about-page .dvh29-story-copy h2{
  margin:4px 0 7px!important;
  font-size:clamp(1.7rem,2.6vw,2.25rem)!important;
}

body.dvh22-about-page .dvh29-story-copy p{
  max-width:560px!important;
  margin:5px 0!important;
  font-size:.72rem!important;
  line-height:1.48!important;
}

/* The three destinations become one flat journey row, not cards. */
body.dvh22-about-page .dvh29-story-links{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid var(--dvh23b7m-line);
  border-bottom:1px solid var(--dvh23b7m-line);
}

body.dvh22-about-page .dvh29-story-links a{
  min-height:126px!important;
  padding:15px 18px!important;
  border:0!important;
  border-right:1px solid var(--dvh23b7m-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.dvh22-about-page .dvh29-story-links a:last-child{
  border-right:0!important;
}

body.dvh22-about-page .dvh29-story-links a:hover{
  background:#faf7ef!important;
}

body.dvh22-about-page .dvh29-story-links a>span{
  font-size:.57rem!important;
}

body.dvh22-about-page .dvh29-story-links strong{
  margin-top:6px!important;
  font-size:.96rem!important;
}

body.dvh22-about-page .dvh29-story-links b{
  padding-top:10px!important;
  font-size:.58rem!important;
}

/* ===============================================================
   AUTHENTICITY — warm editorial band
   =============================================================== */
body.dvh22-about-page .dvh29-auth-section{
  padding:24px 0!important;
  background:#f7f3e9!important;
  border-top:0!important;
  border-bottom:1px solid var(--dvh23b7m-line)!important;
}

body.dvh22-about-page .dvh29-auth-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr)!important;
  gap:34px!important;
  align-items:center!important;
}

body.dvh22-about-page .dvh29-auth-copy h2{
  margin:4px 0 6px!important;
  font-size:clamp(1.55rem,2.4vw,2rem)!important;
}

body.dvh22-about-page .dvh29-auth-copy p{
  max-width:760px!important;
  font-size:.69rem!important;
  line-height:1.45!important;
}

/* Authenticity statement loses the enclosing cream card. */
body.dvh22-about-page .dvh29-auth{
  padding:11px 0 11px 18px!important;
  border:0!important;
  border-left:3px solid #e2a41b!important;
  border-radius:0!important;
  background:transparent!important;
}

body.dvh22-about-page .dvh29-auth>span{
  font-size:.60rem!important;
}

body.dvh22-about-page .dvh29-auth-divider{
  display:none!important;
}

body.dvh22-about-page .dvh29-auth p{
  justify-content:flex-start!important;
  margin-top:7px!important;
}

body.dvh22-about-page .dvh29-auth p small{
  font-size:.57rem!important;
}

body.dvh22-about-page .dvh29-auth img{
  width:84px!important;
}

/* ===============================================================
   FINAL CTA — full-width site band, no rounded card
   =============================================================== */
body.dvh22-about-page .dvh29-final{
  padding:0!important;
  background:linear-gradient(90deg,#06452f,#003e29,#06452f)!important;
}

body.dvh22-about-page .dvh29-final-card{
  min-height:106px;
  padding:20px 0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.dvh22-about-page .dvh29-final-card h2{
  margin:3px 0 5px!important;
  font-size:1.48rem!important;
}

body.dvh22-about-page .dvh29-final-card p{
  max-width:760px;
  font-size:.66rem!important;
}

body.dvh22-about-page .dvh29-final-actions{
  gap:7px!important;
}

/* ===============================================================
   RESPONSIVE
   =============================================================== */
@media(max-width:1000px){
  body.dvh22-about-page .dvh29-hero-grid,
  body.dvh22-about-page .dvh29-story-grid,
  body.dvh22-about-page .dvh29-auth-grid{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  body.dvh22-about-page .dvh29-hero-media{
    height:340px!important;
  }
}

@media(max-width:700px){
  body.dvh22-about-page .dvh22-shell-wrap{
    width:calc(100% - 32px)!important;
  }

  body.dvh22-about-page .dvh29-hero{
    padding:20px 0 18px!important;
  }

  body.dvh22-about-page .dvh29-hero-copy h1{
    font-size:clamp(2.25rem,11.2vw,3.15rem)!important;
  }

  body.dvh22-about-page .dvh29-hero-copy p{
    font-size:.72rem!important;
  }

  body.dvh22-about-page .dvh29-hero-media{
    height:auto!important;
    aspect-ratio:16/10!important;
  }

  body.dvh22-about-page .dvh29-proof-grid{
    grid-template-columns:1fr 1fr!important;
  }

  body.dvh22-about-page .dvh29-proof article{
    min-height:58px!important;
  }

  body.dvh22-about-page .dvh29-story{
    padding:23px 0 25px!important;
  }

  body.dvh22-about-page .dvh29-story-links{
    grid-template-columns:1fr!important;
  }

  body.dvh22-about-page .dvh29-story-links a{
    min-height:0!important;
    padding:12px 0!important;
    border-right:0!important;
    border-bottom:1px solid var(--dvh23b7m-line)!important;
  }

  body.dvh22-about-page .dvh29-story-links a:last-child{
    border-bottom:0!important;
  }

  body.dvh22-about-page .dvh29-auth-section{
    padding:21px 0!important;
  }

  body.dvh22-about-page .dvh29-auth{
    padding-left:13px!important;
  }

  body.dvh22-about-page .dvh29-final-card{
    min-height:0;
    padding:17px 0!important;
    gap:12px!important;
  }
}

@media(max-width:430px){
  body.dvh22-about-page .dvh29-hero-copy h1{
    font-size:clamp(2rem,9.6vw,2.28rem)!important;
  }
}