.eyebrow{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);font-weight:600}.display{font-family:var(--font-display);font-weight:400;line-height:1.08;letter-spacing:-.01em}.lede{color:var(--color-text-muted);font-size:var(--text-lg);line-height:1.65;max-width:46ch}.site-header{position:fixed;inset-inline:0;top:0;z-index:100;padding-block:var(--space-4);background:color-mix(in srgb,var(--color-bg) 78%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color var(--duration-fast) var(--ease-standard),transform var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.site-header.is-scrolled{border-bottom-color:var(--color-divider)}.site-header.is-hidden{transform:translateY(-100%)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand svg{width:30px;height:30px;color:var(--color-accent);flex-shrink:0}.brand-name{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.02em}.brand-name .cn{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);display:block;letter-spacing:.1em}.brand-name .tagline{font-family:var(--font-body);font-size:.55rem;line-height:1.2;color:var(--color-text-muted);display:block;margin-top:.12rem;letter-spacing:.12em;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:var(--space-8)}.main-nav ul{display:flex;gap:var(--space-6)}.main-nav a{font-size:var(--text-sm);color:var(--color-text-muted);position:relative;padding-block:var(--space-1);transition:color var(--duration-fast) var(--ease-standard)}.main-nav a:hover{color:var(--color-text)}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:var(--color-accent);transition:right var(--duration-base) var(--ease-standard)}.main-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text);transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.icon-btn:hover{background:var(--color-surface-offset)}.icon-btn svg{width:16px;height:16px}.lang-toggle{font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:var(--space-2) var(--space-3);border-radius:999px;border:1px solid var(--color-border);transition:background var(--duration-fast) var(--ease-standard)}.lang-toggle:hover{background:var(--color-surface-offset)}.nav-toggle{display:none}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding-block:var(--space-32) var(--space-16);overflow:hidden;isolation:isolate}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}.hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f0a0666,#0f0a0640 32%,#0f0a06b8 62%,#0f0a06eb);z-index:-1}.hero-content{max-width:780px;color:#f6efe4}.hero .eyebrow{color:#e8b98f}.hero h1{font-size:var(--text-hero);margin-block:var(--space-4);text-shadow:0 2px 20px rgba(0,0,0,.45),0 1px 4px rgba(0,0,0,.4)}.hero h1 .en{display:block;font-family:var(--font-body);font-size:var(--text-lg);font-weight:400;letter-spacing:.04em;color:#e7dcc9;margin-top:var(--space-3)}.hero p.lede{color:#ddd0bc;max-width:52ch;text-shadow:0 1px 12px rgba(0,0,0,.5)}.scroll-cue{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:#e7dcc9;font-size:var(--text-xs);letter-spacing:.1em;animation:bob 2.4s var(--ease-standard) infinite}.scroll-cue svg{width:14px;height:14px}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}.manifesto{text-align:center;padding-block:clamp(var(--space-12),8vw,var(--space-24))}.manifesto p{font-family:var(--font-display);font-size:var(--text-xl);max-width:20ch;margin-inline:auto;line-height:1.4}.story .container{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--space-8),6vw,var(--space-20));align-items:center}.story-copy h2{font-size:var(--text-2xl);margin-block:var(--space-4) var(--space-5)}.story-copy .en-sub{display:block;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2);font-weight:400}.story-copy p{color:var(--color-text-muted);margin-block-end:var(--space-4);max-width:52ch}.story-cta{display:inline-flex;align-items:center;gap:.45em;margin-top:var(--space-2);padding-bottom:4px;border-bottom:1px solid currentColor;color:var(--color-accent);font-size:var(--text-sm);font-weight:600}.story-cta:hover{color:var(--color-accent-hover)}.story-media{position:relative}.story-media img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:4px;box-shadow:var(--shadow-lg)}.story-media .frame-label{position:absolute;bottom:var(--space-4);left:var(--space-4);background:color-mix(in srgb,var(--color-bg) 85%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-2) var(--space-4);border-radius:999px;font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-text-muted)}.craft{background:var(--color-surface)}.craft-media{position:relative;width:100%;aspect-ratio:21 / 9;overflow:hidden;border-radius:4px;margin-bottom:clamp(var(--space-10),6vw,var(--space-16))}.craft-media img{width:100%;height:100%;object-fit:cover}.craft-header{text-align:center;max-width:640px;margin-inline:auto;margin-bottom:clamp(var(--space-10),6vw,var(--space-16))}.craft-header h2{font-size:var(--text-2xl);margin-block:var(--space-4) var(--space-3)}.craft-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.craft-step{border-top:1px solid var(--color-border);padding-top:var(--space-5)}.craft-step .num{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-accent);display:block;margin-bottom:var(--space-2)}.craft-step h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.craft-step p{font-size:var(--text-sm);color:var(--color-text-muted)}.collection-intro{text-align:center;padding-bottom:0}.collection-intro h2{font-size:var(--text-3xl)}.collection-intro .en-sub{display:block;font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-faint);margin-top:var(--space-3)}.featured-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--space-8),6vw,var(--space-20));align-items:center;padding-block:clamp(var(--space-12),8vw,var(--space-24));border-bottom:1px solid var(--color-divider)}.featured-row:last-child{border-bottom:none}.featured-row.reverse{direction:rtl}.featured-row.reverse>*{direction:ltr}.featured-media{position:relative}.featured-media img{width:100%;aspect-ratio:4 / 5;object-fit:contain;background:var(--color-surface);border-radius:6px}.featured-copy .index{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-faint)}.featured-copy h3{font-size:var(--text-2xl);margin-block:var(--space-3) var(--space-1)}.featured-copy .pinyin{display:block;font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;margin-bottom:var(--space-4)}.featured-copy p{color:var(--color-text-muted);max-width:44ch;margin-bottom:var(--space-6)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-2) var(--space-4);border-radius:999px;border:1px solid var(--color-accent);color:var(--color-accent)}.badge:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--color-accent)}.grid-collection{padding-top:clamp(var(--space-12),8vw,var(--space-20))}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(var(--space-5),3vw,var(--space-8))}.product-card{display:flex;flex-direction:column;background:var(--color-surface);border-radius:6px;padding:var(--space-6) var(--space-5) var(--space-5);transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.product-card figure{width:100%;aspect-ratio:1 / 1;overflow:hidden;margin-bottom:var(--space-4);display:grid;place-items:center}.product-card img{width:100%;height:100%;object-fit:cover}.product-card h4{min-height:5.25em;font-size:var(--text-base);font-weight:600;line-height:1.05;margin-bottom:var(--space-1)}.product-card .pinyin{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.product-card .badge{font-size:10px;padding:var(--space-1) var(--space-3)}.product-card__eyebrow{color:var(--color-accent);font-size:10px;font-weight:600;letter-spacing:.13em}.product-card__price{display:block;margin-top:var(--space-2);font-size:var(--text-sm);font-weight:600}.product-card__link{display:inline-block;align-self:flex-start;margin-top:auto;padding-top:var(--space-4);border-bottom:1px solid currentColor;color:var(--color-text-muted);font-size:var(--text-xs)}.collection-cta{display:flex;justify-content:center;margin-top:var(--space-10)}.collection-empty{max-width:620px;margin:0 auto;padding:var(--space-10);background:var(--color-surface);text-align:center;color:var(--color-text-muted)}.newsletter{background:var(--color-text);color:var(--color-bg);text-align:center}[data-theme=dark] .newsletter{background:var(--color-surface-offset)}.newsletter .container{max-width:640px}.newsletter h2{font-size:var(--text-2xl);margin-block:var(--space-4) var(--space-3);color:inherit}.newsletter p{color:color-mix(in srgb,var(--color-bg) 70%,transparent);margin-bottom:var(--space-8)}[data-theme=dark] .newsletter p{color:var(--color-text-muted)}.newsletter-form{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.newsletter-form input[type=email]{flex:1 1 280px;max-width:340px;padding:var(--space-3) var(--space-5);border-radius:999px;border:1px solid color-mix(in srgb,var(--color-bg) 35%,transparent);background:transparent;color:inherit;font-size:var(--text-sm)}.newsletter-form input::placeholder{color:color-mix(in srgb,var(--color-bg) 55%,transparent)}[data-theme=dark] .newsletter-form input::placeholder{color:var(--color-text-faint)}.btn-primary{padding:var(--space-3) var(--space-6);border-radius:999px;background:var(--color-accent);color:#fff8f0;font-size:var(--text-sm);font-weight:600;transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);white-space:nowrap}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.form-note{margin-top:var(--space-4);font-size:var(--text-xs);color:color-mix(in srgb,var(--color-bg) 55%,transparent)}.form-note a{text-decoration:underline;text-underline-offset:3px}[data-theme=dark] .form-note{color:var(--color-text-faint)}.form-success{display:none;font-size:var(--text-sm);margin-top:var(--space-4);color:var(--color-accent)}.form-success.is-visible{display:block}.site-footer{padding-block:var(--space-12);border-top:1px solid var(--color-divider)}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8);flex-wrap:wrap}.footer-brand p{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-3);max-width:32ch}.footer-links{display:flex;gap:var(--space-12);flex-wrap:wrap}.footer-col h5{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-faint);margin-bottom:var(--space-3)}.footer-col a,.footer-col span{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.footer-col a:hover{color:var(--color-accent)}.footer-bottom{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-divider);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-faint)}.reveal{opacity:0;clip-path:inset(0 0 12% 0);transform:translateY(24px);transition:opacity var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-standard),clip-path var(--duration-slow) var(--ease-standard)}.reveal.is-visible{opacity:1;clip-path:inset(0 0 0% 0);transform:translateY(0)}.reveal-stagger>*{transition-delay:calc(var(--stagger-index, 0) * 90ms)}[data-lang=zh] .lang-en,[data-lang=en] .lang-zh{display:none}@media(max-width:900px){.site-header{padding-block:var(--space-3)}.site-header .container{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3) var(--space-4)}.main-nav{grid-column:1 / -1;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.main-nav::-webkit-scrollbar{display:none}.main-nav ul{display:flex;width:max-content;min-width:100%;justify-content:space-between;gap:var(--space-5)}.main-nav a{font-size:var(--text-xs);white-space:nowrap}.hero{min-height:100svh;padding-top:9rem}.hero-media{background:#0f0a06}.hero-media img,.hero-media video{object-fit:contain;transform:none}.hero-media:after{background:linear-gradient(180deg,#0f0a061f,#0f0a060f 45%,#0f0a06b8 78%,#0f0a06eb)}.story .container{grid-template-columns:1fr}.story-media{order:-1}.craft-steps{grid-template-columns:repeat(2,1fr)}.featured-row{grid-template-columns:1fr}.featured-row.reverse{direction:ltr}.featured-media{order:-1;max-width:380px;margin-inline:auto;width:100%}.product-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:clamp(2.4rem,10vw,4rem)}}@media(max-width:560px){.craft-steps{grid-template-columns:1fr 1fr}.newsletter-form{flex-direction:column;align-items:stretch}.newsletter-form input[type=email]{max-width:none}.footer-grid{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/style.css.map */