/* Shared hero styling for the application and local HTML preview. */
.rounds-hero{background:#fff;color:#171a1c;padding:84px 0 72px}
.rh-layout{max-width:1280px;margin:auto;padding:0 48px;display:grid;grid-template-columns:1fr 1.12fr;gap:64px;align-items:center}
.rh-copy{min-width:0}
.rh-copy h1{margin:0 0 29px;font-weight:400;letter-spacing:-.055em;line-height:1.15}
.rh-title{font-size:clamp(56px,5.7vw,80px);font-weight:500;line-height:1.04;color:#171a1c}
.rh-connector{display:inline-block;font-size:25px;line-height:1.5;font-weight:300;letter-spacing:-.02em;color:#8a9094;margin:10px 0 4px}
.rh-specialty{font-size:clamp(29px,3.1vw,42px);font-weight:300;letter-spacing:-.045em;color:#505b63}
.rh-copy h2.rh-description{font-size:17px;line-height:1.75;font-weight:400;letter-spacing:-.012em;color:#697178;max-width:435px;margin:0;text-wrap:pretty}
.rh-actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center;margin-top:30px}
.rh-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;background:#171a1c;color:#fff;border:1px solid #171a1c;border-radius:7px;padding:13px 21px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s}
.rh-primary:hover{background:#343b41;transform:translateY(-2px)}
.rh-primary>span{font-size:20px;line-height:1}
.rh-video-button{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-size:14px;font-weight:500;color:#414950;background:none;border:0;padding:8px 0;cursor:pointer}
.rh-video-button:hover{color:#0078c8}
.rh-play{width:32px;height:32px;border:1px solid #d4d9dc;border-radius:50%;display:grid;place-items:center;font-size:10px;padding-left:2px}
.rh-footnote{font-size:12px;color:#7d858b;margin:12px 0 0}
.rh-journey{display:flex;gap:26px;flex-wrap:wrap;margin-top:35px;padding-top:20px;border-top:1px solid #e8ecee;color:#58646c;font-size:13px;max-width:435px}
.rh-journey b{font-weight:400;color:#98a2a9;margin-right:7px;font-size:11px;font-variant-numeric:tabular-nums}
.rh-hero-film{min-width:0;overflow:hidden;border-radius:18px;background:#eff2f4;box-shadow:0 24px 55px -35px #26384a66;isolation:isolate}
.rh-hero-video{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;object-position:center}
video.rh-hero-video::-webkit-media-controls-panel,video.rh-hero-video::-webkit-media-controls-play-button,video.rh-hero-video::-webkit-media-controls-start-playback-button,video.rh-hero-video::-webkit-media-controls{display:flex !important;-webkit-appearance:initial !important;opacity:1 !important}
.rh-dialog{border:0;border-radius:12px;padding:48px 16px 16px;background:#15191c;color:white;width:min(920px,calc(100% - 32px));max-width:920px;margin:auto;overflow:visible}
.rh-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.rh-dialog iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:5px}
.rh-dialog-close{position:absolute;right:15px;top:10px;color:white;background:none;border:0;font-size:25px;cursor:pointer;width:32px;height:32px}
.rounds-hero a:focus-visible,.rounds-hero button:focus-visible,.rh-dialog button:focus-visible{outline:3px solid #0099ff;outline-offset:5px}
@media(min-width:1500px){.rounds-hero{padding-top:104px;padding-bottom:88px}}
@media(max-width:1050px){.rh-layout{gap:36px;padding:0 32px;grid-template-columns:1fr 1fr}.rh-title{font-size:62px}.rh-specialty{font-size:32px}.rh-actions{gap:18px}.rh-primary{gap:20px}.rh-journey{gap:18px}.rh-copy h2.rh-description{font-size:16px}}
@media(max-width:760px){.rounds-hero{padding:44px 0 44px}.rh-layout{grid-template-columns:1fr;gap:34px;max-width:600px;padding:0 24px}.rh-title{font-size:clamp(56px,11vw,72px)}.rh-connector{font-size:23px;margin:7px 0 3px}.rh-specialty{font-size:clamp(26px,6.1vw,36px)}.rh-copy h1{margin-bottom:24px}.rh-copy h2.rh-description{max-width:470px}.rh-actions{gap:24px;margin-top:25px}.rh-journey{margin-top:26px;max-width:none;gap:22px}.rh-hero-film{border-radius:12px}.rh-hero-video{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.rh-primary{transition:none}.rh-primary:hover{transform:none}}
