.laylo-hero{position:relative;overflow:hidden;height:100svh;min-height:640px;isolation:isolate}.laylo-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform:scale(1.25);will-change:transform;animation:laylo-hero-parallax linear both;animation-timeline:view(block);animation-range:exit 0% exit 100%}.laylo-hero__image{display:block;width:100%;height:100%;object-fit:cover;max-width:none}.laylo-hero__image--placeholder{background-color:#2a1f1a}.laylo-hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(20,13,10,.25) 0%,transparent 40%),linear-gradient(to top,rgba(20,13,10,.72) 0%,rgba(20,13,10,.1) 55%,transparent 100%)}.laylo-hero__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;animation:laylo-hero-scroll-fade linear both;animation-timeline:view(block);animation-range:exit 0% exit 100%}.laylo-hero__inner{padding:0 1.5rem 3rem}.laylo-hero__eyebrow{font-family:var(--font-body--family, system-ui, sans-serif);font-size:.62rem;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent-laylo, #C8A8A0);margin:0 0 1.5rem;opacity:0;transform:translateY(12px);animation:laylo-fade-up .4s var(--ease-out, cubic-bezier(.16, 1, .3, 1)) .8s forwards}.laylo-hero__heading-wrap{overflow:visible;padding-bottom:.15em;margin-bottom:1.5rem}.laylo-hero__heading{font-family:var(--font-heading--family, Georgia, serif);font-size:clamp(3.5rem,9.5vw,8.5rem);font-weight:400;line-height:.95;color:var(--laylo-cream);letter-spacing:-.01em;margin:0;opacity:0;transform:translateY(105%);animation:laylo-slide-up 1.3s var(--ease-out, cubic-bezier(.16, 1, .3, 1)) .55s forwards}.laylo-hero__heading em{font-style:italic}.laylo-hero__footer{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;opacity:0;transform:translateY(16px);animation:laylo-fade-up 1.1s var(--ease-out, cubic-bezier(.16, 1, .3, 1)) 1.1s forwards}.laylo-hero__body{font-family:var(--font-body--family, system-ui, sans-serif);font-size:.9rem;font-weight:300;line-height:1.6;color:#f5f1eaa6;max-width:28ch;margin:0}.laylo-hero__cta{display:inline-flex;align-items:center;gap:1rem;text-decoration:none;flex-shrink:0;transition:opacity .4s ease;min-height:44px}.laylo-hero__cta:hover{opacity:.6}.laylo-hero__cta:focus-visible{outline:2px solid #FFFFFF;outline-offset:6px;border-radius:2px}.laylo-hero__cta-line{display:block;width:40px;height:1px;background-color:#f5f1ea80;flex-shrink:0;transition:width .4s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.laylo-hero__cta:hover .laylo-hero__cta-line,.laylo-hero__cta:focus-visible .laylo-hero__cta-line{width:56px}.laylo-hero__cta-label{font-family:var(--font-body--family, system-ui, sans-serif);font-size:.62rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#f5f1eabf}.laylo-hero__meta{display:none;position:absolute;top:5rem;right:2rem;text-align:right;margin:0;font-family:var(--font-body--family, system-ui, sans-serif);font-size:.58rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:#f5f1ea59;line-height:1.6;opacity:0;animation:laylo-fade-in 1s ease 1.5s forwards}.laylo-hero__meta span{display:block}@keyframes laylo-fade-up{to{opacity:1;transform:translateY(0)}}@keyframes laylo-slide-up{to{opacity:1;transform:translateY(0)}}@keyframes laylo-fade-in{to{opacity:1}}@keyframes laylo-hero-scroll-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(35%)}}@keyframes laylo-hero-parallax{0%{transform:scale(1.25) translateY(0)}to{transform:scale(1.25) translateY(10%)}}@media screen and (min-width:750px){.laylo-hero__inner{padding:0 4rem 5rem}.laylo-hero__footer{flex-direction:row;align-items:flex-end;gap:4rem}.laylo-hero__meta{display:block;top:5rem;right:4rem}}@media(prefers-reduced-motion:reduce){.laylo-hero__eyebrow,.laylo-hero__heading,.laylo-hero__footer,.laylo-hero__meta{opacity:1;transform:none;animation:none}.laylo-hero__content{animation:none}.laylo-hero__media{transform:none;will-change:auto;animation:none}.laylo-hero__cta,.laylo-hero__cta-line{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/laylo-hero.css.map */