:root { --ink:#11110f; --paper:#f2eee5; --copper:#cf8a61; --rule:rgba(242,238,229,.22); --display:'Instrument Serif',Georgia,serif; --sans:'DM Sans',Arial,sans-serif; }
* { box-sizing:border-box; }
html { color-scheme:dark; scroll-behavior:smooth; }
body { margin:0; color:var(--paper); background:var(--ink); font-family:var(--sans); }
a { color:inherit; }
.skip-link { position:fixed; top:0; left:1rem; z-index:10; padding:.75rem 1rem; color:var(--ink); background:var(--paper); transform:translateY(-120%); }
.skip-link:focus { transform:translateY(0); }
.product-header { min-height:5.5rem; padding:0 clamp(1.25rem,4vw,4rem); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--rule); }
.product-mark { font-family:var(--display); font-size:2rem; }
.product-index,.eyebrow,.shop-number,.shop-action,footer { font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; }
main { width:min(100%,94rem); margin:0 auto; padding:clamp(4rem,8vw,8rem) clamp(1.25rem,4vw,4rem); }
.selector-intro { display:grid; grid-template-columns:minmax(18rem,1fr) minmax(18rem,.55fr); align-items:end; gap:3rem; margin-bottom:clamp(4rem,8vw,7rem); }
.eyebrow { grid-column:1/-1; margin:0 0 -1rem; color:var(--copper); }
h1 { margin:0; font-family:var(--display); font-size:clamp(5rem,10vw,10rem); font-weight:400; line-height:.82; }
h1 em { color:var(--copper); font-weight:400; }
.selector-copy { max-width:27rem; margin:0; color:#c9c4ba; font-size:1.15rem; line-height:1.55; }
.shop-list { border-bottom:1px solid var(--rule); }
.shop-row { min-height:8rem; display:grid; grid-template-columns:5rem 1fr auto 2rem; gap:2rem; align-items:center; border-top:1px solid var(--rule); text-decoration:none; transition:padding 240ms ease,background 240ms ease; }
.shop-row:hover,.shop-row:focus-visible { padding-left:1rem; background:rgba(255,255,255,.04); outline:none; }
.shop-number { color:var(--copper); }
.shop-name { font-family:var(--display); font-size:clamp(2.2rem,4vw,4rem); }
.shop-action { color:#c9c4ba; }
.shop-row svg { width:1.5rem; fill:none; stroke:currentColor; stroke-width:1.5; }
.empty-state { padding:3rem 0; border-top:1px solid var(--rule); color:#c9c4ba; }
footer { min-height:8rem; padding:2rem clamp(1.25rem,4vw,4rem); display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--rule); color:#c9c4ba; }
@media (max-width:700px) {
  .product-index { display:none; }
  main { padding-top:4.5rem; }
  .selector-intro { display:block; margin-bottom:4rem; }
  .eyebrow { margin-bottom:1.5rem; }
  h1 { font-size:clamp(4.5rem,21vw,6rem); }
  .selector-copy { margin-top:2rem; font-size:1rem; }
  .shop-row { min-height:7rem; grid-template-columns:2.5rem 1fr 1.5rem; gap:.75rem; }
  .shop-action { display:none; }
  .shop-name { font-size:2.35rem; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .shop-row { transition:none; } }