@font-face{font-family:Instrument;src:url('assets/instrument-serif.woff2') format('woff2');font-display:swap}@font-face{font-family:Instrument;src:url('assets/instrument-serif-italic.woff2') format('woff2');font-style:italic;font-display:swap}@font-face{font-family:Lexend;src:url('assets/lexend-latin.woff2') format('woff2');font-display:swap}
:root{--bg:#09231d;--deep:#071b17;--cream:#f1f0e7;--gold:#ddc38c;--muted:#a0b6a8;--line:rgba(224,237,219,.17);--font:Lexend,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--cream);background:var(--bg);font:16px/1.65 var(--font);font-weight:300}a{color:inherit;text-decoration:none}button{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button:disabled{cursor:default}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:Instrument,Georgia,serif;font-weight:400;line-height:.99;letter-spacing:-.025em}h1 em,h2 em{font-weight:400;color:var(--gold)}h2{font-size:clamp(3rem,5.4vw,5.3rem)}h3{font-weight:400}sup{font-size:.55em}::selection{background:var(--gold);color:var(--bg)}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--gold);color:var(--bg);padding:15px}.skip:focus{top:12px}.site-header{position:absolute;top:0;left:0;right:0;height:100px;margin:0 4.4%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);z-index:10}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.12em;font-size:14px;font-weight:500}.brand-mark{width:32px;height:32px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:italic 24px Instrument,serif;letter-spacing:0}.brand-sub{font-size:12px;letter-spacing:.13em;margin-left:13px;border-left:1px solid var(--line);padding-left:20px;color:var(--muted);max-width:140px;line-height:1.6}.site-header nav{display:flex;gap:28px;font-size:14px}.site-header nav a{padding:12px 0;color:#cdd8ce;transition:color .2s}.site-header nav a:hover{color:var(--gold)}.motion-button{background:none;border:1px solid var(--line);border-radius:24px;padding:9px 14px;color:var(--cream);font-size:12px;white-space:nowrap}.motion-button:hover{border-color:var(--gold)}.hero{min-height:820px;height:100svh;max-height:1100px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2;padding:185px 0 150px 7%;max-width:730px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:.13em;line-height:1.6;font-weight:400;color:var(--gold)}.hero .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:33px}.hero .eyebrow span{height:1px;width:28px;background:var(--gold)}h1{font-size:clamp(5rem,7.5vw,8.6rem)}.hero-description{max-width:400px;font-size:16px;color:#b9c9be;margin-top:28px;line-height:1.85}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;min-height:56px;padding:9px 12px 9px 24px;border-radius:32px;margin-top:30px;font-size:14px;font-weight:400;transition:transform .3s,background .3s}.button:hover{transform:translateY(-3px);background:#ecdaa8}.gold{background:var(--gold);color:var(--deep)}.button-circle{display:grid;place-items:center;border:1px solid #5e654b55;width:35px;height:35px;border-radius:50%;font-size:22px;font-weight:200}.hero-art{position:absolute;right:-8%;top:7%;width:75%;height:90%;isolation:isolate}.hero-art:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--bg),transparent 35%),linear-gradient(0deg,var(--bg),transparent 18%);pointer-events:none}.hero-art canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1s}.hero-art.ready canvas{opacity:1}.liquid-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right;opacity:.7;transition:opacity 1s}.hero-art.ready .liquid-fallback{opacity:0}.orb-label{position:absolute;z-index:2;border-left:1px solid #cfbd8555;padding:0 0 0 13px;pointer-events:none}.orb-label small{font-size:12px;letter-spacing:.12em;color:#b8cbbb}.orb-label b{display:block;font:38px Instrument,serif;color:var(--gold)}.label-ca{left:50%;top:17%}.label-fe{left:73%;top:53%}.label-mg{left:30%;bottom:19%}.hero-bottom{position:absolute;bottom:34px;left:4.4%;right:4.4%;display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:22px;font-size:12px;letter-spacing:.1em}.hero-bottom p span{color:var(--muted)}.scroll-cue{display:flex;align-items:center;gap:13px;color:var(--muted)}.scroll-cue>span{width:1px;height:26px;background:var(--gold)}.section-pad{padding:110px 7%}.foundations{background:var(--cream);color:var(--bg)}.foundations .eyebrow{color:#49664c}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 70px;align-items:end}.section-heading>.eyebrow{grid-column:1/-1}.section-heading>p:last-child{max-width:460px;font-size:17px;line-height:1.9;color:#4b5d50;margin-bottom:5px}.foundations h2 em{color:#6f7650}.cite{color:inherit;font-size:.75em;vertical-align:super;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.groups{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;border-top:1px solid #163c232d;border-bottom:1px solid #163c232d}.groups article{padding:38px 42px 40px 0;position:relative}.groups article+article{border-left:1px solid #163c232d;padding-left:50px}.number{position:absolute;right:35px;top:40px;font-size:12px;opacity:.5}.groups h3{font:36px Instrument,serif;margin-bottom:10px}.groups p{font-size:14px;color:#526357}.element-list{display:flex;gap:10px;margin:25px 0 20px}.element-list span{width:58px;height:66px;display:grid;place-items:center;border:1px solid #25482c3d;font:30px Instrument,serif}.groups p.muted{font-size:14px;line-height:1.9}.essential-note{margin-top:35px;font-size:17px}.essential-note em{font-style:normal;color:#6b724e}.essential-note span{display:block;font-size:14px;color:#657365;margin-top:8px}.explorer{background:var(--deep)}.explorer-heading{display:flex;justify-content:space-between;align-items:end;gap:60px}.explorer-heading .eyebrow{margin-bottom:25px}.explorer-heading>p{max-width:335px;color:var(--muted);font-size:16px}footer{padding:35px 7%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer .brand{color:var(--cream)}
@media(min-width:1700px){.hero-copy{padding-left:12%}.hero-art{right:0;width:65%}}@media(max-width:1100px){.brand-sub{display:none}.site-header nav{gap:18px}.hero-copy{max-width:650px}.hero-art{right:-18%;width:85%}.section-pad{padding:90px 6%}}@media(max-width:760px){.site-header{height:78px;margin:0 6%}.site-header nav{display:none}.hero{height:auto;min-height:930px}.hero-copy{padding:133px 6% 410px;max-width:100%}h1{font-size:clamp(4.2rem,12.3vw,6rem)}.hero .eyebrow{font-size:12px;margin-bottom:26px}.hero-description{font-size:16px;max-width:340px;margin-top:22px}.hero-art{top:430px;right:-14%;width:116%;height:450px;opacity:.9}.hero-art:after{background:linear-gradient(0deg,var(--bg),transparent 20%,transparent 80%,var(--bg))}.label-ca{left:64%;top:18%}.label-fe{left:80%;top:58%}.label-mg{left:19%;bottom:25%}.orb-label small{font-size:12px}.orb-label b{font-size:29px}.hero-bottom{bottom:23px;left:6%;right:6%;font-size:12px}.hero-bottom>p:last-child{display:none}.scroll-cue{font-size:12px}.section-pad{padding:70px 6%}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:25px}.section-heading>p:last-child{font-size:16px;margin-top:26px}.groups{grid-template-columns:1fr;margin-top:35px}.groups article{padding:30px 0}.groups article+article{padding:30px 0;border-left:0;border-top:1px solid #163c232d}.number{top:35px;right:0}.essential-note{font-size:16px}.explorer-heading{display:block}.explorer-heading>p{max-width:none;margin-top:26px}.motion-label{display:none}.motion-button{min-width:40px}.element-list span{height:60px;width:52px}footer{align-items:start;flex-wrap:wrap}footer p{display:none}}
.mineral-tabs{margin-top:55px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mineral-tabs button{position:relative;background:none;border:0;padding:23px 15px;color:var(--muted);display:grid;grid-template-columns:auto 1fr;gap:0 15px;text-align:left;transition:color .25s,background .25s}.mineral-tabs button+button{border-left:1px solid var(--line)}.mineral-tabs button>span:first-child{font:36px Instrument,serif;grid-row:1/3;line-height:1.25}.mineral-tabs button>span:nth-child(2){font-size:14px;align-self:end}.mineral-tabs button small{font-size:12px}.mineral-tabs button[aria-selected=true]{color:var(--gold);background:#ddc38c0d}.mineral-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold)}.mineral-tabs button:hover{background:#ddc38c10}.mineral-panel{display:grid;grid-template-columns:1fr 1fr;min-height:635px;margin-top:28px;border:1px solid var(--line)}.mineral-visual{position:relative;overflow:hidden;min-height:630px;background:#103229}.mineral-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70%;opacity:.82;animation:photo-drift 24s alternate infinite ease-in-out}.mineral-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#071b17ad,transparent 40%,#071b17ee 96%);pointer-events:none}.visual-number{position:absolute;z-index:2;left:32px;right:32px;top:26px;font-size:18px;color:var(--gold);display:flex;justify-content:space-between;align-items:center}.visual-number span{font-size:12px;letter-spacing:.13em;color:var(--muted)}.visual-title{position:absolute;top:96px;left:32px;right:25px;z-index:2}.visual-title .eyebrow{font-size:12px}.visual-title h3{font:clamp(2.7rem,3.6vw,4rem)/1.04 Instrument,serif;margin-top:20px}.visual-title h3 em{color:var(--gold)}.visual-ion{position:absolute;right:25px;top:43%;font:120px Instrument,serif;color:#e4dca64a;z-index:2}.has-image .visual-ion{font-size:65px;top:55%;color:#ede7c3b0}.formula{position:absolute;z-index:2;left:32px;right:32px;bottom:64px;border-top:1px solid var(--line);padding-top:20px}.formula>span{font:clamp(1.4rem,2.1vw,2rem) Instrument,serif;display:block;color:var(--gold)}.formula small{font-size:12px;color:var(--muted);display:block;margin-top:8px}.image-note{position:absolute;z-index:2;bottom:23px;left:32px;color:#a9b9ac;font-size:12px}.type-visual{background:radial-gradient(ellipse at 75% 65%,#354b30 0%,#12382c 30%,#0b271f 75%)}.type-visual .visual-ion{font-size:145px;text-shadow:1px 2px 0 #ddc38c16;transform:rotate(-7deg);color:#cabd7d7d}.mineral-details{padding:36px 38px 38px}.detail-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.detail-heading h3{font:37px Instrument,serif}.detail-heading>span{font:27px Instrument,serif;color:var(--gold)}.mineral-details article{margin-top:25px}.mineral-details h4{font-size:12px;letter-spacing:.15em;color:var(--gold);font-weight:400;margin:0 0 10px}.mineral-details p{color:#b8c9bc;font-size:16px;line-height:1.85}.food-chips{display:flex;gap:7px;flex-wrap:wrap}.food-chips span{font-size:12px;border:1px solid var(--line);padding:5px 9px;border-radius:3px;color:#cbd7ce}.mineral-details p.food-note{font-size:12px;margin-top:12px}.oyster-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#e9eadf;color:var(--bg)}.oyster-story .eyebrow{color:#596b46}.oyster-story h2{margin:27px 0}.oyster-story h2 em{color:#738055}.oyster-intro>p:not(.eyebrow){font-size:16px;max-width:410px;color:#4c604f}.oyster-image{margin:30px 0 0;position:relative;height:250px;overflow:hidden;background:#09231d}.oyster-image img{width:100%;height:100%;object-fit:cover;object-position:80%;transform:scale(1.2);transform-origin:right;opacity:.95}.oyster-image figcaption{position:absolute;bottom:10px;left:15px;color:#cad3c4;font-size:12px}.zinc-comparison{padding-top:6px}.zinc-comparison h3{font:38px/1.12 Instrument,serif;margin-top:27px}.serving-control{margin-top:40px;border-top:1px solid #21412d33;padding-top:23px}.serving-control label{font-size:12px;display:flex;justify-content:space-between;align-items:center}.serving-control output{font:29px Instrument,serif}.serving-control input{width:100%;margin:21px 0 4px;accent-color:#245a3d;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:#64715f}.comparison-row{margin-top:33px}.comparison-row>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:10px}.comparison-row>div>span{font-size:14px;max-width:185px;line-height:1.7}.comparison-row strong{font:50px/1 Instrument,serif;white-space:nowrap}.comparison-row strong small{font:13px var(--font)}.bar-track{height:9px;background:#12372912;margin-top:17px}.bar{height:100%;background:#245a3d;width:50%;transition:width .4s}.beef-bar{width:6.74%;background:#969667}.beef{margin-top:29px}.beef strong{color:#6e7651}.comparison-caption{margin-top:28px;padding-top:20px;border-top:1px solid #21412d33;font-size:12px;line-height:1.85;color:#60715f}.repair{background:#103327}.repair-heading{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-top:27px}.repair-heading>p{max-width:365px;color:#b5cbbb;font-size:16px}.repair-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid #ddc38c4d}.repair-steps article{padding:28px 28px 0 0;position:relative}.repair-steps article+article{padding-left:25px}.repair-steps article:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;background:var(--gold);border-radius:50%}.repair-steps article+article:before{left:25px}.repair-steps article>span{font-size:12px;color:var(--gold);letter-spacing:.1em}.repair-steps h3{font:32px Instrument,serif;margin:18px 0 12px}.repair-steps p{font-size:16px;color:#b0c4b4;max-width:295px}.repair-note{margin-top:45px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:#c8d2bb}.sources{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;background:var(--deep)}.sources h2{margin:25px 0}.sources>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:310px}.source-list>a{display:flex;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px}.source-list>a:first-child{border-top:1px solid var(--line)}.source-list>a:hover strong{color:var(--gold)}.source-list>a:target{background:#ddc38c16}.ref-number{font-size:12px;color:var(--gold);align-self:flex-start;padding-top:3px}.source-list small{font-size:12px;display:block;color:var(--muted);margin-bottom:6px}.source-list strong{font-size:14px;line-height:1.65;font-weight:400;display:block}.source-plus{font-size:22px;color:var(--gold);margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s ease}.reveal.in-view{opacity:1;transform:none}@keyframes photo-drift{from{transform:scale(1)}to{transform:scale(1.075)}}
@media(max-width:1100px){.mineral-tabs button{gap:0 10px;padding:19px 12px}.mineral-tabs button>span:first-child{font-size:29px}.mineral-tabs button>span:nth-child(2){font-size:12px}.mineral-tabs button small{font-size:12px}.mineral-details{padding:26px}.mineral-panel{min-height:680px}.mineral-visual{min-height:680px}.oyster-story{gap:45px}.sources{gap:40px}.repair-steps h3{font-size:27px}}
@media(max-width:760px){.mineral-tabs{margin-top:35px;overflow:visible}.mineral-tabs button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:17px 2px}.mineral-tabs button>span:first-child{font-size:29px}.mineral-tabs button>span:nth-child(2){font-size:12px;align-self:center}.mineral-tabs button small{display:none}.mineral-panel{grid-template-columns:1fr;min-height:0;margin-top:20px}.mineral-visual{min-height:440px}.visual-number{top:24px;left:24px;right:24px}.visual-title{top:75px;left:24px}.visual-title h3{font-size:43px;margin-top:13px}.visual-ion{top:40%;font-size:100px}.has-image .visual-ion{top:44%;font-size:56px}.formula{left:24px;right:24px;bottom:46px}.formula>span{font-size:25px}.formula small{font-size:12px}.image-note{bottom:15px;left:24px;font-size:12px}.mineral-details{padding:26px 24px 30px}.mineral-details p{font-size:16px}.mineral-details h4{font-size:12px}.oyster-story{grid-template-columns:1fr;gap:45px}.oyster-image{height:230px}.zinc-comparison h3{font-size:38px}.serving-control{margin-top:25px}.comparison-row strong{font-size:48px}.comparison-caption{font-size:12px}.repair-heading{display:block}.repair-heading>p{max-width:none;margin-top:25px}.repair-steps{grid-template-columns:1fr;margin-top:40px;border-top:0}.repair-steps article,.repair-steps article+article{padding:25px 0;border-top:1px solid #ddc38c4d}.repair-steps article:before,.repair-steps article+article:before{left:0}.repair-steps h3{font-size:31px;margin-top:12px}.repair-steps p{font-size:16px;max-width:none}.repair-note{margin-top:7px}.sources{grid-template-columns:1fr;gap:35px}.source-list strong{font-size:14px}.source-list small{font-size:12px}.source-list>a{gap:17px}.type-visual .visual-ion{font-size:105px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}body.motion-paused{scroll-behavior:auto}body.motion-paused *{animation-play-state:paused!important}body.motion-paused .reveal{opacity:1;transform:none;transition:none}

html:has(body.motion-paused){scroll-behavior:auto}.food-chips span{font-size:14px}.mineral-tabs button>span:nth-child(2){font-size:14px}.source-list strong{font-size:14px}.hero .eyebrow{max-width:440px}.mineral-panel{min-height:690px}.mineral-visual{min-height:690px}.mineral-visual:after{background:linear-gradient(90deg,#071b17da,transparent 100%),linear-gradient(180deg,#071b1740,transparent 50%,#071b17ee 96%)}@media(max-width:760px){h1{font-size:clamp(3.1rem,12vw,4.8rem)}.hero-art{top:545px;height:365px}.label-ca{left:55%}.label-fe{left:69%}.mineral-panel{min-height:0}.mineral-visual{min-height:470px}.mineral-tabs button>span:nth-child(2){font-size:12px}}

/* Integration surfaces. Registered ThreeUI files remain byte-for-byte intact. */
.hero{background:#4a4d44}.hero-world{position:absolute;inset:0;z-index:0}.shader-frame{width:100%;height:100%}.hero-world .scene-paused{position:absolute;inset:0;background:#4a4d44;display:flex;align-items:end;justify-content:center;padding:120px 24px;color:#d8ddce;font-size:14px}.hero-copy{z-index:2;text-shadow:0 2px 30px #17210e40;padding-top:170px}.hero-description{color:#e0e6d8}.hero .eyebrow{color:#ede3bc}.hero-bottom{z-index:3;pointer-events:none;background:none;color:#edf0e6}.hero-bottom p span,.scroll-cue{color:#cbd2c1}.site-header{border-color:#ffffff25}.site-header nav a{color:#e8ede1}.brand-sub{color:#d0d8c5}.hero-copy .button{text-shadow:none}.hero h1{font-size:clamp(4.6rem,6.8vw,7.3rem)}.hero h1 em{color:#ebd7a5}.food-story-section{background:#e9eadf;color:var(--bg)}.food-story-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px}.food-story-section .eyebrow{color:#596b46}.food-story-body{display:grid;grid-template-columns:1fr 1fr;gap:80px}.food-intro h2 em{color:#738055}.food-intro>p{font-size:16px;line-height:1.85;max-width:440px;color:#4c604f;margin-top:27px}.mineral-picker{display:flex;align-items:center;gap:15px;font-size:14px;white-space:nowrap}.mineral-picker select{font:14px var(--font);border:1px solid #425b3e55;background:#f4f3e9;color:#183729;padding:12px 35px 12px 15px;border-radius:3px;cursor:pointer}.mineral-comparison{padding-top:10px}.mineral-comparison h3{font:38px/1.12 Instrument,serif;margin-top:27px}.mineral-comparison .eyebrow{font-size:12px}.food-emblem{position:relative;isolation:isolate;overflow:hidden;margin-top:30px;min-height:310px;background:#123527;color:#e4e9dc;padding:26px 30px;--pointer-x:65%;--pointer-y:30%}.food-emblem:before,.pointer-reactive:before{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(230px circle at var(--pointer-x,50%) var(--pointer-y,50%),#e6dda523,transparent 75%);opacity:0;transition:opacity .4s}.pointer-reactive:hover:before{opacity:1}.food-emblem-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.food-emblem-top>span:first-child{font-size:12px;letter-spacing:.14em;color:#bdd0b9}.food-emblem-top>span:last-child{font:50px Instrument,serif;color:var(--gold)}.food-emblem-copy{position:relative;z-index:2;margin-top:18px}.food-name{display:block;font-size:16px;color:#e1e9d8}.food-emblem strong{font:72px/1.1 Instrument,serif;display:block;margin-top:13px;color:var(--gold)}.food-emblem strong small{font:20px Instrument,serif}.food-emblem-copy p{font-size:12px;color:#bbccae;margin-top:10px}.food-emblem>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:80%}.food-has-image:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#071b17e6 0%,#071b1788 42%,#071b170c 100%)}.food-image-note{position:absolute;right:18px;bottom:12px;z-index:2;font-size:12px;color:#c5d0bc}.portion-caption{display:block;font-size:12px;color:#60765e;margin-top:6px}.comparison-row>div>span{max-width:230px}.food-source-link{font-size:14px;text-decoration:underline;text-underline-offset:5px;display:inline-block;margin-top:20px;color:#355a35}.cursor-light{position:fixed;left:0;top:0;width:340px;height:340px;z-index:20;pointer-events:none;border-radius:50%;transform:translate(calc(var(--cursor-x,-600px) - 50%),calc(var(--cursor-y,-600px) - 50%));background:radial-gradient(circle,#e7dbae12,transparent 68%);opacity:0;mix-blend-mode:screen}.pointer-active .cursor-light{opacity:1}.motion-paused .cursor-light{display:none}.motion-paused .pointer-reactive:before{display:none}.skip{transform:translateY(-150px)}.skip:focus{transform:none}
@media(max-width:1100px){.food-story-body{gap:45px}.hero h1{font-size:clamp(4rem,7.5vw,6rem)}}
@media(max-width:760px){.hero{min-height:970px;height:100svh;max-height:none}.hero-copy{padding:128px 6% 320px}.hero h1{font-size:clamp(3.1rem,12vw,4.8rem)}.hero-description{max-width:305px;font-size:15px}.hero-bottom .scroll-cue{max-width:150px;line-height:1.6}.food-story-top{align-items:start;flex-direction:column;gap:22px}.food-story-body{grid-template-columns:1fr;gap:45px}.mineral-picker{justify-content:space-between;width:100%;white-space:normal}.mineral-picker select{min-width:170px}.food-emblem{min-height:285px;padding:22px 25px}.food-intro>p{font-size:16px}.cursor-light{display:none}.comparison-row>div>span{max-width:190px}}
@media(prefers-reduced-motion:reduce){.cursor-light{display:none}.pointer-reactive:before{display:none}}
/* Scroll-driven food-to-element journey. */
.journey-section{background:#0a221c}.journey-intro{padding-bottom:70px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px 80px;align-items:end}.journey-intro>.eyebrow{grid-column:1/-1}.journey-intro>p:last-child{color:var(--muted);max-width:360px}.journey-shell{position:relative;--journey-bar-height:84px;scroll-margin-top:0}.journey-bar{position:sticky;top:0;z-index:30;height:var(--journey-bar-height);background:#0a201af2;backdrop-filter:blur(18px);border-block:1px solid #c9d2b926;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px}.journey-brand{font:italic 30px Instrument,serif;display:flex;align-items:center;gap:16px;color:var(--gold)}.journey-brand span{font:10px Lexend,sans-serif;letter-spacing:.15em;max-width:100px;line-height:1.6;color:#b5c0a7}.journey-tabs{display:flex;align-self:stretch;gap:3px}.journey-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;display:flex;align-items:center;gap:10px;padding:0 20px;color:#a9bcaf}.journey-tabs b{font:28px Instrument,serif}.journey-tabs button>span{font-size:12px}.journey-tabs button:hover{color:var(--cream);background:#c5c99b0a}.journey-tabs button[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold);background:linear-gradient(0deg,#ddc38c13,transparent)}.journey-motion{flex-shrink:0;border:1px solid #c4caae44;border-radius:50%;width:35px;height:35px;background:transparent;color:var(--cream);font-size:16px}.journey-track{height:480svh;position:relative}.journey-frame{position:sticky;top:var(--journey-bar-height);height:calc(100svh - var(--journey-bar-height));min-height:560px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 70% 50%,#2c4030 0%,#102b22 43%,#0a221c 76%);--mineral-accent:#d6dab0;--ion-opacity:0}.journey-frame canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.journey-grain{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#0a221ce8 0%,#0a221c66 27%,transparent 54%),linear-gradient(0deg,#0a221c 0%,transparent 20%,transparent 85%,#0a221c88);}.journey-topline{position:absolute;top:25px;left:5%;right:5%;display:flex;justify-content:space-between;gap:25px;z-index:3;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#b7c4ac}.journey-topline span:last-child{text-align:right;color:var(--mineral-accent)}.journey-chapter{position:absolute;left:7%;top:22%;width:35%;max-width:430px;z-index:4;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .45s,transform .6s,visibility .45s;pointer-events:none}.journey-chapter.is-current{opacity:1;visibility:visible;transform:none;pointer-events:auto}.journey-chapter .eyebrow{color:var(--mineral-accent);font-size:10px;margin-bottom:22px}.journey-chapter h2{font-size:clamp(2.8rem,4.6vw,5.5rem);line-height:1.03}.journey-chapter h2 em{color:var(--mineral-accent)}.chapter-description{font-size:14px;line-height:1.85;max-width:360px;color:#c3cfbe;margin-top:23px}.chapter-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;display:inline-block;padding-top:17px;margin-top:23px;border-top:1px solid #d6dbbd40;color:var(--mineral-accent)}.portion-link{display:flex;align-items:center;justify-content:space-between;gap:25px;width:fit-content;font-size:12px;padding:11px 17px;border:1px solid #e3d5a560;border-radius:30px;margin-top:20px;color:var(--gold)}.portion-link:hover{background:#ddc38c20}.journey-ion{position:absolute;left:var(--ion-x,63%);top:50%;transform:translate(-50%,-50%);text-align:center;z-index:3;opacity:var(--ion-opacity);pointer-events:none;text-shadow:0 2px 25px #071b1777}.journey-ion>span{font:clamp(4rem,7vw,7rem) Instrument,serif;color:#fff6d0;display:block;line-height:1.1}.journey-ion>small{font-size:9px;letter-spacing:.18em;color:#efdeb1}.journey-bottom{position:absolute;z-index:5;bottom:18px;left:7%;right:7%}.journey-status{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#c6d0bc;margin-bottom:16px}.journey-status span:first-child{color:var(--mineral-accent)}.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative;border-top:1px solid #d0d6b933}.journey-steps button{border:0;background:none;padding:14px 0 8px;text-align:left;display:flex;align-items:center;gap:12px;color:#8ea797;font-size:12px}.journey-steps small{font-size:9px;opacity:.7}.journey-steps button[aria-current=step]{color:var(--gold)}.journey-progress{position:absolute;top:-1px;left:0;right:0;height:2px;pointer-events:none}.journey-progress span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;box-shadow:0 0 15px #daca8977}.journey-disclaimer{font-size:9px;color:#8da08c;letter-spacing:.03em;margin-top:6px;text-align:right}.journey-portions{background:var(--cream);color:var(--bg);display:grid;grid-template-columns:1fr 1fr;gap:85px;scroll-margin-top:84px}.journey-portions .eyebrow{color:#59704d}.journey-portions h2{margin-top:25px}.journey-portions h2 em{color:#737d53}.portion-summary>p:not(.eyebrow){margin-top:25px;max-width:440px;color:#52664e;font-size:15px;line-height:1.85}.portion-photo{position:relative;margin:30px 0 0;overflow:hidden;background:#0d281e;height:285px}.portion-photo img{width:100%;height:100%;object-fit:cover;object-position:70%}.portion-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071b17dd,transparent 55%);pointer-events:none}.portion-photo figcaption{position:absolute;bottom:20px;left:22px;right:22px;z-index:1;color:#edf0de;font-size:14px}.portion-photo figcaption small{display:block;font-size:10px;margin-top:4px;color:#c1d0b8}.next-journey{border-top:1px solid #24432c33;margin-top:36px;padding-top:25px}.next-journey>span{font-size:10px;letter-spacing:.15em;color:#637452}.next-journey button{border:0;background:none;padding:14px 0;color:#173f2c;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;font:28px Instrument,serif;gap:10px}.next-journey b{font:32px Instrument,serif;color:#737d53}.next-journey .replay-journey{font:12px Lexend,sans-serif;text-decoration:underline;text-underline-offset:5px;width:fit-content}.journey-fallback{display:none}.no-webgl .journey-fallback{display:block;position:absolute;left:40%;right:0;top:15%;bottom:18%;opacity:.6;overflow:hidden}.journey-fallback img{width:100%;height:100%;object-fit:cover}.journey-fallback strong{display:none}.no-webgl[data-step="3"] .journey-fallback img{opacity:.08}.no-webgl[data-step="1"] .journey-fallback img,.no-webgl[data-step="2"] .journey-fallback img{transform:scale(1.5);filter:blur(3px)}.motion-paused .journey-chapter{transition:none}.motion-paused .journey-frame:before{display:none}
@media(min-width:1600px){.journey-chapter{top:25%}.chapter-description{font-size:16px}}
@media(max-width:1050px){.journey-brand span{display:none}.journey-bar{gap:18px;padding:0 4%}.journey-tabs button{padding:0 15px}.journey-chapter{left:5%;width:39%}.chapter-description{font-size:13px}.journey-portions{gap:45px}}
@media(max-width:760px){.journey-intro{display:block;padding-bottom:45px}.journey-intro h2{margin-top:25px;font-size:3rem}.journey-intro>p:last-child{margin-top:24px}.journey-shell{--journey-bar-height:68px}.journey-bar{padding:0 4%;gap:8px}.journey-brand{display:none}.journey-tabs{flex:1;justify-content:space-between;gap:0}.journey-tabs button{padding:7px 7px 5px;display:flex;flex-direction:column;gap:1px;justify-content:center;min-width:44px}.journey-tabs b{font-size:25px}.journey-tabs button>span{font-size:8px}.journey-motion{width:29px;height:29px;font-size:13px}.journey-track{height:430svh}.journey-frame{min-height:640px}.journey-topline{top:17px;left:6%;right:6%;font-size:8px;letter-spacing:.1em}.journey-topline span:first-child{max-width:65%}.journey-chapter{left:6%;top:60px;width:88%;max-width:none}.journey-chapter h2{font-size:clamp(2.45rem,9.7vw,3.3rem)}.journey-chapter .eyebrow{font-size:9px;margin-bottom:13px}.chapter-description{font-size:12px;line-height:1.75;margin-top:14px;max-width:100%}.chapter-label{font-size:9px;margin-top:13px;padding-top:11px}.journey-frame canvas{top:37%;height:51%;width:100%;}.journey-grain{background:linear-gradient(180deg,#0a221c 0%,#0a221c77 32%,transparent 48%,transparent 78%,#0a221c 90%)}.journey-ion{left:50%;top:62%;}.journey-ion>span{font-size:64px}.journey-ion>small{font-size:8px}.journey-bottom{left:6%;right:6%;bottom:15px}.journey-steps button{font-size:10px;gap:7px;padding:11px 0 4px}.journey-status{font-size:8px;margin-bottom:13px}.journey-disclaimer{font-size:8px;margin-top:10px}.journey-portions{grid-template-columns:1fr;gap:30px;scroll-margin-top:68px}.portion-photo{height:270px}.portion-link{font-size:10px;padding:7px 12px;margin-top:12px}.no-webgl .journey-fallback{left:0;top:42%;bottom:15%}}
@media(max-height:700px) and (min-width:761px){.journey-frame{min-height:500px}.journey-chapter{top:15%}.journey-chapter h2{font-size:3rem}.chapter-description{font-size:12px;margin-top:16px}.chapter-label{margin-top:15px}.journey-chapter .eyebrow{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.journey-chapter{transition:none}.journey-frame:before{display:none}}
@media(max-width:760px) and (max-height:740px){.journey-frame{min-height:0}.journey-chapter{top:45px}.journey-chapter h2{font-size:2.2rem}.journey-chapter .eyebrow{margin-bottom:9px}.chapter-description{font-size:11px;line-height:1.6;margin-top:10px}.chapter-label{margin-top:9px;padding-top:8px;font-size:8px}.portion-link{font-size:9px;padding:6px 11px;margin-top:8px}.journey-frame canvas{top:42%;height:42%}.journey-ion{top:63%}.journey-ion>span{font-size:54px}.journey-bottom{bottom:10px}.journey-status{margin-bottom:8px}.journey-steps button{padding-top:9px;font-size:9px}.journey-disclaimer{margin-top:6px;font-size:7px}}