.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding-top:calc(var(--header-height) + clamp(24px,4vh,60px));padding-bottom:clamp(56px,8vh,110px);overflow:hidden;isolation:isolate;background:var(--color-bg)}.hero--flip .hero__content{order:2}.hero--flip .hero__media{order:1}.hero-placeholder{width:100%;height:100%;background:#100c0c}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.hero__bg:before{content:"";position:absolute;inset:-20% -10% auto auto;width:70vw;height:70vw;background:radial-gradient(circle at 50% 50%,rgba(100,21,31,.72),rgba(100,21,31,.18) 45%,transparent 70%);filter:blur(10px);animation:hero-glow 16s ease-in-out infinite alternate}.hero__bg:after{content:"";position:absolute;inset:auto auto -25% -15%;width:55vw;height:55vw;background:radial-gradient(circle at 50% 50%,rgba(112,85,44,.34),transparent 68%);animation:hero-glow 21s ease-in-out infinite alternate-reverse}@keyframes hero-glow{0%{transform:translateZ(0) scale(1);opacity:.85}to{transform:translate3d(-4%,4%,0) scale(1.08);opacity:1}}.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr);align-items:center;gap:clamp(24px,3.5vw,64px);width:100%}.hero__content{position:relative;z-index:3;container-type:inline-size}.hero__eyebrow{margin-bottom:clamp(20px,3vh,34px);color:var(--color-gold)}.hero__title{margin:0;width:100%;max-width:none;color:var(--color-cream);font-size:clamp(1.95rem,4.2vw,8.6rem);font-size:clamp(1.95rem,11.5cqw,8.6rem)}.hero__title .mask-line>span{display:block}.hero__title .mask-line{margin-right:-.6em;padding-right:.6em}.hero__title .line-red{color:var(--color-accent);font-style:italic}.hero__statement{margin-top:clamp(22px,3.4vh,38px);font-family:var(--font-ui);font-size:clamp(.74rem,1.05vw,.92rem);font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#f8f5f0e6}.hero__desc{margin-top:18px;max-width:42ch;font-size:clamp(.9rem,1.05vw,1.02rem);font-weight:300;line-height:1.8;color:#f8f5f09e}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(28px,4vh,44px)}.hero__media{position:relative;z-index:2;width:100%;overflow:hidden;background:#100c0c;box-shadow:0 60px 120px -50px #000000e6}.hero__layer{position:absolute;top:0;right:0;bottom:0;left:0}.hero__layer--base{position:relative}.hero__layer--reveal{opacity:0;pointer-events:none}html:not(.js) .hero__layer--reveal{animation:hero-crossfade 18s var(--ease-inout) infinite}@keyframes hero-crossfade{0%,42%{opacity:0;transform:scale(1.05)}52%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.hero__layer img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero__layer--base img{height:auto}.hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .7s var(--ease-soft)}.hero__media.is-morphing .hero__canvas{opacity:1}.hero__frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px #f2e9dc24,inset 0 0 60px #0000006b,inset 0 -60px 80px #00000057;z-index:4}.hero__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(200deg,rgba(178,31,50,.22),transparent 45%),radial-gradient(60% 45% at 78% 12%,rgba(185,154,98,.24),transparent 70%);mix-blend-mode:screen;opacity:.9}.hero__meta{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:clamp(16px,2vw,26px);font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:#f8f5f0b8;background:linear-gradient(to top,rgba(6,5,5,.78),transparent)}.hero__meta span:last-child{color:var(--color-gold)}.hero__tag{position:absolute;top:clamp(14px,2vw,24px);left:clamp(14px,2vw,24px);z-index:5;padding:7px 13px;background:#0b09098c;border:1px solid rgba(242,233,220,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.56rem;letter-spacing:.26em;text-transform:uppercase;color:var(--color-cream)}.hero__hint{position:absolute;right:clamp(14px,2vw,24px);top:34%;z-index:6;display:flex;align-items:center;gap:10px;font-size:.55rem;letter-spacing:.24em;text-transform:uppercase;color:#f8f5f08c;writing-mode:vertical-rl;transform:translateY(-50%);pointer-events:none}.hero__hint:before{content:"";width:1px;height:46px;background:linear-gradient(to bottom,var(--color-accent),transparent)}.hero__scroll{position:absolute;left:var(--gutter);bottom:clamp(18px,3vh,34px);z-index:4;display:flex;align-items:center;gap:12px;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:#f8f5f070}.hero__scroll i{display:block;width:52px;height:1px;background:#f2e9dc4d;position:relative;overflow:hidden}.hero__scroll i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-accent);transform:translate(-100%);animation:scroll-line 2.6s var(--ease-inout) infinite}@keyframes scroll-line{0%{transform:translate(-100%)}55%{transform:translate(0)}to{transform:translate(100%)}}html.js .hero [data-intro]{opacity:0;will-change:opacity,transform}html.js .hero [data-intro=up]{transform:translateY(46px)}html.js .hero [data-intro=title]{opacity:1}html.js .hero [data-intro=title] .mask-line>span{transform:translateY(112%)}html.js .hero [data-intro=media]{clip-path:inset(100% 0 0 0);opacity:1}html.js .hero [data-intro=decor]{transform:translateY(18px) scale(.98)}html.js .hero.is-ready [data-intro]{transition:opacity 1s var(--ease-lux) var(--d, 0ms),transform 1.2s var(--ease-lux) var(--d, 0ms),clip-path 1.35s var(--ease-lux) var(--d, 0ms);opacity:1;transform:none;clip-path:inset(0 0 0 0)}html.js .hero.is-ready [data-intro=title] .mask-line>span{transition:transform 1.25s var(--ease-lux) var(--d, 0ms);transform:translateY(0)}html.js .hero.is-ready [data-intro=title] .mask-line:nth-child(1)>span{transition-delay:calc(var(--d, 0ms) + 0ms)}html.js .hero.is-ready [data-intro=title] .mask-line:nth-child(2)>span{transition-delay:calc(var(--d, 0ms) + 90ms)}html.js .hero.is-ready [data-intro=title] .mask-line:nth-child(3)>span{transition-delay:calc(var(--d, 0ms) + .18s)}html:not(.js) .hero [data-intro]{opacity:1;transform:none;clip-path:none}@media(max-width:1100px){.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(24px,3vw,44px)}}@media(max-width:900px){.hero{min-height:92vh;min-height:92svh;align-items:center}.hero__grid{grid-template-columns:1fr;gap:clamp(28px,6vw,46px)}.hero__media{position:relative;inset:auto;max-height:none;aspect-ratio:auto;z-index:2;box-shadow:0 40px 90px -50px #000000e6}.hero__canvas,.hero__hint{display:none}.hero__layer--reveal{animation:hero-crossfade 18s var(--ease-inout) infinite;will-change:opacity,transform}.hero__content{z-index:5}.hero__meta,.hero__tag{display:none}.hero__desc{max-width:34ch}.hero__actions .btn{flex:1 1 auto}.hero__scroll{display:none}}@media(max-width:560px){.hero{padding-bottom:clamp(40px,7vh,70px)}.hero__actions{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){.hero__bg:before,.hero__bg:after,.hero__scroll i:after{animation:none}.hero__canvas{display:none}.hero__layer--reveal{animation:none;opacity:0}html:not(.js) .hero__layer--reveal{animation:none;opacity:0}}.hero__hint{text-shadow:0 1px 8px rgba(0,0,0,.6);max-height:34%;overflow:hidden}@media(max-height:820px){.hero__hint{display:none}}.hero__meta{padding-right:clamp(16px,2vw,26px)}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hero.css.map */