@layer components {
.hero{background:radial-gradient(circle at 80% 10%,#e8f6ff,transparent 35%),linear-gradient(180deg,#fff,#f8fbff)}.hero-grid{min-height:680px;display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:38px}.eyebrow{color:var(--color-blue);font-weight:900;letter-spacing:.15em;font-size:12px}.hero h1,.page-hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;color:var(--color-navy);font-size:clamp(40px,4.1vw,56px);line-height:1.2;margin:.2em 0}.hero h1 em{font-style:normal;color:var(--color-blue)}.hero-lead{font-size:19px}.hero-actions{display:flex;gap:10px;margin:25px 0}.hero-note{color:var(--color-muted);font-size:13px}.hero-visual{display:flex;justify-content:flex-end}.hero-visual img{width:min(100%,500px);aspect-ratio:1;object-fit:cover}.hero-visual img,.rounded-media{border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.page-hero{background:linear-gradient(135deg,#f7fbff,#eef7ff)}.page-hero.compact{padding:70px 0}.page-hero.compact h1{font-size:clamp(38px,5vw,58px)}.lead{font-size:19px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;padding:55px 0}.hero-visual{justify-content:center}.hero-visual img{width:min(100%,560px)}}
@media(max-width:600px){.hero h1{font-size:38px}.hero-actions{flex-direction:column}}
}