/* ============ HERO ============ */
.hero{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;background:var(--deep);color:var(--paper);overflow:hidden;}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:0 6vw;position:relative;z-index:2;}
.hero-copy .eyebrow{color:var(--amber-soft);margin-bottom:18px;}
.hero-copy h1{font-size:clamp(52px,7.2vw,108px);color:var(--paper);margin-bottom:22px;}
.hero-tagline{font-family:'Newsreader',serif;font-style:italic;font-size:clamp(17px,1.5vw,21px);color:var(--steel);max-width:34ch;line-height:1.55;margin-bottom:36px;border-left:1px solid var(--amber-soft);padding-left:18px;}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;z-index:1;}
.hero-visual .drop-mask{width:min(52vw,640px);aspect-ratio:2/3;clip-path:path('M320,4 C470,190 590,330 590,470 C590,650 470,760 320,760 C170,760 50,650 50,470 C50,330 170,190 320,4 Z');position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(232,225,210,.12);background:var(--forest);}
.hero-visual .drop-mask img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);}
.mist{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 85%, rgba(232,225,210,.16), transparent 60%);animation:drift 16s ease-in-out infinite;pointer-events:none;}
@keyframes drift{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-14px) scale(1.03);}}
@media (max-width:860px){
  .hero{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:auto;padding-top:20px;}
  .hero-copy{padding:60px 7vw 40px;}
  .hero-visual{padding-bottom:60px;}
  .hero-visual .drop-mask{width:78vw;}
}

.threshold{background:var(--forest);color:var(--paper);text-align:center;padding:64px 8vw;}
.threshold p{font-family:'Big Shoulders Display',sans-serif;text-transform:uppercase;font-size:clamp(24px,3vw,38px);letter-spacing:.02em;}
.threshold .eyebrow{color:var(--amber-soft);display:block;margin-bottom:14px;}

/* ============ TILE ROW ============ */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);background:var(--deep);}
.tile{position:relative;display:block;min-height:280px;overflow:hidden;border-right:1px solid rgba(232,225,210,.08);}
.tile:last-child{border-right:none;}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1), filter .5s ease;}
.tile:hover img{transform:scale(1.06);filter:brightness(1.08);}
.tile::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(232,225,210,0);transition:box-shadow .3s ease;}
.tile:hover::after{box-shadow:inset 0 0 0 1px rgba(217,168,92,.5);}
@media (max-width:860px){
  .tiles{grid-template-columns:1fr;}
  .tile{border-right:none;border-bottom:1px solid rgba(232,225,210,.08);min-height:220px;}
}

/* ============ TECHNOLOGY ============ */
.tech{background:var(--paper);padding:120px 7vw 90px;}
.tech-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:70px;}
.tech-head .eyebrow{color:var(--botanical);margin-bottom:16px;}
.tech-head h2{font-size:clamp(38px,5vw,62px);color:var(--ink);}
.tech-head p{font-size:16px;line-height:1.7;color:var(--forest);max-width:46ch;align-self:end;}
.process-illustration{width:100%;margin-bottom:50px;border:1px solid rgba(17,19,17,.12);overflow:hidden;}
.process-illustration img{width:100%;height:auto;display:block;}
.stages{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid rgba(17,19,17,.18);}
.stage{padding:20px 14px;border-right:1px solid rgba(17,19,17,.12);cursor:pointer;transition:background .2s ease;}
.stage:last-child{border-right:none;}
.stage:hover,.stage.active{background:rgba(76,105,76,.12);}
.stage .num{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--amber);display:block;margin-bottom:8px;}
.stage .label{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--forest);line-height:1.4;}
@media (max-width:860px){
  .tech-head{grid-template-columns:1fr;}
  .stages{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:520px){ .stages{grid-template-columns:repeat(2,1fr);} }

/* ============ PHILOSOPHY BAND ============ */
.philosophy{background:var(--forest);color:var(--paper);padding:110px 7vw;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;}
.philosophy .eyebrow{color:var(--amber-soft);margin-bottom:16px;}
.philosophy h2{font-size:clamp(32px,4vw,50px);margin-bottom:24px;}
.philosophy p{font-size:15px;line-height:1.75;color:rgba(232,225,210,.8);max-width:48ch;margin-bottom:36px;}
.eco-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.eco{border-top:1px solid rgba(232,225,210,.25);padding-top:16px;}
.eco svg{width:26px;height:26px;margin-bottom:14px;color:var(--amber-soft);}
.eco span{display:block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);line-height:1.5;}
.philosophy-side{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:26px;}
.philosophy-side svg{width:100%;max-width:280px;opacity:.9;}
@media (max-width:860px){
  .philosophy{grid-template-columns:1fr;}
  .eco-grid{grid-template-columns:repeat(2,1fr);}
}

/* ============ FEATURED PRODUCTS (home) ============ */
.featured{padding:100px 7vw;background:var(--paper);}
.featured-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;flex-wrap:wrap;gap:20px;}
.featured-head .eyebrow{color:var(--botanical);margin-bottom:12px;}
.featured-head h2{font-size:clamp(30px,3.6vw,44px);color:var(--ink);}