:root{--rain:#d9e2de;--ink:#1c2826;--glaze:#3a5852;--glaze-deep:#2c4540;--lamp:#f3ede4;--incense:#8d6b78;--ash:#6e7a76;--frame:#5c6864;--hairline:color-mix(in srgb, var(--ink) 12%, transparent);--header-h:64px;--gutter:20px;--radius-s:6px;--radius-m:14px;--ease:.28s ease}@media (min-width:880px){:root{--gutter:40px;--header-h:72px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--rain);color:var(--ink);font-family:var(--font-body), "PingFang SC", "Noto Sans SC", sans-serif;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:16px;line-height:1.6}body{min-height:100dvh;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}button,input{font-family:inherit}button{cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--glaze);outline-offset:3px}.skip-link{left:var(--gutter);z-index:80;background:var(--ink);color:var(--lamp);border-radius:var(--radius-s);font-family:var(--font-ui), sans-serif;padding:8px 14px;font-size:.85rem;position:absolute;top:-48px}.skip-link:focus{top:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:40;min-height:var(--header-h);padding:10px var(--gutter);background:color-mix(in srgb, var(--rain) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand:focus-visible{outline-offset:4px;border-radius:4px}.mark{width:28px;height:28px;color:var(--glaze);flex-shrink:0}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-zh{font-family:var(--font-display), serif;letter-spacing:.04em;font-size:1.15rem}.brand-en{font-family:var(--font-ui), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ash);font-size:.62rem}.nav-toggle{border:1px solid var(--hairline);background:var(--lamp);width:44px;height:44px;color:var(--ink);border-radius:var(--radius-s);justify-content:center;align-items:center;display:inline-flex}.nav-toggle svg{display:block}.site-nav{display:none}.site-nav a{font-family:var(--font-ui), sans-serif;letter-spacing:.04em;color:var(--ash);border-bottom:1px solid #0000;padding:6px 2px;font-size:.88rem}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--glaze)}.site-nav.is-open{left:0;right:0;top:var(--header-h);background:var(--lamp);padding:12px var(--gutter) 20px;border-bottom:1px solid var(--hairline);flex-direction:column;gap:4px;display:flex;position:absolute}.site-nav.is-open a{padding:12px 4px;font-size:1.05rem}@media (min-width:880px){.nav-toggle{display:none}.site-nav,.site-nav.is-open{background:0 0;border:0;flex-direction:row;gap:22px;padding:0;display:flex;position:static}}.wrap{width:min(1120px, calc(100% - var(--gutter) * 2));margin-inline:auto}#main{padding-bottom:72px}.kicker{font-family:var(--font-ui), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--incense);font-size:.72rem}h1,h2,.display{font-family:var(--font-display), serif;letter-spacing:.03em;font-weight:400;line-height:1.25}h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:clamp(1.6rem,3vw,2.2rem)}.lede{max-width:38rem;color:color-mix(in srgb, var(--ink) 82%, var(--ash));font-size:1.05rem}.casement{--img-filter:none;--shade:transparent;--lamp:transparent;width:min(720px, calc(100% - var(--gutter) * 2));box-shadow:0 18px 40px color-mix(in srgb, var(--ink) 12%, transparent);background:#2f3937;border:5px solid #6a7571;border-radius:4px;margin:16px auto 0;overflow:hidden}.casement[data-moment=dawn]{--img-filter:brightness(1.14) contrast(.92) saturate(.82) hue-rotate(-12deg);--shade:linear-gradient(180deg, #bad6d633, transparent 42%);--lamp:radial-gradient(ellipse 38% 36% at 16% 88%, #ffecd61f, transparent 62%)}.casement[data-moment=noon]{--img-filter:brightness(1.06) contrast(1.04) saturate(1.06);--shade:transparent;--lamp:transparent}.casement[data-moment=dusk]{--img-filter:brightness(.9) contrast(1.06) saturate(1.04) sepia(.18);--shade:linear-gradient(165deg, #3020282e, transparent 48%);--lamp:radial-gradient(ellipse 46% 42% at 15% 90%, #ffb06052, transparent 58%)}.casement[data-moment=night]{--img-filter:brightness(.52) contrast(1.18) saturate(.72);--shade:radial-gradient(120% 90% at 50% 0%, #060a0c80, transparent 58%);--lamp:radial-gradient(ellipse 40% 38% at 15% 90%, #ffba6e8c, #ff8c4614 42%, transparent 64%)}.window-pane{aspect-ratio:16/9;background:#1a2220;width:100%;min-width:100%;height:auto;position:relative;overflow:hidden}.window-pane img{object-fit:cover;object-position:18% 68%;width:100%;max-width:none;height:100%;filter:var(--img-filter);transition:filter .52s;position:absolute;inset:0}.window-shade,.window-lamp{pointer-events:none;transition:opacity .52s,background .52s;position:absolute;inset:0}.window-shade{background:var(--shade)}.window-lamp{background:var(--lamp);mix-blend-mode:screen}@media (prefers-reduced-motion:reduce){.window-pane img,.window-shade,.window-lamp{transition:none}}.sill{color:var(--ink);background:linear-gradient(#efe6d8,#e3d7c6);border-top:1px solid #f4eee6;gap:14px;padding:16px 18px 18px;display:grid}.sill-copy .kicker{color:var(--incense)}.sill-copy h1{margin-top:4px;font-size:clamp(1.2rem,2.4vw,1.7rem)}.day-arc{background:color-mix(in srgb, var(--lamp) 55%, white);border:1px solid color-mix(in srgb, var(--ink) 8%, transparent);border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:6px;display:grid}@media (min-width:720px){.sill{grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:20px}}.day-arc button{appearance:none;color:var(--ash);background:0 0;border:0;border-radius:999px;flex-direction:column;align-items:center;gap:2px;width:100%;min-width:0;padding:10px 6px;display:flex}.day-arc button .hour{font-family:var(--font-ui), sans-serif;letter-spacing:.08em;font-size:.65rem}.day-arc button .label{font-family:var(--font-display), serif;font-size:1rem}.day-arc button[aria-pressed=true]{background:var(--glaze);color:var(--lamp)}.home-intro{gap:18px;padding:36px 0 12px;display:grid}@media (min-width:800px){.home-intro{grid-template-columns:1.3fr .7fr;align-items:end}}.sill-row{margin-top:8px}.sill-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.sill-head a{font-family:var(--font-ui), sans-serif;color:var(--glaze);border-bottom:1px solid;font-size:.85rem}.ledge{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;gap:16px;padding-bottom:10px;display:grid;overflow-x:auto}.ledge>*{scroll-snap-align:start}@media (min-width:900px){.ledge{grid-template-columns:repeat(3,1fr);grid-auto-flow:row;overflow:visible}}.product-card{background:var(--lamp);border-radius:var(--radius-m);border:1px solid var(--hairline);flex-direction:column;min-width:0;display:flex;overflow:hidden}.product-card .thumb{aspect-ratio:4/3;background:#c5ceca;overflow:hidden}.product-card .thumb img{object-fit:cover;width:100%;height:100%}.product-card .body{flex-direction:column;flex:1;gap:8px;padding:16px 16px 18px;display:flex}.meta-row{font-family:var(--font-ui), sans-serif;letter-spacing:.08em;color:var(--ash);justify-content:space-between;gap:8px;font-size:.72rem;display:flex}.product-card h3{font-family:var(--font-display), serif;font-size:1.2rem;font-weight:400}.price{font-family:var(--font-ui), sans-serif;font-variant-numeric:tabular-nums;font-size:.95rem}.note{color:color-mix(in srgb, var(--ink) 78%, var(--ash));flex:1;font-size:.92rem}.card-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.btn{min-height:44px;font-family:var(--font-ui), sans-serif;letter-spacing:.04em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.88rem;display:inline-flex}.btn-glaze{background:var(--glaze);color:var(--lamp)}.btn-glaze:hover{background:var(--glaze-deep)}.btn-lamp{color:var(--ink);border-color:color-mix(in srgb, var(--ink) 22%, transparent);background:0 0}.btn-lamp:hover{background:color-mix(in srgb, var(--lamp) 80%, white)}.btn-incense{background:var(--incense);color:var(--lamp)}.btn-incense:hover{filter:brightness(.95)}.cta-row{flex-wrap:wrap;gap:10px;display:flex}.quiet-band{border-top:1px solid var(--hairline);gap:20px;margin-top:48px;padding:28px 0;display:grid}@media (min-width:800px){.quiet-band{grid-template-columns:1fr 1fr;align-items:center}}.page-hero{gap:12px;padding:32px 0 8px;display:grid}.filters{flex-wrap:wrap;gap:8px;margin:18px 0 22px;display:flex}.chip{appearance:none;border:1px solid var(--hairline);color:var(--ash);min-height:40px;font-family:var(--font-ui), sans-serif;background:0 0;border-radius:999px;padding:0 14px;font-size:.85rem}.chip[aria-pressed=true],.chip.is-on{background:var(--ink);color:var(--lamp);border-color:var(--ink)}.shelf{gap:20px;display:grid}.shelf-item{background:var(--lamp);border-radius:var(--radius-m);border:1px solid var(--hairline);gap:0;display:grid;overflow:hidden}.shelf-item .thumb{aspect-ratio:16/11;overflow:hidden}.shelf-item .thumb img{object-fit:cover;width:100%;height:100%}.shelf-item .copy{gap:8px;padding:18px;display:grid}@media (min-width:760px){.shelf-item{grid-template-columns:1.05fr 1fr;min-height:280px}.shelf-item:nth-child(2n){grid-template-columns:1fr 1.05fr}.shelf-item:nth-child(2n) .thumb{order:2}.shelf-item .thumb{aspect-ratio:auto;height:100%;min-height:280px}}.about-grid{gap:24px;padding:28px 0 8px;display:grid}@media (min-width:840px){.about-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:48px}}.prose{gap:14px;display:grid}.prose p{font-size:1.02rem}.about-photo{border-radius:var(--radius-m);border:1px solid var(--hairline);overflow:hidden}.about-photo img{object-fit:cover;width:100%;height:100%;min-height:240px}.principles{gap:14px;margin-top:8px;display:grid}.principle{border-top:1px solid var(--hairline);padding:16px 0}.principle strong{font-family:var(--font-display), serif;margin-bottom:4px;font-size:1.15rem;font-weight:400;display:block}.guide-steps{gap:16px;margin:24px 0 32px;display:grid}@media (min-width:800px){.guide-steps{grid-template-columns:repeat(3,1fr)}}.step{background:var(--lamp);border-radius:var(--radius-m);border:1px solid var(--hairline);padding:20px}.step .num{font-family:var(--font-ui), sans-serif;letter-spacing:.16em;color:var(--incense);font-size:.72rem}.step h3{font-family:var(--font-display), serif;margin:8px 0;font-size:1.25rem;font-weight:400}.contact-panel{background:var(--lamp);border-radius:var(--radius-m);border:1px solid var(--hairline);gap:18px;padding:22px;display:grid}@media (min-width:720px){.contact-panel{grid-template-columns:1.2fr .8fr}}.contact-panel a.plain{color:var(--glaze);border-bottom:1px solid color-mix(in srgb, var(--glaze) 40%, transparent)}.site-footer{border-top:1px solid var(--hairline);padding:28px var(--gutter) 36px;gap:8px;display:grid}.site-footer .foot-brand{font-family:var(--font-display), serif;font-size:1.2rem}.site-footer p,.site-footer small{color:var(--ash);font-size:.88rem}.site-footer small{font-family:var(--font-ui), sans-serif;letter-spacing:.04em}@media (min-width:720px){.site-footer{grid-template-columns:1fr auto;align-items:end}}@media (max-width:640px){.casement{border-width:5px;margin-top:10px}.window-pane{aspect-ratio:4/3}.sill{gap:12px;padding:12px 12px 14px}.day-arc button{border-radius:12px;min-height:48px;padding:8px 4px}.product-card .cta-row,.shelf-item .cta-row{flex-direction:column}.product-card .btn,.shelf-item .btn{width:100%}.cta-row .btn{min-height:46px}}@media (max-width:380px){.brand-en,.day-arc button .hour{display:none}}