:root{--bg:#0b0b0d;--ink:#f3efe8;--muted:#a8a39a;--gold:#c9a96a;--sans:"Hiragino Sans","Yu Gothic",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.8;font-size:16px;-webkit-text-size-adjust:100%}
main{max-width:560px;margin:0 auto;padding:0 20px calc(48px + env(safe-area-inset-bottom))}
.head{padding:44px 0 24px}
.prov{font-size:11px;letter-spacing:.2em;color:var(--gold);margin-bottom:14px;font-weight:700}
.logo{width:clamp(140px,40vw,200px);height:auto;margin:0 0 18px}
h1{font-size:clamp(20px,6vw,26px);line-height:1.4;letter-spacing:.08em;margin-bottom:16px}
.lead{color:var(--muted);font-size:14px}
.clip{margin-top:36px}
.clip h2{font-size:13px;letter-spacing:.2em;color:var(--gold);margin-bottom:2px}
.sub{font-size:18px;font-weight:700;margin-bottom:12px}
video{display:block;width:100%;background:#000;border-radius:6px}
.clip--v video{max-width:300px;margin:0 auto}
.cap{font-size:12px;color:var(--muted);margin-top:8px}
.clip--v .cap{text-align:center}
.more{margin-top:56px;padding-top:32px;border-top:1px solid #2a2a2e;text-align:center}
.more p:first-child{color:var(--muted);font-size:14px;margin-bottom:14px}
.btn{display:flex;align-items:center;justify-content:center;min-height:56px;border:1px solid var(--gold);color:var(--gold);border-radius:6px;font-weight:700;text-decoration:none;letter-spacing:.06em}
.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.small{font-size:11px;color:var(--muted);margin-top:10px}