:root{--color-ink: #262626;--color-ink-strong: #000000;--color-ink-warm: #32322f;--color-brown: #5e5749;--color-brown-mid: #7c725e;--color-brown-dark: #615743;--color-gold: #8f744c;--color-gold-light: #b08d57;--color-hairline: #c2b8ac;--color-hairline-light: #ddd6ca;--color-surface: #ffffff;--color-surface-band: #f6f6f6;--color-surface-plate: #f4f4f4;--color-sand: #d8d1be;--color-error: #8c3a2b;--color-scrim: rgba(0, 0, 0, .28);--color-on-dark-soft: rgba(255, 255, 255, .72);--color-headroom-veil: rgba(255, 255, 255, .96);--font-sans: Inter, -apple-system, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--type-display-xl: 4rem;--type-display-lg: 2.75rem;--type-heading-lg: 2.25rem;--type-heading-md: 2rem;--type-heading-sm: 1.5rem;--type-heading-xs: 1.25rem;--type-body-lg: 1.125rem;--type-body-md: 1rem;--type-body-sm: .875rem;--type-label: .875rem;--type-label-lg: 1rem;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 45px;--space-section: 64px;--space-gutter: 16px;--space-page: 20px;--content-width: 1260px;--header-height: 60px;--ease-long: cubic-bezier(.215, .61, .355, 1)}@media (min-width: 768px){:root{--type-display-xl: 3.4rem;--type-display-lg: 2.4rem;--space-section: 88px;--space-gutter: 24px;--space-page: 45px;--header-height: 70px}}@media (min-width: 1200px){:root{--type-display-xl: 4rem;--type-display-lg: 2.75rem;--space-section: 120px;--space-page: 90px}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--type-body-md);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure,ul,ol,dl{margin:0;font-weight:400}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;z-index:200}.skip-link:focus{left:var(--space-md);top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-ink);color:var(--color-surface)}.shell{min-height:100vh;display:flex;flex-direction:column}.shell__main{flex:1 0 auto}.container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 var(--space-page)}.band{background:var(--color-surface)}.band--alt{background:var(--color-surface-band)}.band--sand{background:var(--color-sand);color:var(--color-brown)}.band--ink{background:var(--color-ink-warm);color:var(--color-surface)}.section{padding:var(--space-section) 0}.section--tight{padding:calc(var(--space-section) * .66) 0}.route-offset{padding-top:var(--header-height)}.eyebrow{display:inline-block;color:var(--color-gold);font-size:var(--type-label);letter-spacing:.18em;line-height:1.2;text-transform:uppercase}.eyebrow--light{color:var(--color-gold-light)}.eyebrow--on-sand{color:var(--color-brown)}.display{font-size:var(--type-display-xl);line-height:1.12;letter-spacing:-.015em}.display-lg{font-size:var(--type-display-lg);line-height:1.2;letter-spacing:-.01em}.heading-lg{font-size:var(--type-heading-lg);line-height:1.3}.heading-md{font-size:var(--type-heading-md);line-height:1.3}.heading-sm{font-size:var(--type-heading-sm);line-height:1.3}.body-lg{font-size:var(--type-body-lg);line-height:1.75}.lede{color:var(--color-brown);font-size:var(--type-body-lg);line-height:1.75;max-width:46ch}.muted{color:var(--color-brown-mid)}.band--sand .muted{color:var(--color-brown)}.caps{font-size:var(--type-label);letter-spacing:.18em;text-transform:uppercase}.link-underline{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:var(--type-body-lg);color:var(--color-ink-strong);border-bottom:1px solid currentColor;padding-bottom:2px;transition:color .3s var(--ease-long),border-color .3s var(--ease-long)}.link-underline:hover{color:var(--color-brown)}.band--ink .link-underline,.on-media .link-underline{color:var(--color-surface)}.band--ink .link-underline:hover,.on-media .link-underline:hover{color:var(--color-sand)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-long),transform .7s var(--ease-long)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}.site-header{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--header-height);display:flex;align-items:center;transition:transform .35s var(--ease-long),background .3s linear,border-color .3s linear,color .3s linear;color:var(--color-ink);background:var(--color-surface);border-bottom:1px solid transparent}.site-header--solid{background:var(--color-headroom-veil);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--color-hairline)}.site-header--over-hero{background:linear-gradient(180deg,#0000006b,#0000);color:var(--color-surface);border-bottom-color:transparent}.site-header--hidden{transform:translateY(-100%)}.site-header__inner{width:100%;max-width:none;margin:0 auto;padding:0 var(--space-page);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.wordmark{display:inline-flex;align-items:baseline;gap:10px;letter-spacing:.14em;text-transform:uppercase;font-size:var(--type-label-lg);white-space:nowrap}.wordmark__cn{letter-spacing:.06em;font-size:var(--type-label);text-transform:none;opacity:.8}.site-nav{display:none;gap:var(--space-xl)}@media (min-width: 1024px){.site-nav{display:flex}}.site-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem;letter-spacing:.01em;padding:0 2px}.site-nav a:after{content:"";position:absolute;left:0;bottom:8px;width:0;height:1px;background:var(--color-gold);transition:width .3s var(--ease-long)}.site-nav a:hover:after,.site-nav a.is-active:after{width:100%}.header-tools{display:flex;align-items:center;gap:var(--space-xs)}.header-tools .header-tools__quote{display:none;white-space:nowrap}@media (min-width: 1024px){.header-tools .header-tools__quote{display:inline-flex}}.site-header--over-hero .header-tools .header-tools__quote{background:var(--color-surface);color:var(--color-ink)}.site-header--over-hero .header-tools .header-tools__quote:hover{background:var(--color-sand);color:var(--color-ink)}.hero .btn--secondary{color:var(--color-surface);border-color:#ffffff9e}.hero .btn--secondary:hover{background:#ffffff24;color:var(--color-surface)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9999px}.icon-button:hover{color:var(--color-brown)}.drawer-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;align-items:center}.drawer-toggle span{display:block;width:18px;height:1px;background:currentColor}@media (min-width: 1024px){.drawer-toggle{display:none}}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:var(--color-scrim);opacity:0;pointer-events:none;transition:opacity .3s linear}.drawer-scrim.is-open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:120;width:min(320px,86vw);background:var(--color-sand);color:var(--color-brown);padding:var(--space-lg) var(--space-lg) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);overflow-y:auto;transform:translate(100%);transition:transform .42s var(--ease-long)}.drawer.is-open{transform:none}.drawer__head{display:flex;align-items:center;justify-content:space-between}.drawer__list>li a{display:flex;align-items:center;min-height:56px;border-bottom:1px solid var(--color-hairline);font-size:var(--type-heading-xs)}.drawer__list>li:first-child a{border-top:1px solid var(--color-hairline)}.drawer__foot{margin-top:auto;display:grid;gap:var(--space-sm);font-size:var(--type-body-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 var(--space-lg);border-radius:0;font-size:var(--type-label-lg);letter-spacing:.12em;text-transform:uppercase;transition:background .3s var(--ease-long),color .3s var(--ease-long),border-color .3s var(--ease-long)}.btn--primary{background:var(--color-ink);color:var(--color-surface)}.btn--primary:hover{background:var(--color-brown)}.btn--secondary{background:transparent;border:1px solid currentColor;color:var(--color-ink)}.btn--secondary:hover{background:var(--color-surface-band);color:var(--color-brown)}.band--ink .btn--secondary,.on-media .btn--secondary{color:var(--color-surface)}.band--ink .btn--secondary:hover,.on-media .btn--secondary:hover{background:#ffffff1f;color:var(--color-surface)}.band--sand .btn--primary{background:var(--color-ink-warm);color:var(--color-surface)}.band--sand .btn--primary:hover{background:var(--color-brown-dark)}.btn--small{min-height:44px;padding:0 var(--space-md);font-size:var(--type-label)}.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero{position:relative;background:var(--color-ink-warm);color:var(--color-surface);display:grid;grid-template-columns:1fr}@media (min-width: 900px){.hero{grid-template-columns:1.02fr 1fr;min-height:88vh}}.hero__panel{display:flex;flex-direction:column;justify-content:center;gap:var(--space-lg);padding:calc(var(--header-height) + var(--space-xl)) var(--space-page) var(--space-section)}@media (min-width: 900px){.hero__panel{padding:calc(var(--header-height) + var(--space-xl)) var(--space-xxl) var(--space-xxl) calc(var(--space-page) + var(--space-xxl))}}.hero__title{font-size:clamp(2.1rem,5vw,4rem);line-height:1.1;letter-spacing:-.015em;max-width:16ch}.hero__sub{color:var(--color-gold-light);letter-spacing:.14em;text-transform:uppercase;font-size:var(--type-label-lg)}.hero__copy{color:var(--color-on-dark-soft);max-width:42ch;font-size:var(--type-body-lg);line-height:1.7}.hero__media{position:relative;min-height:60vh;overflow:hidden}.hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 40%}@media (max-width: 899px){.hero__media{order:-1;min-height:52vh}}.page-hero{padding:calc(var(--header-height) + var(--space-xl)) 0 var(--space-xl);border-bottom:1px solid var(--color-hairline-light)}.page-hero--sand{background:var(--color-sand);border-bottom-color:transparent;color:var(--color-brown)}.page-hero__inner{display:grid;gap:var(--space-sm)}.page-hero p{max-width:60ch}.facts{display:grid;gap:var(--space-lg);border-top:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline);padding:var(--space-lg) 0;margin-top:var(--space-xl)}@media (min-width: 768px){.facts{grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}}.facts__item{display:grid;gap:var(--space-xxs)}.facts__value{font-size:var(--type-heading-xs)}.grid-products{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl) var(--space-gutter)}@media (min-width: 768px){.grid-products{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1100px){.grid-products{grid-template-columns:repeat(4,1fr);gap:72px var(--space-gutter)}}.grid-products--three{grid-template-columns:repeat(1,1fr)}@media (min-width: 600px){.grid-products--three{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1000px){.grid-products--three{grid-template-columns:repeat(3,1fr)}}.product-card{display:block;color:var(--color-ink)}.product-card__plate{position:relative;aspect-ratio:5 / 4;background:var(--color-surface-plate);overflow:hidden}.product-card__plate img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:scale(.96);transition:transform 1.5s var(--ease-long)}.product-card:hover .product-card__plate img{transform:scale(1.02)}.product-card__caption{display:grid;gap:5px;padding-top:var(--space-md);position:relative}.product-card__caption:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:1px;background:#b9afa1;transition:width .5s var(--ease-long)}.product-card:hover .product-card__caption:after,.product-card:focus-visible .product-card__caption:after{width:100%}.product-card__name{font-size:var(--type-body-lg);color:var(--color-ink-strong)}@media (min-width: 768px){.product-card__name{font-size:var(--type-heading-xs)}}.product-card__meta{font-size:var(--type-body-sm);letter-spacing:.16em;text-transform:uppercase;color:var(--color-gold)}.product-card__action{margin-top:var(--space-xs);display:inline-flex;align-items:center;min-height:44px;font-size:var(--type-body-sm);color:var(--color-brown);border-bottom:1px solid var(--color-hairline);width:fit-content}.filter-bar{display:flex;gap:var(--space-lg);overflow-x:auto;scroll-snap-type:x mandatory;border-bottom:1px solid var(--color-hairline-light);margin-bottom:var(--space-xl);padding-bottom:2px}.filter-bar::-webkit-scrollbar{height:0}.filter-tab{position:relative;flex:0 0 auto;min-height:44px;padding:0 0 var(--space-sm);font-size:var(--type-body-md);color:var(--color-ink-warm);scroll-snap-align:start;transition:color .3s var(--ease-long)}.filter-tab:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:var(--color-brown-mid);transition:width .3s var(--ease-long)}.filter-tab:hover{color:var(--color-ink-strong)}.filter-tab.is-active{color:var(--color-brown-mid)}.filter-tab.is-active:after{width:100%}.results-line{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);justify-content:space-between;margin-bottom:var(--space-lg);font-size:var(--type-body-sm);color:var(--color-brown-mid);letter-spacing:.04em}.grid-categories{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width: 700px){.grid-categories{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1100px){.grid-categories{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.grid-categories>:first-child{grid-column:span 2}}.category-tile{position:relative;display:block;background:var(--color-surface-plate);overflow:hidden;min-height:240px}.category-tile img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform 1.5s var(--ease-long)}.category-tile:hover img{transform:scale(1.03)}.category-tile__label{position:absolute;left:var(--space-md);bottom:var(--space-md);right:var(--space-md);display:grid;gap:4px}.category-tile__title{font-size:var(--type-heading-xs);color:var(--color-ink)}.split{display:grid;gap:var(--space-lg);align-items:center}@media (min-width: 900px){.split{grid-template-columns:1fr 1fr;gap:var(--space-xxl)}.split--flip>:first-child{order:2}}.split__media{background:var(--color-surface-plate);aspect-ratio:4 / 5;overflow:hidden}.split__media--wide{aspect-ratio:4 / 3}.split__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.split__body{display:grid;gap:var(--space-md);max-width:470px}.rule-44{width:44px;height:1px;background:var(--color-hairline)}.step-list{display:grid;gap:var(--space-lg);counter-reset:step}@media (min-width: 768px){.step-list{grid-template-columns:repeat(2,1fr);gap:var(--space-xl) var(--space-xxl)}}.step{display:grid;gap:var(--space-xs);border-top:1px solid var(--color-hairline);padding-top:var(--space-md)}.step__index{font-size:var(--type-body-sm);letter-spacing:.18em;color:var(--color-gold);text-transform:uppercase}.step__title{font-size:var(--type-heading-xs)}.step p{color:var(--color-brown);line-height:1.7}.band--ink .step,.band--sand .step{border-top-color:#5e574952}.band--ink .step p{color:var(--color-on-dark-soft)}.market-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-top:var(--space-xl)}@media (min-width: 900px){.market-row{grid-template-columns:repeat(5,1fr)}}.market{border-top:1px solid var(--color-hairline);padding-top:var(--space-sm);display:grid;gap:2px}.market__name{font-size:var(--type-body-lg)}.market__note{font-size:var(--type-body-sm);color:var(--color-brown-mid)}.pdp{display:grid;gap:var(--space-xl)}@media (min-width: 900px){.pdp{grid-template-columns:1.1fr 1fr;gap:var(--space-xxl);align-items:start}}.pdp__media{background:var(--color-surface-plate);aspect-ratio:1 / 1;overflow:hidden}.pdp__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pdp__body{display:grid;gap:var(--space-md);align-content:start}.pdp__model{font-size:var(--type-heading-lg);line-height:1.2}.pdp__category{font-size:var(--type-body-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold)}.pdp__desc{color:var(--color-brown);max-width:52ch;line-height:1.8}.spec-table{border-top:1px solid var(--color-hairline-light);margin-top:var(--space-sm)}.spec-table__row{display:grid;gap:2px;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-hairline-light);min-height:52px}@media (min-width: 600px){.spec-table__row{grid-template-columns:40% 60%;gap:0;align-items:baseline}}.spec-table__label{font-size:var(--type-body-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--color-brown)}.spec-table__value{font-size:var(--type-body-md)}.note{font-size:var(--type-body-sm);color:var(--color-brown-mid);line-height:1.7}.form-grid{display:grid;gap:var(--space-lg)}@media (min-width: 768px){.form-grid{grid-template-columns:repeat(2,1fr)}.form-grid__full{grid-column:1 / -1}}.field{display:grid;gap:6px}.field__label{font-size:var(--type-body-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--color-brown)}.field__req{color:var(--color-gold)}.field input,.field select,.field textarea{width:100%;min-height:52px;padding:var(--space-xs) 0;font-family:inherit;font-size:var(--type-body-md);color:var(--color-ink);background:transparent;border:0;border-bottom:1px solid var(--color-hairline);border-radius:0;transition:border-color .2s linear}.field textarea{min-height:120px;resize:vertical;line-height:1.6}.field input::placeholder,.field textarea::placeholder{color:var(--color-brown-mid)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-bottom:2px solid var(--color-ink)}.field.has-error input,.field.has-error select,.field.has-error textarea{border-bottom-color:var(--color-error)}.field__error{font-size:var(--type-body-sm);color:var(--color-error);padding-left:4px}.field__hint{font-size:var(--type-body-sm);color:var(--color-brown-mid)}.form-result{border:1px solid var(--color-hairline);padding:var(--space-lg);display:grid;gap:var(--space-sm)}.form-result__title{font-size:var(--type-heading-xs)}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.contact-list{display:grid;gap:var(--space-md)}.contact-item{display:grid;gap:2px;border-top:1px solid var(--color-hairline);padding-top:var(--space-sm)}.contact-item dt{font-size:var(--type-body-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--color-brown)}.contact-item dd{margin:0;font-size:var(--type-body-lg)}.site-footer{background:var(--color-sand);color:var(--color-brown);padding:var(--space-section) 0 var(--space-lg)}.footer-grid{display:grid;gap:var(--space-xl)}@media (min-width: 900px){.footer-grid{grid-template-columns:repeat(6,1fr);gap:var(--space-lg)}.footer-grid__brand{grid-column:span 2}}.footer-col{display:grid;gap:var(--space-xs);align-content:start}.footer-col__title{font-size:var(--type-body-sm);letter-spacing:.18em;text-transform:uppercase;padding-bottom:var(--space-sm)}.footer-col a{font-size:var(--type-body-md);line-height:2;color:var(--color-brown);transition:color .2s linear}.footer-col a:hover{color:var(--color-ink);text-decoration:underline;text-underline-offset:4px}.footer-bottom{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid rgba(94,87,73,.28);display:grid;gap:var(--space-xs);font-size:var(--type-body-sm);color:var(--color-brown-dark)}@media (min-width: 768px){.footer-bottom{grid-template-columns:1fr auto;align-items:end}}.footer-legal{text-align:left}@media (min-width: 768px){.footer-legal{text-align:right;letter-spacing:.12em;text-transform:uppercase}}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-xs);font-size:var(--type-body-sm);color:var(--color-brown-mid);margin-bottom:var(--space-md)}.breadcrumb a:hover{color:var(--color-ink)}.not-found{min-height:60vh;display:grid;place-content:center;gap:var(--space-md);text-align:center;justify-items:center}.cta-band{display:grid;gap:var(--space-md);justify-items:start}@media (min-width: 900px){.cta-band{grid-template-columns:1.4fr 1fr;align-items:end;gap:var(--space-xxl)}}.two-col{display:grid;gap:var(--space-xl)}@media (min-width: 900px){.two-col{grid-template-columns:1fr 1fr;gap:var(--space-xxl)}}.stack-sm{display:grid;gap:var(--space-sm)}.stack-md{display:grid;gap:var(--space-md)}.stack-lg{display:grid;gap:var(--space-lg)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}
