:root{--ink:#113b40;--muted:#647370;--paper:#faf9f5;--gold:#9d7b48;--line:#dce1da}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#faf9f5f5;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;letter-spacing:4px;font-size:25px;line-height:1.1;display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;border-radius:50%}.brand small{display:block;font:9px Arial;letter-spacing:3px;margin-top:6px}nav{display:flex;align-items:center;gap:28px;font-size:13px}.cta,.btn{display:inline-block;padding:12px 22px;border:1px solid var(--ink);background:var(--ink);color:white;font-size:13px;text-align:center}.btn.light{background:transparent;color:var(--ink)}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:bold}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(48px,6.2vw,90px);margin:24px 0}h2{font-size:clamp(35px,4vw,56px);margin:16px 0 24px}h3{font-size:25px}p{color:var(--muted)}.hero{display:grid;grid-template-columns:42% 58%;min-height:630px;background:#edece4}.hero-copy{padding:80px 12%}.hero-copy p{max-width:360px}.hero-media{position:relative;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media::after{content:'HANDCRAFTED IN VIETNAM';position:absolute;bottom:30px;right:30px;color:white;font-size:10px;letter-spacing:3px;text-shadow:0 1px 5px #000}.hero-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.strip{padding:16px 5%;background:var(--ink);color:#fff;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.3px}.section{padding:90px 5%;max-width:1600px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.section-head p{max-width:420px}.section-head h2{max-width:620px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.chip{background:transparent;border:1px solid var(--line);padding:10px 16px;color:var(--ink);font-size:12px}.chip.active{background:var(--ink);color:white;border-color:var(--ink)}.search-row{display:flex;gap:12px;margin:30px 0 10px}.search-row input{flex:1;min-width:0;border:0;border-bottom:1px solid var(--ink);background:none;padding:14px 0;border-radius:0}.search-row select{border:1px solid var(--line);padding:10px;background:white;max-width:190px}.resultbar{display:flex;justify-content:space-between;margin:24px 0;font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 22px}.card{position:relative}.card-image{overflow:hidden;background:#e8e9e2;aspect-ratio:3/4}.card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover img{transform:scale(1.035)}.card small{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);display:block;margin-top:16px}.card h3{font-size:22px;line-height:1.25;margin:8px 0}.card p{font-size:12px;margin:4px 0}.card .price{color:var(--ink)}.page-buttons{display:flex;justify-content:center;gap:8px;margin-top:40px;flex-wrap:wrap}.craft{display:grid;grid-template-columns:1fr 1fr;background:#e8ece5}.craft img{width:100%;height:100%;object-fit:cover;max-height:720px}.craft-copy{padding:75px 12%}.steps{border-top:1px solid #c7d1c7;margin-top:30px}.steps article{padding:16px 0;border-bottom:1px solid #c7d1c7}.steps h3{font-size:20px;margin:0}.steps p{font-size:13px;margin:8px 0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.project-grid article{border-top:1px solid var(--gold);padding-top:20px}.project-grid h3{font-size:29px}.project-grid p{font-size:14px}.journal{background:#eeeee6}.contact{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:var(--ink);color:white}.contact p{color:#c6d2cc}.contact a{color:white}.contact form{display:grid;gap:14px}.contact label{font-size:12px}.contact input,.contact select,.contact textarea{display:block;width:100%;background:transparent;border:1px solid #78918c;color:white;padding:12px;margin-top:6px;border-radius:0}.contact option{color:#173d3c}.contact button{background:#f5f2e9;color:var(--ink);border:0;padding:14px}.contact .note{font-size:11px}footer{padding:35px 5%;font-size:11px;display:flex;justify-content:space-between;gap:25px;color:var(--muted);border-top:1px solid var(--line)}.hidden,[hidden]{display:none!important}.product-layout{display:grid;grid-template-columns:55% 45%;gap:0;margin:35px 0 70px}.product-photo{background:#eceee8}.product-photo img{width:100%;height:650px;object-fit:contain}.product-copy{padding:30px 0 30px 12%}.product-copy h1{font-size:48px}.thumbs{display:flex;gap:8px;overflow:auto;padding:12px 0}.thumbs button{background:none;border:1px solid var(--line);padding:0;min-width:65px}.thumbs img{width:65px;height:85px;object-fit:cover}.spec{display:grid;grid-template-columns:110px 1fr;border-top:1px solid var(--line);padding:12px 0;font-size:13px}.breadcrumbs{font-size:12px;color:var(--muted)}.article-body{max-width:760px;margin:auto;padding:70px 5%}.article-body h1{font-size:56px}.article-body h2{font-size:30px;margin-top:40px}.mobile-toggle{display:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b18b50;outline-offset:4px}@media(max-width:900px){nav{gap:15px}nav .cta{display:none}.hero{grid-template-columns:1fr 1fr;min-height:550px}.hero-copy{padding:60px 10%}.grid{grid-template-columns:repeat(3,1fr)}.section{padding:65px 5%}.hero h1{font-size:58px}.product-photo img{height:520px}.product-copy h1{font-size:36px}}@media(max-width:640px){header{height:74px}.brand{font-size:22px}.brand img{width:39px;height:39px}.mobile-toggle{display:block;border:0;background:none;color:var(--ink);font-size:13px}nav{display:none;position:absolute;top:74px;left:0;width:100%;background:var(--paper);padding:25px;flex-direction:column;align-items:start;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{display:flex;flex-direction:column}.hero-copy{padding:45px 6%}.hero h1{font-size:57px;max-width:350px}.hero-media{height:380px}.strip{font-size:9px;flex-wrap:wrap;justify-content:center;gap:6px 20px}.section-head{display:block}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.card h3{font-size:20px}.card small{font-size:8px}.search-row{flex-wrap:wrap}.search-row input{flex-basis:100%}.search-row select{max-width:none;flex:1}.craft{grid-template-columns:1fr}.craft img{height:400px}.craft-copy{padding:45px 6%}.project-grid,.contact{grid-template-columns:1fr}.contact{gap:35px}.product-layout{grid-template-columns:1fr}.product-photo img{height:480px}.product-copy{padding:25px 0}.product-copy h1{font-size:40px}.article-body h1{font-size:42px}footer{flex-direction:column}.chip{padding:9px 12px;font-size:11px}}
/* Focus on the artwork rather than text embedded in the original wide banners. */
.hero-media img,.craft>img{object-position:right center}

/* Show the complete 2500 × 850 artwork across the viewport without a text panel or crop. */
.hero{display:block;min-height:0;background:transparent}.hero>img{display:block;width:100%;height:auto;aspect-ratio:2500/850;object-fit:contain}.hero::after{content:none}

/* Full-width three-image carousel: preserve every image at its original aspect ratio. */
.hero{display:block;min-height:0;background:transparent}.hero-slides{position:relative;aspect-ratio:2500/850;overflow:hidden}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease}.hero-slide.active{opacity:1;visibility:visible}.hero-controls{display:flex;justify-content:center;align-items:center;gap:14px;padding:12px;background:var(--paper)}.hero-controls button{width:32px;height:8px;padding:0;border:0;border-radius:8px;background:#bac2c0}.hero-controls button.active{background:var(--ink)}@media(max-width:640px){.hero{display:block;min-height:0}.hero-controls{padding:10px}.hero-controls button{width:30px;height:10px}}@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}

/* Five workshop photographs displayed in a consistent 3:4 frame. */
.craft{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.craft-gallery{min-width:0;align-self:start}.craft-slides{position:relative;aspect-ratio:3/4;overflow:hidden;background:#d9ddda}.craft-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.craft-slide.active{opacity:1;visibility:visible}.craft-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;background:#e8ece5}.craft-controls button{width:25px;height:9px;padding:0;border:0;border-radius:9px;background:#aebdb5}.craft-controls button.active{background:var(--ink)}@media(max-width:640px){.craft{grid-template-columns:1fr}.craft-gallery{width:100%}.craft-copy{padding:45px 6%}}@media(prefers-reduced-motion:reduce){.craft-slide{transition:none}}

.craft .craft-slide{height:100%;max-height:none;object-position:center}

/* Short editorial captions move with the banners and workshop photographs. */
.hero-captions,.craft-captions{position:absolute;inset:0;pointer-events:none;z-index:2}.hero-caption,.craft-caption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#fff;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease;text-shadow:0 2px 12px #0009}.hero-caption.active,.craft-caption.active{opacity:1;visibility:visible}.hero-caption{padding:clamp(25px,4vw,65px) 5%;background:linear-gradient(transparent,#102b34b8)}.craft-caption{padding:64px clamp(22px,4vw,54px) 28px;background:linear-gradient(transparent,#102b34c9)}.hero-caption span,.craft-caption span{font:600 clamp(9px,.8vw,12px)/1.4 Arial,sans-serif;letter-spacing:.22em}.hero-caption strong,.craft-caption strong{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15}.hero-caption strong{font-size:clamp(21px,2.8vw,46px)}.craft-caption strong{font-size:clamp(21px,2.5vw,38px);max-width:460px}@media(max-width:640px){.hero-caption{padding:20px 5% 16px;gap:1px}.hero-caption span{font-size:8px;letter-spacing:.12em}.hero-caption strong{font-size:clamp(15px,4.4vw,23px)}.craft-caption{padding:55px 22px 22px}.craft-caption strong{font-size:clamp(21px,6vw,32px)}}@media(prefers-reduced-motion:reduce){.hero-caption,.craft-caption{transition:none}}

/* Portrait product photographs in the wide home banner: artwork and faces stay visible; the Vietnamese price strip remains outside the frame. */
.hero-slide.portrait-banner{display:flex;justify-content:flex-end;background:#102b43}.portrait-atmosphere{position:absolute;inset:-20px;background-image:linear-gradient(90deg,#091b2bea,#0c2e47c9 54%,#102b4366),var(--portrait);background-size:cover;background-position:center top;filter:blur(13px)}.portrait-banner img{position:relative;width:38%;height:100%;max-width:none;object-fit:cover;object-position:center top}.hero-caption.portrait-caption{right:38%;top:0;bottom:0;justify-content:center;padding:0 4% 0 7%;background:none}.hero-caption.portrait-caption strong{max-width:680px;font-size:clamp(23px,3.3vw,56px)}@media(max-width:640px){.portrait-banner img{width:45%}.hero-caption.portrait-caption{right:45%;padding:0 4% 0 5%;gap:2px}.hero-caption.portrait-caption strong{font-size:clamp(14px,4vw,22px);line-height:1.12}.hero-caption.portrait-caption span{font-size:7px;letter-spacing:.1em}}

/* Workshop frames show the full photograph, with the short caption beside it. */
.craft-slides{aspect-ratio:4/3;background:#f3f3ee}.craft .craft-slide{display:grid;grid-template-columns:minmax(0,70%) minmax(0,30%);height:100%;max-height:none;background:#f4f1e9}.craft-photo{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;padding:16px;background:#efeee9}.craft .craft-photo img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}.craft-photo-copy{display:flex;flex-direction:column;justify-content:center;gap:13px;min-width:0;padding:clamp(16px,2.4vw,38px);background:#173b48;color:#f8f5eb}.craft-photo-copy span{font:600 clamp(9px,.72vw,11px)/1.4 Arial,sans-serif;letter-spacing:.16em;color:#d7c395}.craft-photo-copy strong{font:400 clamp(18px,1.8vw,30px)/1.17 Georgia,'Times New Roman',serif;overflow-wrap:normal}@media(max-width:640px){.craft-slides{aspect-ratio:3/4}.craft .craft-slide{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.craft-photo{padding:10px}.craft-photo-copy{gap:4px;padding:12px 20px;min-height:88px}.craft-photo-copy span{font-size:9px}.craft-photo-copy strong{font-size:20px}}
.grouped-catalog{display:block}.category-section{margin:44px 0 64px;scroll-margin-top:110px}.category-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:14px}.category-heading h3{font:400 clamp(26px,3vw,38px)/1.2 Georgia,serif;margin:0}.category-heading span{font-size:12px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 18px}.category-grid .card{min-width:0}.category-grid .card h3{font-size:20px}@media(max-width:1000px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.category-heading{align-items:start}.category-heading h3{font-size:25px}.category-heading span{white-space:nowrap;font-size:10px}.category-grid .card h3{font-size:18px}}