/* Main homepage hero, inspired by the supplied cinematic reference. */
.rh-cinematic{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 80px);padding:110px 0 66px;display:flex;align-items:center;background:#101817;color:#fff}
.rh-cinematic .rh-hero-film{position:absolute;inset:0;z-index:-3;border:0;border-radius:0;box-shadow:none;background:#18211f}
.rh-cinematic .rh-hero-video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:65% center}
.rh-cinematic::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(9,18,17,.94) 0%,rgba(9,18,17,.88) 28%,rgba(9,18,17,.64) 55%,rgba(9,18,17,.14) 100%);pointer-events:none}
.rh-cinematic::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(9,18,17,.65),transparent 55%);pointer-events:none}
.rh-cinematic .rh-layout{display:block;width:100%;max-width:1440px;margin:auto;padding:0 clamp(28px,6vw,100px)}
.rh-cinematic .rh-copy{width:100%;max-width:1170px}
.rh-cinematic .rh-copy h1{font-family:var(--font-inter),Inter,Arial,sans-serif;font-size:clamp(64px,7.4vw,112px);font-weight:300;line-height:1.03;letter-spacing:-.055em;margin:0 0 38px;text-wrap:initial}
.rh-cinematic .rh-title,.rh-cinematic .rh-connector{font:inherit;color:#fff;letter-spacing:inherit;line-height:inherit;margin:0;display:inline}
.rh-cinematic .rh-specialty{font-family:Georgia,'Times New Roman',serif;font-size:1em;line-height:1.08;font-weight:400;letter-spacing:-.055em;color:#fff}
.rh-cinematic .rh-copy h2.rh-description{font-size:18px;font-weight:400;line-height:1.65;letter-spacing:0;color:#e0e6e3;max-width:585px;margin:0;text-wrap:pretty}
.rh-cinematic .rh-actions{margin-top:34px;gap:28px}
.rh-cinematic .rh-primary{background:#fff;color:#13201c;border-color:#fff;min-height:52px;border-radius:6px;padding:14px 24px}
.rh-cinematic .rh-primary:hover{background:#e7edeb}
.rh-cinematic .rh-video-button{color:#fff;font-weight:400;font-size:15px;gap:12px}
.rh-cinematic .rh-play{width:42px;height:42px;border-color:#ffffff65;background:#ffffff0a;font-size:12px}
.rh-cinematic .rh-footnote{color:#b9c5bf;font-size:13px;margin-top:16px}
.rh-film-toggle{position:absolute;right:30px;bottom:25px;z-index:2;border:1px solid #ffffff60;background:#111c19b3;color:#fff;font:inherit;font-size:12px;border-radius:30px;min-height:42px;padding:10px 16px;cursor:pointer;backdrop-filter:blur(8px)}
.rh-film-toggle:hover{background:#263a31}
@media(min-width:1500px){.rh-cinematic{min-height:850px;padding:145px 0 90px}}
@media(max-width:1000px){.rh-cinematic{padding:90px 0 70px;min-height:720px}.rh-cinematic .rh-copy h1{font-size:clamp(54px,7.7vw,76px)}.rh-cinematic .rh-copy h2.rh-description{max-width:550px;font-size:17px}.rh-cinematic::before{background:linear-gradient(90deg,#091211ee,#091211bb 58%,#09121150)}}
@media(max-width:760px){.rh-cinematic{min-height:calc(100svh - 80px);padding:72px 0 88px}.rh-cinematic .rh-layout{max-width:none;padding:0 26px}.rh-cinematic .rh-copy h1{font-size:clamp(46px,9.8vw,70px);line-height:1.06;letter-spacing:-.05em;margin-bottom:28px}.rh-cinematic .rh-specialty{letter-spacing:-.05em}.rh-cinematic .rh-copy h2.rh-description{font-size:16px;line-height:1.7;max-width:480px}.rh-cinematic .rh-hero-video{object-position:58% center}.rh-cinematic::before{background:#091211bd}.rh-cinematic .rh-actions{gap:20px;margin-top:28px}.rh-cinematic .rh-primary{padding:12px 19px}.rh-film-toggle{right:24px;bottom:22px}}

/* Overlay navigation on the homepage video only. */
body:has(.rh-cinematic)>header{position:absolute;inset:0 0 auto;z-index:50;background:transparent;border:0;backdrop-filter:none;color:#fff}
body:has(.rh-cinematic)>header>div{max-width:none;padding-left:clamp(24px,3vw,56px);padding-right:clamp(24px,3vw,56px)}
body:has(.rh-cinematic)>header>div>div{height:96px}
body:has(.rh-cinematic)>header>div>div>a img{filter:brightness(0) invert(1)}
body:has(.rh-cinematic)>header nav>.group>a{color:#f4f6f5;font-weight:400}
body:has(.rh-cinematic)>header nav>.group>a:hover{color:#fff;opacity:.75}
body:has(.rh-cinematic)>header nav>.group>a svg{color:inherit}
body:has(.rh-cinematic)>header>div>div>div>a[href*="login"]{color:#fff}
body:has(.rh-cinematic)>header>div>div>div>a[href*="book-demo"]{background:#fff;color:#15201c;border-radius:5px;padding:12px 20px}
body:has(.rh-cinematic)>header button[aria-label="Open menu"],body:has(.rh-cinematic)>header button[aria-label="Close menu"]{color:#fff}
body:has(.rh-cinematic)>header nav>.group:focus-within>div{visibility:visible;opacity:1}
body:has(.rh-cinematic)>header a:focus-visible,body:has(.rh-cinematic)>header button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.rh-cinematic{min-height:100svh;padding-top:176px}
.rh-cinematic::after{background:linear-gradient(180deg,rgba(5,14,11,.44),transparent 24%),linear-gradient(0deg,rgba(9,18,17,.65),transparent 55%)}
@media(min-width:1100px){body:has(.rh-cinematic)>header>div>div{display:grid;grid-template-columns:1fr auto 1fr;gap:28px}body:has(.rh-cinematic)>header>div>div>a{justify-self:start}body:has(.rh-cinematic)>header>div>div>div{justify-self:end}}
@media(max-width:760px){body:has(.rh-cinematic)>header>div>div{height:80px}.rh-cinematic{min-height:100svh;padding-top:130px}}