/* Consistent, compact spacing across the storefront. */
.header-row{height:84px}
.page-main{padding:30px 0 44px;min-height:0}
.breadcrumbs,.woocommerce .woocommerce-breadcrumb{margin-bottom:14px;font-size:12px}
.page-title{font-size:clamp(38px,3.6vw,54px);margin:8px 0 22px}
.shop-top{margin-bottom:22px}
.shop-top .page-title{margin-bottom:8px}
.collection-tabs{margin-bottom:20px}
.woocommerce main>.collection-tabs{float:left;margin-right:22px}
.woocommerce main>.woocommerce-notices-wrapper:empty{display:none}
.woocommerce main>.woocommerce-result-count{line-height:38px;margin-bottom:20px}
.woocommerce main>.woocommerce-ordering{margin-bottom:20px}
.product-photo{aspect-ratio:4/3;border:1px solid var(--line);border-radius:5px}
.product-photo img,.woocommerce ul.products li.product a img{transform:none;object-position:center bottom;mix-blend-mode:normal}
.card-title-row{margin-top:13px}
.card-bottom{margin-top:10px;padding-top:10px}
.hero{padding:24px 0 30px}
.hero-grid{min-height:560px}
.hero-image{min-height:520px}
.hero-copy{padding:44px 46px}
.hero h1{font-size:clamp(58px,5vw,82px);margin:22px 0}
.hero-footnote{margin-top:24px}
.benefits{padding-bottom:26px}
.section{padding:46px 0}
.section-heading{margin-bottom:24px}
.story{margin-top:42px}
.story-copy{padding:44px 48px}
.story-photo{min-height:420px}
.home #main>div[aria-hidden="true"]{height:24px!important}
.help-band{margin-top:0;padding:28px 0}
.site-footer{padding-top:32px}
.site-footer .footer-newsletter{padding:30px 34px;margin-bottom:28px;gap:36px}
.newsletter-copy h2{font-size:clamp(34px,3vw,44px);margin:10px 0 12px}
.footer-top{padding-bottom:22px}
.footer-grid{padding:30px 0;gap:30px}
.footer-grid h3{margin-bottom:12px}
.business-row{padding:24px 0;gap:40px}
.footer-bottom{padding-top:18px}

/* Policies read as continuous documents with ordinary headings and paragraphs. */
.policy-layout{
  display:grid;
  grid-template-columns:218px minmax(0,1fr);
  gap:28px;
  align-items:start;
}
.policy-nav,.policy-content{min-width:0}
.policy-nav{padding:0;top:24px;font-size:13px}
.policy-nav a{padding:11px 12px;line-height:1.45}
.policy-nav a.current{background:#e7ebdf;border-left:3px solid var(--ink);padding-left:9px}
.policy-content .wls-policy-content{
  display:block;
}
.policy-content .wls-policy-intro{font-size:16px;line-height:1.75;margin:0 0 22px;max-width:none}
.policy-content .wls-policy-content>section{
  min-width:0;
  margin:0 0 24px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
}
.policy-content .wls-policy-content>section:last-child{margin-bottom:0}
.policy-content .wls-policy-content>section h2{font-size:29px;line-height:1.2;margin:0 0 12px}
.policy-content .wls-policy-content>section h3{margin:18px 0 8px}
.policy-content p,.policy-content li{font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.policy-content .wls-policy-content>section p{margin:0 0 10px}
.policy-content .wls-policy-content>section p:last-child{margin-bottom:0}
.policy-content .wls-policy-content>section ul{margin:10px 0;padding-left:20px}
.policy-content .wls-policy-content>section li{margin-bottom:6px}
.policy-content form{max-width:760px;margin-top:22px}

@media(min-width:1800px){
  .policy-layout{grid-template-columns:230px minmax(0,1fr);gap:32px}
}
@media(max-width:1100px){
  .hero-copy{padding:34px}
  .hero-grid{min-height:500px}
  .hero-image{min-height:480px}
  .hero h1{font-size:62px}
  .policy-layout{grid-template-columns:180px minmax(0,1fr);gap:22px}
  .policy-content .wls-policy-content>section h2{font-size:26px}
  .policy-content p,.policy-content li{font-size:14px}
  .footer-grid{gap:26px 36px}
}
@media(max-width:800px){
  .header-row{height:72px}
  .page-main{padding:24px 0 32px}
  .woocommerce main>.collection-tabs{float:none;margin-right:0;margin-bottom:14px}
  .woocommerce main>.woocommerce-result-count{line-height:1.6;margin-bottom:14px}
  .woocommerce main>.woocommerce-ordering{margin-bottom:14px}
  .hero-grid{min-height:430px}
  .hero-image{min-height:430px}
  .hero-copy{padding:28px}
  .hero h1{font-size:49px}
  .section{padding:36px 0}
  .story{margin-top:32px}
  .story-copy{padding:30px}
  .story-photo{min-height:380px}
  .policy-layout{grid-template-columns:minmax(0,1fr);gap:20px}
  .policy-nav{position:static;display:flex;gap:8px;overflow-x:auto;padding:0 0 8px}
  .policy-nav a{flex:0 0 auto;padding:9px 12px;border:1px solid var(--line);border-radius:3px;white-space:nowrap}
  .policy-nav a.current{border:1px solid var(--ink);padding-left:12px}
  .policy-content .wls-policy-intro{font-size:15px}
  .site-footer .footer-newsletter{padding:26px;gap:26px}
  .business-row{gap:28px}
}
@media(max-width:540px){
  .page-title{font-size:38px;margin-bottom:18px}
  .hero{padding:18px 0 24px}
  .hero-grid{min-height:0}
  .hero-copy{padding:30px 26px}
  .hero h1{font-size:60px}
  .hero-image{min-height:340px}
  .section{padding:30px 0}
  .story-photo{min-height:285px}
  .story-copy{padding:30px 26px}
  .help-band{padding:24px 0}
  .site-footer{padding-top:26px}
  .site-footer .footer-newsletter{padding:24px 20px;margin-bottom:24px}
  .newsletter-copy h2{font-size:37px}
  .footer-grid{gap:26px 22px;padding:26px 0}
  .business-row{gap:22px;padding:22px 0}
  .policy-content .wls-policy-content>section h2{font-size:27px}
}
