.og{max-width:1180px;margin:auto;font-family:Arial,sans-serif;color:#111}.og a{color:inherit;text-decoration:none}.og>header{text-align:center;padding:60px 15px;background:#f3efe6}.og>header h1{font-size:clamp(48px,9vw,96px);margin:8px;letter-spacing:-.06em}.og>header p{font:20px Georgia}.og>header div{font-size:clamp(36px,7vw,65px);color:#b20d30;margin:20px}.og nav{display:flex;gap:7px;overflow:auto;padding:18px 0;position:sticky;top:0;background:#fff;z-index:4}.og nav button{border:1px solid #111;border-radius:30px;background:#fff;padding:10px 15px;font-weight:bold;white-space:nowrap}.og nav button.on{background:#111;color:#fff}.og>h2{font-size:38px}.og>section{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.og article{border:1px solid #ddd;background:#fff}.pic{height:230px;background:#111;display:grid;place-items:center}.pic img{width:100%;height:100%;object-fit:cover}.pic i{font-style:normal;color:#fff;font-size:80px}.body{padding:16px}.body h3{font:26px Georgia;margin:8px 0}.rating{margin:12px 0}.vote button{border:0;background:none;color:#b20d30;font-size:28px;cursor:pointer}.detail{display:block;border-top:1px solid #eee;margin-top:12px;padding-top:12px;font-size:11px;font-weight:bold}@media(max-width:700px){.og>section{grid-template-columns:1fr}.pic{height:290px}}