.hero{display:grid;grid-template-columns:45% 55%;min-height:clamp(640px,calc(100svh - 104px),790px);border-bottom:var(--border-width) solid var(--color-border-strong);background:var(--color-canvas)}.hero__content{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(40px,5vw,80px) clamp(24px,4vw,69px)}.hero__eyebrow{margin:0 0 47px;color:#333;font-family:var(--font-family-label);font-size:clamp(12px,.8vw,15px);font-weight:var(--font-weight-medium);letter-spacing:.08em;line-height:var(--line-height-none);text-transform:uppercase}.hero__heading{margin:0 0 23px;font-family:var(--font-family-display);font-size:clamp(56px,6.3vw,108px);font-weight:var(--font-weight-regular);letter-spacing:-.03em;line-height:1.08}.hero__heading sup{display:inline-block;margin-left:.04em;font-size:.62em;font-weight:var(--font-weight-regular);line-height:0;vertical-align:.46em}.hero__description{max-width:590px;margin:0 0 37px;color:var(--color-text-muted);font-size:clamp(var(--font-size-lead),1.07vw,20px);letter-spacing:.01em;line-height:1.75}.hero__actions{display:flex;flex-wrap:nowrap;gap:12px}.hero__button{display:inline-flex;flex:0 1 266px;align-items:center;justify-content:space-between;gap:var(--space-6);min-width:0;min-height:66px;padding:18px var(--space-6);border:var(--border-width) solid var(--color-border-strong);font-size:var(--font-size-ui);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.hero__button--primary{flex-basis:308px;color:var(--color-text-inverse);border-color:var(--color-coral);background:var(--color-coral)}.hero__button--secondary{background:var(--color-canvas)}.hero__button--secondary:hover{color:var(--color-text-inverse);background:var(--color-ink)}.hero__button-arrow{flex:0 0 auto;font-size:20px;font-weight:var(--font-weight-regular);line-height:var(--line-height-none);transition:transform var(--duration-fast) var(--ease-standard)}.hero__button--secondary:hover .hero__button-arrow{transform:translate(4px)}.hero__benefits{display:flex;width:100%;max-width:760px;margin-top:clamp(44px,6vh,68px);border:2px solid var(--color-border-strong)}.hero__benefit{display:flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0;height:53px;padding:0 10px;color:var(--color-text-inverse);font-family:var(--font-family-label);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:.11em;line-height:var(--line-height-none);text-align:center;text-transform:uppercase;white-space:nowrap}.hero__benefit+.hero__benefit{border-left:var(--border-width) solid rgb(17 17 17 / .34)}.hero__benefit--day{background:var(--color-product-day)}.hero__benefit--focus{background:var(--color-product-focus)}.hero__benefit--night{background:var(--color-product-night)}.hero__visual{position:relative;min-width:0;overflow:hidden;border-left:var(--border-width) solid var(--color-border-strong);background-color:var(--color-surface);background-image:linear-gradient(var(--color-grid) var(--border-width),transparent var(--border-width)),linear-gradient(90deg,var(--color-grid) var(--border-width),transparent var(--border-width));background-position:-1px -1px;background-size:50px 50px}.hero__visual-label{position:absolute;z-index:5;top:36px;left:40px;margin:0;color:#222;font-family:var(--font-family-label);font-size:var(--font-size-label);letter-spacing:.24em;line-height:var(--line-height-none);text-transform:uppercase}.hero__image{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero__strips{position:absolute;z-index:6;top:0;right:0;bottom:0;width:22px}.hero__strip{position:absolute;right:0;width:100%}.hero__strip--day{top:0;height:33.333%;background:var(--color-product-day)}.hero__strip--focus{top:33.333%;height:33.334%;background:var(--color-product-focus)}.hero__strip--night{bottom:0;height:33.333%;background:var(--color-product-night)}@media(max-width:1260px){.hero{grid-template-columns:48% 52%}.hero__content{padding-inline:clamp(24px,3.5vw,44px)}.hero__heading{font-size:clamp(56px,6.8vw,84px)}.hero__benefit{font-size:var(--font-size-caption)}}@media(max-width:1080px){.hero{grid-template-columns:1fr;min-height:0}.hero__content{min-height:660px;padding:72px clamp(24px,7vw,72px);transform:none}.hero__heading{font-size:clamp(64px,10vw,100px)}.hero__description{max-width:38em}.hero__visual{order:-1;min-height:620px;border-top:var(--border-width) solid var(--color-border-strong);border-left:0}}@media(max-width:640px){.hero__content{min-height:0;padding:56px var(--space-5) var(--space-12)}.hero__eyebrow{margin-bottom:38px}.hero__heading{margin-bottom:var(--space-6);font-size:clamp(50px,14.5vw,78px);line-height:1.02}.hero__description{margin-bottom:var(--space-8);font-size:var(--font-size-body);line-height:var(--line-height-relaxed)}.hero__button{min-height:72px;padding:14px 12px;gap:var(--space-2);font-size:var(--font-size-compact)}.hero__benefits{margin-top:var(--space-10)}.hero__benefit{height:48px;padding-inline:5px;font-size:.58rem;letter-spacing:.07em}.hero__visual{min-height:500px;background-size:36px 36px}.hero__visual-label{top:var(--space-5);left:var(--space-5)}.hero__strips{width:12px}}@media(prefers-reduced-motion:reduce){.hero__button,.hero__button-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/hero.css.map */
