:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body { background: #101818; }
.hero { min-height: 100svh; position: relative; isolation: isolate; background: center / cover no-repeat url("assets/wembra-home-consultation.jpg"); }
.hero__shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(8,24,24,.92) 0%, rgba(8,24,24,.76) 40%, rgba(8,24,24,.18) 100%); }
.hero__content { min-height: 100svh; width: min(100%, 1240px); margin: 0 auto; padding: clamp(26px,5vw,68px); display: flex; flex-direction: column; }
.brand { color: #fff; font-size: .94rem; font-weight: 750; letter-spacing: .28em; text-decoration: none; }
.hero__message { width: min(100%,650px); margin: auto 0; padding: 78px 0; }
.eyebrow { color: #d6b879; font-size: .72rem; font-weight: 750; letter-spacing: .18em; margin: 0 0 19px; }
h1 { color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.1rem,7.2vw,6.6rem); font-weight: 400; letter-spacing: -.045em; line-height: .94; margin: 0; max-width: 10ch; }
.intro { color: rgba(255,255,255,.88); font-size: clamp(1rem,1.7vw,1.2rem); line-height: 1.65; margin: 30px 0 0; max-width: 52ch; }
.status { border-left: 2px solid #d6b879; color: #fff; font-size: .95rem; font-weight: 650; letter-spacing: .03em; margin: 28px 0 0; padding-left: 13px; }
.footer { color: rgba(255,255,255,.64); font-size: .75rem; margin: 0; }
@media (max-width:680px) { .hero { background-position:63% center; } .hero__shade { background:linear-gradient(90deg,rgba(8,24,24,.9),rgba(8,24,24,.47)); } .hero__message { padding:64px 0; } }