*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,sans-serif}a{color:inherit}button,input,select{font:inherit}button,summary{cursor:pointer}header,main,footer{max-width:1480px;margin:auto;padding:24px clamp(20px,4vw,64px)}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #9995;gap:20px}.brand{font-family:var(--display);font-size:clamp(22px,3vw,38px);font-weight:900;text-decoration:none;letter-spacing:.03em}h1,h2{font-family:var(--display);line-height:1.1}h1{font-size:clamp(40px,6vw,80px);margin:14px 0 22px}h2{font-size:26px;margin:8px 0 22px}.intro{max-width:890px;margin:26px 0 36px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.meta,figcaption,.vote-count{font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.filters button{padding:10px 16px;border:1px solid var(--ink);background:transparent;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}#products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}article{padding:22px;border:1px solid #9995;background:#ffffff70;scroll-margin-top:20px}article[hidden]{display:none}figure{margin:0 0 15px}.mockup{position:relative;overflow:hidden;width:100%;background:#f5f2eb}.mockup img{position:absolute;max-width:none;object-fit:fill}figcaption{margin-top:5px;color:var(--ink)}summary{padding:12px 0;font-weight:700}.views{margin:0 0 16px;border-bottom:1px solid #9995}.actions{border-top:1px solid #9995}form{display:grid;gap:12px;padding:14px 0}h3{font-size:18px;margin:0}label{display:grid;gap:4px}input,select{width:100%;min-height:44px;background:white;color:#181818;border:1px solid #999;padding:9px;border-radius:0}button[type=submit]{padding:13px;background:var(--accent);color:white;border:0;font-weight:700;min-height:48px}button:disabled{opacity:.55;cursor:wait}.consent{display:flex;align-items:flex-start;gap:10px;font-size:14px}.consent input{width:20px;height:20px;min-height:20px;flex:none;margin-top:3px}[role=status]{margin:0;font-size:14px;overflow-wrap:anywhere}.permalink{display:block;margin-top:18px;font-size:14px}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:10px;background:white;padding:10px;z-index:10}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}footer{border-top:1px solid #9995;margin-top:40px;font-size:14px}footer p{max-width:760px}@media(max-width:1050px){#products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){#products{grid-template-columns:1fr}header{flex-wrap:wrap}article{padding:18px}main{padding-top:8px}}