.flavors-body{background:#fffaf3;color:#0b0c0a}
.flavors-page{max-width:1100px;overflow:hidden}
.menu-links a[aria-current="page"]{color:#ffad64}
.flavors-hero{background:#fffaf3;text-align:center;overflow:hidden}
.flavors-hero-copy{padding:51px 20px 0;position:relative;z-index:1}
.flavors-eyebrow,.detail-eyebrow{font:800 13px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.23em;margin:0}
.flavors-hero h1{font:900 clamp(63px,9vw,110px)/.89 Arial,Helvetica,sans-serif;letter-spacing:-.07em;margin:17px 0 15px}
.flavors-hero-copy>p:last-child{font:500 19px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.1em;margin:0}
.flavors-hero-photo{height:480px;background:url('assets/fivra-flavor-pair.png') center 48%/cover no-repeat;margin-top:5px}
.flavors-jump{position:static;display:flex;justify-content:center;gap:14px;padding:0 20px 32px;background:#fffaf3;border:0;box-shadow:none;min-width:0}
.flavors-jump a{min-width:205px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 24px;border:1px solid #0d3b29;border-radius:40px;color:#0d3b29;font:800 13px/1 Arial,Helvetica,sans-serif;letter-spacing:.13em;transition:background-color .2s,color .2s}
.flavors-jump a:hover{background:#0d3b29;color:#fff}
.flavors-jump span{font-size:19px;font-weight:400}
.flavor-detail{display:grid;grid-template-columns:52% 48%;min-height:540px;scroll-margin-top:12px}
.detail-photo{min-height:540px;background-image:url('assets/fivra-flavor-pair.png');background-size:200% 100%;background-repeat:no-repeat}
.yuzu-photo{background-position:left center}
.peach-photo{background-position:right center}
.flavor-yuzu{background:#fff0d6}
.flavor-peach{background:#ffe7e0}
.flavor-peach .detail-photo{order:2}
.detail-copy{align-self:center;padding:55px clamp(34px,5.2vw,75px)}
.detail-eyebrow{font-size:12px;letter-spacing:.18em;color:#89451d}
.flavor-peach .detail-eyebrow{color:#a95450}
.detail-copy h2{font:900 clamp(54px,7.2vw,91px)/.91 Arial,Helvetica,sans-serif;letter-spacing:-.07em;margin:18px 0 21px}
.detail-lead{font:italic 26px/1.2 Georgia,serif;margin:0 0 13px}
.detail-description{max-width:350px;font:18px/1.42 Georgia,serif;margin:0}
.detail-facts{display:flex;gap:25px;border-top:1px solid #153c2b60;margin-top:33px;padding-top:16px;color:#0d3b29;font:800 13px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.12em}
.detail-facts span+span{border-left:1px solid #153c2b60;padding-left:25px}
.detail-facts strong{font-size:26px;letter-spacing:-.06em}
@media(max-width:700px){
  .flavors-hero-copy{padding:31px 17px 0}
  .flavors-eyebrow{font-size:10px;letter-spacing:.18em}
  .flavors-hero h1{font-size:clamp(51px,13vw,83px);margin:13px 0 11px}
  .flavors-hero-copy>p:last-child{font-size:14px;letter-spacing:.05em}
  .flavors-hero-photo{height:53vw;min-height:190px;max-height:350px;background-position:center 51%;margin-top:10px}
  .flavors-jump{gap:8px;padding:0 15px 25px}
  .flavors-jump a{min-width:0;flex:1;padding:12px 13px;font-size:10px;letter-spacing:.07em;gap:4px}
  .flavors-jump span{font-size:15px}
  .flavor-detail{display:flex;flex-direction:column;min-height:0}
  .detail-photo{width:100%;height:100vw;max-height:650px;min-height:0;background-size:200% 100%}
  .flavor-peach .detail-photo{order:0}
  .detail-copy{padding:29px 28px 36px;width:100%}
  .detail-eyebrow{font-size:11px;letter-spacing:.15em}
  .detail-copy h2{font-size:clamp(53px,13.2vw,77px);margin:14px 0 13px}
  .detail-lead{font-size:23px;margin-bottom:9px}
  .detail-description{font-size:17px;line-height:1.38}
  .detail-facts{margin-top:23px;padding-top:14px;font-size:12px}
  .detail-facts strong{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.flavors-jump a{transition:none}}

/* The approved opening composition and Yuzu Lemon story. */
.flavors-hero-copy{padding-top:37px}
.flavors-hero h1{font-size:clamp(49px,7.1vw,83px);line-height:.95;white-space:nowrap;letter-spacing:-.058em;margin:13px 0 9px}
.flavors-hero-copy>p:last-child{letter-spacing:.16em}
.flavors-hero-photo{height:min(46vw,495px);background-position:center 52%;margin-top:6px}
.flavor-yuzu{grid-template-columns:52% 48%;min-height:475px;background:#fff1d4}
.flavor-yuzu .detail-photo{min-height:475px;background-size:auto 100%;background-position:15% center}
.flavor-yuzu .detail-copy{padding:36px clamp(25px,3.6vw,55px) 36px 5px}
.flavor-yuzu .detail-eyebrow{color:#111;font-size:12px;letter-spacing:.2em}
.flavor-yuzu h2{font-size:clamp(47px,5vw,67px);white-space:nowrap;margin:17px 0 12px}
.flavor-yuzu .detail-lead{font-size:25px;margin:0}
.flavor-yuzu .detail-facts{width:max-content;max-width:100%;margin-top:19px;padding-top:13px;gap:20px;border-color:#345c494d}
.flavor-yuzu .detail-facts span{display:flex;flex-direction:column;align-items:center;min-width:75px;gap:4px}
.flavor-yuzu .detail-facts span+span{padding-left:20px;border-color:#345c494d}
.flavor-yuzu .detail-facts strong{font-size:33px;line-height:1}
.flavor-yuzu .detail-description{margin-top:20px;font-size:18px;line-height:1.35}
@media(max-width:700px){
  .flavors-hero-copy{padding:24px 12px 0}
  .flavors-eyebrow{font-size:10px;letter-spacing:.22em}
  .flavors-hero h1{font-size:clamp(28px,8vw,52px);margin:10px 0 6px;letter-spacing:-.055em}
  .flavors-hero-copy>p:last-child{font-size:14px;letter-spacing:.14em}
  .flavors-hero-photo{height:68vw;min-height:228px;max-height:470px;background-size:auto 100%;background-position:center center;margin-top:10px}
  .flavor-yuzu{display:grid;grid-template-columns:52% minmax(0,48%);min-height:350px}
  .flavor-yuzu .detail-photo{width:100%;height:100%;max-height:none;min-height:350px;background-size:auto 100%;background-position:15% center}
  .flavor-yuzu .detail-copy{width:auto;padding:20px 11px 20px 5px;align-self:center;min-width:0}
  .flavor-yuzu .detail-eyebrow{font-size:9px;line-height:1.25;letter-spacing:.1em}
  .flavor-yuzu h2{font-size:clamp(25px,6.9vw,45px);line-height:1.04;margin:10px 0 7px;white-space:nowrap}
  .flavor-yuzu .detail-lead{font-size:clamp(15px,3.6vw,20px);line-height:1.2}
  .flavor-yuzu .detail-facts{gap:9px;margin-top:14px;padding-top:10px;font-size:10px;letter-spacing:.08em}
  .flavor-yuzu .detail-facts span{min-width:55px;gap:2px}
  .flavor-yuzu .detail-facts span+span{padding-left:9px}
  .flavor-yuzu .detail-facts strong{font-size:26px}
  .flavor-yuzu .detail-description{margin-top:15px;font-size:14px;line-height:1.26}
}