:root{--bg:#090e0b;--panel:#121b15;--panel2:#19251b;--line:#364836;--lime:#d9ff69;--green:#8df5aa;--cream:#f6f4e8;--muted:#a4b4a5;--orange:#ffad6a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:var(--bg)}
.shell{max-width:1500px;margin:auto}.top{height:80px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(9,14,11,.95)}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:900;letter-spacing:-.04em;line-height:1}.mark{width:32px;height:32px;border-radius:50%;background:var(--lime);color:var(--bg);display:grid;place-items:center;font-size:12px;letter-spacing:-.12em;padding-right:3px;box-shadow:0 0 22px #caff5a55}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.23em;font-weight:600;margin-top:6px}.top nav{display:flex;align-items:center;gap:32px}.top nav a{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#c9d5c6}.top nav a:hover{color:var(--lime)}.concept-pill,.mini-tag{font-size:10px;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--line);border-radius:100px;padding:10px 13px;color:var(--lime);white-space:nowrap}.menu{display:none;background:transparent;border:1px solid var(--line);color:var(--cream);border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:23px}
.hero{min-height:700px;position:relative;padding:clamp(48px,6vw,104px) clamp(22px,4vw,64px) 34px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(circle at 76% 42%,#294b2936,transparent 39%),linear-gradient(180deg,#0c140e,#090e0b)}.hero:before,.section-grid:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 98%,#9ce49a16 98%),linear-gradient(0deg,transparent 98%,#9ce49a16 98%);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 5%,#000 80%)}.eyebrow,.kicker{color:var(--lime);text-transform:uppercase;letter-spacing:.25em;font-size:10px;font-weight:700}.eyebrow:before{content:"";display:inline-block;width:20px;height:1px;background:var(--lime);vertical-align:middle;margin-right:10px}.hero h1{position:relative;z-index:2;font-weight:900;font-size:clamp(72px,9.7vw,154px);line-height:.79;letter-spacing:-.095em;text-transform:uppercase;margin:32px 0 34px;max-width:800px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{color:#d1dacd;max-width:440px;line-height:1.6;font-size:clamp(16px,1.45vw,20px);margin:0 0 31px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:54px;padding:0 18px 0 22px;border-radius:2px;background:var(--lime);color:var(--bg);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em;transition:transform .25s,background .25s}.cta:hover{transform:translateY(-3px);background:#eeffac}.cta b{font-size:23px;font-weight:400}.hero-copy{position:relative;z-index:2}.hero-art{min-height:510px;position:relative;display:flex;align-items:center;justify-content:center}.planet{width:min(40vw,515px);aspect-ratio:1;border-radius:50%;position:relative;transform:rotate(-16deg);background:radial-gradient(circle at 29% 24%,#f4ffb0 0 3%,transparent 13%),radial-gradient(circle at 38% 30%,#c6f67d 0 17%,#89c84d 36%,#476c2d 62%,#172816 78%);box-shadow:inset -33px -28px 40px #091708aa,inset 15px 18px 32px #f4ff8370,0 0 75px #a7e86e2b,0 0 0 1px #afeb7860;animation:float 8s ease-in-out infinite}.planet:before{content:"";position:absolute;inset:5%;border-radius:50%;background:repeating-radial-gradient(ellipse at 48% 46%,transparent 0 9px,#27492499 10px 12px,transparent 14px 29px);opacity:.55}.planet:after{content:"";position:absolute;inset:-11%;border:1px solid #b8e68d6b;border-radius:50%;transform:rotate(34deg) scaleY(.36);box-shadow:0 0 24px #b8e68d40}.orbit-label{position:absolute;right:0;bottom:21%;background:#141e16dd;border:1px solid #7da76588;backdrop-filter:blur(10px);padding:13px 16px;line-height:1.5;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--lime)}.orbit-label span{display:block;color:var(--muted);font-size:9px}.art-cross{position:absolute;left:0;top:10%;color:#b9ceac;font-size:11px;letter-spacing:.2em;writing-mode:vertical-rl}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:15px;position:relative;z-index:2;border-top:1px solid var(--line);padding-top:20px;margin-top:22px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.signal{display:flex;align-items:center;gap:9px;color:var(--lime)}.signal i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}
.ticker{overflow:hidden;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--lime);color:var(--bg);font-size:12px;font-weight:900;letter-spacing:.18em;padding:14px 0}.ticker div{width:max-content;animation:marquee 30s linear infinite}.ticker span{margin:0 35px}.section{padding:clamp(78px,9vw,145px) clamp(22px,4vw,64px);position:relative}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section h2{font-size:clamp(47px,7vw,105px);line-height:.88;letter-spacing:-.08em;text-transform:uppercase;margin:17px 0 0;max-width:790px}.section-head p{color:var(--muted);line-height:1.6;font-size:14px;max-width:280px;margin:0 0 5px}.section h2 em{font-style:normal;color:var(--lime)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product{position:relative;min-height:410px;background:var(--panel);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s,border-color .3s}.product:hover{transform:translateY(-5px);border-color:#9aba74}.product:nth-child(2){background:#18231a}.product:nth-child(3){background:#18211a}.product:nth-child(4){background:#181e18}.number{color:var(--muted);font-size:10px;letter-spacing:.16em}.product .visual{flex:1;min-height:215px;position:relative;display:grid;place-items:center}.visual .pack{width:100px;height:170px;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);background:linear-gradient(125deg,#e5ffb9,#74bf66 45%,#1c5b39);transform:rotate(-15deg);box-shadow:20px 16px 40px #0009;display:flex;align-items:center;justify-content:center;color:#153322;font-size:11px;font-weight:900;text-align:center;letter-spacing:-.05em}.visual .jar{width:145px;height:128px;border-radius:20px 20px 34px 34px;background:linear-gradient(100deg,#c0af83,#e2d3a3 30%,#706847);border-top:21px solid #a9bd78;box-shadow:20px 20px 38px #0009;display:grid;place-items:center;color:#162816;font-size:13px;font-weight:900;transform:rotate(11deg);text-align:center}.visual .pouch{width:130px;height:160px;border-radius:12px 12px 38px 38px;background:linear-gradient(120deg,#f1e8ab,#d9af62 60%,#946f39);transform:rotate(-10deg);display:grid;place-items:center;color:#344025;font-weight:900;font-size:12px;text-align:center;box-shadow:15px 20px 35px #0009}.visual .bone{font-size:116px;color:#d2eeb1;text-shadow:17px 22px 20px #0008;transform:rotate(-23deg);font-family:Arial}.product h3{font-size:clamp(21px,2.2vw,33px);line-height:1;letter-spacing:-.05em;text-transform:uppercase;margin:0 0 9px}.product p{font-size:12px;line-height:1.5;color:#a6b7a6;margin:0;min-height:37px}.product footer{font-size:9px;letter-spacing:.15em;color:var(--lime);text-transform:uppercase;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}
.manifesto{padding:clamp(80px,10vw,150px) clamp(22px,4vw,64px);background:var(--lime);color:#111a0e;position:relative;overflow:hidden}.manifesto:after{content:"2040";position:absolute;bottom:-.28em;right:-.05em;font-size:clamp(210px,33vw,560px);line-height:1;font-weight:900;letter-spacing:-.15em;color:#1b36131a;pointer-events:none}.manifesto .kicker{color:#355b23}.manifesto h2{position:relative;z-index:1;font-size:clamp(56px,8.4vw,129px);line-height:.91;letter-spacing:-.085em;text-transform:uppercase;max-width:1100px;margin:35px 0 28px}.manifesto p{position:relative;z-index:1;font-size:clamp(16px,1.8vw,22px);max-width:640px;line-height:1.5;margin:0}
.worlds{border-bottom:1px solid var(--line)}.world-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.world{min-height:310px;border:1px solid var(--line);padding:31px;position:relative;overflow:hidden;background:radial-gradient(circle at 90% 5%,#6ba34e2d,transparent 42%),var(--panel);display:flex;flex-direction:column;justify-content:space-between}.world:nth-child(2){background:radial-gradient(circle at 88% 8%,#ffbc7130,transparent 40%),var(--panel)}.world:nth-child(3){background:radial-gradient(circle at 90% 8%,#9bb9f039,transparent 45%),var(--panel)}.world:nth-child(4){background:radial-gradient(circle at 90% 8%,#8ee6c83c,transparent 42%),var(--panel)}.world .glyph{position:absolute;right:5%;top:18%;font-size:clamp(80px,10vw,150px);line-height:1;color:#dfff9820;font-weight:900;letter-spacing:-.1em;user-select:none}.world h3{position:relative;font-size:clamp(31px,4vw,62px);line-height:.9;letter-spacing:-.075em;text-transform:uppercase;max-width:480px;margin:12px 0}.world p{position:relative;color:#c4d0c0;font-size:14px;line-height:1.55;max-width:330px;margin:14px 0 0}.world .label{color:var(--lime);font-size:10px;text-transform:uppercase;letter-spacing:.2em}
.future{background:linear-gradient(145deg,#0d1a13,#090e0b);border-bottom:1px solid var(--line)}.future-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.future h2{max-width:650px}.future p{color:#b3c3b3;line-height:1.7;max-width:560px;font-size:17px}.future .statement{font-size:clamp(24px,3vw,43px);line-height:1.1;color:var(--cream);font-weight:800;letter-spacing:-.04em}.future .statement strong{color:var(--lime)}.future-card{border:1px solid var(--line);background:#142019;padding:40px;min-height:420px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.future-card:before{content:"A";position:absolute;font-size:460px;font-weight:900;top:-130px;right:-45px;color:#baff7130;line-height:1}.future-card .seal{width:76px;height:76px;border:1px solid var(--lime);border-radius:50%;display:grid;place-items:center;color:var(--lime);font-weight:900;font-size:20px;position:relative}.future-card h3{position:relative;font-size:clamp(39px,4.7vw,75px);text-transform:uppercase;letter-spacing:-.075em;line-height:.9;margin:0}.future-card p{position:relative;font-size:13px;margin:14px 0 0}
.closing{padding:clamp(90px,11vw,160px) clamp(22px,4vw,64px) 35px;background:radial-gradient(circle at 80% 45%,#48854932,transparent 38%)}.closing h2{font-size:clamp(70px,12vw,185px);line-height:.8;letter-spacing:-.1em;text-transform:uppercase;margin:35px 0 40px}.closing h2 span{color:var(--lime)}.closing p{max-width:620px;color:#d2ddd1;line-height:1.65;font-size:18px}.closing .note{max-width:650px;color:var(--muted);font-size:12px;margin-top:60px}.bottom{border-top:1px solid var(--line);padding-top:24px;margin-top:100px;display:flex;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.13em;color:var(--muted);text-transform:uppercase}.reveal{opacity:1;transform:none}@keyframes float{50%{transform:rotate(-12deg) translateY(-16px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.top nav{gap:16px}.top nav a{font-size:10px}.hero{min-height:650px}.hero-art{min-height:350px}.product-grid{grid-template-columns:repeat(2,1fr)}.product{min-height:380px}}
@media(max-width:650px){.top{height:66px;padding:0 20px}.brand{font-size:13px}.concept-pill{display:none}.menu{display:block}.top nav{display:none;position:absolute;left:0;right:0;top:66px;background:#101a12;border-bottom:1px solid var(--line);padding:15px 20px 25px;flex-direction:column;align-items:stretch;gap:0}.top nav.open{display:flex}.top nav a{padding:14px 0;font-size:12px;border-bottom:1px solid var(--line)}.hero{padding:63px 22px 28px;display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero h1{font-size:clamp(65px,17.3vw,105px);margin:28px 0 26px}.hero p{font-size:16px;max-width:350px}.hero-art{min-height:310px;margin-top:5px}.planet{width:min(72vw,310px)}.art-cross{left:1%;top:12%}.orbit-label{right:0;bottom:5%;font-size:9px}.hero-bottom{margin-top:25px;font-size:9px;line-height:1.5}.hero-bottom span:last-child{display:none}.ticker{font-size:10px;padding:12px 0}.section{padding:78px 22px}.section-head{display:block;margin-bottom:28px}.section h2{font-size:clamp(48px,12.5vw,76px)}.section-head p{margin-top:20px;max-width:380px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product{padding:15px;min-height:315px}.product .visual{min-height:160px}.visual .pack{width:70px;height:124px}.visual .jar{width:95px;height:90px;font-size:10px;border-top-width:15px}.visual .pouch{width:90px;height:119px;font-size:10px}.visual .bone{font-size:86px}.product h3{font-size:clamp(20px,5vw,28px)}.product p{font-size:11px}.product footer{font-size:8px}.manifesto{padding:87px 22px 100px}.manifesto h2{font-size:clamp(51px,12.5vw,78px)}.world-grid{grid-template-columns:1fr;gap:9px}.world{min-height:270px;padding:25px}.world h3{font-size:50px}.world .glyph{font-size:110px}.future-row{grid-template-columns:1fr;gap:34px}.future-card{min-height:350px;padding:26px}.closing{padding:98px 22px 29px}.closing h2{font-size:clamp(65px,16.5vw,105px)}.bottom{flex-direction:column;gap:8px;margin-top:70px}}
@media(max-width:360px){.product-grid{grid-template-columns:1fr}.product{min-height:300px}.product .visual{min-height:145px}.hero h1{font-size:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.planet,.ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}.cta,.product{transition:none}}

/* Preserve the supplied concept's dark identity inside the hosted viewer. */
.shell{background:var(--bg);color:var(--cream)}
.shell h1,.shell h2,.shell h3,.shell .brand{color:var(--cream)}
.shell h1 em,.shell h2 em,.shell .closing h2 span{color:var(--lime)}
/* Real moments within the concept study. Full-image frames keep supplied watermarks visible. */
.hero-photo{position:relative;width:min(35vw,440px);height:510px;margin:0;background:#17241a;border:1px solid #9de46b75;box-shadow:24px 26px 0 #d9ff6914,0 35px 80px #0009;transform:rotate(3deg);padding:10px;display:flex;flex-direction:column}
.hero-photo img{width:100%;height:calc(100% - 40px);object-fit:contain;background:#101710;display:block}
.hero-photo figcaption{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--lime)}
.hero-photo figcaption span{color:var(--muted);font-weight:400}.hero-art .orbit-label{right:-3%;bottom:12%;z-index:1}
.origin{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,90px);align-items:center;border-bottom:1px solid var(--line)}
.origin h2{font-size:clamp(52px,6.2vw,100px)}.origin-intro p{line-height:1.7;color:#c7d4c7;font-size:clamp(15px,1.3vw,19px);max-width:490px;margin:30px 0}.origin-caption{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:var(--lime)}
.origin-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}.origin-pair figure{min-width:0;margin:0;border:1px solid var(--line);background:#142016;padding:8px;display:flex;flex-direction:column}.origin-pair figure:nth-child(2){transform:translateY(35px)}.origin-pair img{width:100%;height:390px;object-fit:contain;background:#111c13}.origin-pair figcaption{padding:13px 4px 5px;color:var(--lime);font-size:10px;letter-spacing:.14em}
.food-story{background:#101911;border-bottom:1px solid var(--line)}.food-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:320px 320px;gap:12px}.food-tile{position:relative;min-width:0;min-height:0;margin:0;background:#1d2b1d;border:1px solid var(--line);padding:8px;display:flex;flex-direction:column}.food-tile.tall{grid-row:span 2}.food-tile.wide{grid-column:span 2}.food-tile img{display:block;width:100%;height:calc(100% - 68px);object-fit:contain;background:#152117}.food-tile figcaption{display:flex;flex-direction:column;justify-content:center;flex:1;padding:8px 4px 3px}.food-tile figcaption span{color:var(--lime);font-size:9px;letter-spacing:.2em}.food-tile figcaption strong{font-size:clamp(16px,1.7vw,25px);letter-spacing:-.04em;text-transform:uppercase;margin-top:5px}.food-footnote{font-size:11px;line-height:1.5;color:var(--muted);margin:22px 0 0}
@media(max-width:900px){.hero-photo{width:min(39vw,380px);height:430px}.origin{grid-template-columns:1fr}.origin-pair img{height:360px}}
@media(max-width:650px){.hero-photo{width:min(76vw,340px);height:390px}.hero-art .orbit-label{right:0;bottom:0}.origin-pair{gap:8px}.origin-pair img{height:250px}.origin-pair figure:nth-child(2){transform:translateY(24px)}.food-grid{grid-template-columns:1fr 1fr;grid-template-rows:280px 280px 270px}.food-tile.tall{grid-row:span 2}.food-tile.wide{grid-column:span 2}.food-tile figcaption strong{font-size:17px}.food-tile figcaption span{font-size:8px}}
@media(max-width:420px){.origin-pair{grid-template-columns:1fr}.origin-pair figure:nth-child(2){transform:none}.origin-pair img{height:350px}.food-grid{grid-template-columns:1fr;grid-template-rows:none}.food-tile,.food-tile.tall,.food-tile.wide{grid-column:auto;grid-row:auto;height:330px}}