@font-face{font-family:Aspekta;src:url('/assets/aspekta-light.woff2') format('woff2');font-style:normal;font-weight:300;font-display:swap}
:root{color-scheme:light;--ink:#202020;--muted:#707070;--line:#e5e5e5;--blue:#6263ff}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:Aspekta,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
::selection{background:#e4e3ff;color:#202020}
.page{max-width:1300px;width:calc(100% - 128px);margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.masthead{height:116px;display:flex;align-items:center;padding:0 48px;border-bottom:1px solid var(--line)}
.wordmark{font-family:Georgia,'Times New Roman',serif;text-transform:uppercase;font-weight:bold;font-size:23px;letter-spacing:-.8px;line-height:1;color:#181818;text-decoration:none}
.intro{padding:64px 48px 42px}
.eyebrow{font-size:15px;line-height:1.5;margin:0 0 22px;color:var(--muted)}
h1{max-width:1100px;font-size:clamp(38px,4.35vw,64px);font-weight:300;line-height:1.12;letter-spacing:-2.3px;margin:0}
.market{color:var(--blue);white-space:nowrap}
#market{display:inline-block;transition:opacity .18s ease,transform .18s ease}
#market.changing{opacity:0;transform:translateY(5px)}
.lead{max-width:730px;font-size:21px;line-height:1.5;letter-spacing:-.35px;margin:30px 0 0}
.hands{position:relative;margin:0 -1px;aspect-ratio:2.68;background:#f0f0f0;overflow:hidden}
.hands-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hands-animation{position:absolute;inset:0;opacity:0;transition:opacity .7s}
.hands.ready .hands-animation{opacity:1}
.about{padding:41px 48px 44px;border-bottom:1px solid var(--line)}
.about p{font-size:18px;line-height:1.65;letter-spacing:-.15px;max-width:1050px;margin:0;color:#555}
.contact{display:flex;align-items:baseline;gap:18px;padding:30px 48px 35px;font-size:17px;line-height:1.5}
.contact p{margin:0;color:var(--muted)}
.contact a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:5px;transition:color .2s}
.contact a:hover{color:var(--blue)}
.contact a span{display:inline-block;margin-left:6px}
a:focus-visible{outline:2px solid var(--blue);outline-offset:7px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1600px){.intro{padding-top:75px;padding-bottom:50px}.hands{aspect-ratio:2.85}}
@media(max-width:900px){.page{width:calc(100% - 64px)}.masthead{height:100px;padding:0 32px}.intro{padding:48px 32px 36px}h1{font-size:48px;letter-spacing:-1.8px}.lead{font-size:19px}.about{padding:32px}.contact{padding:27px 32px 32px;font-size:16px}}
@media(max-width:600px){.page{width:calc(100% - 36px)}.masthead{height:86px;padding:0 21px}.wordmark{font-size:20px;letter-spacing:-.7px}.intro{padding:38px 21px 30px}.eyebrow{font-size:12px;margin-bottom:20px}h1{font-size:37px;line-height:1.15;letter-spacing:-1.3px}.lead{font-size:17px;line-height:1.5;margin-top:23px}.hands{aspect-ratio:1.8}.hands-poster{object-fit:cover}.hands-animation{width:150%;left:-25%}.about{padding:28px 21px 30px}.about p{font-size:16px;line-height:1.65}.contact{padding:25px 21px 31px;display:block;font-size:16px}.contact p{font-size:13px;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.hands-animation{display:none}}