:root{--hl-ink: #111111;--hl-dark: #111315;--hl-panel: #202428;--hl-surface: #f5f5f3;--hl-line: #e1e1e1;--hl-muted: #666666;--hl-signal: #d90429;--hl-signal-bright: #f23b59;--hl-radius: .75rem;--hl-page: 80rem}html{scroll-behavior:smooth}body{overflow-x:clip}::selection{background:var(--hl-signal);color:#fff}.hl-container{width:min(100% - 2rem,var(--hl-page));margin-inline:auto}.hl-section{padding-block:4rem}.hl-section--surface{background:var(--hl-surface)}.hl-section--white{background:#fff}.hl-section--dark{background:var(--hl-panel);color:#fff}.hl-anchor{scroll-margin-top:5rem}.hl-eyebrow{margin:0 0 1rem;color:var(--hl-signal);font-size:.6875rem;font-weight:700;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}.hl-heading{margin:0;color:var(--hl-ink);font-family:var(--font-primary--family);font-size:clamp(2rem,9vw,3rem);font-weight:650;letter-spacing:-.045em;line-height:1.05}.hl-description{max-width:42rem;margin:1rem 0 0;color:var(--hl-muted);font-size:1rem;line-height:1.75}.hl-button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;padding:.7rem 1.5rem;border:1px solid transparent;border-radius:999px;font-size:.875rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.hl-button--signal{background:var(--hl-signal);color:#fff}.hl-button--signal:hover{background:#bd0323}.hl-button--outline{border-color:#ccc;background:#fff;color:#222}.hl-card{overflow:hidden;border:1px solid var(--hl-line);border-radius:var(--hl-radius);background:#fff}.hl-arrow{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--hl-dark);color:#fff;font-size:1rem;text-decoration:none}.hl-scroller{display:flex;gap:1rem;margin-inline:-1rem;padding:0 1rem .75rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hl-scroller::-webkit-scrollbar{display:none}@media(min-width:40rem){.hl-container{width:min(100% - 3rem,var(--hl-page))}.hl-section{padding-block:5rem}.hl-heading{font-size:clamp(2.5rem,6vw,3rem)}.hl-description{font-size:1.0625rem}.hl-scroller{margin-inline:0;padding-inline:0}}@media(min-width:64rem){.hl-container{width:min(100% - 4rem,var(--hl-page))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hyperlifts.css.map */
