@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#213d2d;--cream:#f8f5eb;--lime:#dded9d;--orange:#ed6a3a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #e76b39;outline-offset:5px}.announcement{height:34px;background:var(--ink);color:var(--cream);text-align:center;display:flex;align-items:center;justify-content:center;gap:30px;font-size:10px;letter-spacing:1.8px;font-weight:600}.announcement span{color:var(--lime)}header{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #213d2d25;gap:25px}.brand{display:block;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:900;font-size:32px;letter-spacing:-1px;line-height:.95}.brand span{display:block;font:7px 'DM Sans',Arial,sans-serif;letter-spacing:2px;margin-top:9px}nav{display:flex;gap:32px;font-size:12px;font-weight:600}nav a:hover{color:var(--orange)}.contact{font-size:12px;border:1px solid #213d2d66;border-radius:40px;padding:14px 20px}.contact span{margin-left:28px}.menu{display:none}.hero{min-height:650px;display:grid;grid-template-columns:47% 53%;padding:45px 5% 56px;overflow:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:10px}.spark{font-size:25px}.hero h1{font-size:clamp(70px,7.5vw,116px);line-height:.92;margin:24px 0;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;letter-spacing:-1.5px;text-transform:uppercase}em{font-style:normal;color:var(--orange)}.hero p{font-size:14px;line-height:1.8;color:#586251;margin:24px 0 30px}.button{display:inline-flex;align-items:center;gap:38px;background:var(--ink);color:white;border-radius:40px;padding:17px 24px;font-size:12px;font-weight:600;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px}.hero-note{display:flex;align-items:center;font-size:10px;gap:10px;margin-top:24px;color:#61715b}.hero-note span{font-size:22px}.hero-art{position:relative;min-height:535px}.orbit{position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:var(--lime);left:1%;top:25px}.ring{position:absolute;width:99%;aspect-ratio:1;border-radius:50%;border:1px solid #9eaf742f;top:5px;left:-2%}.bag{position:absolute;object-fit:contain;filter:drop-shadow(8px 20px 13px #2e3c2828);width:39%;top:150px}.bag-left{left:0;transform:rotate(-18deg);top:140px}.bag-right{right:-1%;transform:rotate(18deg);top:143px}.bag-main{left:30%;width:43%;top:95px;transform:rotate(3deg)}.art-caption{position:absolute;right:3%;top:25px;font-size:10px;font-weight:700;line-height:1.5;transform:rotate(8deg);letter-spacing:2px}.seal{position:absolute;bottom:15px;left:3%;background:var(--orange);color:var(--cream);border-radius:50%;width:106px;height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;transform:rotate(-13deg);border:1px dashed var(--cream);outline:5px solid var(--orange)}.seal small{font:8px/1.5 'DM Sans',sans-serif;text-align:center;letter-spacing:1px}.star{position:absolute;font-size:72px}.star-one{right:2%;bottom:45px}.star-two{left:13%;top:42px;color:var(--orange);font-size:50px}.hero-index{position:absolute;bottom:-33px;right:4%;font-size:8px;letter-spacing:2px}.ticker{background:var(--lime);padding:20px 3%;display:flex;align-items:center;justify-content:space-around;gap:25px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:23px;white-space:nowrap;overflow:hidden}.ticker>span{font-size:18px;letter-spacing:1px}.section{padding:95px 5%}.section-top{display:flex;align-items:flex-end;justify-content:space-between}.section h2,.story h2,.cta h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;text-transform:uppercase;font-size:64px;line-height:1.02;letter-spacing:-.7px;margin:16px 0 25px}.section-top p{font-size:13px;line-height:1.8;color:#6c7165;margin:0 0 27px}.filters{display:flex;gap:9px;margin:14px 0 32px}.filters button{border:1px solid #213d2d35;background:transparent;border-radius:30px;padding:11px 20px;font-size:11px;color:var(--ink)}.filters button span{margin-left:10px;font-size:9px;opacity:.7}.filters button.active{background:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product{background:transparent;border:0;color:var(--ink);text-align:left;padding:0;display:block;width:100%}.product-art{height:330px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:5px}.product-art img{height:250px;max-width:80%;object-fit:contain;filter:drop-shadow(6px 13px 9px #263b2325);transform:rotate(-5deg);transition:transform .3s}.product:hover img{transform:rotate(3deg) translateY(-7px)}.product-tag{position:absolute;top:19px;left:18px;font-size:8px;letter-spacing:1px;text-transform:uppercase}.product-arrow{position:absolute;bottom:16px;right:16px;border:1px solid #213d2d50;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.product h3{font-size:18px;font-weight:600;margin:18px 0 5px}.product-description{font-size:11px;color:#6c7165;display:flex;justify-content:space-between}.catalog-note{text-align:center;font-size:11px;color:#6c7165;margin-top:35px}.catalog-note a{text-decoration:underline}.story{display:grid;grid-template-columns:1fr 1fr;background:#eaeedb}.story-photo{position:relative;min-height:520px;overflow:hidden}.story-photo img{height:100%;width:100%;object-fit:cover;object-position:50%}.story-photo span{position:absolute;bottom:32px;left:8%;color:#fff;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:32px;transform:rotate(-4deg)}.story-copy{padding:70px 11%}.story h2{font-size:55px}.story-copy p{font-size:13px;line-height:1.9;color:#5d6a54}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid #213d2d55;padding:20px 0 12px;margin-top:24px;font-size:12px}.process h2{font-size:58px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.process article{border-top:1px solid #213d2d44;padding-top:20px}.process article>span{font-size:9px;letter-spacing:1.3px}.process h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;font-weight:600;margin:24px 0 13px}.process p{font-size:12px;line-height:1.9;color:#66715e;max-width:310px}.cta{background:var(--ink);color:var(--cream);text-align:center;padding:80px 20px;position:relative;overflow:hidden}.cta .eyebrow{justify-content:center;color:var(--lime)}.cta h2{font-size:73px}.cta em{color:var(--lime)}.cta p{font-size:13px;line-height:1.8;opacity:.8}.light{background:var(--lime);color:var(--ink);margin-top:20px}.cta-star{position:absolute;right:9%;top:50px;font-size:130px;color:var(--lime);transform:rotate(15deg)}footer{padding:60px 5% 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px}footer p,footer>a:last-of-type{font-size:11px}.footer-bottom{width:100%;margin-top:20px;padding-top:20px;border-top:1px solid #213d2d22;display:flex;justify-content:space-between;font-size:9px;color:#77816e}dialog{border:0;border-radius:10px;background:var(--cream);color:var(--ink);padding:45px;width:min(740px,90vw);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#142519aa;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:32px;color:var(--ink)}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.detail-layout img{width:100%;max-height:350px;object-fit:contain}.detail-layout h2{font:600 42px/1 'Barlow Condensed',Impact,sans-serif}.detail-layout p{font-size:13px;line-height:1.8}.detail-layout .button{font-size:10px;gap:16px}@media(min-width:1500px){header,.hero,.section,footer{padding-left:max(5%,calc((100vw - 1350px)/2));padding-right:max(5%,calc((100vw - 1350px)/2))}header{margin:0}}
@media(max-width:850px){nav{gap:16px;font-size:10px}.hero{min-height:580px}.hero h1{font-size:83px}.hero-art{min-height:450px}.bag{top:140px}.bag-main{top:110px}.seal{bottom:0;width:88px;height:88px}.star-one{bottom:30px}.product-art{height:270px}.product-art img{height:210px}.story-copy{padding:50px 8%}.story h2{font-size:44px}.cta-star{right:2%;font-size:75px}}
@media(max-width:600px){.announcement{font-size:8px;letter-spacing:1px;height:30px}.announcement span{display:none}header{height:82px;margin:0 6%}.brand{font-size:28px}.brand span{font-size:6px;letter-spacing:1.5px}nav{display:none;position:absolute;top:112px;left:0;right:0;background:var(--cream);padding:25px 6%;z-index:10;border-bottom:1px solid #213d2d22;flex-direction:column;font-size:15px}nav.open{display:flex}.contact{margin-left:auto;padding:10px 13px;font-size:10px}.contact span{margin-left:12px}.menu{display:block;border:0;background:transparent;font-size:24px;color:var(--ink)}header{gap:12px}.hero{display:flex;flex-direction:column;padding:28px 6% 58px}.hero h1{font-size:88px;margin:20px 0}.hero p{font-size:13px}.hero-art{width:100%;min-height:440px;margin-top:20px;max-width:440px;align-self:center}.orbit{top:10px}.ring{top:0}.bag-main{top:62px}.bag-left,.bag-right{top:110px}.art-caption{top:5px}.seal{bottom:10px;left:5%}.star-one{bottom:15px}.star-two{top:12px;left:7%}.hero-index{bottom:-24px}.ticker{padding:16px 20px;justify-content:flex-start}.ticker>span{font-size:16px}.section{padding:60px 6%}.section-top{display:block}.section h2{font-size:56px}.section-top p{font-size:12px}.filters{gap:6px;flex-wrap:wrap}.filters button{padding:10px 13px;font-size:10px}.filters button span{margin-left:6px}.product-grid{grid-template-columns:repeat(2,1fr);gap:25px 13px}.product-art{height:220px}.product-art img{height:164px;max-width:80%}.product-tag{font-size:6px;left:10px;top:13px}.product h3{font-size:15px}.product-description{font-size:9px;gap:5px}.catalog-note{line-height:1.8}.story{grid-template-columns:1fr}.story-photo{min-height:310px}.story-copy{padding:45px 6%}.story h2{font-size:50px}.process-grid{grid-template-columns:1fr;gap:25px;margin-top:32px}.process h2{font-size:46px}.process h3{margin-top:16px}.process p{max-width:100%}.cta{padding:65px 6%}.cta h2{font-size:56px}.cta-star{font-size:60px;top:15px;right:-10px}.cta .eyebrow{font-size:8px}footer{padding:45px 6% 20px}footer p{width:100%;order:2;margin:0}.footer-bottom{order:3;gap:20px;line-height:1.6}.detail-layout{grid-template-columns:1fr}.detail-layout img{max-height:200px}dialog{padding:35px}.detail-layout h2{font-size:35px;margin-top:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Dark presentation direction */
:root{--ink:#f7f4e8;--cream:#14221b;--lime:#d9ed9b;--orange:#f28c67}body{background:#14221b;color:#f7f4e8}.announcement{background:#0c1711;color:#e8edde;border-bottom:1px solid #ffffff10}header{height:250px;margin:0 5%;position:relative;border-bottom:1px solid #ffffff25;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}header nav{justify-content:flex-start;gap:20px;max-width:330px;flex-wrap:wrap}header .brand-primary{width:440px;max-width:36vw;padding:15px 0}header .brand-primary img{width:100%;height:auto;display:block}header .contact{justify-self:end;border-color:#ffffff60}.hero{padding-top:45px}.hero h1{font-size:clamp(70px,7.2vw,110px)}.hero p,.hero-note,.section-top p,.catalog-note,.product-description,.story-copy p,.process p{color:#b8c4b4}.hero-art .orbit{background:radial-gradient(circle,#427844 0%,#2a4c33 65%,#203c2b 100%)}.hero-art .ring{border-color:#b9dc8b25}.hero-art .seal{background:var(--orange);color:#14221b;outline-color:var(--orange);border-color:#14221b}.art-caption{color:var(--lime)}.hero .star-one{color:var(--lime)}.button{background:var(--lime);color:#14221b}.ticker{color:#14221b}.filters button{color:#e6ebde;border-color:#ffffff45}.filters button.active{background:var(--lime);color:#14221b}.product{color:#f7f4e8}.product-art{background:#1c3025!important;border:1px solid #ffffff15}.product:nth-child(3n+2) .product-art{background:#2d292a!important}.product:nth-child(3n+3) .product-art{background:#303023!important}.product-arrow{border-color:#ffffff55}.product-tag{color:#ccd5c7}.story{background:#1d3025}.text-link{border-color:#ffffff45}.process article{border-color:#ffffff35}.cta{background:#d9ed9b;color:#14221b}.cta .eyebrow{color:#385338}.cta em{color:#497444}.cta .light{background:#14221b;color:#f7f4e8}.cta-star{color:#96b85e}.footer-bottom{border-color:#ffffff25;color:#a8b7a2}.brand-footer{width:220px}.brand-footer img{display:block;width:100%;height:auto}dialog{background:#203328;color:#f7f4e8}.close{color:#f7f4e8}.detail-layout .button{background:var(--lime);color:#14221b}.process h2 em{color:var(--lime)}.section-top h2 em{color:var(--orange)}
@media(min-width:1500px){header{margin:0 5%;padding:0}}
@media(max-width:1000px){header{height:215px;grid-template-columns:1fr auto 1fr}header nav{font-size:10px;gap:14px;max-width:200px}header .brand-primary{width:350px;max-width:40vw}.hero h1{font-size:85px}}
@media(max-width:600px){header{height:195px;display:flex;justify-content:center;margin:0 6%;padding-top:15px;padding-bottom:40px}header .brand-primary{width:300px;max-width:85vw;padding:0}header .contact{position:absolute;bottom:12px;right:0;padding:7px 12px;font-size:9px}header nav{position:absolute;top:195px;background:#14221b;max-width:none;gap:20px;padding:25px 6%;font-size:15px}header .menu{position:absolute;bottom:12px;left:0;color:var(--lime);padding:0;font-size:24px}.hero h1{font-size:78px}.hero{padding-top:28px}.hero-art{min-height:430px}.hero p{font-size:13px}.product-art{border-radius:5px}.cta h2{font-size:50px}.brand-footer{width:190px}dialog .detail-layout h2{font-size:34px}.hero-index{font-size:6px}.footer-bottom{font-size:8px}}
/* Brand and complete product family take centre stage. */
header{height:380px;grid-template-columns:1fr minmax(400px,740px) 1fr;gap:20px;border-bottom:0}header .brand-primary{width:100%;max-width:none}header nav{font-size:10px;gap:13px}header .contact{white-space:nowrap}.family{padding:15px 4% 45px;position:relative;overflow:hidden}.family-glow{position:absolute;inset:-120px 5% -60px;background:radial-gradient(ellipse at 50% 60%,#47744255,transparent 65%);pointer-events:none}.family-products{display:flex;justify-content:center;align-items:center;gap:12px;max-width:1420px;margin:0 auto;position:relative;padding:35px 0 40px}.family-products a{width:calc((100% - 96px)/9);display:block;transition:transform .25s;filter:drop-shadow(4px 20px 10px #0005)}.family-products img{display:block;width:100%;height:auto}.family-products a:nth-child(odd){transform:translateY(-18px) rotate(-4deg)}.family-products a:nth-child(even){transform:translateY(12px) rotate(4deg)}.family-products a:nth-child(5){transform:translateY(-28px);scale:1.08;z-index:2}.family-products a:hover{transform:translateY(-25px) rotate(0);scale:1.08}.family-caption{display:flex;justify-content:space-between;gap:20px;position:relative;max-width:1300px;margin:0 auto;font-size:8px;letter-spacing:2px;color:#acbda4;padding-top:20px;border-top:1px solid #ffffff20}.hero{min-height:0;display:block;padding-top:55px;padding-bottom:65px;border-top:1px solid #ffffff18;text-align:center}.hero-copy{max-width:1000px;margin:auto}.hero .eyebrow{justify-content:center}.hero h1{font-size:90px;margin:25px 0}.hero p{font-size:14px}.hero-note{justify-content:center}.hero .button{margin-top:0}.hero-index{display:none}
@media(max-width:1000px){header{height:320px;grid-template-columns:1fr minmax(300px,560px) 1fr}header .brand-primary{max-width:none}header nav{font-size:9px;gap:10px}.family-products{gap:7px}.family-products a{width:calc((100% - 56px)/9)}}
@media(max-width:600px){header{height:235px;display:flex;align-items:flex-start;padding-top:22px;padding-bottom:45px}header .brand-primary{width:100%;max-width:100%;padding:0}header .contact,header .menu{bottom:5px}header nav{top:235px}.family{padding:20px 5% 30px}.family-products{display:grid;grid-template-columns:repeat(5,1fr);gap:16px 9px;padding:12px 0 25px;align-items:end}.family-products a{width:100%}.family-products a:nth-child(n){transform:none;scale:1}.family-products a:nth-child(5){transform:rotate(4deg)}.family-products a:nth-child(6){grid-column:1;transform:translateX(55%)}.family-products a:nth-child(7),.family-products a:nth-child(8),.family-products a:nth-child(9){transform:translateX(55%)}.family-caption{font-size:6px;letter-spacing:1px;line-height:1.7}.hero{padding-top:40px;padding-bottom:45px}.hero h1{font-size:62px}.hero .eyebrow{font-size:8px}.family-products a:hover{scale:1.03}}
/* Oversized interactive flavour showcase */
.bold-family{padding:20px 3% 60px;overflow:visible}.range-intro{display:flex;justify-content:space-between;padding:20px 1% 30px;font-size:10px;font-weight:700;letter-spacing:2px;color:#c5d4bb}.bold-family .family-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:1800px;padding:0;margin:auto;align-items:stretch}.flavour{position:relative;isolation:isolate;min-width:0;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff0a;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%)}.flavour-index{position:absolute;left:5%;top:22px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(70px,10vw,155px);font-weight:800;line-height:1;color:var(--accent);opacity:.10;pointer-events:none}.flavour-trigger{width:100%;border:0;background:transparent;color:#f7f4e8;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:clamp(530px,52vw,760px);padding:60px 6% 90px;text-align:left;overflow:hidden}.flavour-trigger>img{height:clamp(365px,37vw,565px);width:100%;max-width:90%;object-fit:contain;filter:drop-shadow(10px 25px 20px #0008);transform:rotate(-6deg);transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;position:relative;z-index:1}.flavour:nth-child(3n+2) .flavour-trigger>img{transform:rotate(5deg)}.flavour:nth-child(3n) .flavour-trigger>img{transform:rotate(-3deg)}.flavour-type{position:absolute;right:6%;top:28px;font-size:8px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#b8c4b4}.flavour-hint{position:absolute;bottom:30px;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:1.8px;transition:opacity .25s}.flavour-hint b{color:var(--accent);font-size:24px}.flavour-reveal{position:absolute;left:0;bottom:0;width:100%;padding:70px 8% 30px;background:linear-gradient(transparent,#0d1b15ed 29%,#0d1b15 70%);z-index:3;display:flex;flex-direction:column;gap:13px;opacity:0;transform:translateY(35px);transition:opacity .35s,transform .35s;pointer-events:none}.flavour-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(40px,4.5vw,76px);font-weight:800;text-transform:uppercase;line-height:.92;letter-spacing:-.5px;color:var(--accent)}.flavour-copy{font-size:13px;line-height:1.65;max-width:340px;color:#eff2e8}.flavour-meta{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#acbda4}.flavour:is(:hover,:focus-within,.is-open) .flavour-reveal{opacity:1;transform:translateY(0)}.flavour:is(:hover,:focus-within,.is-open) .flavour-trigger>img{transform:translateY(-45px) rotate(2deg) scale(1.08);filter:drop-shadow(12px 35px 22px #0009)}.flavour:is(:hover,:focus-within,.is-open) .flavour-hint{opacity:0}.flavour-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.bold-family .family-caption{max-width:none;margin-top:35px}.bold-family + .hero h1{font-weight:900}.hero{padding-top:80px;padding-bottom:80px}
@media(max-width:1000px) and (min-width:601px){.flavour-trigger{min-height:480px;padding:60px 4% 100px}.flavour-trigger>img{height:330px;max-width:96%}.flavour-title{font-size:43px}.flavour-copy{font-size:11px}.flavour-type{font-size:6px}.flavour-hint{font-size:7px;letter-spacing:1px}}
@media(max-width:600px){.bold-family{padding:10px 5% 35px}.range-intro{font-size:7px;letter-spacing:1px;gap:20px;padding:15px 0 25px}.range-intro span:last-child{font-size:0}.range-intro span:last-child:after{content:'TAP TO DISCOVER ↘';font-size:7px}.bold-family .family-products{grid-template-columns:1fr;gap:0}.flavour-trigger{min-height:550px;padding:50px 5% 80px}.flavour-trigger>img{height:415px;max-width:85%}.flavour-title{font-size:62px}.flavour-copy{font-size:13px;max-width:100%}.flavour-type{font-size:8px}.flavour-index{font-size:140px}.flavour-reveal{padding-bottom:30px}.bold-family .family-caption{font-size:6px}.hero h1{font-size:64px}}
@media(prefers-reduced-motion:reduce){.flavour-trigger>img,.flavour-reveal,.flavour-hint{transition:none}}
/* Neutral studio backdrop: a soft white backlight falling off into black. */
:root{--cream:#050505}body{background:#050505}.announcement{background:#030303}header{background:transparent}.bold-family{background:#050505}.bold-family .family-products{background-image:radial-gradient(ellipse 58% 47% at 50% 47%,#a8a8a8 0%,#737373 14%,#3a3a3a 33%,#181818 56%,#090909 79%,#050505 100%);background-size:100% 33.333333%;background-repeat:repeat-y}.flavour{background:transparent}.flavour-reveal{background:linear-gradient(transparent,rgba(5,5,5,.94) 32%,#050505 78%)}.flavour-type{color:#e3e3e3;text-shadow:0 1px 8px #000}.flavour-copy{color:#f1f1f1}.flavour-meta,.family-caption,.range-intro{color:#c8c8c8}.hero{background:radial-gradient(ellipse at 50% 0%,#202020 0%,#0d0d0d 45%,#050505 78%)}.hero p,.hero-note,.story-copy p,.process p{color:#bfbfbf}.story{background:linear-gradient(125deg,#252525,#0b0b0b 75%)}.process{background:radial-gradient(ellipse at 50% 100%,#1b1b1b,#050505 75%)}.cta{background:radial-gradient(ellipse at 50% 50%,#414141,#171717 58%,#050505 95%);color:#f7f4e8}.cta .eyebrow{color:#d4d4d4}.cta em{color:var(--lime)}.cta-star{color:#777;opacity:.4}.cta .light{background:var(--lime);color:#14221b}.footer-bottom{color:#aaa}footer{background:#050505}
@media(max-width:600px){header nav{background:#080808}.bold-family .family-products{background-image:radial-gradient(ellipse 70% 44% at 50% 47%,#9a9a9a 0%,#555 24%,#1c1c1c 58%,#050505 100%);background-size:100% 11.111111%;background-repeat:repeat-y}}
/* Fine concrete grain beneath a broad central studio light. */
.bold-family .family-products{background-image:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.58) 13%,transparent 34%,transparent 66%,rgba(3,3,3,.58) 87%,#030303 100%),radial-gradient(ellipse 66% 54% at 50% 47%,#e3e3e3 0%,#bcbcbc 18%,#737373 40%,#2c2c2c 65%,#090909 92%),url('assets/concrete-texture.svg');background-size:100% 33.333333%,100% 33.333333%,1000px 650px;background-repeat:repeat-y,repeat-y,repeat;background-blend-mode:normal,multiply,normal}.hero{background-image:radial-gradient(ellipse at 50% 0%,rgba(55,55,55,.83),#050505 78%),url('assets/concrete-texture.svg');background-size:100% 100%,1000px 650px;background-blend-mode:multiply}.story{background-image:linear-gradient(125deg,rgba(43,43,43,.9),#0b0b0b 75%),url('assets/concrete-texture.svg');background-blend-mode:multiply}.cta{background-image:radial-gradient(ellipse at 50% 50%,rgba(95,95,95,.7),rgba(23,23,23,.96) 58%,#050505 95%),url('assets/concrete-texture.svg');background-size:100% 100%,1000px 650px;background-blend-mode:multiply}
@media(max-width:600px){.bold-family .family-products{background-image:linear-gradient(90deg,#030303,transparent 30%,transparent 70%,#030303),radial-gradient(ellipse 78% 48% at 50% 47%,#d3d3d3 0%,#999 25%,#383838 60%,#050505 100%),url('assets/concrete-texture.svg');background-size:100% 11.111111%,100% 11.111111%,600px 550px;background-repeat:repeat-y,repeat-y,repeat;background-blend-mode:normal,multiply,normal}}
.back-to-top{position:fixed;right:26px;bottom:26px;z-index:50;width:54px;height:54px;border:1px solid #ffffff50;border-radius:50%;background:#131313e8;color:#fff;font-size:27px;display:grid;place-items:center;box-shadow:0 6px 24px #0006;backdrop-filter:blur(10px);transition:background .2s,transform .2s}.back-to-top[hidden]{display:none}.back-to-top:hover{background:#fff;color:#111;transform:translateY(-4px)}.back-to-top:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:600px){.back-to-top{right:17px;bottom:17px;width:47px;height:47px;font-size:24px}}
/* Centred navigation under the logo, matching the announcement accent. */
header{height:auto;min-height:425px;display:grid;grid-template-columns:1fr minmax(400px,740px) 1fr;grid-template-rows:auto auto;row-gap:18px;padding-top:25px!important;padding-bottom:28px!important}header .brand-primary{grid-column:2;grid-row:1;justify-self:center}header nav{grid-column:1/-1;grid-row:2;display:flex;position:static;justify-content:center;align-items:center;flex-wrap:wrap;max-width:none;width:100%;gap:38px;margin:0;padding:0;background:transparent;border:0;color:var(--lime);font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}header nav a{padding:10px 0;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}header nav a:hover{color:#fff;border-color:var(--lime)}header .contact{grid-column:3;grid-row:1;align-self:center}header .menu{display:none}
@media(max-width:1000px) and (min-width:601px){header{min-height:360px;grid-template-columns:1fr minmax(300px,560px) 1fr}header nav{gap:28px;font-size:11px}}
@media(max-width:600px){header{min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-top:22px!important;padding-bottom:24px!important;row-gap:13px;align-items:center}header .brand-primary{grid-column:1;grid-row:1;width:100%;max-width:100%}header nav{grid-column:1;grid-row:2;position:static;display:flex;gap:12px 20px;font-size:9px;letter-spacing:1px;padding:0;background:transparent}header .contact{grid-column:1;grid-row:3;position:static;justify-self:center;margin:0;padding:8px 15px}header .menu{display:none}}
/* Shop, inquiry and places. */
.where-to-buy{text-align:center;padding:75px 5% 85px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;background:radial-gradient(ellipse at 50% 50%,#252525,#050505 72%)}.where-to-buy .eyebrow{justify-content:center;color:#bfc7b5}.where-to-buy h2{font:800 clamp(30px,4vw,58px)/1 'Barlow Condensed',Impact,sans-serif;margin:20px 0 32px}.mego-link{display:inline-flex;flex-direction:column;align-items:center;gap:18px;padding:20px 45px;transition:transform .35s cubic-bezier(.2,.8,.2,1);transform:rotate(-2deg)}.mego-link img{width:310px;max-width:65vw;height:auto;filter:brightness(0) invert(1);display:block}.mego-link span{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--lime)}.mego-link:hover,.mego-link:focus-visible{transform:rotate(5deg) translateY(-8px) scale(1.04)}.inquiry{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;background:radial-gradient(ellipse at 35% 40%,#252525,#080808 75%);border-top:1px solid #ffffff20}.inquiry h2{font-size:76px;font-weight:800}.inquiry-intro p{color:#bbb;font-size:13px;line-height:1.9}.inquiry-intro>a{display:inline-block;margin-top:20px;border-bottom:1px solid #ffffff55;padding-bottom:10px;font-size:15px}.inquiry-form{padding-top:6px;position:relative}.inquiry-form label{display:block;font-size:9px;letter-spacing:1.5px;font-weight:700;color:#cfd2c8;margin-bottom:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.inquiry-form input:not([type=hidden]),.inquiry-form textarea{display:block;width:100%;color:#fff;background:#ffffff04;border:0;border-bottom:1px solid #ffffff55;border-radius:0;font:14px/1.6 'DM Sans',Arial,sans-serif;padding:15px 0 12px;margin-top:7px;outline:none;resize:vertical}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:var(--lime)}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#858585}.inquiry-form .form-honey{display:none!important}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.form-bottom p{font-size:9px;line-height:1.7;color:#9c9c9c;max-width:220px}.form-bottom .button{border:0;white-space:nowrap;font-size:10px;gap:25px}.form-status{font-size:13px;line-height:1.7;color:var(--lime);padding:16px 0}.locations{background:#080808}.locations>h2{font-size:76px;font-weight:800}.location{display:grid;grid-template-columns:1fr 1.8fr;gap:60px;padding:45px 0;border-top:1px solid #ffffff25}.location-info h3{font:700 35px/1.05 'Barlow Condensed',Impact,sans-serif;margin:18px 0 16px}.location-info h4{font-size:12px;line-height:1.6;font-weight:600;margin:0 0 18px;color:#d7d7d7}.location-info address{font-size:13px;font-style:normal;line-height:1.9;color:#bfbfbf}.location-info p{font-size:12px;line-height:1.9;color:#bfbfbf;margin:18px 0}.location-info .location-meta{font-size:10px;color:#999}.location-info a:hover{color:var(--lime)}.map-link{font-size:9px;letter-spacing:1px;color:var(--lime);display:inline-block;margin-top:5px;border-bottom:1px solid #d9ed9b55;padding-bottom:8px}.location iframe{width:100%;height:340px;border:1px solid #ffffff25;border-radius:4px;background:#202020;align-self:center;filter:grayscale(1) contrast(.95)}.location iframe:hover{filter:grayscale(0)}
@media(max-width:900px){.inquiry{gap:35px}.inquiry h2,.locations>h2{font-size:60px}.location{gap:30px;grid-template-columns:1fr 1.5fr}.form-bottom{flex-direction:column;align-items:flex-start}.form-bottom p{max-width:none;margin:0}.location iframe{height:330px}}
@media(max-width:600px){.where-to-buy{padding:55px 6%}.where-to-buy h2{font-size:34px}.mego-link{padding:10px 20px}.mego-link img{width:240px}.inquiry{grid-template-columns:1fr;gap:35px}.inquiry h2,.locations>h2{font-size:58px}.form-row{grid-template-columns:1fr;gap:0}.inquiry-form label{margin-bottom:23px}.form-bottom{gap:14px}.form-bottom .button{width:100%;justify-content:space-between}.location{grid-template-columns:1fr;gap:25px;padding:35px 0}.location iframe{height:300px}.location-info h3{font-size:34px}.location-info p{margin:14px 0}.locations>h2{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.mego-link{transition:none}}
/* Logo descriptor, proportioned to the original artwork. */
header .brand-primary .brand-tagline{display:block;width:100%;margin-top:21px;padding-left:.25em;color:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:clamp(10px,1.37vw,21px);font-weight:500;line-height:1.25;letter-spacing:.25em;text-align:center;white-space:nowrap}header .brand-primary{padding-bottom:0}
@media(max-width:1000px) and (min-width:601px){header .brand-primary .brand-tagline{font-size:clamp(9px,1.3vw,14px);letter-spacing:.2em;margin-top:17px}}
@media(max-width:600px){header .brand-primary .brand-tagline{font-size:clamp(8px,2.25vw,13px);letter-spacing:.19em;margin-top:12px}}
header .brand-primary .brand-tagline{display:flex;justify-content:space-between;gap:0;letter-spacing:0;padding:0 2%;font-size:clamp(10px,1.5vw,23px)}.brand-tagline i{font-style:normal;font-weight:500;letter-spacing:0}
@media(max-width:1000px) and (min-width:601px){header .brand-primary .brand-tagline{font-size:clamp(9px,1.45vw,16px);letter-spacing:0}}
@media(max-width:600px){header .brand-primary .brand-tagline{font-size:clamp(9px,2.6vw,15px);letter-spacing:0}}
.inquiry h2{font-size:clamp(46px,5vw,72px)}.inquiry-intro p{max-width:420px}
@media(max-width:600px){.inquiry h2{font-size:50px}}
/* Align the descriptor to the letter edges, excluding the logo's rays. */
header .brand-primary .brand-tagline{width:94.84%;margin-left:0;padding:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.comparison{display:grid;grid-template-columns:.8fr 1.4fr;gap:65px;background:#0a0a0a;border-top:1px solid #ffffff20}.comparison-intro h2{font-size:68px;font-weight:800}.comparison-intro p{font-size:13px;line-height:1.9;color:#bdbdbd;max-width:350px}.comparison-intro .button{font-size:10px;gap:20px;margin-top:20px}.comparison-content{min-width:0}.comparison-scroll{overflow-x:auto}.comparison table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:570px}.comparison th,.comparison td{text-align:center;border-bottom:1px solid #ffffff24;padding:22px 12px;font-size:11px;line-height:1.6;font-weight:400}.comparison thead th{height:170px;font:600 16px/1.2 'Barlow Condensed',Impact,sans-serif;vertical-align:bottom;padding-bottom:25px}.comparison thead th:first-child{width:24%}.comparison thead th:nth-child(2){width:30%}.comparison tbody th{text-align:left;font-size:8px;font-weight:700;letter-spacing:1px;padding-left:0}.comparison .featured{background:#d9ed9b;color:#14221b;border-bottom-color:#14221b30;border-left:1px solid #d9ed9b;border-right:1px solid #d9ed9b;font-weight:600}.comparison thead .featured{border-radius:14px 14px 0 0}.comparison tbody tr:last-child .featured{border-radius:0 0 14px 14px}.comparison thead img{display:block;height:100px;width:auto;margin:0 auto 15px;transform:rotate(-5deg);filter:drop-shadow(3px 6px 5px #14221b40)}.comparison thead strong{font-size:20px;font-weight:800}.snack-symbol{display:block;font-family:Arial,sans-serif;font-size:60px;color:#999;line-height:1;margin:0 auto 20px}.comparison-note,.comparison-sources{font-size:9px;line-height:1.8;color:#9b9b9b}.comparison-note{margin-top:20px}.comparison-sources summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.comparison-sources a{color:var(--lime);text-decoration:underline}.faq{display:grid;grid-template-columns:.9fr 1.2fr;gap:75px;background:radial-gradient(ellipse at 0% 50%,#202020,#090909 70%);border-top:1px solid #ffffff20}.faq h2{font-size:64px;font-weight:800}.faq-intro>p{font-size:13px;line-height:1.8;color:#bbb}.faq-items{min-width:0}.faq-items details{border-bottom:1px solid #ffffff30}.faq-items details:first-child{border-top:1px solid #ffffff30}.faq-items summary{display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;cursor:pointer;padding:24px 0;font-size:15px;font-weight:600}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:25px;font-weight:400;color:var(--lime);transition:transform .2s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details[open] summary{color:var(--lime)}.faq-answer p{font-size:13px;line-height:1.9;color:#bbb;margin:0 0 25px;max-width:550px}.faq-answer a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}.faq summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:1000px){.comparison{gap:30px;grid-template-columns:1fr}.comparison-intro h2{font-size:60px}.comparison-intro p{max-width:600px}.comparison-intro h2 br{display:none}.comparison-content{max-width:850px}.faq{gap:35px}.faq h2{font-size:50px}}
@media(max-width:600px){.comparison,.faq{grid-template-columns:1fr;gap:30px}.comparison-intro h2{font-size:50px}.comparison table{min-width:520px}.comparison th,.comparison td{padding:20px 8px;font-size:10px}.comparison tbody th{font-size:7px}.comparison-intro .button{margin-top:10px}.comparison-content:before{content:'SWIPE TO COMPARE →';display:block;font-size:8px;letter-spacing:1.5px;color:#999;margin-bottom:15px}.faq h2{font-size:52px}.faq-items summary{font-size:14px;padding:21px 0}.faq-answer p{font-size:12px}}
.story-photo{min-height:360px}.story-photo img{object-position:center center}
@media(max-width:600px){.story-photo{min-height:260px}}
.comparison-benefits{padding:0;list-style:none;margin:28px 0;max-width:390px}.comparison-benefits li{border-top:1px solid #ffffff25;padding:14px 0;font:700 23px/1.1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.2px}.comparison-benefits li:last-child{color:var(--lime)}.claim-marker{font:10px Arial,sans-serif;vertical-align:super;margin-left:3px}.nutrition-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 8%;background:#080808;color:#c9c9c9;border:0;border-bottom:1px solid #ffffff25;font:600 9px 'DM Sans',Arial,sans-serif;letter-spacing:1.5px}.nutrition-button:hover,.nutrition-button:focus-visible{color:var(--lime);background:#191919}.nutrition-button span{font-size:18px}.product-details{width:min(920px,94vw);max-height:90vh;padding:45px;background:#151515;color:#fff;border:1px solid #ffffff35;border-radius:8px;box-shadow:0 30px 120px #000a;overflow:auto}.product-details::backdrop{background:#000b;backdrop-filter:blur(8px)}.product-details-close{position:absolute;right:14px;top:8px;background:transparent;color:white;border:0;font-size:32px;z-index:2}.nutrition-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}.nutrition-image{position:sticky;top:20px;padding:35px 0 0;text-align:center}.nutrition-image img{width:100%;max-height:410px;object-fit:contain;filter:drop-shadow(8px 15px 14px #0006);transform:rotate(-4deg)}.nutrition-image>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#aaa;margin-top:25px}.nutrition-content h2{font:800 48px/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:16px 0 25px}.nutrition-content h3{font-size:9px;letter-spacing:1.5px;color:var(--lime);margin:25px 0 10px}.nutrition-content p{font-size:12px;line-height:1.9;color:#ccc}.nutrition-table{width:100%;border-collapse:collapse;font-size:12px}.nutrition-table caption{text-align:left;color:var(--lime);font-size:9px;letter-spacing:1px;font-weight:700;padding:22px 0 12px}.nutrition-table th,.nutrition-table td{border-bottom:1px solid #ffffff25;padding:10px 0;line-height:1.5;font-weight:400}.nutrition-table th{text-align:left}.nutrition-table td{text-align:right;white-space:nowrap}.nutrition-content .nutrition-pack-note{font-size:10px;color:#909090;margin-top:25px}.product-dialog-open{overflow:hidden}
@media(max-width:600px){.comparison-benefits li{font-size:24px}.product-details{padding:32px 23px}.nutrition-layout{grid-template-columns:1fr;gap:15px}.nutrition-image{position:static;padding:0}.nutrition-image img{height:190px}.nutrition-image>span{margin-top:12px;font-size:8px}.nutrition-content h2{font-size:40px}.nutrition-content .eyebrow{font-size:8px}.nutrition-button{padding:17px 8%}}

.hero h1.hero-statement{width:min(520px,65%);margin:30px auto 35px;line-height:1;letter-spacing:0;color:#fff}.hero-statement svg{display:block;width:100%;height:auto;overflow:visible;fill:currentColor}.hero-statement text{font-family:'Arial Black','DM Sans',Arial,sans-serif;font-weight:900;font-size:185px;letter-spacing:-5px}.hero-statement .statement-side{font-size:48px;letter-spacing:0;font-weight:900}@media(max-width:600px){.hero h1.hero-statement{width:72%;margin:25px auto 28px}}

/* Product accents and compact standalone brand marks. */
.nutrition-button,.nutrition-button:hover,.nutrition-button:focus-visible{color:var(--accent)}
.wordmark-only{display:block;position:relative;aspect-ratio:2867/605;overflow:hidden}
.wordmark-only>img{position:absolute!important;width:100%!important;height:auto!important;max-height:none!important;max-width:none!important;left:0;top:-95.8678%;margin:0!important;transform:none!important;object-fit:contain}
.comparison thead .featured{vertical-align:middle}
.comparison-wordmark{width:100%;max-width:210px;margin:0 auto}
.comparison-wordmark>img{filter:brightness(0)!important}
footer .brand-footer.wordmark-only{width:240px;max-width:80vw}
.social-links{display:flex;align-items:center;gap:14px;margin:30px 0 8px}
.social-links>span{font-size:10px;font-weight:700;letter-spacing:2px;margin-right:5px}
.social-links a{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;transition:color .2s,transform .2s,border-color .2s}
.social-links a:hover{color:var(--lime);border-color:var(--lime);transform:translateY(-3px)}
.social-links svg{width:21px;height:21px}

header .navigation-row{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;width:100%}
header .navigation-row nav{grid-column:2;grid-row:1;width:auto;gap:30px}
header .header-actions{grid-column:3;display:flex;justify-content:flex-end;align-items:center;gap:22px}
header .header-social{margin:0;gap:10px;color:var(--lime);white-space:nowrap}
header .header-social>span{font-size:9px;letter-spacing:1.2px;margin:0}
header .header-social a{width:32px;height:32px;border-color:#d9ed9b66}
header .header-social svg{width:17px;height:17px}
header .header-actions .contact{position:static;margin:0;flex-shrink:0;font-size:10px;padding:11px 17px;color:var(--lime);border-color:#d9ed9b66;text-transform:uppercase;letter-spacing:1px}
header .header-actions .contact span{margin-left:13px}
@media(max-width:1300px){header .navigation-row{grid-template-columns:1fr auto}header .navigation-row nav{grid-column:1;justify-content:flex-start;gap:24px;font-size:10px}header .header-actions{grid-column:2;gap:18px}}
@media(max-width:750px){header .navigation-row{display:flex;flex-direction:column;gap:18px}header .navigation-row nav{justify-content:center;gap:12px 20px;font-size:9px}header .header-actions{justify-content:center;flex-wrap:wrap;gap:20px}header .header-social>span{font-size:8px}}

.process .process-intro{max-width:780px;font-size:16px;line-height:1.8;margin:25px 0 0;color:#ccc}
.process-grid{gap:38px;align-items:start}
.process h3{font-size:32px;line-height:1.12;min-height:72px;text-transform:none;margin:24px 0 18px}
.process article>p{max-width:none;min-height:72px}
.process-points{list-style:none;padding:0;margin:24px 0;color:#eee;font-size:12px;line-height:1.7}
.process-points li{padding:12px 0 12px 20px;border-bottom:1px solid #ffffff1c;position:relative}
.process-points li:before{content:'•';position:absolute;left:0;color:var(--lime)}
.process-more{margin-top:24px;border-bottom:1px solid #ffffff30}
.process-more summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;color:var(--lime);font-size:11px;font-weight:700;letter-spacing:.7px;padding:14px 0}
.process-more summary::-webkit-details-marker{display:none}
.process-more summary span{font-size:22px;transition:transform .2s}
.process-more[open] summary span{transform:rotate(45deg)}
.process-more p{max-width:none;margin:8px 0 20px}
.process-more summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:600px){.process .process-intro{font-size:14px}.process h3{min-height:0;font-size:30px}.process article>p{min-height:0}.process-grid{gap:35px}}

.story-photo .ai-label{left:auto;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.8);color:#fff;border:1px solid #ffffff70;border-radius:6px;padding:8px 11px;transform:none;font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-size:11px;line-height:1.2;backdrop-filter:blur(5px)}.ai-label b{font-size:14px;font-weight:700;letter-spacing:.5px}.ai-label small{font-size:10px}@media(max-width:600px){.story-photo .ai-label{right:12px;bottom:12px}}

.ticker{justify-content:center;gap:clamp(16px,3vw,38px);padding:20px 15px}.ticker .ticker-divider{display:block;flex:0 0 1px;width:1px;height:19px;background:#14221b70}.ticker>span{flex:0 0 auto}@media(max-width:600px){.ticker{gap:10px;padding:16px 8px}.ticker>span{font-size:11px;letter-spacing:.35px}.ticker .ticker-divider{height:14px}}

/* Trade enquiries, category navigation and original packaging photography. */
.hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:30px 0 0}
.hero-actions .button{font-size:10px;letter-spacing:.8px;gap:24px;margin:0}
.hero-actions .button-outline{background:transparent;color:var(--lime);border:1px solid #d9ed9b90}
.hero-actions .button-outline:hover{background:#d9ed9b12}
.range-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 1% 28px}
.range-filters{display:flex;gap:9px;flex-wrap:wrap}
.range-filters button{border:1px solid #ffffff35;border-radius:30px;background:#0a0a0a;color:#ccc;padding:12px 18px;font:700 10px 'DM Sans',Arial,sans-serif;letter-spacing:1px;transition:background .2s,color .2s}
.range-filters button span{font-size:8px;margin-left:8px;opacity:.65}
.range-filters button[aria-pressed=true]{background:var(--lime);color:#14221b;border-color:var(--lime)}
.range-filters button:hover{border-color:var(--lime)}
.range-count{font-size:9px;color:#aaa;letter-spacing:1px;margin:0;white-space:nowrap}
.flavour[hidden]{display:none!important}
.bold-family .family-products{background-size:100% calc(100% / var(--desktop-rows,3)),100% calc(100% / var(--desktop-rows,3)),1000px 650px}
.packaging-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 8%;background:#080808;color:var(--accent);border:0;border-bottom:1px solid #ffffff25;font:600 9px 'DM Sans',Arial,sans-serif;letter-spacing:1.5px}
.packaging-button span{font-size:18px}.packaging-button:hover,.packaging-button:focus-visible{background:#191919}
.packaging-dialog{width:min(960px,94vw);max-height:92vh;overflow:auto;background:#131313;color:#fff;border:1px solid #ffffff35;border-radius:8px;padding:40px;box-shadow:0 30px 120px #000a}
.packaging-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}
.packaging-close{position:absolute;right:14px;top:8px;border:0;background:transparent;color:#fff;font-size:32px}
.packaging-dialog .eyebrow{color:#aaa;font-size:9px}
.packaging-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:15px 0 22px}
.packaging-heading h2{font:800 48px/1.05 'Barlow Condensed',Impact,sans-serif;margin:0;max-width:650px;color:var(--packaging-accent);text-transform:none}
.packaging-count{padding:9px 12px;border:1px solid #ffffff35;border-radius:25px;font-size:9px;letter-spacing:1px;white-space:nowrap}
.packaging-variants{display:flex;gap:8px}
.packaging-variants button{background:transparent;border:1px solid #ffffff40;color:#ccc;border-radius:25px;padding:12px 18px;font-size:10px;font-weight:700;letter-spacing:1px}
.packaging-variants button[aria-pressed=true]{color:#101010;background:var(--packaging-accent);border-color:var(--packaging-accent)}
.packaging-figure{margin:20px 0 0}.packaging-image-frame{aspect-ratio:1.8;overflow:hidden;position:relative;border-radius:6px;background:radial-gradient(ellipse at center,#454545,#232323 60%,#171717)}
.packaging-image-frame img{position:absolute;width:85%;max-width:670px;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);display:block}
.packaging-figure figcaption{text-align:center;font-size:11px;color:#aaa;padding:14px}
.packaging-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:20px;margin-top:10px;font-size:9px;font-weight:700;letter-spacing:1px;color:var(--packaging-accent)}
@media(max-width:800px){.range-tools{align-items:flex-start;flex-direction:column;gap:14px}.range-count{align-self:flex-end}.packaging-heading h2{font-size:40px}}
@media(max-width:600px){.hero-actions{flex-direction:column;gap:12px}.hero-actions .button{justify-content:space-between;width:100%;max-width:300px}.range-tools{position:sticky;top:0;z-index:8;background:#050505ed;backdrop-filter:blur(8px);padding:12px 0 16px;gap:10px;border-bottom:1px solid #ffffff20}.range-filters{display:grid;grid-template-columns:repeat(4,auto);width:100%;gap:5px}.range-filters button{padding:11px 6px;letter-spacing:.4px;font-size:8px}.range-filters button span{display:none}.range-count{font-size:8px}.bold-family .family-products{background-size:100% calc(100% / var(--mobile-rows,9)),100% calc(100% / var(--mobile-rows,9)),1000px 650px}.packaging-dialog{padding:34px 20px 24px}.packaging-heading{align-items:flex-start;flex-direction:column;gap:14px}.packaging-heading h2{font-size:36px}.packaging-count{font-size:8px}.packaging-variants button{padding:11px 13px;font-size:9px}.packaging-image-frame{aspect-ratio:1.15}.packaging-image-frame img{width:100%}.packaging-footer{font-size:8px;gap:12px;line-height:1.5}.packaging-button{padding:17px 8%}}

.packaging-artwork-note{font-size:10px;line-height:1.7;color:#bbb;padding:12px 14px;border-left:2px solid var(--packaging-accent);background:#ffffff08}.packaging-artwork-note[hidden]{display:none}


/* Original packaging marks and the framed logo descriptor. */
header .brand-badge{position:absolute;height:auto;object-fit:contain;pointer-events:none;z-index:1}
header .brand-badge-vegan{width:96px;left:0;top:65px}
header .brand-badge-premium{width:140px;right:0;top:65px}
header .brand-primary .brand-tagline{display:grid;grid-template-columns:minmax(12px,1fr) minmax(0,8fr) minmax(12px,1fr);align-items:center;gap:16px;font-size:clamp(9px,1.2vw,18px)}
header .brand-tagline:before,header .brand-tagline:after{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent,#c4c4c4)}
header .brand-tagline:after{transform:rotate(180deg)}
header .brand-tagline .brand-tagline-text{display:flex;justify-content:space-between;width:100%;font:inherit;letter-spacing:0;margin:0;min-width:0}
@media(max-width:1000px) and (min-width:601px){header .brand-badge-vegan{width:70px;top:55px}header .brand-badge-premium{width:105px;top:55px}}
@media(max-width:600px){header .brand-badge-vegan{width:44px;top:23px}header .brand-badge-premium{width:70px;top:23px}header .brand-primary .brand-tagline{gap:8px;font-size:clamp(6px,1.9vw,11px)}}

/* Keep the original descriptor letter size and alignment; rules extend outwards. */
header .brand-primary .brand-tagline{position:relative;display:block;font-size:clamp(10px,1.5vw,23px);width:94.84%;margin-left:0;padding:0}
header .brand-tagline:before,header .brand-tagline:after{position:absolute;top:50%;width:clamp(75px,10vw,170px);height:2px;transform:translateY(-50%)}
header .brand-tagline:before{right:calc(100% + 20px)}
header .brand-tagline:after{left:calc(100% + 20px)}
@media(max-width:1000px) and (min-width:601px){header .brand-primary .brand-tagline{font-size:clamp(9px,1.45vw,16px)}header .brand-tagline:before,header .brand-tagline:after{width:clamp(44px,7.5vw,75px)}}
@media(max-width:600px){header .brand-primary .brand-tagline{font-size:clamp(9px,2.6vw,15px)}header .brand-tagline:before,header .brand-tagline:after{width:15px}header .brand-tagline:before{right:calc(100% + 6px)}header .brand-tagline:after{left:calc(100% + 6px)}}
/* Compare actual snack experiences rather than ingredient names alone. */
.comparison.comparison-reworked{display:block}
.comparison-reworked .comparison-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-bottom:40px}
.comparison-reworked .comparison-intro p{max-width:480px;font-size:14px}
.comparison-reworked .comparison-content{max-width:none}
.comparison-reworked table{min-width:680px}
.comparison-reworked thead th{width:30%;height:145px;font-size:20px}
.comparison-reworked thead th:first-child{width:36%;text-align:left;font:700 10px 'DM Sans',Arial,sans-serif;letter-spacing:1.6px}
.comparison-reworked thead th:nth-child(2){width:34%}
.comparison-reworked tbody th{font:700 24px/1.12 'Barlow Condensed',Impact,sans-serif;letter-spacing:.1px;padding-right:35px}
.comparison-reworked td{padding:26px;font-size:14px;line-height:1.65}
.comparison-reworked td small{display:block;font-size:11px;line-height:1.6;margin-top:10px;opacity:.78}
.comparison-reworked td b{font-weight:700}
.comparison-reworked .comparison-value{font:800 34px/1.2 'Barlow Condensed',Impact,sans-serif}
.comparison-reworked .comparison-note{max-width:1050px;font-size:10px}
.comparison-reworked .snack-symbol{font-size:45px;margin-bottom:12px}
@media(max-width:750px){.comparison-reworked .comparison-intro{grid-template-columns:1fr;gap:8px;margin-bottom:30px}.comparison-reworked tbody th{font-size:22px;padding-right:22px}.comparison-reworked td{font-size:12px;padding:20px 18px}.comparison-reworked .comparison-value{font-size:28px}.comparison-reworked .comparison-note{font-size:9px}}

header .brand-tagline:after{transform:translateY(-50%) rotate(180deg)}

/* Centre the lettering from C to S; rays are a decorative overhang. */
header .brand-primary .primary-logo-art{display:block;position:relative;aspect-ratio:2867/1185;width:100%;margin:0;font:inherit;letter-spacing:0}
header .primary-logo-art>img{position:absolute;height:auto;max-width:none;display:block}
header .primary-logo-art>.primary-tree{width:27.903732%;top:0;left:50%;transform:translateX(-50%)}
header .primary-logo-art>.primary-wordmark{width:100%;top:48.945148%;left:2.581095%}
header .brand-primary .brand-tagline{margin-left:2.581095%}
/* Match all three upper marks by their visible artwork height. */
header .brand-badge{width:auto;height:126.473666px;top:40px}
@media(max-width:1000px) and (min-width:601px){header .brand-badge{width:auto;height:95.709801px;top:40px}}
@media(max-width:600px){header .brand-badge{width:auto;height:calc(15vw - 2px);top:22px}}

/* Give the three green-strip facts a little more breathing room. */
.ticker{gap:clamp(22px,4vw,50px)}
@media(max-width:600px){.ticker{gap:12px}}
@media(max-width:360px){.ticker{gap:10px}}

/* More comfortable reading for supporting copy, on desktop and mobile. */
.process p{font-size:15px;line-height:1.8}
.process .process-intro{font-size:17px;max-width:850px}
.process-points{font-size:14px;line-height:1.75}
.process-more summary{font-size:13px;letter-spacing:.4px}
.story-copy p,.faq-intro>p,.faq-answer p,.inquiry-intro p{font-size:15px;line-height:1.85}
.faq-items summary{font-size:16px}
.comparison-reworked td{font-size:15px}
.comparison-reworked td small{font-size:13px}
.comparison-reworked .comparison-note{font-size:12px;line-height:1.8}
.nutrition-button,.packaging-button{font-size:11px;letter-spacing:1px}
.nutrition-content p,.nutrition-table{font-size:14px}
.nutrition-content h3,.nutrition-table caption{font-size:11px}
.nutrition-content .nutrition-pack-note{font-size:12px}
.packaging-figure figcaption,.packaging-artwork-note{font-size:12px}
.inquiry-form label{font-size:11px;letter-spacing:1px}
.inquiry-form input:not([type=hidden]),.inquiry-form textarea{font-size:16px}
.form-bottom p{font-size:12px}
.location-info h4,.location-info p,.location-info address{font-size:14px}
.location-info .location-meta{font-size:12px}
.map-link{font-size:11px}
footer p,footer>a:last-of-type,.footer-bottom{font-size:12px}
@media(max-width:750px){.comparison-reworked td{font-size:14px}.comparison-reworked td small{font-size:12px}.comparison-reworked .comparison-note{font-size:12px}}
@media(max-width:600px){.process .process-intro{font-size:16px}.process p,.faq-answer p{font-size:15px}.faq-items summary{font-size:16px}.nutrition-button,.packaging-button{letter-spacing:.7px}}

/* Keep office addresses concise; enquiries go through the form. */
.locations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:60px}
.locations>.eyebrow,.locations>h2{grid-column:1/-1}
.location{display:block}
@media(max-width:600px){.locations{grid-template-columns:1fr}}

/* Reduce only the vegan mark, keeping the other brand artwork at its scale. */
header .brand-badge-vegan{height:100px}
@media(max-width:1000px) and (min-width:601px){header .brand-badge-vegan{height:76px}}
@media(max-width:600px){header .brand-badge-vegan{height:calc(12vw - 1.6px)}}