.hero { display:grid; grid-template-columns:1fr; gap:28px; padding:70px 0 34px; }
.hero-main,.hero-side { overflow:hidden; }
.hero-main { min-height:auto; padding:0; background:transparent; border:0; box-shadow:none; display:flex; flex-direction:column; justify-content:space-between; }
.hero-main h1 { max-width:760px; margin:0 0 28px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.7rem,4.3vw,4.35rem); line-height:1.02; letter-spacing:-.045em; font-weight:600; }
.hero-main h1 span { color:var(--accent); }
.hero-main p { max-width:650px; margin:0; color:#4b4741; font-size:1rem; line-height:1.65; }
.continue { display:inline-flex; width:max-content; margin-top:36px; padding-bottom:5px; border-bottom:1px solid #8e877f; font-size:.88rem; font-weight:700; }
.hero-side { padding:30px; border-radius:var(--radius); color:white; display:flex; flex-direction:column; justify-content:space-between; }
.warm-side { background:var(--warm); }
.dark-side { background:var(--dark); }
.hero-side .eyebrow { color:#ead8ca; }
.hero-q,.hero-step { padding:20px 0; border-top:1px solid rgba(255,255,255,.2); }
.hero-q:first-of-type,.hero-step:first-of-type { border-top:0; }
.hero-q small,.hero-step small { display:block; margin-bottom:8px; color:#ead8ca; font-size:.66rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.hero-q h2,.hero-step h2 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:1.25rem; line-height:1.2; font-weight:500; letter-spacing:-.02em; }
.hero-foot { padding-top:20px; border-top:1px solid rgba(255,255,255,.2); color:#f0e8e1; font-size:.84rem; }
.hero-foot strong { display:block; margin-bottom:5px; color:#fff; }
.como-hero { grid-template-columns:1.15fr .85fr; align-items:start; }
.como-hero .hero-main { padding-top:24px; }
.como-hero .hero-side { min-height:390px; }