.hero-flatrock{position:relative;width:100%;min-height:100svh;margin-top:0;overflow:hidden;background-color:var(--flatrock-near-black)}.hero-flatrock__frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.hero-flatrock__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center var(--hero-focal-y, 35%)}@media screen and (max-width:749px)and (orientation:portrait){.hero-flatrock__media{object-position:var(--hero-focal-x-mobile, 25%) var(--hero-focal-y, 35%)}}.hero-flatrock__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#10100f8c,#10100f00 55%),rgba(16,16,15,var(--hero-scrim, .3))}.hero-flatrock__lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hero-flatrock__line{position:absolute;background:#ffffff14}.hero-flatrock__line--v1{top:0;bottom:0;left:33.33%;width:1px}.hero-flatrock__line--v2{top:0;bottom:0;left:66.66%;width:1px}.hero-flatrock__line--h1{left:0;right:0;bottom:33.33%;height:1px}.hero-flatrock__hud{position:absolute;top:0;bottom:0;right:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:1.4rem;padding-top:clamp(110px,12vh,140px);padding-right:var(--flatrock-page-pad);padding-bottom:0;z-index:3;pointer-events:none}.hero-flatrock__hud-item{position:static;display:flex;flex-direction:column;gap:2px;align-items:flex-end}.hero-flatrock__hud-label{font-family:var(--flatrock-font-mono);font-size:.65rem;font-weight:400;letter-spacing:.12em;color:#ffffff59;text-transform:uppercase}.hero-flatrock__hud-value{font-family:var(--flatrock-font-mono);font-size:.82rem;font-weight:500;letter-spacing:.05em;color:#fff9}.hero-flatrock__hud-item--temp{margin-top:calc(var(--flatrock-spacing-md) * 1.3)}.hero-flatrock__content{position:absolute;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:flex-start;padding:var(--flatrock-spacing-xl) var(--flatrock-page-pad);padding-bottom:var(--flatrock-spacing-lg);max-width:100%;width:100%}.hero-flatrock__headline{font-family:var(--flatrock-font-family);font-weight:700;font-size:clamp(1.5rem,8.6vw,12rem);line-height:1.02;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;color:var(--flatrock-type-overlay);margin:0 0 .35rem}.hero-flatrock__sub{font-family:var(--flatrock-font-family);font-weight:450;font-size:clamp(1.05rem,2.2vw,2.1rem);line-height:1.25;letter-spacing:.04em;text-transform:uppercase;color:var(--flatrock-type-overlay);margin:0 0 var(--flatrock-spacing-md) 0}.hero-flatrock__ctas{display:flex;flex-wrap:wrap;gap:12px}.hero-flatrock__cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;font-family:var(--flatrock-font-family);font-weight:600;font-size:.95rem;line-height:1;letter-spacing:0;border:1px solid transparent;border-radius:var(--flatrock-radius-md);padding:15px 26px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color var(--flatrock-duration-short) var(--flatrock-easing-base),color var(--flatrock-duration-short) var(--flatrock-easing-base),border-color var(--flatrock-duration-short) var(--flatrock-easing-base),opacity var(--flatrock-duration-short) var(--flatrock-easing-base)}.hero-flatrock__cta--glass{background-color:var(--flatrock-glass-fill);color:var(--flatrock-header-ink);backdrop-filter:var(--flatrock-glass-blur);-webkit-backdrop-filter:var(--flatrock-glass-blur);border-color:transparent}.hero-flatrock__cta--glass:hover{background-color:var(--flatrock-glass-fill-solid)}.hero-flatrock__cta--ghost{background-color:transparent;color:var(--flatrock-white);border-color:#ffffff59}.hero-flatrock__cta--ghost:hover{border-color:var(--flatrock-white)}.hero-flatrock__cta-arrow{display:inline-block;font-size:1.05rem;line-height:1;transition:transform var(--flatrock-duration-short) var(--flatrock-easing-base)}.hero-flatrock__cta:hover .hero-flatrock__cta-arrow{transform:translate(4px)}.hero-flatrock__cta:hover .hero-flatrock__cta-arrow--down{transform:translateY(4px)}@media screen and (max-width:749px){.hero-flatrock__hud-item--swell{display:none}.hero-flatrock__hud{padding-right:var(--flatrock-spacing-md);gap:1.35rem}.hero-flatrock__hud-label{font-size:.66rem}.hero-flatrock__hud-value{font-size:.85rem}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/flrc-hero.css.map */