:root{--reference-bg:#faf8f4;--reference-card:#fff;--reference-tan:#cdb187;--reference-dark:#121212}
body{background:#fff;font-size:14px}
.reveal{opacity:1;transform:none}
.hero{background-image:url('assets/hero-apparel.png')}
.announcement{display:none}
.site-header{height:72px;position:sticky;top:0;background:#fff;padding:0 max(28px,calc((100vw - 1240px)/2));grid-template-columns:auto 1fr auto;border-bottom:0;box-shadow:0 1px rgba(0,0,0,.04)}
.wordmark{font-size:23px;line-height:17px}
.desktop-nav{justify-self:start;margin-left:42px;gap:27px;align-items:center}
.desktop-nav a,.desktop-nav .nav-order{font-size:13px;letter-spacing:0;text-transform:none;white-space:nowrap}.desktop-nav a{position:relative}
.desktop-nav a::after{bottom:-10px}
.desktop-nav a.active::after{content:"";position:absolute;left:0;right:0;height:1px;background:currentColor}.desktop-nav a.context-active:not(.active){color:#777}.desktop-nav [hidden]{display:none!important}
.header-actions{gap:18px}
.icon-action{display:flex!important;align-items:center;gap:5px}
.icon-action svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-action span{display:none}
.bag-btn b{position:absolute;margin:0 0 20px 18px;background:#fff}
.hero{width:min(1240px,calc(100% - 56px));height:min(650px,calc(100svh - 110px));min-height:520px;margin:34px auto 0;padding:40px;justify-content:center;text-align:center;border-radius:2px;background-position:center 32%;overflow:hidden}
.hero-shade{background:rgba(27,20,14,.32)}
.hero-copy{width:min(620px,100%);display:flex;flex-direction:column;align-items:center}
.hero h1{font-size:clamp(44px,4.7vw,70px);line-height:.94;margin:20px 0;white-space:nowrap}
.hero-copy>p:not(.eyebrow){max-width:500px;font-size:17px;margin:0 0 25px}
.primary-btn,.light-btn{width:280px;border-radius:999px;background:var(--reference-tan);padding:17px 24px;justify-content:center;gap:16px}
.hero-note{left:0;right:0;bottom:23px;text-align:center}
.trust-strip{display:none}
.manifesto{width:min(1240px,calc(100% - 56px));margin:0 auto;background:var(--reference-bg);padding:90px 44px 100px;display:block}
.manifesto>.section-label{display:none}
.manifesto>div{max-width:none}
.questions{max-width:760px;font:italic 300 23px/2 var(--serif);color:var(--ink)}
.manifesto hr{width:46px;border-color:var(--reference-tan);margin:35px auto}
.manifesto .serif{font:600 32px/1.2 var(--serif);color:var(--ink);text-align:center;margin:0}
.manifesto h2{max-width:560px!important;margin:22px auto 0!important;font:400 17px/1.6 var(--sans)!important;letter-spacing:0!important;text-align:center;color:#666}
.collection{width:min(1240px,calc(100% - 56px));margin:0 auto;background:var(--reference-bg);padding:10px 0 90px}
.section-heading{display:block;padding:0 16px 28px}
.section-heading .section-label{display:none}
.section-heading h2{font:600 28px/1.2 var(--sans)!important;letter-spacing:0!important;margin:0}
.section-heading>p{margin:8px 0 0;max-width:none;font-size:14px}
.filter-row{margin:0 16px 28px;border-color:rgba(0,0,0,.12)}
.filter{font-size:11px;padding:15px 4px;margin-right:28px;letter-spacing:.03em}
.product-grid{grid-template-columns:repeat(4,1fr);gap:26px 16px;padding:0}
.product-card{background:var(--reference-card);border-radius:13px;overflow:hidden;box-shadow:0 8px 24px rgba(38,31,24,.07)}
.product-link{display:block;color:inherit;text-decoration:none}
.product-image{aspect-ratio:4/5;background:#eee;border-radius:13px 13px 0 0}
.product-image .tag,.quick-add{display:none}
.product-meta{display:flex;min-height:118px;padding:16px;flex-direction:column;justify-content:space-between;margin:0}
.product-meta h3{font:500 15px/1.35 var(--sans)}
.product-meta p{font-size:9px;margin-top:6px}
.product-meta strong{font-size:17px;margin-top:20px}
.process,.standards{display:none}
.social-proof{width:min(1240px,calc(100% - 56px));margin:0 auto;padding:76px 0 92px;background:#fff;overflow:hidden}
.proof-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px;padding:0 2px}
.proof-heading h2{font:500 clamp(28px,3.2vw,44px)/1.05 var(--serif);letter-spacing:-.025em;margin:0}
.product-rail{overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%)}
.product-rail-track{display:flex;width:max-content;will-change:transform;animation:product-rail-scroll 52s linear infinite}
.product-rail:hover .product-rail-track,.product-rail:focus-within .product-rail-track{animation-play-state:paused}
.product-rail-set{display:flex;flex:none;gap:14px;padding-right:14px}
.rail-product{display:block;flex:none;width:clamp(220px,21vw,278px);color:inherit;text-decoration:none}
.rail-product-image{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#eee}
.rail-product-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px 1px 0}
.rail-product-meta h3{margin:0;font:500 13px/1.35 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail-product-meta p{margin:5px 0 0;color:#888;font:400 10px/1.3 var(--sans)}
.rail-product-meta strong{font:500 13px/1.35 var(--sans)}
@keyframes product-rail-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.product-rail{overflow-x:auto;mask-image:none;-webkit-mask-image:none;scrollbar-width:thin}.product-rail-track{animation:none}}
.final-cta{width:min(1240px,calc(100% - 56px));margin:0 auto;padding:82px 24px;background:#1a1a1a;color:#fff}
.final-cta h2{font:600 clamp(42px,5vw,66px)/.98 var(--serif);letter-spacing:-.03em;margin:0 auto 28px;white-space:nowrap}
.final-cta form{width:min(520px,100%);margin:auto;display:grid;gap:10px}
.final-cta input,.final-cta form button{height:52px;border-radius:6px;padding:0 18px;font:500 13px var(--sans)}
.final-cta input{border:1px solid #555;background:#292929;color:#fff}.final-cta form button{border:0;background:var(--reference-tan);cursor:pointer;font-weight:600}
footer{width:min(1240px,calc(100% - 56px));margin:0 auto;background:var(--reference-dark);color:#fff;padding:55px 22px 35px;display:block;border:0}
.footer-newsletter{display:block!important;padding-bottom:32px;border-bottom:1px solid #333}
.footer-newsletter>b{font-size:16px;letter-spacing:0}.footer-newsletter p{margin:8px 0 18px;max-width:none;color:#888}
.footer-newsletter>div{display:grid;grid-template-columns:1fr auto;gap:10px;border:0}
.footer-newsletter input{height:48px;padding:0 14px;border:1px solid #444;border-radius:5px;color:#fff;background:#1d1d1d}
.footer-newsletter button{height:48px;padding:0 24px;border:0;border-radius:5px;background:#fff;color:#111;font:600 12px var(--sans)}
.footer-groups{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:80px;padding:35px 0 38px;border-bottom:1px solid #333}
.footer-groups>div{display:flex;flex-direction:column;gap:12px}
.footer-groups b{font-size:11px;letter-spacing:.12em;margin-bottom:8px}
.footer-groups a,.footer-groups button,.footer-groups span{color:#888;font:400 13px/1.45 var(--sans);text-decoration:none}
.footer-groups button{text-align:left}.company-details{margin:0;max-width:none}.company-details b{color:#fff!important}
.company-details>div{display:flex;flex-direction:column;gap:8px}.zh-only{display:none!important}html[lang="zh-CN"] .en-only{display:none!important}html[lang="zh-CN"] .zh-only{display:flex!important}
.footer-legal{padding-top:24px;display:flex;flex-direction:column;align-items:center;gap:20px;color:#666;font-size:11px;text-align:center}
.footer-legal nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px}.footer-legal a{color:#888;text-decoration:none}.footer-legal a:hover{color:#fff}
.footer-legal small{border:0;padding:0;margin:0;font-size:10px;letter-spacing:0}
.product-dialog,.quote-dialog{border-radius:16px;background:#fff}.product-dialog::backdrop,.quote-dialog::backdrop{background:rgba(0,0,0,.45)}
.checkout-btn{background:var(--reference-tan);color:#17130e;border-radius:999px;justify-content:center;gap:15px}
.choice-row span{border-radius:6px}.choice-row input:checked+span{background:#1a1a1a}.fieldset-head{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:.13em}.fieldset-head a{color:#666;text-decoration:none;border-bottom:1px solid #aaa;padding-bottom:2px}.size-choices{grid-template-columns:repeat(5,1fr)}
@media(max-width:1050px){.desktop-nav{gap:16px;margin-left:24px}.desktop-nav a,.desktop-nav .nav-order{font-size:11px}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto 1fr;padding:0 18px}.hero,.manifesto,.collection,.social-proof,.final-cta,footer{width:100%}.hero{margin-top:0;border-radius:0}.product-grid{grid-template-columns:repeat(2,1fr);padding:0 12px}.filter-row,.section-heading{margin-inline:12px;padding-inline:0}.manifesto{padding:70px 24px}.social-proof{padding:60px 12px}.final-cta,footer{padding-inline:24px}}
@media(max-width:600px){.hero{height:calc(100svh - 72px);min-height:590px;padding:30px 22px}.hero h1{font-size:clamp(34px,10vw,44px)}.questions{font-size:18px;line-height:1.75}.manifesto .serif{font-size:27px}.product-grid{gap:18px 8px}.product-meta{min-height:105px;padding:12px}.product-meta h3{font-size:13px}.product-meta strong{font-size:15px}.proof-heading h2{font-size:29px}.rail-product{width:58vw}.final-cta h2{font-size:42px;white-space:normal}.footer-groups{grid-template-columns:1fr 1fr;gap:40px}.company-details{grid-column:1/-1}.footer-newsletter>div{grid-template-columns:1fr}.footer-newsletter button{width:100%}.size-choices{grid-template-columns:repeat(3,1fr)}}
