@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@400;500;600;700&display=swap');
:root{--ink:#283e3a;--muted:#63716b;--paper:#fffefb;--peach:#f7ded1;--blue:#e3edf3;--lilac:#eae4f2;--green:#e7ecd8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Anuphan,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8c6656;outline-offset:5px}.container,main>section{width:min(1200px,calc(100% - 64px));margin-inline:auto}header{position:sticky;top:0;z-index:20;background:#fffefbf5;border-bottom:1px solid #e4e7de;transition:transform .3s,opacity .3s}header.hide{transform:translateY(-100%);opacity:0;pointer-events:none}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px}.brand{font-size:34px;font-weight:700;letter-spacing:-2px}.brand span{display:block;font-size:11px;letter-spacing:.5px;font-weight:500;line-height:1;margin-top:-4px}nav{display:flex;gap:27px;flex-wrap:wrap}nav a{font-size:15px;padding:9px 0;border-bottom:2px solid transparent}nav a[aria-current]{border-color:var(--ink)}.phone{border:1px solid #b5c2b7;padding:9px 17px;border-radius:30px;font-size:14px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding-block:65px 75px;align-items:center}.eyebrow{font-size:14px;display:flex;gap:10px;align-items:center}.eyebrow:before{content:'';width:25px;height:2px;background:#657b60}h1{font-size:clamp(38px,4.8vw,65px);line-height:1.23;letter-spacing:-2px;margin:22px 0}h2{font-size:clamp(28px,3vw,40px);line-height:1.35;letter-spacing:-1px;margin:0 0 20px}h3{font-size:20px;line-height:1.5}p{max-width:65ch}.intro{color:var(--muted);font-size:16px;line-height:1.95;margin-bottom:26px}.intro span{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--ink);background:var(--ink);color:white;border-radius:7px;padding:12px 23px;cursor:pointer}.btn.light{background:transparent;color:var(--ink)}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-images{display:grid;grid-template-columns:1fr 1fr;gap:15px;transform:rotate(-2deg)}.hero-images figure{margin:0;border-radius:14px;overflow:hidden;position:relative;aspect-ratio:1.08}.hero-images figure:nth-child(2){margin-top:30px;margin-bottom:-30px}.hero-images img{width:100%;height:100%;object-fit:contain;transform:scale(1.16)}.hero-images figcaption{position:absolute;bottom:15px;left:18px;font-size:13px}.peach{background:var(--peach)}.blue{background:var(--blue)}.lilac{background:var(--lilac)}.green{background:var(--green)}.strip{border-block:1px solid #dde3d7;padding:16px 0;display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap;font-size:14px}.section{padding-block:70px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-head p{margin:0;color:var(--muted)}.textlink{text-decoration:underline;text-underline-offset:5px}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.about-art{min-height:340px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:45% 45% 8px 8px}.about-art img{width:85%}.about-art small{position:absolute;bottom:22px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.benefits article{border-top:1px solid #b9c8ba;padding-top:20px}.benefits p{color:var(--muted)}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.product-visual{border-radius:9px;position:relative;overflow:hidden}.product img{width:100%;height:245px;object-fit:contain;transition:transform .25s}.product:hover img{transform:scale(1.04)}.product h3{margin:14px 0 3px}.product p{margin:0;color:var(--muted);font-size:14px}.price-row{display:flex;justify-content:space-between;margin-top:10px;align-items:center}.price-row strong{font-size:20px}.price-row a{font-size:14px;text-decoration:underline}.note{font-size:13px;color:var(--muted);margin-top:22px}.promo{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;overflow:hidden}.promo>div{padding:45px}.promo p{max-width:44ch}.promo .offer{background:var(--peach)}.promo .bulk{background:var(--green)}.reviews{padding:40px;border:1px dashed #b9c6bb;border-radius:10px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.articles article{padding:25px;border-radius:7px}.articles p{font-size:15px}.page-head{padding-block:60px 25px}.page-head h1{font-size:48px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filters button{background:white;border:1px solid #bcc9c0;padding:8px 22px;border-radius:25px;cursor:pointer}.filters button.active{background:var(--ink);color:white}.search{width:100%;border:1px solid #bcc9c0;padding:13px 18px;border-radius:7px;margin-bottom:20px;background:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.contact-list a{display:block;margin:15px 0;font-size:20px}.map{border:0;width:100%;height:390px;border-radius:10px}.policy{max-width:850px}.policy h2{font-size:25px;margin-top:35px}.policy p,.policy li{color:#52645c}footer{background:#eaf0e8;margin-top:55px;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}footer nav{display:grid;gap:0}footer nav a{padding:4px 0}footer p{font-size:14px}.copyright{border-top:1px solid #cbd5c7;margin-top:30px;padding-top:16px;font-size:12px;color:var(--muted)}[hidden]{display:none!important}.empty{padding:30px;background:var(--blue);border-radius:8px}.badge{position:absolute;top:12px;left:12px;font-size:12px;background:#ffffffb8;padding:3px 10px;border-radius:20px}@media(max-width:950px){.phone{display:none}.hero{gap:25px}.nav{gap:20px}nav{gap:16px}.about-grid{gap:30px}}@media(max-width:650px){.container,main>section{width:calc(100% - 36px)}.nav{display:block;padding-block:14px}.brand{font-size:28px;display:block;width:max-content}.brand span{font-size:10px}header nav{margin-top:13px;gap:7px 18px}nav a{font-size:12px;padding:3px 0}.hero{grid-template-columns:1fr;padding-top:35px;gap:32px}h1{font-size:43px}.hero-images{margin:0 5px 20px}.hero-images figure{aspect-ratio:1.15}.intro{font-size:15px}.section{padding-block:40px}.about-grid,.contact-grid,.promo{grid-template-columns:1fr}.about-art{min-height:250px}.benefits{grid-template-columns:1fr;gap:12px}.catalog{grid-template-columns:repeat(2,1fr);gap:27px 14px}.product img{height:155px}.product h3{font-size:16px}.product p{font-size:12px}.price-row{align-items:start;flex-direction:column;gap:5px}.price-row strong{font-size:18px}.articles{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.promo>div{padding:28px}.footer-grid{grid-template-columns:1fr;gap:20px}.page-head h1{font-size:36px}.reviews{padding:25px}.strip{font-size:12px}.hero-images figcaption{font-size:11px;left:10px;bottom:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Product photography */
.hero-images{transform:none;gap:16px}.hero-images figure{background:white;border:1px solid #e4e7de}.hero-images img{object-fit:contain;transform:none;padding:14px 14px 38px}.hero-images figcaption{background:#fffefbf0;border-radius:5px;padding:2px 6px;left:10px;bottom:8px}.product-visual{background:#fff;border:1px solid #e4e7de}.product img{padding:25px 18px;background:white}.product .badge{z-index:1;background:#f0f4e9}.about-art{background:#f1f2e9}.about-art img{object-fit:contain;max-height:350px;margin:20px 0 50px;mix-blend-mode:multiply}.photo-credits{width:min(1200px,calc(100% - 64px));margin:20px auto 40px;font-size:13px;color:var(--muted)}.photo-credits summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.photo-credits ul{display:flex;flex-wrap:wrap;gap:8px 28px;padding-left:18px}.photo-credits a{text-decoration:underline}@media(max-width:650px){.photo-credits{width:calc(100% - 36px)}.product img{padding:22px 10px 10px}.hero-images img{padding:10px 10px 30px}}