@font-face{font-family:'RF Breit';src:url('../fonts/sohne/breit-halbfett.otf') format('opentype');font-weight:500 900;font-style:normal;font-display:swap}
@font-face{font-family:'RF Geist TR';src:url('../fonts/geist-latin-ext.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-02FF}
@font-face{font-family:'RF Geist TR';src:url('../fonts/geist-latin.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:'RF Breit TR';src:local('Arial Bold');font-weight:500 900;font-display:swap;unicode-range:U+00C7,U+00DC,U+00E7,U+00FC,U+011E-011F,U+0130-0131,U+015E-015F}
:root{--font:'RF Sohne','RF Geist TR',Arial,sans-serif;--heading-font:'RF Breit','RF Breit TR','RF Geist TR',Arial,sans-serif}
h1,h2,h3{font-family:var(--heading-font);font-weight:650}
main h1,main h2{text-transform:uppercase;letter-spacing:-.035em}
.rf-motion h1,.rf-motion h2,.rf-motion h3,[data-product-scene] h1,[data-product-scene] h2,[data-product-scene] h3{font-family:inherit;text-transform:none}
.rf-hero{background:#c9edf7;grid-template-columns:1fr 1fr;gap:0;border-radius:10px;overflow:hidden}
.rf-hero>.rf-motion{order:2;border-radius:0;background:transparent}
.rf-hero>.rf-hero-copy{order:1;background:transparent;color:#161616;padding:48px 38px;border-radius:0;min-width:0}
.rf-hero-copy .eyebrow{color:#30363b}
.rf-hero-copy h1{font-family:var(--heading-font);font-size:clamp(32px,3.05vw,48px);line-height:1.12;letter-spacing:-.045em;margin:24px 0;overflow-wrap:normal}
.rf-hero-copy p{color:#39464d;font-size:17px;max-width:40ch}
.rf-hero-copy .btn-accent{background:#161616;color:#fff}
.rf-hero-copy .btn-accent:hover{background:#353541;color:#fff}
.rf-mega h3,.rf-explorer-card h3,.rf-start-cards h3{font-size:17px;letter-spacing:-.025em}
@media(max-width:1050px) and (min-width:761px){.rf-hero>.rf-hero-copy{padding:32px 24px}.rf-hero-copy h1{font-size:30px}}
@media(max-width:760px){.rf-hero{grid-template-columns:1fr}.rf-hero>.rf-hero-copy{order:1;padding:38px 26px}.rf-hero>.rf-motion{order:2}.rf-hero-copy h1{font-size:clamp(27px,7.3vw,46px);line-height:1.15}.rf-hero-copy p{font-size:16px}}
@media(max-width:560px){
 main h1{font-size:clamp(24px,6.7vw,36px)!important;line-height:1.15!important;overflow-wrap:anywhere}
 main h2{font-size:clamp(24px,6.5vw,34px)!important;line-height:1.15!important;overflow-wrap:anywhere}
 main h3{overflow-wrap:anywhere}
 .rf-motion h3,[data-product-scene] h3{overflow-wrap:normal}
}