@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');:root{--green:#126239;--deep:#073f26;--orange:#ff650d;--ink:#15281e;--muted:#617066;--cream:#f5f9f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{object-fit:cover;max-width:100%}.wrap{width:min(1400px,93%);margin:auto}.cta,.outline,.pill{display:inline-flex;align-items:center;justify-content:center;gap:19px;white-space:nowrap}.cta{background:var(--orange);color:white;padding:15px 25px;border-radius:99px;font-size:13px;font-weight:800;box-shadow:0 10px 25px #e96b3028;transition:.25s}.cta:hover{background:#e65108;transform:translateY(-3px)}.outline{border:1px solid #c5d0c8;border-radius:99px;padding:12px 18px;background:#fff;font-size:13px;font-weight:800;transition:.25s}.outline:hover,.pill:hover{border-color:var(--green);transform:translateY(-2px)}.circle{background:var(--green);color:#fff;display:grid;place-items:center;border-radius:50%;width:25px;height:25px;font-size:22px}.hero{height:min(720px,68vw);min-height:550px;position:relative;overflow:hidden}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 31%,#ffffffed 40%,#ffffff55 66%,transparent 100%)}.hero-content{position:relative;z-index:2;padding-top:95px}.eyebrow{font-weight:800;font-size:11px;letter-spacing:2.5px;color:var(--green);margin:0 0 14px}.eyebrow.dark{color:#343e36}.hero h1,h2{font-family:Georgia,'Playfair Display',serif;font-weight:700;letter-spacing:-.045em;line-height:1.06;margin:0}.hero h1{font-size:clamp(45px,5vw,78px);max-width:780px}.hero h1 em,h2 em{color:var(--green);font-style:normal}.hero-desc{max-width:450px;color:#404e43;font-size:17px;line-height:1.7;margin:23px 0 28px}.buttons{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.benefits{display:flex;gap:23px;margin-top:60px}.benefits span{display:flex;align-items:center;gap:8px;color:var(--green);font-size:24px}.benefits small{font-size:11px;line-height:1.4;color:#395440;font-weight:700}.section{padding-top:65px;padding-bottom:70px}.section-header{display:flex;align-items:end;gap:35px;justify-content:space-between;margin-bottom:28px}.section-header>div:first-child{flex:1}.section-header>p{max-width:340px;color:var(--muted);font-size:13px;line-height:1.6;margin:0}.section-header h2{font-size:clamp(35px,3.3vw,53px)}.pill{background:#fff;border:1px solid #dce4dc;padding:13px 20px;border-radius:50px;font-weight:800;font-size:12px;transition:.2s}.journey-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.journey-item{display:flex;flex-direction:column;gap:16px}.journey-item img{width:100%;height:195px;border-radius:15px}.journey-item.reverse img{order:0}.journey-item.reverse .jlabel{order:1}.jlabel{display:flex;align-items:flex-start;gap:10px;min-height:102px}.jlabel strong{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:50%;background:var(--orange);color:#fff}.jlabel h3{font-size:16px;margin:0 0 5px}.jlabel p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.categories{background:#fbfcfa;border-top:1px solid #ecf0ed}.actions{display:flex;align-items:center;gap:8px}.round{width:37px;height:37px;border:1px solid #d9e2dc;border-radius:50%;background:white;font-size:24px}.category-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*14px)/6);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.category-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 7px 25px #092b0a0b;scroll-snap-align:start;border:1px solid #edf0ed;transition:.3s;cursor:pointer}.category-card:hover,.product-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #092b0a15}.category-card img{height:145px;width:100%}.category-info{padding:13px;display:flex;align-items:center;justify-content:space-between;gap:7px}.category-info b{font-size:13px}.category-info p{font-size:11px;color:var(--muted);margin:6px 0 0}.category-info i{border:1px solid #d6dcd7;border-radius:50%;padding:6px;font-style:normal}.products{background:#ecf6ef}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.product-card{background:#fff;padding:9px 9px 12px;border-radius:11px;transition:.25s}.product-card img{width:100%;height:145px;border-radius:8px}.tag{display:inline-block;background:var(--green);font-weight:800;font-size:9px;color:white;border-radius:20px;padding:4px 10px;margin-top:7px}.product-card h3{font-size:12px;margin:8px 0 4px}.product-card p{font-size:11px;color:var(--muted);margin:0 0 12px}.enquire{display:block;background:var(--orange);color:white;border-radius:30px;padding:9px 8px;text-align:center;font-weight:800;font-size:11px}.supply-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.supply-grid>a{position:relative;height:200px;background:linear-gradient(0deg,#000b,#0000 70%),var(--photo) center/cover;border-radius:14px;display:flex;justify-content:space-between;align-items:end;padding:18px;color:#fff;transition:.25s}.supply-grid>a:hover{transform:translateY(-4px)}.supply-grid b{display:block;font-size:17px}.supply-grid small{display:block;max-width:180px}.supply-grid i{font-style:normal;background:#fff;color:#222;display:grid;place-items:center;width:32px;height:32px;border-radius:50%}.catalogue{border-top:1px solid #e5ece6}.filters{display:flex;gap:12px;margin-bottom:22px}.filters input,.filters select{border:1px solid #cfdcd2;border-radius:12px;padding:13px;background:white;min-width:0}.filters input{flex:1}.catalogue-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.show-more{display:flex;margin:30px auto 0}.contact{position:relative;overflow:hidden;background:linear-gradient(120deg,#07502c,#247d46);color:white;min-height:380px}.contact-photo{position:absolute;top:0;bottom:0;right:0;width:45%;background:url('assets/chef-plating.jpg') center/cover;mask-image:linear-gradient(90deg,transparent,black 25%)}.contact-inner{position:relative;padding-top:57px;padding-bottom:55px}.eyebrow.light{color:#c2f4cb}.contact h2{font-size:clamp(42px,4.2vw,66px)}.contact h2 em{color:#c9efcf}.contact-inner>p:not(.eyebrow){max-width:460px;line-height:1.7}.outline.white{background:white;color:var(--ink)}.disclaimer{opacity:.6;font-size:10px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes zoomOut{to{transform:scale(1)}}@media(max-width:1050px){.category-track{grid-auto-columns:calc((100% - 3*12px)/4)}.product-grid{grid-template-columns:repeat(3,1fr)}.catalogue-grid{grid-template-columns:repeat(4,1fr)}.journey-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.hero{min-height:660px;height:auto}.hero-wash{background:linear-gradient(90deg,#fff 0%,#ffffffdd 65%,#ffffff7a)}.hero-content{padding-top:90px;padding-bottom:70px}.hero h1{font-size:46px}.hero-desc{font-size:15px}.benefits{gap:12px;flex-wrap:wrap;margin-top:45px}.benefits span{width:44%}.section{padding-top:48px;padding-bottom:48px}.section-header{align-items:start;flex-direction:column;gap:12px}.section-header h2{font-size:35px}.journey-steps{gap:12px}.journey-item img{height:135px}.jlabel{min-height:125px}.category-track{grid-auto-columns:67%}.product-grid{grid-template-columns:repeat(2,1fr)}.product-card img{height:115px}.supply-grid{grid-template-columns:repeat(2,1fr)}.supply-grid>a{height:170px}.catalogue-grid{grid-template-columns:repeat(2,1fr)}.filters{flex-direction:column}.contact-photo{opacity:.25;width:100%}.contact-inner{padding-top:50px;padding-bottom:55px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* Shared homepage content spacing, including the hero's existing .wrap.
   The full-width navbar uses matching insets; internal pages retain their layout. */
.homepage {
  --content-grid-gap: 20px;
}
.homepage .hero-content.wrap,
.homepage main > :not(.hero).wrap,
.homepage main > :not(.hero) > .wrap {
  width: 100%;
  max-width: var(--content-max-width);
  margin-inline: auto;
  padding-inline: var(--content-padding);
}
.homepage .section-header {
  gap: 28px;
  margin-bottom: 32px;
}
.homepage .section-header h2 {
  font-size: clamp(33px, 3.1vw, 49px);
}
.homepage .journey-steps {
  gap: 24px;
  align-items: start;
}
.homepage .journey-item {
  gap: 20px;
  min-width: 0;
}
.homepage .journey-item .jlabel {
  min-height: 112px;
  gap: 12px;
}
.homepage .journey-item img {
  height: auto;
  aspect-ratio: 8 / 5;
  object-fit: cover;
}
.homepage .journey-item img[src$="branded-delivery-van.jpg"] {
  object-fit: contain;
}
.homepage .product-grid,
.homepage .catalogue-grid,
.homepage .supply-grid {
  gap: var(--content-grid-gap);
}
.homepage .category-track {
  gap: 18px;
  grid-auto-columns: calc((100% - 5 * 18px) / 6);
}
.homepage .category-card img,
.homepage .product-card img {
  height: 135px;
}
.homepage .supply-grid > a {
  height: 185px;
}
@media (min-width: 681px) and (max-width: 1050px) {
  .homepage { --content-grid-gap: 18px; }
  .homepage .section-header { flex-wrap: wrap; gap: 20px; }
  .homepage .section-header > div:first-child { flex-basis: 50%; }
  .homepage .section-header > p { max-width: 300px; }
  .homepage .journey-steps { gap: 28px 24px; }
  .homepage .journey-item .jlabel { min-height: 96px; }
  .homepage .journey-item img { max-height: 195px; }
  .homepage .category-track {
    grid-auto-columns: calc((100% - 3 * 18px) / 4);
  }
  .homepage .supply-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .homepage .catalogue-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .homepage { --content-grid-gap: 14px; }
  .homepage .section-header { gap: 14px; margin-bottom: 26px; }
  .homepage .section-header h2 { font-size: 33px; }
  .homepage .journey-steps { gap: 26px 16px; }
  .homepage .journey-item { gap: 16px; }
  .homepage .journey-item .jlabel { min-height: 142px; gap: 8px; }
  .homepage .journey-item img { aspect-ratio: 6 / 5; }
  .homepage .category-track { grid-auto-columns: 70%; gap: 16px; }
  .homepage .category-card img { height: 145px; }
  .homepage .product-card img { height: 115px; }
  .homepage .supply-grid > a { height: 170px; padding: 15px; }
}
@media (max-width: 380px) {
  .homepage .journey-steps { grid-template-columns: 1fr; }
  .homepage .journey-item .jlabel { min-height: 0; }
  .homepage .journey-item img { aspect-ratio: 8 / 5; }
  .homepage .journey-item.reverse .jlabel { order: 0; }
  .homepage .journey-item.reverse img { order: 1; }
}
