:root{--pi-bg:#080a09;--pi-surface:#111411;--pi-line:#2a2e29;--pi-ink:#f3f0e8;--pi-muted:#a8aaa2;--pi-red:#e74736}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pi-bg);color:var(--pi-ink);font-family:Montserrat,sans-serif}.product-index{overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px}.product-index-hero{min-height:72vh;padding:clamp(3rem,8vw,8rem) max(5vw,2rem);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(20rem,.6fr);align-content:center;gap:1.5rem 5vw;border-bottom:1px solid var(--pi-line)}.product-index-hero nav,.product-index-hero>p{grid-column:1/-1;color:var(--pi-muted);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800}.product-index-hero nav{display:flex;gap:.8rem}.product-index-hero nav a{color:inherit}.product-index-hero h1{margin:0;font:800 clamp(4.5rem,11vw,10rem)/.72 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.045em}.product-index-hero h1 em{color:transparent;-webkit-text-stroke:1px var(--pi-ink);font-style:normal}.product-index-hero>div{align-self:end;border-left:3px solid var(--pi-red);padding-left:1.5rem}.product-index-hero>div p{color:var(--pi-muted);line-height:1.75}.product-index-hero>div a,.product-index-close a{display:inline-flex;justify-content:space-between;gap:3rem;margin-top:1rem;padding:1.1rem 1.25rem;background:var(--pi-red);color:white;text-transform:uppercase;font-weight:900;text-decoration:none}.product-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1500px;margin:auto}.product-index-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:34rem;border-right:1px solid var(--pi-line);border-bottom:1px solid var(--pi-line);background:var(--pi-surface)}.product-index-card:nth-child(4n+2),.product-index-card:nth-child(4n+3){background:#0c0e0c}.product-index-card__media{position:relative;overflow:hidden;min-height:22rem;background:#ecebe4}.product-index-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.product-index-card:hover img{transform:scale(1.035)}.product-index-card__media span{position:absolute;top:1rem;left:1rem;background:var(--pi-red);padding:.45rem .65rem;font:800 1rem "Barlow Condensed",sans-serif}.product-index-card>div{padding:clamp(1.4rem,3vw,3rem);display:flex;flex-direction:column;justify-content:center}.product-index-card small{color:var(--pi-red);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.product-index-card h2{margin:.6rem 0 1rem;font:800 clamp(2.2rem,4vw,4.2rem)/.88 "Barlow Condensed",sans-serif;text-transform:uppercase}.product-index-card h2 a{color:inherit;text-decoration:none}.product-index-card p{color:var(--pi-muted);line-height:1.65}.product-index-card nav{display:flex;gap:1rem;margin-top:auto;padding-top:2rem}.product-index-card nav a{color:var(--pi-ink);font-weight:800;text-transform:uppercase;text-decoration:none}.product-index-card nav a:last-child{color:var(--pi-red)}.product-index-close{padding:clamp(4rem,10vw,10rem) max(5vw,2rem);background:var(--pi-red);color:#090b09}.product-index-close span{font-weight:900;letter-spacing:.15em}.product-index-close h2{margin:.8rem 0;font:900 clamp(4rem,11vw,10rem)/.75 "Barlow Condensed",sans-serif;text-transform:uppercase}.product-index-close a{background:#090b09;color:white}@media(max-width:1000px){.product-index-hero,.product-index-grid{grid-template-columns:1fr}.product-index-hero{min-height:auto}.product-index-card{grid-template-columns:1fr 1fr}}@media(max-width:640px){.product-index{background-size:44px 44px}.product-index-hero{padding:3rem 1.2rem}.product-index-hero h1{font-size:clamp(4.2rem,23vw,6.5rem)}.product-index-card{grid-template-columns:1fr;min-height:0}.product-index-card__media{min-height:17rem}.product-index-card>div{min-height:23rem}.product-index-card h2{font-size:3rem}.product-index-card nav{justify-content:space-between}.product-index-close{padding:4rem 1.2rem}.product-index-close h2{font-size:4rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-index-card__media img{transition:none}}