/* v92: a smaller recipe lockup and a genuinely horizontal desktop invitation. */
@media(min-width:1101px){
  .recipe-teaser{
    width:calc(100% - 72px)!important;
    max-width:1760px!important;
    grid-template-columns:minmax(0,1fr) minmax(430px,560px)!important;
    column-gap:clamp(54px,6vw,118px)!important;
    padding:clamp(46px,4vw,70px) clamp(54px,6vw,108px)!important;
  }
  .recipe-teaser-mark{
    position:absolute!important;
    left:clamp(28px,3vw,52px)!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }
  .recipe-teaser-copy{
    width:100%!important;
    max-width:720px!important;
    padding-left:clamp(52px,4vw,78px)!important;
  }
  .recipe-teaser .daddios-brand-lockup{
    width:min(100%,400px)!important;
    max-width:400px!important;
    margin-bottom:14px!important;
  }
  .recipe-teaser p.recipe-teaser-story{
    max-width:620px!important;
  }
  .recipe-teaser .recipe-keepsake{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    width:100%!important;
    max-width:560px!important;
    min-height:176px!important;
    margin:0!important;
    transform:none!important;
  }
  .recipe-teaser .recipe-keepsake:hover,
  .recipe-teaser .recipe-keepsake:focus-visible{
    transform:translateY(-6px)!important;
  }
}

@media(min-width:781px) and (max-width:1100px){
  .recipe-teaser .daddios-brand-lockup{
    width:min(100%,400px)!important;
    max-width:400px!important;
  }
}

/* A celebratory topping section for the full French-toast experience. */
.toast-finishes{
  width:min(1320px,calc(100% - 40px));
  margin:0 auto;
  padding:clamp(70px,9vw,125px) 0;
  color:#173d49;
}
.toast-finishes-heading{
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);
  gap:clamp(34px,7vw,100px);
  align-items:end;
  margin-bottom:clamp(36px,5vw,62px);
}
.toast-finishes-heading h2{
  margin:8px 0 0;
  font:600 clamp(42px,5.5vw,72px)/.98 Georgia,"Times New Roman",serif;
  letter-spacing:-.035em;
}
.toast-finishes-heading>p{
  margin:0;
  font-size:clamp(18px,1.6vw,22px);
  line-height:1.7;
}
.toast-finish-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.toast-finish-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:300px;
  padding:clamp(30px,4vw,54px);
  overflow:hidden;
  border:1px solid rgba(177,130,59,.32);
  background:linear-gradient(145deg,#fffaf0,#f2e3c6);
  box-shadow:0 16px 34px rgba(33,58,60,.08);
}
.toast-finish-card::after{
  content:"";
  position:absolute;
  right:-50px;
  bottom:-70px;
  width:180px;
  height:180px;
  border:1px solid rgba(177,130,59,.18);
  border-radius:50%;
}
.toast-finish-card .finish-number{
  position:absolute;
  top:28px;
  right:32px;
  color:#b47d2c;
  font:800 13px/1 Arial,sans-serif;
  letter-spacing:.16em;
}
.toast-finish-card .finish-kicker{
  margin:0 0 26px;
  color:#a16b21;
  font:800 11px/1.2 Arial,sans-serif;
  letter-spacing:.19em;
}
.toast-finish-card h3{
  margin:0 0 16px;
  font:600 clamp(29px,3vw,43px)/1 Georgia,"Times New Roman",serif;
}
.toast-finish-card>p:not(.finish-kicker){
  max-width:540px;
  margin:0;
  font-size:17px;
  line-height:1.65;
}
.toast-finish-card>strong{
  margin-top:auto;
  padding-top:28px;
  color:#9a543f;
  font:800 11px/1.2 Arial,sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.dad-finish{color:#fff;background:linear-gradient(145deg,#173f4b,#235d69);border-color:#d8ad5d}
.dad-finish .finish-number,.dad-finish .finish-kicker,.dad-finish>strong{color:#efc66f}
.dad-finish::after{border-color:rgba(239,198,111,.22)}
.fruit-finish{background:linear-gradient(145deg,#fff8ed,#f0ddcf)}
.celebration-finish{background:linear-gradient(145deg,#f2e3c6,#f8eedb)}
.toast-finish-close{
  max-width:980px;
  margin:clamp(38px,5vw,64px) auto 0;
  padding:26px 34px;
  border-top:1px solid #c8a563;
  border-bottom:1px solid #c8a563;
  text-align:center;
  font:italic clamp(19px,2vw,25px)/1.55 Georgia,"Times New Roman",serif;
}
@media(max-width:760px){
  .toast-finishes-heading,.toast-finish-grid{grid-template-columns:1fr}
  .toast-finish-card{min-height:270px}
  .toast-finish-close{padding-inline:18px}
}
@media print{.toast-finishes{display:none!important}}
