:root{--ink:#151412;--paper:#f2eee5;--red:#922b39;--gold:#ad8a50}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:22px 6%;background:var(--ink);color:var(--paper);border-bottom:1px solid #554531}a{color:inherit;text-decoration:none}.brand{font-size:17px;letter-spacing:2px;position:relative;padding-left:48px;font-weight:700}.brand img{width:38px;height:38px;object-fit:contain;position:absolute;left:0;top:0}.brand span{display:block;font-size:9px;color:#b9b1a3;letter-spacing:3px}nav{display:flex;gap:28px}nav a[aria-current=page]{color:#d9aa74}nav a:hover{text-decoration:underline}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.1}h1{font-size:clamp(45px,6vw,86px);margin:24px 0}h2{font-size:clamp(32px,4vw,54px)}h3{font-size:26px;margin:15px 0}p{max-width:620px}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}.hero{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:65px 6% 75px;align-items:center}.hero img{width:100%;height:480px;object-fit:cover;border-radius:180px 180px 0 0;border:1px solid #695436}.hero p{color:#c9c2b7}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button,button{cursor:pointer;border:1px solid #aa8d66;padding:13px 22px;background:transparent;color:inherit;font:inherit}.button.primary{background:var(--red);border-color:var(--red);color:white}.section{padding:65px 6%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#faf8f2;border:1px solid #d8d0c3;padding:16px;text-align:left;width:100%;color:var(--ink);transition:transform .2s}.card:hover{transform:translateY(-4px)}.card img{width:100%;height:290px;object-fit:contain;background:#fff}.card small,.status{display:block;color:var(--red);font-size:10px;text-transform:uppercase;letter-spacing:2px;margin-top:15px}.card p{font-size:14px;color:#696154}.placeholder{height:230px;display:grid;place-content:center;background:#e6dfd3;color:#938474;font:italic 24px Georgia}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.filters button{font-size:13px;padding:8px 15px;border-color:#bdb3a3}.filters button.active{background:var(--ink);color:white}.intro{padding:55px 6% 0}.board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;width:min(100%,450px);border:14px solid #66503a;box-shadow:0 10px 25px #0003}.square{display:grid;place-items:center;background:#ede2c9}.square.dark{background:#332e29}.piece{width:65%;height:65%;border-radius:50%;background:#932d3b;border:3px solid #bd6670;box-shadow:0 3px 0 #49141c}.piece.ivory{background:#e4d6ba;border-color:#fff1d4;box-shadow:0 3px 0 #988766}.game{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.band{background:var(--red);color:var(--paper);padding:50px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px}footer{background:var(--ink);color:#bfb6a7;padding:35px 6%;font-size:13px}footer a{letter-spacing:3px;color:var(--paper)}dialog{max-width:900px;width:90%;border:1px solid #b6a281;background:var(--paper);padding:35px;color:var(--ink)}dialog::backdrop{background:#000b}.close{position:absolute;right:10px;top:8px;padding:0 10px;font-size:25px;border:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.detail-grid img{width:100%;max-height:550px;object-fit:contain}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:800px){.hero,.game,.detail-grid{grid-template-columns:1fr}.hero{padding:40px 6%;gap:25px}.hero img{height:320px}.grid{grid-template-columns:repeat(2,1fr)}.section{padding:40px 6%}.band,.section-heading{display:block}header{padding:18px 5%}nav{gap:15px;font-size:13px}.brand{font-size:12px;letter-spacing:1px;padding-left:35px}.brand img{width:29px;height:29px}.brand span{font-size:7px;letter-spacing:1px}.card img{height:220px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.card img{height:320px}}