/* Hallmark · pre-emit critique: P4 H5 E4 S5 R4 V5
 * macrostructure: Catalogue / four-photo contact sheet · theme: Riso, adapted to explicit multicolor brief
 * genre: playful street editorial · Anuphan supplied by user · nav: stacked masthead · footer: address signature
 * palette footprint follows user's white/multicolor request. Browser visual QA unavailable. */
:root{--paper:#faf9f6;--white:#fff;--ink:#20211f;--muted:#595c57;--rule:#d7d7cf;--orange:#ee6c36;--pink:#f2a8c0;--lime:#d9ed6c;--blue:#c3d8f5;--lilac:#d4c6ed;--yellow:#f2d66c;--focus:#2447ad;--overlay:#20211f66;--font:'Anuphan',sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:180px}body{font-family:var(--font);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a,button{ -webkit-tap-highlight-color:var(--blue)}button:disabled{opacity:.55;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button:active,.button:active{transform:translateY(1px)}img{display:block;width:100%;height:auto;object-fit:cover}h1,h2,h3,p,figure{margin:0}p+p{margin-top:var(--s4)}h1,h2,h3{min-width:0;overflow-wrap:anywhere;line-height:1.25}h2{font-size:clamp(30px,4vw,56px);font-weight:600;letter-spacing:-1.5px}h3{font-size:23px;font-weight:600}.section,footer,header{width:min(1360px,calc(100% - 96px));margin-inline:auto}.section{padding-block:var(--s8);border-bottom:1px solid var(--rule)}main>section>div{min-width:0}header{position:sticky;top:0;z-index:20;background:var(--paper);transition:opacity .25s,transform .25s}header.hidden-nav{opacity:0;transform:translateY(-105%);pointer-events:none}header:focus-within{opacity:1;transform:none;pointer-events:auto}.masthead{display:flex;justify-content:space-between;align-items:center;padding-block:var(--s5)}.brand{font-size:36px;font-weight:700;line-height:1}.brand span{display:block;font-size:12px;letter-spacing:1px;margin-top:var(--s2)}.location{font-size:14px;color:var(--muted)}#cart-open{border:1px solid var(--ink);background:var(--paper);padding:var(--s3) var(--s5);min-height:44px}#cart-count{display:inline-grid;place-items:center;background:var(--lime);border-radius:50%;width:28px;height:28px;margin-left:var(--s2)}nav{display:flex;justify-content:space-between;align-items:center;border-block:2px solid var(--ink);gap:var(--s4)}nav a{padding:var(--s4) var(--s2);font-weight:500;white-space:nowrap}nav a[aria-current]{box-shadow:inset 0 -4px var(--orange)}nav a:hover{background:var(--blue)}.hero{padding-top:var(--s7);padding-bottom:var(--s8)}.hero-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--s7);align-items:center;margin-bottom:var(--s7)}.eyebrow{font-size:14px;font-weight:500;margin-bottom:var(--s4)}h1{font-size:clamp(48px,6.6vw,90px);font-weight:700;letter-spacing:-3px;line-height:1.2}.hero h1 span{background:var(--lime);display:inline-block;padding:0 var(--s2);transform:rotate(-2deg)}.hero-intro{font-size:15px;line-height:1.65;justify-self:end;min-width:260px}.hero-intro>span{display:block}.button{display:inline-flex;justify-content:center;align-items:center;gap:var(--s3);min-height:48px;padding:var(--s3) var(--s5);background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-weight:500;white-space:nowrap;transition:background-color .18s}.button:hover{background:var(--focus)}.hero-intro .button{margin-top:var(--s5)}.hero-images{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}.hero-images figure:nth-child(even){padding-top:var(--s6)}.hero-images img{height:260px}.hero-images figure:nth-child(1) img{border-radius:0 72px 0 0}.hero-images figure:nth-child(3) img{border-radius:0 0 0 64px}.hero-images figcaption{display:flex;align-items:center;gap:var(--s3);font-size:14px;margin-top:var(--s3)}figcaption span{background:var(--pink);padding:var(--s1) var(--s2)}figure:nth-child(2) figcaption span{background:var(--blue)}figure:nth-child(3) figcaption span{background:var(--lime)}figure:nth-child(4) figcaption span{background:var(--yellow)}.image-note{font-size:12px;color:var(--muted);margin-top:var(--s5)}.about-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--s9)}.large-copy{font-size:clamp(22px,2.6vw,32px);line-height:1.55;margin-bottom:var(--s5)}.text-link{display:inline-block;border-bottom:1px solid var(--ink);padding-block:var(--s2);white-space:nowrap;font-weight:500}.about-block .text-link{margin-top:var(--s5)}.why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}.why h2{grid-column:1/-1;margin-bottom:var(--s5)}.reason{border-top:2px solid var(--ink);padding-top:var(--s5)}.reason b{font-size:23px;display:block;margin-bottom:var(--s4)}.reason:nth-child(2){border-color:var(--orange)}.reason:nth-child(3){border-color:var(--focus)}.reason:nth-child(4){border-color:var(--pink)}.promo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8);background:var(--yellow);padding-inline:var(--s7);margin-top:var(--s7);border:0}.promo .button{margin-top:var(--s5)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s5);margin-bottom:var(--s6)}.section-head>span{color:var(--muted)}.articles details{border-top:1px solid var(--rule);padding:var(--s5) 0}.articles summary{font-size:23px;cursor:pointer;min-height:44px}.articles details p{max-width:70ch;margin-top:var(--s4);color:var(--muted)}.privacy-band{display:flex;justify-content:space-between;align-items:center;gap:var(--s5)}.privacy-band h2{font-size:32px}.reviews h2{margin-bottom:var(--s6)}.review-empty{background:var(--lilac);padding:var(--s7);max-width:900px}.review-empty p:first-child{font-size:26px}.prose{max-width:900px}.prose h2{margin-bottom:var(--s6)}.prose h3{margin-top:var(--s6);margin-bottom:var(--s4)}.contact-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8)}.phone{font-size:clamp(24px,3vw,40px);display:inline-block;margin-block:var(--s5);border-bottom:2px solid var(--orange)}iframe{width:100%;height:320px;border:0;margin-top:var(--s5);background:var(--rule)}small{font-size:12px}.catalog-note{color:var(--muted);max-width:80ch;margin-bottom:var(--s6)}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s7) var(--s5)}.product-image{position:relative;background:var(--blue);overflow:hidden}.product-image img{height:300px;transition:filter .25s}.product:hover img{filter:brightness(.94)}.product:nth-child(3n+2) img{object-position:75% center}.product:nth-child(3n) img{object-position:20% center}.product-number{position:absolute;top:var(--s4);left:var(--s4);background:var(--paper);padding:var(--s1) var(--s3);font-size:14px}.category{position:absolute;bottom:var(--s4);left:var(--s4);background:var(--pink);padding:var(--s1) var(--s3);font-size:13px}.product:nth-child(3n+2) .category{background:var(--lime)}.product:nth-child(3n) .category{background:var(--blue)}.product-copy{padding-top:var(--s5)}.product-copy>p{color:var(--muted);font-size:14px;margin-top:var(--s2)}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-top:var(--s5)}.product-bottom strong{font-size:23px;font-weight:500}.product-bottom small{display:block;font-size:11px;font-weight:400;color:var(--muted)}.add{background:var(--paper);border:1px solid var(--ink);padding:var(--s2) var(--s4);min-height:44px;white-space:nowrap}.add:hover{background:var(--lime)}.service{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);gap:var(--s6);align-items:center}.service h2{font-size:40px}.service img{height:320px}.service .button{margin-top:var(--s5)}.service h3{margin-bottom:var(--s4)}.page-title h1{margin-bottom:var(--s6)}.page-title>img{max-height:420px;margin-top:var(--s7)}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-top:var(--s6)}.filters button{background:var(--paper);border:1px solid var(--rule);padding:var(--s2) var(--s4);min-height:44px}.filters button[aria-pressed=true]{background:var(--lime);border-color:var(--ink)}.filters button:hover{border-color:var(--ink)}.search-label{display:block;margin-top:var(--s5);max-width:400px}.search-label input{display:block;width:100%;min-height:48px;padding:var(--s3);border:1px solid var(--rule);background:var(--white);color:var(--ink);margin-top:var(--s2)}footer{margin-top:var(--s7);padding-block:var(--s7)}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--s7);border-bottom:2px solid var(--ink)}.footer-top h2{font-size:64px}.footer-top h2 span{font-size:16px;display:block;letter-spacing:0;margin-top:var(--s3)}.footer-top>a{background:var(--pink);padding:var(--s3) var(--s5);white-space:nowrap}.footer-details{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--s6);padding-block:var(--s6);font-size:14px}.footer-details p{margin:0}.copyright{font-size:12px;color:var(--muted)}dialog{position:fixed;inset:0 0 0 auto;margin:0;border:0;width:min(500px,100%);max-width:100%;height:100dvh;max-height:100dvh;background:var(--paper);color:var(--ink);padding:0}dialog::backdrop{background:var(--overlay)}.drawer{padding:var(--s6);display:flex;flex-direction:column;min-height:100%}.cart-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}.cart-head h2{font-size:30px}.cart-head button{background:var(--paper);border:1px solid var(--rule);padding:var(--s2) var(--s3);min-height:44px;white-space:nowrap}.drawer>p{color:var(--muted);margin-top:var(--s3)}#cart-items{padding-block:var(--s6)}.cart-row{border-bottom:1px solid var(--rule);padding-block:var(--s5)}.cart-row-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}.quantity{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s4)}.quantity button{min-width:44px;min-height:44px;background:var(--paper);border:1px solid var(--rule)}.quantity .remove{margin-left:auto;padding-inline:var(--s3)}.cart-summary{margin-top:auto;border-top:2px solid var(--ink);padding-top:var(--s5)}.cart-summary>p:first-child{display:flex;align-items:center;justify-content:space-between}.cart-summary small{display:block;margin-block:var(--s4)}.cart-summary .button{width:100%;font-size:15px}.skip{position:fixed;top:-80px;left:var(--s4);background:var(--lime);padding:var(--s4);z-index:100}.skip:focus{top:var(--s4)}[hidden]{display:none!important}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero-images img{height:300px}}@media(max-width:1000px){.section,footer,header{width:calc(100% - 64px)}.hero-top{gap:var(--s6)}.hero-images img{height:220px}.hero-intro{min-width:0}.about-block{gap:var(--s7)}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.service{grid-template-columns:repeat(2,minmax(0,1fr))}.service h2{grid-column:1/-1}.footer-details{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-block{gap:var(--s6)}}@media(max-width:680px){.section,footer,header{width:calc(100% - 40px)}.section{padding-block:var(--s7)}.masthead{padding-block:var(--s4)}.brand{font-size:30px}.location{display:none}#cart-open{padding:var(--s2) var(--s3)}nav{justify-content:flex-start;flex-wrap:wrap;gap:0 var(--s3);padding-block:var(--s2)}nav a{font-size:13px;padding:var(--s2) var(--s1);min-height:40px}.hero-top{grid-template-columns:minmax(0,1fr);gap:var(--s5)}h1{font-size:54px;letter-spacing:-2px}.hero-intro{justify-self:start;width:100%;columns:2;column-gap:var(--s4);font-size:13px}.hero-intro .button{display:flex;break-inside:avoid;font-size:13px;padding-inline:var(--s3)}.hero-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5) var(--s3)}.hero-images img{height:200px}.hero-images figure:nth-child(even){padding-top:var(--s5)}.hero-images figcaption{font-size:12px;gap:var(--s2)}.about-block,.contact-block,.promo{grid-template-columns:minmax(0,1fr);gap:var(--s6)}.why{grid-template-columns:minmax(0,1fr);gap:var(--s5)}.why h2{margin-bottom:0}.reason{padding-top:var(--s4)}.reason b{font-size:22px}.promo{padding-inline:var(--s5)}.section-head{align-items:flex-start;flex-direction:column;gap:var(--s4)}.section-head h2{font-size:34px}.privacy-band{align-items:flex-start;flex-direction:column}.privacy-band h2{font-size:28px}.review-empty{padding:var(--s5)}.review-empty p:first-child{font-size:23px}.products{gap:var(--s6) var(--s3)}.product-image img{height:180px}.product-copy{padding-top:var(--s4)}.product-copy h3{font-size:19px}.product-copy>p{font-size:13px}.product-number{top:var(--s2);left:var(--s2)}.category{left:var(--s2);bottom:var(--s2);font-size:11px}.product-bottom{align-items:flex-start;flex-direction:column;gap:var(--s3);margin-top:var(--s4)}.product-bottom strong{font-size:22px}.add{width:100%}.service{grid-template-columns:minmax(0,1fr)}.service img{height:240px}.service h2{font-size:34px}.footer-top{align-items:flex-start;flex-direction:column;gap:var(--s5)}.footer-top h2{font-size:56px}.footer-details{grid-template-columns:minmax(0,1fr);gap:var(--s4)}.drawer{padding:var(--s5)}.cart-summary .button{font-size:13px}.articles summary{font-size:20px}.prose{max-width:calc(100% - 40px)}iframe{height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.hero h1 span,header.hidden-nav{transform:none}header.hidden-nav{opacity:1;pointer-events:auto}}