/* Product sequence, brand story and concise responsive page layouts. */
.pdp{padding-bottom:56px}
.pdp-lede{max-width:40ch}
.formula-intent{margin-top:26px}
.formula-intent ul{margin-top:0}
.story{border-top:1px solid var(--line);padding-block:64px}
.story-copy{align-self:center}
.story-prose{margin-top:24px}
.story-prose p{font-size:17px;line-height:1.7}
.story-prose p+p{margin-top:16px}
.details{margin-top:24px}
.details .disclosure-body{font-size:15px;line-height:1.7}
.details .story-image{margin-top:22px}
.process,.development{padding-block:64px}
.process .section-intro{max-width:600px}
.process-disclosure{margin-top:30px;border-block:1px solid rgba(247,242,233,.25)}
.process-disclosure summary{color:var(--on-night);font-size:15px;min-height:56px}
.process-disclosure summary::before,.process-disclosure summary::after{border-color:var(--on-night)}
.process-disclosure .process-grid{margin-top:20px}
.process-note{margin-top:28px}
.development .section-intro>p:last-child{margin-top:14px}
.timeline{margin-top:36px;gap:24px}
.timeline h3{font-size:26px}
.timeline li>p:last-child{font-size:14px}
.faq-section{padding-block:64px}
.closing-grid{padding-block:64px}
.closing h2{font-size:50px}
.closing-lede{max-width:32ch}
.closing-shipping{margin-top:18px}
.form-note{max-width:47ch}
@media(min-width:761px) and (max-width:1023px){
  .story{gap:40px}
  .story h2{font-size:46px}
}
@media(max-width:760px){
  :root{--gutter:20px}
  html{scroll-padding-bottom:88px}
  .nav{min-height:64px}
  .pdp{gap:22px;padding-block:12px 36px}
  .pdp-info>.eyebrow{font-size:10px;margin-bottom:10px;letter-spacing:.12em}
  .pdp-info h1{font-size:clamp(40px,11.3vw,54px);line-height:1.05}
  .pdp-info h1 span{display:inline}
  .price{margin-top:14px;gap:12px;justify-content:space-between}
  .price-label{font-size:12px}
  .price-value{font-size:26px}
  .pdp-lede{font-size:16px;line-height:1.6;margin-top:14px;max-width:37ch}
  .formula-intent{margin-top:20px}
  .formula-intent ul{font-size:11px;line-height:1.5;gap:8px 0}
  .formula-intent li+li{margin-left:9px;padding-left:9px}
  .hero-cta{margin-top:22px}
  .hero-cta .button{min-height:50px;width:100%}
  .hero-cta p{font-size:11px;line-height:1.5;text-align:center;margin-top:8px}
  .shipping{font-size:11px;margin-top:12px;text-align:center}
  .story{display:flex;flex-direction:column;gap:28px;padding-block:40px}
  .story-copy{order:-1;max-width:540px;width:100%}
  .story h2{font-size:38px;margin-top:10px}
  .story-prose{margin-top:20px}
  .story-prose p{font-size:16px;line-height:1.65}
  .story-prose p+p{margin-top:12px}
  .story-media{width:100%;max-width:420px;margin:0 auto}
  .story-media figcaption{font-size:11px;margin-top:8px}
  .details{margin-top:20px}
  .details summary{min-height:54px;font-size:15px}
  .details .disclosure-body{font-size:15px}
  .process,.development{padding-block:42px}
  .section-intro h2{font-size:38px;max-width:12ch;margin-top:10px}
  .section-intro>p:last-child{font-size:15px;line-height:1.65;margin-top:14px;max-width:36ch}
  .process-disclosure{margin-top:24px}
  .process-disclosure .process-grid{gap:28px 20px;margin-top:16px}
  .process-grid h3{font-size:25px}
  .process-grid li>p{font-size:14px;line-height:1.65}
  .process-note{font-size:11px;line-height:1.6;margin-top:24px}
  .timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;margin-top:30px}
  .timeline li{padding-top:20px}
  .timeline .eyebrow{font-size:10px;letter-spacing:.1em}
  .timeline h3{font-size:25px;line-height:1.15;margin-top:9px}
  .timeline li>p:last-child{font-size:13px;line-height:1.6;margin-top:8px;max-width:20ch}
  .faq-section{padding-block:40px}
  .faq-head{margin-bottom:24px}
  .faq-head h2{font-size:38px;margin-top:10px}
  .faq-contact{font-size:13px;line-height:1.6;margin-top:14px}
  .faq-list .disclosure summary{min-height:60px;font-size:15px;line-height:1.45}
  .faq-list .disclosure-body{font-size:15px;line-height:1.65}
  .closing-grid{gap:26px;padding-block:40px}
  .closing h2{font-size:38px;margin-top:10px;max-width:13ch}
  .closing-lede{font-size:15px;line-height:1.6;margin-top:14px;max-width:33ch}
  .closing-shipping{font-size:12px;line-height:1.5;margin-top:16px}
  .field-label{font-size:13px}
  .field-row{grid-template-columns:1fr;gap:10px}
  .field-row .button{width:100%;min-height:50px}
  .form-note{font-size:11px;line-height:1.6;margin-top:12px}
  .footer{padding-block:30px 24px}
  .footer-about{gap:18px}
  .footer-about p{font-size:12px;margin-top:12px}
  .footer-legal{font-size:10px;line-height:1.6;margin-top:24px}
  .footer-legal p+p{margin-top:10px}
  .mobile-bar{gap:14px;padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom))}
  .mobile-bar-price{font-size:10px;line-height:1.5}
  .mobile-bar-price strong{font-size:23px;line-height:1.1}
  .mobile-bar .button{font-size:12px;padding-inline:16px;min-height:46px}
}
@media(max-width:359px){
  .formula-intent ul{display:flex;font-size:10px}
  .formula-intent li+li{border-left:1px solid var(--line);margin:0 0 0 7px;padding-left:7px}
}

.up-close{padding-block:32px 56px;border-top:1px solid var(--line)}
.up-close-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px}
.up-close-heading h2{font-size:42px;line-height:1.1}
.up-close-heading p{max-width:32ch;font-size:11px;line-height:1.6}
.up-close-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.up-close-grid>li{min-width:0}
.up-close-photo{display:block;background:var(--paper-2)}
.up-close-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.up-close-card figcaption{margin-top:14px}
.up-close-card h3{display:flex;align-items:baseline;gap:10px;font-size:27px;line-height:1.2}
.up-close-number{font:400 11px/1 var(--sans);letter-spacing:.06em;color:var(--muted)}
.up-close-card figcaption>p{margin-top:7px;font-size:13px;line-height:1.6}
.process-disclosure .process-grid{margin-top:8px;padding-block:16px 8px}
.process-grid>li{border-top:1px solid rgba(247,242,233,.2);padding-top:20px}
.process summary:focus-visible{outline-color:var(--on-night)}
@media(max-width:760px){
  .up-close{max-width:540px;padding-block:30px 36px}
  .up-close-heading{display:block}
  .up-close-heading h2{font-size:34px}
  .up-close-heading p{max-width:none;margin-top:10px;font-size:10px}
  .up-close-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin-top:22px}
  .up-close-grid>li:last-child{grid-column:1/-1}
  .up-close-card h3{font-size:23px;gap:7px}
  .up-close-card figcaption{margin-top:10px}
  .up-close-card figcaption>p{font-size:12px;margin-top:5px}
  .up-close-grid>li:last-child h3{font-size:27px}
  .story-media{max-width:540px}
  .story-media img{aspect-ratio:4/3}
  .process-disclosure .process-grid{grid-template-columns:1fr;padding-top:8px;gap:24px}
  .process-grid>li{display:grid;grid-template-columns:25px minmax(0,1fr);column-gap:15px;align-items:baseline}
  .process-grid .step-number{font:400 11px/1 var(--sans)}
  .process-grid h3{margin-top:0}
  .process-grid li>p{grid-column:2;margin-top:9px;max-width:42ch}
}
@media(max-width:359px){
  .up-close-heading h2{font-size:30px}
  .up-close-card h3{font-size:21px;gap:6px}
  .process-grid{grid-template-columns:1fr}
}