.hero-57{color:#0a0a0a;font-family:var(--font-body), Inter, system-ui, sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate;background:#fff;position:relative}.hero-57,.hero-57 *{box-sizing:border-box;margin:0}.hero-57 a{color:inherit;text-decoration:none}.hero-57 .hero{min-height:max(720px, var(--ok-design-h,100vh));background:#fff;position:relative;overflow:hidden}.hero-57 .hero-scene{position:absolute;inset:0}.hero-57 .hero-fade{pointer-events:none;background:linear-gradient(#fff 0% 42%,#ffffffd9 50%,#ffffff59 58%,#fff0 66%);position:absolute;inset:0}.hero-57 .nav{z-index:2;grid-template-columns:1fr auto 1fr;align-items:center;padding:30px 96px 0 108px;display:grid;position:relative}.hero-57 .logo{font-family:var(--font-display), "Instrument Serif", Georgia, serif;letter-spacing:-.02em;justify-self:start;align-items:center;gap:10px;font-size:34px;line-height:1;display:inline-flex}.hero-57 .logo svg{width:30px;height:auto;margin-top:4px}.hero-57 .nav nav{gap:32px;margin-right:80px;font-size:16px;display:flex}.hero-57 .nav nav a{color:#6b6b6b;transition:color .2s}.hero-57 .nav nav a:hover,.hero-57 .nav nav a.active{color:#0a0a0a}.hero-57 .nav nav a.active{font-weight:500}.hero-57 .btn{color:#fff;white-space:nowrap;background:#000;border-radius:999px;justify-self:end;padding:16px 36px;font-size:18px;font-weight:500}.hero-57 .hero-copy{z-index:2;text-align:center;padding-top:92px;position:relative}.hero-57 .hero-copy h1{font-family:var(--font-display), "Instrument Serif", Georgia, serif;letter-spacing:-.035em;font-size:clamp(52px,5.65vw,112px);font-weight:400;line-height:1}.hero-57 .hero-copy h1 .word{will-change:transform, filter;display:inline-block}.hero-57 .hero-copy h1 .word+.word{margin-left:.22em}.hero-57 .hero-copy h1 .muted{color:#737373}.hero-57 .hero-copy p{color:#6f6f6f;max-width:560px;margin:20px auto 0;font-size:19px;line-height:1.75}.hero-57 .cta{color:#fff;letter-spacing:.14em;text-transform:uppercase;background:#000;border-radius:999px;align-items:center;gap:18px;margin-top:38px;padding:20px 38px;font-size:16px;font-weight:600;display:inline-flex}.hero-57 .btn:hover,.hero-57 .cta:hover{opacity:.85}@media (max-width:1279px){.hero-57 .nav{padding:30px 40px 0}.hero-57 .nav nav{gap:24px;margin-right:0}}@media (max-width:900px){.hero-57 .hero-scene{width:260%;top:46%;left:50%;right:auto;transform:translate(-50%)}.hero-57 .hero-fade{background:linear-gradient(#fff 0% 54%,#fff0 66%)}.hero-57 .nav{grid-template-columns:1fr auto;padding:20px 16px 0}.hero-57 .nav nav{display:none}.hero-57 .btn{padding:12px 22px;font-size:15px}.hero-57 .hero-copy{padding:72px 16px 0}.hero-57 .hero-copy p{font-size:16px}}.hero-57 .hero-copy .eyebrow{letter-spacing:.12em;text-transform:uppercase;text-wrap:balance;color:#b4533f;max-width:none;margin:0 auto 22px;font-size:13px;font-weight:500;line-height:1}.hero-57 .hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;margin-top:38px;display:flex}.hero-57 .hero-actions .cta{cursor:pointer;border:0;margin-top:0;font-family:inherit}.hero-57 .hero-actions .cta:disabled{opacity:.7;cursor:progress}.hero-57 .cta-ghost{color:#0a0a0a;border-bottom:1px solid #0a0a0a59;padding-bottom:2px;font-size:16px;font-weight:500;transition:border-color .2s}.hero-57 .cta-ghost:hover{border-color:#0a0a0a}.hero-57 .hero-copy .hero-error{color:#b42318;max-width:420px;margin:12px auto 0;font-size:14px;line-height:1.5}.hero-57 a:focus-visible,.hero-57 button:focus-visible{outline-offset:3px;outline:2px solid #0a0a0a}@media (max-width:900px){.hero-57 .hero-copy .eyebrow{margin-bottom:16px;font-size:11px}.hero-57 .hero-actions .cta{padding:18px 30px;font-size:14px}}.hero-57 .float-nav{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(1.4);background:#ffffffd1;border:1px solid #0a0a0a14;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:min(1120px,100% - 24px);margin:0 auto;padding:8px 8px 8px 20px;display:grid;position:fixed;top:14px;left:0;right:0;box-shadow:0 18px 40px -24px #78281459}.hero-57 .float-nav .logo{font-size:24px}.hero-57 .float-nav .logo svg{width:22px;margin-top:2px}.hero-57 .float-nav nav{gap:26px;font-size:14px;display:flex}.hero-57 .float-nav nav a{color:#6b6b6b;transition:color .2s}.hero-57 .float-nav nav a:hover{color:#0a0a0a}.hero-57 .float-nav .btn{padding:10px 20px;font-size:14px}@media (max-width:900px){.hero-57 .float-nav{grid-template-columns:1fr auto}.hero-57 .float-nav nav{display:none}}
