/* ==========================================================================
   Home page, fresh layout. Loaded only on index.html.
   Type: Quicksand (site font). Colour: black, white, and orange with its shades.
   Sizes stay at the existing scale: hero 3.7rem max, section titles 1.9rem max.
   ========================================================================== */
.home-v2{ --o:#D88F04; --o-deep:#8F5E02; --o-tint:#F6E7C4; --ink:#000000; --paper:#FFFFFF; --rule:#D9D9D9; --rule-dark:rgba(255,255,255,0.2); }
.home-v2 .page > section{ position:relative; }
.home-v2 .eyebrow{ color:var(--o) !important; font-size:0.7rem; letter-spacing:0.18em; font-weight:700; margin:0 0 1rem; display:block; }
.home-v2 h2{ font-family:'Quicksand',sans-serif; font-weight:700; font-size:clamp(1.6rem,2.8vw,1.9rem); line-height:1.12; letter-spacing:-0.01em; margin:0; }
.home-v2 .h3-split h2, .home-v2 .h3-shop h2, .home-v2 .h3-botanicals h2, .home-v2 .h3-why h2, .home-v2 .h3-steps h2{ color:#000; }
.home-v2 h3{ font-family:'Quicksand',sans-serif; font-weight:700; font-size:1.2rem; margin:0 0 0.5rem; }
.home-v2 .h3-split .lede, .home-v2 .h3-botanicals .lede, .home-v2 .h3-why .lede, .home-v2 .h3-shop .lede{ font-size:1rem; line-height:1.65; color:#000; max-width:52ch; margin:1rem 0 0; }
.home-v2 .h3-actions{ display:flex; flex-wrap:wrap; gap:0.8rem; margin-top:1.8rem; }
.home-v2 .btn{ border-radius:999px; font-weight:700; letter-spacing:0.06em; box-shadow:none !important; }
.home-v2 .btn-mango{ background:var(--o) !important; color:#000 !important; border:0 !important; }
.home-v2 .btn-mango:hover{ background:#000 !important; color:#fff !important; }
.home-v2 .btn-outline, .home-v2 .btn-outline-amber{ background:transparent !important; border:1.1px solid #000 !important; color:#000 !important; }
.home-v2 .btn-outline:hover{ background:#000 !important; color:#fff !important; }
.home-v2 .btn-outline-amber{ border-color:var(--o) !important; color:var(--o) !important; }
.home-v2 .btn-outline-amber:hover{ background:var(--o) !important; color:#000 !important; }
.home-v2 .h3-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; flex-wrap:wrap; margin-bottom:3rem; }
.home-v2 .h3-head .lede{ margin:0; max-width:46ch; }

/* 1. Hero */
.home-v2 .h3-hero{ min-height:88vh; display:flex; align-items:center; justify-content:center; background:#000; color:#fff; overflow:hidden; text-align:center; }
.home-v2 .h3-hero .hero-bg{ position:absolute; inset:0; z-index:0; background:#000; }
.home-v2 .h3-hero .hero-yt iframe{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:max(100%,177.78vh); height:max(100%,56.25vw); border:0; opacity:0; transition:opacity 1.2s ease; pointer-events:none; }
.home-v2 .h3-hero .hero-bg.is-on .hero-yt iframe{ opacity:1; }
.home-v2 .h3-hero .hero-shade{ position:absolute; inset:0; background:rgba(0,0,0,0.55); }
.home-v2 .h3-hero-inner{ position:relative; z-index:1; padding:8rem 1.6rem; max-width:860px; }
.home-v2 .h3-kicker{ color:var(--o); font-size:0.72rem; letter-spacing:0.2em; font-weight:700; margin:0 0 1.2rem; }
.home-v2 .h3-hero-title{ font-family:'Quicksand',sans-serif; font-weight:400; font-size:clamp(2.3rem,4.6vw,3.7rem); line-height:1.05; color:#fff; margin:0; }
.home-v2 .h3-hero-title em{ font-style:normal; color:var(--o-tint); }
.home-v2 .h3-hero-lede{ position:relative; color:#F5E3C0; font-size:1.02rem; line-height:1.65; margin:1.6rem auto 0; max-width:760px; text-align:center; }
.home-v2 .h3-hero .h3-actions{ justify-content:center; }
.home-v2 .h3-hero .btn-outline-cream{ background:transparent !important; border:1.1px solid #fff !important; color:#fff !important; }
.home-v2 .h3-hero .btn-outline-cream:hover{ background:#fff !important; color:#000 !important; }

/* 2. Two markets: alternating rows */
.home-v2 .h3-split{ padding:7rem 0 3rem !important; }
.home-v2 .h3-row{ display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; margin-bottom:6rem; }
.home-v2 .h3-row.h3-flip .h3-media{ order:2; }
.home-v2 .h3-media .photo{ border-radius:20px; overflow:hidden; aspect-ratio:4/3; background:#fff; }
.home-v2 .h3-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.home-v2 .h3-list{ list-style:none; margin:1.6rem 0 0; padding:0; }
.home-v2 .h3-list li{ padding:0.85rem 0; border-top:1px solid var(--rule); font-size:0.98rem; }
.home-v2 .h3-list li:last-child{ border-bottom:1px solid var(--rule); }
.home-v2 .h3-note{ text-align:center; font-size:0.78rem; letter-spacing:0.16em; text-transform:uppercase; font-weight:700; color:#000; margin:-3rem 0 0; padding:0 0 2.4rem; border:0; }

/* 3. Shop */
.home-v2 .h3-shop{ padding:7rem 0 1.5rem !important; background:#F2F2F2; }
.home-v2 .h3-featured{ padding:2rem 0 4rem !important; background:linear-gradient(to bottom, #F2F2F2 0%, #FFFFFF 100%); }
.home-v2 .h3-cats{ display:flex; gap:2rem; overflow-x:auto; scroll-snap-type:none; scrollbar-width:none; margin-bottom:0; }
.home-v2 .h3-cats::-webkit-scrollbar{ display:none; }
.home-v2 .h3-head-tools{ display:flex; align-items:center; gap:0.6rem; }
.home-v2 .h3-arrow{ width:2.8rem; height:2.8rem; border-radius:50%; border:1px solid var(--rule); background:transparent; color:#000; font-size:1.1rem; cursor:pointer; }
.home-v2 .h3-arrow:hover{ background:var(--o); border-color:var(--o); }
.home-v2 .h3-cat{ flex:0 0 415px; scroll-snap-align:start; }
.home-v2 .h3-cat{ cursor:pointer; }
.home-v2 .h3-cat .photo{ border-radius:20px; overflow:hidden; aspect-ratio:5/4; background:#fff; }
.home-v2 .h3-cat img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.home-v2 .h3-cat:hover img{ transform:scale(1.03); }
.home-v2 .h3-cat h3{ margin:1rem 0 0.2rem; color:var(--o); }
.home-v2 .h3-cat p{ margin:0; font-size:0.72rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; }
.home-v2 .h3-head-products{ margin-top:0; }
.home-v2 .h3-products{ display:flex; gap:2.2rem; overflow-x:auto; scrollbar-width:none; }
.home-v2 .h3-products::-webkit-scrollbar{ display:none; }
.home-v2 .h3-products > .pcard{ flex:0 0 calc((100% - 6.6rem) / 4); }
.home-v2 .h3-products .pcard{ border:0 !important; box-shadow:none !important; background:transparent !important; padding:0 !important; }
.home-v2 .h3-products .pcard .photo{ border-radius:16px !important; height:auto !important; aspect-ratio:1/1; overflow:hidden; }
.home-v2 .h3-products .pcard .photo img{ width:100%; height:100%; object-fit:contain; }
.home-v2 .h3-products .pc-body{ padding:1rem 0 0 !important; }
.home-v2 .h3-products .pc-cat{ font-size:0.66rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--o); font-weight:700; }
.home-v2 .h3-products h4{ font-size:1.02rem; margin:0.3rem 0 0.3rem; color:#000 !important; }
.home-v2 .h3-products .pc-cat{ color:var(--o) !important; }
.home-v2 .h3-products .pc-desc{ font-size:0.86rem; color:#000; margin:0 0 0.6rem; }
.home-v2 .h3-products .pc-cta .btn{ padding:0.55rem 1.1rem !important; font-size:0.72rem; }

/* 4. Botanicals: numbered columns */
.home-v2 #our-botanicals .h3-head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:3rem; align-items:start; }
.home-v2 #our-botanicals .h3-head h2{ margin:0; }
.home-v2 .h3-botanicals{ padding:4rem 0 7rem !important; background:#fff; border-top:1px solid var(--rule); }
.home-v2 .h3-numbers{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3rem; border-top:1px solid var(--rule); padding-top:2.4rem; }
.home-v2 .h3-numbers article .num{ display:block; color:var(--o); font-weight:700; font-size:0.9rem; letter-spacing:0.1em; margin-bottom:1.2rem; }
.home-v2 .h3-numbers article p{ font-size:0.92rem; line-height:1.65; margin:0; color:#000; }

/* 5. Hair band */
.home-v2 .h3-hair{ padding:8rem 0 !important; background:#000 url(/assets/lifestyle/model-02.jpg) center/cover fixed no-repeat; color:#fff; position:relative; text-align:center; }
.home-v2 .h3-hair::before{ content:""; position:absolute; inset:0; background:rgba(0,0,0,0.62); }
.home-v2 .h3-hair .wrap{ position:relative; }
.home-v2 .h3-hair-copy{ max-width:520px; margin:0 auto; }
.home-v2 .h3-hair .btn{ margin-top:1.8rem; display:inline-block; }
.home-v2 .h3-hair h2{ color:var(--o); font-size:clamp(1.6rem,2.8vw,1.9rem); }
.home-v2 .h3-hair p{ color:#fff; font-size:1rem; line-height:1.65; margin:1rem 0 0; }

/* 6. Why: ruled rows */
.home-v2 .h3-why{ padding:7rem 0 !important; background:#fff; }
.home-v2 .h3-rows{ border-top:1px solid var(--rule); }
.home-v2 .h3-row-item{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) minmax(0,1fr); gap:2.4rem; align-items:start; padding:2rem 0; border-bottom:1px solid var(--rule); }
.home-v2 .h3-row-item .fig{ font-family:'Quicksand',sans-serif; font-weight:700; font-size:clamp(1.8rem,3vw,2.3rem); color:var(--o); line-height:1.05; }
.home-v2 .h3-row-item .txt p{ margin:0; font-size:0.95rem; line-height:1.6; color:#000; }
.home-v2 .h3-row-item .why-link{ font-size:0.8rem; font-weight:700; letter-spacing:0.04em; color:#000; cursor:pointer; text-decoration:underline; text-underline-offset:4px; text-align:right; }
.home-v2 .h3-foot{ font-size:0.8rem; color:#000; margin:1.6rem 0 0; }

/* 7. Steps */
.home-v2 .h3-steps{ padding:7rem 0 !important; background:#fff; }
.home-v2 .h3-photos{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; margin-bottom:3.5rem; }
.home-v2 .h3-photos figure{ margin:0; }
.home-v2 .h3-photos img{ width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:18px; display:block; }
.home-v2 .h3-photos figcaption{ font-size:0.72rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; margin-top:0.9rem; color:#000; }
.home-v2 .h3-path{ list-style:none; margin:0; padding:0; display:flex; justify-content:center; align-items:flex-start; gap:0; }
.home-v2 .h3-path li{ position:relative; flex:0 1 11rem; display:flex; flex-direction:column; align-items:center; gap:0.8rem; font-size:0.86rem; font-weight:700; color:#000; text-align:center; }
.home-v2 .h3-path li:not(:first-child)::before{ content:""; position:absolute; top:1.3rem; right:50%; width:100%; height:1px; background:var(--rule); z-index:0; }
.home-v2 .h3-path .dot{ position:relative; z-index:1; width:2.6rem; height:2.6rem; border-radius:50%; background:var(--o); color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.85rem; font-weight:700; }

/* 8. Quotes */
.home-v2 .h3-quotes{ padding:7rem 0 !important; background:linear-gradient(rgba(0,0,0,0.72),rgba(0,0,0,0.72)), url(/assets/facility/processing-01.jpeg) center/cover fixed no-repeat; color:#fff; }
.home-v2 .h3-quotes .eyebrow{ color:var(--o) !important; }
.home-v2 .h3-quote-row{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3rem; margin-top:2.5rem; }
.home-v2 .h3-quote-row figure{ margin:0; border-top:1px solid var(--rule-dark); padding-top:1.6rem; }
.home-v2 .h3-quote-row blockquote{ margin:0; font-family:'Quicksand',sans-serif; font-weight:600; font-size:1.2rem; line-height:1.45; color:#fff; }
.home-v2 .h3-quote-row figcaption{ margin-top:1.2rem; font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; font-weight:700; color:var(--o); }

/* Kept sections: keep their markup, adopt the same rhythm */
.home-v2 #sourcing-map{ padding:6rem 0 !important; background:linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)), url(/assets/impact/farmers-01.jpeg) center/cover fixed no-repeat !important; }
.home-v2 #careers-teaser{ padding:7rem 0 !important; background:linear-gradient(rgba(0,0,0,0.74),rgba(0,0,0,0.74)), url(/assets/team/team-group-01.jpeg) center/cover fixed no-repeat !important; }
.home-v2 #supporters{ padding:7rem 0 !important; }
.home-v2 .page > section:last-of-type{ padding:3rem 0 !important; }

/* Mobile */
@media (max-width:900px){
  .home-v2 .h3-row, .home-v2 .h3-numbers, .home-v2 .h3-photos, .home-v2 .h3-quote-row{ grid-template-columns:1fr; gap:2.2rem; }
  .home-v2 .h3-row.h3-flip .h3-media{ order:0; }
  .home-v2 .h3-cat{ flex-basis:80vw; }
  .home-v2 .h3-products > .pcard{ flex-basis:calc((100% - 2.2rem) / 2); }
  .home-v2 .h3-row-item{ grid-template-columns:1fr; gap:0.8rem; }
  .home-v2 .h3-row-item .why-link{ text-align:left; }
  .home-v2 .h3-path{ grid-template-columns:1fr 1fr; }
  .home-v2 .h3-split, .home-v2 .h3-shop, .home-v2 .h3-botanicals, .home-v2 .h3-why, .home-v2 .h3-steps, .home-v2 .h3-quotes, .home-v2 .h3-hair{ padding:4.5rem 0 !important; }
}
@media (max-width:560px){ .home-v2 .h3-products > .pcard{ flex-basis:80vw; } .home-v2 .h3-hero-inner{ padding:6rem 1.4rem; } .home-v2 .h3-hero-lede{ height:auto; max-width:none; } 
/* Join our team: one style for the role cards, border only */
.home-v2 #teaser-jobs > div{ background:transparent !important; border:1px solid rgba(255,255,255,0.45) !important; }

/* Hero kicker in capitals */
.home-v2 .h3-hero .h3-kicker{ text-transform:uppercase; letter-spacing:0.2em; }

/* Footer contact icons: orange box, black icon */
footer.site .cinfo-dark .cico{ background:#D88F04 !important; color:#000 !important; border:0 !important; }
footer.site .cinfo-dark .cico svg{ stroke:#000 !important; }