/* Product story: the supplied reference's photographic arch and alternating circles. */
.mockup-site .site-header--product{border-bottom:0}
.mx-editorial{background:var(--mx-cream)}
.mx-editorial .mx-editorial-hero{position:relative;height:680px;background:var(--mx-green);color:var(--mx-cream);text-align:center;border-radius:50% 50% 0 0 / 9% 9% 0 0;overflow:hidden;isolation:isolate}
.mx-editorial-hero-image{position:absolute;inset:0;margin:0;width:100%;max-width:none!important;height:100%!important;object-fit:cover;object-position:center 50%;-webkit-mask-image:none;mask-image:none}
.mx-editorial-hero:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(22,39,15,.32),transparent 44%,transparent 70%,var(--mx-green) 100%)}
.mx-editorial-hero-copy{position:relative;z-index:1;max-width:650px;margin:auto;padding:40px 25px 0}
.mx-editorial .mx-editorial-hero-copy .mx-product-role{color:var(--mx-light-gold);font-size:15px!important;letter-spacing:.035em;text-transform:none;margin:0 0 12px!important}
.mx-editorial-hero h1{font-size:clamp(3rem,4.6vw,4.3rem);margin:0 0 12px;line-height:1}
.mx-editorial-hero h1 sup{font-size:14px;vertical-align:super;margin-left:3px}
.mx-editorial-hero-copy>p:last-child{font-size:19px;line-height:1.4;max-width:440px;margin:auto;text-wrap:balance}
.mx-editorial-hero-action{position:absolute;z-index:2;bottom:32px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%}
.mx-editorial .mx-editorial-status{font-size:13px;margin:10px 0 0}
.mx-editorial .mx-pdp-why{padding:38px 8% 55px}
.mx-editorial .mx-pdp-why:after{display:none}
.mx-editorial .mx-pdp-why .mx-section-head{max-width:670px;margin-bottom:36px}
.mx-editorial .mx-pdp-why .mx-section-head h2{font-size:clamp(1.65rem,2.5vw,2.3rem)}
.mx-editorial .mx-pdp-why .mx-section-head p{font-size:18px;line-height:1.5}
.mx-editorial .mx-timeline{max-width:900px;margin:0 auto;position:relative}
.mx-editorial .mx-timeline:before{left:50%;top:12%;bottom:12%;width:2px;background:var(--mx-light-gold);transform:translateX(-50%)}
.mx-editorial .mx-timeline-row,.mx-editorial .mx-timeline-row:nth-child(even){display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:25px;align-items:center;margin:0 0 30px}
.mx-editorial .mx-timeline-row:last-child{margin-bottom:0}
.mx-editorial .mx-timeline-photo{grid-column:1;grid-row:1;justify-self:center;width:100%;max-width:320px;border:2px solid var(--mx-gold);padding:0}
.mx-editorial .mx-timeline-row:nth-child(even) .mx-timeline-photo{grid-column:3;grid-row:1;justify-self:center}
.mx-editorial .mx-timeline-copy{grid-column:3;grid-row:1;text-align:center}
.mx-editorial .mx-timeline-row:nth-child(even) .mx-timeline-copy{grid-column:1;grid-row:1;text-align:center}
.mx-editorial .mx-timeline-copy h3{font-size:1.65rem;line-height:1.15;margin:0 0 12px;text-wrap:balance}
.mx-editorial .mx-timeline-copy p{font-size:17px;line-height:1.5;margin:0 auto 12px;max-width:340px}
.mx-editorial .mx-timeline-copy a{font-size:14px;display:inline-block;padding:7px 0;line-height:1.4}
.mx-editorial .mx-related-links{justify-content:center;gap:0 16px}
.mx-editorial .mx-timeline-dot{grid-column:2;grid-row:1;margin:0;width:13px;height:13px;border-width:3px;align-self:center}
.mx-editorial .mx-editorial-detail-photo img{height:100%;object-fit:cover;object-position:center;transform:none}
.mx-editorial-bridge{padding:20px 7% 40px;background:linear-gradient(var(--mx-green),var(--mx-cream) 86%)}
.mx-editorial .mx-editorial-bridge .mx-inset{max-width:650px;padding:30px 35px;border:2px solid var(--mx-gold);border-radius:21px;box-shadow:5px 6px 0 rgba(36,55,25,.18)}
.mx-editorial .mx-editorial-bridge .mx-inset p{font-size:20px;line-height:1.45}
.mx-editorial .mx-formula{padding:40px 8% 30px}
.mx-editorial .mx-formula .mx-section-head{margin-bottom:30px}
.mx-editorial .mx-editorial-facts{max-width:1050px;margin:auto;border-block:1px solid rgba(190,154,61,.55)}
.mx-editorial-facts>summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:18px;font-weight:700;padding:21px 0;list-style:none}
.mx-editorial-facts>summary::-webkit-details-marker{display:none}
.mx-editorial-facts[open]>summary span{transform:rotate(45deg)}
.mx-editorial .mx-facts-layout{padding:8px 0 28px}
.mx-editorial .mx-ingredient-source{max-width:1050px;margin:20px auto 0;border-top:0;padding-top:0}
.mx-editorial .mx-allergen{max-width:1050px;margin:25px auto 0}
.mx-editorial .mx-use{padding:45px 8% 65px}
.mx-editorial .mx-use-grid{grid-template-columns:1.1fr 1fr;gap:55px;max-width:1050px}
.mx-editorial .mx-use-image{width:100%;max-width:none;border:1px solid var(--mx-gold);border-radius:24px;aspect-ratio:1.1}
.mx-editorial .mx-use-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.mx-editorial .mx-use-copy h3{font-size:1.7rem}
.mx-editorial .mx-formats{padding-top:65px;border-radius:50% 50% 0 0 / 20px 20px 0 0}
.mx-editorial .mx-format-showcase{max-width:560px}
.mx-editorial .mx-faq{padding-top:55px}
@media(max-width:700px){
 .mx-editorial .mx-editorial-hero{height:clamp(440px,118vw,590px);border-radius:50% 50% 0 0 / 6% 6% 0 0}
 .mx-editorial-hero-image{inset:70px 0 0;height:calc(100% - 70px)!important;-webkit-mask-image:none;mask-image:none;object-position:center 50%}
 .mx-editorial-hero:after{background:linear-gradient(180deg,var(--mx-green) 72px,rgba(22,39,15,.12) 155px,transparent 44%,transparent 70%,var(--mx-green) 100%)}
 .mx-editorial-hero-copy{padding:28px 20px 0}
 .mx-editorial .mx-editorial-hero-copy .mx-product-role{font-size:13px!important;margin-bottom:10px!important}
 .mx-editorial-hero h1{font-size:clamp(2.5rem,10vw,3.5rem)}
 .mx-editorial-hero-copy>p:last-child{font-size:16px;max-width:320px}
 .mx-editorial-hero-action{bottom:26px}
 .mx-editorial-hero-action .mx-button{min-width:220px;font-size:14px}
 .mx-editorial .mx-pdp-why{padding:28px 5% 35px}
 .mx-editorial .mx-pdp-why .mx-section-head{padding:0 3%;margin-bottom:30px}
 .mx-editorial .mx-pdp-why .mx-section-head h2{font-size:1.55rem}
 .mx-editorial .mx-pdp-why .mx-section-head p{font-size:15px}
 .mx-editorial .mx-timeline-row,.mx-editorial .mx-timeline-row:nth-child(even){grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:10px;margin-bottom:32px}
 .mx-editorial .mx-timeline-photo{max-width:none}
 .mx-editorial .mx-timeline:before{left:50%;top:8%;bottom:9%}
 .mx-editorial .mx-timeline-copy h3{font-size:clamp(1.05rem,4.4vw,1.5rem);margin-bottom:9px}
 .mx-editorial .mx-timeline-copy p{font-size:14px;line-height:1.45;margin-bottom:8px}
 .mx-editorial .mx-timeline-copy a{font-size:12px;padding:6px 0}
 .mx-editorial .mx-related-links{flex-direction:column;gap:0}
 .mx-editorial .mx-timeline-dot{width:11px;height:11px;border-width:2px}
 .mx-editorial-bridge{padding:8px 7% 30px}
 .mx-editorial .mx-editorial-bridge .mx-inset{padding:24px 18px}
 .mx-editorial .mx-editorial-bridge .mx-inset p{font-size:17px}
 .mx-editorial .mx-formula{padding:25px 7%}
 .mx-editorial .mx-formula .mx-section-head{padding:0;margin-bottom:20px}
 .mx-editorial .mx-formula .mx-section-head h2{font-size:1.8rem}
 .mx-editorial-facts>summary{font-size:16px}
 .mx-editorial .mx-facts-layout{grid-template-columns:1fr;gap:22px}
 .mx-editorial .mx-use{padding:25px 7% 45px}
 .mx-editorial .mx-use-grid{grid-template-columns:1fr;gap:25px}
 .mx-editorial .mx-use-image{aspect-ratio:1.2;max-width:460px}
 .mx-editorial .mx-use-copy h3{font-size:1.55rem}
 .mx-editorial .mx-formats{padding-top:45px}
 .mx-editorial .mx-faq{padding-top:40px}
}