body{background:var(--surface)}.lookbook{position:relative;min-height:100vh;overflow:hidden;color:var(--c-white);display:grid;align-items:end;padding:var(--s-10) var(--page-pad) var(--s-9)}.lookbook__depth{position:absolute;inset:-10% -5%;will-change:transform;pointer-events:none}.lookbook__depth--far{background:radial-gradient(60% 80% at 30% 30%,var(--p-hunter-green) 0%,transparent 60%),linear-gradient(160deg,var(--p-espresso),var(--p-navy) 90%);filter:saturate(1.1)}.lookbook__depth--near{background:radial-gradient(circle at 68% 70%,var(--p-mauve) 0%,transparent 45%),radial-gradient(circle at 30% 60%,var(--p-sandstone) 0%,transparent 40%),linear-gradient(180deg,transparent 40%,rgba(0,0,0,.35));mix-blend-mode:soft-light;opacity:.9}.lookbook__scrim{position:absolute;inset:0;background:linear-gradient(180deg,#00000026,#00000073);pointer-events:none}.lookbook__copy{position:relative;z-index:2;display:grid;gap:var(--s-4);max-width:24ch}.lookbook__eyebrow{font-size:var(--t-nano-size);letter-spacing:var(--t-nano-caps-ls);opacity:.75}.lookbook__title{font-family:var(--font-accent);font-size:clamp(40px,6vw,96px);line-height:1.02;letter-spacing:-.01em;max-width:18ch;margin:0}.lookbook__lede{max-width:46ch;font-size:var(--t-p-l-size);line-height:var(--t-p-l-lh);opacity:.86}.lookbook__meta{display:flex;gap:var(--s-2);align-items:center;font-size:var(--t-nano-size);letter-spacing:var(--t-nano-caps-ls);text-transform:uppercase;opacity:.72}.lookbook__scroll-cue{position:absolute;right:var(--page-pad);bottom:var(--s-8);z-index:2;display:grid;gap:var(--s-2);align-items:center;justify-items:center;font-size:var(--t-nano-size);letter-spacing:var(--t-nano-caps-ls);opacity:.72}.lookbook__scroll-line{width:1px;height:44px;background:currentColor;transform-origin:top;animation:scroll-cue-drift 2.4s var(--mo-ease-standard) infinite}@keyframes scroll-cue-drift{0%,to{transform:scaleY(.3);opacity:.4}50%{transform:scaleY(1);opacity:1}}.filters{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--border-subtle);transform:translateY(-100%);transition:transform var(--mo-base) var(--mo-ease-entrance)}.filters[data-revealed=true]{transform:translateY(0)}.filters__inner{display:flex;justify-content:space-between;align-items:center;gap:var(--s-5);padding-block:var(--s-3);flex-wrap:wrap}.filters__chips{display:flex;gap:var(--s-2);flex-wrap:wrap}.chip{appearance:none;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-primary);font:inherit;font-size:var(--t-nano-size);font-weight:700;letter-spacing:var(--t-nano-caps-ls);padding:var(--s-3) var(--s-5);border-radius:999px;cursor:pointer;transition:background var(--mo-transition-quick),border-color var(--mo-transition-quick),color var(--mo-transition-quick)}.chip:hover{border-color:var(--border-strong)}.chip--active{background:var(--c-obsidian);border-color:var(--c-obsidian);color:var(--c-white)}.filters__right{display:flex;gap:var(--s-4);align-items:center}.density{display:inline-flex;border:1px solid var(--border-subtle);border-radius:4px;overflow:hidden}.density__btn{border:none;background:var(--surface);color:var(--text-primary);padding:var(--s-2) var(--s-3);cursor:pointer;transition:background var(--mo-transition-quick),color var(--mo-transition-quick)}.density__btn--active{background:var(--c-obsidian);color:var(--c-white)}.sort{position:relative}.sort__btn{display:inline-flex;gap:var(--s-2);align-items:center;padding:var(--s-3) var(--s-4);background:transparent;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);cursor:pointer;font:inherit;font-size:var(--t-nano-size);font-weight:700;letter-spacing:var(--t-nano-caps-ls)}.sort__btn b{font-weight:700;text-transform:none;letter-spacing:0}.sort__menu{position:absolute;top:calc(100% + 4px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:4px;box-shadow:0 24px 60px -30px #00000059;list-style:none;padding:var(--s-2);margin:0;transform-origin:top right;will-change:transform,opacity}.sort__menu[hidden]{display:none}.sort__menu button{width:100%;text-align:left;padding:var(--s-3);background:transparent;border:none;cursor:pointer;color:var(--text-primary);font:inherit;border-radius:2px}.sort__menu button:hover,.sort__menu button[aria-selected=true]{background:var(--surface-sunken)}.grid{display:grid;gap:var(--grid-gutter);padding-block:var(--s-7) var(--s-10)}.grid[data-density="4"]{grid-template-columns:repeat(4,1fr)}.grid[data-density="3"]{grid-template-columns:repeat(3,1fr)}.card{position:relative;will-change:transform,opacity}.card__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--surface-sunken);border-radius:2px}.card__image{position:absolute;inset:0;transition:transform var(--mo-slow) var(--mo-ease-entrance)}.card:hover .card__image{transform:scale(1.04)}.card__badge{position:absolute;top:var(--s-3);left:var(--s-3);z-index:2;padding:var(--s-1) var(--s-3);background:var(--c-white);color:var(--c-obsidian);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:2px}.card__info{padding-top:var(--s-4)}.card__name{font-size:var(--t-p-m-size);line-height:var(--t-p-m-lh);letter-spacing:var(--t-p-m-ls);font-weight:700;margin-bottom:var(--s-1)}.card__price{font-size:var(--t-p-s-size);color:var(--text-secondary);margin:0}.card__fabric{position:absolute;bottom:var(--s-3);right:var(--s-3);z-index:2;padding:var(--s-1) var(--s-3);background:var(--o-light-dark);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--c-obsidian);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:2px}.collection-foot{padding-block:var(--s-8) var(--s-10);color:var(--text-secondary);border-top:1px solid var(--border-subtle)}@media(max-width:1100px){.grid[data-density="4"]{grid-template-columns:repeat(3,1fr)}.grid[data-density="3"]{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.grid[data-density="4"],.grid[data-density="3"]{grid-template-columns:repeat(2,1fr)}.filters__right{justify-content:space-between;width:100%}}