/* Around the Oven — site complete version */

:root{
  --ato-bg-base:#f4efe9;
  --ato-bg-soft:#e7ddd2;
  --ato-bg-gold:#dca21c;
  --ato-bg-white:#fbf8f4;
  --ato-text:#3f2c22;
  --ato-text-on-gold:#f7f0e6;
  --ato-label:#6e6258;
  --ato-button:#d29a1b;
  --ato-max:680px;
}

/* Shared eyebrow normalization */
.around-oven-page .section-label{
  margin: 0 0 10px !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 0.78rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #6f6258 !important;
}

.around-oven-page,
.around-oven-page *{ box-sizing:border-box; }

.around-oven-page{
  background:var(--ato-bg-base);
  color:var(--ato-text);
}

.around-oven-page img{
  display:block;
  width:100%;
  height:auto;
}

.around-oven-page .page{
  width:100%;
  max-width:none;
  margin:0;
}

.around-oven-page .section{ padding:34px 0; }
.around-oven-page .section-hero-image{ padding:0; }

.around-oven-page .hero-image-wrap{
  background:var(--ato-bg-base);
}

.around-oven-page .hero-image-wrap img{
  aspect-ratio:1.7 / 1;
  object-fit:cover;
  object-position:center;
  max-height:420px;
}

.around-oven-page .section-inner{
  width:100%;
  max-width:var(--ato-max);
  margin-left:0;
  margin-right:auto;
  padding-left:24px;
  padding-right:24px;
  text-align:left;
}

.around-oven-page .section-label{
  margin:0 0 14px;
  font-family:Inter, Arial, sans-serif;
  font-size:0.85rem;
  line-height:1.2;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--ato-label);
}

.around-oven-page .hero-title{
  margin:0 0 14px;
  max-width:22ch;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:34px;
  line-height:1.18;
  font-weight:500;
  letter-spacing:-0.02em;
}

@media (min-width:1025px){
  .around-oven-page .hero-title{
    font-size:clamp(46px, 4vw, 68px);
    line-height:1.08;
    margin-bottom:16px;
  }
}

/* =========================================================
   AROUND THE OVEN DESKTOP INTRO SINGLE-LINE COPY
   ========================================================= */
@media (min-width:1025px){
  .around-oven-page .section-intro .section-inner{
    width: calc(100vw - 80px) !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw + 40px) !important;
    margin-right: calc(50% - 50vw + 40px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }

  .around-oven-page .hero-title br,
  .around-oven-page .desktop-only-break{
    display: none !important;
  }

  .around-oven-page .hero-title{
    max-width: none !important;
    white-space: nowrap !important;
  }

  .around-oven-page .prose-intro p{
    max-width: none !important;
    white-space: nowrap !important;
  }
}

@media (max-width:768px){
  .around-oven-page .hero-title{
    font-size:32px;
    line-height:1.18;
  }
}

.around-oven-page .prose-intro p,
.around-oven-page .section-editorial p{
  margin:0 0 14px;
  color:#5A473B;
  font-family:Georgia, "Times New Roman", serif;
  font-size:18px;
  font-weight:400;
  line-height:1.6;
  max-width:70ch;
}

.around-oven-page .prose-intro p:last-child,
.around-oven-page .section-editorial p:last-child{
  margin-bottom:0;
}

.around-oven-page .section-bridge.soft{ background:var(--ato-bg-soft); }
.around-oven-page .section-bridge.gold{ background:var(--ato-bg-gold); }

.around-oven-page .bridge-inner{
  max-width:900px;
  margin:0 auto;
  padding:0 24px;
}

.around-oven-page .bridge-text{
  margin:0;
  text-align:center;
  color:#4f4137;
  font-family:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-size:28px;
  font-style:italic;
  font-weight:400;
  line-height:1.12;
  letter-spacing:-0.01em;
  max-width:32ch;
  margin-left:auto;
  margin-right:auto;
}

.around-oven-page .section-bridge.gold .bridge-text{
  color:#fff;
}

.around-oven-page .lead{
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.6 !important;
}

.around-oven-page .section-closing{
  background:var(--ato-bg-white);
  text-align:center;
}

.around-oven-page .closing-inner{
  max-width:760px;
  margin:0 auto;
  padding:0 24px;
}

.around-oven-page .closing-text{
  margin:0 0 22px;
  color:#4f4137;
  font-family:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-size:28px;
  font-style:italic;
  font-weight:400;
  line-height:1.12;
  letter-spacing:-0.01em;
  max-width:32ch;
  margin-left:auto;
  margin-right:auto;
}

.around-oven-page .cta-button{
  display:inline-block;
  min-width:auto;
  padding:16px 28px;
  background:#C9972B;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(0,0,0,0);
  border-radius:10px;
  box-shadow:0 10px 26px rgba(63,43,31,0.18);
  font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-transform:uppercase;
  letter-spacing:0.08em;
  font-size:16px;
  font-weight:600;
  line-height:1.2;
  transition:opacity .25s ease, transform .25s ease, background-color .25s ease, box-shadow .25s ease;
}

.around-oven-page .cta-button:hover{
  opacity:1;
  transform:translateY(-1px);
  box-shadow:0 14px 34px rgba(63,43,31,0.22);
}

.around-oven-page .cta-button:focus-visible{
  outline:2px solid rgba(184,146,69,0.55);
  outline-offset:3px;
}

.around-oven-page .desktop-only-break{
  display:none;
}

@media (min-width:768px){
  .around-oven-page .section{ padding:40px 0; }
  .around-oven-page .hero-image-wrap img{ max-height:520px; }
}

/* =========================================================
   AROUND THE OVEN - desktop editorial layout
   ========================================================= */
@media (min-width:1025px){
  .around-oven-page{
    background:#f7f3ee !important;
  }

  .around-oven-page .section{
    padding:58px 0 !important;
  }

  .around-oven-page .section-hero-image{
    padding:0 !important;
  }

  .around-oven-page .hero-image-wrap{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    background:#f7f3ee !important;
  }

  .around-oven-page .hero-image-wrap img{
    width:100% !important;
    height:clamp(420px, 30vw, 620px) !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .around-oven-page .section-intro{
    padding:54px 0 58px !important;
  }

  .around-oven-page .section-intro .section-inner{
    max-width:860px !important;
    margin:0 auto !important;
    padding:0 32px !important;
    text-align:center !important;
  }

  .around-oven-page .section-label{
    margin:0 0 12px !important;
    font-family:Inter, Arial, sans-serif !important;
    font-size:16px !important;
    line-height:1.2 !important;
    letter-spacing:0.16em !important;
    font-weight:600 !important;
    text-transform:uppercase !important;
    color:#6f6258 !important;
  }

  .around-oven-page .hero-title{
    max-width:none !important;
    margin:0 auto 18px !important;
    font-family:"Cormorant Garamond", Georgia, serif !important;
    font-size:clamp(46px, 4vw, 68px) !important;
    line-height:1.08 !important;
    font-weight:500 !important;
    letter-spacing:-0.01em !important;
    color:#3f2c22 !important;
    text-align:center !important;
  }

  .around-oven-page .prose-intro p{
    max-width:760px !important;
    margin:0 auto !important;
    font-family:Georgia, "Times New Roman", serif !important;
    font-size:19px !important;
    line-height:1.6 !important;
    font-weight:400 !important;
    color:#5A473B !important;
    text-align:center !important;
  }

  .around-oven-page .section-editorial{
    background:#f7f3ee !important;
  }

  .around-oven-page .section-editorial .section-inner{
    width:min(1180px, calc(100% - 80px)) !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:34px !important;
    align-items:start !important;
  }

  .around-oven-page .section-editorial p,
  .around-oven-page .section-editorial .lead{
    max-width:none !important;
    margin:0 !important;
    font-family:Georgia, "Times New Roman", serif !important;
    font-size:19px !important;
    line-height:1.62 !important;
    font-weight:400 !important;
    color:#5A473B !important;
  }

  .around-oven-page .desktop-only-break{
    display:block;
  }

  .around-oven-page .section-bridge{
    width:min(1180px, calc(100% - 80px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:58px 0 !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  .around-oven-page .section-bridge.soft{
    background:#efe6d8 !important;
  }

  .around-oven-page .section-bridge.gold{
    background:#9b7348 !important;
  }

  .around-oven-page .bridge-inner{
    max-width:1180px !important;
    padding:0 40px !important;
  }

  .around-oven-page .bridge-text,
  .around-oven-page .closing-text{
    max-width:900px !important;
    margin:0 auto !important;
    font-family:"Cormorant Garamond", Georgia, serif !important;
    font-size:36px !important;
    line-height:1.08 !important;
    font-style:italic !important;
    font-weight:400 !important;
    letter-spacing:-0.01em !important;
    color:#3f2c22 !important;
    text-align:center !important;
  }

  .around-oven-page .section-bridge.gold .bridge-text{
    color:#fff8e8 !important;
  }

  .around-oven-page .section-closing{
    width:min(1180px, calc(100% - 80px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:72px 0 82px !important;
    background:#efe6d8 !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  .around-oven-page .closing-inner{
    max-width:980px !important;
    padding:0 40px !important;
  }

  .around-oven-page .closing-text{
    margin-bottom:30px !important;
  }

  .around-oven-page .cta-button{
    min-height:54px !important;
    padding:0 28px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:16px !important;
    background:#B89245 !important;
    font-family:Inter, Arial, sans-serif !important;
    font-size:15px !important;
    font-weight:600 !important;
    letter-spacing:0.08em !important;
    box-shadow:none !important;
  }
}

/* Final desktop override: keep intro title/subtitle on single lines */
@media (min-width:1025px){
  .around-oven-page .section-intro .section-inner{
    width: calc(100vw - 80px) !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw + 40px) !important;
    margin-right: calc(50% - 50vw + 40px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }

  .around-oven-page .hero-title br,
  .around-oven-page .desktop-only-break{
    display: none !important;
  }

  .around-oven-page .hero-title,
  .around-oven-page .prose-intro p{
    max-width: none !important;
    white-space: nowrap !important;
  }

  .around-oven-page .bridge-text,
  .around-oven-page .closing-text{
    max-width: none !important;
    white-space: nowrap !important;
  }

  .around-oven-page .bridge-inner,
  .around-oven-page .closing-inner{
    width: calc(100vw - 80px) !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw + 40px) !important;
    margin-right: calc(50% - 50vw + 40px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }
}

/* Final shared eyebrow normalization */
.around-oven-page .section-label{
  margin: 0 0 10px !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 0.78rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #6f6258 !important;
}