.coastal-sample .cinematic-hero{width:100%;margin:0;display:flex;align-items:center;position:relative;isolation:isolate;min-height:780px;min-height:min(860px,calc(100svh - 130px));padding:85px 7% 100px;overflow:hidden;background:#09131F;color:var(--flex-paper)}.cinematic-media{position:absolute;inset:0;z-index:0;background:#09131F url('assets/flex-city-loop-poster.webp') center/cover no-repeat}.cinematic-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0}.cinematic-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,20,.88) 0%,rgba(3,9,20,.74) 38%,rgba(3,9,20,.25) 72%,rgba(3,9,20,.14)),linear-gradient(0deg,rgba(3,9,20,.45),transparent 45%);z-index:1;pointer-events:none}.cinematic-hero .hero-copy{position:relative;z-index:3;width:min(760px,70%)}.coastal-sample .cinematic-hero p.eyebrow{color:#8AD4FF!important;text-align:left!important;margin:0 0 25px;font-size:28px!important}.cinematic-hero h1{font-size:clamp(72px,7.8vw,120px);line-height:.98;letter-spacing:-.055em;color:var(--flex-paper);text-shadow:0 2px 18px #0003}.cinematic-hero .coastal-words .cw-0{color:#6DCBFF}.cinematic-hero .coastal-words .cw-1{color:#CCB7FF}.cinematic-hero .intro{font-size:19px;max-width:490px;line-height:1.5;color:var(--flex-paper);margin-top:28px}.cinematic-hero .button{margin-top:28px;background:var(--flex-sky);color:#101820;border:0}.cinematic-hero .button:hover{background:var(--flex-paper);color:#101820}.coastal-sample .cinematic-hero .hero-note{font-size:16px;line-height:1.4;max-width:580px;letter-spacing:.055em;color:var(--flex-paper);margin-top:30px}.cinematic-media .video-toggle{position:absolute;right:5%;bottom:30px;z-index:4;background:var(--flex-paper);color:var(--flex-ink);border:1px solid var(--flex-paper);padding:10px 17px;border-radius:30px;font-size:12px;box-shadow:0 3px 18px #0003}.cinematic-hero .hero-bokeh{inset:0;z-index:2;opacity:.32;max-width:1050px}.cinematic-hero .hero-bokeh i{filter:blur(15px)}
@media(min-width:1600px){.coastal-sample .cinematic-hero{padding-left:max(7%,calc((100vw - 1400px)/2))}}
@media(max-width:760px){.coastal-sample .cinematic-hero{min-height:760px;min-height:calc(100svh - 115px);padding:65px 7% 95px;align-items:center}.cinematic-hero .hero-copy{width:100%;max-width:600px}.coastal-sample .cinematic-hero p.eyebrow{font-size:23px!important;max-width:90%}.cinematic-hero h1{font-size:clamp(62px,14vw,94px);line-height:1}.cinematic-hero .intro{font-size:17px;max-width:95%;margin-top:25px}.coastal-sample .cinematic-hero .hero-note{font-size:13px;max-width:95%;margin-top:25px}.cinematic-hero::after{background:linear-gradient(90deg,#030914DB,#03091480),linear-gradient(0deg,#03091470,transparent 60%)}.cinematic-media video{object-position:57% center}.cinematic-media .video-toggle{bottom:20px;right:7%;font-size:11px;padding:8px 14px}.cinematic-hero .button{font-size:12px}.cinematic-hero .hero-bokeh{opacity:.2}}