@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --bg: #11140e;
  --paper: #e9e3d4;
  --lime: #d8ff68;
  --gold: #f2c45a;
  --soil: #4d3322;
  --ink: #11130f;
  --muted: rgba(233,227,212,.65);
  --line: rgba(233,227,212,.16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--paper);
  background: var(--bg);
  font-family: "Manrope", system-ui, sans-serif;
  overflow-x: hidden;
}

body::selection { background: var(--lime); color: var(--ink); }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }

.noise {
  position: fixed; inset: 0; z-index: 90; pointer-events: none; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");
}
.cursor-glow {
  width: 420px; height: 420px; border-radius: 50%; position: fixed; z-index: 0;
  pointer-events: none; left: 0; top: 0; transform: translate(-50%,-50%);
  background: radial-gradient(circle, rgba(216,255,104,.09), transparent 65%);
  transition: opacity .3s ease;
}
.scroll-progress { position: fixed; left: 0; top: 0; right: 0; height: 3px; z-index: 100; }
.scroll-progress span { display:block; height:100%; width:0%; background:var(--lime); }

.topbar {
  position: fixed; z-index: 80; left: 20px; right: 20px; top: 18px;
  height: 56px; border: 1px solid rgba(255,255,255,.13);
  background: rgba(13,15,10,.58); backdrop-filter: blur(18px);
  border-radius: 16px; display:flex; align-items:center; padding: 0 18px;
  justify-content:space-between;
}
.brand { display:flex; align-items:center; gap:10px; font: 500 12px "DM Mono", monospace; letter-spacing:.08em; }
.brand-mark { color:var(--lime); filter: drop-shadow(0 0 8px rgba(216,255,104,.55)); }
.nav { display:flex; gap:30px; font-size:13px; color:var(--muted); }
.nav a:hover { color:var(--paper); }
.pill-link {
  border:1px solid rgba(255,255,255,.15); padding:9px 13px; border-radius:999px;
  font-size:12px; transition:.25s ease;
}
.pill-link:hover { background:var(--lime); color:var(--ink); border-color:var(--lime); }

.hero {
  min-height: 100svh; position:relative; display:flex; align-items:flex-end; overflow:hidden;
  padding: 140px 6vw 8vh; isolation:isolate;
}
.hero-photo {
  position:absolute; inset:0; z-index:-4; background:
    url("https://images.pexels.com/photos/2253416/pexels-photo-2253416.jpeg?auto=compress&cs=tinysrgb&w=2200")
    center/cover no-repeat;
  transform:scale(1.04);
}
.hero-shade {
  position:absolute; inset:0; z-index:-3; background:
    linear-gradient(180deg,rgba(4,6,2,.18),rgba(4,6,2,.25) 42%,rgba(8,10,6,.9) 100%),
    linear-gradient(90deg,rgba(8,10,6,.6),transparent 58%);
}
.hero-copy { width:min(980px,82vw); position:relative; z-index:3; }
.eyebrow {
  font:500 11px "DM Mono", monospace; text-transform:uppercase; letter-spacing:.18em;
  color:var(--lime); margin:0 0 22px;
}
.hero-title {
  font-size:clamp(64px,10.5vw,170px); line-height:.78; letter-spacing:-.075em;
  margin:0; font-weight:800; text-transform:uppercase;
}
.hero-title span { display:block; }
.hero-lead { width:min(650px,75vw); margin:34px 0 0; font-size:clamp(16px,1.5vw,21px); line-height:1.55; color:rgba(255,255,255,.78); }

.hero-potato {
  position:absolute; right:-4vw; bottom:-10vw; width:min(45vw,690px); z-index:1;
  transform:rotate(-12deg); filter:drop-shadow(0 50px 70px rgba(0,0,0,.48));
}
.hero-potato img { width:100%; display:block; }

.hero-meta {
  position:absolute; right:5vw; top:23%; display:grid; gap:18px; z-index:3;
}
.hero-meta div { display:flex; flex-direction:column; border-left:1px solid rgba(255,255,255,.3); padding-left:14px; }
.hero-meta strong { font-size:17px; }
.hero-meta span { color:rgba(255,255,255,.58); font-size:11px; max-width:170px; line-height:1.4; }

.scroll-hint { position:absolute; right:5vw; bottom:6vh; display:flex; align-items:center; gap:12px; font:500 10px "DM Mono"; color:rgba(255,255,255,.55); z-index:4; }
.scroll-hint i { display:block; width:54px; height:1px; background:rgba(255,255,255,.45); position:relative; overflow:hidden; }
.scroll-hint i::after { content:""; position:absolute; inset:0; background:var(--lime); transform:translateX(-100%); animation:scan 1.8s ease-in-out infinite; }
@keyframes scan { 50%,100% { transform:translateX(100%); } }

.intro-section { padding:130px 6vw; background:var(--paper); color:var(--ink); }
.section-head { max-width:900px; margin-bottom:70px; }
.section-head h2 { margin:0; font-size:clamp(48px,7vw,102px); line-height:.96; letter-spacing:-.055em; }
.intro-grid { display:grid; grid-template-columns:1fr 1.55fr 1fr; gap:18px; align-items:stretch; }
.story-card, .photo-card {
  min-height:520px; border-radius:28px; overflow:hidden; position:relative;
}
.story-card { padding:34px; background:#d9d2c1; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid rgba(17,19,15,.09); }
.story-card.accent { background:var(--lime); }
.step-no { position:absolute; top:30px; left:32px; font:500 12px "DM Mono"; opacity:.55; }
.story-card h3 { font-size:42px; letter-spacing:-.04em; margin:0 0 14px; }
.story-card p { font-size:16px; line-height:1.65; color:rgba(17,19,15,.68); }
.chip-tag { align-self:flex-start; margin-top:18px; border:1px solid rgba(17,19,15,.18); border-radius:999px; padding:8px 11px; font:500 10px "DM Mono"; text-transform:uppercase; }
.photo-card { background-position:center; background-size:cover; }
.photo-field { background-image:linear-gradient(180deg,transparent 55%,rgba(8,10,6,.75)),url("https://images.pexels.com/photos/31908569/pexels-photo-31908569.jpeg?auto=compress&cs=tinysrgb&w=1600"); }
.photo-caption { position:absolute; left:28px; right:28px; bottom:26px; color:white; display:flex; justify-content:space-between; gap:15px; align-items:flex-end; }
.photo-caption span { font:500 10px "DM Mono"; opacity:.7; }
.photo-caption strong { max-width:250px; text-align:right; font-size:14px; }
.mini-meter { height:6px; border-radius:999px; background:rgba(0,0,0,.09); overflow:hidden; margin-top:25px; }
.mini-meter span { display:block; width:82%; height:100%; background:var(--ink); border-radius:inherit; }
.story-card small { margin-top:8px; opacity:.5; font:500 10px "DM Mono"; text-transform:uppercase; }

.earth-section { min-height:180vh; background:#738349; position:relative; }
.earth-sticky { position:sticky; top:0; min-height:100vh; display:grid; grid-template-columns:1fr 1fr; overflow:hidden; }
.earth-copy { padding:16vh 6vw; display:flex; flex-direction:column; justify-content:center; max-width:740px; }
.earth-copy h2 { margin:0 0 28px; font-size:clamp(48px,6vw,92px); line-height:.97; letter-spacing:-.055em; }
.earth-copy p:last-child { font-size:17px; line-height:1.7; color:rgba(255,255,255,.7); max-width:590px; }
.soil-scene { position:relative; min-height:100vh; overflow:hidden; }
.sky { position:absolute; inset:0 0 45% 0; background:linear-gradient(#86965a,#6f8047); }
.soil { position:absolute; inset:43% 0 0; background:linear-gradient(#6b472b,#3c271b); border-top:8px solid rgba(238,222,160,.15); }
.plant { position:absolute; left:50%; top:22%; width:6px; height:25%; background:#31442b; transform:translateX(-50%); z-index:4; border-radius:9px; }
.stem { position:absolute; width:80px; height:5px; background:#31442b; border-radius:10px; transform-origin:left center; left:2px; }
.s1 { top:34%; transform:rotate(-33deg); } .s2 { top:55%; transform:rotate(31deg); }
.leaf { position:absolute; width:76px; height:40px; border-radius:100% 0 100% 0; background:#405b31; }
.l1 { left:-70px; top:25%; transform:rotate(22deg); } .l2 { left:18px; top:43%; transform:rotate(42deg); } .l3 { left:-55px; top:60%; transform:rotate(155deg); }
.root { position:absolute; z-index:3; top:43%; left:50%; height:31%; width:2px; background:rgba(219,188,127,.5); transform-origin:top; }
.r1{transform:rotate(17deg)} .r2{transform:rotate(-24deg)} .r3{transform:rotate(42deg)}
.mini-potato { position:absolute; z-index:4; width:90px; height:72px; border-radius:49% 51% 47% 53%; background:radial-gradient(circle at 30% 25%,#d9b379,#9b693b); box-shadow:inset -12px -14px 25px rgba(83,45,19,.35),0 20px 35px rgba(0,0,0,.18); }
.mini-potato::after { content:""; position:absolute; width:5px; height:4px; border-radius:50%; background:#755037; left:28%; top:27%; box-shadow:31px 17px #755037,13px 34px #755037; opacity:.65; }
.p1{left:33%;top:57%;transform:rotate(18deg)} .p2{left:58%;top:66%;width:110px;height:88px;transform:rotate(-12deg)}
.p3{left:43%;top:78%;width:74px;height:60px;transform:rotate(8deg)} .p4{left:66%;top:49%;width:65px;height:54px;transform:rotate(27deg)}

.harvest-section { background:var(--paper); color:var(--ink); padding:18px; display:grid; grid-template-columns:1.2fr .8fr; min-height:820px; gap:18px; }
.harvest-photo { border-radius:30px; min-height:780px; background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.7)),url("https://images.pexels.com/photos/31908569/pexels-photo-31908569.jpeg?auto=compress&cs=tinysrgb&w=1800") center/cover; position:relative; }
.harvest-copy { padding:70px 5vw; display:flex; justify-content:center; flex-direction:column; }
.harvest-copy h2 { font-size:clamp(55px,7vw,100px); line-height:.95; letter-spacing:-.055em; margin:0 0 30px; }
.harvest-copy > p:not(.eyebrow) { line-height:1.75; color:rgba(17,19,15,.66); font-size:17px; max-width:520px; }
.stat-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:36px; }
.stat-row div { border-top:1px solid rgba(17,19,15,.18); padding-top:16px; display:flex; flex-direction:column; }
.stat-row b { font:600 24px "DM Mono"; }
.stat-row span { font-size:11px; color:rgba(17,19,15,.55); margin-top:7px; }

.transition-marquee { overflow:hidden; background:var(--lime); color:var(--ink); padding:22px 0; border-block:1px solid rgba(0,0,0,.2); }
.transition-marquee div { display:flex; width:max-content; gap:24px; align-items:center; animation:marquee 22s linear infinite; font:700 32px "DM Mono"; }
.transition-marquee i { font-style:normal; opacity:.35; }
@keyframes marquee { to { transform:translateX(-50%); } }

.factory-section { min-height:120vh; position:relative; overflow:hidden; padding:130px 6vw; isolation:isolate; }
.factory-bg { position:absolute; inset:0; z-index:-3; background:url("https://images.pexels.com/photos/2889199/pexels-photo-2889199.jpeg?auto=compress&cs=tinysrgb&w=2200") center/cover fixed; transform:scale(1.03); }
.factory-overlay { position:absolute; inset:0; z-index:-2; background:linear-gradient(180deg,rgba(7,9,7,.55),rgba(7,9,7,.92)); }
.section-head.light h2 { color:white; }
.factory-content { position:relative; z-index:2; }
.factory-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.process-card { min-height:420px; background:rgba(13,16,12,.62); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(14px); padding:26px; border-radius:24px; display:flex; flex-direction:column; justify-content:flex-end; transition:.35s ease; }
.process-card:hover { transform:translateY(-9px); background:rgba(22,26,18,.8); border-color:rgba(216,255,104,.4); }
.process-card > span { position:absolute; top:24px; right:24px; font:500 11px "DM Mono"; color:var(--lime); }
.process-card h3 { font-size:29px; margin:16px 0 8px; }
.process-card p { color:rgba(255,255,255,.63); line-height:1.55; font-size:14px; }
.process-icon { width:72px; height:72px; border:1px solid rgba(255,255,255,.18); border-radius:50%; position:relative; }
.process-icon::before,.process-icon::after { content:""; position:absolute; }
.process-icon.wash::before { width:22px; height:33px; border:2px solid var(--lime); border-radius:50% 50% 55% 55%; left:23px; top:16px; }
.process-icon.peel::before { width:32px; height:23px; border:2px solid var(--lime); border-radius:50%; left:18px; top:22px; transform:rotate(-18deg); }
.process-icon.peel::after { width:38px;height:2px;background:var(--lime);left:16px;top:35px;transform:rotate(-30deg); }
.process-icon.slice::before { width:38px;height:3px;background:var(--lime);left:16px;top:34px;box-shadow:0 -9px var(--lime),0 9px var(--lime); }
.process-icon.fry::before { inset:20px 14px 16px;border:2px solid var(--lime);border-radius:0 0 18px 18px;border-top:0; }
.process-icon.fry::after { width:7px;height:7px;border-radius:50%;background:var(--lime);left:24px;top:18px;box-shadow:16px 5px var(--lime),8px 16px var(--lime); }

.slice-lab { background:#171b12; display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; padding:130px 6vw; align-items:center; }
.slice-copy h2 { margin:0 0 28px; font-size:clamp(52px,6vw,95px); line-height:.95; letter-spacing:-.055em; }
.slice-copy > p:not(.eyebrow) { color:var(--muted); font-size:17px; line-height:1.7; max-width:520px; }
.slice-demo { min-height:520px; border-radius:30px; background:#d7d0bd; color:var(--ink); position:relative; overflow:hidden; padding:30px; }
.ruler { display:flex; justify-content:space-between; font:500 10px "DM Mono"; opacity:.55; border-bottom:1px solid rgba(0,0,0,.16); padding-bottom:10px; }
.chip-stack { position:absolute; left:50%; top:48%; transform:translate(-50%,-50%); width:340px; height:250px; }
.chip-stack i { position:absolute; left:50%; top:50%; width:280px; height:145px; border-radius:50%; background:radial-gradient(ellipse at 35% 30%,#f6dc8c,#cf9c3f 65%,#a96921); border:2px solid rgba(105,65,14,.16); box-shadow:0 18px 30px rgba(45,32,13,.18); transform-origin:center; }
.chip-stack i:nth-child(1){transform:translate(-50%,-50%) rotate(-13deg) translateY(-42px)}
.chip-stack i:nth-child(2){transform:translate(-50%,-50%) rotate(11deg) translateY(-25px)}
.chip-stack i:nth-child(3){transform:translate(-50%,-50%) rotate(-6deg) translateY(-8px)}
.chip-stack i:nth-child(4){transform:translate(-50%,-50%) rotate(14deg) translateY(9px)}
.chip-stack i:nth-child(5){transform:translate(-50%,-50%) rotate(-9deg) translateY(26px)}
.chip-stack i:nth-child(6){transform:translate(-50%,-50%) rotate(7deg) translateY(43px)}
.chip-stack i:nth-child(7){transform:translate(-50%,-50%) rotate(-2deg) translateY(60px)}
.slice-readout { position:absolute; left:30px; bottom:68px; display:flex; align-items:baseline; gap:6px; }
.slice-readout strong { font-size:68px; letter-spacing:-.07em; }
.slice-readout span { font:500 13px "DM Mono"; }
#sliceRange { position:absolute; left:30px; right:30px; bottom:28px; width:calc(100% - 60px); accent-color:var(--ink); }

.fry-section { min-height:100vh; position:relative; background:radial-gradient(circle at 67% 40%,#cb6d15 0,#6a2f13 28%,#22170d 62%,#11140e 100%); overflow:hidden; display:flex; align-items:center; padding:100px 6vw; }
.fry-copy { width:min(720px,70vw); position:relative; z-index:5; }
.fry-copy h2 { margin:0 0 25px; font-size:clamp(58px,8vw,126px); line-height:.9; letter-spacing:-.065em; }
.fry-copy p:last-child { color:rgba(255,255,255,.7); font-size:18px; line-height:1.7; max-width:570px; }
.fry-orb { position:absolute; width:55vw; aspect-ratio:1; right:-7vw; top:10%; border-radius:50%; background:radial-gradient(circle at 35% 28%,#ffd779 0,#d98b2e 27%,#9a4f16 62%,#4e260d 100%); box-shadow:inset -40px -60px 100px rgba(61,25,7,.3),0 70px 120px rgba(0,0,0,.35); filter:saturate(1.1); }
.bubbles i { position:absolute; border:1px solid rgba(255,225,152,.55); border-radius:50%; animation:bubble 5s ease-in infinite; opacity:0; }
.bubbles i:nth-child(1){width:20px;height:20px;right:12%;bottom:8%;animation-delay:.2s}
.bubbles i:nth-child(2){width:34px;height:34px;right:20%;bottom:5%;animation-delay:1.1s}
.bubbles i:nth-child(3){width:13px;height:13px;right:32%;bottom:4%;animation-delay:2s}
.bubbles i:nth-child(4){width:42px;height:42px;right:7%;bottom:12%;animation-delay:2.7s}
.bubbles i:nth-child(5){width:17px;height:17px;right:38%;bottom:8%;animation-delay:3.4s}
.bubbles i:nth-child(6){width:26px;height:26px;right:27%;bottom:2%;animation-delay:4s}
.bubbles i:nth-child(7){width:12px;height:12px;right:18%;bottom:10%;animation-delay:4.6s}
.bubbles i:nth-child(8){width:37px;height:37px;right:44%;bottom:3%;animation-delay:.8s}
.bubbles i:nth-child(9){width:10px;height:10px;right:5%;bottom:5%;animation-delay:1.9s}
.bubbles i:nth-child(10){width:24px;height:24px;right:34%;bottom:12%;animation-delay:3s}
@keyframes bubble { 0%{transform:translateY(0) scale(.7);opacity:0} 20%{opacity:.8} 100%{transform:translateY(-70vh) scale(1.4);opacity:0} }

.season-section { background:var(--paper); color:var(--ink); display:grid; grid-template-columns:1fr 1fr; min-height:850px; }
.season-copy { padding:120px 6vw; align-self:center; }
.season-copy h2 { margin:0 0 26px; font-size:clamp(52px,6vw,96px); line-height:.94; letter-spacing:-.055em; }
.season-copy > p:not(.eyebrow) { max-width:570px; line-height:1.7; color:rgba(17,19,15,.65); font-size:17px; }
.flavors { display:flex; gap:8px; flex-wrap:wrap; margin-top:35px; }
.flavor { border:1px solid rgba(17,19,15,.18); background:transparent; padding:11px 15px; border-radius:999px; cursor:pointer; transition:.25s ease; }
.flavor.active,.flavor:hover { background:var(--ink); color:var(--paper); }
.season-visual { position:relative; overflow:hidden; min-height:850px; background:#beb69f; display:flex; align-items:center; justify-content:center; transition:background .5s ease; }
.big-chip { width:420px; height:290px; border-radius:50%; background:radial-gradient(ellipse at 35% 30%,#f9dfa0,#d59c37 65%,#a96b22); box-shadow:0 70px 90px rgba(67,44,15,.25),inset -20px -20px 35px rgba(110,62,17,.18); transform:rotate(-14deg); }
.season-particles { position:absolute; inset:0; pointer-events:none; background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px); background-size:27px 29px; opacity:.48; mix-blend-mode:soft-light; animation:seasonDrift 9s linear infinite; }
@keyframes seasonDrift { to { background-position:60px 100px; } }
.flavor-label { position:absolute; bottom:35px; left:35px; font:700 54px "DM Mono"; letter-spacing:-.05em; opacity:.18; }

.pack-section { min-height:105vh; background:#d8ff68; color:var(--ink); overflow:hidden; }
.pack-content { min-height:105vh; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; padding:90px 6vw; }
.pack-copy h2 { margin:0 0 30px; font-size:clamp(55px,7vw,105px); line-height:.92; letter-spacing:-.06em; }
.pack-copy > p:not(.eyebrow) { max-width:560px; font-size:17px; line-height:1.7; color:rgba(17,19,15,.66); }
.pack-copy .eyebrow { color:rgba(17,19,15,.55); }
.bag-wrap { perspective:1100px; display:flex; justify-content:center; align-items:center; min-height:700px; }
.chips-bag { width:min(430px,65vw); aspect-ratio:.72; background:linear-gradient(145deg,#171b14,#080a07); border-radius:28px 28px 42px 42px; position:relative; color:white; padding:38px; display:flex; flex-direction:column; box-shadow:0 60px 90px rgba(28,40,13,.25); transform-style:preserve-3d; transition:transform .14s ease-out; overflow:hidden; }
.chips-bag::before,.chips-bag::after { content:""; position:absolute; left:14px; right:14px; height:9px; border-block:1px solid rgba(255,255,255,.2); }
.chips-bag::before { top:13px; } .chips-bag::after { bottom:13px; }
.bag-gloss { position:absolute; inset:-40% -50%; background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.12) 48%,transparent 56%); transform:rotate(12deg); pointer-events:none; }
.chips-bag small { font:500 10px "DM Mono"; color:var(--lime); letter-spacing:.08em; }
.chips-bag > strong { font-size:70px; line-height:.78; letter-spacing:-.07em; margin-top:45px; }
.bag-potato { width:330px; position:absolute; right:-45px; bottom:100px; transform:rotate(-18deg); filter:drop-shadow(0 30px 35px rgba(0,0,0,.5)); }
.bag-potato img { width:100%; }
.chips-bag > span { margin-top:auto; font:500 12px "DM Mono"; opacity:.6; }

.final-photo { min-height:100vh; position:relative; display:flex; align-items:flex-end; overflow:hidden; isolation:isolate; padding:10vh 6vw; }
.final-photo-bg { position:absolute; inset:0; z-index:-3; background:url("https://images.pexels.com/photos/7886048/pexels-photo-7886048.jpeg?auto=compress&cs=tinysrgb&w=2200") center 55%/cover; transform:scale(1.03); }
.final-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(180deg,rgba(5,6,3,.15),rgba(5,6,3,.85)); }
.final-copy h2 { font-size:clamp(58px,8vw,128px); line-height:.9; letter-spacing:-.065em; margin:0; }
.final-copy h2 em { color:var(--lime); font-style:normal; }
.back-top { display:inline-flex; margin-top:38px; border:1px solid rgba(255,255,255,.25); padding:14px 18px; border-radius:999px; backdrop-filter:blur(12px); transition:.25s; }
.back-top:hover { background:var(--lime); color:var(--ink); border-color:var(--lime); }

footer { background:#0c0e0a; padding:40px 6vw; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px; align-items:end; }
footer div { display:flex; gap:10px; align-items:center; }
footer p,footer small { color:var(--muted); margin:0; font-size:12px; }
footer small { text-align:right; }

.reveal { opacity:0; transform:translateY(35px); transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.in { opacity:1; transform:none; }
.delay-1 { transition-delay:.09s; } .delay-2 { transition-delay:.18s; } .delay-3 { transition-delay:.27s; }

@media (max-width: 980px) {
  .nav { display:none; }
  .hero-meta { display:none; }
  .hero-potato { width:62vw; right:-17vw; bottom:-4vw; opacity:.85; }
  .intro-grid { grid-template-columns:1fr; }
  .story-card,.photo-card { min-height:420px; }
  .earth-sticky { grid-template-columns:1fr; }
  .earth-copy { min-height:50vh; padding-top:120px; }
  .soil-scene { min-height:50vh; }
  .earth-section { min-height:150vh; }
  .harvest-section { grid-template-columns:1fr; }
  .harvest-photo { min-height:620px; }
  .factory-steps { grid-template-columns:1fr 1fr; }
  .slice-lab,.season-section,.pack-content { grid-template-columns:1fr; }
  .season-visual { min-height:620px; }
  .bag-wrap { min-height:620px; }
  footer { grid-template-columns:1fr; }
  footer small { text-align:left; }
}
@media (max-width: 620px) {
  .topbar { left:10px; right:10px; top:10px; }
  .pill-link { display:none; }
  .hero { padding-left:22px; padding-right:22px; }
  .hero-copy { width:100%; }
  .hero-title { font-size:clamp(56px,20vw,90px); }
  .hero-lead { width:100%; font-size:15px; }
  .hero-potato { width:90vw; opacity:.6; }
  .intro-section,.factory-section,.slice-lab,.season-copy,.pack-content { padding-left:22px; padding-right:22px; }
  .factory-steps { grid-template-columns:1fr; }
  .process-card { min-height:330px; }
  .harvest-section { padding:10px; }
  .harvest-copy { padding:55px 22px; }
  .stat-row { grid-template-columns:1fr; }
  .slice-demo { min-height:450px; }
  .chip-stack { transform:translate(-50%,-50%) scale(.72); }
  .big-chip { width:300px; height:210px; }
  .chips-bag { width:330px; padding:28px; }
  .chips-bag > strong { font-size:54px; }
  .bag-potato { width:260px; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.001ms !important; }
  .cursor-glow { display:none; }
}