header{padding:20px 24px;border:0;position:relative}.brand{font-size:22px}nav{position:absolute;left:50%;transform:translateX(-50%);font-size:14px;gap:24px;white-space:nowrap}main{padding:20px 24px 48px;max-width:1800px}.intro{margin:0 0 24px}.eyebrow,#description{display:none}h1{font:400 15px Arial,sans-serif;letter-spacing:.02em;margin:0}.collections{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{position:relative;aspect-ratio:4/5;overflow:hidden;background:#242724}.card img{height:100%;aspect-ratio:auto;transition:transform .6s ease,filter .4s ease}.card::after{content:'';position:absolute;inset:0;background:rgba(115,119,119,.45);opacity:0;transition:opacity .4s ease}.card h2{position:absolute;left:24px;bottom:24px;z-index:1;font:400 clamp(20px,2.5vw,32px) Arial,sans-serif;letter-spacing:-.025em;margin:0;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .4s ease;text-shadow:0 1px 12px #0008}.card p{display:none}.card:hover::after,.card:focus-visible::after{opacity:1}.card:hover img,.card:focus-visible img{transform:scale(1.025);filter:grayscale(.3)}.card:hover h2,.card:focus-visible h2{opacity:1;transform:none}footer{border:0;font-size:12px;justify-content:flex-end;color:#aaa}#back{font-size:14px;text-decoration:none;color:#aaa}.photo{overflow:hidden}.photo img{transition:filter .3s}.photo:hover img{filter:brightness(.8)}@media(max-width:900px){.collections{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){header{padding:20px 16px}nav{position:static;transform:none;margin-left:auto;gap:14px;font-size:12px}main{padding:16px}.collections{gap:10px}.card{aspect-ratio:3/4}.card h2{left:14px;bottom:18px;font-size:20px}.collections:has(.photo){grid-template-columns:1fr}}@media(hover:none){.card h2{opacity:1;transform:none}.card::after{opacity:1;background:linear-gradient(transparent 50%,#0008)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}