/*
 * Da Vat Hy Lures — Phase 23B.7H
 * Workmanship — Media Balance
 *
 * Second editorial pass.
 * Keep every authentic workshop clip, but stop video from owning whole screens.
 */

/* ---------------------------------------------------------------
   HERO
   --------------------------------------------------------------- */
body.dvh22-workmanship-page .dvh27-hero{
  padding:18px 0!important;
}

body.dvh22-workmanship-page .dvh27-hero-grid{
  grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr)!important;
  gap:30px!important;
  min-height:0!important;
  align-items:center!important;
}

body.dvh22-workmanship-page .dvh27-hero-copy{
  padding:4px 0!important;
}

body.dvh22-workmanship-page .dvh27-hero-copy h1{
  margin:4px 0 9px!important;
  font-size:clamp(2.65rem,4vw,3.8rem)!important;
  line-height:.92!important;
}

body.dvh22-workmanship-page .dvh27-hero-copy p{
  max-width:520px!important;
  font-size:.78rem!important;
  line-height:1.48!important;
}

body.dvh22-workmanship-page .dvh27-hero-media{
  height:clamp(300px,25vw,390px)!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border-radius:7px!important;
}

body.dvh22-workmanship-page .dvh27-hero-media video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 52%!important;
}

/* ---------------------------------------------------------------
   PROOF STRIP
   --------------------------------------------------------------- */
body.dvh22-workmanship-page .dvh27-proof article{
  min-height:50px!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
}

/* ---------------------------------------------------------------
   PROCESS INTRO
   --------------------------------------------------------------- */
body.dvh22-workmanship-page .dvh27-process{
  padding:27px 0 30px!important;
}

body.dvh22-workmanship-page .dvh27-section-head{
  max-width:660px!important;
  margin-bottom:13px!important;
}

body.dvh22-workmanship-page .dvh27-section-head h2{
  font-size:clamp(1.65rem,2.5vw,2.15rem)!important;
  line-height:1.02!important;
}

body.dvh22-workmanship-page .dvh27-section-head p{
  font-size:.72rem!important;
}

/* ---------------------------------------------------------------
   FEATURED PROCESS CLIP
   Smaller media window; explanation carries more of the row.
   --------------------------------------------------------------- */
body.dvh22-workmanship-page .dvh27-process-feature{
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;
  gap:28px!important;
  align-items:center!important;
  margin-bottom:17px!important;
  padding-bottom:17px!important;
}

body.dvh22-workmanship-page .dvh27-video-frame-landscape{
  height:clamp(255px,21vw,335px)!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border-radius:6px!important;
  background:#0b1713!important;
}

body.dvh22-workmanship-page .dvh27-video-frame-landscape video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

body.dvh22-workmanship-page .dvh27-process-copy{
  padding:0!important;
}

body.dvh22-workmanship-page .dvh27-process-copy h3{
  margin:4px 0 7px!important;
  font-size:1.4rem!important;
}

body.dvh22-workmanship-page .dvh27-process-copy p{
  max-width:480px!important;
  font-size:.72rem!important;
  line-height:1.48!important;
}

body.dvh22-workmanship-page .dvh27-process-copy>strong{
  display:block;
  max-width:470px!important;
  padding-top:8px!important;
  font-size:.63rem!important;
  line-height:1.42!important;
}

/* ---------------------------------------------------------------
   SUPPORTING CLIPS
   All three remain, but they become compact editorial evidence.
   --------------------------------------------------------------- */
body.dvh22-workmanship-page .dvh27-process-grid{
  gap:16px!important;
}

body.dvh22-workmanship-page .dvh27-process-card{
  padding-top:10px!important;
}

body.dvh22-workmanship-page .dvh27-video-frame-portrait{
  height:clamp(155px,13vw,195px)!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border-radius:6px!important;
  background:#0b1713!important;
}

body.dvh22-workmanship-page .dvh27-video-frame-portrait video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

body.dvh22-workmanship-page .dvh27-card-copy{
  padding-top:8px!important;
}

body.dvh22-workmanship-page .dvh27-card-copy h3{
  margin-bottom:3px!important;
  font-size:.96rem!important;
}

body.dvh22-workmanship-page .dvh27-card-copy p{
  max-width:430px!important;
  font-size:.61rem!important;
  line-height:1.38!important;
}

/* ---------------------------------------------------------------
   HANDMADE / AUTHENTICITY
   Keep the successful 23B.7F treatment, trim it slightly further.
   --------------------------------------------------------------- */
body.dvh22-workmanship-page .dvh27-handmade{
  padding:22px 0!important;
}

body.dvh22-workmanship-page .dvh27-handmade-copy h2{
  margin-bottom:6px!important;
  font-size:1.62rem!important;
}

body.dvh22-workmanship-page .dvh27-handmade-copy p{
  font-size:.67rem!important;
}

body.dvh22-workmanship-page .dvh27-auth{
  padding-top:10px!important;
  padding-bottom:10px!important;
}

/* ---------------------------------------------------------------
   FINAL CTA
   --------------------------------------------------------------- */
body.dvh22-workmanship-page .dvh27-final-card{
  min-height:94px!important;
  padding:17px 0!important;
}

/* ---------------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------------- */
@media(max-width:1000px){
  body.dvh22-workmanship-page .dvh27-hero-grid{
    grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)!important;
    gap:20px!important;
  }

  body.dvh22-workmanship-page .dvh27-hero-media{
    height:330px!important;
  }

  body.dvh22-workmanship-page .dvh27-process-feature{
    grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)!important;
    gap:20px!important;
  }

  body.dvh22-workmanship-page .dvh27-video-frame-landscape{
    height:285px!important;
  }

  body.dvh22-workmanship-page .dvh27-video-frame-portrait{
    height:165px!important;
  }
}

@media(max-width:760px){
  body.dvh22-workmanship-page .dvh27-hero-grid{
    grid-template-columns:1fr!important;
    gap:13px!important;
  }

  body.dvh22-workmanship-page .dvh27-hero-media{
    height:auto!important;
    aspect-ratio:16/9!important;
  }

  body.dvh22-workmanship-page .dvh27-process-feature{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  body.dvh22-workmanship-page .dvh27-video-frame-landscape{
    height:auto!important;
    aspect-ratio:16/9!important;
  }

  body.dvh22-workmanship-page .dvh27-process-copy{
    max-width:680px;
  }

  body.dvh22-workmanship-page .dvh27-video-frame-portrait{
    height:auto!important;
    aspect-ratio:16/9!important;
  }
}

@media(max-width:600px){
  body.dvh22-workmanship-page .dvh27-hero{
    padding:15px 0!important;
  }

  body.dvh22-workmanship-page .dvh27-hero-copy h1{
    font-size:2.15rem!important;
  }

  body.dvh22-workmanship-page .dvh27-hero-actions{
    gap:7px!important;
  }

  body.dvh22-workmanship-page .dvh27-process{
    padding:22px 0 24px!important;
  }

  body.dvh22-workmanship-page .dvh27-section-head h2{
    font-size:1.55rem!important;
  }

  body.dvh22-workmanship-page .dvh27-process-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }

  body.dvh22-workmanship-page .dvh27-process-card{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    padding:9px 0!important;
  }

  body.dvh22-workmanship-page .dvh27-video-frame-portrait{
    height:82px!important;
    aspect-ratio:auto!important;
  }

  body.dvh22-workmanship-page .dvh27-card-copy{
    padding:0!important;
  }

  body.dvh22-workmanship-page .dvh27-step{
    width:25px!important;
    height:25px!important;
    font-size:.48rem!important;
  }
}