html.quiet{
--linen:#FAFAF8; --linen-2:#F4F4F2; --sand:#F1F1EF; --powder:#CFCFCB; --stone:#8B8B87; --stone-2:#4A4A47;
--gold:#1F1C19; --ink:#161616; --night:#111111;
--bg:#FAFAF8; --fg:#161616; --mute:#7C7C78; --rule:rgba(0,0,0,.12);
--t5:clamp(34px,1.4rem + 2.8vw,60px);
--t6:clamp(40px,1.6rem + 4.2vw,84px);
}
html.quiet body{background:#FAFAF8;color:#161616}
html.quiet .grain{display:none}
html.quiet .it,html.quiet em{font-style:normal}
html.quiet .lab{letter-spacing:.3em;font-size:10px}
html.quiet .t3{font-size:clamp(22px,1.1rem + 1vw,30px);letter-spacing:0}
html.quiet .t4{font-size:clamp(28px,1.3rem + 1.8vw,42px);letter-spacing:-.005em}
html.quiet .t5{letter-spacing:-.01em;line-height:1.06}
html.quiet ::selection{background:#161616;color:#fff}
@media (min-width:1001px){
html.quiet .top{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"l brand r" "nav nav nav";row-gap:0;padding:0 var(--pad);align-items:center;column-gap:var(--s3)}
html.quiet .top::before{content:"";grid-area:l}
html.quiet .top .brand{grid-area:brand;justify-self:center;padding:22px 0 18px;font-size:19px;letter-spacing:.34em}
html.quiet .top .r{grid-area:r;justify-self:end}
html.quiet .top nav{grid-area:nav;justify-self:center;gap:clamp(24px,3vw,44px);padding:0 0 16px}
html.quiet .top nav>a,html.quiet .top nav .nd>a{font-size:11px;letter-spacing:.26em}
html.quiet .top .r>*{font-size:11px;letter-spacing:.26em}
html.quiet .dd{top:100%}
}
@media (min-width:1280px){
html.quiet .top{grid-template-areas:"nav brand r";column-gap:var(--s2)}
html.quiet .top::before{display:none}
html.quiet .top .brand{padding:20px 0}
html.quiet .top nav{grid-area:nav;justify-self:start;gap:clamp(18px,1.9vw,30px);padding:0}
html.quiet .top nav>a,html.quiet .top nav .nd>a{font-size:10.5px;letter-spacing:.2em}
html.quiet .top .r{gap:clamp(14px,1.6vw,26px)}
html.quiet .top .r>*{font-size:10.5px;letter-spacing:.2em}
}
@media (max-width:860px){
html.quiet .top{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto;align-items:center;column-gap:0}
html.quiet .top .brand{grid-column:2;grid-row:1;justify-self:center}
html.quiet .top .r{display:contents}
html.quiet .top .r .sicon{grid-column:1;grid-row:1;justify-self:start;margin:0 0 0 -12px;width:44px;height:44px}
html.quiet .top .burger{grid-column:3;grid-row:1;justify-self:end;margin-left:0}
html.quiet body:has(nav.bnav) .top .r [data-cart-open]{display:none}
}
html.quiet .top{transition:background .35s,color .35s,box-shadow .35s,transform .5s var(--ease),top .4s}
html.quiet .top.onhero{text-shadow:0 1px 10px rgba(0,0,0,.35)}
html.quiet .top.solid{background:rgba(250,250,248,.92);box-shadow:0 1px 0 var(--rule)}
html.quiet .top.dd-on{background:#FAFAF8}
html.quiet .top nav a::after,html.quiet .top nav .nd>a::after{height:1px}
html.quiet .top nav a.sale{color:inherit}
html.quiet .ann{background:#161616;color:#FAFAF8;font-size:9.5px;letter-spacing:.26em}
html.quiet .dd{border-top:1px solid var(--rule);box-shadow:0 24px 40px -30px rgba(0,0,0,.25)}
html.quiet .top nav .dd-col a{font-size:13px}
html.quiet .hero .ph::after{background:linear-gradient(to top,rgba(0,0,0,.42) 0%,rgba(0,0,0,.12) 34%,transparent 60%),linear-gradient(to bottom,rgba(0,0,0,.28),transparent 22%)}
html.quiet .hero h1{font-style:normal;font-weight:300;font-size:clamp(34px,4.4vw,66px);line-height:1.04;letter-spacing:-.005em;color:#FAFAF8}
html.quiet .hero h1 b{animation:none;transform:none;opacity:0;animation:fade 1.2s var(--ease) .3s forwards}
html.quiet .hero .sub{color:rgba(250,250,248,.8);letter-spacing:.3em;animation-delay:.7s}
html.quiet .hero .tx{text-shadow:none}
html.quiet .btn{letter-spacing:.26em;font-size:10.5px}
html.quiet .btn-fill{background:#161616;color:#FAFAF8;border-radius:0;letter-spacing:.26em;font-size:10.5px;transition:background .3s,color .3s}
html.quiet .btn-fill::before{display:none}
html.quiet .btn-fill:hover{background:#3A3A38}
html.quiet .btn.mute,html.quiet .btn.mute:hover{color:var(--stone-2)}
html.quiet .fav,html.quiet .fav.big{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;box-shadow:none}
html.quiet .card .fav{width:30px;height:30px;right:8px;top:8px;opacity:1}
html.quiet .card:hover .fav,html.quiet .fav[aria-pressed=true]{background:none}
html.quiet .fav[aria-pressed=true]{color:#161616}
html.quiet .fav svg{width:16px;height:16px;stroke-width:1.2}
html.quiet .fav.big{width:56px;height:56px;border:1px solid #161616}
html.quiet .card .tap{border-radius:0;border:1px solid #161616;background:#FAFAF8;color:#161616;box-shadow:none;width:32px;height:32px;font-size:18px;font-family:var(--font-sans);font-weight:300}
html.quiet .card .ph.qs-on .tap{background:#161616;color:#FAFAF8}
html.quiet .card .qs button,html.quiet .card .qs .qs-l{background:#FAFAF8;border-radius:0;box-shadow:inset 0 0 0 1px var(--rule)}
html.quiet .card .qs button:hover{background:#161616;color:#FAFAF8;box-shadow:none}
html.quiet .card .tag,html.quiet .card .tag.last,html.quiet .card .tag.sale{background:none;padding:0;left:10px;top:10px;font-size:9px;letter-spacing:.22em;color:#161616}
html.quiet .card .tag.sale{color:#161616}
html.quiet .card .ph{background:#F1F1EF}
html.quiet .card .n{font-family:var(--font-sans);font-size:13px;letter-spacing:.02em}
html.quiet .card .b{font-size:9.5px;letter-spacing:.24em;color:var(--mute)}
html.quiet .card .p{font-family:var(--font-sans);font-size:13px}
html.quiet .card .p s{color:var(--mute)}
html.quiet .card .meta{margin-top:12px}
html.quiet .rv{transform:translateY(10px);transition:opacity .8s ease,transform .9s var(--ease)}
html.quiet .sc .ph::after{background:linear-gradient(to top,rgba(0,0,0,.35),transparent 55%)}
@media (max-width:860px){
html.quiet .sc .ph::after{background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.18) 48%,transparent 72%)}
html.quiet .sc-t{text-shadow:0 1px 14px rgba(0,0,0,.55)}
html.quiet .sc-t i{color:rgba(244,239,231,.92);font-size:11px;letter-spacing:.16em}
}
html.quiet .sc-t b{font-weight:300}
html.quiet .hot i{background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
html.quiet .bt-ph{color:#CFCFCB}
html.quiet .lk-tx .n{font-family:var(--font-sans);font-size:13px;letter-spacing:.02em}
html.quiet .bt-tx{gap:4px}
html.quiet .bt-tx .lab{order:-1;font-size:9px;color:var(--mute)}
html.quiet .bt-tx .n{font-family:var(--font-serif);font-size:clamp(20px,1rem + .7vw,24px);font-weight:400;line-height:1.15;color:#161616;letter-spacing:0}
html.quiet .bt-tx .d{font-size:13px;color:var(--stone);margin-top:4px}
html.quiet .bt-tx .k{margin-top:8px}
html.quiet .bt-tx .k{font-size:9.5px;letter-spacing:.26em}
html.quiet .info h1{font-size:clamp(24px,1.2rem + 1.2vw,34px);letter-spacing:0}
html.quiet .info .price{font-family:var(--font-sans);font-size:15px;letter-spacing:.04em}
html.quiet .info .price s.old{font-size:1em}
html.quiet .info .price .off{color:var(--stone-2)}
html.quiet .pills button{border-radius:0;border:1px solid var(--rule)}
html.quiet .pills button[aria-pressed=true]{border-color:#161616;background:#161616;color:#FAFAF8}
html.quiet .pills button i{background:#161616}
html.quiet .acc summary{letter-spacing:.26em;font-size:10px}
html.quiet .ship-eta i{background:#161616}
html.quiet .drawer,html.quiet .menu,html.quiet .search,html.quiet .modal .box,html.quiet .fsheet::before{background:#FAFAF8}
html.quiet .drawer .hd .t{font-size:clamp(20px,1.1rem + .8vw,26px)}
html.quiet .drawer .ci .n{font-family:var(--font-sans);font-size:13px}
html.quiet .drawer .ci .p,html.quiet .drawer .tot.big{font-family:var(--font-sans);font-size:14px;letter-spacing:.04em}
html.quiet .drawer .ship .bar i{background:#161616}
html.quiet .search input{font-family:var(--font-sans);font-weight:300;font-size:clamp(22px,1.2rem + 1.4vw,40px);letter-spacing:.01em}
html.quiet .search mark{color:#161616;text-decoration:underline;text-underline-offset:3px}
html.quiet .st b{font-family:var(--font-sans);font-size:13px;font-weight:400}
html.quiet .menu .m-l a .nm{font-size:clamp(28px,4vw,54px);font-weight:300}
html.quiet .bnav{background:rgba(250,250,248,.96);border-top:1px solid var(--rule)}
html.quiet .store-ed{background:#F1F1EF;color:#161616}
html.quiet .se-ph::after{background:linear-gradient(to right,transparent 60%,#F1F1EF 100%)}
html.quiet .se-tx h2{color:#161616;font-size:clamp(30px,1.4rem + 2.2vw,52px)}
html.quiet .se-tx .lab,html.quiet .se-meta dt{color:var(--mute)}
html.quiet .se-meta{border-top-color:var(--rule)}
html.quiet .se-meta dd,html.quiet .se-meta dd a{color:#161616;font-family:var(--font-sans);font-size:14px}
html.quiet .se-cta .btn{color:#161616}
html.quiet .se-coord{color:var(--mute)}
html.quiet footer{background:#FAFAF8;color:#161616;border-top:1px solid var(--rule)}
html.quiet footer .fig{margin-top:calc(-1*var(--s5) - 1px)}
html.quiet footer .h{color:var(--mute)}
html.quiet footer .cols a,html.quiet footer .cols span{color:#161616}
html.quiet footer .cols a:hover{color:var(--stone)}
html.quiet footer .addr{color:var(--stone-2)}
html.quiet footer .base{border-top-color:var(--rule)}
html.quiet footer .base span,html.quiet footer .base a{color:var(--mute)}
html.quiet footer .trust{border-top-color:var(--rule);color:var(--stone-2)}
html.quiet footer .trust .pay .pl{border-color:var(--rule)}html.quiet footer .trust .pay .pl i{color:var(--stone-2)}
html.quiet footer .news{border-bottom-color:var(--rule)}
html.quiet footer .news-l .lab{color:#161616}
html.quiet footer .news-l .nn{color:var(--mute)}
html.quiet footer .news-r{border-bottom-color:#161616}
html.quiet footer .news-r input{color:#161616}
html.quiet footer .news-r input::placeholder{color:var(--powder)}
html.quiet footer .news-r button{color:#161616}
html.quiet footer .news-msg{color:var(--stone-2)}
html.quiet footer .news-msg.bad{color:#9A3B2E}
html.quiet footer .fig-cta{background:#161616;color:#FAFAF8}
html.quiet .curtain{display:none}
html.quiet body.leaving .page{opacity:0;transition:opacity .25s ease}
html.quiet .top,html.quiet .top.onhero{background:#FAFAF8;color:#161616;text-shadow:none}
html.quiet .top.onhero nav a.sale{color:inherit}
html.quiet .hero{margin-top:calc(var(--ann,0px) + var(--hh,120px));height:calc(100svh - var(--ann,0px) - var(--hh,120px));min-height:520px}
@supports not (height:100svh){html.quiet .hero{height:calc(100vh - var(--ann,0px) - var(--hh,120px))}}
html.quiet .hero .ph{animation:none;opacity:1}
html.quiet .hero .ph::after{background:linear-gradient(to top,rgba(0,0,0,.38) 0%,rgba(0,0,0,.1) 30%,transparent 55%)}
html.quiet .page:not(:has(.hero)){padding-top:0}
html.quiet .phead{padding-top:calc(var(--hh,120px) + var(--ann,0px) + var(--s4))}
html.quiet .pdp{padding-top:calc(var(--hh,120px) + var(--ann,0px) + var(--s3))}
html.quiet .top .brand{transition:none}
html.quiet .top.onhero:not(.dd-on):not(.solid) nav a.sale,html.quiet .top nav a.sale{color:#161616}
@media (max-width:860px){
html.quiet .hero{height:auto;min-height:0;background:#FAFAF8;overflow:visible}
html.quiet .hero .ph{position:relative;inset:auto;aspect-ratio:16/9;animation:none;opacity:1;background:#FAFAF8}
html.quiet .hero .ph::after{display:none}
html.quiet .hero .ph img{object-fit:contain;object-position:50% 50%}
html.quiet .hero .tx{position:relative;inset:auto;display:block;padding:22px var(--pad) 10px;color:#161616;text-shadow:none;pointer-events:auto}
html.quiet .hero .tx .bot{display:block}
html.quiet .hero h1{color:#161616;font-size:clamp(30px,8.6vw,44px);margin-bottom:12px}
html.quiet .hero .sub{color:var(--mute)}
}
.bindex{display:flex;flex-wrap:wrap;gap:8px 28px;padding:18px 0 var(--s4);border-top:1px solid var(--rule);margin-top:4px}
.bindex a{font-family:var(--font-sans);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#161616;position:relative}
.bindex a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:#161616;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.bindex a:hover::after{transform:scaleX(1)}
@media (max-width:860px){.bindex{display:none}}
.bt.hl .ph{outline:1px solid #161616;outline-offset:4px}
html.quiet .sc .ph.none{background:#F3F3F1}
html.quiet .sc .ph.none::after{background:none}
html.quiet .swatches button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #161616}
html.quiet .kb{border-color:rgba(0,0,0,.12)}
html.quiet .pills button:disabled{color:rgba(0,0,0,.28);border-color:rgba(0,0,0,.08)}
@media (max-width:860px){
html.quiet .card .b,
html.quiet .acc summary,
html.quiet .lab,
html.quiet .fs,
html.quiet .field label,
html.quiet .fld > span,
html.quiet .info .crumbs,
html.quiet .info .stock,
html.quiet .steps li b,
html.quiet .co-trust span,
html.quiet .trust .tr-i,
html.quiet footer .base span,
html.quiet footer .base a,
html.quiet .kv dt,
html.quiet .pin-l b,
html.quiet .trk-links a,
html.quiet .brow .d .c,
html.quiet .drawer .sg .b,
html.quiet .st i,
html.quiet .qs-l,
html.quiet .vat,
html.quiet .hours-t span:nth-child(odd){font-size:11px;letter-spacing:.2em}
html.quiet .btn,html.quiet .btn-fill{font-size:11px;letter-spacing:.22em}
html.quiet .card .tag,html.quiet .card .tag.last,html.quiet .card .tag.sale{font-size:10.5px;letter-spacing:.18em}
html.quiet .bnav a,html.quiet .bnav button{font-size:10px;letter-spacing:.16em}
html.quiet .ann{font-size:10px;letter-spacing:.18em}
html.quiet .bt-tx .lab,html.quiet .bt-tx .k{font-size:11px;letter-spacing:.2em}
html.quiet .sc-t i{font-size:11px}
html.quiet .se-meta dt{font-size:11px;letter-spacing:.2em}
html.quiet .price .vat{font-size:11px;letter-spacing:.16em}
html.quiet .qs .qs-l{font-size:10.5px;letter-spacing:.16em}
html.quiet .news-r button{font-size:11px;letter-spacing:.2em}
html.quiet .trust .pay .pl i{font-size:10px}
}
@media (max-width:1024px){ html.quiet .card .b{font-size:11px;letter-spacing:.2em} }
@media (max-width:860px){
html.quiet .btn,html.quiet .lab,html.quiet .sh .btn{font-size:11px;letter-spacing:.2em}
html.quiet .card .m i,html.quiet .st i{font-size:11px;letter-spacing:.06em}
html.quiet footer .cols a,html.quiet footer .cols summary{font-size:11px;letter-spacing:.18em}
html.quiet .top .brand{letter-spacing:.24em}
html.quiet .hero .sub{font-size:11px;letter-spacing:.18em}
html.quiet .k{font-size:11px;letter-spacing:.2em}
}
@media (max-width:860px){
html.quiet .top .brand{display:inline-flex;align-items:center;min-height:44px}
html.quiet .m-links a,html.quiet .m-links button{min-height:44px;display:inline-flex;align-items:center}
html.quiet .toc a,html.quiet .chips button{min-height:40px;display:inline-flex;align-items:center}
}
@media (max-width:860px){
html.quiet body:has(.mbar:not([hidden])) .bnav{display:none}
html.quiet body:has(.mbar:not([hidden])) .mbar{bottom:0}
html.quiet body:has(.mbar:not([hidden])){padding-bottom:calc(76px + env(safe-area-inset-bottom))}
}