/* v94: authoritative French-toast sizing, responsive horizontal layout, and seamless book tile. */

/* Keep the homepage feature horizontal on ordinary desktop and zoomed laptop viewports. */
@media (min-width:821px){
  .recipe-teaser{
    width:calc(100% - 48px)!important;
    max-width:1760px!important;
    grid-template-columns:minmax(0,1fr) minmax(330px,430px)!important;
    align-items:center!important;
    column-gap:clamp(28px,4vw,72px)!important;
    padding:clamp(38px,4vw,62px) clamp(38px,5vw,86px)!important;
  }
  .recipe-teaser-mark{
    position:absolute!important;
    left:clamp(22px,2.7vw,46px)!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }
  .recipe-teaser-copy{
    grid-column:1!important;
    min-width:0!important;
    width:100%!important;
    max-width:690px!important;
    padding-left:clamp(42px,4vw,70px)!important;
  }
  .recipe-teaser .daddios-brand-lockup{
    width:min(100%,350px)!important;
    max-width:350px!important;
    margin:0 0 12px!important;
  }
  .recipe-teaser .recipe-keepsake{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:430px!important;
    min-height:154px!important;
    margin:0!important;
    transform:none!important;
    grid-template-columns:124px minmax(0,1fr)!important;
  }
  .recipe-teaser .recipe-keepsake-art svg{width:106px!important}
  .recipe-teaser .recipe-keepsake-note{padding-right:16px!important}
  .recipe-teaser .recipe-keepsake-note b{font-size:19px!important}
  .recipe-teaser .recipe-keepsake-cta{font-size:9px!important;letter-spacing:.065em!important}
}

/* The recipe hero remains a balanced two-column composition until true mobile width. */
@media (min-width:821px){
  .recipe-hero{
    min-height:calc(100svh - 68px)!important;
    max-height:820px!important;
    padding:46px clamp(34px,6vw,96px)!important;
    overflow:hidden!important;
    place-items:center stretch!important;
  }
  .recipe-hero-inner{
    width:100%!important;
    max-width:1500px!important;
    grid-template-columns:minmax(300px,1.05fr) minmax(310px,.78fr)!important;
    grid-template-rows:auto 1fr!important;
    column-gap:clamp(28px,5vw,82px)!important;
    align-items:center!important;
  }
  .recipe-hero-inner>.eyebrow{grid-column:1!important;grid-row:1!important;margin:0 0 18px!important}
  .recipe-hero h1{
    grid-column:1!important;
    grid-row:2!important;
    max-width:690px!important;
    margin:0!important;
    font-size:clamp(54px,5.8vw,86px)!important;
    line-height:.96!important;
  }
  .recipe-hero-intro{
    grid-column:2!important;
    grid-row:1/3!important;
    justify-self:stretch!important;
    width:100%!important;
    max-width:470px!important;
    min-width:0!important;
    margin:0!important;
    padding:20px 22px 18px!important;
    overflow:hidden!important;
  }
  .recipe-hero-intro .daddios-brand-lockup{
    width:min(100%,365px)!important;
    max-width:365px!important;
    margin:0 auto!important;
  }
  .recipe-hero-intro em{
    margin-top:14px!important;
    font-size:clamp(16px,1.65vw,21px)!important;
    text-align:center!important;
  }
}

/* Fill the full visual cell while preserving the approved book size. */
.book-feature-visual{
  background-color:#123f49!important;
  background-image:linear-gradient(rgba(8,43,52,.64),rgba(8,43,52,.78)),url("starfish-float-authoritative-2026.webp")!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.book-feature-visual .book-mockup{transform:translateY(-12px)!important}

@media (max-width:820px){
  .recipe-teaser .daddios-brand-lockup{width:min(100%,390px)!important;max-width:390px!important}
  .recipe-hero-intro .daddios-brand-lockup{width:min(100%,390px)!important;max-width:390px!important}
  .book-feature-visual{background-size:cover!important;background-position:center!important}
}