
:root{
 --cream:#f3eadc;--cream2:#e9ddcc;--paper:#fffaf2;--brown:#2c1c16;--brown2:#5c4439;
 --gold:#b48a4d;--line:rgba(44,28,22,.14);--dark:#241711;--white:#fffdf8;
 --max:1180px;--radius:22px;--shadow:0 28px 70px rgba(44,28,22,.12)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--brown);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(var(--max),92%);margin:auto}.narrow{max-width:860px}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:1000;background:#fff;padding:10px 14px}
.announcement{background:var(--dark);color:#f8eee0;text-align:center;padding:10px 16px;font-size:11px;letter-spacing:.18em}
.site-header{position:sticky;top:0;z-index:100;background:rgba(243,234,220,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}
.brand{font-family:Georgia,"Times New Roman",serif;font-size:31px;letter-spacing:.18em}
.site-nav{display:flex;gap:28px;align-items:center;font-size:12px;letter-spacing:.09em;text-transform:uppercase}
.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:.25s}.site-nav a:hover:after{right:0}
.menu-toggle{display:none;border:0;background:none;padding:12px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--brown);margin:5px 0}
.eyebrow{display:inline-block;color:var(--gold);font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px}
.eyebrow-light{color:#d1aa70}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;font-weight:400;margin:0}
h1{font-size:clamp(54px,7vw,104px);line-height:.94;letter-spacing:-.045em}
h2{font-size:clamp(38px,4.7vw,68px);line-height:1.04;letter-spacing:-.025em}
h3{font-size:30px;line-height:1.12}
.lead{font-size:18px;color:var(--brown2);max-width:700px}.micro-note{font-size:12px;color:var(--brown2)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border:1px solid var(--brown);font-size:11px;letter-spacing:.12em;text-transform:uppercase;min-height:46px}
.btn-dark{background:var(--brown);color:var(--white)}.btn-light{background:transparent}.btn-cream{background:var(--cream);color:var(--brown);border-color:var(--cream)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.text-link{font-size:12px;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px}.light-link{color:#f2e5d4}
.section{padding:100px 0}.soft-section{background:#eee2d1}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:46px}.section-head>p{max-width:480px;color:var(--brown2)}
.hero{background:radial-gradient(circle at 80% 20%,#fff8ec,transparent 32%),linear-gradient(135deg,#f5eddf,#eadbc5);border-bottom:1px solid var(--line)}
.hero-grid{min-height:735px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:30px}.hero-copy{padding:70px 0}.hero-copy .lead{margin:30px 0 0}
.hero-visual{min-height:650px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-orbit{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(255,255,255,.42);border:1px solid rgba(44,28,22,.08)}
.premium-pack{position:relative;z-index:2;width:min(390px,68%);aspect-ratio:.78;object-fit:cover;object-position:center;border-radius:18px;box-shadow:var(--shadow)}
.kids-pack{position:absolute;z-index:3;right:0;bottom:7%;width:160px;border-radius:14px;box-shadow:0 24px 55px rgba(44,28,22,.18);transform:rotate(2deg)}
.trust-bar{background:#fff9f0;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:26px 24px;border-right:1px solid var(--line)}.trust-grid>div:last-child{border-right:0}.trust-grid strong{display:block;font-family:Georgia,serif;font-size:19px;font-weight:400}.trust-grid span{display:block;color:var(--brown2);font-size:12px;margin-top:5px}
.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.family-card{background:var(--paper);border:1px solid var(--line);overflow:hidden}.family-media{height:460px;background:#eadcca;overflow:hidden}.family-media img{width:100%;height:100%;object-fit:cover}.premium-family .family-media img{object-position:center}.kids-family .family-media img{object-position:top center}.family-copy{padding:30px}.family-copy h3{margin-bottom:15px}.family-copy p{color:var(--brown2);margin-bottom:22px}
.origin-section{background:var(--dark);color:#f5e9d8;padding:100px 0}.origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.origin-copy h2{max-width:620px}.origin-text{font-size:17px;color:#d9c9b6}.origin-text p:first-child{margin-top:0}
.pouch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pouch-grid article{background:var(--paper);border:1px solid var(--line);padding-bottom:25px}.pouch-grid img{width:100%;aspect-ratio:.78;object-fit:cover;object-position:top}.pouch-grid h3,.pouch-grid p{margin-left:22px;margin-right:22px}.pouch-grid h3{margin-top:20px}.pouch-grid p{color:var(--brown2);font-size:14px}.pouch-grid.large img{aspect-ratio:.72}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.steps-grid>div{padding:30px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.steps-grid span{color:var(--gold);font-size:11px;letter-spacing:.16em}.steps-grid h3{font-size:25px;margin:14px 0 8px}.steps-grid p{font-size:13px;color:var(--brown2)}
.b2b-cta{background:#312019;color:#f4e7d5;padding:80px 0}.b2b-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.b2b-grid p{color:#d8c6b2;font-size:17px}
.page-hero,.date-hero,.business-hero,.contact-hero,.story-hero,.legal-hero{border-bottom:1px solid var(--line)}
.page-hero-grid,.date-hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:660px;align-items:center;gap:50px}.page-product-stage{height:560px;background:linear-gradient(140deg,#e8d9c3,#f8f0e4);display:flex;align-items:center;justify-content:center;overflow:hidden}.page-product-stage img{width:72%;height:88%;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.body-copy{font-size:17px;color:var(--brown2)}.body-copy p:first-child{margin-top:0}
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.spec-grid>div{background:rgba(255,250,242,.6);border:1px solid var(--line);padding:26px}.spec-grid span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}.spec-grid strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:23px;margin:12px 0}.spec-grid p{font-size:13px;color:var(--brown2)}
.flavour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.flavour{min-height:280px;padding:34px;display:flex;flex-direction:column;justify-content:end;border:1px solid var(--line)}.flavour h3{margin-bottom:8px}.flavour p{margin:0}.flavour.dark{background:#35221b;color:#f5e8d6}.flavour.coconut{background:#d9ece9}.flavour.sesame{background:#efe1bd}
.date-hero-grid{min-height:680px}.date-hero-image{height:580px;overflow:hidden;background:#e8dccb}.date-hero-image img{width:100%;height:100%;object-fit:cover;object-position:top center}
.story-hero,.business-hero,.legal-hero{padding:120px 0 90px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.timeline>div{padding:28px;border:1px solid var(--line);background:rgba(255,250,242,.48)}.timeline span{color:var(--gold);font-size:11px}.timeline h3{font-size:24px;margin:14px 0 9px}.timeline p{font-size:13px;color:var(--brown2)}
.business-products{display:grid;grid-template-columns:1fr 1fr;gap:22px}.biz-card{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--paper);border:1px solid var(--line);overflow:hidden}.biz-card img{width:100%;height:310px;object-fit:cover}.biz-card>div{padding:28px;display:flex;flex-direction:column;justify-content:center}.biz-card p{color:var(--brown2)}
.contact-hero{padding:90px 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.contact-note{margin-top:40px;padding:22px;border-left:2px solid var(--gold);color:var(--brown2);font-size:13px}.contact-note strong{color:var(--brown)}
.enquiry-card{background:var(--paper);border:1px solid var(--line);padding:34px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.enquiry-card label{display:flex;flex-direction:column;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:15px}.enquiry-card input,.enquiry-card select,.enquiry-card textarea{border:1px solid var(--line);background:#fff;padding:13px;color:var(--brown);outline:none}.enquiry-card textarea{min-height:150px;resize:vertical}.enquiry-card input:focus,.enquiry-card select:focus,.enquiry-card textarea:focus{border-color:var(--gold)}.form-status{font-size:12px;color:var(--brown2)}
.legal-copy h2{font-size:32px;margin-top:36px}.legal-copy p{color:var(--brown2)}
.footer{background:#1f1511;color:#e9ddcc;padding:56px 0}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr .7fr;gap:44px}.footer-brand{font-family:Georgia,serif;font-size:27px;letter-spacing:.14em}.footer p{color:#cbbbaa;max-width:420px}.footer h4{font-family:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}.footer a{display:block;color:#cbbbaa;font-size:13px;margin:8px 0}.footer-meta{font-size:12px;color:#a99684;display:flex;flex-direction:column;gap:7px}
.notfound{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}.notfound>div{max-width:700px}.notfound h1{margin:15px 0 22px}.notfound p{color:var(--brown2);margin-bottom:30px}

@media(max-width:960px){
 .site-nav{position:absolute;left:0;right:0;top:82px;background:var(--paper);display:none;flex-direction:column;align-items:stretch;padding:20px 5%;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.menu-toggle{display:block}
 .hero-grid,.page-hero-grid,.date-hero-grid,.origin-grid,.b2b-grid,.split,.contact-grid{grid-template-columns:1fr}
 .hero-grid{padding-top:25px}.hero-visual{min-height:560px}.hero-copy{padding-bottom:10px}
 .page-hero-grid,.date-hero-grid{padding:70px 0}
 .section-head{align-items:start;flex-direction:column;gap:16px}
 .trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div:nth-child(2){border-right:0}
 .steps-grid,.timeline,.spec-grid{grid-template-columns:1fr 1fr}
 .footer-grid{grid-template-columns:1.3fr 1fr 1fr}
 .footer-meta{grid-column:1/-1}
}
@media(max-width:680px){
 .announcement{font-size:9px}.brand{font-size:26px}.nav-wrap{height:72px}.site-nav{top:72px}
 h1{font-size:clamp(48px,15vw,72px)}h2{font-size:clamp(36px,11vw,52px)}
 .section{padding:76px 0}.origin-section{padding:76px 0}
 .hero-grid{min-height:auto}.hero-visual{min-height:480px}.hero-orbit{width:340px;height:340px}.premium-pack{width:72%}.kids-pack{width:112px;right:1%}
 .trust-grid,.family-grid,.pouch-grid,.steps-grid,.timeline,.spec-grid,.flavour-grid,.business-products,.footer-grid,.form-row{grid-template-columns:1fr}
 .trust-grid>div{border-right:0;border-bottom:1px solid var(--line)}
 .family-media{height:390px}.pouch-grid img{aspect-ratio:.82}.pouch-grid.large img{aspect-ratio:.78}
 .page-product-stage,.date-hero-image{height:470px}
 .biz-card{grid-template-columns:1fr}.biz-card img{height:360px}
 .contact-hero{padding:70px 0}.enquiry-card{padding:24px}
}


/* V12 — approved homepage composition */
.brand-lockup{display:flex;flex-direction:column;line-height:1}
.brand-main{font-family:Georgia,"Times New Roman",serif;font-size:34px;letter-spacing:.03em}
.brand-sub{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:10px;letter-spacing:.08em;margin-top:5px;color:var(--brown2)}
.v12-hero{background:
  radial-gradient(circle at 72% 35%,rgba(255,255,255,.48),transparent 32%),
  linear-gradient(135deg,#f5eddf 0%,#ead7bd 100%);
  overflow:hidden
}
.v12-grid{min-height:590px;grid-template-columns:.72fr 1.28fr;gap:30px}
.v12-copy h1{font-size:clamp(58px,6.2vw,96px);max-width:520px}
.v12-copy .lead{max-width:480px}
.v12-product-stage{
  position:relative;
  min-height:560px;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  gap:26px;
  padding:48px 18px 30px
}
.v12-product-stage:before{
  content:"";position:absolute;left:4%;right:4%;bottom:26px;height:34%;
  background:linear-gradient(180deg,#eadcc9,#dfc7a8);
  border-radius:50% 50% 12px 12px/16% 16% 12px 12px;
  box-shadow:0 28px 55px rgba(44,28,22,.12)
}
.stage-card{position:relative;z-index:3}
.stage-card img{width:100%;height:100%;object-fit:cover;display:block}
.premium-stage-card{width:300px;height:420px}
.premium-stage-card img{border-radius:18px;box-shadow:0 28px 60px rgba(44,28,22,.16)}
.pouch-stage-card{width:270px;height:450px;transform:translateY(-2px)}
.pouch-stage-card img{border-radius:10px;box-shadow:0 28px 60px rgba(44,28,22,.16)}
.ingredient{position:absolute;z-index:4}
.ingredient-date{width:92px;height:58px;border-radius:52% 48% 55% 45%;background:radial-gradient(circle at 35% 30%,#9b5f43,#573021 62%,#2b160f);left:12%;bottom:44px;transform:rotate(8deg);box-shadow:inset -10px -8px 16px rgba(0,0,0,.22)}
.ingredient-pistachio{width:86px;height:42px;right:11%;bottom:52px;background:radial-gradient(ellipse at center,#a9a24c 0 36%,#ead8aa 38% 62%,#ad8a57 64% 100%);border-radius:55% 45% 55% 45%;transform:rotate(-15deg)}
.ingredient-coconut{width:92px;height:64px;right:24%;bottom:35px;border-radius:55% 55% 12% 12%;background:linear-gradient(#fffdf6 0 60%,#8b5632 61% 100%);transform:rotate(8deg)}
.v12-products-head{margin-bottom:34px}
.v12-family-grid .family-media{height:360px}
.v12-family-grid .family-media img{object-fit:cover}
.v12-family-grid .premium-family .family-media img{object-position:center 45%}
.v12-family-grid .kids-family .family-media img{object-position:top center}
.teal-button{background:#0f6570;border-color:#0f6570}
.products-section{background:#f8efe2}

@media(max-width:960px){
 .v12-grid{grid-template-columns:1fr;min-height:auto;padding-top:45px}
 .v12-product-stage{min-height:520px}
 .premium-stage-card{width:245px;height:355px}
 .pouch-stage-card{width:225px;height:385px}
}
@media(max-width:680px){
 .brand-main{font-size:28px}
 .brand-sub{font-size:9px}
 .v12-grid{padding-top:28px}
 .v12-product-stage{min-height:430px;gap:12px;padding-left:0;padding-right:0}
 .premium-stage-card{width:44%;height:300px}
 .pouch-stage-card{width:43%;height:320px}
 .ingredient-date{width:68px;height:42px;left:7%;bottom:35px}
 .ingredient-pistachio{width:62px;height:31px;right:6%;bottom:39px}
 .ingredient-coconut{width:68px;height:48px;right:25%;bottom:24px}
 .v12-family-grid .family-media{height:300px}
}
