.archive-head{padding-block:var(--s-5) var(--s-6)}.archive-head .breadcrumb{margin-bottom:var(--s-5)}.archive-head__title{font-size:var(--fs-display-l);line-height:1.08;letter-spacing:-.005em;font-weight:400;max-width:20ch}.archive-head__intro{margin-top:var(--s-3);max-width:60ch;color:var(--graphite)}.archive-head--banner .archive-head__title,.archive-head--banner .archive-head__intro{color:var(--white)}.archive-banner{position:relative}.archive-head--banner .archive-banner{overflow:hidden;border-radius:var(--radius-l);background:var(--banner-bg, var(--slate))}.archive-banner__media{position:relative;aspect-ratio:16 / 9}.archive-banner__media :where(picture,img){display:block;width:100%;height:100%}.archive-banner__media img{object-fit:cover}.archive-head--banner .archive-banner__media{-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent);mask-image:linear-gradient(to bottom,#000 62%,transparent)}.archive-head--banner .archive-banner__copy{position:relative;z-index:1;padding:0 var(--s-5) var(--s-6);margin-top:calc(-1 * var(--s-6))}.archive-banner__eyebrow{margin:0 0 var(--s-3);color:var(--sand)}.archive-head--banner .archive-head__intro{color:var(--sand)}.archive-banner__credit{position:absolute;z-index:1;top:var(--s-3);right:var(--s-3);max-width:min(60%,320px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 12px;border-radius:var(--radius-pill);background:#171a1e73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--white);font-size:12px;text-decoration:none;transition:background-color var(--t-ui) var(--ease-ui)}.archive-banner__credit:hover{background:#171a1eb3}@media(min-width:768px){.archive-banner__media{aspect-ratio:21 / 9}}@media(min-width:1024px){.archive-head--banner .archive-banner{display:flex;align-items:center;min-height:clamp(300px,26vw,360px)}.archive-head--banner .archive-banner__media{position:absolute;inset:0 0 0 auto;width:62%;aspect-ratio:auto;--banner-fade: linear-gradient(to right, transparent, rgb(0 0 0 / .013) 4%, rgb(0 0 0 / .049) 7.8%, rgb(0 0 0 / .104) 11.3%, rgb(0 0 0 / .175) 14.5%, rgb(0 0 0 / .259) 17.6%, rgb(0 0 0 / .352) 20.5%, rgb(0 0 0 / .45) 23.4%, rgb(0 0 0 / .55) 26.1%, rgb(0 0 0 / .648) 28.9%, rgb(0 0 0 / .741) 31.7%, rgb(0 0 0 / .825) 34.6%, rgb(0 0 0 / .896) 37.6%, rgb(0 0 0 / .951) 40.8%, rgb(0 0 0 / .987) 44.3%, #000 50%);-webkit-mask-image:var(--banner-fade);mask-image:var(--banner-fade)}.archive-head--banner .archive-banner__copy{width:52%;margin:0;padding:var(--s-7) var(--s-8)}.archive-banner__credit{top:auto;bottom:var(--s-4);right:var(--s-4)}}@media(prefers-reduced-motion:no-preference){.archive-head--banner .archive-banner__media img{animation:konii-banner-settle 1.8s var(--ease-out) both}}@keyframes konii-banner-settle{0%{transform:scale(1.03)}to{transform:none}}.archive-chips{margin-bottom:var(--s-6)}.toolbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-4);padding-block:var(--s-3);border-top:var(--hairline);border-bottom:var(--hairline);margin-bottom:var(--s-5)}.toolbar__count{order:1;font-size:var(--fs-small);color:var(--stone);font-variant-numeric:tabular-nums}.toolbar__filters{order:0}.toolbar__badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--ink);color:var(--white);font-size:11px;letter-spacing:0}@media(hover:hover){.toolbar__filters:hover .toolbar__badge{background:var(--white);color:var(--ink)}}.sort{order:2;margin-left:auto;display:flex;align-items:center;gap:var(--s-2)}.sort__label{margin:0;white-space:nowrap}.sort__select{min-height:var(--tap);width:auto;padding-right:var(--s-7);font-size:var(--fs-small);border-color:transparent;background-color:transparent}.sort__select:hover{border-color:var(--line)}.filters__row{display:grid}.filter{border-bottom:var(--hairline)}.filter__summary{display:flex;align-items:center;gap:var(--s-2);min-height:56px;cursor:pointer;list-style:none;font-size:var(--fs-card);font-weight:500}.filter__summary::-webkit-details-marker{display:none}.filter__chev{margin-left:auto;transition:transform var(--t-micro) var(--ease-ui)}.filter[open] .filter__chev{transform:rotate(180deg)}.filter__n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--ink);color:var(--white);font-size:11px;letter-spacing:0}.filter__panel{padding-bottom:var(--s-4)}.filter__set{margin:0;padding:0;border:0;min-width:0}.filter__options{list-style:none;margin:0;padding:0;display:grid;gap:0}.filter__option{min-height:var(--tap);align-items:center}.filter__option input{margin-top:0}.filter__name{flex:1}.filter__qty{color:var(--stone);font-size:var(--fs-small);font-variant-numeric:tabular-nums}.filter__price{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.filter__price label{font-size:11px}.filter__apply{display:none}.filters__foot{display:flex;gap:var(--s-3)}.filters__foot>*{flex:1}html:not(.js) .filters{display:block;position:static;width:100%;order:3;flex-basis:100%;background:transparent}html:not(.js) .filters__head{display:none}html:not(.js) .filters .dialog__body{padding:0;overflow:visible}html:not(.js) .filters__foot{padding-inline:0;background:transparent;border:0}.swatch{flex:none;width:16px;height:16px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000024}.filter__options--swatches .filter__option{align-items:center}.filter__options--compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.filter__options--compact .filter__option{position:relative;justify-content:center;min-height:40px;gap:0;border:var(--hairline);border-radius:var(--radius-s);font-variant-numeric:tabular-nums;transition:border-color var(--t-micro) var(--ease-ui)}.filter__options--compact .filter__option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.filter__options--compact .filter__name{flex:none}.filter__options--compact .filter__qty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.filter__options--compact .filter__option:hover{border-color:var(--ink)}.filter__options--compact .filter__option:has(input:checked){border-color:var(--ink);background:var(--ink);color:var(--white)}.filter__options--compact .filter__option:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.archive__main{min-width:0}@media(min-width:1024px){.toolbar .toolbar__filters{display:none}.filters.dialog:not([open]),html:not(.js) .filters{display:block;position:static;inset:auto;width:auto;max-height:none;height:auto;overflow:visible;background:transparent;transform:none;order:0;flex-basis:auto;border-radius:0}.filters .dialog__panel{display:block;height:auto}.filters__head,.filters__foot{display:none}.filters .dialog__body{padding:0;overflow:visible}}@media(min-width:1024px)and (max-width:1199.98px){.filters.dialog{margin-bottom:var(--s-3)}.filters__row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.filter{position:relative;border:0}.filter__summary{min-height:40px;padding:0 var(--s-4);border:var(--hairline);border-radius:var(--radius-pill);font-size:var(--fs-small);font-weight:400;letter-spacing:0;text-transform:none;transition:border-color var(--t-micro) var(--ease-ui)}.filter__summary:hover,.filter[open] .filter__summary,.filter[data-active] .filter__summary{border-color:var(--ink)}.filter__panel{position:absolute;z-index:var(--z-sticky);top:calc(100% + 6px);left:0;width:max-content;min-width:260px;max-width:360px;max-height:420px;overflow:auto;padding:var(--s-4) var(--s-5);background:var(--white);border:var(--hairline);border-radius:var(--radius-m)}.filter__apply{display:flex;width:100%;margin-top:var(--s-4)}}@media(min-width:1200px){.archive__results--filters{display:grid;grid-template-columns:248px minmax(0,1fr);column-gap:var(--s-7);align-items:start}.archive__results--filters ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}.filters.dialog:not([open]),html:not(.js) .filters{position:sticky;top:calc(var(--header-offset, 0px) + var(--s-5));max-height:calc(100vh - var(--header-offset, 0px) - 2 * var(--s-5));overflow-y:auto;overscroll-behavior:contain;margin-right:calc(-1 * var(--s-5));padding:0 var(--s-5) var(--s-6) 0;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:top var(--t-ui) var(--ease-out),scrollbar-color var(--t-micro) var(--ease-ui)}.filters.dialog:not([open]):is(:hover,:focus-within){scrollbar-color:var(--line) transparent}.filters__head{display:flex;min-height:calc(var(--tap) + 2 * var(--s-3));padding:0;border-top:var(--hairline);border-bottom:var(--hairline)}.filters__head .dialog__close{display:none}.filter__summary{min-height:52px;font-size:var(--fs-small)}.filter__option{min-height:34px}.filter__options--compact .filter__option{min-height:36px}.filter--price .filter__apply{display:flex;width:100%;margin-top:var(--s-3)}}.active-filters{margin:calc(-1 * var(--s-2)) 0 var(--s-5)}.active-filters .chips{align-items:center}.active-filters__clear{min-height:40px;margin-left:var(--s-2)}.card__stock{font-size:var(--fs-small);color:var(--stone)}.price__suffix{margin-left:0}.grid-editorial__inner{position:relative;display:block;height:100%;min-height:360px;overflow:hidden;border-radius:var(--radius-m);color:var(--white);text-decoration:none;background:var(--oxide)}.grid-editorial__inner--text{display:grid;align-content:end;background:var(--linen);color:var(--ink)}.grid-editorial__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--t-editorial) var(--ease-out)}@media(hover:hover){a.grid-editorial__inner:hover .grid-editorial__img{transform:scale(1.03)}}.grid-editorial__text{position:absolute;left:0;right:0;bottom:0;display:grid;gap:var(--s-2);padding:var(--s-6);background:linear-gradient(transparent,#1c191673)}.grid-editorial__inner--text .grid-editorial__text{position:static;background:none}.grid-editorial__eyebrow{color:inherit}.grid-editorial__heading{font-family:var(--font-display);font-size:var(--fs-display-m);line-height:1.12;font-weight:500}.grid-editorial__cta{justify-self:start}.archive-seo{margin-top:var(--section-s)}.archive-seo__inner{display:grid;gap:var(--s-8)}@media(min-width:1024px){.archive-seo__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.archive-seo__faq .heading{margin-bottom:var(--s-5)}.archive-seo__guides{grid-column:1 / -1}.archive-seo__guides .eyebrow{margin-bottom:var(--s-3)}
