.hero-reference{min-height:575px}.hero-reference>img{object-position:62% 42%}.hero-reference .hero-overlay{background:linear-gradient(90deg,rgba(2,8,23,.98) 0%,rgba(2,8,23,.91) 36%,rgba(2,8,23,.38) 63%,rgba(2,8,23,.08) 100%)}.hero-reference .hero-content{position:relative;display:block;min-height:575px;padding-block:54px}.hero-reference .hero-copy{position:relative;z-index:2;max-width:760px}.hero-reference .hero-copy h1{max-width:760px;margin-bottom:22px;font-size:clamp(3.8rem,4.4vw,5.3rem);line-height:.98}.hero-reference .hero-copy h1 span{display:block;margin-top:7px}.hero-reference .hero-copy .lead{max-width:680px;margin-bottom:25px;font-size:1.12rem;line-height:1.55}.hero-reference .hero-copy .actions{gap:14px}.hero-reference .hero-note{margin-top:13px}.hero-reference .hero-dashboard{position:absolute;z-index:3;right:0;bottom:44px;width:650px;padding:14px;border-radius:12px}.hero-reference .dashboard-label,.hero-reference .dashboard-path{display:none}.hero-reference .dashboard-grid{grid-template-columns:repeat(4,1fr)}.hero-reference .dashboard-grid a{min-height:92px;padding:15px 17px}.hero-reference .dashboard-grid strong{font-size:2rem}.hero-reference .dashboard-grid span{margin-top:5px;font-size:.7rem}
@media(max-width:1580px){.hero-reference .hero-copy{max-width:690px}.hero-reference .hero-copy h1{max-width:690px;font-size:clamp(3.6rem,4.2vw,4.8rem)}.hero-reference .hero-dashboard{width:580px}}
@media(max-width:1250px){.hero-reference,.hero-reference .hero-content{min-height:600px}.hero-reference .hero-copy{max-width:620px}.hero-reference .hero-copy h1{max-width:620px;font-size:3.9rem}.hero-reference .hero-dashboard{width:500px}}
@media(max-width:1050px){.hero-reference .hero-dashboard{display:none}.hero-reference .hero-copy{max-width:720px}}
@media(max-width:700px){.hero-reference,.hero-reference .hero-content{min-height:610px}.hero-reference .hero-content{padding-block:58px}.hero-reference .hero-copy h1{font-size:3.1rem}.hero-reference .hero-overlay{background:rgba(2,8,23,.78)}}