@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');
:root{--ink:#181818;--muted:#666;--red:#48634a;--paper:#fff;--line:#dedbd5;--sand:#f1f4ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:white;color:var(--ink);font-family:Outfit,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:5px}header{height:98px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.wordmark{display:block;width:148px}.wordmark img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.wordmark span{display:block;text-align:center;font-size:7px;letter-spacing:1.7px;margin-top:7px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:var(--red)}.nav-cta{background:var(--red);color:white;padding:13px 22px;font-size:13px}.nav-cta span{margin-left:30px}.hero{position:relative;min-height:650px;display:flex;align-items:center;background:#f4f5f0;overflow:hidden}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-content{position:relative;z-index:1;padding:70px 6%;width:54%}.eyebrow{font-size:12px;line-height:1.6;color:var(--red);font-weight:400;letter-spacing:.5px;margin:0 0 28px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(62px,6.8vw,104px);font-weight:700;line-height:1.08;letter-spacing:-.035em;margin:0 0 32px}h1>span{color:#999}.hero-summary{font-size:18px;line-height:1.6;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--red);border:1px solid var(--red);color:white;padding:15px 22px;font-size:13px;cursor:pointer;border-radius:0}.button:hover{background:#344d37;border-color:#344d37}.hero-footnote{font-size:9px;letter-spacing:.8px;margin-top:45px;color:#555}.section{padding:95px 6%;max-width:1800px;margin:auto}h2{font-size:clamp(36px,3.7vw,58px);font-weight:700;line-height:1.08;letter-spacing:-.025em;margin:0 0 30px}h2 span,h2 em{color:#777;font-style:normal}.story{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:center}.story-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#555;max-width:470px}.text-link{display:inline-block;border-bottom:1px solid var(--red);padding:10px 0;font-size:14px}.text-link:hover{color:var(--red)}.story-photo{position:relative;align-self:stretch;min-height:490px}.story-photo img{position:absolute;width:100%;height:100%;object-fit:cover}.story-photo>span{position:absolute;bottom:0;left:0;background:var(--red);color:white;padding:14px 20px;font-size:11px;letter-spacing:.7px}.range{border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px}.section-head h2{margin-bottom:0}.section-head>p{font-size:15px;line-height:1.7;color:#555;margin:0}.filters{display:flex;gap:30px;border-bottom:1px solid var(--line);margin:40px 0 32px}.filters button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:13px;color:#666;cursor:pointer}.filters button.active{color:var(--red);border-color:var(--red)}.filters small{font-size:9px;margin-left:5px}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}.product-image{height:260px;background:#f4f5f0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image>span{position:absolute;left:14px;top:14px;background:var(--red);color:white;padding:6px 8px;max-width:90%;font-size:8px;letter-spacing:.3px;z-index:1}.product-image img{width:87%;height:76%;object-fit:contain;transition:transform .3s}.product:hover img{transform:scale(1.04)}.product h3{font-size:18px;text-transform:uppercase;font-weight:600;margin:20px 0 7px}.subtitle{font-size:13px;color:#666;margin-bottom:16px}.spec{font-size:12px;line-height:1.6;min-height:40px;margin-bottom:10px}.product button{border:0;border-bottom:1px solid #b8c8b7;padding:7px 0;font-size:11px;color:var(--red);background:none;cursor:pointer;text-align:left}.tailored{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:80px 6%;background:var(--sand)}.tailored-image{text-align:center}.tailored-image img{width:100%;height:300px;object-fit:contain;mix-blend-mode:multiply}.tailored-image span{display:block;font-size:10px;letter-spacing:.8px;margin-top:20px;color:#777}.tailored p:not(.eyebrow){font-size:16px;line-height:1.7;color:#555;max-width:430px}.tailored .button{margin-top:10px}.partner{border-bottom:1px solid var(--line)}.partner-heading{display:flex;align-items:end;justify-content:space-between;gap:60px}.partner-heading>p{max-width:300px;font-size:15px;line-height:1.7;color:#555}.sugarplus{display:inline-block;background:#bf151b;color:white;font-size:25px;font-weight:800;letter-spacing:-1px;padding:0 6px;line-height:1.2;margin-bottom:22px}.partner .eyebrow{font-size:10px;margin-bottom:20px}.partner h2{font-size:clamp(32px,3vw,48px)}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:15px 0 20px}.portfolio-grid>a{position:relative;background:#f4f5f0;overflow:hidden}.portfolio-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .4s}.portfolio-grid>a:hover img{transform:scale(1.04)}.portfolio-num{position:absolute;left:14px;top:14px;background:var(--red);color:white;padding:7px;font-size:10px}.portfolio-grid strong{display:flex;justify-content:space-between;position:relative;background:#f4f5f0;padding:17px;font-size:18px;font-weight:600}.portfolio-grid strong span{color:var(--red)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact>div>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#666}.person{display:flex;flex-direction:column;gap:7px;font-size:14px;margin-top:30px}.person strong{font-weight:600}.person span{font-size:12px;color:#777;margin-bottom:5px}.person a:hover{color:var(--red)}form{padding:0 0 0 30px;border-left:1px solid var(--line)}form h3{font-size:23px;font-weight:500;margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:flex;flex-direction:column;gap:10px;font-size:12px;margin-bottom:24px}input,select,textarea{width:100%;min-width:0;background:none;border:0;border-bottom:1px solid #ccc;padding:10px 0;font-size:14px;border-radius:0;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:0;border-bottom:2px solid var(--red)}textarea{resize:vertical}form .button{width:100%}.form-note,#form-status{font-size:11px;line-height:1.7;color:#777;margin-top:17px}footer{background:#f3f5f0;border-top:1px solid var(--line);padding:60px 6% 25px;display:grid;grid-template-columns:1.4fr 1.3fr 1fr;gap:30px;font-size:12px}footer .wordmark{width:180px}footer strong{font-size:11px;font-weight:600}footer p{line-height:1.9;color:#666}.footer-bottom{grid-column:1/-1;border-top:1px solid #d4d0c8;padding-top:22px;margin-top:30px;display:flex;justify-content:space-between;font-size:10px;color:#666}::selection{background:#dce8d5}@media(min-width:1800px){.hero{min-height:800px}.hero-content{padding-left:max(6%,calc((100vw - 1584px)/2))}}@media(max-width:1100px){.hero{min-height:580px}.hero-content{width:58%}h1{font-size:76px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image{height:330px}.story{gap:5%;grid-template-columns:1fr 1fr}.story-photo{min-height:440px}.section{padding:75px 5%}.portfolio-grid{gap:14px}.portfolio-grid strong{font-size:15px}.partner-heading{gap:25px}.partner-heading>p{max-width:230px}.contact{gap:5%}.tailored{padding:70px 5%;gap:5%}}
@media(max-width:650px){header{height:82px;padding:0 6%}.wordmark{width:112px}.wordmark span{font-size:6px;letter-spacing:1px}nav{display:none}.nav-cta{padding:11px 16px;font-size:12px}.nav-cta span{margin-left:15px}.hero{min-height:740px;align-items:start;background:#f5f3ee}.hero-background{top:auto;bottom:0;height:380px;object-fit:cover;object-position:75% center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(#f6f5f0 0%,#f6f5f0 46%,transparent 64%);pointer-events:none}.hero-content{width:100%;padding:40px 6% 0;z-index:2}h1{font-size:62px;line-height:1.03;margin-bottom:22px}.eyebrow{font-size:10px;margin-bottom:22px}.hero-summary{font-size:15px;line-height:1.5;margin-bottom:20px}.hero-footnote{font-size:8px;margin-top:24px}.button{font-size:12px;padding:13px 18px}.section{padding:60px 6%}h2{font-size:37px}.story{display:flex;flex-direction:column;gap:35px;align-items:stretch}.story-photo{min-height:300px}.story-copy>p:not(.eyebrow){font-size:14px}.section-head{display:block}.section-head>p{font-size:13px;margin-top:22px}.filters{gap:23px;margin:26px 0}.filters button{font-size:11px}.products{gap:30px 14px}.product-image{height:215px}.product-image>span{font-size:6px;left:9px;top:10px;padding:5px}.product h3{font-size:15px;margin-top:16px}.subtitle{font-size:11px;min-height:25px}.spec{font-size:11px;min-height:50px}.product button{font-size:10px;line-height:1.5}.tailored{grid-template-columns:1fr;padding:50px 6%;gap:35px}.tailored-image img{height:230px}.tailored p:not(.eyebrow){font-size:14px}.partner-heading{display:block}.partner-heading>p{max-width:100%}.partner h2{font-size:33px}.portfolio-grid{grid-template-columns:1fr 1fr;gap:15px}.portfolio-grid strong{font-size:15px;padding:13px}.portfolio-num{font-size:8px;top:10px;left:10px}.contact{grid-template-columns:1fr;gap:45px}form{padding:30px 0 0;border:0;border-top:1px solid var(--line)}.form-row{gap:16px}footer{grid-template-columns:1fr 1fr;padding:45px 6% 25px;font-size:11px}footer>.wordmark{grid-column:1/-1;margin-bottom:20px}.footer-bottom{gap:25px;font-size:8px;line-height:1.5;margin-top:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Haná's own identity: green packs, everyday rituals, quiet partner connection. */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:0 6%;min-height:0;background:white;overflow:visible;padding:45px 6% 0;max-width:1800px;margin:auto;align-items:center}.hero:after{display:none}.hero-content{padding:35px 0;width:auto}.hero h1{font-size:clamp(60px,6.5vw,100px);font-weight:500;letter-spacing:-.045em;line-height:1.04;margin-bottom:28px}.hero h1>span{color:#70846e}.hero-summary{font-size:16px;line-height:1.8;color:#646b60}.hero .eyebrow{font-size:10px;letter-spacing:1.6px}.hana-display{background:#e9efe2;position:relative;min-height:530px;display:flex;flex-direction:column;justify-content:space-between;padding:27px 28px;color:#44583d}.display-note{font-size:9px;letter-spacing:1.3px}.pack-stage{display:flex;align-items:center;justify-content:center;padding:28px 0 16px;flex:1}.pack-stage img{width:100%;height:350px;object-fit:contain;filter:drop-shadow(0 15px 12px #38442a15)}.display-caption{display:flex;justify-content:space-between;align-items:end;gap:20px;font-size:11px;line-height:1.6}.display-caption>span:last-child{font-size:9px;color:#65765e}.hero-footnote{grid-column:1/-1;display:flex;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line);margin:0;font-size:9px;letter-spacing:1px}.hero-footnote a{letter-spacing:0;font-size:11px}.story{display:block;padding-top:95px;padding-bottom:90px}.story-copy{display:grid;grid-template-columns:1.3fr 1fr;column-gap:9%;align-items:center}.story-copy>.eyebrow{grid-column:1/-1}.story-copy h2{margin:0;font-weight:500;font-size:clamp(36px,3.7vw,58px);line-height:1.15}.story-copy>p:not(.eyebrow){margin:0;max-width:480px;font-size:16px;line-height:1.8}.use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.use-cases article{border-top:1px solid #c7d3c0;padding-top:20px}.use-cases article>span{font-size:9px;letter-spacing:1px;color:#6c7f63}.use-cases h3{font-size:24px;font-weight:400;letter-spacing:-.5px;margin:20px 0 12px}.use-cases p{font-size:14px;line-height:1.7;max-width:300px;color:#6b6f67;margin:0}h2{font-weight:500;line-height:1.14;letter-spacing:-.035em}h2 span,h2 em{color:#74816e}.eyebrow{font-size:10px;letter-spacing:1.3px}.nav-cta,.button{border-radius:3px}.product h3{text-transform:none;font-size:20px;font-weight:500}.product-image>span{background:none;color:#6b7765;font-size:8px;padding:0;letter-spacing:.5px}.tailored{background:#f0f3eb}.tailored h2{font-size:clamp(35px,3.8vw,58px)}.tailored-image img{height:270px}.partner-note{padding:25px 6%;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;color:#6b7066;font-size:12px;max-width:1800px;margin:auto}.partner-note p{margin:0;color:#303c2b}.partner-note>a{margin-left:auto;border-bottom:1px solid #b4bcae;padding:5px 0}.partner-note>a:hover{color:var(--red)}footer{border-top:1px solid #d9ded4}.contact h2{font-size:clamp(36px,3.7vw,58px)}
@media(max-width:1100px){.hero{padding:35px 5% 0;gap:0 4%}.hero h1{font-size:65px}.hana-display{min-height:470px;padding:23px}.pack-stage img{height:300px}.story-copy{column-gap:5%}.use-cases{gap:30px}.display-caption{flex-direction:column;align-items:start;gap:5px}}
@media(max-width:650px){.hero{grid-template-columns:1fr;padding:0 6%;gap:0;min-height:0}.hero-content{padding:40px 0 32px;width:auto}.hero h1{font-size:clamp(51px,12vw,72px);line-height:1.06}.hero-summary{font-size:14px;line-height:1.75;margin-bottom:24px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hana-display{min-height:350px;padding:20px}.pack-stage{padding:10px 0}.pack-stage img{height:255px}.display-caption{flex-direction:row;gap:15px;font-size:10px}.display-caption>span:last-child{font-size:8px}.display-note{font-size:8px}.hero-footnote{font-size:7px;letter-spacing:.3px;gap:20px;padding:21px 0}.hero-footnote a{font-size:9px;max-width:150px;text-align:right}.story{display:block;padding-top:60px;padding-bottom:60px}.story-copy{display:block}.story-copy h2{font-size:35px;margin-bottom:25px}.story-copy>p:not(.eyebrow){font-size:14px}.use-cases{grid-template-columns:1fr;gap:26px;margin-top:35px}.use-cases article{padding-top:17px}.use-cases h3{font-size:23px;margin:12px 0 9px}.use-cases p{max-width:none;font-size:13px}.product h3{font-size:16px}.product-image>span{font-size:6px}.tailored h2,.contact h2{font-size:37px}.partner-note{padding:24px 6%;flex-wrap:wrap;gap:10px 20px;font-size:11px}.partner-note p{width:100%}.partner-note>a{margin-left:auto}}

/* Editorial imagery adds warmth without changing Haná's established palette. */
.everyday-photos{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:start;margin-top:65px}.everyday-photos figure{margin:0;min-width:0}.everyday-photos figure:nth-child(2){padding-top:48px}.everyday-photos img{display:block;width:100%;height:340px;object-fit:cover}.everyday-photos figure:nth-child(2) img{height:380px}.everyday-photos figcaption{padding-top:18px}.everyday-photos figcaption>span{display:block;font-size:9px;letter-spacing:1.3px;color:#74816e;margin-bottom:9px}.everyday-photos figcaption strong{font-size:25px;font-weight:400;letter-spacing:-.5px;line-height:1.3}.tailored-image.baking-photo img{display:block;width:100%;height:420px;object-fit:cover;mix-blend-mode:normal}.baking-photo>span{text-align:left}
@media(max-width:1100px){.everyday-photos{gap:24px}.everyday-photos img{height:290px}.everyday-photos figure:nth-child(2) img{height:320px}.tailored-image.baking-photo img{height:350px}}
@media(max-width:650px){.everyday-photos{grid-template-columns:1fr;gap:30px;margin-top:40px}.everyday-photos figure:nth-child(2){padding-top:0}.everyday-photos img,.everyday-photos figure:nth-child(2) img{height:auto;aspect-ratio:3/2}.everyday-photos figcaption{padding-top:14px}.everyday-photos figcaption strong{font-size:23px}.tailored-image.baking-photo img{height:auto;aspect-ratio:3/2}}

.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hero-actions .text-link{font-size:13px}.trade-summary{font-size:11px;color:#64725c;line-height:1.7;margin:23px 0 0}.hero-summary{max-width:500px}.buyer-cases{gap:28px}.buyer-cases article{border:0;padding:0}.buyer-cases img{width:100%;height:220px;object-fit:cover;display:block;margin-bottom:23px}.buyer-cases article:nth-child(2) img{object-fit:contain;background:#edf1e8;padding:16px}.buyer-cases p{min-height:100px;max-width:none}.buyer-cases .text-link{font-size:12px}.supply-guide{background:#f6f7f3;border-top:1px solid var(--line)}.supply-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.supply-steps article>span{font-size:12px;color:#74816e}.supply-steps h3{font-weight:500;font-size:23px;margin:18px 0 12px}.supply-steps p{font-size:14px;line-height:1.8;color:#666}.trade-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:7%;border-bottom:1px solid var(--line)}.trade-faq h2{font-size:43px}.trade-faq>div>p{font-size:14px;color:#666}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{font-size:17px;cursor:pointer;line-height:1.5}.faq-list p{font-size:14px;line-height:1.8;color:#666;margin:16px 0 3px}summary:focus-visible{outline:2px solid #48634a;outline-offset:5px}
@media(max-width:1100px){.buyer-cases{gap:22px}.buyer-cases img{height:180px}.buyer-cases p{min-height:130px}.trade-faq{gap:5%}.trade-faq h2{font-size:36px}}
@media(max-width:650px){.buyer-cases{gap:35px}.buyer-cases img{height:auto;aspect-ratio:3/2}.buyer-cases p{min-height:0}.buyer-cases .text-link{margin-top:8px}.trade-summary{font-size:10px}.hero-actions{gap:18px}.supply-steps{grid-template-columns:1fr;gap:22px;margin-top:30px}.supply-steps p{margin-bottom:0}.trade-faq{grid-template-columns:1fr;gap:20px}.trade-faq h2{font-size:35px}.faq-list summary{font-size:16px}.faq-list p{font-size:13px}}

.landscape-display{padding:0;overflow:hidden;min-height:530px;background:#e9efe2}.landscape-display>img{display:block;width:100%;height:530px;object-fit:cover;object-position:44% center}.buyer-cases article:nth-child(2) img{object-fit:cover;padding:0}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.supply-points{padding-left:19px;font-size:14px;line-height:2;color:#5e6858;margin:20px 0 27px}.wordmark span{display:none}@media(max-width:1100px){.landscape-display{min-height:470px}.landscape-display>img{height:470px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.landscape-display{min-height:350px}.landscape-display>img{height:350px}.supply-points{font-size:13px}}

/* Real industrial photography and refined logistics presentation. */
.buyer-cases article:first-child img{object-position:50% 40%}
#regular-supply .logistics-photo{position:relative;overflow:hidden;background:#293b30;padding:0;align-self:center}
#regular-supply .logistics-photo img{height:480px;object-position:35% center;filter:saturate(.86)}
.logistics-photo:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(19,35,25,.88));pointer-events:none}
.logistics-caption{position:absolute;bottom:32px;left:32px;right:32px;z-index:1;color:white;text-align:left}
.logistics-caption>span{display:block;font-size:9px;letter-spacing:1.6px;color:#e0e9d9;margin-bottom:12px}
.logistics-caption strong{display:block;font-size:clamp(25px,2.6vw,38px);line-height:1.15;font-weight:400;letter-spacing:-.6px}
.logistics-caption a{display:inline-block;font-size:12px;margin-top:20px;padding-bottom:5px;border-bottom:1px solid #ffffff70}
.photo-credit{grid-column:1/-1;font-size:10px;line-height:1.6;color:#68725f;margin-top:12px}.photo-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){#regular-supply .logistics-photo img{height:420px}.logistics-caption{left:24px;right:24px;bottom:24px}}
@media(max-width:650px){#regular-supply .logistics-photo img{height:390px;aspect-ratio:auto}.logistics-caption strong{font-size:30px}}

.filters{flex-wrap:wrap;gap:10px}.catalogue-note{font-size:12px;line-height:1.7;color:#68725f;margin:0 0 28px}.catalogue-product .product-image{background:#f7f4ee}.catalogue-product .product-image img{width:100%;height:210px;object-fit:contain;mix-blend-mode:normal}.catalogue-product .subtitle{min-height:70px;line-height:1.65}.catalogue-product .spec{min-height:65px;line-height:1.6}.product{display:flex;flex-direction:column}.product>button{margin-top:auto}.logistics-photo:after{display:none}#regular-supply .logistics-photo img{height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;filter:none}.logistics-caption{position:static;padding:26px 30px;background:#334b3a}.logistics-caption strong{font-size:30px}.logistics-caption a{margin-top:14px}@media(max-width:650px){.filters button{font-size:12px}.catalogue-product .subtitle,.catalogue-product .spec{min-height:0}.logistics-caption{padding:22px}.logistics-caption strong{font-size:27px}}

#products.products{display:block}.product-group{margin-bottom:65px}.product-group-heading{font-size:27px;font-weight:400;letter-spacing:-.5px;border-top:1px solid #d9ded4;padding-top:25px;margin:0 0 28px}.category-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}.product h4{font-size:20px;font-weight:500;margin:20px 0 8px}.filters small{margin-left:5px;opacity:.65}@media(max-width:1100px){.category-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.category-products{grid-template-columns:1fr}.product-group-heading{font-size:24px}.product-group{margin-bottom:40px}}

.production-photo{display:block}.buyer-cases article:first-child .production-photo img{object-position:50% 48%}.production-photo:focus-visible{outline:2px solid #48634a;outline-offset:4px}

.portfolio-card{padding:27px;background:#f5f4ef;border:1px solid #e3e7dd;border-radius:4px;min-height:320px}.portfolio-card[data-group="functional"]{background:#eef2e9}.portfolio-card[data-group="other"]{background:#f4f1eb}.portfolio-card-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.availability{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#45613c;border:1px solid #cbd7c2;border-radius:20px;padding:5px 9px}.availability.on-request{color:#74654f;border-color:#d5cbbc}.portfolio-number{font-size:11px;color:#7c8375}.portfolio-card h4{font-size:25px;line-height:1.2;margin:26px 0 12px}.portfolio-card .variant{font-size:12px;line-height:1.6;color:#617152;margin:0 0 16px}.portfolio-card .subtitle{font-size:14px;line-height:1.7;margin:0 0 28px;min-height:0}.portfolio-card>button{text-align:left;padding-top:18px;border-top:1px solid #d7ddcf;font-size:12px}.portfolio-photo{height:150px;margin:20px -5px 0}.portfolio-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.portfolio-photo+h4{margin-top:15px}.category-products{align-items:stretch}.catalogue-note{max-width:800px}@media(max-width:650px){.portfolio-card{padding:22px;min-height:280px}.portfolio-card h4{font-size:24px}}

/* Category browsing: one range at a time, with a distinct colour for each. */
.story-copy>p:not(.eyebrow){max-width:none;width:100%}
.filters [data-filter="special"],.product-group[data-group="special"]{--category-bg:#dee7f0;--category-ink:#3c5775}
.filters [data-filter="treacle"],.product-group[data-group="treacle"]{--category-bg:#f1dcd2;--category-ink:#804635}
.filters [data-filter="functional"],.product-group[data-group="functional"]{--category-bg:#e0e9d8;--category-ink:#3e6039}
.filters [data-filter="other"],.product-group[data-group="other"]{--category-bg:#f3e7c1;--category-ink:#69501c}
#range .filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#range .filters button{position:relative;min-height:70px;padding:18px 16px;background:var(--category-bg);color:var(--category-ink);border:2px solid transparent;border-radius:4px;font-size:14px;line-height:1.4;text-align:left;transition:border-color .15s,box-shadow .15s}
#range .filters button.active{border-color:var(--category-ink);box-shadow:none;font-weight:600}
#range .filters button:hover{border-color:var(--category-ink)}
#range .filters button:focus-visible{outline:2px solid var(--category-ink);outline-offset:4px}
.product-group-heading{border-color:var(--category-ink);color:var(--category-ink)}
.product-group{margin-bottom:0}
@media(max-width:1100px){#range .filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#range .filters{gap:10px}#range .filters button{padding:14px 12px;font-size:12px;min-height:74px}}

/* Refined headline and category-matched product cards. */
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,5.8vw,90px);font-weight:400;letter-spacing:-.045em;line-height:1.08}
.hero h1>span{font-style:italic}
#products .portfolio-card{background:var(--category-bg);border-color:var(--category-bg)}
@media(max-width:1100px){.hero h1{font-size:clamp(46px,5.8vw,64px)}}
@media(max-width:650px){.hero h1{font-size:clamp(40px,10.5vw,64px)}}

/* Two contrasting voices in the main brand promise. */
.hero h1{font-family:Outfit,Arial,sans-serif;color:#181818;font-size:clamp(48px,5.5vw,84px);font-weight:500;letter-spacing:-.045em;line-height:1.08}
.hero h1>span{font-family:Georgia,"Times New Roman",serif;color:#70846e;font-weight:400;font-style:italic;letter-spacing:-.035em}
@media(min-width:651px) and (max-width:1100px){.hero h1{font-size:clamp(38px,5vw,55px)}}
@media(max-width:650px){.hero h1{font-size:clamp(36px,9.5vw,60px)}}

.catalogue-download{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.catalogue-download p{margin:0;font-size:18px}.catalogue-download small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}@media(max-width:650px){.catalogue-download{align-items:flex-start;flex-direction:column;gap:18px}.catalogue-download .button{justify-content:center}}

.hero h1>.hero-lead{font-family:Outfit,Arial,sans-serif;font-size:.8em;font-weight:300;font-style:normal;color:#181818;letter-spacing:-.035em}.landscape-display>img{object-position:50% center}

/* Tighter headline rhythm and evenly spaced company details. */
.hero h1{line-height:.98}
footer .footer-company,footer .footer-registration{font-size:12px;line-height:1.9}
footer .footer-company strong{display:block;font-size:inherit;line-height:inherit;margin:0}
footer .footer-company p,footer .footer-registration p{font-size:inherit;line-height:inherit;margin:0}
footer .footer-registration>a{display:block;line-height:inherit;margin:0}

/* Packaged sugar: retail, foodservice and production formats. */
.packaged-sugar{border-bottom:1px solid var(--line)}
.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.pack-card{background:#f4f6f0;border:1px solid #e2e7db;display:flex;flex-direction:column}
.pack-card:nth-child(2){background:#f7f3e8;border-color:#ebe5d5}.pack-card:nth-child(3){background:#edf2ee;border-color:#dce5dd}
.pack-visual{height:270px;display:flex;align-items:center;justify-content:center;padding:22px;background:#fff}
.pack-visual img{width:100%;height:100%;object-fit:contain}
.pack-content{padding:28px;display:flex;flex-direction:column;flex:1}
.pack-size{font-size:44px;line-height:1;font-weight:400;letter-spacing:-2px;margin:0 0 22px;color:#48634a}.pack-size span{font-size:20px;letter-spacing:0}
.pack-content h3{font-size:23px;font-weight:400;letter-spacing:-.5px;margin:0 0 12px}
.pack-content>p:not(.pack-size){font-size:14px;line-height:1.75;color:#62685e;margin:0 0 26px}
.pack-enquiry{margin-top:auto;padding-top:18px;border-top:1px solid #d7ddcf;font-size:13px;color:#36533c}
.pack-enquiry:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.pack-grid{gap:18px}.pack-visual{height:220px;padding:14px}.pack-content{padding:22px}.pack-content h3{font-size:21px}}
@media(max-width:650px){.pack-grid{grid-template-columns:1fr;gap:24px}.pack-visual{height:260px}.pack-content{padding:25px}.pack-size{font-size:40px}}

/* Shared headline typography and a roomier introduction to packaged sugar. */
.hero h1{font-family:Outfit,Arial,sans-serif;font-size:clamp(44px,4.6vw,72px);font-weight:500;line-height:1.14;letter-spacing:-.035em}
.hero h1>span,.hero h1>.hero-lead{font-family:inherit;font-size:1em;font-weight:500;font-style:normal;letter-spacing:inherit}
.hero h1>.hero-lead{color:var(--ink)}
.packaged-sugar .section-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:60px;margin-bottom:60px}
.packaged-sugar .section-head>p{max-width:440px;justify-self:end;line-height:1.8;margin:0}
@media(min-width:651px) and (max-width:1100px){.hero h1{font-size:clamp(36px,4.6vw,50px)}.packaged-sugar .section-head{gap:35px;margin-bottom:48px}}
@media(max-width:650px){.hero h1{font-size:clamp(34px,8.5vw,52px)}.packaged-sugar .section-head{grid-template-columns:1fr;gap:24px;margin-bottom:38px}.packaged-sugar .section-head>p{justify-self:start;max-width:none;margin:0}}

/* Language selection remains visible on desktop and mobile. */
header{gap:24px}header>nav{margin-left:auto;gap:24px}.language-switch{display:flex;gap:3px;flex-shrink:0;align-items:center}.language-switch a{font-size:11px;line-height:1;padding:9px 6px;border-radius:3px;color:#657060}.language-switch a[aria-current=page]{background:#e8eee3;color:#36533c;font-weight:600}.language-switch a:hover{background:#f0f3eb}h2>.heading-lead{color:var(--ink)}.hero h1,.section h2,.tailored h2{overflow-wrap:break-word}
@media(max-width:1100px){header{gap:14px}header>nav{gap:15px;font-size:12px}.language-switch a{padding:9px 4px}}
@media(max-width:800px){header>nav{display:none}.nav-cta{margin-left:auto}header{gap:12px}}
@media(max-width:450px){header{height:auto;min-height:98px;flex-wrap:wrap;padding-top:15px;padding-bottom:12px;gap:10px}.language-switch{width:100%;justify-content:flex-end}.language-switch a{padding:8px 10px}.hero .hero-lead{font-size:.94em}}

/* Clean header: logo, navigation and language controls on one baseline. */
header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:36px;padding:0 6%;max-width:1800px;margin:0 auto}
header>nav{margin:0;justify-self:end;align-items:center;gap:28px}
header .language-switch{width:auto;justify-self:end;justify-content:flex-end;align-items:center}
@media(min-width:801px) and (max-width:1100px){header{gap:24px;padding:0 5%}header>nav{gap:18px}}
@media(max-width:800px){header{grid-template-columns:1fr auto;gap:20px;height:82px;min-height:82px;padding:0 6%}header>nav{display:none}header .language-switch a{padding:9px 7px}}

/* Final editorial refinements and original Haná logistics imagery. */
#hero{align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-bottom:40px;min-height:0}
#hero .hero-content{padding:24px 0;width:100%;align-self:stretch}
#hero h1{font-family:Manrope,Arial,sans-serif;font-weight:300;font-size:clamp(40px,4.1vw,65px);line-height:1.06;letter-spacing:-.045em}
#hero h1 .hero-lead{font-family:Manrope,Arial,sans-serif;font-size:.85em;font-weight:300;color:var(--ink);line-height:1.12}
#hero h1>span:last-child{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:1.35em;line-height:1.02;color:#70846e;letter-spacing:-.035em}
#hero .landscape-display{position:relative;min-height:0;height:auto;align-self:stretch;overflow:hidden}
#hero .landscape-display>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
#range>.section-head>p{text-align:right}
#story .logistics-cases{align-items:stretch}
#story .logistics-cases article{min-width:0}
#story .logistics-cases article>img{display:block;width:100%;height:280px;object-fit:contain;padding:24px;background:#f5f5f0;margin-bottom:26px}
#story .logistics-cases article>p{min-height:0;line-height:1.75}
@media(max-width:1100px){#story .logistics-cases article>img{height:230px;padding:18px}}
@media(max-width:650px){#hero{grid-template-columns:1fr;padding-bottom:35px;gap:28px}#hero .hero-content{padding:15px 0 0}#hero h1{font-size:clamp(38px,9vw,54px)}#hero .landscape-display{height:340px;min-height:0}#story .logistics-cases article>img{height:280px;aspect-ratio:auto}#range>.section-head>p{text-align:right}}

/* Restore the previous Outfit headline; crop the hero from the bottom. */
#hero h1{font-family:Outfit,Arial,sans-serif;font-size:clamp(44px,4.6vw,72px);font-weight:500;line-height:1.14;letter-spacing:-.035em}
#hero h1 .hero-lead,#hero h1>span:last-child{font-family:inherit;font-size:1em;font-weight:500;font-style:normal;line-height:inherit;letter-spacing:inherit}
#hero .landscape-display{clip-path:inset(0 0 20% 0)}
#regular-supply,body>footer{max-width:1800px;margin-left:auto;margin-right:auto}
#regular-supply .logistics-photo>img{object-fit:cover;object-position:center;mix-blend-mode:normal}
@media(min-width:651px) and (max-width:1100px){#hero h1{font-size:clamp(36px,4.6vw,50px)}}
@media(max-width:650px){#hero h1{font-size:clamp(34px,8.5vw,52px)}#hero .landscape-display{height:272px;clip-path:none}#hero .landscape-display>img{height:125%;object-position:top}}

/* One responsive page grid, shared by every section and the footer. */
:root{--page-gutter:clamp(20px,4vw,72px);--column-gap:clamp(28px,5vw,90px)}
header,.section,#hero,#regular-supply,body>footer{width:100%;max-width:1800px;margin-inline:auto;padding-inline:var(--page-gutter)}
.section,#regular-supply{padding-block:clamp(52px,5.5vw,95px)}
main,section,article,form,header>*,.section-head>*,.story-copy>*,.contact>*,.tailored>*{min-width:0}
img{max-width:100%}
p,a,h1,h2,h3,h4,label{overflow-wrap:break-word}
#hero{padding-top:40px;padding-bottom:0;gap:var(--column-gap);align-items:stretch}
#hero .hero-content{padding:0;align-self:center}
#hero h1{font-size:clamp(40px,4.1vw,70px);line-height:1.12;margin-bottom:24px}
#hero .hero-summary{max-width:540px;margin-bottom:28px}
#hero .hero-actions{gap:18px 24px}
#hero .landscape-display{clip-path:none;height:auto;min-height:0;padding:0;align-self:stretch;overflow:hidden}
#hero .landscape-display>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
#packaged-sugar{padding-top:48px}
#packaged-sugar .section-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--column-gap);align-items:start;margin-bottom:44px}
#packaged-sugar .section-head>div{grid-column:2;grid-row:1}
#packaged-sugar .section-head>p{grid-column:1;grid-row:1;justify-self:start;max-width:540px;margin:0;line-height:1.8}
#packaged-sugar h2{font-size:clamp(34px,3.2vw,54px)}
#regular-supply,.contact,.trade-faq{column-gap:var(--column-gap)}
#range .section-head>p{max-width:480px}
.pack-card,.portfolio-card{min-width:0}
.portfolio-card-top{flex-wrap:wrap}
footer p,footer strong{line-height:1.9}
.footer-company p{margin-top:0}
@media(min-width:1800px){header,.section,#hero,#regular-supply,body>footer{padding-inline:72px}}
@media(min-width:701px) and (max-width:1000px){
 #hero h1{font-size:clamp(34px,4.5vw,44px)}
 #hero .hero-summary{font-size:14px;line-height:1.7}
 #hero .hero-actions{gap:12px}
 .pack-grid{gap:16px}.pack-content{padding:20px 16px}.pack-content h3{font-size:20px}
 #story .logistics-cases{gap:20px}#story .logistics-cases article>img{height:200px;padding:14px}
 .contact,.trade-faq{grid-template-columns:1fr;row-gap:36px}
 .contact form{padding:0;border:0}
}
@media(max-width:800px){
 header{height:auto;min-height:82px;padding-block:16px;row-gap:16px}
 header>nav{display:flex;grid-column:1/-1;grid-row:2;justify-self:start;flex-wrap:wrap;gap:12px 24px;font-size:12px}
 header .language-switch{grid-column:2;grid-row:1}
 #regular-supply{grid-template-columns:1fr;gap:32px}
 #regular-supply>div>p:not(.eyebrow){max-width:none}
}
@media(max-width:700px){
 #hero{grid-template-columns:1fr;gap:28px;padding-top:28px}
 #hero .hero-content{padding:0}
 #hero h1{font-size:clamp(34px,8vw,52px)}
 #hero .landscape-display{height:auto;aspect-ratio:1.8;min-height:0}
 #hero .landscape-display>img{height:100%;object-position:50% 20%}
 #packaged-sugar{padding-top:36px}
 #packaged-sugar .section-head{grid-template-columns:1fr;gap:20px;margin-bottom:30px}
 #packaged-sugar .section-head>div{grid-column:1;grid-row:1}
 #packaged-sugar .section-head>p{grid-column:1;grid-row:2}
 #packaged-sugar h2{font-size:clamp(31px,7.5vw,42px)}
 .pack-grid,.category-products,#story .logistics-cases{grid-template-columns:1fr}
 .story-copy,.contact,.trade-faq{display:grid;grid-template-columns:1fr;gap:24px}
 .story-copy>.eyebrow{margin:0}.story-copy h2{margin:0}
 #story .logistics-cases{margin-top:30px;gap:32px}
 #story .logistics-cases article>img{height:260px}
 #range .section-head{display:block}#range .section-head>p{text-align:left;margin-top:20px;max-width:none}
 .contact form{padding:0;border:0}.form-row{grid-template-columns:1fr;gap:0}
 input,select,textarea{font-size:16px}
 .catalogue-download{flex-wrap:wrap;gap:20px}
 .footer-bottom{flex-wrap:wrap;gap:12px}
}
@media(max-width:400px){
 #range .filters{grid-template-columns:1fr}
 body>footer{grid-template-columns:1fr}
 header{column-gap:12px}.wordmark{width:100px}
 header .language-switch a{padding:9px 6px}
 .hero-actions .button{gap:12px}
}

/* More breathing room before packaged sugar. */
#packaged-sugar{padding-top:80px}
@media(max-width:700px){#packaged-sugar{padding-top:56px}}

/* Catalogue 2026: matching category and product colours. */
.filters [data-filter="brown"],.product-group[data-group="brown"]{--category-bg:#e9d9c6;--category-ink:#63472e}
.filters [data-filter="treacle"],.product-group[data-group="treacle"]{--category-bg:#f1dcd2;--category-ink:#804635}
.filters [data-filter="syrups"],.product-group[data-group="syrups"]{--category-bg:#f3e7c1;--category-ink:#69501c}
.filters [data-filter="invert"],.product-group[data-group="invert"]{--category-bg:#dcecef;--category-ink:#315d67}
.filters [data-filter="specialties"],.product-group[data-group="specialties"]{--category-bg:#eadff0;--category-ink:#644675}
.filters [data-filter="flours"],.product-group[data-group="flours"]{--category-bg:#ede9dc;--category-ink:#625b3a}
.filters [data-filter="rice"],.product-group[data-group="rice"]{--category-bg:#e6eddf;--category-ink:#4c623b}
.filters [data-filter="other"],.product-group[data-group="other"]{--category-bg:#ece4e1;--category-ink:#67504a}
#range .filters{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1100px){#range .filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){#range .filters{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Centre the bag itself, compensating for the source image's uneven margins. */
#story .bigbag-visual{height:280px;margin-bottom:26px;padding:24px;background:#f5f5f0;display:flex;align-items:center;justify-content:center;overflow:hidden}
#story .bigbag-visual>img{display:block;flex:none;width:auto;height:100%;max-width:none;aspect-ratio:1;object-fit:contain;transform:translate(-10%,-5%);margin:0;padding:0;background:transparent}
@media(max-width:1100px){#story .bigbag-visual{height:230px;padding:18px}}
@media(max-width:1000px){#story .bigbag-visual{height:200px;padding:14px}}
@media(max-width:700px){#story .bigbag-visual{height:260px}}

/* Prominent, responsive email contacts. */
#contact .person>a{align-self:flex-start;font-size:clamp(22px,2vw,32px);font-weight:500;line-height:1.35;letter-spacing:-.02em;overflow-wrap:anywhere;padding-block:5px}
#contact .person{margin-top:20px}