:root{--ink:#26332d;--muted:#727872;--paper:#fff;--accent:#bc643e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:white;position:sticky;top:0;z-index:5;border-bottom:1px solid #eee}.brand{display:flex;gap:13px;align-items:center;font-size:23px;font-weight:600;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:400}.mark{background:var(--ink);color:white;font-family:serif;font-size:28px;width:45px;height:48px;text-align:center}nav{display:flex;gap:35px;font-size:14px}nav a:hover,.header-link:hover{color:var(--accent)}.header-link{font-size:14px;border-bottom:1px solid;padding:8px 0}.hero{height:650px;min-height:65vh;position:relative;background:#535b52;color:white;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#11211ccb 0%,#11211c50 48%,#11211c08 100%)}.hero-copy{position:relative;padding:90px 8%}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:500}h1{font-family:'Songti SC','STSong',serif;font-weight:400;font-size:58px;line-height:1.4;letter-spacing:3px;margin:24px 0}p{color:var(--muted);margin:12px 0}.hero p{color:#fffdf1dc;font-size:16px;line-height:1.9}.button{display:inline-block;padding:13px 28px;font-size:14px;margin-top:24px}.light{background:#fff;color:var(--ink)}.dark{background:var(--ink);color:white}.hero-bottom{position:absolute;bottom:24px;left:8%;right:5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#fffe}.section{padding:92px 8%;scroll-margin-top:0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}h2{font-family:'Songti SC','STSong',serif;font-size:36px;line-height:1.45;font-weight:400;letter-spacing:1px;margin:15px 0}h3{font-size:20px;font-weight:500;margin:15px 0 5px}.section-head p{font-size:14px}.filters{display:flex;gap:28px;border-bottom:1px solid #ddd;margin-bottom:30px}.filters button{border:0;background:none;padding:9px 0 15px;font-size:14px;position:relative;color:#777}.filters .active{color:var(--ink)}.filters .active:after{content:'';position:absolute;bottom:-1px;height:2px;background:var(--ink);left:0;right:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product{border:0;background:none;text-align:left;padding:0;min-width:0}.product[hidden]{display:none}.photo{height:300px;background:#e8e9e6;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product:hover img{transform:scale(1.045)}.photo span{position:absolute;bottom:15px;right:15px;background:white;padding:6px 13px;font-size:12px}.product-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.product-meta span{font-size:10px;letter-spacing:1px;color:#7b7e79}.product p{font-size:14px;margin:4px 0}.cases{background:#f3f4f1}.case-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:42px}.case-main img{width:100%;height:400px;object-fit:cover}.case-side img{width:100%;height:300px;object-fit:cover}.case-grid article>span,.case-main div>span{display:block;font-size:12px;letter-spacing:1px;margin-top:20px}.case-grid p{font-size:14px}.quality{display:grid;grid-template-columns:1fr 1.25fr;gap:65px}.quality .note{display:block;font-size:12px;color:#858a83;margin-top:30px;max-width:300px}.qualification-list{border-top:1px solid #bbb}.qualification-list details{border-bottom:1px solid #ddd;padding:22px 0}.qualification-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:24px;font-size:18px}.qualification-list summary span{font-size:12px;color:#999}.qualification-list summary b{margin-left:auto;font-size:12px;background:#f1f2ef;padding:4px 10px;font-weight:400;color:#777}.qualification-list p{font-size:14px;padding-left:38px}.about{background:var(--ink);color:#fff;text-align:center}.about h2{font-size:42px}.about>p{max-width:650px;margin:25px auto;color:#d5dcd7;line-height:2}.about-values{display:flex;gap:70px;justify-content:center;margin-top:45px;font-size:14px;color:#d5dcd7}.contact{display:flex;justify-content:space-between;align-items:center}.contact-info{border-left:1px solid #ddd;padding-left:35px;max-width:320px}.contact-info p{font-size:14px}footer{padding:30px 5%;border-top:1px solid #e3e6e0;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:16px}footer span,footer>a:last-child{font-size:12px;color:#777}dialog{border:0;padding:45px;width:550px;max-width:90vw;box-shadow:0 15px 80px #0004;color:var(--ink)}dialog::backdrop{background:#13261dc9}.close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:30px}dl{font-size:14px}dt{font-weight:600;margin-top:15px}dd{margin:3px 0;color:#727872}:focus-visible{outline:2px solid #bc643e;outline-offset:5px}@media(max-width:760px){header{height:auto;min-height:80px;padding:15px 5%;flex-wrap:wrap;gap:14px}.brand{font-size:19px}.header-link{font-size:12px}nav{order:3;width:100%;gap:0;justify-content:space-between;font-size:13px}.hero{height:610px;min-height:0}.hero-copy{padding:85px 7%}h1{font-size:42px}.hero-bottom{left:7%;font-size:10px}.section{padding:60px 6%}.section-head{display:block}.section-head p{margin-top:20px}h2{font-size:29px}.product-grid{grid-template-columns:1fr;gap:35px}.photo{height:350px}.product-meta h3{font-size:20px}.case-grid,.quality{grid-template-columns:1fr;gap:35px}.case-main img,.case-side img{height:300px}.about h2{font-size:30px}.about-values{gap:24px}.contact{display:block}.contact-info{margin-top:30px}footer{flex-wrap:wrap}footer span{order:3;width:100%}.filters{gap:25px}.filters button{font-size:13px}dialog{padding:35px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}

.catalog-note{font-size:13px;margin:-10px 0 24px}.product-meta{display:block}.product-meta span{display:block;margin:3px 0}.product-grid{row-gap:40px}.photo{height:250px}dialog{max-height:85vh;overflow:auto}
.series-intro{font-size:14px;padding:20px 0 30px;color:#65746a}.filters{flex-wrap:wrap;gap:22px}.catalog-controls{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:25px 0}.catalog-controls label{font-size:14px;display:flex;gap:10px;align-items:center}.catalog-controls input,.catalog-controls select{font:inherit;border:1px solid #c9cec9;padding:10px;background:white;color:var(--ink);border-radius:0}.catalog-controls input{width:250px}.catalog-controls span{font-size:14px;margin-left:auto}.catalog-note{margin:16px 0 30px}.photo{background:#f5f5f5}.photo img{object-fit:contain}.hero{background:#edf0ed;color:#24342a;height:560px;min-height:0}.hero>img{width:65%;right:0;object-fit:contain;mix-blend-mode:multiply}.hero-shade{background:linear-gradient(90deg,#edf0ed 22%,#edf0edbb 40%,transparent 64%)}.hero p,.hero-bottom{color:#526455}.hero-copy{padding-top:65px}.hero .light{background:#26332d;color:white}.hero h1{font-size:48px}.hero-bottom{bottom:22px}dialog{width:850px}#dialog-image{width:100%;height:290px;object-fit:contain;background:#f5f5f5;margin-bottom:25px}#dialog-title{font-size:28px}#dialog-specs,#dialog-materials{display:grid;grid-template-columns:125px 1fr;gap:8px 18px}#dialog-specs dt,#dialog-materials dt{margin:0}#dialog-specs dd,#dialog-materials dd{margin:0}.material-source,#dialog-notice{font-size:13px;color:#777;border-top:1px solid #ddd;padding-top:14px}@media(max-width:760px){.hero{height:580px}.hero>img{width:100%;height:55%;bottom:0;opacity:.75}.hero-shade{background:linear-gradient(#edf0ed 35%,#edf0ed10)}.hero-copy{padding-top:45px}.hero h1{font-size:36px}.hero-bottom{display:none}.catalog-controls{align-items:stretch}.catalog-controls label{width:100%;justify-content:space-between}.catalog-controls input,.catalog-controls select{width:65%;min-width:0}.catalog-controls span{margin-left:0}.filters{gap:12px 20px}#dialog-image{height:210px}#dialog-specs,#dialog-materials{grid-template-columns:80px 1fr}.photo{height:270px}}

.variant-control{display:flex;flex-direction:column;gap:10px;font-size:15px;margin:22px 0}.variant-control select{font:inherit;padding:12px;border:1px solid #abb8af;background:#fff;color:#26332d;max-width:100%}
.catalog-more{display:block;margin:40px auto 0;border:1px solid #bac4bc;background:white}.catalog-more[hidden]{display:none}.product-series{color:#62776a!important;font-size:12px!important;margin-top:16px!important}.product-meta h3{margin-top:5px}.catalog-controls{gap:16px}.catalog-controls input{width:210px}#dialog-gallery{display:flex;gap:8px;margin:-10px 0 24px}#dialog-gallery:empty{display:none}#dialog-gallery button{border:1px solid #c8d0c9;background:#fff;padding:5px 15px}#dialog-specs dd,#dialog-materials dd{overflow-wrap:anywhere}.product p{overflow-wrap:anywhere}.catalog-controls select{max-width:240px}

/* Preserve native product image detail without stretching small source images. */
.photo img,#dialog-image{object-fit:scale-down}.product:hover .photo img{transform:none}.original-link{display:block;width:fit-content;margin:-10px 0 25px;font-size:14px;border-bottom:1px solid #a5b1a9;padding-bottom:3px}

.album-section{padding:24px;margin:20px 0 42px;background:#f3f5f1;border:1px solid #e3e8e0}.album-section[hidden]{display:none}.album-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.album-heading h3{margin:0}.album-heading span,.album-note{font-size:12px;color:#758074}.series-albums{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.album-card{padding:0 0 12px;border:1px solid #e1e6dd;background:white;text-align:left;min-width:0}.album-card img{width:100%;height:110px;object-fit:cover;display:block}.album-card strong,.album-card span{display:block;margin:8px 12px 0;font-size:14px}.album-card span{font-size:11px;color:#758074}.album-card:hover{border-color:#63766a}.album-note{margin:16px 0 0}.photo-caption{font-size:13px;margin:0 0 12px;color:#63766a}#dialog-gallery{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}#dialog-gallery button{width:86px;height:64px;padding:3px;border:1px solid #d5ded5;background:#fff}#dialog-gallery img{width:100%;height:100%;object-fit:contain}#dialog-gallery button[aria-current=true],#album-thumbnails button[aria-current=true]{border:2px solid #3d5947}#album-dialog{width:1180px;padding:32px;max-width:94vw}#album-title{font-size:24px;margin:0 45px 20px 0}.album-close{position:absolute;right:16px;top:8px;font-size:30px;border:0;background:none}.album-view{background:#f5f6f3;min-height:260px;display:flex;align-items:center;justify-content:center}#album-image{display:block;width:100%;height:55vh;object-fit:contain}.album-navigation{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;font-size:13px}.album-navigation button{padding:8px 14px;border:1px solid #c5d0c4;background:#fff;white-space:nowrap}#album-original{display:inline-block;font-size:13px;border-bottom:1px solid;margin-top:16px}#album-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:22px;max-height:190px;overflow:auto}#album-thumbnails button{height:65px;border:1px solid #d6ded4;background:#fff;padding:3px}#album-thumbnails img{width:100%;height:100%;object-fit:contain}@media(max-width:760px){.album-section{padding:16px}.album-heading{display:block}.album-heading span{display:block;margin-top:6px}.series-albums{grid-template-columns:repeat(2,minmax(0,1fr))}.album-navigation{flex-wrap:wrap}.album-navigation span{order:3;width:100%;text-align:center}#album-dialog{padding:25px 16px}#album-image{height:40vh}.album-view{min-height:200px}#dialog-gallery button{width:72px;height:56px}}

.series-entry{min-width:0;display:flex;flex-direction:column}.series-entry .album-card{width:100%;flex:1}.album-card[aria-pressed=true]{border:2px solid #3d5947}.series-entry .album-card img{object-fit:contain}.series-album-link{background:white;border:1px solid #e1e6dd;border-top:0;padding:10px;font-size:14px;color:#3d5947;cursor:pointer}.album-card span{font-size:14px}#product-grid{scroll-margin-top:100px}

#tea-controls[hidden]{display:none}

/* Keep offscreen cards out of the painting work; reserve their layout. */
.product{content-visibility:auto;contain-intrinsic-size:auto 390px}.photo{overflow:hidden}.photo img{height:100%;width:100%}#dialog-image,#album-image{transition:none}.case-grid img{width:100%}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Quote preparation: show the original product photo at a useful size. */
#dialog-image{height:auto;max-height:65vh;min-height:290px;object-fit:contain} .original-link{font-weight:600;color:#8b4227;padding:10px 0}
@media(max-width:760px){#dialog-image{min-height:230px;max-height:60vh}}
