/* Homepage: one panoramic city background with restrained typography. */
body[data-page="index"] .hero-zone{position:relative;isolation:isolate;background:#19262f;color:#fff;overflow:hidden}
.hero-city-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;z-index:-2}
body[data-page="index"] .hero-zone::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,27,36,.94) 0%,rgba(15,27,36,.81) 27%,rgba(15,27,36,.34) 64%,rgba(15,27,36,.2)),linear-gradient(0deg,rgba(15,27,36,.65),transparent 55%)}
body[data-page="index"] .hero{grid-template-columns:minmax(0,1.25fr) minmax(220px,.65fr);align-items:center;gap:80px;min-height:630px;padding-block:76px 66px}
body[data-page="index"] .hero-copy{padding:0;max-width:650px}
body[data-page="index"] .hero .eyebrow{font-size:11px;font-weight:500;letter-spacing:2px;gap:15px;margin-bottom:25px}
body[data-page="index"] .hero .eyebrow>span:first-child{color:#ffae7e}
body[data-page="index"] .hero .eyebrow>span+span{font-size:13px;font-weight:400;letter-spacing:1.5px;color:#d3dce2}
body[data-page="index"] .hero h1{font-size:clamp(48px,4.3vw,68px);font-weight:500;line-height:1.3;letter-spacing:-1.5px}
body[data-page="index"] .hero h1 em{font-weight:500;color:#ff955b;margin-top:4px}
body[data-page="index"] .hero-description{font-size:18px;font-weight:400;line-height:1.95;letter-spacing:.5px;color:#d4dce2;margin-top:25px}
body[data-page="index"] .hero-actions{margin-top:29px;gap:15px}
body[data-page="index"] .hero-actions .btn{font-size:15px;font-weight:500;min-height:54px;padding:15px 21px;gap:28px}
body[data-page="index"] .hero-actions .btn-outline{border-color:#ffffff7a;background:#17293224}
body[data-page="index"] .hero-bottom{padding-top:31px;font-size:12px;color:#b9c6ce;letter-spacing:.4px}
body[data-page="index"] .hero .orange-dot{width:5px;height:5px;background:#ffa471}
.culture-showcase{align-self:end;justify-self:end;min-width:0;max-width:320px;margin:0 0 6px;padding:0;background:none;border:0;color:#fff}
.culture-kicker{font-size:12px;font-weight:400;letter-spacing:2px;line-height:1.6;color:#cbd6de;margin:0 0 13px}
.culture-showcase h2{margin:0;font-size:28px;font-weight:400;line-height:1.65;letter-spacing:1px;color:#f5f7f9}
.culture-link{display:inline-flex;align-items:center;gap:32px;min-height:44px;margin-top:20px;padding:7px 0;border-bottom:1px solid #ffffff70;color:#e6edf1;font-size:14px;font-weight:400;transition:color .18s,border-color .18s}
.culture-link span{font-size:20px;color:#ffad7d;transition:transform .18s}
.culture-link:hover{color:#ffb98e;border-color:#ffb98e}.culture-link:hover span{transform:translate(2px,-2px)}
.culture-link:focus-visible{outline:2px solid #ffad7d;outline-offset:6px}
@media(max-width:1100px){body[data-page="index"] .hero{min-height:600px;gap:40px;padding-block:67px 58px}body[data-page="index"] .hero h1{font-size:54px}.culture-showcase h2{font-size:24px}.culture-showcase{max-width:270px}}
@media(max-width:760px){.hero-city-background{object-position:58% center}body[data-page="index"] .hero-zone::before{background:linear-gradient(90deg,#0f1b24e6,#0f1b2473),linear-gradient(0deg,#0f1b24b3,transparent 75%)}body[data-page="index"] .hero{grid-template-columns:1fr;gap:46px;min-height:0;padding-block:54px 38px}body[data-page="index"] .hero h1{font-size:clamp(39px,9.7vw,58px);line-height:1.35;letter-spacing:-1px}body[data-page="index"] .hero .eyebrow{font-size:10px;gap:12px;margin-bottom:22px}body[data-page="index"] .hero .eyebrow>span+span{font-size:12px}body[data-page="index"] .hero-description{font-size:16px;margin-top:22px}body[data-page="index"] .hero-actions{gap:12px;margin-top:25px}body[data-page="index"] .hero-actions .btn{min-height:51px;padding:14px 17px;font-size:14px;gap:20px}body[data-page="index"] .hero-bottom{font-size:11px;padding-top:25px}.culture-showcase{justify-self:start;max-width:none;margin:0}.culture-kicker{font-size:11px;margin-bottom:8px}.culture-showcase h2{font-size:21px;line-height:1.8;letter-spacing:.5px}.culture-showcase h2 br{display:none}.culture-link{font-size:13px;margin-top:8px;min-height:40px}}
@media(max-width:390px){.culture-showcase h2{font-size:19px;letter-spacing:0}body[data-page="index"] .hero-actions .btn{gap:14px;padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.culture-link,.culture-link span{transition:none}}
