:root{--green:#102d25;--ink:#203b31;--cream:#f6f2e9;--muted:#74776a;--gold:#bda26c;--line:#dad9cc;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:6px}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500}h2{font-size:clamp(31px,3.8vw,52px);line-height:1.45;letter-spacing:.06em}p{line-height:1.95}section{scroll-margin-top:85px}.wrap{width:min(1220px,86%);margin:auto}.eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:.2em;color:var(--muted);font-weight:500}.eyebrow.light{color:#d5c4a2}.skip{position:fixed;top:-90px;left:10px;background:var(--cream);z-index:99;padding:15px}.skip:focus{top:10px}header{height:100px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;color:var(--cream);z-index:20;border-bottom:1px solid #ffffff25;transition:background .2s}header.scrolled{position:fixed;height:78px;background:var(--green);box-shadow:0 4px 20px #0002}.brand{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.brand-name{font-family:var(--serif);font-size:34px;font-weight:700;letter-spacing:.16em;line-height:1.3}.brand-tag{font-size:10px;letter-spacing:.42em;padding-top:5px}nav{display:flex;align-items:center;gap:35px;font-size:13px;letter-spacing:.08em}nav>a{padding:12px 0}nav>a:hover{color:#dcc394}.nav-contact{border:1px solid #f6f2e965;padding:11px 20px;display:flex;gap:28px}.menu-toggle{display:none}.hero{min-height:750px;height:100svh;max-height:980px;position:relative;background:#0a2323;color:var(--cream);overflow:hidden}.hero-photo{position:absolute;height:100%;object-fit:cover;object-position:center 57%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#09241fd9 0%,#0c241d45 65%,#102a1929 100%),linear-gradient(0deg,#071c1ab8,transparent 50%,#061f2780)}.hero-content{position:relative;margin:auto;width:86%;padding-top:clamp(180px,24vh,265px);z-index:1}.hero h1{font-size:clamp(55px,6.8vw,98px);line-height:1.3;letter-spacing:.08em;margin:23px 0 27px;font-weight:500}.hero h1 span{color:#dac398}.hero-intro{font-size:15px;color:#e9e5dc;letter-spacing:.1em;margin-bottom:32px;line-height:2.1}.button{min-height:48px;padding:15px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:46px;font-size:13px;letter-spacing:.08em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px;line-height:1}.ivory{background:var(--cream);color:var(--green)}.green{background:var(--green);color:var(--cream)}.hero-bottom{position:absolute;bottom:30px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff42;padding-top:22px;font-size:11px;letter-spacing:.15em}.hero-bottom a{display:flex;gap:25px;align-items:center}.hero-bottom a span{font-size:24px}.vertical-note{position:absolute;right:7%;top:37%;writing-mode:vertical-rl;font-size:11px;letter-spacing:.35em;color:#e6e1c9}.intro{padding:100px 0 105px;border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:start;margin-top:35px}.intro-grid h2{font-size:clamp(32px,3.5vw,48px)}.intro-grid p{font-size:14px;color:#686f61}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid var(--gold);padding:8px 0;color:var(--green)}.text-link.light{color:var(--cream)}.text-link span{font-size:19px}.section-top{display:flex;justify-content:space-between;gap:25px;align-items:baseline;margin-bottom:38px}.section-top .eyebrow{margin:0}.section-top>span{font-size:11px;letter-spacing:.15em;color:var(--muted)}.story{padding:95px 0 110px}.story-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:90px}.family-photo{aspect-ratio:1.1;object-fit:cover}.image-caption{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);padding:12px 0 25px;letter-spacing:.08em}.history-photo{width:72%;aspect-ratio:1.45;object-fit:cover;margin:0 0 0 auto}.story-copy h2{margin-bottom:25px}.lead{font-size:15px;letter-spacing:.06em}.timeline{margin-top:35px}.timeline article{display:grid;grid-template-columns:63px 1fr;gap:25px;border-top:1px solid var(--line);padding:20px 0}.timeline article>span{font-size:21px;font-family:var(--serif);color:#9a8150;padding-top:4px}.timeline h3{font-size:20px;margin-bottom:9px}.timeline p{font-size:12px;color:var(--muted);margin:0;line-height:1.9}.story-foot{font-size:10px;color:var(--muted);margin:14px 0 0}.origin{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--cream)}.origin-image{position:relative;min-height:625px}.origin-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 62%}.origin-image>span{position:absolute;left:30px;bottom:25px;font-size:11px;letter-spacing:.1em;background:#102d25a6;padding:8px 13px}.origin-copy{padding:80px min(8vw,110px)}.origin-copy h2{font-size:clamp(32px,3.3vw,46px)}.origin-copy>p:not(.eyebrow){font-size:13px;color:#c5cfc5}.origin-questions{display:flex;gap:24px;border-top:1px solid #ffffff2b;border-bottom:1px solid #ffffff2b;padding:20px 0;margin:26px 0;font-size:12px;color:#d5c4a2;letter-spacing:.07em}.selection{padding:100px 0 110px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px}.section-heading h2{font-size:clamp(30px,3.2vw,45px)}.section-heading p{font-size:12px;color:var(--muted)}.selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:30px;align-items:center}.product-view{background:#fff;position:relative;height:550px;overflow:hidden}.product-view img{width:100%;height:100%;object-fit:contain;padding:35px 45px 55px}.product-view>span{position:absolute;bottom:20px;left:25px;font-size:10px;letter-spacing:.1em;color:var(--muted)}.product-view.photo img{padding:0;object-fit:cover}.product-view.photo>span{background:var(--cream);padding:7px 12px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:36px}.tabs button{background:transparent;border:0;color:var(--muted);padding:0 21px 15px;font-size:13px;position:relative}.tabs button:first-child{padding-left:0}.tabs button[aria-selected=true]{color:var(--green)}.tabs button[aria-selected=true]:after{content:"";position:absolute;left:0;right:20px;bottom:-1px;height:2px;background:var(--green)}.product-info h3{font-size:35px;line-height:1.5;letter-spacing:.06em;margin:14px 0 20px}.product-info p:not(.eyebrow){font-size:12px;color:var(--muted)}dl{margin:25px 0 28px;font-size:12px}dl>div{display:flex;padding:13px 0;border-bottom:1px solid var(--line);gap:25px}dt{flex-shrink:0;color:#937746}dd{margin:0;color:#666e61;line-height:1.6}.product-info .small-note{font-size:10px!important;margin:16px 0 0}.guide-section{padding:85px 0 75px;background:#ede8dc}.guide-heading{display:flex;justify-content:space-between;align-items:center;padding:5px 0 40px}.guide-heading h2{margin:20px 0}.guide-heading p{font-size:14px;color:var(--muted)}.book{width:220px;transform:rotate(5deg);margin-right:95px;position:relative;box-shadow:18px 22px 35px #24362b30}.book:before{content:"";position:absolute;left:-7px;top:0;bottom:0;width:7px;background:#17362d}.book img{aspect-ratio:.7;object-fit:cover}.guide-tools{display:flex;justify-content:space-between;align-items:center;margin:25px 0 0;border-top:1px solid #cccebd;padding:25px 0}.guide-filters{display:flex;gap:22px}.guide-filters button{background:none;border:0;color:var(--muted);padding:7px 0;font-size:12px}.guide-filters button.active{color:var(--green);border-bottom:1px solid var(--green)}.search{display:flex;gap:10px;align-items:center;border-bottom:1px solid #b8bfad;padding:7px 2px}.search>span{font-size:23px}.search input{border:0;background:transparent;font-size:12px;width:180px;color:var(--ink)}.articles{border-top:1px solid #cccebd}.article{width:100%;background:none;text-align:left;display:grid;grid-template-columns:75px 1fr 35px;align-items:center;gap:20px;padding:30px 0;border:0;border-bottom:1px solid #cccebd;color:var(--green);transition:padding .2s}.article:hover{padding-left:12px}.article[hidden]{display:none}.article-num{font-family:var(--serif);font-size:28px;color:#9b8965}.article-tag{font-size:10px;letter-spacing:.13em;color:var(--muted)}.article h3{font-size:24px;margin:10px 0}.article p{font-size:12px;color:var(--muted);margin:0}.article-arrow{font-size:24px}.no-results{padding:35px;color:var(--muted);text-align:center;font-size:14px}.guide-note{font-size:11px;color:var(--muted);margin:25px 0 0}.goodwill{padding:95px 0;text-align:center}.goodwill h2{font-size:34px;margin:30px 0 23px}.goodwill p:not(.eyebrow){font-size:13px;color:var(--muted)}.gold-line{display:block;margin:30px auto 0;width:55px;height:1px;background:var(--gold)}.contact{background:var(--green);color:var(--cream);padding:90px 0}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px}.contact h2{margin:25px 0}.contact p:not(.eyebrow){font-size:13px;color:#c5cfc5}.contact-topics{display:flex;gap:28px;color:#d5c4a2;font-size:11px;letter-spacing:.1em;margin-top:26px}.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-content:center}.qr-grid figure{margin:0}.qr-box{background:#fff;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:18px}.qr-box img{max-height:100%;max-width:100%;height:auto;width:auto;object-fit:contain}.qr-grid figcaption{font-family:var(--serif);font-size:18px;margin-top:20px}.qr-grid small{font-family:var(--sans);display:block;font-size:10px;color:#c5cfc5;margin-top:8px}.qr-grid figure>a{font-size:10px;color:#d5c4a2;display:inline-flex;gap:45px;padding-top:12px}.qr-grid>p{grid-column:1/-1;font-size:10px!important;color:#a8b4a6!important;line-height:1.8;margin:5px 0 0}footer{padding-top:50px;padding-bottom:30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px}.footer-top .brand-name{font-size:27px}.footer-top .brand-tag{font-size:8px}.footer-top p{font-family:var(--serif);font-size:15px;letter-spacing:.1em;margin:0;color:#747c6a}.footer-top>a:last-child{font-size:10px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:35px;font-size:9px;color:var(--muted);line-height:1.8}.footer-bottom>span:last-child{text-align:right}dialog{padding:0;border:0;background:var(--cream);color:var(--ink);width:min(760px,94vw);max-height:90svh;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#091e18b8;backdrop-filter:blur(4px)}.dialog-toolbar{position:sticky;top:0;background:var(--cream);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:20px 35px;z-index:1;font-size:10px;letter-spacing:.08em}.dialog-toolbar button{border:0;background:none;color:var(--green);font-size:12px;padding:7px}.dialog-body{padding:45px 65px 50px}.dialog-body h2{font-size:32px;letter-spacing:.03em}.dialog-body h3{font-size:21px;margin:32px 0 15px}.dialog-body p,.dialog-body li{font-size:14px;color:#596754;line-height:2}.dialog-body ol{padding-left:22px}.dialog-body img{max-height:350px;object-fit:contain;margin:25px 0}.dialog-body .article-tip{background:#eae7dc;border-left:2px solid var(--gold);padding:17px;font-size:12px}.dialog-body a{border-bottom:1px solid var(--gold)}.dialog-source{font-size:10px!important;margin-top:30px;border-top:1px solid var(--line);padding-top:20px}
@media(min-width:1500px){.hero-content{width:1220px}.hero-bottom{left:calc((100vw - 1220px)/2);right:calc((100vw - 1220px)/2)}}
@media(max-width:1050px){nav{gap:20px;font-size:12px}.nav-contact{padding:10px 14px;gap:14px}.story-grid{gap:45px}.intro-grid{gap:45px}.origin-copy{padding:65px 45px}.selection-grid{gap:45px}.book{margin-right:40px}.section-heading{display:block}.section-heading h2{margin-bottom:15px}.contact-grid{gap:40px}.product-view{height:510px}}
@media(max-width:760px){html{scroll-padding-top:75px}.wrap{width:88%}header{height:82px;padding:0 6%}header.scrolled{height:70px}.brand-name{font-size:28px}.brand-tag{font-size:8px}.menu-toggle{display:flex;gap:12px;align-items:center;color:var(--cream);background:none;border:1px solid #ffffff45;padding:9px 12px;font-size:11px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--green);padding:18px 6% 25px;flex-direction:column;align-items:stretch;gap:3px;border-bottom:1px solid #d6c6a34f}nav.open{display:flex}nav>a{padding:14px 8px}.nav-contact{margin-top:8px;justify-content:space-between}.hero{min-height:680px;max-height:850px;height:94svh}.hero-photo{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#071e1ec9,#102d2545),linear-gradient(0deg,#071c1abc,transparent 60%)}.hero-content{width:88%;padding-top:190px}.hero h1{font-size:clamp(40px,10vw,72px);margin:25px 0;line-height:1.4;letter-spacing:.04em}.hero-intro{font-size:12px;line-height:2.1}.hero .eyebrow{font-size:9px}.button{font-size:12px;padding:14px 20px;gap:38px}.hero-bottom{left:6%;right:6%;bottom:24px;font-size:9px;letter-spacing:.04em}.hero-note,.vertical-note{display:none}.hero-bottom a{gap:15px}.intro{padding:60px 0}.intro-grid{display:block;margin-top:22px}.intro h2{font-size:32px;margin-bottom:28px}.intro-grid p{font-size:12px}.story{padding:60px 0}.section-top{margin-bottom:25px}.section-top>span{font-size:9px;letter-spacing:.04em;max-width:45%;text-align:right}.eyebrow{font-size:9px;letter-spacing:.12em}.story-grid{display:flex;flex-direction:column-reverse;gap:35px}.story-copy h2{font-size:36px;margin-bottom:18px}.lead{font-size:13px}.timeline{margin-top:25px}.timeline article{gap:17px;grid-template-columns:55px 1fr}.timeline article>span{font-size:20px}.timeline h3{font-size:19px}.timeline p{font-size:12px}.story-images{display:grid;grid-template-columns:1fr .65fr;gap:12px;align-items:center}.family-photo{aspect-ratio:.9;object-position:center}.image-caption{grid-column:1/-1;grid-row:2;padding:0;font-size:9px}.history-photo{width:100%;aspect-ratio:.7;object-fit:cover}.origin{display:flex;flex-direction:column}.origin-image{min-height:400px}.origin-image img{object-position:center 45%}.origin-copy{padding:50px 6%}.origin-copy h2{font-size:34px}.origin-questions{justify-content:space-between;gap:10px}.selection{padding:60px 0}.section-heading h2{font-size:30px}.section-heading p{font-size:11px}.selection-grid{display:flex;flex-direction:column;gap:30px;margin-top:25px;align-items:stretch}.product-view{height:380px}.product-view img{padding:25px 30px 45px}.product-info h3{font-size:29px}.tabs{margin-bottom:25px}.tabs button{padding-left:15px;padding-right:15px;font-size:12px}.guide-section{padding:55px 0}.guide-heading{gap:20px;align-items:center}.guide-heading h2{font-size:29px;letter-spacing:.02em}.guide-heading p{font-size:11px}.book{width:115px;flex-shrink:0;margin-right:8px}.guide-tools{flex-direction:column;align-items:stretch;gap:18px;margin-top:0}.guide-filters{gap:28px}.search input{width:100%;padding:5px}.article{grid-template-columns:32px 1fr 20px;gap:12px;padding:23px 0}.article-num{font-size:23px}.article-tag{font-size:9px}.article h3{font-size:20px;line-height:1.55;margin:9px 0}.article p{font-size:11px}.article-arrow{font-size:20px}.article:hover{padding-left:0}.guide-note{font-size:10px}.goodwill{padding:65px 0}.goodwill h2{font-size:29px}.goodwill p:not(.eyebrow){font-size:12px}.goodwill br{display:none}.contact{padding:60px 0}.contact-grid{display:block}.contact h2{font-size:40px}.contact p:not(.eyebrow){font-size:12px}.contact-topics{margin-bottom:35px}.qr-grid{gap:18px}.qr-box{padding:12px}.qr-grid figcaption{font-size:17px}.qr-grid small{font-size:9px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top p{font-size:12px;width:100%;order:3}.footer-bottom{display:block;font-size:9px}.footer-bottom>span{display:block}.footer-bottom>span:last-child{text-align:left;margin-top:15px}.dialog-toolbar{padding:14px 20px}.dialog-body{padding:30px 24px}.dialog-body h2{font-size:27px}.dialog-body p,.dialog-body li{font-size:13px}.dialog-body h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}