@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:wght@400;500;600&family=Rye&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root { --night:#1e2520; --soil:#3a271d; --paper:#ead8b6; --paper-dark:#c5aa7d; --cream:#f5e9cf; --red:#a53b2d; --red-dark:#742a25; --denim:#245267; --denim-dark:#173b49; --hay:#d2a143; --alien:#b6ee72; --alien-dark:#4e7b37; --ink:#2b2119; --muted:#786a57; --muted-light:#cbb58e; --line:rgba(43,33,25,.2); --line-dark:rgba(245,233,207,.22); --display:'Bebas Neue',Impact,sans-serif; --western:'Rye',Georgia,serif; --body:'Space Grotesk',Arial,sans-serif; --mono:'DM Mono',monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--paper); }
body { margin:0; overflow-x:hidden; color:var(--ink); background:var(--paper); font-family:var(--body); }
a { color:inherit; text-decoration:none; }
button { color:inherit; font:inherit; }
img { display:block; max-width:100%; }
::selection { color:var(--cream); background:var(--red); }
:focus-visible { outline:3px solid var(--alien); outline-offset:4px; }
.skip-link { position:fixed; z-index:100; top:12px; left:12px; padding:10px 14px; color:var(--cream); background:var(--soil); font:600 11px var(--mono); transform:translateY(-150%); transition:transform .2s; }
.skip-link:focus { transform:none; }
.grain { position:fixed; z-index:90; inset:0; pointer-events:none; opacity:.065; mix-blend-mode:multiply; 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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E"); }
.cursor-signal { position:fixed; z-index:-1; width:22rem; height:22rem; border-radius:50%; pointer-events:none; opacity:.1; background:var(--alien); filter:blur(110px); transform:translate(-50%,-50%); }

.topbar { position:fixed; z-index:70; top:0; right:0; left:0; display:flex; align-items:center; justify-content:space-between; min-height:76px; padding:0 clamp(20px,6vw,88px); color:var(--cream); border-bottom:1px solid rgba(245,233,207,.17); background:rgba(58,39,29,.92); transition:background .25s,backdrop-filter .25s; }
.topbar.scrolled { background:rgba(58,39,29,.97); backdrop-filter:blur(15px); }
.wordmark { display:flex; align-items:center; gap:11px; font-family:var(--mono); text-transform:uppercase; }
.wordmark > span:last-child { display:grid; gap:3px; }
.wordmark b { color:var(--cream); font-size:11px; letter-spacing:.1em; }
.wordmark small { color:var(--muted-light); font-size:8px; letter-spacing:.08em; }
.wordmark-mark { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--alien); color:var(--alien); font:600 10px var(--mono); }
.topnav { display:flex; align-items:center; gap:clamp(17px,2.8vw,38px); font:600 10px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.topnav a { color:var(--muted-light); transition:color .2s; }
.topnav a:hover { color:var(--alien); }
.nav-toggle { display:none; border:0; padding:8px; background:transparent; cursor:pointer; }
.nav-toggle span { display:block; width:24px; height:2px; margin:5px 0; background:var(--alien); }

.farm-hero { position:relative; min-height:100svh; overflow:hidden; background:var(--soil); }
.farm-hero-image { position:absolute; inset:0; overflow:hidden; }
.parallax-world { position:absolute; z-index:0; inset:0; overflow:hidden; background:var(--soil); perspective:900px; }
.parallax-layer { position:absolute; display:block; max-width:none; pointer-events:none; will-change:transform; }
.layer-base { z-index:0; inset:-4%; width:108%; height:108%; object-fit:cover; object-position:center; filter:saturate(1.04) contrast(1.06); transform:scale(1.04) translate3d(var(--parallax-base-x,0px),calc(var(--parallax-base-y,0px) + var(--parallax-scroll-base,0px)),0); transition:filter .6s; }
.layer-barnyard { z-index:2; right:-4%; bottom:3%; width:108%; height:auto; transform:translate3d(var(--parallax-barn-x,0px),calc(var(--parallax-barn-y,0px) + var(--parallax-scroll-barn,0px)),0) scale(1.05); transform-origin:center bottom; }
.parallax-scarecrow { position:absolute; z-index:3; left:56%; bottom:7%; width:clamp(120px,13vw,220px); max-width:none; pointer-events:none; transform:translate3d(var(--parallax-scarecrow-x,0px),calc(var(--parallax-scarecrow-y,0px) + var(--parallax-scroll-scarecrow,0px)),0) rotate(2deg); transform-origin:70% 100%; filter:drop-shadow(7px 10px 0 rgba(58,39,29,.25)); animation:scarecrow-sneak 5.5s ease-in-out infinite; }
@keyframes scarecrow-sneak { 0%,100%{margin-left:0;transform:translate3d(var(--parallax-scarecrow-x,0px),calc(var(--parallax-scarecrow-y,0px) + var(--parallax-scroll-scarecrow,0px)),0) rotate(2deg)} 50%{margin-left:-9px;transform:translate3d(var(--parallax-scarecrow-x,0px),calc(var(--parallax-scarecrow-y,0px) + var(--parallax-scroll-scarecrow,0px)),0) rotate(-4deg)} }
.layer-fence { z-index:4; right:-4%; bottom:-2%; width:108%; height:auto; transform:translate3d(var(--parallax-fence-x,0px),calc(var(--parallax-fence-y,0px) + var(--parallax-scroll-fence,0px)),0) scale(1.05); transform-origin:center bottom; }
.farm-hero:hover .layer-base { filter:saturate(1.08) contrast(1.08); }
.hero-vignette { position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(35,27,20,.86) 0%,rgba(35,27,20,.66) 30%,rgba(35,27,20,.1) 63%,rgba(35,27,20,.35)),linear-gradient(0deg,rgba(35,27,20,.64),transparent 36%,rgba(35,27,20,.15)); }
.cloud-field { position:absolute; z-index:1; inset:8% 0 auto; height:30%; pointer-events:none; }
.drift-cloud { position:absolute; width:clamp(190px,24vw,390px); opacity:.76; mix-blend-mode:screen; filter:sepia(.04) saturate(1.08) contrast(1.03); }
.cloud-1 { top:3%; left:-28%; animation:cloud-drift-a 72s linear infinite; }
.cloud-2 { top:36%; left:-18%; width:clamp(150px,18vw,280px); opacity:.45; animation:cloud-drift-b 95s linear infinite; animation-delay:-33s; }
.cloud-3 { top:56%; left:-30%; width:clamp(130px,16vw,245px); opacity:.35; animation:cloud-drift-a 110s linear infinite; animation-delay:-71s; }
@keyframes cloud-drift-a { from{transform:translateX(0)} to{transform:translateX(145vw)} }
@keyframes cloud-drift-b { from{transform:translateX(0) scale(.92)} to{transform:translateX(145vw) scale(1.03)} }
.bird-flight { position:absolute; z-index:3; inset:0; pointer-events:none; }
.sky-bird { position:absolute; max-width:none; opacity:.82; filter:drop-shadow(0 5px 5px rgba(0,0,0,.2)); animation:bird-glide 7s ease-in-out infinite; }
.bird-1 { left:13%; top:21%; width:clamp(28px,3.2vw,52px); animation-delay:-1s; }
.bird-2 { left:32%; top:30%; width:clamp(20px,2.4vw,38px); transform:scaleX(-1); animation-name:bird-glide-reverse; animation-delay:-4s; }
.bird-3 { left:57%; top:16%; width:clamp(24px,2.8vw,45px); animation-delay:-2.5s; }
.bird-4 { left:80%; top:25%; width:clamp(16px,2vw,31px); transform:scaleX(-1); animation-name:bird-glide-reverse; animation-delay:-5s; }
@keyframes bird-glide { 0%,100%{transform:translate(0,0) rotate(-2deg)} 50%{transform:translate(12px,-8px) rotate(3deg)} }
@keyframes bird-glide-reverse { 0%,100%{transform:scaleX(-1) translate(0,0) rotate(2deg)} 50%{transform:scaleX(-1) translate(12px,-8px) rotate(-3deg)} }
.hero-ufo { position:absolute; z-index:6; top:31%; left:74%; width:clamp(120px,13vw,230px); aspect-ratio:3/2; pointer-events:none; transform:translate(-50%,-50%); animation:ufo-zip 18s cubic-bezier(.2,.8,.2,1) infinite; isolation:isolate; will-change:transform; }
.hero-ufo img { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 18px 16px rgba(0,0,0,.35)); animation:ufo-bank 3.5s ease-in-out infinite; }
.tractor-beam { position:absolute; z-index:0; top:63%; left:50%; width:155%; height:300%; background:linear-gradient(180deg,rgba(199,255,141,.82),rgba(182,238,114,.3) 45%,transparent 100%); clip-path:polygon(39% 0,61% 0,100% 100%,0 100%); filter:blur(2px) drop-shadow(0 0 15px rgba(182,238,114,.68)); transform:translateX(-50%); opacity:0; animation:beam-on-off 18s ease-in-out infinite; }
@keyframes ufo-zip { 0%,4%{transform:translate(-50%,-50%) translate(0,0) rotate(-3deg)} 12%{transform:translate(-50%,-50%) translate(17vw,-7vh) rotate(13deg)} 14%,26%{transform:translate(-50%,-50%) translate(17vw,-7vh) rotate(4deg)} 34%{transform:translate(-50%,-50%) translate(-7vw,8vh) rotate(-14deg)} 36%,48%{transform:translate(-50%,-50%) translate(-7vw,8vh) rotate(-4deg)} 56%{transform:translate(-50%,-50%) translate(21vw,13vh) rotate(15deg)} 58%,70%{transform:translate(-50%,-50%) translate(21vw,13vh) rotate(5deg)} 78%{transform:translate(-50%,-50%) translate(-19vw,-4vh) rotate(-16deg)} 80%,92%{transform:translate(-50%,-50%) translate(-19vw,-4vh) rotate(-5deg)} 100%{transform:translate(-50%,-50%) translate(0,0) rotate(-3deg)} }
@keyframes ufo-bank { 50%{transform:translateY(8px) rotate(-4deg) scale(.97)} }
@keyframes beam-on-off { 0%,14%{opacity:0} 16%,27%{opacity:.86} 34%,36%{opacity:0} 38%,49%{opacity:.86} 56%,58%{opacity:0} 60%,71%{opacity:.86} 78%,80%{opacity:0} 82%,93%{opacity:.86} 100%{opacity:0} }
.hero-fireflies { position:absolute; z-index:4; inset:0; pointer-events:none; }
.hero-fireflies i { position:absolute; width:5px; height:5px; border-radius:50%; background:var(--alien); box-shadow:0 0 12px var(--alien); animation:firefly 6s ease-in-out infinite; }
.hero-fireflies i:nth-child(1){left:66%;top:53%;animation-delay:-1s}.hero-fireflies i:nth-child(2){left:77%;top:45%;animation-delay:-4s}.hero-fireflies i:nth-child(3){left:70%;top:66%;animation-delay:-2s}.hero-fireflies i:nth-child(4){left:87%;top:60%;animation-delay:-5s}.hero-fireflies i:nth-child(5){left:46%;top:70%;animation-delay:-3s}.hero-fireflies i:nth-child(6){left:92%;top:37%;animation-delay:-1.5s}
@keyframes firefly { 50%{opacity:.18;transform:translate(14px,-18px) scale(.6)} }
.farm-emblem { position:absolute; z-index:3; right:6%; bottom:8%; width:clamp(110px,13vw,205px); opacity:.78; filter:drop-shadow(0 10px 15px rgba(0,0,0,.28)); transform:rotate(5deg) translateY(var(--emblem-y,0)); transition:transform .25s; }
.hero-copy { position:relative; z-index:6; display:flex; flex-direction:column; justify-content:center; min-height:100svh; max-width:610px; padding:140px clamp(20px,8vw,120px) 150px; color:var(--cream); }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 18px; color:var(--muted-light); font:600 10px var(--mono); letter-spacing:.14em; }
.led { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--alien); box-shadow:0 0 0 0 rgba(182,238,114,.6); animation:pulse 2s infinite; }
@keyframes pulse { 70%{box-shadow:0 0 0 8px rgba(182,238,114,0)} 100%{box-shadow:0 0 0 0 rgba(182,238,114,0)} }
h1,h2,h3 { margin:0; font-family:var(--display); font-weight:400; line-height:.8; text-transform:uppercase; }
h1 { font-size:clamp(105px,15vw,230px); letter-spacing:.02em; }
h1 span,h1 em { display:block; font-style:normal; }
h1 span { color:var(--cream); }
h1 em { color:var(--hay); font-family:var(--western); font-size:.68em; letter-spacing:.01em; text-shadow:5px 5px 0 var(--red-dark); }
.hero-tagline { margin:24px 0 0; color:#f1d9b3; font:400 clamp(20px,2.4vw,32px)/1.05 var(--western); }
.hero-tagline strong { color:var(--alien); font:400 .72em var(--display); letter-spacing:.05em; text-transform:uppercase; }
.hero-actions { display:flex; align-items:center; gap:22px; margin-top:35px; }
.stamp-button { display:inline-flex; align-items:center; gap:28px; padding:15px 18px; color:var(--soil); background:var(--alien); box-shadow:6px 6px 0 var(--soil); font:600 10px var(--mono); letter-spacing:.06em; text-transform:uppercase; transition:transform .2s,box-shadow .2s,background .2s; }
.stamp-button span { font-size:17px; }
.stamp-button:hover { background:var(--hay); transform:translate(-2px,-2px); box-shadow:8px 8px 0 var(--soil); }
.underline-link { padding-bottom:6px; border-bottom:1px solid var(--cream); color:var(--cream); font:600 10px var(--mono); text-transform:uppercase; }
.underline-link:hover { color:var(--alien); border-color:var(--alien); }
.hero-telemetry { position:absolute; z-index:7; right:clamp(20px,7vw,105px); bottom:80px; display:flex; gap:24px; color:var(--cream); }
.hero-telemetry div { display:grid; gap:4px; padding-left:10px; border-left:2px solid var(--hay); }
.hero-telemetry span { color:var(--muted-light); font:600 8px var(--mono); letter-spacing:.12em; }
.hero-telemetry b { font:600 10px var(--mono); letter-spacing:.05em; }
.hero-telemetry .green { color:var(--alien); }
.hero-crop-line { position:absolute; z-index:7; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; gap:18px; padding:12px; color:var(--cream); background:var(--denim); font:600 9px var(--mono); letter-spacing:.1em; }
.hero-crop-line i { width:5px; height:5px; border-radius:50%; background:var(--alien); }

.field-section { display:grid; grid-template-columns:220px minmax(360px,1.2fr) minmax(300px,.8fr); align-items:center; gap:clamp(28px,5vw,74px); padding:clamp(100px,12vw,170px) clamp(20px,7vw,105px); background:var(--paper); }
.section-number { margin:0 0 17px; color:var(--red); font:600 10px var(--mono); letter-spacing:.14em; }
h2 { font-size:clamp(72px,9vw,142px); letter-spacing:.01em; }
h2 em { color:var(--denim); font-family:var(--western); font-size:.7em; font-style:normal; }
.intro-copy { margin:25px 0 0; color:var(--muted); font-size:13px; line-height:1.7; }
.field-legend { display:grid; gap:10px; margin-top:32px; color:var(--muted); font:600 8px var(--mono); letter-spacing:.06em; }
.dot { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; vertical-align:-1px; background:var(--denim); }
.dot-new { background:var(--alien-dark); }.dot-alien { background:var(--red); box-shadow:0 0 0 3px rgba(165,59,45,.14); }
.field-map { position:relative; min-height:560px; overflow:hidden; border:3px solid var(--soil); background:linear-gradient(150deg,#9d783f,#c79a4d 48%,#7a5a36); box-shadow:12px 12px 0 var(--denim-dark); isolation:isolate; }
.field-map::before { content:''; position:absolute; inset:0; z-index:-1; opacity:.45; background:repeating-linear-gradient(78deg,transparent 0 22px,rgba(56,62,35,.22) 23px 25px),repeating-linear-gradient(168deg,transparent 0 31px,rgba(244,217,151,.2) 32px 34px); }
.field-map::after { content:''; position:absolute; inset:17px; z-index:-1; border:1px dashed rgba(245,233,207,.55); clip-path:polygon(0 0,100% 0,100% 88%,72% 100%,0 84%); }
.map-coordinates,.map-label { position:absolute; z-index:5; color:var(--soil); font:600 8px var(--mono); letter-spacing:.08em; }
.map-coordinates { top:15px; right:16px; }.map-label { padding:6px 7px; background:rgba(245,233,207,.84); }.map-barn{left:22px;bottom:28px}.map-corn{right:19px;top:45%}.map-ufo{right:18px;bottom:27px;background:var(--alien)}
.field-row { position:absolute; z-index:3; display:flex; gap:18px; }.row-a{top:110px;left:40px}.row-b{top:260px;right:34px}.row-c{bottom:78px;left:60px;align-items:center}
.field-plot { position:relative; width:115px; height:105px; border:0; cursor:pointer; background:repeating-linear-gradient(78deg,#5b783d 0 5px,#78924c 5px 10px); clip-path:polygon(10% 0,100% 12%,88% 100%,0 84%); transition:transform .3s,filter .3s; }
.field-plot::after { content:''; position:absolute; inset:14px; border:1px solid rgba(245,233,207,.6); clip-path:inherit; }.field-plot span{position:absolute;z-index:2;top:19px;left:23px;color:var(--cream);font:400 22px var(--western)}.field-plot i{position:absolute;right:25px;bottom:23px;width:9px;height:9px;border-radius:50%;background:var(--alien);box-shadow:0 0 0 6px rgba(182,238,114,.17)}
.field-plot:hover,.field-plot.active { transform:scale(1.08) rotate(-3deg); filter:saturate(1.35); }.field-plot.active { outline:3px solid var(--alien); outline-offset:6px; }
.ufo-orbit { position:relative; width:145px; height:145px; border:1px dashed var(--alien); border-radius:50%; animation:orbit-spin 13s linear infinite; }.ufo-orbit::before{content:'';position:absolute;inset:23px;border:1px solid rgba(245,233,207,.6);border-radius:50%}.ufo-orbit .ufo{position:absolute;top:53px;left:53px;width:38px;height:20px;border:3px solid var(--soil);border-radius:50%;background:var(--alien);box-shadow:0 0 18px rgba(182,238,114,.8)}.ufo-orbit .ufo::after{content:'';position:absolute;top:15px;left:8px;width:16px;height:28px;background:rgba(182,238,114,.47);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}.ufo-orbit span{position:absolute;top:10px;left:69px;width:7px;height:7px;border-radius:50%;background:var(--red)}
@keyframes orbit-spin { to{transform:rotate(360deg)} }
.transmission-panel { display:grid; grid-template-columns:120px 1fr; gap:19px; align-self:stretch; padding:20px; border:3px solid var(--soil); background:var(--cream); box-shadow:12px 12px 0 var(--red); }
.panel-overline { grid-column:1/-1; display:flex; justify-content:space-between; padding-bottom:14px; border-bottom:2px solid var(--line); color:var(--muted); font:600 8px var(--mono); letter-spacing:.1em; }.panel-overline span:last-child{color:var(--alien-dark)}.panel-overline .led{width:6px;height:6px;margin-right:6px}
.panel-art { position:relative; align-self:start; aspect-ratio:1; overflow:hidden; border:2px solid var(--soil); }.panel-art img{width:100%;height:100%;object-fit:cover}.panel-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(182,238,114,.15) 5px);mix-blend-mode:multiply}
.panel-copy { align-self:end; }.panel-kicker{margin:0 0 10px;color:var(--red);font:600 8px var(--mono);letter-spacing:.1em}.panel-copy h3{color:var(--denim);font-size:clamp(41px,4.2vw,66px)}.panel-copy > p:not(.panel-kicker){margin:16px 0;color:var(--muted);font-size:12px;line-height:1.65}.panel-actions{display:flex;flex-wrap:wrap;gap:7px}.panel-actions a{padding:8px 9px;border:2px solid var(--soil);font:600 8px var(--mono);text-transform:uppercase;transition:background .2s,color .2s}.panel-actions a:hover{color:var(--cream);background:var(--denim)}.panel-actions span{color:var(--red)}
.panel-meter{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr 28px;align-items:center;gap:10px;padding-top:13px;border-top:2px solid var(--line);color:var(--muted);font:600 8px var(--mono)}.panel-meter b{height:7px;background:var(--paper-dark)}.panel-meter b i{display:block;height:100%;background:var(--alien-dark);transition:width .4s}.panel-meter strong{color:var(--red);font:400 22px var(--western);text-align:right}

.archive-section { position:relative; padding:clamp(105px,12vw,175px) clamp(20px,7vw,105px); color:var(--cream); background:var(--denim-dark); overflow:hidden; }.archive-section::before{content:'';position:absolute;inset:0;opacity:.12;background:repeating-linear-gradient(90deg,transparent 0 74px,rgba(245,233,207,.35) 75px 76px),repeating-linear-gradient(0deg,transparent 0 74px,rgba(245,233,207,.2) 75px 76px);pointer-events:none}.archive-heading{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:68px}.archive-heading h2{font-size:clamp(84px,12vw,180px)}.archive-heading h2 em{color:var(--alien)}.archive-heading > p:last-child{max-width:260px;margin:0;color:var(--muted-light);font-size:13px;line-height:1.65}.cover-wall{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,1fr);align-items:start;gap:18px;max-width:1250px;margin:auto}.cover-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:9px 9px 14px;border:0;color:var(--ink);background:var(--paper);box-shadow:8px 11px 0 rgba(0,0,0,.25);cursor:pointer;text-align:left;transform:rotate(var(--tilt));transition:transform .35s,box-shadow .35s,filter .35s}.cover-card:hover,.cover-card.active{z-index:3;transform:rotate(0) translateY(-12px) scale(1.045);box-shadow:14px 18px 0 rgba(0,0,0,.3),0 0 0 4px var(--alien);filter:saturate(1.1)}.cover-one{grid-column:1/4;--tilt:-4deg}.cover-two{grid-column:3/6;margin-top:42px;--tilt:3deg}.cover-three{grid-column:5/8;--tilt:-2deg}.cover-four{grid-column:7/10;margin-top:34px;--tilt:4deg}.cover-five{grid-column:9/13;--tilt:-3deg}.cover-card img{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid var(--soil)}.cover-card strong{padding-top:11px;font:400 24px/.85 var(--display);letter-spacing:.03em;text-transform:uppercase}.cover-card small{padding-top:9px;color:var(--red);font:600 8px var(--mono);letter-spacing:.1em}.cover-id{position:absolute;z-index:2;top:15px;left:15px;padding:6px;color:var(--cream);background:var(--soil);font:600 8px var(--mono)}.cover-card.new::after{content:'NEW';position:absolute;top:14px;right:14px;padding:6px;color:var(--soil);background:var(--alien);font:600 8px var(--mono)}

.about-section{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:700px;overflow:hidden;color:var(--cream);background:var(--red)}.about-sky{position:absolute;inset:0;overflow:hidden;background:linear-gradient(145deg,rgba(31,37,32,.22),transparent 45%),linear-gradient(180deg,#224e62 0 47%,#a53b2d 48% 100%)}.about-sky::after{content:'';position:absolute;inset:47% 0 0;background:repeating-linear-gradient(170deg,transparent 0 33px,rgba(234,216,182,.12) 34px 35px);transform:skewY(-5deg)}.about-vane{position:absolute;z-index:2;right:10%;top:4%;width:clamp(220px,36vw,520px);height:90%;transform-origin:50% 50%;filter:drop-shadow(10px 16px 0 rgba(58,39,29,.35));animation:vane-spin 12s linear infinite;will-change:transform}.about-vane > img:not(.vane-propeller){width:100%;height:100%;object-fit:contain}.vane-propeller{position:absolute!important;z-index:3;top:58%;left:18%;width:24%!important;height:auto!important;aspect-ratio:1;object-fit:contain!important;transform:translate(-50%,-50%);transform-origin:50% 50%;animation:propeller-spin 1.15s linear infinite}@keyframes vane-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes propeller-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.about-boot{position:absolute;z-index:3;right:34%;bottom:-11%;width:clamp(190px,25vw,380px);filter:drop-shadow(10px 15px 0 rgba(58,39,29,.35));transform:rotate(-10deg)}.about-copy{position:relative;z-index:4;align-self:center;max-width:560px;padding:120px clamp(20px,8vw,110px);grid-column:1}.about-copy .section-number{color:var(--alien)}.about-copy h2{font-size:clamp(90px,12vw,180px)}.about-copy h2 em{color:var(--hay)}.about-copy > p:not(.section-number){max-width:470px;margin:29px 0 0;color:#f3ddc0;font-size:14px;line-height:1.75}.barn-link{display:inline-flex;gap:10px;margin-top:28px;padding-bottom:7px;border-bottom:2px solid var(--alien);font:600 9px var(--mono);letter-spacing:.1em}.barn-link span{color:var(--alien)}.about-card{position:absolute;z-index:5;right:8%;bottom:12%;display:grid;gap:11px;width:230px;padding:20px;color:var(--soil);background:var(--cream);box-shadow:9px 9px 0 var(--soil);transform:rotate(4deg)}.card-stamp{justify-self:start;padding:6px 7px;color:var(--cream);background:var(--red);font:600 8px var(--mono);letter-spacing:.08em}.about-card strong{font:400 35px/.82 var(--western)}.about-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.card-signature{padding-top:12px;border-top:1px solid var(--line);color:var(--red);font:600 9px var(--mono)}

.listen-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:clamp(100px,12vw,170px) clamp(20px,8vw,120px);background:var(--hay);color:var(--soil)}.listen-section h2{font-size:clamp(90px,12vw,180px)}.listen-section h2 em{color:var(--red)}.listen-section > div:first-child > p:last-child{max-width:300px;margin:25px 0 0;color:#6a5133;font-size:13px;line-height:1.65}.receivers{border-top:2px solid rgba(58,39,29,.45)}.receivers a{display:grid;grid-template-columns:32px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:3px 12px;padding:18px 0;border-bottom:2px solid rgba(58,39,29,.45);transition:padding .2s,color .2s}.receivers a:hover{padding-left:10px;color:var(--red)}.receivers span{grid-row:1/3;color:var(--red);font:400 21px var(--western)}.receivers strong{font:400 29px var(--display);text-transform:uppercase}.receivers small{color:#735d3b;font:600 8px var(--mono);letter-spacing:.1em}.receivers b{grid-column:3;grid-row:1/3;font:400 18px var(--body)}
.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px clamp(20px,7vw,105px);color:var(--muted-light);background:var(--soil);font:600 9px var(--mono);letter-spacing:.07em}.footer p{margin:0}.footer > a:not(.wordmark){color:var(--alien)}
[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}[data-reveal].visible{opacity:1;transform:none}
@media (pointer:fine){[data-tilt]{transition:transform .18s ease,filter .35s,box-shadow .35s}}

@media (max-width:1100px){.field-section{grid-template-columns:180px minmax(320px,1fr);}.transmission-panel{grid-column:1/-1;max-width:640px}.field-map{min-height:520px}.cover-card strong{font-size:20px}.about-boot{right:30%}}
@media (max-width:760px){.topbar{min-height:66px}.topnav{position:absolute;top:66px;right:14px;left:14px;display:grid;gap:0;padding:8px;border:2px solid var(--alien);background:rgba(58,39,29,.98);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s}.topnav.open{opacity:1;pointer-events:auto;transform:none}.topnav a{padding:15px 12px;border-bottom:1px solid rgba(245,233,207,.2)}.topnav a:last-child{border:0}.nav-toggle{display:block}.farm-hero{min-height:760px}.layer-base{object-position:58% center}.layer-barnyard{right:-25%;width:145%;bottom:5%}.layer-fence{right:-18%;width:138%;bottom:-1%}.hero-vignette{background:linear-gradient(0deg,rgba(35,27,20,.9) 0%,rgba(35,27,20,.45) 54%,rgba(35,27,20,.2)),linear-gradient(90deg,rgba(35,27,20,.5),transparent)}.hero-copy{min-height:760px;justify-content:flex-end;padding:120px 20px 125px}.hero-copy h1{font-size:clamp(100px,28vw,170px)}.hero-tagline{font-size:22px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-telemetry{right:20px;bottom:78px;gap:13px}.hero-telemetry div:nth-child(2){display:none}.hero-telemetry span{font-size:7px}.hero-telemetry b{font-size:8px}.hero-crop-line{justify-content:flex-start;overflow:hidden;white-space:nowrap;font-size:8px}.farm-truck{bottom:18%;width:260px;animation-duration:35s}.farm-emblem{right:2%;bottom:23%;width:120px}.hero-ufo{top:29%;left:72%;width:145px}.cloud-1{top:12%}.field-section{display:block;padding:90px 20px}.field-map{margin:50px 0 26px;min-height:470px}.field-row{transform:scale(.82)}.row-a{top:94px;left:13px}.row-b{top:235px;right:8px}.row-c{bottom:52px;left:38px}.map-label{font-size:7px}.transmission-panel{grid-template-columns:100px 1fr;padding:15px;box-shadow:7px 7px 0 var(--red)}.panel-copy h3{font-size:47px}.archive-section{padding:90px 20px}.archive-heading{display:block;margin-bottom:44px}.archive-heading > p:last-child{margin-top:25px}.cover-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.cover-card,.cover-two,.cover-three,.cover-four,.cover-five{grid-column:auto;margin-top:0}.cover-card strong{font-size:21px}.cover-card small{font-size:7px}.cover-id{font-size:7px}.about-section{display:block;min-height:760px}.about-copy{max-width:none;padding:90px 20px 0}.about-copy h2{font-size:100px}.about-vane{right:-15%;top:4%;width:390px;height:67%;opacity:.85}.about-boot{right:18%;bottom:-5%;width:270px}.about-card{right:20px;bottom:20px;width:190px;padding:14px}.about-card strong{font-size:28px}.listen-section{display:block;padding:90px 20px}.receivers{margin-top:45px}.footer{align-items:flex-start;flex-direction:column}}
@media (max-width:760px){.parallax-scarecrow{left:54%;bottom:7%;width:165px}}
.bird-flight { position:absolute; z-index:3; inset:0; pointer-events:none; overflow:visible; }
.bird-flight .sky-bird { position:absolute; left:-12%; max-width:none; opacity:.82; filter:drop-shadow(0 5px 5px rgba(0,0,0,.2)); animation:bird-wave 14s linear infinite; will-change:left,transform; }
.bird-flight .bird-1 { top:19%; width:clamp(26px,3vw,50px); animation-delay:-.3s; }
.bird-flight .bird-2 { top:29%; width:clamp(19px,2.3vw,36px); animation-name:bird-wave; animation-delay:-1.9s; transform:none; }
.bird-flight .bird-3 { top:14%; width:clamp(23px,2.7vw,43px); animation-delay:-3.5s; }
.bird-flight .bird-4 { top:25%; width:clamp(16px,1.9vw,29px); animation-name:bird-wave; animation-delay:-5s; transform:none; }
@keyframes bird-wave { 0%{left:-12%;transform:translateY(0) rotate(-3deg)} 18%{left:12%;transform:translateY(-7vh) rotate(4deg)} 36%{left:34%;transform:translateY(6vh) rotate(-3deg)} 54%{left:57%;transform:translateY(-8vh) rotate(4deg)} 72%{left:80%;transform:translateY(7vh) rotate(-3deg)} 100%{left:112%;transform:translateY(0) rotate(3deg)} }
.parallax-scarecrow { left:59%; bottom:-5%; width:clamp(96px,10vw,170px); opacity:.58; filter:grayscale(.12) sepia(.16) drop-shadow(4px 7px 0 rgba(58,39,29,.2)); }
.about-vane { z-index:4; }
.about-vane .vane-propeller { position:absolute!important; z-index:8; top:57%; left:34%; width:clamp(72px,10vw,140px)!important; height:auto!important; aspect-ratio:1; opacity:1; filter:drop-shadow(0 4px 5px rgba(28,21,16,.5)); animation:propeller-spin .68s linear infinite; will-change:transform; }
@keyframes propeller-spin { to { transform:translate(-50%,-50%) rotate(360deg); } }
@media (max-width:760px){.about-vane .vane-propeller{top:56%;left:32%;width:92px!important}}
.cloud-field .drift-cloud { width:clamp(260px,34vw,560px); opacity:.84; }
.cloud-field .cloud-1 { top:-6%; left:-38%; animation-duration:88s; }
.cloud-field .cloud-2 { top:20%; left:-45%; width:clamp(210px,28vw,460px); opacity:.66; animation-duration:112s; animation-delay:-37s; }
.cloud-field .cloud-3 { top:0%; left:-52%; width:clamp(180px,24vw,390px); opacity:.52; animation-duration:128s; animation-delay:-78s; }
@media (max-width:760px){.cloud-field .cloud-1{width:390px}.cloud-field .cloud-2{width:320px}.cloud-field .cloud-3{width:270px}}
.windmill-rotor-layer { position:absolute; z-index:5; right:-4%; bottom:3%; width:108%; aspect-ratio:1983/793; pointer-events:none; transform:translate3d(var(--parallax-barn-x,0px),calc(var(--parallax-barn-y,0px) + var(--parallax-scroll-barn,0px)),0) scale(1.05); transform-origin:center bottom; }
.windmill-rotor { position:absolute; z-index:1; top:26%; left:51.3%; width:clamp(82px,9vw,158px); aspect-ratio:1; pointer-events:none; transform:translate(-50%,-50%); border-radius:50%; filter:brightness(.78) saturate(.82) contrast(1.12) drop-shadow(0 3px 7px rgba(58,39,29,.45)); animation:windmill-rotor-spin 1.2s linear infinite; will-change:transform; }
.windmill-rotor img { display:block; width:100%; height:100%; object-fit:contain; }
.windmill-rotor-light { position:absolute; z-index:2; top:26%; left:51.3%; width:clamp(82px,9vw,158px); aspect-ratio:1; pointer-events:none; transform:translate(-50%,-50%); background:linear-gradient(108deg,transparent 0 43%,rgba(222,149,50,.08) 50%,rgba(255,183,69,.48) 73%,rgba(255,222,148,.25) 100%); opacity:.92; mix-blend-mode:screen; mask:url('assets/weathervane-rotor.png') center/contain no-repeat; -webkit-mask:url('assets/weathervane-rotor.png') center/contain no-repeat; }
@keyframes windmill-rotor-spin { to { transform:translate(-50%,-50%) rotate(360deg); } }
@media (max-width:760px){.windmill-rotor-layer{right:-25%;bottom:5%;width:145%}.windmill-rotor,.windmill-rotor-light{top:26%;left:51.3%;width:114px}}
.drift-cloud,.sky-bird,.hero-ufo,.windmill-rotor,.parallax-scarecrow,.hero-fireflies i{pointer-events:auto;cursor:pointer;touch-action:manipulation}
.drift-cloud.reacting{animation:cloud-puff .85s ease both}
.sky-bird.reacting{animation:bird-flap .58s ease both}
.hero-ufo.reacting{animation:ufo-react .8s cubic-bezier(.2,.8,.2,1) both}
.hero-ufo.reacting .tractor-beam{opacity:1;animation:beam-flash .8s ease both}
.windmill-rotor.reacting{animation:windmill-rotor-spin .42s linear 2}
.parallax-scarecrow.reacting{animation:scarecrow-react .8s ease both}
.hero-fireflies i.reacting{animation:firefly-react .55s ease both}
@keyframes cloud-puff{0%{transform:scale(1)}35%{transform:scale(1.08) translateY(-7px)}100%{transform:scale(1)}}
@keyframes bird-flap{0%,100%{transform:scale(1) translateY(0)}35%{transform:scale(.78,1.2) translateY(-10px)}70%{transform:scale(1.12,.86) translateY(-4px)}}
@keyframes ufo-react{0%{transform:translate(-50%,-50%) translate(0,0) rotate(-3deg)}45%{transform:translate(-50%,-50%) translate(-3vw,-2vh) rotate(-12deg) scale(1.08)}100%{transform:translate(-50%,-50%) translate(2vw,1vh) rotate(4deg)}}
@keyframes beam-flash{0%,100%{opacity:0}35%,68%{opacity:1}}
.scarecrow-straw{position:absolute;z-index:3;left:59%;bottom:-5%;width:clamp(96px,10vw,170px);height:clamp(150px,18vw,300px);pointer-events:none;opacity:0;transform:translate3d(var(--parallax-scarecrow-x,0px),calc(var(--parallax-scarecrow-y,0px) + var(--parallax-scroll-scarecrow,0px)),0);transform-origin:70% 100%;will-change:opacity}
.scarecrow-straw i{position:absolute;left:50%;top:42%;display:block;width:clamp(4px,.42vw,8px);height:clamp(24px,2.2vw,42px);border-radius:70% 35% 70% 35%;background:linear-gradient(98deg,#4c321f 0 16%,#c4924e 19% 42%,#f4d38d 46% 56%,#80602d 59% 74%,#432d1d 77% 100%);box-shadow:0 1px 0 rgba(255,226,153,.45);opacity:0;transform:translate(-50%,-50%);will-change:transform,opacity}
.scarecrow-straw.reacting{opacity:1}
.scarecrow-straw.reacting i{animation:straw-fly .9s cubic-bezier(.18,.76,.22,1) both}
@keyframes straw-fly{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0deg)}14%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--straw-r,0deg))}100%{opacity:0;transform:translate(calc(-50% + var(--straw-x,0px)),calc(-50% + var(--straw-y,0px))) scale(.68) rotate(calc(var(--straw-r,0deg) + 160deg))}}
.parallax-scarecrow.reacting{animation:scarecrow-pop .82s cubic-bezier(.18,.76,.22,1) both}
@keyframes scarecrow-pop{0%{opacity:1;transform:translate3d(var(--parallax-scarecrow-x,0px),calc(var(--parallax-scarecrow-y,0px) + var(--parallax-scroll-scarecrow,0px)),0) rotate(2deg) scale(1)}18%{opacity:1;transform:translate3d(var(--parallax-scarecrow-x,0px),calc(var(--parallax-scarecrow-y,0px) + var(--parallax-scroll-scarecrow,0px)),0) rotate(-8deg) scale(1.08)}42%{opacity:.72;transform:translate3d(var(--parallax-scarecrow-x,0px),calc(var(--parallax-scarecrow-y,0px) + var(--parallax-scroll-scarecrow,0px)),0) rotate(16deg) scale(.86)}100%{opacity:0;transform:translate3d(var(--parallax-scarecrow-x,0px),calc(var(--parallax-scarecrow-y,0px) + var(--parallax-scroll-scarecrow,0px)),0) rotate(28deg) scale(.15)}}
@keyframes firefly-react{0%{opacity:.2;transform:scale(1)}35%{opacity:1;transform:scale(2.8);box-shadow:0 0 25px 8px var(--alien)}100%{opacity:.2;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}