@font-face{font-family:Anton;src:url(assets/anton.woff2);font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(assets/inter-tight.woff2) format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{--blue:#004DD4;--ink:#243A20;--sky:#7ED5F2;--lime:#DAE366;--sand:#FBF2E6;--orange:#FF6400;margin:0;background:#fff;color:var(--ink);font-family:Inter,Anuphan,sans-serif;font-size:17px;line-height:1.6}body.th{font-family:Anuphan,Inter,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Inter,Anuphan,sans-serif;letter-spacing:-.045em;line-height:1.12;font-weight:700}body.th h1,body.th h2,body.th h3{font-family:Anuphan,Inter,sans-serif;line-height:1.25;letter-spacing:-.03em}h1{font-size:clamp(60px,6.8vw,100px)}h2{font-size:clamp(36px,4vw,58px);margin-bottom:25px}h3{font-size:26px;margin-bottom:18px}p{max-width:610px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.announcement{display:none}header{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 5%;background:var(--ink);color:white;position:relative;z-index:10}.logo img{width:160px;filter:brightness(0) invert(1)}nav{display:flex;gap:25px;align-items:center;font-size:14px}nav a{padding:5px 0}nav a:hover,nav a.active{text-decoration:underline;text-underline-offset:6px}.header-actions{display:flex;gap:18px;align-items:center}#language,#menu{background:none;border:0;color:white;padding:8px;font-size:14px}#menu{display:none;font-size:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 25px;background:var(--orange);border:1.5px solid var(--ink);border-radius:5px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);font-size:15px;font-weight:650;line-height:1.4;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.button.small{padding:10px 17px;font-size:14px;background:white;box-shadow:none}.button.outline{background:transparent;color:inherit;box-shadow:none;border-color:currentColor}.button.light{background:white}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px}.textlink{font-size:15px;font-weight:600;border-bottom:1px solid currentColor;display:inline-block;padding-bottom:3px}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.08em;font-weight:600;margin-bottom:23px}.section{padding:85px max(6%,calc((100vw - 1180px)/2))}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.section-heading{text-align:center;max-width:900px;margin:0 auto 45px}.section-heading p{margin:0 auto;font-size:18px}.simple-hero{background:var(--sky);display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:3%;padding:50px max(6%,calc((100vw - 1180px)/2)) 65px;position:relative;min-height:670px}.hero-copy{position:relative;z-index:2}.hero-copy h1{color:var(--blue);margin-bottom:25px;line-height:1.02;white-space:nowrap}.hero-copy h1 span{color:var(--ink)}body.th .hero-copy h1{font-family:Inter,sans-serif;line-height:1.02;letter-spacing:-.045em}.hero-copy>p{font-size:20px;line-height:1.5;max-width:400px}.hero-art{position:relative;height:535px;display:flex;justify-content:center;align-items:center}.hero-art .current-bottle{height:515px;margin-left:45px;transform:rotate(5deg)}.hero-character{position:absolute;width:215px;left:-30px;bottom:15px;z-index:3;transform:rotate(-3deg)}.art-caption{position:absolute;right:0;bottom:0;font-size:12px;letter-spacing:.08em}.simple-hero:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:21px;background:var(--sand);border-radius:50% 50% 0 0/100% 100% 0 0}.current-bottle{position:relative;aspect-ratio:346/1100;width:auto;overflow:hidden;display:block;flex-shrink:0;background:white;clip-path:polygon(20% 2%,78% 2%,84% 4%,85% 13%,81% 16%,81% 20%,98% 32%,99% 88%,94% 96%,79% 98%,20% 98%,5% 96%,1% 88%,2% 32%,17% 20%,17% 16%,13% 13%,14% 4%)}.current-bottle>img{position:absolute;width:313.873%;max-width:none;height:131.636%;left:-3.468%;top:-14.545%;object-fit:fill}.simple-product{background:var(--sand)}.front-product{display:flex;align-items:center;justify-content:center;height:530px}.front-product .current-bottle{height:520px;transform:rotate(-5deg)}.product-highlights{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0;font-size:14px}.product-highlights b{display:block;font-size:29px;letter-spacing:-.04em;color:var(--blue);margin-bottom:5px}.simple-quality{background:var(--lime)}.simple-quality .section-heading h2{font-family:Inter,sans-serif}.quality-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.quality-cards article{padding:30px;background:var(--sand);border:1.5px solid var(--ink);border-radius:8px;box-shadow:4px 4px 0 var(--ink)}.quality-number{font-size:42px;font-weight:700;color:var(--blue);display:block;line-height:1;margin-bottom:30px;letter-spacing:-.06em}.quality-cards h3{font-size:24px;min-height:54px}.quality-cards p{font-size:16px;margin-bottom:0}.simple-story{background:white}.story-visual img{width:90%;max-height:380px;object-fit:contain;margin:auto}.simple-story p{margin-bottom:28px}.simple-business{background:var(--sand)}.business-teaser{display:grid;grid-template-columns:1fr 1fr;gap:25px}.business-card{border:1.5px solid var(--ink);border-radius:8px;padding:35px;display:flex;flex-direction:column;align-items:flex-start;background:white}.business-card p{flex:1}.business-card.blue{background:var(--blue);color:white;border-color:var(--blue)}.business-card h3{font-size:28px}.simple-notes{background:var(--sky);display:grid;grid-template-columns:1fr 1.4fr;gap:7%;align-items:center}.simple-notes img{max-height:250px;margin:auto}.simple-notes h2{font-size:42px}.page-intro{padding:65px max(6%,calc((100vw - 1180px)/2)) 45px;background:var(--sky)}.page-intro h1{font-size:clamp(46px,5.5vw,76px);color:var(--blue);max-width:1050px;margin-bottom:25px}.page-intro p{font-size:19px;max-width:750px}.compact{padding-top:55px}.product-art{height:540px;display:flex;align-items:center;justify-content:center;background:var(--sand);border-radius:12px}.product-art .current-bottle{height:510px}.specs{display:grid;grid-template-columns:1fr 1fr;margin:30px 0}.spec{padding:20px 0;border-top:1px solid #243a2035}.spec b{display:block;font-size:29px;letter-spacing:-.04em;color:var(--blue)}.spec span,.muted{font-size:14px}.spec span{display:block;padding-right:15px}.quality{background:var(--lime)}.quality .lead{font-size:21px}.chapter{display:grid;grid-template-columns:50px 1.3fr 1fr;gap:35px;align-items:center;padding:45px 0;border-top:1px solid #243a2040}.chapter img{max-height:280px;margin:auto}.chapter>.eyebrow{align-self:start;color:var(--blue);font-size:24px}.chapter h2{font-size:39px}.faq{max-width:1100px;margin:auto}.faq details{padding:23px 0;border-bottom:1px solid #243a2040}.faq summary{cursor:pointer;font-size:21px;font-weight:550}.faq details p{margin:20px 0 0}.form{background:var(--sand);padding:35px;border:1px solid #243a2040;border-radius:8px;color:var(--ink)}.form h3{font-size:30px}.form label{font-size:14px;display:block;margin-bottom:20px}.form input,.form select,.form textarea{display:block;width:100%;padding:12px 14px;border:1px solid #243a2050;border-radius:4px;background:white;margin-top:8px;color:var(--ink)}.form textarea{min-height:110px;resize:vertical}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notice{font-size:13px;line-height:1.6;color:#56644f;margin-top:20px}.status{padding:18px;border:1px solid #243a2040;margin-top:25px;border-radius:5px}.status p{font-size:14px;margin:20px 0 0}.status .actions{gap:15px}.pack-options{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.pack-options button{padding:16px 22px;border:1px solid var(--ink);border-radius:4px;background:white;color:var(--ink)}.pack-options button.selected{background:var(--blue);color:white;border-color:var(--blue)}.price{font-size:43px;font-weight:700;color:var(--blue);letter-spacing:-.05em}.quantity{display:flex;align-items:center;gap:22px;margin:25px 0}.quantity button{width:38px;height:38px;background:white;border:1px solid var(--ink);border-radius:4px;color:var(--ink)}.quantity b{min-width:18px;text-align:center}.tag{display:inline-block;font-size:12px;letter-spacing:.06em;padding:8px 12px;background:var(--lime);margin-bottom:25px}.contact-box{background:var(--lime);padding:25px;margin-top:30px;border-radius:6px}.contact-box p{font-size:15px;margin:12px 0}.order-summary{padding:30px;background:var(--sand);border-radius:6px;margin-bottom:25px}.order-summary>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;font-size:15px}.order-summary .total{border-top:1px solid #243a2040;font-weight:650;margin-top:10px}.collab-fox{max-height:260px;margin:0 auto 30px}footer{padding:60px max(6%,calc((100vw - 1180px)/2)) 25px;background:var(--ink);color:white}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:45px}.footer-top h2{font-size:46px;color:var(--lime)}.footer-top p{font-size:16px}.footer-top b{display:block;margin-bottom:20px;font-size:14px}.footer-top a{display:block;font-size:14px;margin:10px 0}.footer-wordmark{display:block;margin:45px 0 25px;max-width:320px}.footer-wordmark img{filter:brightness(0) invert(1)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff40;padding-top:20px;font-size:12px}
@media(min-width:1600px){.simple-hero{min-height:720px}.hero-art{height:570px}.hero-art .current-bottle{height:550px}}
@media(max-width:1100px){header{gap:15px;padding:18px 4%}.logo img{width:140px}nav{gap:16px;font-size:13px}.header-actions{gap:10px}.hero-art{height:475px}.hero-art .current-bottle{height:460px}.hero-character{width:175px;left:-20px}.simple-hero{min-height:590px;gap:2%}.hero-copy h1{font-size:74px}.quality-cards{gap:18px}.quality-cards article{padding:25px}.quality-cards h3{font-size:22px}.section{padding:65px 6%}.product-art{height:480px}.product-art .current-bottle{height:460px}}
@media(max-width:850px){header{flex-wrap:wrap;gap:15px;padding:18px 5%;min-height:80px}.logo img{width:150px}nav{display:none;order:3;width:100%;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 0 5px;font-size:16px}nav.open{display:flex}#menu{display:block}.header-actions{gap:12px}.hero-copy h1{font-size:62px}.hero-copy>p{font-size:18px}.simple-hero{padding:45px 6% 60px;min-height:570px}.hero-art{height:435px}.hero-art .current-bottle{height:420px;margin-left:20px}.hero-character{width:155px;left:-20px}.actions{gap:20px}.button{padding:13px 20px;font-size:14px}.simple-hero .actions .textlink{font-size:13px}.quality-cards{grid-template-columns:1fr}.quality-cards article{display:grid;grid-template-columns:55px 1fr;gap:0 25px;padding:26px}.quality-number{grid-row:1/3;font-size:38px;margin:0}.quality-cards h3{min-height:0;font-size:24px;margin-bottom:12px}.quality-cards p{grid-column:2}.front-product{height:450px}.front-product .current-bottle{height:440px}.split{gap:6%}.business-card{padding:28px}.business-card h3{font-size:25px}.simple-notes h2{font-size:35px}.chapter{grid-template-columns:35px 1.3fr 1fr;gap:20px}.chapter h2{font-size:33px}.form{padding:28px}.form .row{grid-template-columns:1fr;gap:0}.page-intro{padding:45px 6% 35px}.page-intro h1{font-size:57px}.footer-top{gap:25px}.footer-top h2{font-size:39px}}
@media(max-width:580px){body{font-size:16px}.logo img{width:125px}.header-actions{gap:7px}.button.small{font-size:12px;padding:9px 13px}#language{font-size:12px;padding:6px}#menu{font-size:22px}.simple-hero{grid-template-columns:1fr;gap:10px;padding:38px 7% 40px}.hero-copy h1{font-size:clamp(50px,13.7vw,78px);line-height:1.04;margin:18px 0}.hero-copy .eyebrow{font-size:10px;margin-bottom:15px}.hero-copy>p{font-size:18px;margin-bottom:0}.hero-copy .actions{margin-top:24px}.hero-art{height:385px;margin:5px auto 0;width:100%;max-width:350px}.hero-art .current-bottle{height:370px;margin-left:70px;transform:rotate(5deg)}.hero-character{width:170px;left:0;bottom:12px}.art-caption{right:0;font-size:10px}.section{padding:50px 7%}.split{grid-template-columns:1fr;gap:35px}.simple-product .front-product{order:2;height:380px}.front-product .current-bottle{height:375px}.section-heading{margin-bottom:35px}.section-heading p{font-size:17px}h2{font-size:37px;letter-spacing:-.04em}.simple-quality .section-heading h2{font-size:34px}.product-highlights{gap:20px;margin:25px 0}.product-highlights b{font-size:27px}.quality-cards article{grid-template-columns:40px 1fr;gap:0 20px;padding:25px 22px}.quality-number{font-size:33px}.quality-cards h3{font-size:22px}.quality-cards p{font-size:15px}.simple-story .story-visual{max-width:290px;margin:auto}.simple-story h2{font-size:37px}.business-teaser{grid-template-columns:1fr;gap:20px}.business-card{padding:28px}.business-card h3{font-size:26px}.simple-notes{grid-template-columns:1fr;gap:30px;text-align:center}.simple-notes img{max-height:170px}.simple-notes h2{font-size:33px}.page-intro{padding:38px 7% 28px}.page-intro h1{font-size:43px;line-height:1.15}.page-intro p{font-size:17px}.compact{padding-top:35px}.product-art{height:435px}.product-art .current-bottle{height:415px}.spec b{font-size:28px}.chapter{grid-template-columns:30px 1fr;gap:15px;padding:30px 0}.chapter img{grid-column:2;max-height:210px}.chapter h2{font-size:31px}.chapter>.eyebrow{font-size:20px}.faq summary{font-size:19px}.form{padding:25px 22px}.form h3{font-size:27px}.pack-options button{padding:14px 20px;font-size:15px}.order-summary{padding:24px}.order-summary h3{font-size:23px}.order-summary>div{font-size:14px}.status{padding:16px}.status .button{font-size:13px;padding:11px 15px}.eyebrow{font-size:11px}.collab-fox{max-height:220px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-top>div:first-child{grid-column:1/-1}.footer-top h2{font-size:43px}.footer-wordmark{max-width:220px}.footer-bottom{flex-wrap:wrap;font-size:11px;gap:12px}.footer-bottom span:last-child{display:none}footer{padding:45px 7% 25px}body.th .hero-copy h1{font-size:clamp(50px,13.7vw,78px)}body.th .page-intro h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* CocoFox editorial direction */
body{background:var(--sand)}
header{background:var(--sand);color:var(--ink);padding:24px 5%;border-bottom:1px solid #243a2025}
.logo img{filter:none;width:172px}#language,#menu{color:var(--ink)}
nav{font-size:14px;gap:26px}.button{border-radius:0;box-shadow:none;background:var(--lime);padding:15px 27px;font-weight:600}
.button:hover{transform:translateY(-2px);box-shadow:none}.button.small{background:var(--blue);color:white;border-color:var(--blue)}
.eyebrow{font-size:14px;letter-spacing:.07em;font-weight:500}
.simple-hero{min-height:690px;padding:48px 5% 52px;grid-template-columns:1.2fr 1fr;gap:0;background:linear-gradient(100deg,var(--sand) 0%,var(--sand) 43%,#c7eaf0 70%,var(--sky) 100%);overflow:hidden}
.simple-hero:after{display:none}.hero-copy h1,body.th .hero-copy h1{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-size:clamp(82px,10.5vw,162px);font-weight:400;letter-spacing:-.025em;line-height:1.06;color:var(--ink);white-space:normal;margin:30px 0}
.hero-copy h1 span{display:block;white-space:nowrap;color:inherit}.hero-copy h1 span:last-child{color:var(--blue)}
.hero-copy>p{font-size:18px;max-width:380px}.hero-copy .actions{margin-top:28px}.hero-art{height:570px;align-self:end}
.hero-art .current-bottle{height:550px;margin:0 0 0 80px;transform:none}.hero-character{width:280px;left:-65px;bottom:10px;transform:none}.art-caption{right:0;top:5px;bottom:auto;font-size:14px;line-height:1.5;text-align:right;letter-spacing:.03em}
.simple-product{grid-template-columns:1fr .8fr 1.1fr;gap:5%;padding:70px 5%;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.product-title h2{font-family:Anton,Impact,sans-serif;font-size:clamp(66px,7vw,102px);line-height:1.05;letter-spacing:-.025em;font-weight:400;margin:0;color:var(--blue)}
body.th .product-title h2{font-family:Anuphan,sans-serif;font-size:55px;font-weight:700;line-height:1.2}.front-product{height:440px;background:var(--sky)}.front-product .current-bottle{height:405px;transform:none}
.simple-product h2:not(.product-title h2){font-size:38px}.simple-product p{font-size:16px}.product-highlights{border-top:1px solid #243a2050;padding-top:20px;gap:16px}.product-highlights b{font-size:26px}
.simple-quality{background:var(--lime)}.section-heading{text-align:left;max-width:none;margin-bottom:45px}.section-heading p{margin:0}.section-heading h2{font-size:clamp(42px,5vw,74px);max-width:850px}
.quality-cards{gap:35px}.quality-cards article{background:none;border:0;border-top:1px solid var(--ink);box-shadow:none;border-radius:0;padding:24px 0}.quality-number{font-size:18px;letter-spacing:0;margin-bottom:32px}.quality-cards h3{min-height:0;font-size:26px}.quality-cards p{max-width:330px}
.simple-story{background:var(--blue);color:var(--sand);grid-template-columns:1fr 1.2fr}.simple-story h2{font-size:clamp(42px,5.7vw,78px)}.story-visual img{width:100%;max-height:360px}.simple-story .eyebrow{color:var(--lime)}
.simple-business{padding-bottom:65px}.business-teaser{gap:0}.business-card{border:1px solid #243a2050;border-radius:0;padding:38px;background:transparent}.business-card.blue{background:var(--sky);color:var(--ink);border:1px solid #243a2050}.business-card h3{font-size:36px}
.simple-notes{background:var(--lime);grid-template-columns:.6fr 1.4fr}.simple-notes h2{font-size:clamp(38px,4.6vw,65px)}.simple-notes img{max-height:210px}
.page-intro{background:var(--sand);border-bottom:1px solid #243a2035}.page-intro h1{font-size:clamp(48px,6.5vw,88px)}.form,.product-art,.order-summary,.contact-box{border-radius:0}.product-art{background:var(--sky)}.pack-options button,.quantity button,.form input,.form select,.form textarea{border-radius:0}
footer{background:var(--blue);color:var(--sand)}.footer-top h2{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:65px;text-transform:uppercase;line-height:1.08;letter-spacing:0}.footer-wordmark{max-width:none;width:100%;margin:65px 0 30px}.footer-wordmark img{width:100%}
@media(min-width:1700px){.simple-hero{padding-left:8%;padding-right:8%}}
@media(max-width:1100px){nav{gap:15px}.logo img{width:145px}.simple-hero{min-height:620px}.hero-art{height:500px}.hero-art .current-bottle{height:475px;margin-left:80px}.hero-character{width:220px;left:-30px}.hero-copy h1,body.th .hero-copy h1{font-size:10.5vw}.simple-product{gap:4%;grid-template-columns:.9fr .8fr 1.1fr}.front-product{height:390px}.front-product .current-bottle{height:360px}.simple-product h2:not(.product-title h2){font-size:32px}.product-title h2{font-size:7vw}}
@media(max-width:850px){.simple-hero{min-height:570px;padding:40px 5%}.hero-art{height:445px}.hero-art .current-bottle{height:420px;margin-left:75px}.hero-character{width:190px;left:-20px}.art-caption{font-size:12px;top:-15px}.simple-product{grid-template-columns:.8fr 1.2fr;gap:30px}.product-title{grid-column:1/-1}.product-title h2{font-size:64px}.product-title h2 br{display:none}.product-title h2 br:after{content:' '}.quality-cards article{padding:25px 0}.quality-number{font-size:18px}.business-card h3{font-size:29px}}
@media(max-width:580px){header{padding:18px 6%}.logo img{width:125px}.button.small{font-size:14px}.simple-hero{grid-template-columns:1fr;padding:32px 7% 35px;gap:20px;background:linear-gradient(155deg,var(--sand) 30%,var(--sky) 100%)}.hero-copy h1,body.th .hero-copy h1{font-size:17vw;line-height:1.1;margin:20px 0}.hero-copy .eyebrow{font-size:12px}.hero-copy>p{font-size:17px}.hero-art{height:360px;width:100%;max-width:360px;margin:0 auto}.hero-art .current-bottle{height:350px;margin-left:85px}.hero-character{width:200px;left:-10px;bottom:0}.art-caption{right:0;top:8px;font-size:12px}.simple-hero .actions .textlink{font-size:14px}.simple-product{grid-template-columns:1fr;padding:45px 7%;gap:30px}.product-title{grid-column:auto}.product-title h2{font-size:15vw}.simple-product .front-product{order:0;height:380px}.front-product .current-bottle{height:360px}.simple-product h2:not(.product-title h2){font-size:35px}.eyebrow{font-size:13px}.section-heading h2,.simple-quality .section-heading h2{font-size:40px}.quality-cards article{grid-template-columns:30px 1fr;gap:0 15px}.quality-cards p{font-size:16px}.simple-story{grid-template-columns:1fr}.simple-story h2{font-size:43px}.simple-business .section-heading h2{font-size:43px}.business-card{padding:28px}.business-card h3{font-size:30px}.simple-notes{grid-template-columns:1fr;text-align:left}.simple-notes h2{font-size:38px}.footer-top h2{font-size:58px}.footer-wordmark{width:100%;max-width:none;margin-top:40px}body.th .product-title h2{font-size:37px}}
/* A CocoFox colour for each destination. */
body[data-page="water"]{--page-bg:var(--sky);--page-ink:var(--ink);--page-accent:var(--blue)}
body[data-page="story"]{--page-bg:var(--lime);--page-ink:var(--ink);--page-accent:var(--blue)}
body[data-page="business"]{--page-bg:var(--sand);--page-ink:var(--ink);--page-accent:var(--blue)}
body[data-page="export"]{--page-bg:var(--blue);--page-ink:var(--sand);--page-accent:var(--lime)}
body[data-page="collab"]{--page-bg:var(--orange);--page-ink:var(--ink);--page-accent:var(--ink)}
body[data-page="shop"],body[data-page="checkout"]{--page-bg:#fff;--page-ink:var(--ink);--page-accent:var(--blue)}
body[data-page="contact"]{--page-bg:var(--ink);--page-ink:var(--sand);--page-accent:var(--lime)}
body:not([data-page="home"]) #app{background:var(--page-bg,var(--sand));color:var(--page-ink,var(--ink))}
body:not([data-page="home"]) .page-intro{background:transparent;border-bottom-color:color-mix(in srgb,currentColor 25%,transparent)}
body:not([data-page="home"]) .page-intro h1{color:var(--page-accent,var(--blue))}
body[data-page="water"] .product-art{background:var(--sand)}
body[data-page="water"] .simple-quality{background:transparent;border-top:1px solid #243a2035;border-bottom:1px solid #243a2035}
body[data-page="story"] .quality{background:transparent;border-top:1px solid #243a2050}
body[data-page="business"] .contact-box{background:var(--lime)}
body[data-page="export"] .quality{background:transparent;border-top:1px solid #fbf2e650}
body[data-page="export"] .business-card{background:var(--sand);color:var(--ink);border-color:var(--blue)}
body[data-page="export"] .business-card.blue{background:var(--sky)}
body[data-page="contact"] .business-card{border-color:#fbf2e650}
body[data-page="contact"] .button{color:var(--ink)}
body[data-page="contact"] .button.outline{color:var(--sand)}
body[data-page="export"] footer,body[data-page="contact"] footer{border-top:1px solid #fbf2e650}
body[data-page="export"] footer{background:var(--ink)}
/* Search-ready pages retain the established CocoFox palette. */
body[data-page="farm"]{--page-bg:var(--lime);--page-ink:var(--ink);--page-accent:var(--blue)}
body[data-page="hpp"]{--page-bg:var(--sand);--page-ink:var(--ink);--page-accent:var(--blue)}
body[data-page="find"]{--page-bg:var(--sky);--page-ink:var(--ink);--page-accent:var(--blue)}
.origin-panel{padding:40px;background:var(--sand);color:var(--ink);border:1px solid #243a2050}
.origin-panel h3{font-size:38px}.origin-panel .eyebrow{display:block;margin-bottom:25px}
.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin:35px 0}
.facts-grid>div{padding:22px 0;border-top:1px solid #243a2050}.facts-grid dt{font-size:14px;font-weight:600;margin-bottom:8px}.facts-grid dd{margin:0;font-size:18px;max-width:500px}
.process-list{list-style:decimal-leading-zero;padding-left:32px;display:grid;grid-template-columns:1fr 1fr;gap:35px 65px;margin:40px 0}.process-list li{padding-left:12px}.process-list h3{font-size:26px}.process-list li::marker{font-weight:700;color:var(--blue)}
.skip-link{position:absolute;top:-80px;left:15px;z-index:100;background:var(--sand);padding:12px 20px;color:var(--ink)}.skip-link:focus{top:12px}
nav{gap:18px}.header-actions{flex-shrink:0}.logo{flex-shrink:0}.logo img{height:auto}#language{min-width:40px;text-align:center}
#app p,#app h1,#app h2,#app h3{overflow-wrap:break-word}
@media(max-width:1100px){header{flex-wrap:wrap}nav{order:3;flex-basis:100%;justify-content:center}}
@media(max-width:850px){nav{justify-content:flex-start}.origin-panel{padding:30px}}
@media(max-width:580px){.facts-grid,.process-list{grid-template-columns:1fr}.facts-grid{gap:0}.origin-panel{padding:28px}.origin-panel h3{font-size:31px}.process-list{gap:22px}.facts-grid dd{font-size:17px}.hero-copy>p{font-size:17px}}

/* Blue campaign opening, using the supplied artwork without cropping the bottle. */
.simple-hero.campaign-hero{background:#0648d7;color:#fff;grid-template-columns:1.05fr 1fr;padding:0 5%;min-height:680px;gap:3%}
.campaign-hero .hero-copy{position:relative;z-index:1;padding:64px 0}.campaign-hero .hero-copy h1,body.th .campaign-hero .hero-copy h1{color:#fff;font-size:clamp(70px,8.8vw,140px);line-height:1.05;letter-spacing:-.025em}.campaign-hero .eyebrow{color:#b8d7ff}.campaign-hero .hero-copy>p{color:#eef5ff;max-width:390px}.campaign-hero .button{background:#fff;color:#0648d7;border-color:#fff}.campaign-hero .textlink{color:#fff}.campaign-hero .campaign-art{height:auto;align-self:center;width:100%;max-width:510px;justify-self:end;margin:0;display:block}.campaign-image{display:block;width:100%;height:auto;animation:campaign-drift 7s ease-in-out infinite;transform-origin:center}
@keyframes campaign-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.nutrition-section{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;background:#f3f5eb}.nutrition-highlights{display:flex;gap:35px;margin:30px 0}.nutrition-highlights span{display:flex;flex-direction:column;font-size:14px}.nutrition-highlights b{font-size:54px;line-height:1.2}.nutrition-intro .actions{flex-wrap:wrap}.nutrition-table{width:100%;border-collapse:collapse;font-size:15px;text-align:left}.nutrition-table caption{text-align:left;font-size:25px;font-weight:700;padding:0 0 20px}.nutrition-table th,.nutrition-table td{padding:12px 8px;border-bottom:1px solid #243a2030}.nutrition-table thead th{font-size:12px}.nutrition-table tbody th{font-weight:500}.nutrition-table td:last-child,.nutrition-table thead th:last-child{text-align:right}.nutrition-energy{font-weight:700;border-block:3px solid var(--ink)}.nutrition-table-wrap .notice{line-height:1.6}
@media(max-width:850px){.simple-hero.campaign-hero{min-height:540px;gap:1%;padding:0 5%}.campaign-hero .hero-copy h1,body.th .campaign-hero .hero-copy h1{font-size:9vw}.campaign-hero .hero-copy{padding:40px 0}.campaign-hero .campaign-art{max-width:420px}.nutrition-section{gap:5%}}
@media(max-width:580px){.simple-hero.campaign-hero{grid-template-columns:1fr;padding:0 7%;gap:0}.campaign-hero .hero-copy{padding:38px 0 20px}.campaign-hero .hero-copy h1,body.th .campaign-hero .hero-copy h1{font-size:18vw}.campaign-hero .campaign-art{max-width:310px;width:100%;justify-self:center;margin:0 auto}.campaign-hero .hero-copy>p{font-size:17px}.nutrition-section{grid-template-columns:1fr;gap:35px}.nutrition-table{font-size:14px}.nutrition-table th,.nutrition-table td{padding:11px 4px}.nutrition-table thead th:last-child{max-width:110px}}
@media(prefers-reduced-motion:reduce){.campaign-image{animation:none}}

/* Full-bleed campaign: clear slogan, oversized artwork and slow continuous motion. */
.simple-hero.campaign-hero{position:relative;isolation:isolate;grid-template-columns:46% 54%;padding:0;gap:0;min-height:clamp(650px,57vw,880px);background:#0648d7}
.campaign-hero .hero-copy{padding:64px 0 64px 5vw;z-index:2;min-width:0}
.campaign-hero .hero-copy h1,body.th .campaign-hero .hero-copy h1{font-size:clamp(72px,8.6vw,148px);line-height:1.08}
.campaign-hero .hero-copy h1 span{color:#fff}
.campaign-hero .hero-copy h1 span:last-child{color:#DAE366}
.campaign-hero .campaign-art{position:absolute;inset:0 0 0 auto;width:54%;max-width:none;height:100%;margin:0;overflow:hidden;align-self:stretch;z-index:0}
.campaign-hero .campaign-image{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 48%;animation:campaign-drift 9s ease-in-out infinite;transform-origin:center;will-change:transform}
.campaign-hero .campaign-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0648d7 0%,transparent 20%)}
@keyframes campaign-drift{0%,100%{transform:translate3d(0,12px,0) scale(1.07) rotate(-1deg)}50%{transform:translate3d(-8px,-12px,0) scale(1.1) rotate(1deg)}}
.supply-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.supply-options .business-card{padding:30px}
.supply-options .business-card h3{font-size:clamp(26px,2.6vw,38px)}
.supply-options .business-card p{flex:initial}
.supply-options .business-card .muted{margin-top:auto;padding-top:12px}
@media(max-width:850px){.simple-hero.campaign-hero{min-height:610px;padding:0;gap:0}.campaign-hero .hero-copy{padding:48px 0 48px 5vw}.campaign-hero .hero-copy h1,body.th .campaign-hero .hero-copy h1{font-size:8.7vw}.campaign-hero .hero-copy>p{max-width:310px}.campaign-hero .campaign-art{width:54%;max-width:none}.supply-options{grid-template-columns:1fr}.supply-options .business-card{padding:30px}.supply-options .business-card h3{font-size:34px}}
@media(max-width:580px){.simple-hero.campaign-hero{display:flex;flex-direction:column;min-height:0;padding:0;gap:0}.campaign-hero .hero-copy{width:100%;padding:38px 7% 28px}.campaign-hero .hero-copy h1,body.th .campaign-hero .hero-copy h1{font-size:18vw;margin:20px 0}.campaign-hero .campaign-art{position:relative;inset:auto;flex:none;width:100%;max-width:none;height:125vw;max-height:720px;margin:0}.campaign-hero .campaign-image{object-position:center}.campaign-hero .campaign-art:after{background:linear-gradient(180deg,#0648d7 0%,transparent 12%)}.campaign-hero .hero-copy>p{max-width:100%}.supply-options .business-card h3{font-size:31px}}
@media(prefers-reduced-motion:reduce){.campaign-hero .campaign-image{animation:none;transform:none;will-change:auto}}

/* Character first; supplied blue bottle campaign accompanies the product. */
.simple-hero.fox-home{background:var(--sand);color:var(--ink);grid-template-columns:1fr 1fr;min-height:660px;padding:35px 5%;gap:3%}
.fox-home .hero-copy{padding:35px 0}
.fox-home .hero-copy h1 span{display:block;color:var(--blue)}
.fox-home .hero-copy h1 span:last-child{color:var(--ink)}
.fox-home .eyebrow,.fox-home .hero-copy>p,.fox-home .textlink{color:var(--ink)}
.fox-home .button{background:var(--blue);border-color:var(--blue);color:white}
.fox-home .fox-coconut-art{position:relative;width:100%;height:auto;max-width:none;margin:0;align-self:center;display:flex;justify-content:center}
.fox-coconut-frame{width:min(100%,380px);aspect-ratio:280/410;overflow:hidden;mix-blend-mode:multiply}
.fox-coconut-frame img{width:100%;height:auto;max-width:none}
.simple-product{grid-template-columns:.8fr 1.25fr 1.1fr;gap:4%}
.simple-product .product-campaign{height:auto;aspect-ratio:3/4;overflow:hidden;background:#0648d7}
.product-campaign-image{width:100%;height:100%;object-fit:cover;animation:product-float 9s ease-in-out infinite}
@keyframes product-float{0%,100%{transform:scale(1.03) translateY(0)}50%{transform:scale(1.05) translateY(-5px)}}
@media(max-width:850px){.simple-hero.fox-home{min-height:560px}.fox-coconut-frame{width:min(100%,310px)}.simple-product{grid-template-columns:1fr 1.1fr}.simple-product .product-title{grid-column:1/-1}}
@media(max-width:580px){.simple-hero.fox-home{display:flex;flex-direction:column;padding:0 7% 35px;gap:5px;min-height:0}.fox-home .hero-copy{padding:38px 0 20px}.fox-home .fox-coconut-art{width:100%;height:auto;margin:0}.fox-coconut-frame{width:min(85%,300px)}.simple-product{grid-template-columns:1fr;gap:30px}.simple-product .product-title{grid-column:auto}.simple-product .product-campaign{width:100%;height:auto;max-height:none;order:0}}
@media(prefers-reduced-motion:reduce){.product-campaign-image{animation:none}}

/* Use the owner's supplied transparent character and square bottle artwork. */
.fox-home .fox-coconut-art{align-self:end}
.fox-coconut-frame{width:100%;max-width:660px;aspect-ratio:1201/931;overflow:visible;mix-blend-mode:normal}
.simple-product .product-campaign{aspect-ratio:1/1}
@media(max-width:850px){.fox-coconut-frame{width:100%}}
@media(max-width:580px){.fox-home .fox-coconut-art{width:116.28%;align-self:center}.fox-coconut-frame{width:100%;max-width:none}}

/* English homepage: the full-size brand signature leads the opening. */
body[data-page="home"] header{background:var(--blue)}
.simple-hero.fox-home.brand-home{background:var(--blue);color:white;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px 4%;min-height:0;padding:24px 5% 0;overflow:hidden}
.brand-home .opening-wordmark{grid-column:1/-1;width:100%;position:relative;z-index:2}
.brand-home .opening-wordmark img{width:100%;height:auto;filter:brightness(0) invert(1)}
.brand-home .hero-copy{grid-column:1;grid-row:2;align-self:center;padding:24px 0 60px 2vw}
.brand-home .hero-copy h1{font-size:clamp(48px,5.6vw,84px);line-height:1.08;margin:16px 0 22px}
.brand-home .hero-copy h1 span,.brand-home .hero-copy h1 span:last-child{color:var(--lime)}
.brand-home .eyebrow,.brand-home .hero-copy>p,.brand-home .textlink{color:white}
.brand-home .eyebrow{font-size:12px;margin-bottom:15px}
.brand-home .hero-copy>p{font-size:18px;max-width:400px}
.brand-home .button{background:white;color:var(--blue);border-color:white;box-shadow:none}
.brand-home .fox-coconut-art{grid-column:2;grid-row:2;width:115%;margin-left:-7.5%;align-self:end}
.brand-home .fox-coconut-frame{max-width:none;width:100%}
@media(max-width:850px){.simple-hero.fox-home.brand-home{gap:14px 3%;padding-top:18px}.brand-home .hero-copy{padding:22px 0 40px}.brand-home .hero-copy h1{font-size:6.8vw}.brand-home .hero-copy>p{font-size:16px}}
@media(max-width:580px){.simple-hero.fox-home.brand-home{display:flex;flex-direction:column;padding:14px 6% 30px;gap:0}.brand-home .opening-wordmark{order:0}.brand-home .fox-coconut-art{order:1;width:94%;max-width:360px;margin:0 auto -8px;align-self:center}.brand-home .hero-copy{order:2;padding:0;width:100%;text-align:center}.brand-home .hero-copy h1{font-size:clamp(34px,9.7vw,52px);margin:10px 0 14px}.brand-home .hero-copy h1 span{display:inline;white-space:normal}.brand-home .hero-copy h1 span+span:before{content:' '}.brand-home .eyebrow{font-size:10px;margin:0 0 10px}.brand-home .hero-copy>p{font-size:15px;line-height:1.5;margin:0 auto;max-width:330px}.brand-home .actions{justify-content:center;gap:18px;margin-top:20px}}

/* The fox's aside sits beside the bottle, above the product introduction. */
.simple-product .fox-product-comment{font-size:clamp(21px,2.1vw,29px);line-height:1.3;letter-spacing:-.025em;color:var(--blue);margin:0 0 28px;padding-left:17px;border-left:3px solid var(--blue)}
.fox-product-comment span{display:block;font-size:12px;line-height:1.5;letter-spacing:.03em;margin-top:10px}

/* Approved English homepage sections. */
.revised-product{background:var(--sand)}
.product-heading{margin-bottom:42px}.product-heading h2{font-size:clamp(42px,5.5vw,78px);margin:0}.product-heading h2 span{display:block;font-size:.58em;line-height:1.3;margin-top:8px;font-weight:500}
.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.product-photo .product-campaign{width:100%;height:auto;aspect-ratio:1/1;overflow:hidden;background:var(--blue)}
.product-copy>p{font-size:18px}.product-copy .product-promise{font-weight:650;color:var(--blue);font-size:22px;margin:26px 0 20px}.product-copy .product-facts{font-size:14px;margin-bottom:28px}
.fox-says{display:flex;align-items:center;gap:18px;margin-bottom:30px}.fox-says img{width:100px;height:116px;object-fit:contain}.fox-says p{position:relative;margin:0;border:1.5px solid var(--ink);background:white;border-radius:16px;padding:18px 22px;font-size:23px;line-height:1.25;font-weight:600;letter-spacing:-.03em}.fox-says p:before{content:'';position:absolute;width:13px;height:13px;background:white;border-left:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);left:-8px;top:45%;transform:rotate(45deg)}
.revised-quality .section-heading{max-width:850px}.revised-quality .section-heading p{max-width:760px}.revised-quality .actions,.revised-wholesale .actions,.revised-notes .actions{justify-content:center}
.homepage-supply{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.homepage-supply .business-card{padding:30px}.homepage-supply h3{font-size:30px;line-height:1.15}.homepage-supply p{margin-bottom:0}
.revised-notes{background:var(--sky)}.notes-intro{display:grid;grid-template-columns:1fr 180px;gap:40px;align-items:center;margin-bottom:40px}.notes-intro p{font-size:18px;max-width:560px}.notes-fox img{height:190px;width:100%;object-fit:contain}.note-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.note-cards blockquote{margin:0;padding:30px;background:var(--sand);border:1.5px solid var(--ink);border-radius:6px;box-shadow:4px 4px 0 var(--ink)}.note-cards blockquote:nth-child(2){background:var(--lime)}.note-cards blockquote:nth-child(3){background:var(--blue);color:white}.note-cards span{font-size:11px;letter-spacing:.09em}.note-cards p{font-size:clamp(25px,2.8vw,36px);font-weight:650;letter-spacing:-.035em;line-height:1.2;margin:28px 0 0}
.final-order{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--lime)}.final-order h2{font-size:clamp(34px,4vw,56px);max-width:720px;margin-bottom:16px}.final-order p{font-size:20px;margin:0}.final-order .button{flex-shrink:0;background:var(--blue);color:white;border-color:var(--blue)}
@media(max-width:1100px){body[data-page="home"] nav{font-size:13px;gap:16px}.homepage-supply h3{font-size:26px}}
@media(max-width:850px){.product-layout{gap:5%}.homepage-supply{grid-template-columns:1fr}.notes-intro{grid-template-columns:1fr 130px;gap:20px}.notes-fox img{height:160px}.note-cards{gap:15px}.note-cards blockquote{padding:23px}.fox-says{gap:12px}.fox-says img{width:75px;height:90px}.fox-says p{font-size:19px;padding:15px}}
@media(max-width:580px){.product-heading{margin-bottom:28px}.product-layout{grid-template-columns:1fr;gap:28px}.product-copy>p{font-size:17px}.fox-says img{width:85px;height:100px}.fox-says p{font-size:21px;padding:17px 20px}.product-copy .product-promise{font-size:22px}.notes-intro{grid-template-columns:1fr 95px;gap:12px;margin-bottom:28px}.notes-intro h2{font-size:34px}.notes-intro p{font-size:16px}.notes-fox img{height:135px}.note-cards{grid-template-columns:1fr;gap:20px}.note-cards p{font-size:31px;margin-top:20px}.final-order{display:block;text-align:center}.final-order p{font-size:18px}.final-order .button{margin-top:25px}}

/* English revision: supplied blue mark, reclining character and open typography. */
body header .logo img{filter:none;height:28px;object-fit:cover}
.brand-home .opening-wordmark{aspect-ratio:1000/155;overflow:hidden}
.brand-home .opening-wordmark img{filter:none;width:100%;height:100%;object-fit:cover}
.brand-home .fox-coconut-frame{aspect-ratio:1.4;overflow:hidden}
.brand-home .fox-coconut-frame img{width:100%;height:100%;object-fit:cover}
body h1,body h2,body h3{letter-spacing:0;line-height:1.22}
body .hero-copy h1,.brand-home .hero-copy h1{letter-spacing:.012em;line-height:1.2}
body .product-heading h2{letter-spacing:0;line-height:1.2}
body .product-heading h2 span{line-height:1.4}
body .homepage-supply h3{letter-spacing:0;line-height:1.25}
body footer .footer-top h2{letter-spacing:.01em;line-height:1.2}
body .fox-says p,body .note-cards p{letter-spacing:0;line-height:1.3}
@media(max-width:580px){.brand-home .fox-coconut-art{width:116%;max-width:none;margin:8px -8% 15px;align-self:center}.brand-home .hero-copy h1{letter-spacing:.012em;line-height:1.22}.notes-intro h2{font-size:32px}}

/* English homepage refinements requested after review. */
body[data-page="home"] header .logo{display:none}
body[data-page="home"] header{justify-content:flex-end}
.brand-home .opening-wordmark img{filter:brightness(0) invert(1)}
.revised-product .product-heading h2{white-space:nowrap}
@media(max-width:580px){.revised-product .product-heading h2{font-size:clamp(24px,8.5vw,46px)}.fox-says img{width:105px;height:108px}.brand-home .hero-copy>p{max-width:360px}}

/* English coconut water page: eight product-led sections. */
body[data-page="water"]{background:var(--sand)}
.water-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;background:var(--blue);color:white;padding-top:65px;padding-bottom:65px}
.water-opening h1{font-size:clamp(52px,5.7vw,86px);line-height:1.15;max-width:650px;margin-bottom:24px}.water-manifesto{font-size:clamp(25px,2.9vw,40px);line-height:1.45;margin-bottom:30px;color:var(--lime)}.water-manifesto span{display:block}.water-opening-copy>p{font-size:18px;max-width:480px}.water-size{font-size:14px}.water-opening-image .product-campaign{aspect-ratio:1/1;overflow:hidden}.water-opening .button{color:var(--blue);border-color:white;box-shadow:none}
.water-namhom{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;background:var(--lime)}.water-namhom p{font-size:18px}.water-namhom .water-lead{font-size:32px;line-height:1.3;font-weight:600}.water-namhom .water-emphasis{font-size:24px;font-weight:650}.water-origin{font-size:14px;border-top:1px solid #243a2050;padding-top:22px}
.water-journey{background:var(--sand)}.water-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.water-steps li{border-top:2px solid var(--blue);padding-top:24px}.water-step-number{font-size:32px;color:var(--blue);font-weight:650;display:block;margin-bottom:24px}.water-steps h3{font-size:23px}.water-steps p{font-size:15px}.water-ownership{font-size:24px;line-height:1.5;text-align:center;margin:40px auto 0;max-width:700px}
.water-pressure{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;background:var(--blue);color:white;align-items:center}.water-pressure h2{color:var(--lime)}.water-pressure p{font-size:18px}.water-pressure .water-pressure-note{font-size:14px;color:var(--sky)}.water-pressure-stat{text-align:center}.pressure-value{display:block;font-size:clamp(64px,8.6vw,130px);line-height:1.05;letter-spacing:.015em;font-weight:700}.pressure-unit{font-size:25px;letter-spacing:.18em}.water-pressure-stat p{margin:18px auto 0}.water-pressure-stat img{width:100%;height:240px;object-fit:cover;object-position:center}
.water-ingredients{background:var(--sky)}.water-ingredients h2{font-size:clamp(45px,6vw,86px)}.water-ingredients ul{list-style:none;padding:0;margin:35px 0 0;display:flex;flex-wrap:wrap;gap:12px}.water-ingredients li{padding:11px 18px;border:1px solid var(--ink);border-radius:5px;font-size:16px;background:#ffffff35}
.water-nutrition{background:white;display:grid;grid-template-columns:1fr 1.3fr;gap:8%;align-items:start}.water-nutrition-highlights{display:flex;gap:30px;margin:30px 0}.water-nutrition-highlights strong{display:block;color:var(--blue);font-size:60px;line-height:1.1}.water-nutrition-highlights span{font-size:13px;display:block}.water-nutrition-table table{width:100%;border-collapse:collapse;font-size:16px}.water-nutrition-table caption{text-align:left;font-size:22px;font-weight:650;margin-bottom:18px}.water-nutrition-table td,.water-nutrition-table th{padding:14px 5px;border-bottom:1px solid #243a2030;text-align:right}.water-nutrition-table tbody th{font-weight:500;text-align:left}.water-nutrition-table thead th{font-size:13px;border-block:2px solid var(--ink)}.water-nutrition-table thead th:first-child{text-align:left}.water-nutrition-table tbody tr:first-child{font-weight:700}.water-nutrition-table .notice{margin-top:20px;line-height:1.6}.water-report{border-top:1px solid #243a2030;margin-top:28px;padding-top:18px}.water-report summary{cursor:pointer;font-weight:600;font-size:15px}.water-report img{width:100%;height:auto;margin:18px 0}.water-report .textlink{font-size:13px}
.water-enjoy{background:var(--lime)}.water-enjoy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.water-enjoy-cards article{border-top:1px solid var(--ink);padding-top:22px}.water-enjoy-cards span{display:block;font-size:13px;margin-bottom:25px}.water-enjoy-cards h3{font-size:29px}.water-storage{margin:32px auto 0;max-width:750px;text-align:center;font-size:14px;line-height:1.6}
.water-order{display:grid;grid-template-columns:.8fr 1fr;gap:10%;background:var(--sand);align-items:center}.water-order-fox img{height:330px;width:100%;object-fit:contain}.water-order h2{font-size:clamp(46px,6vw,80px)}.water-order p{font-size:22px}.water-order-wholesale{margin-top:28px;font-size:14px}
@media(max-width:1100px){.water-steps{grid-template-columns:repeat(3,1fr);gap:28px}.water-steps h3{font-size:25px}}
@media(max-width:850px){.water-opening{gap:4%;padding-top:45px;padding-bottom:45px}.water-opening h1{font-size:48px}.water-opening-copy>p{font-size:16px}.water-nutrition{gap:5%}.water-nutrition-highlights{gap:18px}.water-nutrition-highlights strong{font-size:48px}.water-pressure-stat img{height:190px}}
@media(max-width:580px){.water-opening{grid-template-columns:1fr;gap:30px}.water-opening h1{font-size:clamp(43px,12vw,64px)}.water-manifesto{font-size:28px;margin-bottom:22px}.water-opening-copy>p{font-size:17px}.water-namhom,.water-pressure,.water-nutrition,.water-order{grid-template-columns:1fr;gap:30px}.water-namhom .water-lead{font-size:27px}.water-steps{grid-template-columns:1fr;gap:0}.water-steps li{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:24px 0}.water-step-number{font-size:26px;margin:0}.water-steps h3{margin-bottom:10px}.water-steps p{font-size:16px;margin-bottom:0}.water-ownership{font-size:21px;margin-top:25px}.pressure-value{font-size:90px}.water-pressure-stat img{height:210px;width:100%;max-width:350px;margin:auto}.water-ingredients h2{font-size:43px}.water-ingredients li{font-size:14px;padding:10px 14px}.water-nutrition-table table{font-size:14px}.water-nutrition-table thead th{font-size:12px}.water-nutrition-highlights strong{font-size:58px}.water-enjoy-cards{grid-template-columns:1fr;gap:20px}.water-enjoy-cards article{padding-top:20px}.water-enjoy-cards span{margin-bottom:10px}.water-enjoy-cards h3{font-size:27px;margin-bottom:12px}.water-storage{text-align:left}.water-order{text-align:center}.water-order-fox img{height:240px}.water-order .actions{justify-content:center}}

/* Farm page: green, cream and orange, grounded in the owner's photography. */
body[data-page="farm"]{background:var(--sand)}
.farm-opening{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center;background:var(--ink);color:var(--sand);padding-top:65px;padding-bottom:70px}
.farm-opening h1{font-size:clamp(45px,5.3vw,76px);line-height:1.19;color:var(--lime);margin-bottom:28px}.farm-opening-copy p{font-size:18px;max-width:490px}.farm-opening .eyebrow{color:var(--sky);font-size:11px;line-height:1.7}
.farm-opening-art{position:relative;padding-bottom:35px}.farm-opening figure,.farm-history figure{margin:0}.farm-opening figure>img{width:100%;height:490px;object-fit:cover;object-position:center 60%;border-radius:100px 6px 6px 6px}.farm-opening figcaption{font-size:11px;margin-top:12px;padding-right:170px;color:var(--sand)}
.farm-bush-fox{position:absolute;right:-30px;bottom:-5px;width:250px;height:140px;overflow:hidden;pointer-events:none}.farm-bush-fox img{width:250px;height:250px;max-width:none;transform:translateY(-76px)}
.farm-history{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center;background:var(--sand)}.farm-history figure>img{height:390px;width:100%;object-fit:cover;object-position:center;border-radius:6px}.farm-history figcaption{font-size:12px;margin-top:12px}.farm-history h2{font-size:clamp(36px,4vw,58px)}.farm-history p{font-size:18px;max-width:560px}
.farm-variety{background:var(--ink);color:var(--sand);text-align:center}.farm-variety h2{color:var(--lime);font-size:clamp(55px,7vw,95px);margin-bottom:25px}.farm-variety p{font-size:21px;max-width:700px;margin:0 auto}.farm-variety-signature{font-size:11px;letter-spacing:.08em;padding-top:28px;margin:28px auto 0;border-top:1px solid #fbf2e640;max-width:700px}
.farm-selection{display:grid;grid-template-columns:1.3fr .8fr;gap:10%;align-items:center;background:var(--orange)}.farm-selection h2{font-size:clamp(39px,4.5vw,66px)}.farm-selection p{font-size:18px;max-width:650px}.farm-approve-fox{height:320px;overflow:hidden;position:relative}.farm-approve-fox img{width:100%;height:400px;object-fit:cover;object-position:center;transform:translateY(-60px)}
.farm-finish{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--sand)}.farm-finish h2{font-size:clamp(38px,4.5vw,64px)}.farm-finish p{font-size:19px;margin:0}.farm-finish .button{flex-shrink:0;color:var(--blue)}
@media(max-width:850px){.farm-opening{gap:5%}.farm-opening h1{font-size:46px}.farm-opening figure>img{height:430px}.farm-history{gap:7%}.farm-history figure>img{height:350px}.farm-selection{gap:5%}.farm-approve-fox{height:265px}.farm-approve-fox img{height:350px}}
@media(max-width:580px){.farm-opening,.farm-history,.farm-selection{grid-template-columns:1fr;gap:32px}.farm-opening{padding-top:40px;padding-bottom:42px}.farm-opening h1{font-size:clamp(40px,11.3vw,60px)}.farm-opening-copy p,.farm-history p,.farm-selection p{font-size:17px}.farm-opening .eyebrow{font-size:10px}.farm-opening-art{padding-bottom:50px}.farm-opening figure>img{height:390px;border-radius:65px 5px 5px 5px}.farm-opening figcaption{padding-right:0;font-size:10px;max-width:160px}.farm-bush-fox{right:-15px;bottom:-4px;width:205px;height:116px}.farm-bush-fox img{width:205px;height:205px;transform:translateY(-61px)}.farm-history figure>img{height:300px}.farm-history h2{font-size:37px}.farm-variety h2{font-size:52px}.farm-variety p{font-size:18px}.farm-variety-signature{font-size:10px}.farm-selection h2{font-size:39px}.farm-approve-fox{height:235px;width:260px;justify-self:center}.farm-approve-fox img{height:315px;transform:translateY(-60px)}.farm-finish{display:block}.farm-finish h2{font-size:39px}.farm-finish .button{margin-top:28px}.farm-finish p{font-size:17px}}

/* The Fox: a light, spacious illustrated story. */
body[data-page="story"]{background:var(--sand)}
.fox-story-opening{background:var(--sand);display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;padding-top:65px;padding-bottom:55px}.fox-story-opening h1{color:var(--blue);font-size:clamp(48px,5.7vw,86px);line-height:1.18}.fox-story-opening p{font-size:21px}.fox-story-opening-art{aspect-ratio:1.3;overflow:hidden}.fox-story-opening-art img{width:100%;height:100%;object-fit:cover}.fox-story-chapters{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:30px;font-size:12px}.fox-story-chapters a{border-bottom:1px solid #243a2040;padding-bottom:5px}.fox-chapter-mark{font-size:14px;font-weight:600;letter-spacing:.06em;margin-bottom:22px}
.fox-story-past{display:grid;grid-template-columns:45px 1.4fr .7fr;gap:4%;background:var(--blue);color:white;align-items:center}.fox-story-past>.fox-chapter-mark{align-self:start;color:var(--sky)}.fox-story-past h2{color:var(--lime)}.fox-story-past p{font-size:18px}.fox-past-art img{width:100%;max-height:230px;object-fit:contain}
.fox-story-farm{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;background:var(--lime);align-items:center}.fox-farm-copy p{font-size:18px}.fox-farm-copy blockquote{font-size:25px;font-weight:600;line-height:1.4;margin:30px 0 0;border-left:3px solid var(--ink);padding-left:22px}.fox-farm-art{height:320px;overflow:hidden}.fox-farm-art img{width:100%;height:440px;object-fit:cover;transform:translateY(-95px)}
.fox-story-today{background:var(--sky)}.fox-today-intro{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.fox-today-intro h2{font-size:clamp(56px,7vw,96px)}.fox-investigating{font-size:clamp(26px,3vw,42px);line-height:1.3;font-weight:600;max-width:460px}.fox-today-art{aspect-ratio:1.4;overflow:hidden}.fox-today-art img{width:100%;height:100%;object-fit:cover}.fox-today-copy{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:30px;border-top:1px solid #243a2050;padding-top:30px}.fox-today-copy p{font-size:18px;margin-bottom:0}
.fox-story-notebook{background:var(--sand);display:grid;grid-template-columns:1.4fr .8fr;gap:9%;align-items:center}.fox-story-notebook h2{font-size:clamp(36px,4.5vw,64px)}.fox-story-notebook p{font-size:18px}.fox-notebook-quote{padding:25px 0;margin-bottom:28px;border-block:1px solid #243a2040}.fox-notebook-quote span{font-size:11px;letter-spacing:.07em}.fox-notebook-quote blockquote{margin:16px 0 0;color:var(--blue);font-size:29px;font-weight:600;line-height:1.35}.fox-notebook-art{height:330px;overflow:hidden}.fox-notebook-art img{width:100%;height:425px;object-fit:cover;transform:translateY(-60px)}
.fox-story-welcome{background:var(--orange);text-align:center}.fox-story-welcome p{font-size:18px;max-width:800px;margin:0 auto 28px}.fox-story-welcome h2{font-size:clamp(36px,4.6vw,66px);margin:0;line-height:1.25}.fox-story-finish{background:white;display:flex;align-items:center;justify-content:space-between;gap:35px}.fox-story-finish h2{font-size:clamp(38px,4.5vw,64px)}.fox-story-finish p{font-size:20px;margin-bottom:0}.fox-story-finish .button{flex-shrink:0;color:var(--blue)}
body[data-page="story"] section[id]{scroll-margin-top:25px}
@media(max-width:850px){.fox-story-opening h1{font-size:50px}.fox-story-past{grid-template-columns:28px 1.2fr .7fr}.fox-farm-art{height:260px}.fox-farm-art img{height:360px;transform:translateY(-80px)}.fox-notebook-art{height:260px}.fox-notebook-art img{height:350px}}
@media(max-width:580px){.fox-story-opening,.fox-story-farm,.fox-story-notebook{grid-template-columns:1fr;gap:28px}.fox-story-opening{padding-top:40px;padding-bottom:35px}.fox-story-opening h1{font-size:clamp(41px,11.5vw,62px)}.fox-story-opening p{font-size:18px}.fox-story-opening-art{width:116%;margin:0 -8%}.fox-story-chapters{gap:10px 17px;font-size:11px}.fox-story-past{grid-template-columns:1fr;gap:12px}.fox-story-past>.fox-chapter-mark{margin-bottom:5px}.fox-story-past p,.fox-farm-copy p,.fox-today-copy p,.fox-story-notebook p{font-size:17px}.fox-past-art img{height:180px;margin:auto}.fox-farm-copy blockquote{font-size:23px;padding-left:17px}.fox-farm-art{height:225px;max-width:350px;width:100%;margin:auto}.fox-farm-art img{height:330px;transform:translateY(-80px)}.fox-today-intro{grid-template-columns:1fr;gap:15px}.fox-today-intro h2{font-size:60px;margin-bottom:18px}.fox-investigating{font-size:29px}.fox-today-art{width:116%;margin:0 -8%}.fox-today-copy{grid-template-columns:1fr;gap:20px;margin-top:20px;padding-top:24px}.fox-story-notebook h2{font-size:36px}.fox-notebook-quote blockquote{font-size:25px}.fox-notebook-art{height:225px;width:260px;margin:auto}.fox-notebook-art img{height:330px;transform:translateY(-65px)}.fox-story-welcome h2{font-size:34px}.fox-story-welcome p{font-size:17px}.fox-story-finish{display:block}.fox-story-finish h2{font-size:38px}.fox-story-finish .button{margin-top:27px}}

/* Subtle, pointer-triggered motion for English pages; no content depends on hover. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body :is(.quality-cards>article,.business-card,.note-cards>blockquote,.water-enjoy-cards>article,.origin-panel,.contact-box){transition:translate 220ms ease-out}
 body :is(.quality-cards>article,.business-card,.note-cards>blockquote,.water-enjoy-cards>article,.origin-panel,.contact-box):is(:hover,:focus-within){translate:0 -5px}
 body :is(.hero-art,.story-visual,.fox-says>img,.notes-fox,.water-order-fox,.farm-bush-fox,.farm-approve-fox,.fox-story-opening-art,.fox-past-art,.fox-farm-art,.fox-today-art,.fox-notebook-art,.chapter img,.collab-fox){transition:translate 300ms ease-out,rotate 300ms ease-out}
 body :is(.hero-art,.story-visual,.fox-says>img,.notes-fox,.water-order-fox,.farm-bush-fox,.farm-approve-fox,.fox-story-opening-art,.fox-past-art,.fox-farm-art,.fox-today-art,.fox-notebook-art,.chapter img,.collab-fox):hover{translate:0 -4px;rotate:-1deg}
 body .product-campaign{transition:translate 300ms ease-out,rotate 300ms ease-out}
 body .product-campaign:hover{translate:0 -5px;rotate:1deg}
 body :is(.farm-opening figure>img,.farm-history figure>img){transition:scale 450ms ease-out}
 body :is(.farm-opening figure>img,.farm-history figure>img):hover{scale:1.015}
}
@media (prefers-reduced-motion:reduce){
 body :is(.button,.quality-cards>article,.business-card,.note-cards>blockquote,.water-enjoy-cards>article,.origin-panel,.contact-box,.hero-art,.story-visual,.fox-says>img,.notes-fox,.water-order-fox,.farm-bush-fox,.farm-approve-fox,.fox-story-opening-art,.fox-past-art,.fox-farm-art,.fox-today-art,.fox-notebook-art,.chapter img,.collab-fox,.product-campaign,.farm-opening figure>img,.farm-history figure>img){transition:none;translate:none;rotate:none;scale:none}
 body .button:hover{transform:none}
}

/* Product page: a printed-photo frame and separate pressure/fox rows. */
.water-opening-image{padding:clamp(10px,1.3vw,18px);padding-bottom:clamp(28px,3vw,42px);background:#fff;box-shadow:0 14px 32px #00296b40;min-width:0}
.water-pressure-stat{display:flex;flex-direction:column;align-items:center;gap:24px;min-width:0}
.water-pressure-number{width:100%;position:relative;flex:none}
.water-pressure-stat .pressure-value{font-size:clamp(64px,8vw,116px);line-height:1.15;white-space:nowrap}
.water-pressure-stat .pressure-unit{display:block;line-height:1.4;margin-top:4px}
.water-pressure-stat p{margin:12px auto 0}
.water-pressure-fox{width:100%;max-width:360px;aspect-ratio:1/1;overflow:hidden;flex:none}
.water-pressure-stat .water-pressure-fox img{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:contain;object-position:center;transform:none}
@media(max-width:580px){.water-pressure-stat{gap:18px}.water-pressure-stat .pressure-value{font-size:clamp(64px,20vw,100px)}.water-pressure-fox{max-width:300px}}

/* The revised fox story: a sip, a home, and a few thoughts. */
.fox-revised-opening{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:6%;background:var(--sand)}
.fox-revised-opening h1{font-size:clamp(42px,5.3vw,78px);color:var(--blue);margin-bottom:32px}
.fox-revised-opening p,.fox-revised-name p,.fox-revised-wait p,.fox-revised-notes p,.fox-revised-finish>p{font-size:19px;line-height:1.7}
.fox-revised-opening .fox-story-beat{font-size:27px;font-weight:600;color:var(--blue);margin:25px 0}
.fox-revised-name{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:center;background:var(--lime)}
.fox-revised-name h2{font-size:clamp(44px,6.4vw,90px);color:var(--blue);margin:32px 0 0}
.fox-revised-wait{display:grid;grid-template-columns:1.4fr .65fr;gap:12%;align-items:center;background:var(--sky)}
.fox-revised-wait p{font-size:clamp(21px,2.25vw,30px);max-width:740px;margin:0;line-height:1.65}
.fox-revised-wait .fox-past-art img{width:100%;max-height:270px;object-fit:contain}
.fox-revised-notes{background:var(--sand)}
.fox-notes-introduction{display:grid;grid-template-columns:1.35fr .7fr;gap:10%;align-items:center}
.fox-notes-introduction h2{color:var(--blue);font-size:clamp(46px,6vw,80px)}
.fox-notes-introduction .fox-notebook-art{height:230px}
.fox-notes-introduction .fox-notebook-art img{height:310px;transform:translateY(-45px)}
.fox-note-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}
.fox-note-pages article{background:white;padding:30px 25px;border-top:5px solid var(--blue);box-shadow:0 5px 0 #243a2010;display:flex;align-items:center;min-height:180px}
.fox-note-pages article:last-child{background:var(--lime)}
.fox-note-pages article p{font-size:clamp(22px,2.25vw,31px);font-weight:600;line-height:1.4;margin:0}
.fox-revised-finish{background:var(--orange);text-align:center}
.fox-revised-finish>p{max-width:660px;margin:0 auto 24px}
.fox-revised-finish h2{font-size:clamp(40px,5.5vw,76px);margin-bottom:35px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.fox-note-pages article{transition:transform 250ms ease-out,box-shadow 250ms ease-out}.fox-note-pages article:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 10px 0 #243a2010}}
@media(max-width:850px){.fox-revised-opening{gap:4%}.fox-revised-opening h1{font-size:46px}.fox-revised-name{gap:5%}.fox-note-pages{gap:16px}.fox-note-pages article{padding:24px 18px}}
@media(max-width:580px){.fox-revised-opening,.fox-revised-name,.fox-revised-wait,.fox-notes-introduction{grid-template-columns:1fr;gap:25px}.fox-revised-opening h1{font-size:clamp(38px,10.5vw,58px)}.fox-revised-opening .fox-story-opening-art{width:100%;margin:0}.fox-revised-opening p,.fox-revised-name p,.fox-revised-notes p,.fox-revised-finish>p{font-size:17px}.fox-revised-name .fox-farm-art{order:2}.fox-revised-name h2{font-size:48px;margin-top:26px}.fox-revised-wait p{font-size:22px}.fox-revised-wait .fox-past-art img{height:200px}.fox-notes-introduction .fox-notebook-art{display:none}.fox-note-pages{grid-template-columns:1fr;gap:16px;margin-top:26px}.fox-note-pages article{min-height:110px;padding:24px}.fox-note-pages article p{font-size:25px}.fox-revised-finish h2{font-size:39px}}

/* Requested story photo, unbroken name and Instagram invitation. */
.fox-revised-opening .fox-sleeping-photo{aspect-ratio:1/1;width:100%;margin:0;overflow:hidden}
.fox-revised-opening .fox-sleeping-photo img{width:100%;height:100%;object-fit:contain}
.fox-revised-name>div:last-child{min-width:0;container-type:inline-size}
.fox-revised-name h2.fox-name-line{white-space:nowrap;font-size:clamp(26px,4.4vw,64px);font-size:clamp(24px,12cqi,64px);letter-spacing:-.025em}
.fox-notes-more{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:34px}
.fox-notes-more>span{font-size:14px;color:var(--blue)}
@media(max-width:580px){.fox-revised-name h2.fox-name-line{font-size:clamp(26px,9vw,48px)}.fox-notes-more{gap:14px}.fox-notes-more .button{font-size:14px}}

/* Keep the supplied second story illustration complete at every width. */
.fox-revised-name .fox-coconut-pile-photo{width:100%;height:auto;max-width:none;aspect-ratio:1/1;margin:0;overflow:hidden}
.fox-revised-name .fox-coconut-pile-photo img{width:100%;height:100%;object-fit:contain;transform:none}

/* English wholesale: choose a format, understand supply, start a conversation. */
.wholesale-opening{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;background:var(--sky)}
.wholesale-opening h1{font-size:clamp(48px,5.8vw,84px);color:var(--ink);margin-bottom:28px}
.wholesale-opening p{font-size:21px;max-width:520px}
.wholesale-photo{margin:0;padding:14px 14px 20px;background:white;box-shadow:0 12px 28px #243a2018}
.wholesale-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.wholesale-photo figcaption{font-size:12px;padding-top:14px;line-height:1.6}
.wholesale-options{background:var(--sand);scroll-margin-top:24px}
.wholesale-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wholesale-option-grid .wholesale-option{padding:28px;border:1px solid #243a2030;background:white;min-width:0}
.wholesale-option-grid .wholesale-option:nth-child(2){background:var(--sky)}
.wholesale-option-grid .wholesale-option:nth-child(3){background:var(--lime)}
.wholesale-option-top{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:32px;font-size:11px;font-weight:650;letter-spacing:.05em}
.wholesale-option-top span:first-child{font-size:34px;color:var(--blue)}
.wholesale-option-grid h3{font-size:clamp(25px,2.5vw,35px)}
.wholesale-option-grid p{font-size:16px;flex:initial}
.wholesale-option-grid .wholesale-option-details{font-size:13px;padding-top:22px;border-top:1px solid #243a2030;margin-top:auto}
.wholesale-option-grid .textlink{font-size:14px;margin-top:12px}
.wholesale-origin{background:var(--ink);color:var(--sand);display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center}
.wholesale-origin figure{margin:0}.wholesale-origin img{width:100%;height:440px;object-fit:cover}
.wholesale-origin h2{color:var(--lime)}.wholesale-origin p{font-size:18px}.wholesale-origin ul{padding-left:20px;line-height:2;font-size:16px}.wholesale-origin .textlink{font-size:14px}
.wholesale-details{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;background:white}
.wholesale-questions details{padding:23px 0;border-bottom:1px solid #243a2030}.wholesale-questions details:first-child{padding-top:0}
.wholesale-questions summary{cursor:pointer;font-size:21px;font-weight:600;line-height:1.4}.wholesale-questions p{margin:18px 0 0;font-size:17px}.wholesale-questions .textlink{margin-top:18px;font-size:14px}
.wholesale-enquiry{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;background:var(--lime);scroll-margin-top:24px}
.wholesale-enquiry h2{color:var(--ink)}.wholesale-enquiry p{font-size:18px}.wholesale-enquiry ol{padding-left:24px;margin:30px 0 36px}.wholesale-enquiry li{padding-left:10px;margin:22px 0}.wholesale-enquiry li b,.wholesale-enquiry li span{display:block}.wholesale-enquiry li span{font-size:15px;margin-top:5px}
.wholesale-enquiry .form{background:white;padding:30px;border:0}.wholesale-enquiry .notice{font-size:13px}.wholesale-enquiry .status p{font-size:14px}
@media(max-width:1000px){.wholesale-option-grid{grid-template-columns:1fr}.wholesale-option-grid h3{font-size:32px}.wholesale-option-top{margin-bottom:20px}.wholesale-enquiry{gap:5%}.wholesale-enquiry .form .row{grid-template-columns:1fr;gap:0}.wholesale-origin img{height:380px}}
@media(max-width:580px){.wholesale-opening,.wholesale-origin,.wholesale-details,.wholesale-enquiry{grid-template-columns:1fr;gap:32px}.wholesale-opening h1{font-size:clamp(42px,11.5vw,65px)}.wholesale-opening p{font-size:18px}.wholesale-photo{padding:10px 10px 16px}.wholesale-origin img{height:300px}.wholesale-origin figure{order:2}.wholesale-questions summary{font-size:20px}.wholesale-enquiry .form{padding:25px 20px}.wholesale-enquiry .button{font-size:14px}.wholesale-enquiry h2{font-size:39px}}

.water-namhom .namhom-photo{display:block;width:100%;max-width:460px;aspect-ratio:1/1;height:auto;object-fit:cover;object-position:center;margin-top:30px}
.water-namhom .water-emphasis{max-width:610px;line-height:1.5}

/* Unified shop keeps the ordering-page cards and puts both channels side by side. */
body[data-page="shop"]{--page-bg:var(--sand)}
.shop-channel-grid{gap:24px;align-items:stretch}
.shop-channel-grid .business-card{padding:34px;min-width:0;background:white;display:flex;flex-direction:column}
.shop-channel-grid .shop-lineman{background:var(--sky);color:var(--ink)}
.shop-channel-grid h2{font-size:clamp(34px,3.8vw,54px);margin-bottom:22px}
.shop-channel-grid .business-card>p{flex:initial}
.shop-calculator{width:100%;margin:8px 0 26px}
.shop-calculator>label{display:block;font-size:15px;font-weight:600;margin-bottom:12px}
.bottle-counter{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;max-width:270px;border:1px solid var(--ink);border-radius:5px;overflow:hidden;background:white}
.bottle-counter button{border:0;background:var(--sand);color:var(--ink);font-size:27px;min-height:52px}
.bottle-counter button:disabled{opacity:.4;cursor:default}
.bottle-counter input{min-width:0;width:100%;border:0;text-align:center;font-size:22px;font-weight:600;color:var(--ink);appearance:textfield;-moz-appearance:textfield}
.bottle-counter input::-webkit-inner-spin-button,.bottle-counter input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.shop-presets{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 18px}
.shop-presets button{padding:9px 13px;border:1px solid #243a2040;background:white;color:var(--ink);border-radius:4px;font-size:14px}
.shop-presets button[aria-pressed="true"]{background:var(--blue);color:white;border-color:var(--blue)}
.shop-subtotal{border-top:1px solid #243a2030;margin-top:22px;padding-top:18px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.shop-subtotal span{font-size:14px}.shop-subtotal output{font-size:clamp(34px,3.4vw,48px);font-weight:700;color:var(--blue);line-height:1.2}
.shop-channel-grid .shop-delivery{font-size:14px;line-height:1.6;margin:18px 0 0}
.shop-channel-grid .shop-channel-cta{margin-top:auto;width:100%;background:var(--blue);color:white;border-color:var(--blue);box-shadow:none;min-height:54px;font-size:17px;text-align:center}
.shop-channel-grid .shop-lineman>.shop-delivery{margin-bottom:26px}
.shop-coconut{position:relative;width:210px;max-width:75%;aspect-ratio:1;margin:15px auto 22px}
.shop-coconut img{width:100%;height:100%;object-fit:contain}
.shop-coconut span{position:absolute;inset:0;display:grid;align-content:center;text-align:center;color:var(--ink);font-family:Anton,Impact,sans-serif;font-size:48px;line-height:1.05;padding-top:12px}
.shop-help{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:0}
.brand-home .opening-wordmark{aspect-ratio:auto;overflow:visible}
.brand-home .opening-wordmark img{display:block;width:100%;height:auto;object-fit:contain;filter:brightness(0) invert(1)}
@media(max-width:850px){.shop-channel-grid .business-card{padding:27px}.shop-channel-grid h2{font-size:35px}.shop-channel-grid .shop-channel-cta{font-size:15px}}
@media(max-width:580px){.shop-channel-grid{grid-template-columns:1fr;gap:24px}.shop-channel-grid .business-card{padding:27px 23px}.shop-channel-grid h2{font-size:36px}.shop-help{grid-template-columns:1fr;gap:30px}.shop-coconut{width:180px}.shop-coconut span{font-size:43px}.shop-channel-grid .shop-channel-cta{font-size:16px}}

/* Consistent floating navigation on every page. */
header{padding-inline:6%}
header .header-actions{margin-left:auto;padding-right:58px}
#menu{display:grid;place-items:center;position:fixed;top:18px;right:6vw;width:44px;height:44px;padding:0;z-index:101;background:var(--sand);color:var(--ink);border-radius:6px;box-shadow:0 2px 12px #00000012;font-size:26px;line-height:1;cursor:pointer}
#menu:focus-visible{outline:2px solid currentColor;outline-offset:4px}
header nav.open{display:flex;position:fixed;top:74px;right:6vw;left:auto;bottom:auto;width:min(330px,88vw);max-height:calc(100dvh - 96px);overflow-y:auto;flex-basis:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:22px;background:var(--sand);color:var(--ink);border-radius:8px;box-shadow:0 8px 32px #00000025;z-index:100;font-size:16px}
header nav.open a{padding:8px 0}
body[data-page="home"] header nav,body[data-page="home"] #language{color:white}
body[data-page="home"] header nav.open,body[data-page="home"] #menu{background:var(--blue);color:white}
body[data-page="home"].th header{background:var(--blue);color:white}
@media(max-width:580px){header .header-actions{padding-right:52px}}

/* Keep the mobile logo, language, shop and floating menu on one row. */
@media(max-width:850px){
 header{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;column-gap:10px;row-gap:0;min-height:80px;padding:18px 6%;flex-wrap:nowrap}
 header .logo{grid-column:1;grid-row:1;min-width:0;max-width:110px}
 header .logo img,body header .logo img{display:block;width:100%;height:auto;max-height:30px;object-fit:contain}
 header .header-actions{grid-column:2;grid-row:1;margin:0;padding:0;gap:8px;white-space:nowrap}
 header #language{min-width:24px;padding:6px 0;font-size:12px}
 header #shop-link.button.small{padding:10px 12px;font-size:12px;line-height:20px;white-space:nowrap}
 header nav:not(.open){display:none}
}

/* Thai copy uses the current page layouts with room for natural Thai wrapping. */
body.th :is(h1,h2,h3){font-family:Anuphan,Inter,sans-serif;letter-spacing:0;line-height:1.35;overflow-wrap:anywhere}
body.th :is(.water-opening h1,.fox-revised-opening h1,.wholesale-opening h1,.farm-opening h1){font-size:clamp(36px,4.6vw,68px)}
body.th :is(.water-manifesto,.product-heading h2,.water-ingredients h2,.farm-variety h2){font-size:clamp(30px,3.5vw,52px);line-height:1.4}
body.th .hero-copy h1{font-family:Inter,sans-serif;overflow-wrap:normal}
body.th :is(.eyebrow,.wholesale-option-top){letter-spacing:0;line-height:1.6}
body.th .wholesale-option-top span:last-child{max-width:80%;text-align:right}
body.th :is(.button,.textlink){white-space:normal;line-height:1.6}
body.th .fox-says p{font-family:Anuphan,sans-serif;font-size:clamp(26px,3vw,42px);line-height:1.5}
body.th .note-cards p{font-family:Anuphan,sans-serif;line-height:1.5;font-size:clamp(24px,2.7vw,38px)}
body.th .fox-name-line{white-space:nowrap;overflow-wrap:normal}
body.th .water-nutrition-table{min-width:0;overflow-x:auto}
@media(max-width:580px){body.th h2{font-size:30px}body.th .water-nutrition-table :is(th,td){font-size:12px;padding:12px 8px}body.th #shop-link{font-size:12px;padding-inline:10px}}

/* Visible questions remain readable without opening accordions or running JS. */
body[data-page="faq"]{background:var(--sand)}
.discovery-faq{max-width:1180px;margin-inline:auto;padding-top:30px}
.discovery-faq article{padding:28px 0;border-bottom:1px solid #243a2030}
.discovery-faq article h3{max-width:850px;font-size:clamp(22px,2.5vw,30px);line-height:1.4}
.discovery-faq article p{max-width:850px;margin-bottom:0}
body[data-page="faq"] .page-intro h1{font-size:clamp(38px,5vw,76px)}

/* Supplied coconut silhouette: decorative accents in the CocoFox palette. */
:root{--coconut-mark:url("https://static.wixstatic.com/media/e9e0ba_4180e02e894e479f9ca17f6c0a283a81~mv2.png")}
.revised-quality .section-heading::before,
.farm-variety::before,
.fox-revised-finish::before,
.shop-help h2::before,
.discovery-faq>h2::before{
 content:"";display:block;width:54px;height:54px;margin:0 auto 22px;
 background:var(--blue);-webkit-mask:var(--coconut-mark) center/contain no-repeat;
 mask:var(--coconut-mark) center/contain no-repeat;transform:rotate(-12deg);pointer-events:none
}
.farm-variety::before{background:var(--lime);width:64px;height:64px}
.fox-revised-finish::before{background:var(--blue)}
.shop-help h2::before,.discovery-faq>h2::before{margin-left:0;margin-right:0;width:40px;height:40px;margin-bottom:18px}
.water-ingredients li{display:flex;align-items:center;gap:10px}
.water-ingredients li::before,
.wholesale-origin li::before,
.footer-bottom>span:first-child::before{
 content:"";display:inline-block;width:19px;height:19px;flex:0 0 19px;
 background:var(--blue);-webkit-mask:var(--coconut-mark) center/contain no-repeat;
 mask:var(--coconut-mark) center/contain no-repeat;pointer-events:none
}
.wholesale-origin ul{list-style:none;padding-left:0;line-height:1.7}
.wholesale-origin li{position:relative;padding-left:31px;margin-bottom:13px}
.wholesale-origin li::before{position:absolute;left:0;top:.23em;background:var(--lime)}
.footer-bottom>span:first-child::before{background:currentColor;width:18px;height:18px;margin-right:9px;vertical-align:-4px;transform:rotate(12deg)}
@media(max-width:580px){
 .revised-quality .section-heading::before,.farm-variety::before,.fox-revised-finish::before{width:42px;height:42px;margin-bottom:18px}
 .water-ingredients li{gap:8px}.water-ingredients li::before{width:16px;height:16px;flex-basis:16px}
}

/* Keep each English wholesale heading line within its desktop column. */
.wholesale-opening{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.wholesale-opening>div{min-width:0;container-type:inline-size}
body:not(.th) .wholesale-opening h1{font-size:clamp(32px,11.2cqi,84px);text-align:left;white-space:nowrap}
.fox-revised-notes .note-cards{margin-top:36px}
@media(max-width:580px){.wholesale-opening{grid-template-columns:1fr}body:not(.th) .wholesale-opening h1{font-size:clamp(42px,11.5vw,65px);white-space:normal}.fox-revised-notes .note-cards{margin-top:26px}}

.field-error{display:block;font-size:13px;color:#9f2618;margin-top:5px}.field-error:empty{display:none}.form [data-form-status]{font-size:14px}.form [aria-invalid=true]{border-color:#9f2618}.form button:disabled{opacity:.6;cursor:wait}

/* Shared English brand typography in both language versions. */
body .brand-home .hero-copy h1.brand-slogan{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.012em;line-height:1.2}
body footer .footer-top h2.brand-slogan{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.01em;line-height:1.2}
.footer-bottom span.footer-slogan{display:block;margin-left:auto;text-align:right;white-space:nowrap;font-family:Inter,sans-serif}
html{background:#004DD4}
body{background:var(--blue)}
main{background:var(--sand)}
footer{background:var(--blue);padding-bottom:max(25px,env(safe-area-inset-bottom))}
.shop-lineman-logo{width:min(100%,320px);aspect-ratio:5.2;margin:35px auto;overflow:hidden;background:#fff;border-radius:5px}
.shop-lineman-logo img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:580px){body .brand-home .hero-copy h1.brand-slogan{line-height:1.22}.footer-bottom span.footer-slogan{display:block;margin-left:auto}.shop-lineman-logo{margin:30px auto}}

/* Give the header wordmark more presence without cropping it. */
body header .logo{display:block;width:220px;max-width:100%;flex-shrink:0}
body header .logo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
body[data-page="home"] header .logo{display:block}
body[data-page="home"] header .logo img{filter:brightness(0) invert(1)}
@media(max-width:1100px){body header .logo{width:190px}}
@media(max-width:850px){body header .logo{width:180px;max-width:100%}header{column-gap:8px}header .header-actions{gap:6px}header #shop-link.button.small{padding:9px 9px;font-size:11px}}
@media(max-width:580px){body header .logo{width:clamp(145px,43vw,180px);max-width:100%}header #language{min-width:22px}header #shop-link.button.small{padding:9px 8px;font-size:11px}}

/* English brand passages retain CocoFox's Latin type on Thai pages. */
body.th :is(h1,h2,h3,p,a,blockquote)[lang="en"]{font-family:Inter,sans-serif;overflow-wrap:normal}
body.th :is(h1,h2,h3)[lang="en"]{letter-spacing:-.045em;line-height:1.12}
body.th .brand-slogan[lang="en"]{font-family:Anton,Inter,sans-serif}
body.th :is(.note-cards,.fox-says) p[lang="en"]{font-family:Inter,sans-serif;line-height:1.2}
body.th .wholesale-opening h1[lang="en"]{font-size:clamp(32px,11.2cqi,84px);white-space:nowrap}
@media(max-width:580px){body.th .wholesale-opening h1[lang="en"]{font-size:clamp(42px,11.5vw,65px);white-space:normal}}

/* Homepages already carry the large CocoFox hero wordmark. */
body[data-page="home"] header .logo{visibility:hidden;pointer-events:none}

/* Focused homepage: buy first, then explore the farm and the fox. */
.home-compact.simple-hero{min-height:0;padding-top:24px;padding-bottom:32px}
.home-compact .hero-copy{padding:18px 0 20px}
.home-compact .hero-art{height:auto}
.home-bottle{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8%;align-items:center;background:var(--sand)}
.home-bottle-photo{padding:12px;background:white}
.home-bottle-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.home-bottle h2{color:var(--blue)}
.home-bottle-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-block:1px solid #243a2030;padding:20px 0;margin:24px 0}
.home-bottle-facts dt{font-size:12px;margin-bottom:6px}.home-bottle-facts dd{margin:0;font-size:17px;font-weight:650}
.home-buy{gap:12px;margin-top:22px}.home-buy .button{background:var(--blue);color:white;border-color:var(--blue);box-shadow:none;flex:1;min-height:54px;font-size:15px;padding:14px 16px;gap:12px}
.home-buy .button.outline{background:transparent;color:var(--blue)}
.home-roots{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:8%;background:var(--blue);color:white}
.home-roots .eyebrow{color:var(--lime)}.home-roots h2{color:var(--lime)}
.home-roots>img{width:100%;max-width:390px;aspect-ratio:1;object-fit:contain;justify-self:center}
.home-notes .notes-intro{display:block;margin-bottom:28px}.home-notes .notes-intro h2{margin-bottom:14px}
.home-notes .note-cards blockquote{box-shadow:none}
.home-trade{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--lime)}
.home-trade h2{margin-bottom:18px}.home-trade p{margin-bottom:0}.home-trade>.button{flex-shrink:0;background:var(--blue);border-color:var(--blue);color:white;box-shadow:none}
body[data-page="home"] :is(.home-bottle,.home-roots,.home-notes,.home-trade){padding-block:60px}
.wholesale-specs{width:100%;margin:10px 0 22px;border-top:1px solid #243a2030}
.wholesale-specs>div{padding:12px 0;border-bottom:1px solid #243a2030}.wholesale-specs dt{font-size:12px;margin-bottom:4px}.wholesale-specs dd{font-size:16px;line-height:1.5;font-weight:600;margin:0}

/* Shared mobile constraints: flexible columns, readable inputs and reliable controls. */
:where(.section,.split,.product-layout,.shop-channel-grid,.wholesale-option-grid,.footer-top)>*{min-width:0}
:where(.button,.textlink,summary){overflow-wrap:break-word}
.form :is(input,select,textarea){font-size:16px;min-width:0}
section[id],main[id]{scroll-margin-top:80px}
@media(max-width:850px){
 .home-bottle,.home-roots{gap:5%}.home-buy{flex-direction:column;align-items:stretch}.home-buy .button{width:100%}
 .home-bottle-facts{grid-template-columns:1fr;gap:0;padding:0}.home-bottle-facts>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #243a2018}.home-bottle-facts>div:last-child{border-bottom:0}.home-bottle-facts dt{margin:0}.home-bottle-facts dd{text-align:right}
 .home-trade{gap:24px}.home-trade h2{font-size:38px}
}
@media(max-width:580px){
 body[data-page="home"] :is(.home-bottle,.home-roots,.home-notes,.home-trade){padding-block:40px}
 .home-compact.brand-home .hero-copy{order:1;padding:0;margin-top:16px}
 .home-compact.brand-home .fox-coconut-art{order:2;width:100%;max-width:300px;margin:10px auto 0}
 .home-compact.brand-home .hero-copy h1{font-size:clamp(30px,8.6vw,48px);margin-top:0}
 .home-compact.brand-home .hero-copy .actions{margin-top:18px;gap:16px}
 .home-bottle,.home-roots{grid-template-columns:1fr;gap:26px}
 .home-bottle-photo{width:min(100%,280px);justify-self:center;order:2}
 .home-bottle h2,.home-roots h2,.home-trade h2{font-size:clamp(29px,8vw,38px)}
 .home-roots>img{max-width:230px}
 .home-trade{display:block}.home-trade>.button{margin-top:24px;width:100%}
 .home-notes .note-cards{gap:14px}.home-notes .note-cards blockquote{padding:22px}.home-notes .note-cards p{font-size:27px;margin-top:16px}
 .form .row{grid-template-columns:1fr;gap:0}
 body .fox-name-line{font-size:clamp(24px,8.6vw,42px)}
 .water-pressure .pressure-value{font-size:clamp(64px,21vw,90px)}
 .button{min-height:44px}.pack-options button,.bottle-presets button{min-height:44px}
 header #language{display:grid;place-items:center;min-height:44px}
 .footer-bottom{align-items:center}.footer-bottom span.footer-slogan{white-space:normal}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.fox-revised-notes .fox-notes-introduction{display:block}.fox-revised-notes .fox-notes-introduction p{max-width:760px}
@media(max-width:720px){
 .water-opening,.water-namhom,.water-pressure,.water-nutrition,.water-order,.farm-opening,.farm-history,.farm-selection,.fox-revised-opening,.fox-revised-name,.wholesale-opening,.wholesale-origin,.wholesale-details,.wholesale-enquiry,.home-bottle,.home-roots,.shop-help{grid-template-columns:minmax(0,1fr);gap:30px}
 .wholesale-opening h1,body.th .wholesale-opening h1[lang="en"]{white-space:normal;font-size:clamp(38px,9vw,62px)}
 .note-cards{grid-template-columns:1fr}.note-cards p{max-width:520px}
 .home-trade{display:block}.home-trade>.button{margin-top:24px}
 .home-bottle-photo{width:min(100%,340px);justify-self:center;order:2}
 .home-roots>img{max-width:270px}
}