@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{--ink:#171e1b;--paper:#fafaf7;--gold:#d2b17e;--line:#d8dcd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Be Vietnam Pro',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ad803c;outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;padding:20px 5%;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:27px;letter-spacing:4px;font-weight:600;line-height:1.1}.brand img{width:48px;height:48px;object-fit:contain}.brand small{font-size:10px;letter-spacing:2px;display:block;margin-top:7px}nav{display:flex;gap:32px;font-size:14px}.header-contact{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:4px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:660px;background:var(--ink);color:#fff}.hero-copy{padding:72px 9% 26px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:500;margin:0 0 24px}.hero .eyebrow{color:var(--gold)}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.15;margin:0}h1{font-size:clamp(48px,4.8vw,76px);letter-spacing:-1px}em{font-weight:400;color:#b48a50}h1 em{color:var(--gold)}.intro{max-width:420px;color:#cdd2cd;margin:28px 0 32px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-block;padding:15px 23px;font-size:14px;font-weight:500;text-align:center}.gold{background:var(--gold);color:var(--ink)}.dark{background:var(--ink);color:#fff}.text-link{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #48514b;margin-top:65px;padding-top:18px;font-size:11px;letter-spacing:1.5px}.hero-image{margin:0;position:relative;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#000a)}figcaption{position:absolute;z-index:1;bottom:35px;left:35px;display:grid}figcaption strong{font-family:'Playfair Display',serif;font-weight:400;font-size:48px}figcaption span{font-size:12px;letter-spacing:1px}.ribbon{display:flex;justify-content:space-around;align-items:center;gap:20px;background:#e8eae4;padding:23px 5%;font-size:13px}.ribbon i{color:#94784b;font-style:normal}.section{padding:90px 6%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}h2{font-size:clamp(36px,3.7vw,56px)}.section-top>p{max-width:385px;font-size:14px;color:#606861;margin:0 0 6px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filters button{border:1px solid var(--line);background:transparent;padding:9px 19px;font-size:14px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-grid article[hidden]{display:none}.product-open{display:block;width:100%;padding:0;border:0;background:none;text-align:left;color:inherit}.product-image{aspect-ratio:3/4;position:relative;overflow:hidden;background:#e7e8e3}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product-open:hover img{transform:scale(1.04)}.product-image span{position:absolute;bottom:12px;left:12px;background:#fffE;padding:5px 9px;font-size:10px;letter-spacing:1px}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.product-meta h3{font:400 28px 'Playfair Display',serif;margin:0}.product-meta span{font-size:12px;color:#858c83}.product-open>p{font-size:12px;color:#646b65;margin-top:6px}.collection-note{font-size:14px;color:#657066;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.craft{background:#e8eae4;display:grid;grid-template-columns:1fr 1fr;gap:10%}.craft>div>p:not(.eyebrow){color:#606861;max-width:470px;margin:25px 0}.craft-list article{display:flex;gap:26px;border-top:1px solid #bdc4b9;padding:24px 0}.craft-list article>span{font-size:14px;color:#7b876f}.craft-list h3,.project-grid h3{font-weight:500;font-size:19px;margin:0 0 10px}.craft-list p,.project-grid p{font-size:14px;color:#606861;margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:45px 0}.project-grid article{border-top:1px solid var(--line);padding-top:25px}.contact{background:var(--ink);color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:12%}.contact em{color:var(--gold)}.contact p:not(.eyebrow){color:#c1c9c2;max-width:460px;margin-top:25px}.contact-links{display:flex;flex-direction:column;align-items:start;gap:25px}.contact-links a:not(.button){width:100%;border-bottom:1px solid #465047;padding-bottom:20px}.contact-links small{display:block;font-size:11px;letter-spacing:2px;color:var(--gold);margin-bottom:8px}.contact-links strong{font-size:clamp(18px,2vw,28px);font-weight:400;overflow-wrap:anywhere}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;color:#646b65}.footer-brand{font-size:25px;letter-spacing:4px;color:var(--ink)}.mobile-call{display:none}dialog{border:0;padding:0;max-width:850px;width:90%;background:var(--paper);color:var(--ink)}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#101a17cc}dialog>img{width:100%;height:100%;object-fit:cover;max-height:550px}.detail-copy{padding:50px 30px}.detail-copy p:not(.eyebrow){font-size:14px}.close{position:absolute;right:12px;top:10px;width:38px;height:38px;background:white;border:1px solid #ddd;font-size:26px;z-index:2}@media(max-width:900px){nav{gap:15px}.hero-copy{padding:55px 8% 25px}.hero{min-height:580px}.hero-bottom{margin-top:35px}.product-grid{grid-template-columns:repeat(2,1fr)}.craft{gap:6%}.section{padding:65px 5%}footer{flex-wrap:wrap}}@media(max-width:600px){header{padding:16px 5%}.brand{font-size:22px}.brand img{width:38px;height:38px}nav{display:none}.hero{display:flex;flex-direction:column}.hero-copy{padding:44px 6% 24px}h1{font-size:49px}.hero-image{height:410px}.hero-image>img{object-position:center 45%}.hero-bottom{margin-top:35px}.eyebrow{font-size:10px;letter-spacing:1.3px}.ribbon{display:grid;grid-template-columns:1fr 1fr;font-size:11px;text-align:center;gap:15px}.ribbon i{display:none}.section-top{display:block}.section-top>p{margin-top:25px}.section{padding:55px 6%}h2{font-size:36px}.filters{gap:7px}.filters button{font-size:12px;padding:8px 12px}.product-grid{gap:18px 12px}.product-meta h3{font-size:25px}.product-open>p{font-size:11px}.product-image span{font-size:8px;left:7px;bottom:7px;padding:4px 6px}.craft,.contact{grid-template-columns:1fr;gap:35px}.project-grid{grid-template-columns:1fr;gap:25px}.contact-links strong{font-size:22px}footer{padding-bottom:90px;gap:12px}footer p{width:100%;margin:0}.mobile-call{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--gold);color:var(--ink);text-align:center;padding:15px;font-size:14px;font-weight:500;z-index:4}dialog[open]{display:block;max-height:90vh;overflow:auto}dialog>img{height:280px;object-fit:contain;background:#e6e8e3}.detail-copy{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.zalo-button{background:#e3ebf5;color:#154878;border:1px solid #c1d3e9}.footer-contacts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.footer-contacts a:hover{text-decoration:underline}.contact-divider{margin:0 5px}.project-email{font-size:14px;margin-top:14px;color:#59645a}.contact-number{width:100%;border-bottom:1px solid #465047;padding-bottom:20px}.contact-links .contact-number a:not(.button){width:auto;border:0;padding:0}.contact-number .zalo-label{color:var(--gold);font-size:16px;margin-left:8px}.mobile-contact-bar{display:none}@media(max-width:600px){.mobile-contact-bar{display:grid;grid-template-columns:1.65fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:4;background:var(--gold);color:var(--ink);font-size:13px;box-shadow:0 -3px 20px #0002}.mobile-contact-bar a{padding:17px 8px;text-align:center}.mobile-contact-bar a:last-child{background:var(--ink);color:white}.footer-contacts{width:100%;font-size:12px}}

@media(max-width:600px){header nav{display:flex!important;flex-wrap:wrap;gap:8px 14px;width:100%;font-size:12px}header{flex-wrap:wrap;gap:18px}header nav{order:3}}

.seo-title{font:400 clamp(35px,5vw,64px)/1.2 "Playfair Display",serif;margin:20px 0 30px}.seo-intro{max-width:850px;line-height:1.9}.seo-categories{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.seo-categories .button{border:1px solid var(--line);font-size:14px;padding:14px 20px}.seo-categories .button:hover{background:var(--ink);color:white}