.sydney-hero { position:relative; min-height:590px; color:#fff; isolation:isolate; overflow:hidden; } .sydney-hero-image,.sydney-hero-shade { position:absolute; z-index:-2; inset:0; } .sydney-hero-image { background:url('/assets/sydney-harbour-blue-hour.png') center / cover; } .sydney-hero-shade { z-index:-1; background:linear-gradient(90deg,rgba(4,28,25,.9),rgba(4,28,25,.57) 48%,rgba(4,28,25,.18)); } .sydney-hero-content { width:min(1240px,calc(100% - 48px)); margin:auto; padding:170px 0 85px; } .sydney-hero h1 { max-width:770px; margin:0; font-size:clamp(3.3rem,6vw,6.2rem); line-height:.91; } .sydney-hero p:not(.eyebrow) { max-width:585px; margin:24px 0 0; color:#e3ebe4; font-size:1.03rem; line-height:1.65; }
@media (max-width:760px) { .sydney-hero { min-height:575px; } .sydney-hero-content { width:min(100% - 28px,620px); padding:142px 0 70px; } .sydney-hero h1 { font-size:clamp(3rem,15vw,4.5rem); } }