*{box-sizing:border-box}body{margin:0;background:#f5f4f0;color:#20242a;font:16px/1.55 system-ui,sans-serif}main,.bar{width:min(1380px,92%);margin:auto}.bar{border-bottom:1px solid #cccac3;padding:18px 0;font-size:18px;font-weight:800}a{color:inherit;text-decoration:none}main{padding:36px 0 64px}h1{font-size:clamp(28px,4vw,54px);letter-spacing:-.07em;line-height:1.12;margin:10px 0 36px}h2{font-size:22px;letter-spacing:-.04em}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,235px),1fr));gap:22px 16px;margin-bottom:42px}.tile{min-width:0;display:block}.tile img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:7px}.tile span{display:flex;align-items:center;justify-content:space-between;padding:8px 1px;font-weight:700}.tile b{color:#737776}.tile:hover img{outline:3px solid #495e59}.back{font-size:14px;color:#535956}.detail{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(210px,1fr);gap:30px;align-items:start}.art{display:block;background:#e6e5df;text-align:center;border-radius:8px;overflow:hidden}.art img{display:block;margin:auto;max-width:100%;max-height:75vh}.launch{padding:20px;background:white;border-radius:10px}.launch h2{margin:0}.launch p{color:#566066;font-size:14px}button{background:#fff;border:0;border-top:1px solid #d3d6d4;padding:14px 2px;width:100%;display:flex;justify-content:space-between;font:600 16px system-ui;cursor:pointer}button:hover,button:focus-visible{color:#295f55}nav{display:flex;gap:6px;margin-bottom:10px}nav a{padding:6px 14px;border-radius:5px}nav [aria-current]{background:#273632;color:white}@media(max-width:720px){.detail{grid-template-columns:1fr;gap:18px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.tile span{font-size:14px}main{padding-top:22px}.art img{max-height:63vh}}
