.hero-kpi{position:relative;background:#232323;color:#fbf8f4;padding-block:68px 72px;isolation:isolate}
.hero-kpi::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 12% 25%,#b47c481b,transparent 53%),linear-gradient(115deg,transparent 60%,#d9a87309 60.1%,transparent 60.2%)}
.hero-kpi .hero-grid{grid-template-columns:1.22fr 1fr;gap:62px;align-items:center}
.hero-kpi .hero-copy{min-width:0;position:relative;padding-block:10px}
.hero-kpi .eyebrow{color:#d9a873;font-size:.68rem;letter-spacing:.14em;display:flex;align-items:center;gap:12px;margin-bottom:28px}
.hero-kpi .eyebrow::before{content:"";display:block;width:28px;height:1px;background:#d9a873;flex-shrink:0}
.hero-kpi .kpi-headline{font-size:clamp(38px,4.7vw,65px);line-height:1.12;letter-spacing:-.052em;font-weight:450;margin-bottom:23px;text-wrap:initial}
.hero-kpi .headline-line{display:block;white-space:nowrap;animation:kpi-enter .8s both}
.hero-kpi .headline-line:nth-child(2){animation-delay:.1s}.hero-kpi .headline-line:nth-child(3){animation-delay:.2s;font-family:Georgia,serif;font-style:italic;font-weight:400;color:#e0b784}
.hero-kpi .headline-initial{color:inherit}
.hero-kpi .headline-line:nth-child(1){color:#e0b784}
.hero-kpi .headline-line:nth-child(2){color:#fff}
.hero-kpi .hero-promise{font-size:1.13rem;line-height:1.65;color:#e2d8ca;max-width:450px;margin:0 0 26px}
.hero-kpi .hero-subtitle{font-size:.82rem;line-height:1.6;color:#dcc4a5;margin:0 0 12px;padding-top:22px;border-top:1px solid #ffffff24;font-weight:500;letter-spacing:.02em}
.hero-kpi .hero-description{color:#c3bdb4;font-size:.94rem;line-height:1.75;max-width:490px}
.hero-kpi .hero-actions{margin-top:26px;gap:20px}.hero-kpi .hero-actions .button{background:#d9a873;color:#231b14;border-color:#d9a873;box-shadow:0 8px 24px #0002}.hero-kpi .hero-actions .button:hover{background:#edc79d;border-color:#edc79d}.hero-kpi .text-link{color:#f1e8dc}.hero-kpi .hero-location{color:#a99f92;font-size:.7rem;margin-top:18px}
.hero-kpi .ai-entry{color:#d9a873;font-size:.78rem}.hero-kpi .hero-portrait{margin:0;min-height:560px;height:100%;max-height:none;border:1px solid #b47c4873;border-radius:6px;box-shadow:0 24px 55px #0005}
.hero-kpi .hero-portrait>img{border-radius:5px;object-position:50% 30%;position:absolute;inset:0}.hero-kpi .hero-portrait::after{border-radius:5px;inset:50% 0 0;background:linear-gradient(transparent,#151615f0)}
.hero-kpi .portrait-caption{bottom:28px;left:28px;right:20px}.hero-kpi .portrait-caption span{color:#e0b784}.hero-kpi .portrait-caption strong{font-size:2rem;color:#fff}.hero-kpi .portrait-caption p{color:#e2d8cb;font-size:.85rem}
.hero-kpi .portrait-tab{top:26px;right:-16px;background:#272723eb;color:#ead7bc;border:1px solid #9f794e;padding:14px 18px;box-shadow:0 8px 24px #0003;line-height:1.7;font-size:.72rem;backdrop-filter:blur(10px)}
@keyframes kpi-enter{from{opacity:.55;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1120px){.hero-kpi .hero-grid{gap:36px}.hero-kpi .kpi-headline{font-size:clamp(35px,4.6vw,54px)}.hero-kpi .hero-actions{gap:16px}.hero-kpi .hero-portrait{min-height:600px}}
@media(max-width:820px) and (min-width:681px){.hero-kpi .hero-grid{grid-template-columns:1.1fr 1fr;gap:24px}.hero-kpi .kpi-headline{font-size:32px}.hero-kpi .hero-promise{font-size:1rem}.hero-kpi .portrait-tab{right:-8px;font-size:.64rem;padding:10px}}
@media(max-width:680px){.hero-kpi{padding-block:32px 38px}.hero-kpi .hero-grid{grid-template-columns:1fr;gap:30px}.hero-kpi .hero-copy{padding:0}.hero-kpi .eyebrow{font-size:.59rem;letter-spacing:.1em;gap:8px;margin-bottom:22px}.hero-kpi .eyebrow::before{width:18px}.hero-kpi .kpi-headline{font-size:clamp(31px,8.8vw,54px);line-height:1.16;margin-bottom:20px}.hero-kpi .hero-promise{font-size:1.03rem;max-width:400px;margin-bottom:20px}.hero-kpi .hero-subtitle{font-size:.75rem;padding-top:18px}.hero-kpi .hero-description{font-size:.9rem}.hero-kpi .hero-actions{margin-top:22px}.hero-kpi .hero-actions .button{min-height:52px}.hero-kpi .hero-location{line-height:1.6}.hero-kpi .hero-portrait{min-height:0;height:auto;aspect-ratio:4/5;max-width:500px}.hero-kpi .portrait-tab{right:12px;top:18px;font-size:.66rem;padding:10px 12px}.hero-kpi .portrait-caption{left:22px;bottom:24px}.hero-kpi .portrait-caption strong{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.hero-kpi .headline-line{animation:none}}
@media print{.hero-kpi{background:white;color:#232323}.hero-kpi p,.hero-kpi .headline-initial{color:#232323}.hero-kpi .hero-portrait{display:none}}