@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--cream:#f7f5ed;--forest:#233e32;--olive:#57705b;--terra:#ba684b;--line:#dcded3;--muted:#71796b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--forest);font:14px 'Be Vietnam Pro',Arial,sans-serif;font-weight:400}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,summary,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #cc8c62;outline-offset:5px}img{max-width:100%;display:block}button{color:inherit}h1,h2,h3,p{margin-top:0}p{line-height:1.8}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-1.8px}h1 em,h2 em{font-weight:400;color:var(--olive)}h2{font-size:clamp(34px,3.8vw,58px);line-height:1.19;margin-bottom:24px}h3{font-weight:500}.announcement{padding:10px 20px;text-align:center;background:var(--forest);color:#e8eadf;font-size:10px;letter-spacing:.35px}.announcement a{margin-left:18px;color:#d6b18b}.announcement a span{margin-left:7px}header{padding:23px 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f7f5edf5;z-index:30;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;font-size:29px;font-weight:600;letter-spacing:-1.4px;white-space:nowrap}.brand-light{font-weight:300}.brand small{display:block;font-size:6px;letter-spacing:2.2px;line-height:2}.brand-icon{display:block;border:1.5px solid currentColor;border-radius:50% 50% 40% 40%;width:39px;height:39px;text-align:center;font-family:Georgia;font-style:italic;font-size:33px;line-height:30px;position:relative}.brand-icon>span{font-size:19px;position:absolute;right:4px;top:-7px}nav{display:flex;gap:25px;font-size:11px}nav a{padding:7px 0}nav a:hover,.text-link:hover{color:var(--terra)}.header-actions{display:flex;gap:18px;align-items:center}.quote-count{background:none;border:0;font-size:22px;display:flex;align-items:center;gap:5px}.quote-count span{font-size:9px;border-radius:50%;background:#e8e9de;width:18px;height:18px;display:grid;place-items:center}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 23px;font-size:11px;font-weight:500;border-radius:5px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.dark{color:var(--cream);background:var(--forest)}.button.dark:hover{background:#3f5945}.button.cream{color:var(--forest);background:#f2eddc}.button.small{padding:13px 17px;font-size:10px;gap:12px}.menu{display:none;background:none;border:0;font-size:24px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;padding:36px 3vw 36px 7vw;gap:5vw}.hero-copy{align-self:center;padding:32px 0}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:500;line-height:1.6;margin-bottom:23px}.tiny-leaf{color:var(--terra);font-size:18px;vertical-align:middle;margin-right:6px}.hero h1{font-size:clamp(46px,4.7vw,73px);line-height:1.15;margin:18px 0 25px}.hero h1 em{color:var(--terra)}.hero-copy>p{max-width:375px;color:var(--muted);font-size:12px;line-height:1.9}.hero-buttons{display:flex;gap:27px;align-items:center;margin-top:28px}.text-link{font-size:11px;font-weight:500;border:0;background:transparent;padding:0;line-height:1.8;cursor:pointer}.hero-note{display:flex;gap:13px;align-items:center;margin-top:36px;font-size:9px;line-height:1.8;color:var(--muted)}.hero-note b{font-weight:400;color:var(--forest)}.note-icon{font-size:26px;border:1px solid #d7dccd;border-radius:50%;width:45px;height:45px;display:grid;place-items:center}.hero-image{position:relative;border-radius:160px 12px 12px 12px;min-height:590px;overflow:hidden;background:#acb297}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:68% center}.round-stamp{position:absolute;top:28px;right:26px;background:var(--cream);width:105px;height:105px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:7px;line-height:.7;letter-spacing:1px;transform:rotate(12deg);text-align:center}.round-stamp span{font-size:30px;color:var(--terra);line-height:.8}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:48px 26px 24px;color:white;background:linear-gradient(transparent,#15291faa);display:flex;justify-content:space-between;font-size:8px}.values-strip{display:flex;justify-content:space-around;align-items:center;gap:20px;padding:24px 5vw;background:#e8ecdf;font-size:10px}.values-strip i{font-size:18px;color:#95a182;font-style:normal}.section{padding:95px 7vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-head h2{margin:0}.section-intro{max-width:285px}.section-intro p{color:var(--muted);font-size:11px;line-height:1.9}.filter-row{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:28px}.filter{padding:10px 17px;border:1px solid transparent;border-radius:30px;background:transparent;color:var(--muted);font-size:10px}.filter span{margin-left:8px;font-size:8px}.filter.active{border-color:var(--forest);color:var(--forest)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.product[hidden]{display:none}.product-photo{position:relative;display:block;width:100%;aspect-ratio:1/1.07;overflow:hidden;border:0;border-radius:7px;background:#ebe3d6;padding:0}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s;mix-blend-mode:multiply}.product-photo:hover img{transform:scale(1.05)}.product-photo.sage{background:#dfe7d7}.product-photo.clay{background:#edd6c7}.product-tag{position:absolute;top:20px;left:20px;font-size:7px;letter-spacing:1.2px;z-index:1;background:#f7f5ede0;border-radius:3px;padding:8px 9px}.photo-index{position:absolute;bottom:22px;left:20px;font-size:8px;letter-spacing:1.3px}.round-arrow{position:absolute;bottom:15px;right:15px;border:1px solid #a29d8c;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:17px}.product-info{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.product-info h3{font-size:19px;letter-spacing:-.5px;margin-bottom:8px}.product-info p{font-size:10px;color:var(--muted);margin-bottom:0}.add{border:1px solid var(--line);background:none;border-radius:50%;width:33px;height:33px;font-size:20px}.add:hover{background:var(--forest);color:white}.product-footnote{font-size:9px;color:var(--muted);margin:12px 0 0}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--forest);color:var(--cream)}.story-art{position:relative;min-height:600px;overflow:hidden}.story-art>img{width:100%;height:100%;position:absolute;object-fit:cover}.story-label{position:absolute;bottom:35px;left:40px;font-size:12px;letter-spacing:2px;line-height:1.8;color:#fffef9;background:#233e32da;padding:18px 23px}.story-copy{padding:80px 6vw;align-self:center}.story-copy .eyebrow{color:#b6c3a4}.story-copy h2{font-size:clamp(35px,3.5vw,54px)}.story-copy h2 em{color:#d7bd97}.story-copy p{font-size:11px;color:#cad2c4;line-height:1.9}.story-principles{display:flex;flex-direction:column;gap:14px;margin:29px 0}.story-principles span{border-bottom:1px solid #ffffff22;padding-bottom:13px;font-size:11px}.story-principles b{color:#b6c3a4;font-size:9px;font-weight:400;margin-right:15px}.light{color:#e4c5a3}.guide{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.guide-description{font-size:11px;color:var(--muted);max-width:390px}.weight-picker{margin-top:30px}.weight-picker label{font-size:10px;display:block;margin-bottom:18px}.weight-picker>div{display:flex;align-items:center;gap:16px}.weight-picker input{flex:1;width:100%;accent-color:var(--forest)}.weight-picker output{font-size:12px;min-width:45px}.range-label{justify-content:space-between;font-size:8px;color:var(--muted);padding-right:60px;margin-top:8px}.recommendation{margin-top:25px;border-top:1px solid var(--line);padding-top:22px}.recommendation>span{font-size:8px;letter-spacing:1.5px;color:var(--terra)}.recommendation h3{font-size:21px;margin:10px 0}.recommendation p{font-size:10px;color:var(--muted);margin-bottom:8px}.guide-panel{background:#e9eddf;border-radius:130px 10px 10px 10px;padding:50px 36px 30px}.guide-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.2px;margin-bottom:30px}.guide-heading>span:last-child{font-size:35px;color:#7c8e67}.guide-rule{display:flex;gap:20px;margin-bottom:26px}.guide-rule>b{font:italic 26px Georgia;color:#9caa8c}.guide-rule h3{font-size:13px;margin-bottom:9px}.guide-rule p{font-size:10px;color:#6c7865;line-height:1.8;margin:0}.vet-note{font-size:9px;padding-top:18px;border-top:1px solid #ced6c1;line-height:1.8;color:#6c7865}.journal{padding-top:20px}.journal-note{font-size:10px;color:var(--muted)}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.journal-card{text-align:left;background:none;border:0;padding:0}.journal-img{height:290px;position:relative;border-radius:8px;overflow:hidden;margin-bottom:24px}.journal-img img{width:100%;height:100%;object-fit:cover;object-position:65% 55%;transition:transform .5s}.journal-card:hover img{transform:scale(1.035)}.journal-img.detail img{object-position:center 40%}.journal-img>span{position:absolute;left:18px;bottom:18px;font-size:8px;letter-spacing:1.5px;background:var(--cream);padding:8px 13px;border-radius:3px}.article-number{font-size:8px;letter-spacing:1.2px;color:var(--muted)}.journal-card h3{font:26px/1.4 'Playfair Display',Georgia,serif;max-width:430px;margin:12px 0 15px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;border-top:1px solid var(--line)}.faq>div>p{font-size:11px;color:var(--muted);margin-bottom:20px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:20px;font-weight:300}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:10px;color:var(--muted);line-height:1.9;margin:16px 30px 0 0}.contact{background:var(--forest);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact h2{font-size:clamp(38px,4vw,60px)}.contact h2 em{color:#c6b497}.contact-copy>p{font-size:11px;color:#bfcdbd;max-width:340px}.contact .eyebrow{color:#b6c3a4}.contact-mark{font:italic 110px Georgia;letter-spacing:-9px;color:#e5e7d3;margin:30px 0}.contact-mark span{font-size:50px;vertical-align:super;margin-left:15px;color:#b1c090}.contact-note{font-size:8px;color:#b3bfaa}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:9px;line-height:1.8}input,select,textarea{width:100%;margin:8px 0 18px;padding:13px;border:1px solid #657867;background:transparent;color:inherit;border-radius:3px;font-size:11px;outline-offset:3px}input::placeholder,textarea::placeholder{color:#9dab98}select option{background:var(--forest);color:var(--cream)}textarea{resize:vertical}.selected-summary{padding:12px;background:#ffffff0b;border-radius:3px;font-size:9px;line-height:1.7;margin-bottom:20px;color:#d3ddcb}form>.button{width:100%}.form-note{font-size:8px;color:#b3bfaa;margin:12px 0}#form-result{font-size:11px;line-height:1.6;color:#e5e7d3}footer{padding:55px 7vw 25px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;align-items:start;padding-bottom:40px}.footer-top>p{font:20px/1.7 'Playfair Display',Georgia,serif}.footer-top>div{display:flex;flex-direction:column;gap:15px;font-size:10px}.footer-link{border:0;padding:0;text-align:left;background:none;font-size:10px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:var(--muted)}dialog{padding:45px;border:0;border-radius:12px;background:var(--cream);color:var(--forest);max-width:min(820px,92vw);max-height:90vh;box-shadow:0 20px 100px #112c3255}dialog::backdrop{background:#12291f9c;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:12px;right:15px;width:30px;height:30px;background:transparent;border:0;font-size:26px}.modal-product{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.modal-product>img{border-radius:7px}.modal-product h2{font-size:36px}.modal-product p{font-size:11px;color:var(--muted)}.modal-product input,.modal-product select{border-color:var(--line)}.modal-product select option{background:var(--cream);color:var(--forest)}.modal-note{font-size:9px!important}.quote-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.quote-item>div{font-size:12px}.quote-item small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.quote-item button{border:0;background:none;font-size:10px;text-decoration:underline}#go-contact{margin-top:25px}#list-dialog{min-width:min(560px,92vw)}#list-dialog h2{font-size:38px}#article-dialog{max-width:650px}#article-dialog h2{font-size:36px}#article-body{font-size:12px;line-height:1.9;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:15px 25px;background:var(--forest);color:var(--cream);border:1px solid #75836c;border-radius:6px;z-index:60;opacity:0;pointer-events:none;transition:.2s;font-size:11px;text-align:center;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero{min-height:760px}.hero-image{min-height:680px}.hero h1{font-size:84px}.section{padding-left:max(7vw,calc((100vw - 1450px)/2));padding-right:max(7vw,calc((100vw - 1450px)/2))}}
@media(max-width:1050px){header{padding:20px 4vw;gap:16px}nav{gap:16px;font-size:10px}.header-actions{gap:10px}.brand{font-size:25px}.hero{padding-left:5vw;gap:3vw;min-height:590px}.hero-image{min-height:540px}.hero-buttons{gap:15px}.hero-buttons .text-link{font-size:9px}.section{padding:75px 5vw}.story-copy{padding:55px 5vw}.story-art{min-height:560px}.guide{gap:5vw}.guide-panel{padding:42px 28px 27px}.footer-top{grid-template-columns:1fr 1fr 1fr}.footer-top>p{display:none}}
@media(max-width:760px){html{scroll-padding-top:90px}.announcement{font-size:8px;padding:9px 13px}.announcement a{display:none}header{padding:16px 5vw}.brand{font-size:26px}.brand-icon{width:34px;height:34px;font-size:29px;line-height:27px}.brand small{font-size:5px}.header-actions>.button{display:none}.menu{display:block}nav{position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:20px 6vw;flex-direction:column;gap:15px;font-size:13px;border-bottom:1px solid var(--line);display:none}nav.open{display:flex}.header-actions{gap:16px}.hero{grid-template-columns:1fr;padding:22px 5vw 30px;gap:22px;min-height:0}.hero-copy{padding:18px 0 0}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:17px}.hero h1{font-size:clamp(43px,9vw,65px);margin:12px 0 20px;line-height:1.13;letter-spacing:-1.7px}.hero-copy>p{font-size:11px;max-width:430px}.hero-buttons{margin-top:23px;gap:22px}.hero-buttons .text-link{font-size:10px}.button{padding:15px 18px;font-size:10px}.hero-note{display:none}.hero-image{min-height:390px;border-radius:110px 8px 8px 8px}.round-stamp{width:86px;height:86px;font-size:6px;top:18px;right:18px}.round-stamp span{font-size:24px}.image-caption{font-size:7px;padding:35px 20px 18px}.values-strip{flex-wrap:wrap;gap:17px 10px;padding:20px 5vw;font-size:8px;justify-content:center}.values-strip i{font-size:13px}.values-strip i:last-of-type{display:none}.values-strip span:last-child{display:none}.section{padding:60px 6vw}.section-head{align-items:start;flex-direction:column;gap:18px;margin-bottom:25px}h2{font-size:38px;letter-spacing:-1.2px}.section-intro{max-width:100%;display:flex;align-items:start;gap:25px}.section-intro p{max-width:220px;margin:0;font-size:10px}.section-intro .text-link{font-size:9px;min-width:110px}.filter-row{gap:4px;overflow:auto;padding-bottom:15px;margin-bottom:20px;white-space:nowrap}.filter{padding:9px 12px;font-size:9px}.product-grid{grid-template-columns:1fr;gap:20px}.product-photo{aspect-ratio:1.1}.product-info{padding:17px 0 10px}.product-info h3{font-size:21px}.product-tag{font-size:8px}.product-footnote{font-size:8px}.story{grid-template-columns:1fr}.story-art{min-height:380px}.story-label{left:24px;bottom:24px;font-size:10px}.story-copy{padding:47px 6vw}.story-copy h2{font-size:38px}.story-copy p{font-size:11px}.guide{grid-template-columns:1fr;gap:35px}.guide-panel{border-radius:95px 8px 8px 8px;padding:38px 27px 27px}.guide-description{max-width:100%}.guide-rule{gap:17px}.guide-rule h3{font-size:12px}.journal{padding-top:5px}.journal-note{display:none}.journal h2{font-size:35px}.journal-grid{grid-template-columns:1fr;gap:35px}.journal-img{height:250px;margin-bottom:18px}.journal-card h3{font-size:26px}.faq{grid-template-columns:1fr;gap:35px}.faq h2{margin-bottom:15px}.faq-list summary{font-size:11px}.faq-list p{font-size:10px}.contact{grid-template-columns:1fr;gap:32px}.contact-copy h2{font-size:41px}.contact-mark{display:none}.contact-note{display:none}.contact-copy>p{margin:0;max-width:100%}.form-row{gap:12px}input,select,textarea{font-size:12px;padding:12px 9px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 15px}.footer-top>.brand{grid-column:1/-1}.footer-top>div{font-size:9px}.footer-bottom{font-size:7px;line-height:1.8}footer{padding:40px 6vw 20px}.modal-product{grid-template-columns:1fr;gap:22px}.modal-product>img{max-height:220px;width:100%;object-fit:cover}dialog{padding:38px 24px 26px}.modal-product h2{font-size:30px;margin-bottom:15px}#article-dialog h2{font-size:30px}#toast{width:max-content;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Real supplied materials */
.hero-image>img{object-position:center 46%}.product-photo img{mix-blend-mode:normal}.product-photo.sage img,.product-photo.clay img{object-position:center}.story-art>img{object-position:60% center}.materials{background:#eeeede}.material-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:220px 220px;gap:18px}.material-photo{padding:0;background:#ced1c0;border:0;border-radius:7px;position:relative;overflow:hidden;text-align:left}.material-photo.tall{grid-row:span 2}.material-photo.wide{grid-column:span 2}.material-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.material-photo:hover>img{transform:scale(1.035)}.material-photo>span{position:absolute;bottom:0;left:0;right:0;padding:35px 18px 18px;color:white;font-size:8px;letter-spacing:1px;background:linear-gradient(transparent,#112b1dcc)}.material-photo b{float:right;font-size:16px}.video-heading{display:flex;justify-content:space-between;align-items:center;margin:45px 0 20px}.video-heading h3{font:29px 'Playfair Display',Georgia,serif;margin:0}.video-heading>span{font-size:9px;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-grid figure{margin:0}.video-grid video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px;background:#1e3026}.video-grid figcaption{font-size:10px;margin-top:15px}.video-grid figcaption b{font-weight:400;color:var(--terra);font-size:9px;margin-right:10px}#gallery-dialog{padding:30px;max-width:90vw}#gallery-image{max-height:74vh;max-width:80vw;object-fit:contain;margin:auto}#gallery-caption{font-size:12px;margin:20px 0 0;text-align:center}@media(max-width:1050px){header nav{gap:12px;font-size:9px}}@media(max-width:760px){.material-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 180px 180px;gap:12px}.material-photo.tall{grid-column:1/-1;grid-row:auto}.material-photo.wide{grid-column:1/-1}.material-photo>span{font-size:7px;padding:30px 12px 12px}.video-grid{grid-template-columns:1fr;gap:24px}.video-heading{align-items:start;gap:15px;flex-direction:column;margin-top:30px}.video-heading h3{font-size:27px}.video-grid figcaption{margin-top:10px}.hero-image{min-height:460px}header nav{font-size:13px}}
/* Bilingual navigation and Coffee Wood Chew identity */
.brand-name{font-size:18px;letter-spacing:-.6px;font-weight:500}.brand small{font-size:6px;letter-spacing:1.9px}.language-picker{display:block}.language-picker select{width:94px;padding:8px 5px;font-size:10px;margin:0;border-color:var(--line);background:transparent;color:var(--forest)}.language-picker select option{background:var(--cream);color:var(--forest)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contact-mark{font-size:58px;letter-spacing:-4px}.contact-mark span{font-size:35px}header{gap:18px;padding-left:4vw;padding-right:4vw}header nav{gap:17px;font-size:10px}.header-actions{gap:10px}html[lang=en] .hero h1{font-size:clamp(43px,4.5vw,70px)}html[lang=en] .round-stamp{font-size:6px}html[lang=en] .section-intro{max-width:300px}
@media(max-width:1180px){header nav{gap:12px;font-size:9px}.header-actions>.button{display:none}.brand-name{font-size:17px}}
@media(max-width:850px){header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:20px 6vw;flex-direction:column;gap:15px;font-size:13px;border-bottom:1px solid var(--line)}header nav.open{display:flex}.menu{display:block}.brand-name{font-size:17px}}
@media(max-width:480px){header{padding:14px 4vw;gap:8px}.brand{gap:6px}.brand-icon{width:27px;height:29px;font-size:26px;line-height:23px}.brand-name{font-size:14px;letter-spacing:-.5px}.brand small{font-size:4.5px;letter-spacing:1.15px}.header-actions{gap:5px}.language-picker select{width:78px;font-size:9px;padding:8px 2px}.quote-count{font-size:18px;padding:3px;gap:2px}.quote-count span{width:15px;height:15px;font-size:8px}.menu{font-size:21px;padding:4px}html[lang=en] .hero h1{font-size:clamp(39px,8.8vw,48px)}.hero-buttons{gap:14px}.hero-buttons .text-link{font-size:9px}}

/* Pet brand identity */
.brand-dog{width:57px;height:57px;object-fit:contain;flex-shrink:0}.hero-image>img{object-position:68% center}.brand{gap:10px}@media(max-width:480px){.brand-dog{width:36px;height:36px}.brand{gap:5px}}

.contact-whatsapp{display:block;margin:25px 0 18px;font-size:15px;color:#e8d6ae}.whatsapp-button{width:100%;margin-top:12px;background:#d7e5c7;color:#233e32;justify-content:center}.floating-whatsapp{position:fixed;bottom:22px;right:22px;z-index:35;background:#226b42;color:#fff;border-radius:30px;padding:13px 18px;display:flex;align-items:center;gap:8px;font-size:11px;box-shadow:0 5px 25px #152e2430}.floating-whatsapp>span{font-size:20px}.floating-whatsapp:hover{background:#1b5835}@media(max-width:480px){.floating-whatsapp{bottom:15px;right:15px;padding:11px 14px;font-size:10px}.contact-whatsapp{font-size:13px}}

/* Readable typography and expanded product navigation */
body{font-size:16px}header{padding:20px 3vw;gap:22px}header nav{font-size:15px;gap:24px;align-items:center}header nav>a{white-space:nowrap;padding:16px 0}.header-actions>.button{display:none}.nav-dropdown{position:relative}.nav-trigger{border:0;background:transparent;padding:16px 0;font-size:15px;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:8px}.nav-trigger>span{font-size:16px;transition:transform .2s}.nav-trigger[aria-expanded=true]>span{transform:rotate(180deg)}.nav-trigger:hover,header nav>a:hover{color:var(--terra)}.nav-submenu{display:none;position:absolute;top:100%;left:-20px;min-width:240px;padding:10px 20px;background:var(--cream);border:1px solid var(--line);border-top:3px solid var(--terra);border-radius:0 0 6px 6px;box-shadow:0 15px 30px #233e321a}.nav-submenu a{display:block;font-size:15px;padding:15px 0;line-height:1.5;white-space:nowrap;border-bottom:1px solid var(--line)}.nav-submenu a:last-child{border-bottom:0}.nav-dropdown.expanded>.nav-submenu{display:block}#images,#videos,#blog{scroll-margin-top:130px}.announcement{font-size:12px;padding:12px 20px}.eyebrow{font-size:12px}.hero-copy>p{font-size:16px;max-width:450px}.hero-buttons .text-link,.text-link{font-size:14px}.button{font-size:14px;padding:18px 24px}.hero-note{font-size:12px}.image-caption{font-size:10px}.values-strip{font-size:14px}.section-intro p,.guide-description{font-size:15px}.section-intro{max-width:360px}.filter{font-size:14px}.filter span{font-size:11px}.product-tag{font-size:10px}.photo-index{font-size:11px}.product-info h3{font-size:25px}.product-info p{font-size:14px}.product-footnote{font-size:12px}.story-copy p{font-size:15px}.story-principles span{font-size:15px}.story-principles b{font-size:12px}.weight-picker label{font-size:14px}.weight-picker output{font-size:15px}.range-label{font-size:12px}.recommendation>span{font-size:11px}.recommendation h3{font-size:24px}.recommendation p{font-size:14px}.guide-heading{font-size:12px}.guide-rule h3{font-size:17px}.guide-rule p{font-size:14px}.vet-note{font-size:12px}.journal-note{font-size:13px}.article-number{font-size:11px}.journal-img>span{font-size:11px}.faq>div>p{font-size:15px}.faq-list summary{font-size:16px}.faq-list p{font-size:14px}.contact-copy>p{font-size:15px}.contact-note{font-size:11px}label{font-size:13px}input,select,textarea{font-size:15px;padding:14px}.selected-summary{font-size:13px}.form-note{font-size:12px}#form-result{font-size:14px}.footer-top>div,.footer-link{font-size:13px}.footer-bottom{font-size:11px}.modal-product p{font-size:15px}.modal-note{font-size:12px!important}.quote-item>div{font-size:16px}.quote-item small,.quote-item button{font-size:13px}#article-body{font-size:16px}.material-photo>span{font-size:11px}.video-heading>span{font-size:13px}.video-grid figcaption{font-size:14px}.video-grid figcaption b{font-size:12px}.language-picker select{font-size:12px;width:100px}.floating-whatsapp{font-size:13px}.contact-whatsapp{font-size:17px}
@media(min-width:1151px){header nav{display:flex}.menu{display:none}.nav-dropdown:last-child .nav-submenu{left:auto;right:0}}
@media(max-width:1300px) and (min-width:1151px){header{gap:15px;padding:18px 2vw}header nav{gap:16px;font-size:14px}.nav-trigger{font-size:14px}.brand-name{font-size:16px}.brand-dog{width:48px;height:48px}.header-actions{gap:7px}.language-picker select{width:90px}}
@media(max-width:1150px){header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:15px 5vw 25px;flex-direction:column;gap:0;font-size:16px;border-bottom:1px solid var(--line);align-items:stretch;max-height:calc(100dvh - 115px);overflow:auto}header nav.open{display:flex}header nav>a,.nav-trigger{width:100%;font-size:16px;padding:14px 0;text-align:left}.nav-trigger{justify-content:space-between}.menu{display:block}.nav-submenu{position:static;min-width:0;margin:0 0 8px;padding:0 16px;border:0;border-left:2px solid var(--terra);box-shadow:none;border-radius:0;background:#e9eddf}.nav-submenu a{font-size:15px;padding:13px 0}.header-actions{gap:13px}.brand-name{font-size:19px}}
@media(max-width:760px){.hero-copy>p,.section-intro p,.story-copy p,.guide-description,.contact-copy>p{font-size:15px}.hero-buttons{flex-wrap:wrap;gap:18px}.hero-buttons .text-link,.text-link{font-size:14px}.section-intro{display:block;max-width:100%}.section-intro p{max-width:100%;margin-bottom:13px}.section-intro .text-link{font-size:14px}.values-strip{font-size:12px}.filter{font-size:12px;padding:11px 13px}.product-info p{font-size:14px}.product-footnote{font-size:12px}.guide-rule h3{font-size:17px}.guide-rule p{font-size:14px}.faq-list summary{font-size:16px}.faq-list p{font-size:14px}.footer-top>div,.footer-link{font-size:13px}.footer-bottom{font-size:10px}.material-photo>span{font-size:10px}.eyebrow{font-size:11px}.form-row{grid-template-columns:1fr}.guide-panel{padding:38px 25px 27px}.weight-picker label{font-size:14px}}
@media(max-width:480px){header{padding:14px 4vw;gap:8px}.brand-name{font-size:14px}.header-actions{gap:5px}.language-picker select{width:82px;font-size:10px}.announcement{font-size:10px}.hero-buttons .button{font-size:13px}.hero-buttons .text-link{font-size:13px}.image-caption{font-size:9px}.contact-whatsapp{font-size:16px}.floating-whatsapp{font-size:12px}.modal-product p{font-size:14px}}
/* Dedicated image and video pages */
.gallery-banner{background:#e6ebdc;padding:65px 7vw;display:flex;justify-content:space-between;align-items:center;gap:50px;border-bottom:1px solid #d2dac6}.gallery-banner h1{font-size:clamp(56px,7vw,100px);line-height:1.05;margin:0 0 20px;letter-spacing:-3px}.gallery-banner h1 em{color:var(--terra);font-style:normal}.gallery-banner p{font-size:17px;color:var(--muted);margin-bottom:25px}.breadcrumbs{display:flex;gap:15px;align-items:center;font-size:14px}.breadcrumbs a{color:var(--terra)}.gallery-brand-art{display:flex;flex-direction:column;align-items:center;gap:16px;padding:15px 60px}.gallery-brand-art img{width:170px;height:170px;object-fit:contain}.gallery-brand-art span{font-size:10px;letter-spacing:3px;color:var(--olive)}.gallery-page-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.gallery-page-heading h2{margin:0}.gallery-page-heading>span{font-size:14px;color:var(--muted)}.gallery-intro{font-size:15px;color:var(--muted);margin:20px 0 32px}.photo-collection{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.collection-photo{position:relative;padding:0;border:0;border-radius:7px;background:#d7dfcc;overflow:hidden;aspect-ratio:1;display:block;text-align:left}.collection-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.collection-photo:hover>img{transform:scale(1.045)}.collection-photo>span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#182c21e8);padding:50px 20px 20px;color:white;display:flex;gap:12px;align-items:center;font-size:13px}.collection-photo small{font-size:11px;color:#d5c4a3}.collection-photo b{margin-left:auto;font-size:20px;font-weight:400}.standalone-videos{display:grid;grid-template-columns:1fr 1fr;gap:35px}.standalone-videos figure{margin:0;border-bottom:1px solid var(--line);padding-bottom:20px}.standalone-videos figure:first-child{grid-column:1/-1}.standalone-videos video{display:block;width:100%;aspect-ratio:16/9;background:#1c3025;object-fit:contain;border-radius:8px}.standalone-videos figcaption{padding-top:20px}.standalone-videos figcaption>span{font-size:10px;letter-spacing:1.5px;color:var(--terra)}.standalone-videos h3{font:30px 'Playfair Display',Georgia,serif;margin:10px 0}.standalone-videos p{font-size:14px;color:var(--muted);margin:0}.gallery-bottom-cta{margin-top:55px;padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:17px}#photo-viewer{max-width:96vw;max-height:94dvh;background:#f7f5ed;padding:45px 55px 22px}#photo-viewer figure{margin:0}#viewer-image{max-height:73dvh;max-width:78vw;object-fit:contain;margin:auto}#photo-viewer figcaption{display:flex;justify-content:space-between;gap:30px;margin-top:18px;font-size:14px}#viewer-count{color:var(--muted);white-space:nowrap}.viewer-prev,.viewer-next{position:absolute;top:48%;background:#f7f5ede6;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;font-size:28px}.viewer-prev{left:9px}.viewer-next{right:9px}#gallery-info{max-width:650px}#gallery-info p{font-size:16px}.dedicated-gallery~footer{border-top:1px solid var(--line)}
@media(max-width:760px){.gallery-banner{padding:40px 6vw;gap:20px}.gallery-banner h1{font-size:55px;letter-spacing:-2px}.gallery-banner p{font-size:14px}.gallery-brand-art{padding:0}.gallery-brand-art img{width:95px;height:95px}.gallery-brand-art span{display:none}.gallery-banner .eyebrow{font-size:9px}.breadcrumbs{font-size:12px;gap:10px}.photo-collection{grid-template-columns:1fr 1fr;gap:12px}.collection-photo>span{font-size:11px;padding:35px 12px 12px;gap:7px}.collection-photo small{display:none}.gallery-page-heading{align-items:start}.gallery-page-heading h2{font-size:34px}.gallery-page-heading>span{font-size:12px;white-space:nowrap;margin-top:30px}.gallery-intro{font-size:14px}.standalone-videos{grid-template-columns:1fr;gap:30px}.standalone-videos figure:first-child{grid-column:auto}.standalone-videos h3{font-size:26px}.gallery-bottom-cta{align-items:start;flex-direction:column;font-size:16px}#photo-viewer{padding:40px 30px 20px}#viewer-image{max-width:75vw;max-height:70dvh}.viewer-prev,.viewer-next{width:28px;height:32px;font-size:24px}.viewer-prev{left:2px}.viewer-next{right:2px}#photo-viewer figcaption{font-size:12px;gap:15px}}
@media(max-width:400px){.photo-collection{grid-template-columns:1fr}.gallery-brand-art img{width:70px;height:70px}.gallery-banner h1{font-size:48px}}
/* About pages and expandable navigation */
header nav{gap:15px;font-size:10px}.about-menu{position:relative;align-self:center}.about-menu>summary{list-style:none;cursor:pointer;padding:7px 0;white-space:nowrap}.about-menu>summary::-webkit-details-marker{display:none}.about-menu>summary:after{content:'⌄';font-size:11px;margin-left:6px}.about-dropdown{position:absolute;top:100%;left:-18px;min-width:220px;padding:12px;background:var(--cream);border:1px solid var(--line);border-radius:7px;box-shadow:0 15px 35px #18362815;display:flex;flex-direction:column;gap:4px;z-index:40}.about-dropdown>a{padding:12px;font-size:11px;border-radius:3px}.about-dropdown>a:hover{background:#e8ecdf}.about-preview{padding-top:45px;padding-bottom:45px}.about-links{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.about-links>a{position:relative;border-top:1px solid var(--line);padding:24px 25px 15px 0;transition:color .2s}.about-links>a>span{font-size:9px;letter-spacing:1px;color:var(--terra)}.about-links h3{font:27px/1.3 'Playfair Display',Georgia,serif;margin:16px 0}.about-links b{position:absolute;right:5px;top:25px;font-size:23px;font-weight:400}.about-links>a:hover{color:var(--terra)}.page-hero{padding:65px 8vw 70px;background:#e8ecdf;position:relative;overflow:hidden}.page-hero>.eyebrow{font-size:9px;color:var(--olive)}.breadcrumbs{display:flex;gap:13px;align-items:center;font-size:10px;color:var(--muted);margin:0 0 34px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.page-hero h1{font-size:clamp(42px,4.8vw,75px);line-height:1.15;max-width:850px;position:relative;z-index:2;margin:0 0 25px}.page-hero h1 em{color:var(--terra)}.page-hero>p{max-width:630px;font-size:12px;color:var(--muted);position:relative;z-index:2;margin:0}.page-mascot{position:absolute;right:4vw;bottom:35px;width:220px;height:220px;object-fit:contain;opacity:.12;transform:rotate(-10deg)}.editorial{max-width:1500px;margin:auto;padding-top:75px}.editorial-row{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding-bottom:65px;margin-bottom:65px;border-bottom:1px solid var(--line)}.editorial-row:nth-child(even) .editorial-copy{order:2}.editorial-row:nth-child(even) figure{order:1}.chapter-number{font:italic 32px Georgia;color:var(--terra);display:block;margin-bottom:20px}.editorial-copy h2{font-size:36px;line-height:1.25;letter-spacing:-.9px}.editorial-copy p{font-size:12px;line-height:1.95;color:var(--muted);margin:0}.editorial-row figure{margin:0}.editorial-row figure img{width:100%;height:340px;object-fit:cover;border-radius:7px}.editorial-row:first-child figure img{border-radius:85px 7px 7px 7px}.page-videos{margin:0 0 45px}.page-videos h2{font-size:40px}.video-grid.two{grid-template-columns:1fr 1fr}.video-grid.two video{aspect-ratio:16/10;object-fit:contain;background:#1d3027}.editorial-note{font-size:10px;line-height:1.9;color:var(--muted);padding:20px 24px;border-left:2px solid #c1c9b4;background:#ecefe5}.page-cta{margin:45px 0 60px;padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.page-cta h2{font-size:38px;margin:0}.related-pages .about-links{grid-template-columns:1fr 1fr}.editorial .related-pages{margin-top:45px}.video-grid{row-gap:30px}
@media(max-width:1150px){header nav{gap:12px;font-size:9px}.header .brand-name{font-size:16px}}
@media(max-width:850px){header nav{font-size:13px;max-height:calc(100vh - 100px);overflow:auto}.about-menu{align-self:stretch}.about-menu>summary{padding:8px 0}.about-dropdown{position:static;box-shadow:none;min-width:0;border:0;border-left:1px solid var(--line);border-radius:0;margin:10px 0 5px;padding:0 0 0 12px}.about-dropdown>a{font-size:12px}.page-mascot{width:180px;height:180px;right:3vw}.editorial-copy h2{font-size:30px}.editorial-row{gap:5vw}.editorial-row figure img{height:300px}}
@media(max-width:760px){.about-links{grid-template-columns:1fr;gap:10px}.about-links>a{padding-top:17px}.about-links h3{font-size:26px;margin:10px 0}.about-preview{padding-top:35px;padding-bottom:35px}.page-hero{padding:40px 6vw 45px}.page-hero h1{font-size:40px;letter-spacing:-1.5px}.page-hero>p{font-size:11px}.breadcrumbs{font-size:9px;gap:10px;margin-bottom:28px;flex-wrap:wrap}.page-mascot{width:150px;height:150px;bottom:15px;opacity:.08}.editorial{padding-top:45px}.editorial-row{grid-template-columns:1fr;gap:24px;padding-bottom:35px;margin-bottom:35px}.editorial-row:nth-child(even) .editorial-copy,.editorial-row:nth-child(even) figure{order:initial}.editorial-copy h2{font-size:30px;margin-bottom:16px}.editorial-copy p{font-size:11px}.chapter-number{font-size:27px;margin-bottom:15px}.editorial-row figure img{height:280px}.video-grid.two{grid-template-columns:1fr}.page-videos h2{font-size:33px}.page-cta{align-items:start;flex-direction:column;margin:30px 0}.page-cta h2{font-size:32px}.related-pages .about-links{grid-template-columns:1fr}.editorial-note{font-size:9px;padding:15px 18px}}
/* Consistent, readable category typography on every page */
header nav{font-size:16px;gap:22px;align-items:center}
header nav>a,header nav .nav-trigger,header nav .about-menu>summary{font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:0;padding:12px 0;white-space:nowrap}
header nav .nav-trigger{display:flex;align-items:center;gap:7px}
header nav .about-menu{align-self:center}
header nav .about-menu>summary{display:flex;align-items:center;gap:7px}
header nav .about-menu>summary:after{margin:0;font-size:12px}
header nav .nav-trigger>span{font-size:12px}
header nav .nav-submenu a,header nav .about-dropdown>a{font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:0;padding:12px;white-space:nowrap}
header nav .nav-submenu,header nav .about-dropdown{min-width:260px;padding:10px}
@media(min-width:1151px) and (max-width:1450px){header{gap:16px;padding-left:2.5vw;padding-right:2.5vw}header nav{gap:17px}.header-actions{gap:9px}.brand-name{font-size:17px}.brand-dog{width:48px;height:48px}}
@media(max-width:1150px){header nav{align-items:stretch;gap:0}header nav>a,header nav .nav-trigger,header nav .about-menu>summary,header nav .nav-submenu a,header nav .about-dropdown>a{font-size:18px;font-weight:500;line-height:1.5;padding:14px 0;white-space:normal}header nav .about-menu{align-self:stretch}header nav .about-menu>summary{justify-content:space-between}header nav .about-dropdown,header nav .nav-submenu{position:static;min-width:0;margin:0 0 10px;padding:0 16px;border:0;border-left:2px solid var(--terra);border-radius:0;box-shadow:none;background:#e9eddf}header nav .about-dropdown>a{display:block}}