@charset "UTF-8";
:root{--navy:#102c46;--deep:#0a2136;--gold:#c6a15b;--cream:#f6f4ef;--ink:#182b3b;--muted:#64717a;--line:#dedfdc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b98b31;outline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-2.8px;line-height:1.06}h1{font-size:clamp(48px,5.1vw,82px);margin-bottom:24px}h2{font-size:clamp(36px,3.8vw,58px);margin-bottom:24px}h3{font-size:20px}p{line-height:1.75}section{scroll-margin-top:10px}.topline{background:var(--deep);color:#fff;padding:11px 5%;font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between}.topline a{letter-spacing:.4px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fffffffa;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.brand{width:225px}.brand img{object-fit:contain}nav{display:flex;align-items:center;gap:28px;font-size:13px}nav a:hover,.text-link:hover{color:#9a732f}.button{background:var(--navy);color:#fff;padding:17px 24px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;border:0;border-radius:2px;line-height:1.3;transition:background .2s}.button:hover{background:#244963}.button.small{padding:13px 18px}.button.gold{background:var(--gold);color:var(--deep)}.button.gold:hover{background:#ddbb7c}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;background:var(--cream)}.hero-copy{padding:75px 10% 45px}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:bold;color:#95733a;margin-bottom:25px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#9c793c}.intro{font-size:19px;max-width:450px}.hero-sub{font-size:14px;color:var(--muted);max-width:425px}.actions{display:flex;align-items:center;gap:24px;margin:30px 0 45px}.text-link{font-size:13px;border-bottom:1px solid #87939c;padding:9px 0}.hero-note{display:flex;gap:20px;font-size:10px;color:#6b7379;border-top:1px solid #d9d8d1;padding-top:22px}.hero-image{position:relative;overflow:hidden;background:#3f443d}.hero-image>img{height:100%;position:absolute;object-position:center 45%}.hero-image:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#071b23b3)}.image-label{position:absolute;bottom:40px;left:36px;right:25px;z-index:1;color:white}.image-label span{display:block;font-size:10px;letter-spacing:2px;margin-bottom:12px}.image-label strong{font-size:25px;font-weight:400}.vertical-label{position:absolute;right:18px;top:30px;writing-mode:vertical-rl;color:#fff;font-size:9px;letter-spacing:2px}.facts{display:grid;grid-template-columns:repeat(3,1fr) 1.05fr;padding:32px 5%;gap:32px;border-bottom:1px solid var(--line);align-items:center}.facts>div{border-right:1px solid var(--line)}.facts strong{display:block;font-weight:500;font-size:38px;letter-spacing:-1px}.facts small{font-size:17px;letter-spacing:0}.facts span{display:block;font-size:11px;color:var(--muted);margin-top:9px}.facts p{font-size:11px;margin:0;color:var(--muted)}.section{padding:90px 6%}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:35px}.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:480px}.section-heading h2{margin-bottom:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:36px 0 28px}.filters button{background:#fff;border:1px solid var(--line);padding:11px 18px;font-size:12px;border-radius:2px;color:var(--muted)}.filters button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.product[hidden]{display:none}.product-image{aspect-ratio:4/5;overflow:hidden;background:var(--cream);position:relative}.product-image img{height:100%;transition:transform .4s}.product:hover img{transform:scale(1.04)}.product-image span{position:absolute;top:12px;left:12px;background:#fffffff0;padding:7px 9px;font-size:10px}.product-image.landscape img{object-fit:contain;background:#e9ebee}.product-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:19px}.product-title h3{font-size:17px;font-weight:500;margin:0}.product p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:8px}.collection-note{border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--muted);margin-top:30px}.collection-note a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.custom{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white;gap:12%}.custom .eyebrow,.contact .eyebrow{color:#d5b97d}.custom-intro>p:not(.eyebrow){color:#bfcbd6;font-size:14px;max-width:380px;margin-bottom:30px}.steps article{display:flex;gap:26px;padding:22px 0;border-top:1px solid #ffffff25}.steps article>span{color:#d0af70;font-size:12px;padding-top:4px}.steps h3{font-weight:400;margin-bottom:10px}.steps p{font-size:13px;color:#bfcbd6;margin:0}.factory-main{margin:0;position:relative}.factory-main>img{height:480px;object-position:center 60%}.factory-main figcaption{position:absolute;bottom:0;padding:30px;width:100%;color:white;background:linear-gradient(transparent,#091f36dd);font-size:22px}.factory-main figcaption span{display:block;font-size:10px;letter-spacing:2px;margin-bottom:10px}.factory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:24px}.factory-grid figure{margin:0}.factory-grid img{height:230px}.factory-grid figcaption{font-size:12px;padding-top:13px;color:var(--muted)}.faq{background:var(--cream);display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.questions details{border-bottom:1px solid #d4d7d5;padding:21px 0}.questions details:first-child{padding-top:0}.questions summary{cursor:pointer;font-size:16px;line-height:1.5;padding-right:10px}.questions p{font-size:14px;color:var(--muted);margin:16px 0 0}.contact{background:var(--deep);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact>div>p:not(.eyebrow){color:#bfccd5;font-size:14px;max-width:360px}.contact-info{display:grid;gap:15px;margin-top:35px;font-size:14px}.wechat{background:none;border:0;color:inherit;text-align:left;padding:0;font-size:13px;cursor:pointer}form{background:white;color:var(--ink);padding:35px;border-radius:3px}form h3{font-size:24px;font-weight:500;margin-bottom:9px}.form-note{font-size:11px;color:var(--muted);line-height:1.6}label{font-size:12px;display:block;margin:18px 0}input,textarea,select{display:block;width:100%;padding:13px 11px;margin-top:8px;border:1px solid #d5dadd;border-radius:2px;background:#fbfcfc;color:var(--ink);font-size:13px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}.form-row label{margin:0}.form-actions{display:flex;gap:16px;align-items:center}.email-button{border:0;background:none;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:10px 0}footer{padding:40px 6% 90px;background:#071b2d;color:#a6b5c2;display:grid;grid-template-columns:1fr 1.4fr auto;gap:30px;font-size:11px}footer strong{font-size:22px;color:white;font-weight:500}footer p{margin:10px 0 0}.floating{position:fixed;bottom:20px;right:20px;z-index:30;display:flex;box-shadow:0 4px 24px #0003;border:1px solid #ffffff30;border-radius:5px;overflow:hidden;background:var(--navy)}.floating a,.floating button{border:0;background:none;color:white;font-size:12px;padding:14px 17px}.floating a:first-child{background:#176c51}.floating button{border-inline:1px solid #ffffff30}.skip{position:fixed;left:12px;top:-100px;z-index:99;background:#fff;padding:15px}.skip:focus{top:10px}#toast{position:fixed;bottom:85px;right:20px;background:#fff;color:var(--navy);box-shadow:0 2px 20px #0003;padding:16px;z-index:40;max-width:90%;display:none}#toast.show{display:block}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:16px}.brand{width:175px}.hero-copy{padding:55px 8% 35px}.actions{gap:15px}.hero-note{gap:12px}.facts{grid-template-columns:repeat(3,1fr)}.facts p{grid-column:1/-1}.facts>div:last-of-type{border:0}.products{grid-template-columns:repeat(2,1fr)}.section{padding:65px 5%}.custom{gap:8%}.factory-grid img{height:180px}.contact{gap:5%}form{padding:25px}footer{grid-template-columns:1fr 1.5fr}footer>span{grid-column:1/-1}}@media(max-width:700px){.topline{font-size:8px;letter-spacing:1px}.topline a{display:none}header{height:72px;padding:0 5%}.brand{width:175px}.menu{display:block;background:none;border:1px solid var(--line);padding:9px;font-size:12px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:22px 5%;box-shadow:0 12px 15px #0001}nav.open{display:grid;gap:22px}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 6% 30px}h1{font-size:52px;letter-spacing:-2.8px}.intro{font-size:17px}.actions{margin:24px 0 30px}.hero-image{height:420px}.image-label{left:24px;bottom:25px}.facts{gap:16px;padding:25px 6%}.facts strong{font-size:30px}.facts small{font-size:13px}.facts span{font-size:10px;line-height:1.6}.section{padding:55px 6%}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:25px}h2{font-size:39px;letter-spacing:-1.8px}.eyebrow{font-size:9px;margin-bottom:20px}.filters{gap:7px}.filters button{padding:10px 12px;font-size:11px}.products{gap:24px 14px}.product-title h3{font-size:15px}.product p{font-size:11px}.custom,.faq,.contact{grid-template-columns:1fr;gap:30px}.factory-main>img{height:310px}.factory-main figcaption{padding:20px;font-size:18px}.factory-grid{gap:12px;grid-template-columns:1fr 1fr}.factory-grid figure:last-child{grid-column:1/-1}.factory-grid img{height:160px}.factory-grid figure:last-child img{height:230px}.contact-info{margin-bottom:8px}form{padding:23px 18px}.form-row{grid-template-columns:1fr}.form-actions{gap:12px;flex-wrap:wrap}footer{grid-template-columns:1fr;padding:32px 6% 105px;gap:18px}.floating{bottom:12px;right:12px;left:12px;justify-content:center}.floating a,.floating button{flex:1;text-align:center;padding:15px 10px}#toast{bottom:80px;right:12px}.hero-note{font-size:9px;justify-content:space-between}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
