
:root{--cream:#f7efe3;--navy:#0b3440;--gold:#a6652a;--soft:#fff9ef;--ink:#17343c}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--navy);font-family:Arial, Helvetica, sans-serif;}
a{color:inherit}.skip{position:absolute;left:-999px;top:auto}.skip:focus{left:20px;top:20px;background:white;padding:12px;z-index:9999}.site-bar{position:sticky;top:0;z-index:1000;background:rgba(247,239,227,.93);backdrop-filter:blur(10px);border-bottom:1px solid rgba(166,101,42,.18)}.site-bar-inner{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:22px;justify-content:space-between;padding:10px 22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:62px;height:auto}.brand-text{font-family:Georgia,serif;font-size:18px;letter-spacing:.12em;text-transform:uppercase;line-height:1}.brand-text small{display:block;color:var(--gold);font-family:Arial,sans-serif;font-size:10px;letter-spacing:.22em;margin-top:4px}.menu{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.menu a{text-decoration:none;padding:8px 0;border-bottom:2px solid transparent}.menu a:hover,.menu a.active{color:var(--gold);border-bottom-color:var(--gold)}.page-wrap{width:100%;max-width:1600px;margin:0 auto;background:var(--cream);overflow:hidden}.page-img{display:block;width:100%;height:auto;margin:0 auto;animation:fadeIn .9s ease both}.seo-section{max-width:1180px;margin:0 auto;padding:56px 24px 80px}.seo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}.panel{border:1px solid rgba(166,101,42,.35);background:rgba(255,249,239,.6);border-radius:18px;padding:28px;box-shadow:0 16px 44px rgba(42,26,10,.06)}.panel h2,.panel h3{font-family:Georgia,serif;font-weight:400;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}.panel p{line-height:1.65;margin:0 0 14px;color:#24444b}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.button{display:inline-block;text-decoration:none;border:1px solid var(--gold);border-radius:999px;padding:12px 18px;text-transform:uppercase;font-weight:700;letter-spacing:.08em;font-size:12px;color:var(--navy);background:rgba(255,249,239,.5)}.button.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.button:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(42,26,10,.12)}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.metric{border:1px solid rgba(166,101,42,.35);border-radius:14px;padding:18px;background:rgba(255,249,239,.55);text-align:center}.metric b{display:block;font-family:Georgia,serif;font-size:30px;color:var(--gold);font-weight:400}.metric span{text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:700}.faq{max-width:1180px;margin:0 auto 70px;padding:0 24px}.faq h2{font-family:Georgia,serif;font-weight:400;text-transform:uppercase;letter-spacing:.08em}.faq details{border-top:1px solid rgba(166,101,42,.3);padding:18px 0}.faq summary{cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.faq p{line-height:1.65;color:#24444b}.site-footer{border-top:1px solid rgba(166,101,42,.2);padding:34px 22px 46px;text-align:center;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#294950}.site-footer a{text-decoration:none;color:var(--gold)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:700}.field input,.field select,.field textarea{border:1px solid rgba(166,101,42,.4);background:#fffaf2;border-radius:10px;padding:13px;font:inherit;color:var(--ink)}.field textarea{min-height:120px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes fadeIn{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:960px){.site-bar-inner{display:block}.menu{justify-content:flex-start;margin-top:10px}.seo-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.brand-text{font-size:15px}.menu{font-size:10px;gap:12px}}@media(max-width:560px){.metric-row{grid-template-columns:1fr}.seo-section{padding:36px 16px 54px}.panel{padding:22px}.brand img{width:52px}.page-img{min-height:55vh;object-fit:cover;object-position:top center}}

/* v1.3.1 mobile, accessibility and SEO-readability optimisation layer */
.menu-toggle{display:none;appearance:none;border:1px solid rgba(166,101,42,.35);background:rgba(255,249,239,.8);border-radius:999px;padding:9px 12px;align-items:center;gap:4px;color:var(--navy);font:inherit;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.08em;cursor:pointer}.menu-toggle span{display:block;width:16px;height:2px;background:var(--navy);border-radius:2px}.menu-toggle em{font-style:normal;margin-left:5px}.page-img{content-visibility:auto}.site-bar a,.button,.menu-toggle{touch-action:manipulation}.button:focus-visible,.menu a:focus-visible,.brand:focus-visible,.menu-toggle:focus-visible{outline:3px solid rgba(166,101,42,.45);outline-offset:4px}.panel p,.faq p{font-size:16px}.seo-section,.faq{content-visibility:auto;contain-intrinsic-size:700px}
@media(max-width:960px){.site-bar-inner{display:flex;align-items:center;gap:14px}.menu-toggle{display:flex}.menu{position:absolute;left:16px;right:16px;top:calc(100% + 8px);display:grid;grid-template-columns:1fr 1fr;gap:0;background:rgba(255,249,239,.98);border:1px solid rgba(166,101,42,.25);border-radius:18px;box-shadow:0 18px 44px rgba(42,26,10,.16);padding:10px;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-8px);transition:max-height .28s ease,opacity .22s ease,transform .22s ease}.nav-open .menu{max-height:70vh;opacity:1;pointer-events:auto;transform:none;overflow:auto}.menu a{padding:14px 12px;border-bottom:1px solid rgba(166,101,42,.12);font-size:12px}.site-bar-inner{position:relative}.brand{min-width:0}.brand-text{white-space:nowrap}.page-wrap{max-width:100%}}
@media(max-width:700px){body{font-size:16px}.site-bar-inner{padding:9px 14px}.brand img{width:46px}.brand-text{font-size:13px;letter-spacing:.08em}.brand-text small{font-size:9px;letter-spacing:.16em}.menu{grid-template-columns:1fr}.menu a{font-size:12px}.page-img{min-height:0;object-fit:contain;object-position:top center}.seo-grid{gap:18px}.panel h2,.panel h3,.faq h2{font-size:23px;line-height:1.2}.cta-row{display:grid}.button{text-align:center;padding:14px 18px}.site-footer{font-size:11px;line-height:1.8}}
@media(max-width:430px){.brand-text{display:none}.menu-toggle em{display:none}.menu-toggle{padding:10px 12px}.seo-section{padding:30px 14px 46px}.faq{padding:0 14px;margin-bottom:46px}.panel{border-radius:16px;padding:19px}.page-wrap{background:#fbf5ec}}


/* v1.4 commercial upgrade: downloads, journey, comparison, taste, sustainability */
.commercial-section{max-width:1180px;margin:0 auto;padding:42px 24px}.commercial-section h2{font-family:Georgia,serif;font-weight:400;text-transform:uppercase;letter-spacing:.08em;font-size:34px;margin:0 0 12px}.commercial-section .intro{max-width:760px;line-height:1.7;color:#24444b;margin-bottom:24px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.download-card,.journey-step{border:1px solid rgba(166,101,42,.32);background:rgba(255,249,239,.68);border-radius:18px;padding:24px;box-shadow:0 14px 34px rgba(42,26,10,.055)}.feature-card h3,.download-card h3,.journey-step h3{margin:0 0 8px;font-family:Georgia,serif;font-weight:400;color:var(--navy);font-size:22px}.feature-card p,.download-card p,.journey-step p{line-height:1.62;color:#24444b;margin:0 0 14px}.download-card a,.text-link{display:inline-block;text-transform:uppercase;font-size:12px;letter-spacing:.08em;font-weight:700;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(166,101,42,.45);padding-bottom:3px}.journey{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;counter-reset:journey}.journey-step{position:relative;padding-top:36px}.journey-step:before{counter-increment:journey;content:counter(journey);position:absolute;top:14px;left:18px;width:22px;height:22px;border-radius:50%;background:var(--navy);color:white;text-align:center;line-height:22px;font-size:12px;font-weight:700}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:16px;border:1px solid rgba(166,101,42,.32);background:#fffaf2}.comparison-table th,.comparison-table td{padding:14px 16px;border-bottom:1px solid rgba(166,101,42,.18);text-align:left;vertical-align:top}.comparison-table th{background:#f3e5d0;color:var(--navy);text-transform:uppercase;font-size:12px;letter-spacing:.08em}.comparison-table tr:last-child td{border-bottom:0}.taste-bars{display:grid;gap:14px;max-width:740px}.taste-row{display:grid;grid-template-columns:150px 1fr 70px;gap:14px;align-items:center}.taste-row b{text-transform:uppercase;font-size:12px;letter-spacing:.08em}.bar{height:12px;border-radius:999px;background:rgba(11,52,64,.16);overflow:hidden}.bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--navy))}.qr-box{display:grid;grid-template-columns:132px 1fr;gap:22px;align-items:center;border:1px solid rgba(11,95,103,.24);background:rgba(255,249,239,.8);border-radius:18px;padding:18px;max-width:720px}.qr-box img{width:132px;height:132px;border-radius:10px}.enquiry-options{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}.enquiry-option{border:1px solid rgba(166,101,42,.32);border-radius:999px;padding:12px 14px;text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;background:rgba(255,249,239,.7)}
@media(max-width:960px){.card-grid{grid-template-columns:1fr 1fr}.journey{grid-template-columns:1fr 1fr 1fr}.enquiry-options{grid-template-columns:1fr 1fr}.commercial-section h2{font-size:28px}.taste-row{grid-template-columns:120px 1fr 55px}}
@media(max-width:650px){.card-grid,.journey{grid-template-columns:1fr}.commercial-section{padding:34px 16px}.qr-box{grid-template-columns:1fr;text-align:left}.qr-box img{width:118px;height:118px}.comparison-table{display:block;overflow-x:auto}.taste-row{grid-template-columns:1fr}.enquiry-options{grid-template-columns:1fr}}


/* v1.5 homepage journey animation */
:root{--water:#42d8ff;--water-soft:rgba(66,216,255,.35)}
.journey-section{width:100%;padding:clamp(18px,3vw,42px);background:linear-gradient(180deg,#f8f1e6,#efe4d5)}
.journey-wrap{position:relative;max-width:1400px;margin:0 auto;overflow:hidden;border-radius:10px;box-shadow:0 18px 55px rgba(15,50,55,.10);background:#f7efe4}
.journey-image{display:block;width:100%;height:auto}
.journey-animation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.journey-rain{stroke:var(--water);stroke-width:3.5;stroke-linecap:round;opacity:0;filter:url(#softGlow);animation:journeyRainfall 4.8s linear infinite}
.journey-rain.r2{animation-delay:.45s}.journey-rain.r3{animation-delay:.9s}.journey-rain.r4{animation-delay:1.35s}.journey-rain.r5{animation-delay:1.8s}.journey-rain.r6{animation-delay:2.25s}
@keyframes journeyRainfall{0%{transform:translateY(-24px);opacity:0}18%{opacity:.55}70%{opacity:.35}100%{transform:translateY(60px);opacity:0}}
.pulse-path{fill:none;stroke:url(#waterGradient);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:120 1120;stroke-dashoffset:0;filter:url(#softGlow);opacity:.9;animation:waterPulse 10.5s ease-in-out infinite}
@keyframes waterPulse{0%{stroke-dashoffset:1020;opacity:0}8%{opacity:.85}70%{opacity:.95}100%{stroke-dashoffset:-220;opacity:0}}
.bore-flow{stroke:rgba(130,242,255,.86);stroke-width:10;stroke-linecap:round;stroke-dasharray:82 420;stroke-dashoffset:470;filter:url(#softGlow);animation:boreRise 6.8s ease-in-out infinite}
.bore-flow-2{stroke-width:4;stroke:rgba(255,255,255,.9);animation-delay:1.2s}
.journey-bubbles{filter:url(#softGlow);mix-blend-mode:screen}.journey-bubble{fill:rgba(255,255,255,.92);stroke:rgba(82,220,255,.75);stroke-width:1.5;opacity:.88}.journey-bubble.b2{opacity:.7}.journey-bubble.b4{opacity:.62}
@keyframes boreRise{0%{stroke-dashoffset:470;opacity:0}18%{opacity:.95}72%{opacity:.9}100%{stroke-dashoffset:-80;opacity:0}}
.badge-glow{fill:none;stroke:rgba(255,255,255,.55);stroke-width:4;filter:url(#softGlow);opacity:.15;animation:badgeGlow 7.5s ease-in-out infinite}
@keyframes badgeGlow{0%,100%{opacity:.10;transform:scale(1);transform-origin:1288px 183px}50%{opacity:.42;transform:scale(1.035);transform-origin:1288px 183px}}
@media (prefers-reduced-motion:reduce){.journey-rain,.pulse-path,.bore-flow,.badge-glow{animation:none;opacity:.25}.journey-bubble{display:none}}
@media(max-width:760px){.journey-section{padding:0}.journey-wrap{border-radius:0;box-shadow:none}}

.contact-footer-art{margin:0 auto 70px;border-top:1px solid rgba(166,101,42,.18);border-bottom:1px solid rgba(166,101,42,.18)}
.contact-footer-art .page-img{width:100%;height:auto}
