.fn-hero{display:grid;grid-template-columns:var(--fn-sidebar-w, 520px) 1fr;min-height:100vh;background:var(--fn-bg-deep);color:var(--fn-cream)}.fn-hero__sidebar{background:var(--fn-bg-deep);color:var(--fn-cream);padding:36px 64px 56px;display:flex;flex-direction:column;min-height:100vh}.fn-hero__logo{font-family:var(--fn-display);font-size:28px;letter-spacing:4px;text-transform:uppercase;margin-bottom:60px}.fn-hero__body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:28px;max-width:380px}.fn-hero__body>*{width:100%}.fn-hero__footer{margin-top:40px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:500;line-height:2;opacity:.85}.fn-hero__footer a{border-bottom:1px solid var(--fn-line-dark);padding-bottom:1px}.fn-hero__scroll{margin-top:36px;display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:2.6px;text-transform:uppercase;font-weight:500;opacity:.75}.fn-hero__scroll-line{width:36px;height:1px;background:currentColor;opacity:.5}.fn-hero__scroll-chev{width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);animation:fn-hero-bounce 2.4s ease-in-out infinite}@keyframes fn-hero-bounce{0%,to{transform:rotate(45deg) translate(0);opacity:.7}50%{transform:rotate(45deg) translate(2px,2px);opacity:1}}.fn-hero__gallery{position:sticky;top:0;height:100vh;overflow:hidden;background:#2a1d17}.fn-hero__frame{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.05);transition:opacity var(--fn-fade-dur, 2.5s) ease-in-out,transform 6s ease-out}.fn-hero__frame.is-active{opacity:1;transform:scale(1)}.fn-hero__gallery:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#1f161259,#1f161200 35%);pointer-events:none}.fn-hero__tag{position:absolute;bottom:36px;right:36px;z-index:4;font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:500;color:var(--fn-cream);background:#1f16128c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 16px;border:1px solid var(--fn-line-dark)}@media(max-width:900px){.fn-hero{grid-template-columns:1fr}.fn-hero__sidebar{padding:28px 24px 48px;min-height:auto}.fn-hero__body{padding:30px 0;max-width:100%}.fn-hero__gallery{position:relative;height:70vh;top:auto}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/fiena-hero.css.map */