@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400&family=Noto+Serif+TC:wght@300;400;500&family=Noto+Sans+TC:wght@300;400;500&display=swap');
:root{--paper:#faf9f6;--ink:#24231f;--muted:#77756f;--line:#dedbd4;--rust:#77756f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:13px 'Noto Sans TC',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit;cursor:pointer}button{background:none;border:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:1px solid var(--ink);outline-offset:6px}img{display:block;max-width:100%}figure{margin:0}header{height:116px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:400 32px 'Noto Serif TC',serif;letter-spacing:7px;display:inline-block;white-space:nowrap}.logo span{display:block;font:8px/1.5 sans-serif;letter-spacing:2.4px;margin-top:9px}nav{display:flex;gap:42px;font-size:11px;letter-spacing:1.5px}nav a{padding:14px 0}nav a:hover{opacity:.5}.bag{font-size:10px;letter-spacing:1px;min-height:44px;padding:0}.bag span{font:11px Georgia;margin-left:12px}.bag span:before{content:'('}.bag span:after{content:')'}.eyebrow{font:9px/1.8 sans-serif;letter-spacing:2.2px}.collection{padding:0 7% 100px}.section-head{display:flex;align-items:end;justify-content:space-between}.section-head .eyebrow{color:var(--muted);font-size:8px;letter-spacing:2px;margin-bottom:14px}.section-head h2{font:300 28px/1.5 'Noto Serif TC',serif;letter-spacing:3px;margin:0 0 30px}.section-head small{font:italic 24px 'Cormorant Garamond',Georgia,serif;letter-spacing:0;margin-left:20px;color:var(--muted)}.section-head>span{font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:35px}.toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:18px;padding:0 0 16px}.tabs{display:flex;gap:26px}.tabs button{font-size:10px;letter-spacing:1px;min-height:56px;padding:18px 0;white-space:nowrap;color:var(--muted);position:relative}.tabs .selected{color:var(--ink)}.tabs .selected:after{content:'';position:absolute;left:0;right:0;bottom:10px;border-bottom:1px solid var(--ink)}select{background:transparent;border:0;min-height:44px;font-size:9px;letter-spacing:.5px;max-width:130px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:49px 28px}.product-open{display:block;width:100%;padding:0;text-align:left}.product-photo{aspect-ratio:4/5;position:relative;display:block;overflow:hidden;background:#e8e5dd}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s;filter:saturate(.5)}.product-open:hover img,.product-open:focus-visible img{transform:scale(1.025)}.photo-action{position:absolute;bottom:0;left:0;right:0;background:#faf9f6e8;padding:17px;text-align:center;font-size:10px;letter-spacing:1px;transform:translateY(100%);transition:transform .3s}.product-open:hover .photo-action,.product-open:focus-visible .photo-action{transform:translateY(0)}.product-info{display:flex;justify-content:space-between;gap:8px;margin:18px 0 8px}.product-title{font-size:11px;font-weight:300;letter-spacing:.6px;line-height:1.8}.price{font:11px/1.8 Georgia;white-space:nowrap}.product-sub{display:block;font-size:9px;color:var(--muted);letter-spacing:1px}.demo-note{font-size:9px;color:var(--muted);line-height:1.9;margin-top:35px;font-weight:300}.story-feature{display:grid;grid-template-columns:53% 47%;margin:0 7%;padding:75px 0;border-block:1px solid var(--line);align-items:center}.feature-image{height:490px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) sepia(.14);object-position:45% center}footer{border-top:1px solid var(--line);padding:40px 5%;display:flex;gap:34px;align-items:center}footer .logo{font-size:27px}footer .logo span{font-size:7px}footer p{font-size:9px;color:var(--muted);letter-spacing:2px}footer>a:not(.logo){margin-left:auto;font-size:10px}footer>span{font:9px sans-serif;color:var(--muted);letter-spacing:1px}
dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:42px;width:870px;max-width:92vw;max-height:90vh}dialog::backdrop{background:#20291fd1}.close{position:absolute;right:9px;top:5px;font-size:28px;z-index:2;width:40px;height:40px}.close:hover{color:var(--rust)}#detailContent{display:grid;grid-template-columns:45% 1fr;gap:35px}.detail-image{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}#detailContent h2{font:23px/1.7 'Noto Serif TC',serif;margin:16px 0 5px}#detailContent p{line-height:2;font-size:12px}#detailContent .eyebrow{font-size:9px;color:var(--rust);letter-spacing:1px}.detail-en{color:var(--muted);font-family:Georgia}#detailContent .detail-price{font:18px Georgia;margin:20px 0}.story-label{font-weight:500;font-size:12px;margin:24px 0 0}.object-info{padding:10px 14px;background:#e9ebdf;margin-top:20px;font-size:10px;line-height:1.8}.object-info p{margin:0 0 8px!important;font-size:10px!important}.primary{background:var(--ink);color:#fff;padding:15px 18px;width:100%;margin-top:22px;font-size:12px;letter-spacing:.5px;min-height:48px}.primary:hover{background:#4a5944}#detailContent .detail-demo{font-size:10px;color:var(--muted);margin-bottom:0}.cart-row{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;gap:15px;font-size:12px}.cart-row img{width:64px;height:78px;object-fit:cover}.cart-row small{display:block;font-size:10px;color:var(--muted);line-height:1.9;margin-top:6px}.cart-row button{margin-left:auto;text-decoration:underline;font-size:10px;min-width:44px;min-height:44px}#cart{width:570px}#cart h2{font:25px 'Noto Serif TC',serif;margin:25px 0}.empty-bag{padding:30px 0;font-size:12px;line-height:2}.empty-bag p:last-child{color:var(--muted)}#total{text-align:right;margin-top:25px;font-size:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:15px 25px;opacity:0;pointer-events:none;transition:.2s;z-index:20;font-size:12px;max-width:90vw;white-space:nowrap}#toast.show{opacity:1}.object-info{background:#eeece6}.primary{background:var(--ink);font-size:11px}.primary:hover{background:#49463f}#detailContent h2{font-weight:300}#detailContent .eyebrow{font-size:8px}#toast{background:var(--ink)}@media(min-width:1600px){header,main,footer{max-width:1760px;margin-left:auto;margin-right:auto}}@media(max-width:1050px){.grid{gap:35px 20px}.product-info{display:block}.price{display:block;margin-top:5px}.feature-image{height:420px}.section-head small{font-size:21px}.tabs{gap:21px}}@media(max-width:700px){header{height:91px;padding:0 6%}.logo{font-size:26px;letter-spacing:5px}.logo span{font-size:7px;letter-spacing:1.5px;margin-top:6px}nav{gap:19px;font-size:10px;letter-spacing:0}nav a:nth-child(2){display:none}.bag{font-size:9px;letter-spacing:0}.bag span{font-size:10px;margin-left:4px}.collection{padding:0 6% 60px}.section-head .eyebrow{font-size:7px;margin-bottom:10px}.section-head h2{font-size:24px;letter-spacing:2px;margin-bottom:22px}.section-head small{font-size:18px;display:block;margin:6px 0 0}.section-head>span{font-size:9px;margin-bottom:26px}.toolbar{display:block;padding-bottom:14px}.tabs{gap:21px;overflow-x:auto;scrollbar-width:thin}.tabs button{font-size:9px;letter-spacing:.5px;min-height:51px;padding-top:15px}.toolbar select{margin-left:auto;display:block;font-size:9px;min-height:34px}.grid{grid-template-columns:repeat(2,1fr);gap:29px 15px}.product-info{margin:12px 0 6px}.product-title{font-size:10px;letter-spacing:0;line-height:1.7}.price{font-size:10px;margin-top:6px}.product-sub{font-size:8px;letter-spacing:.8px}.photo-action{display:none}.demo-note{font-size:8px;margin-top:27px}.story-feature{grid-template-columns:1fr;margin:0 6%;padding:35px 0 45px;gap:30px}.feature-image{height:330px}footer{padding:30px 6%;gap:20px;flex-wrap:wrap}footer .logo{font-size:24px}footer p{font-size:8px;letter-spacing:1px}footer>a:not(.logo){font-size:9px}footer>span{font-size:8px;display:block;width:100%}#detailContent{display:block}dialog{padding:32px 24px 24px}#detailContent .detail-image{height:300px;width:100%;object-fit:contain;background:#e9e7e1}#detailContent h2{font-size:22px;margin-top:12px}#detailContent .eyebrow{margin-top:24px}#detailContent p{font-size:11px}.cart-row{gap:12px}.cart-row img{width:50px;height:65px}#toast{font-size:10px;padding:14px 16px}}@media(max-width:390px){nav{gap:13px}nav a:last-child{display:none}.tabs{gap:17px}.product-title{font-size:9px}.feature-image{height:280px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.product-photo.original-photo{background:#ebe5db}.product-photo.original-photo img{object-fit:contain;filter:none}.detail-image.original-detail{object-fit:contain;filter:none;background:#ebe5db;aspect-ratio:3/4}

/* A centered, quiet cover with a single line of modern typography. */
.hero{margin:0 5%;padding-bottom:34px;border-bottom:1px solid var(--line)}
.hero-copy{text-align:center;padding:66px 20px 52px}
.hero-copy>.eyebrow{font-size:8px;letter-spacing:2px;margin:0 0 25px;color:var(--muted)}
.hero h1{font:300 clamp(30px,3.2vw,48px)/1.25 'Jost',sans-serif;letter-spacing:4px;margin:0 0 22px}
.hero-description{font:300 12px/2.2 'Noto Serif TC',serif;letter-spacing:1.5px;margin:0}
.text-link{display:inline-block;width:auto;margin-top:30px;padding-bottom:7px;border-bottom:1px solid #77756f;font-size:10px;letter-spacing:1.4px;line-height:1.8;transition:opacity .2s}
.text-link:hover{opacity:.55}
.hero-copy .text-link{margin-top:25px}
.hero-image{position:relative;height:clamp(400px,39vw,620px);overflow:hidden;margin:0}
.hero-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 53%;filter:grayscale(1) sepia(.18) brightness(.93)}
.hero-image figcaption{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;color:#fff;font:8px sans-serif;letter-spacing:1.4px;text-shadow:0 1px 8px #0008}
.hero-image figcaption span:last-child{font-size:9px;letter-spacing:2px}
@media(max-width:700px){.hero{margin:0 6%;padding-bottom:24px}.hero-copy{padding:48px 12px 40px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:22px}.hero h1{font-size:30px;letter-spacing:2px;margin-bottom:20px}.hero-description{font-size:10px;letter-spacing:.5px}.text-link{font-size:9px}.hero-copy .text-link{margin-top:24px}.hero-image{height:390px}.hero-image>img{object-position:54% center}.hero-image figcaption{bottom:15px;left:15px;right:15px;font-size:6px;letter-spacing:.5px}.hero-image figcaption span:last-child{font-size:7px;letter-spacing:1px}}
@media(max-width:370px){.hero h1{font-size:27px;letter-spacing:1.5px}.hero-description{font-size:9px}.hero-image{height:340px}}

/* Quiet introductions: one readable size and a simple rhythm. */
.quiet-copy p{font:300 14px/2.6 'Noto Sans TC',sans-serif;letter-spacing:1px;color:#5d5a54;margin:0}
.intro{text-align:center;padding:100px 24px 108px}
.feature-copy{padding:35px 12% 35px 20%}
.feature-copy .text-link{margin-top:30px;font-size:12px;letter-spacing:1px}
.closing{text-align:center;padding:85px 24px 95px}
.closing .text-link{margin-top:28px;font-size:12px;letter-spacing:1px}
.section-head h2{font:400 14px/2 'Noto Sans TC',sans-serif;letter-spacing:1px;margin-bottom:26px}
@media(max-width:1050px){.feature-copy{padding:30px 8% 30px 13%}}
@media(max-width:700px){.intro{padding:70px 24px 76px}.quiet-copy p{font-size:14px;letter-spacing:.5px;line-height:2.6}.feature-copy{padding:12px 5% 8px}.feature-copy .text-link{font-size:12px;margin-top:25px}.closing{padding:66px 24px 72px}.closing .text-link{font-size:12px}.section-head h2{font-size:14px;letter-spacing:1px;margin-bottom:24px}}

/* Shared reading edge, with quiet links at the lower right. */
main{--content-gutter:7%}
.hero{margin-inline:var(--content-gutter)}
.collection{padding-inline:var(--content-gutter)}
.intro,.closing{margin-inline:var(--content-gutter);padding-inline:0}
.story-feature{display:block;margin-inline:var(--content-gutter)}
.story-feature .feature-image{width:100%}
.reading-block{text-align:left;padding-inline:0}
.feature-copy.reading-block{padding:36px 0 0}
.reading-block .text-link{display:table;margin:36px 0 0 auto;font-size:12px;letter-spacing:1px;color:#66635c;border-bottom-color:#b7b2a8}
.photo-action{text-align:left}
@media(max-width:700px){main{--content-gutter:6%}.hero-copy.reading-block{padding:48px 0 40px}.intro.reading-block{padding:70px 0 76px}.feature-copy.reading-block{padding:30px 0 0}.closing.reading-block{padding:66px 0 72px}.reading-block .text-link{margin:32px 0 0 auto}}

/* Cover: a restrained wordmark, one thought, and space to pause. */
.hero-copy.reading-block{padding:72px 0 42px}
.hero h1{font:300 34px/1.7 'Noto Sans TC',sans-serif;letter-spacing:8px;margin:0 0 18px}
.hero-description{font:300 12px/2.2 'Noto Sans TC',sans-serif;letter-spacing:1px;color:#69665f}
.hero-copy.reading-block .text-link{margin:30px 0 0 auto}
@media(max-width:700px){.hero-copy.reading-block{padding:52px 0 32px}.hero h1{font-size:28px;letter-spacing:6px;margin-bottom:16px}.hero-description{font-size:11px;letter-spacing:.5px}.hero-copy.reading-block .text-link{margin:30px 0 0 auto}}
@media(max-width:370px){.hero h1{font-size:26px;letter-spacing:5px}.hero-description{font-size:10px}}
.header-actions{display:flex;align-items:center;gap:30px}.language-switch{display:flex;align-items:center;gap:8px;font:10px sans-serif;letter-spacing:.5px}.language-switch button{padding:8px 0;min-height:44px;color:#8c8880}.language-switch button[aria-pressed="true"]{color:var(--ink)}.language-switch>span{color:#c5c0b8;font-size:9px}.bag .bag-label{font:inherit;margin:0}.bag .bag-label:before,.bag .bag-label:after{content:none}[data-i18n]{white-space:pre-line}html[lang="en"] .hero h1{letter-spacing:2px}html[lang="en"] .quiet-copy p{letter-spacing:.4px}html[lang="en"] .tabs{gap:22px}html[lang="en"] .product-info{flex-wrap:wrap}html[lang="en"] .product-title{overflow-wrap:anywhere}html[lang="en"] .hero-description{max-width:100%}@media(max-width:900px){.header-actions{gap:18px}nav{gap:24px}}@media(max-width:700px){header{display:grid;grid-template-columns:1fr auto;height:auto;padding-block:19px;gap:17px}.header-actions{grid-column:2;grid-row:1;gap:20px}header>.logo{grid-column:1;grid-row:1}header>nav{grid-column:1/-1;grid-row:2;gap:25px;justify-content:flex-start}header nav a:nth-child(2),header nav a:last-child{display:block}header nav a{padding:3px 0;font-size:10px}.language-switch{font-size:10px;gap:7px}.bag{font-size:10px}html[lang="en"] .tabs{gap:18px}html[lang="en"] .hero h1{font-size:26px;letter-spacing:1px}html[lang="en"] .hero-description{font-size:11px;line-height:2}html[lang="en"] .product-title{font-size:10px;line-height:1.8}}

.detail-gallery{min-width:0}.gallery-thumbs{display:flex;gap:10px;margin-top:14px}.gallery-thumbs button{padding:3px;border:1px solid transparent;width:64px;opacity:.65}.gallery-thumbs button[aria-pressed="true"]{border-color:#8e887b;opacity:1}.gallery-thumbs img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:none}.detail-gallery .detail-image{display:block}

.shop-preview-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 1rem 2rem;
  margin: 2rem clamp(1.25rem, 6vw, 6rem);
}
.shop-preview-nav p { margin: 0; font-size: .875rem; }