/** Shopify CDN: Minification failed

Line 114:17 Expected identifier but found "48px"
Line 117:17 Expected identifier but found "48px"
Line 119:17 Expected identifier but found "48px"
Line 123:17 Expected identifier but found "44px"
Line 125:0 Unexpected "}"

**/
/* ============ Homepage-specific styles ============ */

/* link with arrow */
.link-arrow{ display:inline-flex; align-items:center; gap:.4em; font-weight:700; font-size:.92rem; color:var(--brand-700); border-bottom:2px solid currentColor; padding-bottom:2px; }
.link-arrow:hover{ color:var(--brand-ink); }

/* product card photo (when a real image is present) */
.card-photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
/* clickable card overlay → product page */
.card-link{ position:absolute; inset:0; z-index:1; }
.card-title a{ color:inherit; text-decoration:none; }
.card-title a:hover{ text-decoration:underline; }

/* ---- hero ---- */
.hero{ position:relative; height:clamp(440px, 70vh, 660px); overflow:hidden; }
.hero-img{ position:absolute; inset:0; height:100%; }
.hero-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; background:transparent; }
.hero-overlay,.hero-copy{ z-index:2; }
.hero-overlay{ position:absolute; inset:0; display:flex; align-items:center; }
.hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(20,30,22,.05), rgba(20,30,22,.5)); }
.hero-copy{ position:relative; z-index:2; max-width:520px; margin-left:auto; color:#fff; text-shadow:0 2px 24px rgba(0,0,0,.25); }
.hero-copy h1{ font-size:clamp(2rem, 5vw, 3.4rem); margin:.3em 0; }
.hero-sub{ font-size:clamp(1rem,1.6vw,1.2rem); margin-bottom:1.4em; opacity:.95; }
@media(max-width:760px){ .hero-copy{ margin:0; text-align:left; } .hero::after{ background:linear-gradient(180deg, rgba(20,30,22,.15), rgba(20,30,22,.55)); } }

/* ---- statement ---- */
.statement{ text-align:center; padding-block:64px 14px; display:flex; flex-direction:column; align-items:center; gap:18px; }
.statement .section-lead{ text-align:center; }

/* ---- featured collection ---- */
.featured{ padding:46px 10px; }
.block-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:26px; }

/* ---- feature banner ---- */
.feature{ position:relative; margin-top:64px; min-height:clamp(440px,62vh,620px); display:flex; align-items:flex-end; overflow:hidden; }
.feature-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 22%; }
.feature-veil{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(20,40,30,.32), rgba(20,40,30,0) 30%, rgba(20,40,30,.15)); }
.feature-head{ position:absolute; top:34px; left:0; right:0; z-index:2; text-align:center; }
.feature-head h2{ color:#fff; font-size:clamp(1.5rem,3.4vw,2.6rem); text-shadow:0 2px 22px rgba(0,0,0,.3); }
.feature-card{ position:relative; z-index:2; margin:0 0 40px clamp(16px,5vw,70px); background:rgba(255,255,255,.96); backdrop-filter:blur(6px); border-radius:var(--r-lg); padding:26px; max-width:360px; box-shadow:var(--sh-3); }
.feature-card-txt{ color:var(--ink-2); margin:10px 0 18px; font-size:.96rem; }
.feature-card-txt b{ color:var(--brand-700); }

/* ---- concerns rail ---- */
.concerns{ padding:64px 10px; }
.concern-rail{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(190px,1fr); gap:16px; overflow-x:auto; padding:26px 0 12px; scroll-snap-type:x mandatory; scrollbar-width:thin; }
.concern{ scroll-snap-align:start; display:flex; flex-direction:column; gap:6px; }
.concern .ph{ aspect-ratio:1/1; border-radius:var(--r); margin-bottom:6px; }
.concern h4{ font-size:1.05rem; }
.concern span{ font-size:.8rem; color:var(--muted); }
.concern-cta{ margin-top:8px; align-self:flex-start; font-size:.72rem !important; font-weight:800 !important; letter-spacing:.1em; text-transform:uppercase; color:var(--ink) !important; border:1px solid var(--line-strong); border-radius:var(--r-pill); padding:.6em 1.2em; transition:.2s; }
.concern:hover .concern-cta{ background:var(--ink); color:#fff !important; border-color:var(--ink); }

/* ---- founder quote ---- */
.quote-band{ background:var(--card-warm); margin-top:64px; padding:70px 0; text-align:center; }
.founder-quote{ font-size:clamp(1.25rem,2.6vw,1.9rem); font-weight:700; letter-spacing:-.02em; line-height:1.32; max-width:56ch; margin:0 auto; text-wrap:balance; }
.founder-name{ margin-top:20px; color:var(--muted); font-size:.85rem; font-weight:700; letter-spacing:.04em; }

/* ---- actives ---- */
.actives{ padding:70px 20px; }
.actives .section-title{ max-width:18ch; }
.actives-rail{ display:flex; align-items:center; gap:14px; overflow-x:auto; padding:40px 0 20px; }
.active-item{ display:flex; flex-direction:column; align-items:center; gap:18px; flex:none; }
.active-ph{ width:clamp(140px,18vw,200px); aspect-ratio:1/1; border-radius:50%; }
.active-chip{ font-size:.74rem; font-weight:700; border:1px solid var(--line-strong); border-radius:var(--r-pill); padding:.55em 1.1em; background:#fff; white-space:nowrap; }
.active-arrow{ width:24px; height:24px; color:var(--line-strong); flex:none; }
.actives-foot{ display:flex; gap:24px; justify-content:space-between; align-items:center; flex-wrap:wrap; border-top:1px solid var(--line); padding-top:24px; margin-top:10px; }
.actives-foot p{ color:var(--muted); font-size:.88rem; max-width:62ch; }

/* ---- commitment ---- */
.commitment{ padding:70px 10px; }
.commit-grid{ display:grid; gap:22px; grid-template-columns:1fr; }
@media(min-width:860px){
  .commit-grid{ grid-template-columns:repeat(3,1fr); grid-template-rows:auto auto; }
  .commit-banned{ grid-row:span 1; }
  .commit-lab{ grid-column:2; }
  .commit-life{ grid-column:3; }
}
.commit-text h3{ font-size:1.45rem; margin-bottom:12px; max-width:14ch; }
.commit-text p{ color:var(--muted); font-size:.92rem; margin-bottom:12px; }
.commit-banned{ background:var(--card-warm); border-radius:var(--r); padding:26px; display:flex; flex-direction:column; gap:6px; justify-content:center; }
.banned-label{ font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:var(--brand-700); font-weight:800; }
.banned-list{ font-size:clamp(1.3rem,2.4vw,1.8rem); font-weight:800; font-style:italic; text-decoration:line-through; text-decoration-thickness:2px; letter-spacing:-.01em; line-height:1.25; color:var(--ink); }
.commit-lab,.commit-life{ aspect-ratio:4/3; border-radius:var(--r); min-height:200px; }

/* ---- testimonials ---- */
.testimonials{ position:relative; margin-top:70px; padding:70px 0; overflow:hidden; }
.testi-bg{ position:absolute; inset:0; width:100%; height:100%; }
.testimonials::after{ content:""; position:absolute; inset:0; background:rgba(20,30,24,.34); }
.testi-grid{ position:relative; z-index:2; display:grid; gap:16px; grid-template-columns:1fr; }
@media(min-width:760px){ .testi-grid{ grid-template-columns:repeat(3,1fr); } }
.testi{ background:rgba(255,255,255,.94); backdrop-filter:blur(4px); border-radius:var(--r); padding:24px; margin:0; }
.testi blockquote{ margin:0; font-size:.95rem; font-style:italic; color:var(--ink-2); line-height:1.55; }
.testi figcaption{ margin-top:14px; font-weight:800; font-size:.85rem; }

@media(max-width:760px){
  .actives-foot{ flex-direction:column; align-items:flex-start; }
  /* consistent gutters + tighter rhythm on mobile */
  .feature{ margin-top:40px; min-height:420px; }
  .feature-card{ margin:0 16px 22px; max-width:none; padding:22px; }
  .feature-head{ top:22px; }
  .statement{ padding:44px 0 6px; }
  .padding-block:36px 6px; }
  .prod-grid{ gap:12px; }
  .padding-block:48px 6px; }
  .concern-rail{ grid-auto-columns:minmax(160px,1fr); }
  .quote-band{ margin-top:48px; padding:48px 0; }
  .padding-block:48px 14px; }
  .actives-rail{ padding:28px 0 14px; }
  .padding-block:48px 6px;}
  .commit-text h3{ font-size:1.25rem; }
  .testimonials{ margin-top:48px; padding:48px 0; }
  .block-head{ flex-direction:column; align-items:flex-start; gap:6px; }
  .padding-block:44px 6px;
  .concern-rail,.actives-rail{ margin-inline:calc(var(--gut) * -1); padding-inline:var(--gut); }
}