.hm-page * { box-sizing: border-box; margin: 0; padding: 0; }
.hm-page a { text-decoration: none; }
.hm-page { font-family: ‘Noto Sans JP’, sans-serif; background: #0c0c0e; color: #f0ede8; }
.hm-hero { min-height: 100vh; background: #0c0c0e; position: relative; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 0 32px 64px; }
.hm-hero-bg { position: absolute; inset: 0; background: radial-gradient(ellipse 80% 60% at 80% 20%, rgba(200,160,80,.12) 0%, transparent 60%), radial-gradient(ellipse 60% 80% at 10% 80%, rgba(80,80,200,.08) 0%, transparent 50%); }
.hm-hero-line { position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: linear-gradient(to bottom, transparent, rgba(255,255,255,.06) 30%, rgba(255,255,255,.06) 70%, transparent); }
.hm-hero-tag { font-size: 10px; letter-spacing: .4em; color: rgba(255,255,255,.35); text-transform: uppercase; margin-bottom: 28px; position: relative; z-index: 1; }
.hm-hero-tag::before { content: “”; display: inline-block; width: 24px; height: 1px; background: rgba(255,255,255,.3); vertical-align: middle; margin-right: 12px; }
.hm-hero-title { font-family: ‘Playfair Display’, serif; font-size: clamp(52px, 10vw, 96px); font-weight: 900; line-height: .9; letter-spacing: -.02em; color: #f0ede8; position: relative; z-index: 1; margin-bottom: 12px; }
.hm-hero-title em { font-style: italic; color: rgba(255,255,255,.35); display: block; font-size: .55em; letter-spacing: .02em; margin-bottom: 4px; }
.hm-hero-sub { font-size: 11px; letter-spacing: .25em; color: rgba(255,255,255,.4); text-transform: uppercase; position: relative; z-index: 1; margin-top: 20px; }
.hm-hero-scroll { position: absolute; bottom: 28px; right: 32px; font-size: 9px; letter-spacing: .3em; color: rgba(255,255,255,.25); text-transform: uppercase; writing-mode: vertical-rl; }
.hm-hero-year { position: absolute; top: 32px; right: 32px; font-family: ‘Playfair Display’, serif; font-size: 11px; letter-spacing: .15em; color: rgba(255,255,255,.2); }
.hm-section { padding: 80px 32px; max-width: 760px; margin: 0 auto; }
.hm-label { font-size: 9px; letter-spacing: .5em; color: rgba(255,255,255,.3); text-transform: uppercase; margin-bottom: 32px; }