*{box-sizing:border-box}body{margin:0;background:#f8f7f0;color:#203e32;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:18px 5%;border-bottom:1px solid #23473215}.brand img{width:184px;display:block}.brand small{display:block;font:italic 12px Georgia,serif;text-align:center;margin-top:4px}header>span{font-size:11px;letter-spacing:2px}.review{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;padding:12px;background:#203e32;color:#fff;font-size:12px}.review a{padding:8px 14px;border:1px solid #ffffff55;border-radius:30px}.review a.active{background:#f3edda;color:#203e32}h1,h2{font:normal clamp(40px,4.4vw,72px)/1.02 Georgia,serif;margin:14px 0 22px;letter-spacing:-1.5px}p{font-size:16px;line-height:1.65;max-width:390px}.eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase}.cta{display:inline-flex;align-items:center;gap:35px;padding:15px 22px;border:1px solid currentColor;border-radius:2px;margin-top:12px;font-size:14px;transition:background .3s,color .3s,transform .3s}.cta:hover{background:#203e32;color:white;transform:translateY(-2px)}a:focus-visible{outline:3px solid #b98339;outline-offset:5px}.art{position:relative;min-height:290px}.art img{position:absolute;width:65%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px #203e3215);transition:transform .7s}.art img:nth-child(1){left:0;transform:rotate(-10deg)}.art img:nth-child(2){right:0;transform:rotate(8deg)}article:hover .art img:first-child{transform:rotate(-6deg) translateY(-7px)}article:hover .art img:nth-child(2){transform:rotate(4deg) translateY(-5px)}footer{display:flex;justify-content:space-between;gap:15px;padding:22px 5%;font-size:11px;color:#667269}dialog{max-width:480px;border:0;padding:38px;background:#faf8ef;color:#203e32}dialog::backdrop{background:#163a2dcc;backdrop-filter:blur(8px)}dialog h2{font-size:35px}dialog button{padding:12px 20px;background:#203e32;color:#fff;border:0;cursor:pointer}.split{display:grid;grid-template-columns:1fr 1fr}.split article{padding:42px 10%;position:relative;overflow:hidden}.split .retail{background:#f0eedf}.split .bulk{background:#dbe6d9}.split .art{height:290px;margin-top:12px}.split .bulk .art img{width:95%;left:3%;transform:none}.split h1{font-size:clamp(42px,4vw,66px)}.split .route{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #203e3233;margin-top:10px;padding-top:18px;font-size:12px}.editorial{padding:34px 5%}.editorial .intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.editorial .intro h1{max-width:700px;margin:0}.editorial .intro p{max-width:270px;font-size:14px}.cards{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.cards article{border-radius:16px;overflow:hidden;padding:32px;position:relative;min-height:420px}.cards .retail{background:#e8cfa7}.cards .bulk{background:#234737;color:#fff}.cards h2{font-size:43px;max-width:270px;position:relative;z-index:2}.cards p{max-width:240px;font-size:14px;position:relative;z-index:2}.cards .art{position:absolute;right:-12%;bottom:0;width:70%;height:290px;opacity:.95}.cards .cta{position:relative;z-index:3;background:#fbf8ed;color:#203e32}.cards .bulk .art{width:70%;right:-22%;bottom:45px;opacity:.5}.cards .bulk .art img{width:100%;left:0;transform:none}.editorial .endnote{font:italic 17px Georgia;text-align:center;padding:26px}.atelier{padding:35px 5%;background:#e9eadc}.atelier .intro{text-align:center}.atelier h1{font-size:clamp(38px,4vw,62px);margin:10px 0}.atelier .intro p{margin:14px auto 25px;max-width:600px}.atelier-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:20px;align-items:center}.atelier article{padding:24px 15px}.atelier article:last-child{border-left:1px solid #203e3225;padding-left:35px}.atelier h2{font-size:43px}.atelier .art{height:360px;background:radial-gradient(ellipse,#fffdf3 0%,#fffdf300 70%)}.atelier .art img{height:85%;top:5%;width:66%}.atelier .art img:nth-child(3){width:55%;left:25%;top:25%;height:80%;transform:none}.chips{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;margin:20px 0}.chips span{padding:9px;border:1px solid #203e3228;border-radius:20px}@media(min-width:1500px){main{max-width:1700px;margin:auto}}@media(max-width:760px){header{height:95px;padding:15px 6%}header>span{display:none}.brand img{width:165px}.split,.cards,.atelier-grid{grid-template-columns:1fr}.split article{padding:30px 7%}.split .art{height:235px;min-height:235px}.editorial .intro{display:block}.editorial .intro h1{font-size:44px}.cards article{min-height:400px;padding:26px}.cards .art{width:68%;opacity:.7}.atelier .art{height:260px;min-height:260px;grid-row:2}.atelier article:last-child{border-left:0;border-top:1px solid #203e3225;padding:25px 15px}.atelier .intro p{font-size:14px}footer{flex-direction:column}.review{font-size:10px}.review a{padding:7px 9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
:root{--retail-core:#f0eedf;--bulk-core:#dbe6d9;--brand-ink:#203e32}.selected-gateway header{justify-content:center;height:154px;background:linear-gradient(90deg,var(--retail-core) 50%,var(--bulk-core) 50%);border:0}.selected-gateway header>span{display:none}.selected-gateway .brand img{width:250px}.selected-gateway .brand small{font-size:13px;margin-top:6px}.selected-gateway .split .retail{background:var(--retail-core)}.selected-gateway .split .bulk{background:var(--bulk-core)}.selected-gateway .split article{padding-top:30px;display:flex;flex-direction:column}.selected-gateway .split h1{font-size:clamp(38px,3.65vw,62px)}.selected-gateway .split p{margin-top:0}.selected-gateway .bulk-promise{font-size:18px;line-height:1.5;margin-bottom:12px}.selected-gateway .bulk-detail{font-size:14px;line-height:1.6;max-width:400px}.selected-gateway .cta{align-self:flex-start}.selected-gateway .art{margin-top:auto;padding-top:18px;height:280px;min-height:280px}.selected-gateway .art img{height:calc(100% - 18px)}.selected-gateway .review{font-size:10px;padding:8px}.selected-gateway .review a{padding:5px 10px}.selected-gateway .route{gap:10px}@media(max-width:760px){.selected-gateway header{height:140px;background:#f8f7f0}.selected-gateway .brand img{width:220px}.selected-gateway .split h1{font-size:42px}.selected-gateway .split article{padding-top:28px}.selected-gateway .art{height:240px;min-height:240px;margin-top:12px}.selected-gateway .route{font-size:10px}}
.selected-gateway header{position:relative;width:100%;max-width:none}.selected-gateway header .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;text-align:center}.selected-gateway header .brand img{width:270px;margin:0 auto}.selected-gateway main.split{max-width:none;margin:0;width:100%}.selected-gateway .split .retail-composition img:first-child{width:100%;left:0;top:0;transform:none;opacity:.9}.selected-gateway .split .retail-composition img:nth-child(2){width:45%;left:9%;right:auto;top:12%;height:82%;transform:rotate(-6deg)}.selected-gateway .split .retail-composition img:nth-child(3){width:40%;left:49%;right:auto;top:22%;height:70%;transform:rotate(7deg)}.selected-gateway .split .bulk-science img{width:100%;height:100%;left:0;top:0;transform:none;filter:none}.selected-gateway .bulk-science{min-height:300px}.selected-gateway .split article:hover .bulk-science img{transform:translateY(-4px)}@media(max-width:760px){.selected-gateway header .brand img{width:230px}.selected-gateway .bulk-science{min-height:250px}}.selected-gateway .bulk-science{isolation:isolate}.selected-gateway .bulk-scatter{position:absolute;inset:-20px -18px 0;background:url("assets/gateway/root2leaf-bulk-floating-spices.webp") center/contain no-repeat;z-index:2;pointer-events:none;animation:ingredient-drift 8s ease-in-out infinite alternate}.selected-gateway .split .bulk-science img{width:86%;left:7%;animation:atelier-float 10s ease-in-out infinite alternate}.selected-gateway .bulk-scatter::after{content:"";position:absolute;inset:10% 8%;background:radial-gradient(ellipse at 18% 15%,#b9873877 0 1px,transparent 2px),radial-gradient(ellipse at 78% 20%,#b9873877 0 1px,transparent 2px),radial-gradient(ellipse at 90% 60%,#7a843466 0 1px,transparent 2px);background-size:83px 97px;mask-image:linear-gradient(90deg,#000,transparent 32%,transparent 68%,#000);animation:spice-dust 7s ease-in-out infinite alternate}@keyframes ingredient-drift{from{transform:translate(-4px,5px) rotate(-2deg)}to{transform:translate(5px,-9px) rotate(2deg)}}@keyframes atelier-float{from{transform:translateY(3px)}to{transform:translateY(-5px)}}@keyframes spice-dust{from{transform:translateY(-5px);opacity:.3}to{transform:translateY(10px);opacity:.7}}@media(prefers-reduced-motion:reduce){.selected-gateway .bulk-scatter,.selected-gateway .bulk-scatter::after,.selected-gateway .split .bulk-science img{animation:none}}
/* Selected shared entrance: retail ivory and the approved bulk oat palette. */
:root{--retail-core:#f0eedf;--bulk-core:#f3e9e1;--hibiscus:#773e4f}
.selected-gateway .brand img{height:auto}
.selected-gateway .split h2{font-size:clamp(38px,3.65vw,62px)}
.selected-gateway .bulk{color:#3c302e}
.selected-gateway .bulk h2 em{color:var(--hibiscus);font-weight:normal}
.selected-gateway .bulk .cta{color:var(--hibiscus)}
.selected-gateway .bulk .cta:hover{background:var(--hibiscus);color:#fff}
.selected-gateway .split article{padding-bottom:26px}
.selected-gateway .split .art{flex:1 0 250px;min-height:250px;height:250px}
.selected-gateway footer{background:#f9f7f0}
@media(min-width:761px){.selected-gateway .split{min-height:calc(100svh - 212px)}}
@media(max-width:760px){.selected-gateway .split h2{font-size:42px}.selected-gateway .split article{padding:30px 7% 24px}.selected-gateway .split .art{flex-basis:240px;min-height:240px;height:240px}.selected-gateway .brand small{white-space:nowrap;font-size:12px}}