:root{--plum:#603A50;--ivory:#F7F2EB;--gold:#CBA36C;--dark:#2C2034;--muted:#7A6A78;--card:#fff}
@media (prefers-color-scheme:dark){:root{--ivory:#2C2034;--card:#3A2C44;--dark:#F7EFE3;--muted:#CDBFD2;--plum:#E6C58E}}
*{box-sizing:border-box}
body{margin:0;background:var(--ivory);color:var(--dark);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;line-height:1.75}
main{max-width:640px;margin:0 auto;padding:28px 20px 64px}
.logo{display:block;margin:12px auto 8px;max-width:260px;width:70%}
.wordmark{display:block;margin:4px auto 0;max-width:200px}
h1{font-size:22px;margin:28px 0 8px;color:var(--plum)}
h2{font-size:17px;margin:28px 0 6px;color:var(--plum)}
p,li{font-size:15px}
.muted{color:var(--muted);font-size:13.5px}
.card{background:var(--card);border-radius:4px;padding:18px 18px;margin:16px 0;border:1px solid rgba(203,163,108,.35)}
.btn{display:block;text-align:center;background:var(--gold);color:#3A2430;font-weight:800;text-decoration:none;padding:14px 16px;border-radius:4px;margin:14px 0;border:0;font-size:16px;width:100%;cursor:pointer}
.btn.ghost{background:transparent;color:var(--plum);border:1px solid var(--gold)}
footer{margin-top:40px;text-align:center}footer a{color:var(--muted);margin:0 8px;font-size:13px}
a{color:var(--plum)}
.line{border-left:2px solid rgba(203,163,108,.6);padding-left:12px;margin:8px 0}
.center{text-align:center}
.shots{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 14px;margin:18px -20px;padding-left:20px;scroll-snap-type:x mandatory}.shots img{height:420px;width:auto;border-radius:14px;scroll-snap-align:center;flex:none;box-shadow:0 6px 18px rgba(0,0,0,.28)}