/* Hallmark · macrostructure: Photographic Catalogue · pre-emit critique: P4 H5 E4 S4 R4 V5 */
:root{--ink:#18151c;--paper:#fff9ed;--lime:#ffe600;--pink:#ff63b5;--blue:#41d9f5;--orange:#ff963f;--white:#ffffff;--muted:#514954;--line:#dbcebd;--font:'Anuphan',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}header{position:sticky;top:0;z-index:20;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:18px max(5vw,20px);background:var(--paper);border-bottom:2px solid var(--ink);transition:opacity .28s,transform .28s}header.hidden{opacity:0;transform:translateY(-110%);pointer-events:none}header:focus-within{opacity:1;transform:none;pointer-events:auto}.logo{font-size:38px;font-weight:700;line-height:1}.logo span{display:block;font-size:10px;margin-top:8px;letter-spacing:2px}nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:600}nav a{padding:9px 0;border-bottom:2px solid transparent}nav a:hover,nav a[aria-current]{border-color:var(--ink)}.nav-contact{border:2px solid var(--ink);padding:9px 18px;background:var(--lime);font-weight:600}main>section{width:90%;max-width:1400px;margin:0 auto;padding:90px 0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.16;font-weight:700}h1{font-size:clamp(44px,5.3vw,84px);letter-spacing:-2px}h2{font-size:clamp(32px,3.9vw,58px);letter-spacing:-1.5px}h3{font-size:22px}p+p{margin-top:16px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:24px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding-top:50px;padding-bottom:65px}.hero h1 span{background:var(--lime);display:inline;box-decoration-break:clone}.intro{margin:28px 0;font-size:15px;line-height:1.85}.intro span{display:block}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:2px solid var(--ink);font-weight:600;box-shadow:5px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.dark{background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--pink)}.hero-gallery{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;transform:rotate(2deg)}.hero-gallery figure{height:235px;border:2px solid var(--ink);position:relative;overflow:hidden;background:var(--pink)}.hero-gallery figure:nth-child(2){transform:translateY(22px)}.hero-gallery figure:nth-child(4){transform:translateY(22px)}.hero-gallery img{transition:transform .6s}.hero-gallery figure:hover img{transform:scale(1.07)}figcaption{position:absolute;bottom:0;background:var(--paper);padding:5px 10px;border-top:2px solid var(--ink);font-size:12px;width:100%}.sticker{position:absolute;left:39%;top:38%;border:2px solid var(--ink);background:var(--lime);font-size:20px;font-weight:700;padding:24px 16px;border-radius:50%;line-height:1.2;transform:rotate(-12deg)}main>.about-panel{background:var(--blue);padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:70px;border:2px solid var(--ink)}.about-panel p{max-width:550px}.text-link{display:inline-block;font-weight:600;border-bottom:2px solid var(--ink);margin-top:22px}.why{display:grid;grid-template-columns:1.1fr 1fr;gap:30px 65px}.why h2{grid-row:span 3;align-self:center}.reason{border-bottom:1px solid var(--ink);padding-bottom:22px}.reason p{margin-top:10px}.promo{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.promo p:not(.eyebrow){margin:24px 0}.promo-poster{background:var(--orange);border:2px solid var(--ink);padding:45px;transform:rotate(-3deg);box-shadow:10px 10px 0 var(--ink)}.promo-poster strong{display:block;font-size:clamp(44px,5vw,70px);line-height:1.2;margin:25px 0}.promo-poster small{font-size:12px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:35px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 23px}.product{border:2px solid var(--ink);background:var(--white);transition:transform .25s,box-shadow .25s}.product:hover{transform:translateY(-5px);box-shadow:6px 6px 0 var(--ink)}.product-image{height:280px;position:relative;overflow:hidden}.product-image img{transition:transform .4s}.product:hover img{transform:scale(1.04)}.tag{position:absolute;top:12px;left:12px;padding:4px 12px;background:var(--lime);border:1px solid var(--ink);font-size:12px}.product:nth-child(3n+2) .tag{background:var(--pink)}.product:nth-child(3n) .tag{background:var(--blue)}.product-info{padding:20px}.product-info small{font-size:11px;letter-spacing:2px}.product-info h3{margin:8px 0 14px;font-size:21px}.product-info strong{font-size:25px}.sample{font-size:11px;color:var(--muted);margin-left:4px}.ask{display:block;border-top:1px solid var(--line);padding-top:12px;margin-top:16px;font-size:13px}.note{font-size:12px;color:var(--muted);margin-top:25px;max-width:850px}.articles{border-top:2px solid var(--ink)}details{border-bottom:1px solid var(--ink);padding:22px 0}summary{cursor:pointer;font-size:23px;font-weight:600}details p{margin:20px 0 0;max-width:800px}main>.privacy-strip{background:var(--lime);padding:35px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:2px solid var(--ink)}.privacy-strip h2{font-size:30px}.privacy-strip a{text-decoration:underline}.reviews{border-bottom:2px solid var(--ink)}.reviews h2{margin-bottom:24px}.reviews p{max-width:700px}.reading{max-width:900px}.reading h1{margin-bottom:38px}.reading h2{font-size:30px;margin:38px 0 18px}.reading>h2:first-child{margin-top:0}.contact-block{display:grid;grid-template-columns:1fr 1.1fr;gap:55px}.contact-block h2{margin-bottom:28px}.contact-block a{display:block;font-size:18px;margin-top:12px;text-decoration:underline}.contact-block iframe{width:100%;height:430px;border:2px solid var(--ink);background:var(--blue)}footer{background:var(--ink);color:var(--paper);padding:55px 5vw 22px}.footer-top{display:flex;justify-content:space-between;gap:50px;max-width:1400px;margin:auto}.footer-brand{font-size:65px;line-height:1;font-weight:700}.footer-brand span{display:block;font-size:14px;font-weight:400;margin-top:15px}.footer-top p{max-width:490px}.footer-bottom{max-width:1400px;margin:45px auto 0;border-top:1px solid var(--muted);padding-top:20px;display:flex;gap:25px;justify-content:space-between;font-size:12px}.page-title{border:2px solid var(--ink);padding:55px!important;margin-top:40px!important}.page-title p{margin:15px 0}.pink{background:var(--pink)}.lime{background:var(--lime)}.blue{background:var(--blue)}.filters{display:flex;justify-content:space-between;gap:20px;margin-bottom:35px;flex-wrap:wrap}.filters input{border:2px solid var(--ink);background:var(--white);padding:10px 15px;min-width:250px}.filter{padding:11px 18px;background:var(--paper);border:1px solid var(--ink);cursor:pointer;margin:3px}.filter.active{background:var(--ink);color:var(--paper)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;background:var(--lime);padding:15px;z-index:100}.skip:focus{top:10px}@media(min-width:1500px){main>section{width:88%}}@media(max-width:1000px){header{gap:15px;flex-wrap:wrap}nav{order:3;justify-content:space-between;width:100%;gap:12px;font-size:13px}.hero{gap:25px}.hero-gallery figure{height:205px}.hero h1{font-size:52px}.product-image{height:220px}.promo{gap:40px}}@media(max-width:680px){header{padding:14px 5vw}.logo{font-size:30px}nav{overflow:auto;font-size:12px;gap:18px;justify-content:flex-start;white-space:nowrap;padding-bottom:3px}.nav-contact{font-size:12px;padding:6px 12px}main>section{padding:55px 0}.hero{grid-template-columns:1fr;gap:40px;padding-top:35px}.hero h1{font-size:53px}.intro{font-size:14px}.hero-gallery{margin:0 7px 20px;gap:10px}.hero-gallery figure{height:210px}.sticker{padding:20px 14px;font-size:17px}main>.about-panel{padding:28px;grid-template-columns:1fr;gap:26px}.why{grid-template-columns:1fr;gap:25px}.why h2{grid-row:auto;margin-bottom:10px}.promo{grid-template-columns:1fr;gap:38px}.promo-poster{padding:30px;margin:0 10px}.product-grid{grid-template-columns:repeat(2,1fr);gap:14px}.product-image{height:185px}.product-info{padding:12px}.product-info h3{font-size:17px;line-height:1.4;min-height:48px}.product-info strong{font-size:21px}.sample{display:block;margin:0}.ask{font-size:11px}.section-head{align-items:start}.section-head h2{font-size:32px}.section-head>a{font-size:12px;white-space:nowrap}summary{font-size:19px}main>.privacy-strip{padding:25px;display:block}.privacy-strip h2{font-size:26px;margin-bottom:15px}.contact-block{grid-template-columns:1fr;gap:30px}.contact-block iframe{height:330px}.contact-block a{font-size:16px}.footer-top{flex-direction:column;gap:30px}.footer-brand{font-size:54px}.footer-bottom{flex-wrap:wrap;gap:18px;justify-content:flex-start}.page-title{padding:30px!important}.page-title h1{font-size:44px}.reading h1{font-size:42px}.filters input{width:100%}.filter{font-size:12px;padding:9px 13px}.filters{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Multicolour street palette: separate colour for each content block. */
:root{--section-hero:#fff08a;--section-about:#7de5f2;--section-why:#bdeda0;--section-promo:#ffad7d;--section-catalog:#f4b2dd;--section-articles:#bdb5f7;--section-privacy:#a9f1d9;--section-reviews:#ffbcab;--section-terms:#ddd0ad;--section-contact:#b4d4ff;--card-1:#fff06b;--card-2:#ff9fd0;--card-3:#78e2f3;--card-4:#b0ec81;--card-5:#b9a4f8;--card-6:#ffa665;--card-7:#83e7c4;--card-8:#f8b0a4;--card-9:#acd0ff;--header-bg:#fffdf5;--footer-bg:#282043}
header{background:var(--header-bg)}
main>section{padding-inline:clamp(22px,4vw,56px);margin-block:25px;border:2px solid var(--ink)}
main>.hero{background:var(--section-hero)}
main>.about-panel{background:var(--section-about)}
main>.why{background:var(--section-why)}
main>.promo{background:var(--section-promo)}
main>.catalog{background:var(--section-catalog)}
main>section:has(>.articles){background:var(--section-articles)}
main>.privacy-strip{background:var(--section-privacy)}
main>.reviews{background:var(--section-reviews)}
main>.reading{background:var(--section-terms)}
main>.reading:has(>h1){background:var(--section-privacy)}
main>.contact-block{background:var(--section-contact)}
main>section:has(>.filters){background:var(--section-catalog)}
.product:nth-child(1){--product-color:var(--card-1)}
.product:nth-child(2){--product-color:var(--card-2)}
.product:nth-child(3){--product-color:var(--card-3)}
.product:nth-child(4){--product-color:var(--card-4)}
.product:nth-child(5){--product-color:var(--card-5)}
.product:nth-child(6){--product-color:var(--card-6)}
.product:nth-child(7){--product-color:var(--card-7)}
.product:nth-child(8){--product-color:var(--card-8)}
.product:nth-child(9){--product-color:var(--card-9)}
.product-info,.product .tag{background:var(--product-color)}
.product .tag{border:2px solid var(--ink)}
.product-info{border-top:2px solid var(--ink)}
.ask{border-color:var(--ink)}
footer{background:var(--footer-bg)}
@media(max-width:680px){main>section{padding-inline:20px;margin-block:18px}.hero h1{font-size:clamp(36px,9.8vw,53px);letter-spacing:-1.5px}.hero-gallery figure{height:175px}.product-grid{gap:12px}.product-image{height:155px}.product-info{padding:10px}.product-info h3{font-size:16px}.section-head{flex-wrap:wrap}.section-head>a{margin-top:0}.contact-block a{overflow-wrap:anywhere}.reading h1{font-size:35px}.promo-poster{margin-inline:0;padding:22px}.filters input{min-width:0}.hero-gallery{margin-inline:0}.hero{gap:30px}}