* { box-sizing:border-box; } body { margin:0; background:#050505; color:#f3f0e9; font-family:Arial,sans-serif; } a { color:inherit; text-decoration:none; } a:focus-visible { outline:2px solid #f0604c; outline-offset:5px; } header,footer { padding:26px 5vw; display:flex; justify-content:space-between; align-items:center; gap:24px; border-bottom:1px solid #292929; } .brand { font-weight:900; font-size:23px; } nav { display:flex; flex-wrap:wrap; gap:22px; font-size:14px; } nav [aria-current] { color:#f0604c; } main { max-width:1450px; margin:auto; padding:65px 5vw; } .eyebrow { color:#f0604c; font-size:12px; letter-spacing:.15em; } h1 { font-size:clamp(40px,7vw,88px); margin:16px 0; letter-spacing:-.05em; } .intro { max-width:650px; color:#bbb; line-height:1.7; } .shop-link { display:inline-block; padding:14px 22px; border:1px solid #555; border-radius:28px; margin:18px 0 40px; } .collection-landing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; } .collection-landing-card { min-width:0; } .collection-landing-card img,.collection-landing-placeholder { width:100%; aspect-ratio:4/5; object-fit:cover; background:#161616; border-radius:14px; height:auto; } .collection-landing-placeholder { display:grid; place-items:center; color:#777; } h2 { font-size:18px; overflow-wrap:anywhere; } del { color:#999; font-size:.85em; } .collection-landing-card span { color:#aaa; font-size:12px; } footer { border-top:1px solid #292929; font-size:13px; } @media(max-width:700px) { header,footer { flex-wrap:wrap; padding:22px 5vw; } header nav { order:3; width:100%; } main { padding-top:35px; } .collection-landing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 14px; } h2 { font-size:15px; } }