@font-face{font-family:Outfit;src:url('outfit-latin.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--s1-span:450svh;--bone:#f8f2e9;--copper:#ff8a75;--muted:#aeb9d0}
header .wordmark{display:inline-flex;align-items:baseline;gap:0;font:600 31px/1 Outfit,Manrope,sans-serif;letter-spacing:-1.7px;color:#f8f2e9;white-space:nowrap}
header .wordmark .brand-flow{color:#f8f2e9}
header .wordmark .brand-verse{display:inline-flex;align-items:baseline;color:#ff8a75}
.brand-v{display:inline-block;flex:none;height:.53em;width:.57em;background:currentColor;clip-path:polygon(0 0,24% 0,51% 66%,78% 0,100% 0,61% 100%,39% 100%);margin-left:.015em;margin-right:-.01em}
header .contact,header .header-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-height:48px;border:0;border-radius:50px;padding:7px 8px 7px 21px;background:#ff8a75;color:#171d2b;font-size:12px;font-weight:650;letter-spacing:0;text-shadow:none}
header .contact span,header .header-contact span{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #171d2b40;border-radius:50%;color:#171d2b;font-size:20px;font-weight:400}
header a:focus-visible{outline-color:#f8f2e9}
header .contact:hover,header .header-contact:hover{background:#ffa38f}
header{animation:s1-header-in .65s cubic-bezier(.2,.7,.2,1) both}
.opening-title{font-size:clamp(72px,9.5vw,145px)}
.desktop-experience .service{color:#dce0e9}
.desktop-experience .s1-actions .work-action{background:#ff8a75;border-color:#ff8a75;color:#171d2b}
.desktop-experience .s1-actions .contact{color:#f8f2e9;border-color:#aeb9d080}
.desktop-experience .benefits-list li{color:#f8f2e9}
.mobile-experience .s12-measure{height:500svh}
.mobile-experience #journey{height:1000svh}
.mobile-experience .hero-actions{display:none!important}
.mobile-experience header{padding-top:22px;padding-bottom:22px;background:linear-gradient(#111724cc,transparent)}
.mobile-experience header .wordmark{font-size:25px;letter-spacing:-1.4px}
.mobile-experience header .header-contact{min-height:44px;font-size:11px;padding:6px 6px 6px 14px;gap:17px}
.mobile-experience header .header-contact span{width:30px;height:30px;font-size:18px}
.mobile-experience .service{top:93px;color:#dce0e9}
.mobile-experience .benefits-copy{bottom:85px}
.mobile-experience .benefits-copy ol{height:86px}
.benefit-actions{margin-top:18px;min-height:44px;opacity:0;transform:translateY(12px);display:flex}
.benefit-actions .primary{background:#ff8a75;color:#171d2b;border-color:#ff8a75;min-height:44px;padding:10px 17px}
.mobile-experience .hero-copy h1>span{color:#ff8a75}
.mobile-experience .benefits-copy em{color:#ff8a75}
.mobile-experience .load-status{font-size:10px;max-width:70%}
@keyframes s1-header-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px) and (min-width:651px){header .wordmark{font-size:27px}.opening-title{font-size:10vw}.s1-actions{gap:10px}}
@media(max-height:680px) and (max-width:650px){.mobile-experience header{padding-top:16px}.mobile-experience .service{top:78px;font-size:11px}.mobile-experience .benefits-copy{bottom:76px}.mobile-experience .benefits-copy ol{height:77px}.benefit-actions{margin-top:13px}}
@media(max-width:350px){.mobile-experience header .wordmark{font-size:23px}.mobile-experience header .header-contact{gap:10px;padding-left:12px}.mobile-experience .service{font-size:11px}}
@media(prefers-reduced-motion:reduce){header{animation:none}}
