/* トップページ専用（LPと共通の色・書体は style.css） */
body.top{background:var(--paper)}
.top-hero{position:relative;height:min(78vw,420px);overflow:hidden;background:#0a0b10;color:#fff}
.top-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%}
.top-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,11,16,.75) 0%,rgba(10,11,16,.2) 45%,rgba(10,11,16,.85) 100%)}
.top-hero-inner{position:absolute;left:0;right:0;top:28px;z-index:1;text-align:center;padding:0 16px}
.brand-en{font-family:var(--en);font-size:26px;line-height:1.25;letter-spacing:.2em;color:var(--gold-l)}
.brand-ja{font-family:var(--serif);font-size:13px;letter-spacing:.12em;margin-top:8px;color:#efe9df}
.top-main{max-width:520px}
.top-entry{text-align:center;padding:36px 22px 40px;background:#fff;border-bottom:1px solid #ece3d4}
.top-entry h1{font-size:20px;line-height:1.7;margin-bottom:22px}
.top-entry-note{font-size:13px;color:var(--muted);margin-top:14px;line-height:1.8}
.top-steps{padding:44px 22px;background:var(--cream)}
.top-steps h2{font-size:22px}
.top-about{padding:40px 22px 56px}
.top-points{list-style:none;display:grid;gap:10px}
.top-points li{background:#fff;border-left:3px solid var(--gold);padding:12px 16px;font-size:13px;color:var(--muted)}
.top-points b{display:block;font-family:var(--serif);font-size:16px;color:var(--ink)}
.top-more{display:block;text-align:center;margin-top:22px;color:var(--ink);font-size:14px}
body.top footer{padding-bottom:40px}
@media (min-width:700px){
  .top-hero{height:52vh}
  .brand-en{font-size:40px}
  .top-hero-inner{top:auto;bottom:40px}
}