@import url("/css/base.css");

.hero{padding:44px 0 60px;background:var(--white)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.hero-lead{margin-top:18px;font-size:16.5px;color:var(--stone);max-width:56ch}
.hero-actions{margin-top:22px;gap:12px}
.hero-figure{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hero-figure img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}}

.section-lead{color:var(--stone);max-width:64ch;margin-top:10px;margin-bottom:24px}
.check-list{max-width:640px}

.info-list{display:flex;flex-direction:column;gap:10px;max-width:70ch}
.info-list li{position:relative;padding-left:20px;color:var(--ink)}
.info-list li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--bronze)}

.area-note{background:var(--paper)}
.area-note .card{text-align:center}
.area-note .card p{color:var(--stone);font-size:13.5px;margin-top:6px}

.faq-section{background:var(--white)}
.related-links{background:var(--paper)}