:root{--ink:#283b30;--paper:#fbf8f2;--tan:#e8dbc3;--muted:#65675e;--line:#d9d9cc;--accent:#a05232}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ba623d;outline-offset:5px}button{cursor:pointer}img{display:block;max-width:100%}.announcement{background:var(--ink);color:#f8f3e8;padding:9px 5%;font-size:14px;display:flex;justify-content:space-between}header{display:flex;align-items:center;justify-content:space-between;padding:23px 5%;gap:25px;border-bottom:1px solid var(--line)}.brand b{font:36px/1 Georgia,serif;display:flex;align-items:center;gap:12px}.brand b span{font:bold 16px/1 Arial;letter-spacing:2px;border-left:1px solid var(--ink);padding-left:12px}.brand small{font-size:10px;letter-spacing:3px}nav{display:flex;gap:30px;font-size:14px}nav a:hover,.text-link:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--ink);color:white;padding:14px 22px;border:1px solid var(--ink);font-size:15px;line-height:1.4;transition:background .2s}.button:hover{background:#425b48}.button.small{padding:12px 19px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px;padding:50px 5% 55px;gap:5%;align-items:center}.eyebrow{letter-spacing:2px;font-size:12px;font-weight:bold;margin:0 0 20px}.hero h1{font:clamp(44px,5.1vw,78px)/1.07 Georgia,serif;letter-spacing:-2.5px;margin:0 0 26px}em{font-weight:normal;color:var(--accent)}.hero-copy>p:not(.eyebrow){max-width:450px;color:var(--muted);font-size:18px;margin-bottom:30px}.hero-note{display:flex;gap:15px;font-size:13px;margin-top:44px;color:var(--muted)}.hero-note span{color:var(--accent)}.hero-art{position:relative;background:#e1d2b7;min-height:490px;padding:24px 24px 106px;border-radius:48% 48% 0 0}.hero-art>img{width:100%;height:360px;object-fit:cover;border-radius:45% 45% 0 0}.image-caption{position:absolute;bottom:20px;left:28px;right:28px;display:grid;gap:2px}.image-caption span{font-size:10px;letter-spacing:2px}.image-caption b{font:24px/1.3 Georgia}.image-caption a{font-size:13px;margin-top:3px;text-decoration:underline}.benefits{display:flex;justify-content:space-around;padding:20px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;gap:20px}.benefits span:before{content:'✧';margin-right:12px;color:var(--accent)}.section{padding:75px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}h2{font:clamp(34px,3.4vw,52px)/1.13 Georgia,serif;letter-spacing:-1px;margin:0 0 15px}.section-heading>p{color:var(--muted);font-size:15px}.catalogue-tools{display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{border:1px solid var(--line);padding:9px 13px;background:transparent;color:var(--ink);font-size:14px;border-radius:2px}.filters button[aria-pressed=true]{color:#fff;background:var(--ink);border-color:var(--ink)}.search{width:100%}.search input{padding:12px 16px;border:1px solid var(--line);background:transparent;width:100%;max-width:410px;color:var(--ink);border-radius:0}.result-line{display:flex;justify-content:space-between;margin:24px 0 18px;font-size:13px;color:var(--muted);gap:15px}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px}.product{min-width:0}.product-image{background:white;width:100%;border:1px solid #e9e4d9;padding:20px;aspect-ratio:1.08;display:flex;align-items:center;justify-content:center}.product-image img{max-height:200px;object-fit:contain;transition:transform .2s}.product-image:hover img{transform:scale(1.04)}.product-meta{font-size:11px;letter-spacing:1px;color:var(--accent);margin:16px 0 5px;text-transform:uppercase}.product h3{font:22px/1.2 Georgia;margin:0 0 8px;min-height:52px}.spec{font-size:13px;color:var(--muted);margin:0 0 12px}.product-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:12px;font-size:13px}.product-links a:first-child{font-weight:bold}.product-links a:hover{text-decoration:underline}.load-wrap{text-align:center;margin:38px 0 18px}.outline{background:transparent;color:var(--ink)}.outline:hover{background:var(--tan)}.catalogue-note{max-width:850px;margin:25px auto 0;color:var(--muted);font-size:13px;text-align:center}.story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;background:#eee7d9}.story-photo{background:#fff;padding:50px 30px 20px}.story-photo img{width:100%;height:280px;object-fit:contain}.story-photo span{display:block;font-size:10px;letter-spacing:2px;text-align:center;margin-top:25px}.story p:not(.eyebrow){color:var(--muted)}.text-link{display:inline-block;font-weight:bold;border-bottom:1px solid;margin-top:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:35px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{font:32px Georgia;color:var(--accent)}.steps h3{font:26px Georgia}.steps p{color:var(--muted);max-width:340px}.contact{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.3fr 1fr;gap:9%}.contact em{color:#dfba87}.contact-buttons{display:flex;gap:15px;flex-wrap:wrap;margin-top:28px}.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.light:hover{background:var(--tan)}.light-outline{border-color:#9bab99;background:transparent}.contact dl{margin:0}.contact dt{font-size:11px;letter-spacing:2px;color:#ccd0c0;margin:0 0 4px}.contact dd{font-size:20px;margin:0 0 25px;overflow-wrap:anywhere}.contact small{display:block;font-size:13px;color:#ccd0c0}footer{padding:28px 5%;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:12px}footer p{color:var(--muted)}.footer-brand{font-family:Georgia;font-size:18px}dialog{border:0;padding:40px;max-width:800px;width:90vw;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#14231d99}dialog .close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:30px;color:var(--ink)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.detail-grid img{width:100%;max-height:380px;object-fit:contain;background:white}.detail-grid h2{font-size:32px}.detail-grid .button{margin-bottom:10px;width:100%;gap:5px}.detail-grid p{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:0}[hidden]{display:none!important}@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){header nav{gap:16px}.brand b{font-size:30px}.brand b span{font-size:13px}.hero{gap:4%;min-height:520px}.hero-art{min-height:420px}.hero-art>img{height:290px}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:55px}}@media(max-width:700px){.announcement{font-size:11px;justify-content:center}.announcement>span{display:none}header{padding:18px 5%;gap:15px;flex-wrap:wrap}header>.button{font-size:12px;padding:10px 12px;gap:8px}header nav{order:3;width:100%;justify-content:space-between}.brand small{font-size:8px;letter-spacing:2px}.hero{grid-template-columns:1fr;padding-top:35px;gap:35px}.hero h1{font-size:52px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-note{margin-top:22px}.hero-art{min-height:410px;max-width:480px;width:100%;margin:auto}.hero-art>img{height:300px}.benefits{font-size:12px;flex-wrap:wrap;justify-content:flex-start;gap:10px}.section{padding:48px 5%}.section-heading{display:block}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.product-image{padding:10px}.product-image img{max-height:145px}.product h3{font-size:20px;min-height:48px}.product-meta{font-size:10px}.spec{font-size:12px}.filters button{font-size:12px;padding:8px 10px}.result-line{font-size:11px}.story{grid-template-columns:1fr;gap:32px}.story-photo img{height:210px}.steps{grid-template-columns:1fr;gap:15px}.steps h3{margin:15px 0}.steps p{max-width:none}.contact{grid-template-columns:1fr;gap:40px}.contact h2{font-size:45px}footer{flex-wrap:wrap}footer p{margin:0}.detail-grid{grid-template-columns:1fr;gap:15px}dialog{padding:35px 22px;max-height:90vh}.detail-grid img{height:180px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Refreshed landing page */
header{background:#fffaf0;padding-top:20px;padding-bottom:20px}.announcement{background:#542e23}.hero-v2{background:#f6e8cf;position:relative;overflow:hidden;min-height:615px;grid-template-columns:1fr 1.04fr;padding:38px 5% 40px;gap:3%}.hero-v2:before{content:'';position:absolute;right:-180px;top:-300px;width:850px;height:850px;border-radius:50%;background:#e4b784;opacity:.45;pointer-events:none}.hero-v2 .hero-copy{position:relative;z-index:1}.hero-v2 .eyebrow{color:#7e3525;font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.eyebrow-rule{width:28px;height:2px;background:#9a462b;display:inline-block}.hero-v2 h1{font-size:clamp(55px,5.3vw,84px);font-weight:normal;line-height:1.03;letter-spacing:-3px;color:#3e3326;margin:0 0 24px}.hero-v2 h1 em{color:#ac432a;position:relative}.hero-v2 h1 em:after{content:'';height:7px;background:#e9b144;position:absolute;left:0;right:0;bottom:-9px;border-radius:50%;transform:rotate(-3deg)}.hero-v2 .hero-copy>p:not(.eyebrow){color:#65513e;margin-top:28px;font-size:18px;line-height:1.7}.hero-v2 .button{background:#a8442c;border-color:#a8442c;box-shadow:4px 4px 0 #dfb78c;padding:16px 22px}.hero-v2 .button:hover{background:#863321}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.hero-whatsapp{font-size:13px;color:#653c2d;border-bottom:1px solid #b78c69;padding:7px 0}.hero-v2 .hero-note{font-size:13px;margin-top:34px;color:#72553f;align-items:center}.hero-v2 .hero-note>span{font-size:28px;color:#ae4629}.creative-board{position:relative;min-height:530px;width:100%;max-width:650px;justify-self:center}.board-word{position:absolute;right:15px;top:-24px;font:italic 110px Georgia;color:#8b442823;letter-spacing:-5px}.craft-tile{position:absolute;background:#fffcf5;box-shadow:0 15px 28px #6f3a2824;padding:12px;transition:transform .2s;display:block}.craft-tile:hover{z-index:5;transform:rotate(0deg) translateY(-4px)}.tile-main{width:67%;left:0;top:33px;transform:rotate(-5deg);z-index:2}.tile-main:before,.tile-box:before{content:'';width:75px;height:25px;background:#d89c55a6;position:absolute;left:37%;top:-13px;transform:rotate(7deg)}.tile-label{font-size:10px;letter-spacing:2px;color:#8a452f;display:block;padding:5px 0 11px}.tile-main>img{width:100%;height:263px;object-fit:cover;object-position:center}.tile-bottom{display:flex;flex-direction:column;padding:12px 5px 3px;gap:3px}.tile-bottom b{font:21px Georgia;color:#553c2e}.tile-bottom>span{font-size:12px;color:#7c5940}.tile-box{width:48%;right:0;bottom:12px;transform:rotate(6deg);z-index:3;background:#fff9e9}.tile-box>img{width:100%;height:140px;object-fit:contain;mix-blend-mode:multiply}.tile-word{width:43%;left:5%;bottom:1px;transform:rotate(-8deg);background:#dae1c5;z-index:3}.tile-word>img{width:100%;height:100px;object-fit:contain;mix-blend-mode:multiply}.tile-word .tile-bottom{padding-top:4px}.craft-seal{position:absolute;right:0;top:70px;width:128px;height:128px;border-radius:50%;background:#a74028;color:#fff3d5;display:flex;align-items:center;justify-content:center;flex-direction:column;font:italic 16px/1.35 Georgia;transform:rotate(12deg);z-index:4;box-shadow:0 0 0 5px #e9bf8c,0 0 0 6px #b45b34}.craft-seal strong{font-size:17px}.craft-seal>span{font-size:26px;line-height:1.1}.benefits-v2{background:#a7432b;color:#fff3db;border:0;padding:17px 5%;font:21px Georgia;justify-content:space-between}.benefits-v2 span:before{color:#efbe6b;font-size:23px;margin-right:18px}.delivery-strip{display:flex;justify-content:space-between;gap:20px;padding:14px 5%;border-bottom:1px solid #dfd0b7;font-size:12px;background:#fff9ed;color:#5e503b}.delivery-strip a{text-decoration:underline}.collection{background:#fffcf6}.section-heading .eyebrow{color:#a7432b}.product-image{box-shadow:0 5px 15px #78552c08;border-color:#e7dbc8}.contact{background:#542e23}.contact .eyebrow{color:#e8c799}.contact dd small{color:#e8d3bd}.contact dt{color:#e8d3bd}
@media(max-width:1000px){.hero-v2{min-height:585px}.hero-v2 h1{font-size:61px}.creative-board{min-height:500px}.tile-main>img{height:230px}.tile-box>img{height:120px}.craft-seal{width:106px;height:106px;font-size:14px;right:-5px}.craft-seal strong{font-size:15px}.tile-bottom b{font-size:18px}.tile-word>img{height:90px}.benefits-v2{font-size:18px}}
@media(max-width:700px){.hero-v2{grid-template-columns:1fr;padding-top:32px;padding-bottom:35px;gap:15px}.hero-v2 h1{font-size:58px;letter-spacing:-2px}.hero-v2 .hero-copy>p:not(.eyebrow){font-size:16px}.hero-v2 .hero-note{margin-top:20px}.hero-actions{gap:16px}.hero-v2 .button{font-size:14px;padding:14px 18px}.creative-board{min-height:490px;max-width:480px}.board-word{top:-3px;font-size:88px}.tile-main{top:40px;width:70%}.tile-main>img{height:230px}.craft-seal{right:0;top:68px;width:106px;height:106px}.tile-box{width:49%;bottom:12px}.tile-word{bottom:12px}.tile-box>img{height:118px}.tile-word>img{height:88px}.tile-bottom b{font-size:18px}.benefits-v2{font-size:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.benefits-v2 span:before{margin-right:9px}.delivery-strip{font-size:11px;flex-direction:column;gap:4px}.hero-v2:before{top:350px;right:-250px;width:700px;height:700px}}@media(max-width:380px){.hero-v2 h1{font-size:51px}.creative-board{min-height:455px}.tile-main>img{height:200px}.tile-bottom b{font-size:16px}.craft-seal{width:90px;height:90px;font-size:12px}.craft-seal strong{font-size:13px}}
.tile-main>img{height:225px}@media(max-width:1000px){.tile-main>img{height:210px}}@media(max-width:380px){.tile-main>img{height:185px}}
/* Prominent KHS brand signature */
header .brand{display:flex;flex-direction:column;gap:9px;flex-shrink:0;padding:2px 0}header .brand b{font:bold 62px/.9 Georgia,serif;color:#8d3524;letter-spacing:-2px;gap:16px}header .brand b span{font:bold 20px/1.2 Arial,sans-serif;letter-spacing:2px;color:#392c24;border-left:2px solid #ba8b62;padding:10px 0 10px 16px}header .brand small{font-size:11px;letter-spacing:3px;color:#664431;font-weight:bold}header{padding-top:22px;padding-bottom:22px}@media(max-width:1000px){header .brand b{font-size:53px}header .brand b span{font-size:16px;letter-spacing:1.4px;padding-left:12px}header .brand small{font-size:9px;letter-spacing:2.4px}}@media(max-width:700px){header .brand b{font-size:49px;gap:10px}header .brand b span{font-size:14px;letter-spacing:1px;padding:8px 0 8px 10px}header .brand small{font-size:8px;letter-spacing:2px}header>.button{gap:5px;font-size:11px;padding:10px}header{gap:18px 10px;padding-top:18px;padding-bottom:18px}}@media(max-width:380px){header .brand b{font-size:43px}header .brand b span{font-size:12px}header .brand small{font-size:7px;letter-spacing:1.8px}}

/* Selected theme: charcoal and lime */
header .brand b{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-4px}header .brand b span{letter-spacing:2px}header .brand small{letter-spacing:2px} .hero-v2 h1{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-4px;font-size:clamp(52px,5vw,78px);line-height:1.05} .hero-v2 h1 em{font-style:normal} .hero-v2 h1 em:after{display:none}.hero-v2 .hero-copy>p:not(.eyebrow){font-size:17px}.hero-v2{min-height:590px}.creative-board{min-height:500px}.craft-tile{border-radius:18px;padding:14px;box-shadow:0 14px 35px #0002}.craft-tile:before{display:none}.tile-main{transform:rotate(-3deg);top:25px;width:68%}.tile-main>img{border-radius:10px;height:220px}.tile-label{font-size:10px;font-weight:700}.tile-bottom b{font-family:Arial;font-size:17px;font-weight:700}.tile-box{transform:rotate(4deg);bottom:5px}.tile-word{transform:rotate(-4deg);bottom:0}.craft-seal{box-shadow:none;font-family:Arial;font-style:normal;transform:rotate(8deg);width:110px;height:110px;font-size:13px}.craft-seal strong{font-size:14px}.board-word{font-family:Arial;font-weight:900;font-style:normal;font-size:90px;letter-spacing:-6px;top:0}.button{border-radius:40px}.hero-v2 .button{box-shadow:none;border-radius:40px}.benefits-v2{font-family:Arial;font-weight:600;font-size:17px}.hero-whatsapp{font-weight:600}.section h2{font-family:Arial;font-weight:750}.hero-v2 .eyebrow{font-size:10px;letter-spacing:2px}.hero-note{font-weight:600} .proposal-label{position:fixed;bottom:16px;left:16px;z-index:20;background:#fff;color:#222;padding:8px 15px;border-radius:30px;font:bold 12px Arial;box-shadow:0 3px 20px #0002}
body{background:#171b1d}.announcement{background:#101416;color:#bcc3c1}header{background:#171b1d;border-bottom:1px solid #39413f}header .brand b{color:#d7f66a}header .brand b span{color:#f3f5ed;border-color:#626b5a}header .brand small{color:#bdc5b7}header nav{color:#eef2e8}header>.button{background:#d7f66a;color:#171b1d;border-color:#d7f66a}.hero-v2{background:#171b1d}.hero-v2:before{background:#2e3d30;opacity:.5}.hero-v2 h1{color:#fff}.hero-v2 h1 em{color:#d7f66a}.hero-v2 .eyebrow{color:#d7f66a}.eyebrow-rule{background:#d7f66a}.hero-v2 .hero-copy>p:not(.eyebrow){color:#bcc6c0}.hero-v2 .button{background:#d7f66a;border-color:#d7f66a;color:#162016;font-weight:700}.hero-whatsapp{color:#e5ecdf;border-color:#829578}.hero-v2 .hero-note{color:#b9c6b5}.hero-v2 .hero-note>span{color:#d7f66a}.board-word{color:#d7f66a19}.craft-seal{background:#d7f66a;color:#172218}.tile-main{background:#f1f0e9}.tile-box{background:#e7eee0}.tile-word{background:#d7f66a}.benefits-v2{background:#d7f66a;color:#1d291d}.benefits-v2 span:before{color:#42512b}.delivery-strip{background:#22292a;border-color:#384139;color:#c9d4c6}.collection{background:#f5f6ef}
:root{--ink:#e9efe6;--paper:#171b1d;--tan:#303b32;--muted:#b6c3b9;--line:#3d4942;--accent:#d7f66a}body{color:var(--ink)}.collection{background:#1e2423}.section-heading .eyebrow,.product-meta{color:#d7f66a}.section-heading>p,.spec,.catalogue-note{color:#b6c3b9}.filters button{border-color:#59645c;color:#e8eee3}.filters button[aria-pressed=true]{background:#d7f66a;color:#182016;border-color:#d7f66a}.search input{color:#f1f5ec;border-color:#667264;background:#171c1a}.search input::placeholder{color:#b9c3b5}.product-image{background:#f4f3ec;border-color:#f4f3ec;border-radius:14px}.product-image img{mix-blend-mode:multiply}.product h3{font-family:Arial,sans-serif;font-weight:600;font-size:20px}.product-links a:first-child{color:#d7f66a}.button{background:#d7f66a;border-color:#d7f66a;color:#182016}.button:hover,.hero-v2 .button:hover{background:#e5ff91;color:#182016}.outline{background:transparent;color:#d7f66a;border-color:#b6d259}.outline:hover{background:#303b2c;color:#e4ff99}.story{background:#29332d}.story-photo{border-radius:20px;background:#e9ecde;color:#283b30}.story-photo img{mix-blend-mode:multiply}.story p:not(.eyebrow){color:#c3cec0}.story em{color:#d7f66a}.story h2,.how h2,.contact h2{font-family:Arial,sans-serif;font-weight:700}.text-link{color:#d7f66a}.how{background:#171b1d}.steps article>span{color:#d7f66a}.steps h3{font-family:Arial,sans-serif;font-size:24px}.contact{background:#d7f66a;color:#182016}.contact em{color:#354d24}.contact .eyebrow,.contact dt,.contact dd small{color:#364a2b}.contact .light{background:#18231b;border-color:#18231b;color:#f4f8ed}.contact .light:hover{background:#31462b}.contact .light-outline{background:transparent;border-color:#314c23;color:#18231b}.contact .light-outline:hover{background:#bdd856}footer{background:#111615;color:#e2e9de}.footer-brand{font-family:Arial,sans-serif;font-weight:bold}dialog{background:#242d27;color:#eef4e9;border-radius:20px}dialog .close{color:#d7f66a}.detail-grid img{border-radius:12px}.detail-grid h2{font-family:Arial;font-weight:700}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#e7fa9a}.skip{color:#142018}.sr-only{color:inherit}@media(max-width:700px){.hero-v2 h1{font-size:52px;letter-spacing:-2px}.creative-board{min-height:490px}.section-heading h2{font-size:36px}.product h3{font-size:18px}.contact h2{font-size:43px}}@media(max-width:380px){.hero-v2 h1{font-size:46px}.creative-board{min-height:460px}}