.stage.sea-band{height:min(72vh,660px)}.stage.sea-band:after{content:"";pointer-events:none;background:linear-gradient(#020a2e8c,#020a2e00 30% 70%,#020a2e99);position:absolute;inset:0}.stage .caption{z-index:2;color:#c9d1f2;pointer-events:none;margin:0;position:absolute;top:84px;right:32px}.stage{background:radial-gradient(120% 90% at 50% 0%,#0a2290 0%,var(--slate) 60%,#020a2e 100%);position:relative;overflow:hidden}.stage canvas.salt{cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.stage canvas.sea{width:100%;height:100%;image-rendering:pixelated;opacity:.9;position:absolute;inset:0}.stage .readout{z-index:2;pointer-events:none;justify-content:space-between;gap:16px;display:flex;position:absolute;bottom:18px;left:32px;right:32px}.stage .readout span{color:#c9d1f2}.intro{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:end;gap:44px;max-width:1440px;margin:0 auto;padding:44px 40px 64px;display:grid}h1{font:900 clamp(2.6rem,5vw,4.8rem)/.95 var(--font);letter-spacing:-.045em;text-wrap:balance;margin:0 0 18px;font-stretch:118%}h1 em{color:var(--orange-display);font-style:normal}.lede{color:var(--muted);max-width:42ch;margin:0;font-size:1.18rem;line-height:1.5}.marquee{border-block:2px solid var(--ink);padding:24px 0;overflow:hidden}.track{width:max-content;font:900 clamp(2rem,4.6vw,4rem)/1 var(--font);letter-spacing:-.04em;text-transform:uppercase;will-change:transform;gap:44px;font-stretch:118%;display:flex}.track span:nth-child(4n+1){color:#0000;-webkit-text-stroke:1.5px var(--ink)}.track span:nth-child(4n+3){color:var(--ink)}.track i{color:var(--orange);align-self:center;font-size:.6em;font-style:normal}.process{background:var(--deep);color:#fff;overflow:hidden}.process-pin{flex-direction:column;justify-content:center;gap:28px;height:100svh;display:flex}.process-head{justify-content:space-between;align-items:end;gap:20px;padding:0 40px;display:flex}.process-head h2{font:900 clamp(2.2rem,4.5vw,4rem)/.95 var(--font);letter-spacing:-.04em;text-transform:uppercase;margin:0;font-stretch:118%}.process-head p{color:#c3cbef;max-width:38ch;margin:0}.rail{will-change:transform;gap:28px;width:max-content;padding:0 40px;display:flex}.progress{background:#fff3;height:2px;margin:0 40px}.progress i{background:var(--orange);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.bento-wrap{max-width:1440px;margin:0 auto;padding:100px 40px 110px}.bento-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px;display:flex}.bento-head h2{font:900 clamp(2.2rem,5vw,4.4rem)/.92 var(--font);letter-spacing:-.045em;text-transform:uppercase;max-width:16ch;margin:0;font-stretch:118%}.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:14px;display:grid}.tile{background:var(--mist);isolation:isolate;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:space-between;padding:22px;display:flex;position:relative;overflow:hidden}.tile:before{content:"";border-radius:inherit;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),var(--orange),transparent 65%);-webkit-mask-composite:xor;pointer-events:none;opacity:0;padding:1.5px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.bento:hover .tile:before{opacity:1}.tile h3{font:900 1.5rem/1.02 var(--font);letter-spacing:-.03em;margin:0;font-stretch:112%}.tile .sizes{font:500 .76rem/1.5 var(--mono);color:var(--orange-text)}.tile p{color:var(--muted);margin:0;font-size:.92rem}.tile img{z-index:-1;position:absolute}.t-premium{background:radial-gradient(70% 70% at 70% 70%,#ffe9dd,var(--mist) 70%);grid-area:span 2/span 2}.t-premium img{filter:drop-shadow(0 26px 30px #000c4d40);width:70%;bottom:-6%;right:-3%}.t-premium h3{font-size:2.5rem}.t-habari,.t-kaysalt,.t-refined,.t-coarse,.t-bakery{grid-row:span 2}.tile.photo{background:var(--deep);color:#fff;justify-content:flex-end;gap:6px}.tile.photo img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);inset:0}.tile.photo:hover img{transform:scale(1.04)}.tile.photo:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#000c4d00 45%,#000c4dd1 74%,#000c4df7 100%);position:absolute;inset:0}.tile.photo .sizes{color:#ffb27a}.tile.photo p{color:#ccd3f2}.t-dither{background:var(--deep);color:#fff;padding:0}.t-dither canvas{z-index:-1;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.t-dither .cap{background:linear-gradient(#000c4d00,#000c4df2 45%);margin-top:auto;padding:16px 22px}.t-dither p{color:#ccd3f2}.add-cta{z-index:2;height:36px;color:var(--ink);font:800 .84rem/1 var(--font);background:#fff;border-radius:999px;align-items:center;padding:0 6px;transition:background-color .25s,color .25s,transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:14px;right:14px;box-shadow:0 1px 2px #000c4d24,0 8px 18px -10px #000c4d73}.add-cta .ico{background:var(--orange);color:#1c0a00;border-radius:50%;flex:none;width:24px;height:24px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:relative}.add-cta .ico:before,.add-cta .ico:after{content:"";background:currentColor;border-radius:2px;width:11px;height:2.5px;margin:-1.25px 0 0 -5.5px;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .2s;position:absolute;top:50%;left:50%}.add-cta .ico:after{transform:rotate(90deg)}.add-cta .lbl{opacity:0;max-width:0;transition:max-width .4s cubic-bezier(.2,.8,.2,1),opacity .25s,padding .4s cubic-bezier(.2,.8,.2,1);display:grid;overflow:hidden}.add-cta .lbl>span{white-space:nowrap;grid-area:1/1;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s}.add-cta .done{opacity:0;transform:translateY(110%)}.tile:hover .add-cta .lbl,.tile:focus-visible .add-cta .lbl,.tile.added .add-cta .lbl{opacity:1;max-width:150px;padding:0 8px}.tile:hover .add-cta{background:var(--orange);color:#1c0a00}.tile:hover .add-cta .ico{background:#fff;transform:rotate(90deg)}.tile.added .add-cta{background:var(--green);color:#fff}.tile.added .add-cta .ico{color:var(--green);background:#fff;transform:none}.tile.added .add-cta .ico:before{width:6px;transform:translate(-2.5px,2px)rotate(45deg)}.tile.added .add-cta .ico:after{width:11px;transform:translate(2px)rotate(-50deg)}.tile.added .add-cta .to-add{opacity:0;transform:translateY(-110%)}.tile.added .add-cta .done{opacity:1;transform:none}@media (hover:none){.add-cta .lbl{opacity:1;max-width:150px;padding:0 8px}}@media (width<=900px){.add-cta{height:32px;font-size:.78rem;top:10px;right:10px}.add-cta .ico{width:20px;height:20px}}.t-markets ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.t-markets li{font:500 .72rem/1 var(--mono);border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:6px;padding:6px 8px}@media (width<=900px){.stage.sea-band{height:340px}.stage .caption{display:none}.sea-band canvas.salt{height:calc(100% - 64px);top:64px}.stage .readout{display:none}.intro{grid-template-columns:1fr;gap:24px;padding:28px 18px 44px}.process-pin{height:auto;padding:64px 0}.process-head{flex-direction:column;align-items:start;padding:0 18px}.rail{flex-direction:column;width:auto;padding:0 18px}.progress{display:none}.bento-wrap{padding:64px 18px 80px}.bento-head{flex-direction:column;align-items:start}.bento{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.t-premium{grid-column:span 2}}.awards .rail{align-items:stretch}.award{background:#ffffff0f;border:1px solid #ffffff24;border-radius:18px;flex-direction:column;flex:none;gap:22px;width:min(30vw,380px);padding:28px;display:flex}.award .yr{font:900 4.2rem/.85 var(--font);letter-spacing:-.05em;color:var(--orange);margin-bottom:14px;font-stretch:125%;display:block}.award .yr.undated{font:500 .8rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#ffb27a;margin:10px 0 22px}.award h3{font:800 1.45rem/1.1 var(--font);letter-spacing:-.02em;margin:0 0 12px;font-stretch:112%}.award .by{color:#c3cbef;margin:0 0 10px}.award p{color:#ccd3f2;margin:0}.award.emblem{gap:0;padding:0;overflow:hidden}.award .crest{background:#fff;flex:none;height:180px;margin:0;padding:20px 24px;overflow:hidden}.award .crest img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.award .crest.flag{padding:0}.award .crest.flag img{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none}.award.emblem .body{padding:26px 28px 28px}.award .photo .credit{z-index:2;font:400 .58rem/1.3 var(--mono);color:#ffffffd9;text-shadow:0 1px 2px #0009;position:absolute;bottom:8px;left:10px}.award.feature{width:min(56vw,720px);color:var(--ink);background:#fff;border:0;flex-direction:row;align-items:stretch;gap:26px;padding:14px}.award.feature .photo{border-radius:12px;flex:0 0 46%;min-height:min(54svh,460px);margin:0;position:relative;overflow:hidden}.award.feature .photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.award.feature .body{align-self:end;padding:16px 14px 16px 0}.award.feature .by,.award.feature p{color:var(--muted)}.award.feature .yr{color:var(--orange-display)}@media (width<=900px){.award,.award.feature{width:auto}.award.feature{flex-direction:column}.award.feature .photo{flex-basis:auto;min-height:300px}.award.feature .body{padding:6px 10px 12px}.award .yr{font-size:3.2rem}}.about-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.about-card{background:var(--mist);border-radius:20px;flex-direction:column;gap:10px;min-height:260px;padding:24px 24px 76px;text-decoration:none;transition:background .3s,transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.about-card h3{font:900 1.6rem/1.02 var(--font);letter-spacing:-.03em;margin:4px 0 0;font-stretch:112%}.about-card p{color:var(--muted);margin:0;font-size:.95rem}.about-card .mono{color:var(--orange-text)}.about-card .go{background:var(--ink);border-radius:50%;width:44px;height:44px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:22px;left:24px}.about-card .go:after{content:"";background:#fff;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") 50%/18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") 50%/18px no-repeat}.about-card:hover{background:#e6ebf6;transform:translateY(-3px)}.about-card:hover .go{background:var(--orange-display);transform:translate(8px)}@media (width<=900px){.about-grid{grid-template-columns:1fr}.about-card{min-height:0}}.intro .eyebrow{color:var(--orange-text);margin:0 0 14px}.salt-acro{flex-wrap:wrap;align-items:baseline;gap:.05em .28em;display:flex}.salt-acro span{color:var(--muted);transition:color .3s}.salt-acro span b{color:var(--orange-display);font-weight:900}.salt-acro:hover span{color:var(--ink)}.about-us{max-width:1440px;margin:0 auto;padding:110px 40px}.about-intro{grid-template-columns:1fr 1.15fr;align-items:start;gap:20px 60px;display:grid}.about-intro h2{font:900 clamp(2.4rem,5.5vw,5rem)/.9 var(--font);letter-spacing:-.045em;text-transform:uppercase;grid-row:span 2;margin:0;font-stretch:118%}.about-intro .gift{font:700 clamp(1.3rem,2.2vw,1.9rem)/1.25 var(--font);letter-spacing:-.015em;margin:0}.about-intro p{color:var(--muted);margin:0}.places{border-top:2px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));margin:56px 0 0;padding:0;list-style:none;display:grid}.places li{padding:22px 24px 0 0;position:relative}.places li:before{content:"";background:var(--orange);width:12px;height:12px;box-shadow:0 0 0 5px var(--paper);border-radius:50%;position:absolute;top:-7px;left:0}.places h3{font:900 clamp(1.4rem,2.4vw,2rem)/1 var(--font);letter-spacing:-.03em;margin:8px 0 6px;font-stretch:115%}.places p{color:var(--muted);max-width:30ch;margin:0}.about-us .learn{color:var(--orange-text);margin:72px 0 16px}.ungc{background:var(--mist);padding:110px 40px}.ungc>*{max-width:1440px;margin-left:auto;margin-right:auto}.ungc-head{grid-template-columns:1fr 1fr;align-items:end;gap:16px 60px;display:grid}.ungc-head .mono{color:var(--orange-text);grid-column:1/-1}.ungc-head h2{font:900 clamp(2.2rem,5vw,4.6rem)/.92 var(--font);letter-spacing:-.045em;text-transform:uppercase;margin:0;font-stretch:118%}.ungc-head h2 em{color:var(--orange-display);font-style:normal;display:block}.ungc-head p{color:var(--muted);margin:0}.pillars{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:48px;display:grid}.pillar{background:var(--paper);box-shadow:var(--lift);border-radius:20px;flex-direction:column;gap:10px;padding:24px;display:flex}.pillar h3{font:900 1.5rem/1 var(--font);letter-spacing:-.03em;margin:0;font-stretch:112%}.pillar .num{font:900 clamp(2.4rem,4vw,3.4rem)/1 var(--font);letter-spacing:-.04em;color:var(--orange-display);margin:6px 0 0;font-stretch:120%}.pillar p{color:var(--muted);margin:0;font-size:.95rem}.reports{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:36px;padding-top:24px;display:flex}.reports p{color:var(--muted);max-width:52ch;margin:0}.reports p .mono{margin-top:4px;display:block}.report-links{flex-wrap:wrap;gap:8px;display:flex}.report-links a{border:1.5px solid var(--ink);border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;transition:background .25s,color .25s}.report-links a:hover{background:var(--ink);color:#fff}.sdgs{max-width:1440px;margin:0 auto;padding:110px 40px}.sdg-head{grid-template-columns:1fr 1.2fr;align-items:end;gap:20px 60px;margin-bottom:40px;display:grid}.sdg-head h2{font:900 clamp(2.4rem,5.5vw,5rem)/.9 var(--font);letter-spacing:-.045em;text-transform:uppercase;margin:0;font-stretch:118%}.sdg-head p{color:var(--muted);margin:0 0 10px}.sdg-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.sdg{aspect-ratio:1;color:#fff;background:var(--deep);border-radius:16px;text-decoration:none;display:block;position:relative;overflow:hidden}.sdg img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .4s;position:absolute;inset:0}.sdg .n,.sdg h3,.sdg p{opacity:0;margin:0;transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;left:14px;right:14px;transform:translateY(8px)}.sdg .n{color:#ffb27a;top:12px}.sdg h3{font:800 1rem/1.1 var(--font);top:34px}.sdg p{color:#dbe1f7;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.35;display:-webkit-box;bottom:12px;overflow:hidden}.sdg:after{content:"";opacity:0;background:#000c4df2;transition:opacity .3s;position:absolute;inset:0}.sdg .n,.sdg h3,.sdg p{z-index:1}.sdg:hover:after,.sdg:focus-visible:after{opacity:1}.sdg:hover img,.sdg:focus-visible img{transform:scale(1.08)}.sdg:hover .n,.sdg:hover h3,.sdg:hover p,.sdg:focus-visible .n,.sdg:focus-visible h3,.sdg:focus-visible p{opacity:1;transform:none}.sdg-foot{color:var(--muted);margin:28px 0 0}.sdg-foot a{color:var(--ink);text-underline-offset:3px;text-decoration-color:var(--orange);font-weight:700}@media (width<=1100px){.pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.sdg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.about-us,.sdgs,.ungc{padding:72px 18px}.about-intro,.ungc-head,.sdg-head{grid-template-columns:1fr}.about-intro h2{grid-row:auto}.places{border-top:0;border-left:2px solid var(--ink);grid-template-columns:1fr;gap:28px;margin-top:40px}.places li{padding:0 0 0 22px}.places li:before{top:4px;left:-7px}.pillars{grid-template-columns:1fr}.sdg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sdg h3,.sdg p{display:none}.sdg .n{opacity:0}}@media (prefers-reduced-motion:reduce){.sdg img,.sdg .n,.sdg h3,.sdg p{transition:none}}.anchor{position:absolute;top:0}.ungc,.awards,.sdgs,.about-us,.bento-wrap{position:relative}.awards .process-pin{height:auto;padding:96px 0 88px}.awards .rail-wrap{position:relative}.awards .rail-view{overscroll-behavior-x:contain;scrollbar-width:none;padding:6px 0 10px;overflow-x:auto}.awards .rail-view::-webkit-scrollbar{display:none}.awards .rail-view:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.awards .rail{will-change:auto}.awards .rail-view.js .award{transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}.awards .rail-view.js .award:not(.seen){opacity:.35;transform:translateY(24px)}.aw-nav{z-index:3;width:46px;height:46px;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;transition:opacity .2s;display:none;position:absolute;top:50%;translate:0 -50%;box-shadow:0 6px 18px #00000059}.aw-nav.prev{left:8px}.aw-nav.next{right:8px}.aw-nav:disabled{opacity:0;pointer-events:none}.aw-nav:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media (width<=900px){.awards .process-pin{padding:64px 0}.awards .rail-view{scroll-snap-type:x mandatory;scroll-padding-inline:18px}.awards .rail{flex-direction:row;gap:14px;width:max-content;padding:0 18px}.awards .award,.awards .award.feature{scroll-snap-align:start;width:min(82vw,380px)}.aw-nav:not([hidden]){display:grid}}@media (prefers-reduced-motion:reduce){.awards .rail-view.js .award{transition:none}.awards .rail-view.js .award:not(.seen){opacity:1;transform:none}}.awards .progress{cursor:pointer;touch-action:none;background:0 0;border-radius:4px;height:22px;position:relative}.awards .progress:before{content:"";background:#fff3;border-radius:2px;transition:inset .2s;position:absolute;inset:10px 0}.awards .progress i{border-radius:2px;height:auto;transition:top .2s,bottom .2s;position:absolute;inset:10px 0}.awards .progress:hover:before,.awards .progress.drag:before{inset:8px 0}.awards .progress:hover i,.awards .progress.drag i{top:8px;bottom:8px}.awards .progress:focus-visible{outline:2px solid var(--orange);outline-offset:4px}@keyframes ks-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes ks-fade{0%{opacity:0}}header.top.overlay{animation:.7s cubic-bezier(.2,.8,.2,1) .1s both ks-fade}.stage .caption,.stage .readout span{animation:.9s ease-out both ks-fade}.stage .caption{animation-delay:.9s}.stage .readout span:first-child{animation-delay:1s}.stage .readout span:nth-child(2){animation-delay:1.1s}.stage .readout span:nth-child(3){animation-delay:1.2s}.intro .eyebrow,.intro h1,.intro .lede,.intro>div:last-child{animation:.8s cubic-bezier(.2,.8,.2,1) both ks-rise}.intro .eyebrow{animation-delay:.15s}.intro h1{animation-delay:.25s}.intro .lede{animation-delay:.4s}.intro>div:last-child{animation-delay:.5s}@media (prefers-reduced-motion:reduce){header.top.overlay,.stage .caption,.stage .readout span,.intro .eyebrow,.intro h1,.intro .lede,.intro>div:last-child{animation:none}}
