header{height:64px}main{padding:10px 4% 50px;max-width:1600px}.back{margin:0 0 8px}
.detail{display:flex;flex-direction:column;border:0;padding:0;gap:0}.detail article{display:contents}
.detail .gallery{order:1;max-width:none;width:100%;margin:0}
.detail .frame{width:100%;height:calc(100svh - 125px);min-height:440px;max-height:1100px;aspect-ratio:auto;background:white;overflow:hidden}
.detail .frame img{width:100%;height:100%;object-fit:contain;transform:scale(1.10)}
.detail .controls{max-width:800px;margin:5px auto 25px}.detail>.year{order:2;line-height:1;margin:0 auto;width:min(100%,800px)}
.detail .year span{font-size:28px;letter-spacing:-.04em;display:inline}.detail .year small{display:none}
.detail h1{order:3;margin:12px auto;width:min(100%,800px)}
.detail p{order:4;width:min(100%,800px);margin:0 auto 18px}
@media(max-width:700px){header{height:94px}main{padding:5px 4% 30px}.detail{padding-top:0}.detail .frame{height:calc(100svh - 150px);min-height:380px}.detail .controls{margin-bottom:20px}}