.dn-hero{position:relative;display:grid;grid-template-columns:1fr;background-color:var(--dn-ink-900);isolation:isolate}@media screen and (min-width:750px){.dn-hero--split{grid-template-columns:1fr 1fr}.dn-hero--split .dn-hero__panel+.dn-hero__panel{border-inline-start:var(--dn-border-width) solid rgb(255 255 255 / .18)}}.dn-hero__panel{position:relative;display:flex;align-items:end;min-height:var(--dn-hero-height, clamp(460px, 68vh, 720px));padding:var(--dn-space-8) var(--dn-gutter) var(--dn-space-10);overflow:hidden;color:var(--dn-white)}.dn-hero--single .dn-hero__panel{min-height:var(--dn-hero-height, clamp(520px, 80vh, 820px))}@media screen and (min-width:990px){.dn-hero__panel{padding-block-end:var(--dn-space-12)}}.dn-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.dn-hero__media img,.dn-hero__media video{width:100%;height:100%;object-fit:cover;object-position:var(--dn-hero-focus, center)}.dn-hero__media--empty{background:radial-gradient(120% 90% at 20% 0%,rgb(40 50 74 / .9),transparent 60%),linear-gradient(165deg,var(--dn-ink-700),var(--dn-ink-900))}.dn-hero__media--empty:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to bottom,rgb(255 255 255 / .05) 0,rgb(255 255 255 / .05) 2px,transparent 2px,transparent 14px)}.dn-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,rgb(18 35 63 / var(--dn-hero-scrim, .82)),rgb(18 35 63 / calc(var(--dn-hero-scrim, .82) * .55)) 45%,rgb(18 35 63 / calc(var(--dn-hero-scrim, .82) * .15)))}.dn-hero__slats{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:repeating-linear-gradient(to bottom,rgb(18 35 63 / .28) 0,rgb(18 35 63 / .28) 3px,transparent 3px,transparent 12px);transition:opacity var(--dn-duration-slower) var(--dn-ease-out)}.dn-hero__content{position:relative;display:grid;justify-items:start;gap:var(--dn-space-5);width:100%;max-width:min(46ch,100%)}.dn-hero--single .dn-hero__content{max-width:min(56ch,100%)}.dn-hero__eyebrow{color:#ffffffb8}.dn-hero__eyebrow:before,.dn-hero__eyebrow:after{background-color:var(--dn-color-accent)}.dn-hero__title{font-family:var(--dn-font-heading);font-size:var(--dn-hero-title, var(--dn-size-h1));font-weight:var(--dn-weight-semibold);line-height:var(--dn-leading-display);letter-spacing:var(--dn-tracking-display);color:var(--dn-white);text-wrap:balance;max-width:17ch}.dn-hero--single .dn-hero__title{font-size:var(--dn-size-display);max-width:14ch}.dn-hero__text{max-width:40ch;font-size:var(--dn-size-body-lg);line-height:var(--dn-leading-relaxed);color:#ffffffc7}.dn-hero__actions{display:flex;flex-wrap:wrap;gap:var(--dn-space-3);margin-block-start:var(--dn-space-2)}.dn-hero__panel-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.dn-hero__actions,.dn-hero__content{z-index:2}@media(hover:hover)and (min-width:750px){.dn-hero__panel .dn-hero__media img{transition:transform var(--dn-duration-slower) var(--dn-ease-out)}.dn-hero__panel:hover .dn-hero__media img{transform:scale(1.03)}.dn-hero__panel:hover .dn-hero__slats{opacity:.25}.dn-hero--split.dn-hero--scrim:hover .dn-hero__panel{--dn-hero-scrim: .9}.dn-hero--split.dn-hero--scrim .dn-hero__panel:hover{--dn-hero-scrim: .68}}@media(prefers-reduced-motion:no-preference){.dn-hero__content>*{animation:dn-hero-in var(--dn-duration-slower) var(--dn-ease-out) backwards}.dn-hero__content>*:nth-child(1){animation-delay:60ms}.dn-hero__content>*:nth-child(2){animation-delay:.14s}.dn-hero__content>*:nth-child(3){animation-delay:.22s}.dn-hero__content>*:nth-child(4){animation-delay:.3s}.dn-hero__panel+.dn-hero__panel .dn-hero__content>*:nth-child(1){animation-delay:.14s}.dn-hero__panel+.dn-hero__panel .dn-hero__content>*:nth-child(2){animation-delay:.22s}.dn-hero__panel+.dn-hero__panel .dn-hero__content>*:nth-child(3){animation-delay:.3s}.dn-hero__panel+.dn-hero__panel .dn-hero__content>*:nth-child(4){animation-delay:.38s}}@keyframes dn-hero-in{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}.dn-hero-strip{background-color:var(--dn-ink-800);color:var(--dn-white);border-block-start:var(--dn-border-width) solid rgb(255 255 255 / .12)}.dn-hero-strip__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dn-space-3) var(--dn-space-6);padding-block:var(--dn-space-3)}@media screen and (min-width:750px){.dn-hero-strip__inner{grid-template-columns:repeat(4,minmax(0,1fr))}}.dn-hero-strip__item{display:flex;align-items:center;gap:var(--dn-space-3);font-size:var(--dn-size-caption);color:#ffffffd1;min-width:0;white-space:nowrap}.dn-hero-strip__item>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.dn-hero-strip__item .dn-icon{color:var(--dn-color-accent);flex-shrink:0}.dn-hero--slider{display:grid}.dn-hero--slider .dn-hero__panel{grid-area:1 / 1;visibility:hidden;opacity:0;transition:opacity var(--dn-hero-fade, var(--dn-duration-slower)) var(--dn-ease-standard),visibility 0s linear var(--dn-hero-fade, var(--dn-duration-slower))}.dn-hero--slider[data-transition=slats]{--dn-hero-fade: var(--dn-duration-fast)}.dn-hero--slider .dn-hero__panel.is-active{visibility:visible;opacity:1;transition-delay:0s;z-index:1}.dn-hero--slider .dn-hero__panel.is-leaving{visibility:visible;opacity:1}.dn-hero__wipe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;pointer-events:none;visibility:hidden}.dn-hero__wipe.is-running{visibility:visible}.dn-hero__wipe span{flex:1;background-color:var(--dn-ink-900);transform:scaleY(1);transform-origin:top}.dn-hero__wipe.is-open span{transform:scaleY(0);transition:transform var(--dn-duration-slow) var(--dn-ease-out);transition-delay:calc(var(--i) * 45ms)}.dn-hero__wipe span:nth-child(2n){transform-origin:bottom}@media(prefers-reduced-motion:reduce){.dn-hero__wipe{display:none}}.dn-hero__nav{position:absolute;z-index:4;inset-inline:var(--dn-gutter);inset-block-end:var(--dn-space-5);display:flex;gap:var(--dn-space-3);align-items:center}@media screen and (min-width:990px){.dn-hero__nav{inset-inline-start:auto;inset-inline-end:var(--dn-gutter);inset-block-end:var(--dn-space-8);width:min(420px,42vw)}}.dn-hero__arrow{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:var(--dn-border-width) solid var(--dn-hero-nav-line, rgb(255 255 255 / .35));border-radius:var(--dn-radius-sm);background-color:var(--dn-hero-nav-bg, rgb(18 35 63 / .45));color:var(--dn-hero-nav-fg, var(--dn-white));cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color var(--dn-duration-fast) var(--dn-ease-standard),border-color var(--dn-duration-fast) var(--dn-ease-standard),color var(--dn-duration-fast) var(--dn-ease-standard)}.dn-hero__arrow:hover{background-color:var(--dn-color-accent);border-color:var(--dn-color-accent);color:var(--dn-color-accent-contrast)}.dn-hero__arrow:focus-visible{outline:var(--dn-focus-ring);outline-offset:3px}.dn-hero__dots{display:flex;flex:1;gap:var(--dn-space-2);align-items:center;min-width:0}.dn-hero__dot{display:flex;align-items:center;flex:1;height:44px;min-width:28px;padding:0;border:0;background:none;cursor:pointer}.dn-hero__dot-bar{position:relative;display:block;width:100%;height:3px;overflow:hidden;border-radius:2px;background-color:var(--dn-hero-nav-track, rgb(255 255 255 / .3));transition:height var(--dn-duration-fast) var(--dn-ease-out),background-color var(--dn-duration-fast) var(--dn-ease-standard)}.dn-hero__dot:hover .dn-hero__dot-bar{height:6px}.dn-hero__dot.is-active .dn-hero__dot-bar{height:6px;background-color:var(--dn-hero-nav-track-active, rgb(255 255 255 / .5))}.dn-hero__dot-bar:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:0;background-color:var(--dn-color-accent);border-radius:inherit}.dn-hero__dot.is-active .dn-hero__dot-bar:after{width:100%}@media(prefers-reduced-motion:no-preference){.dn-hero__dot.is-active.is-timing .dn-hero__dot-bar:after{animation:dn-dot-fill var(--dn-hero-interval, 7s) linear forwards}.dn-hero--slider.is-paused .dn-hero__dot.is-active.is-timing .dn-hero__dot-bar:after{animation-play-state:paused}}@keyframes dn-dot-fill{0%{width:0}to{width:100%}}.dn-hero__dot:focus-visible{outline:var(--dn-focus-ring);outline-offset:-4px;border-radius:var(--dn-radius-sm)}.dn-hero__counter{flex-shrink:0;font-family:var(--dn-font-heading);font-size:var(--dn-size-caption);font-variant-numeric:tabular-nums;letter-spacing:var(--dn-tracking-wide);color:var(--dn-hero-nav-muted, rgb(255 255 255 / .7))}.dn-hero__counter [data-ref=counter]{color:var(--dn-hero-nav-fg, var(--dn-white))}.dn-hero--duo{--dn-hero-nav-line: var(--dn-color-line);--dn-hero-nav-bg: var(--dn-color-surface);--dn-hero-nav-fg: var(--dn-color-heading);--dn-hero-nav-muted: var(--dn-color-text-muted);--dn-hero-nav-track: var(--dn-color-line);--dn-hero-nav-track-active: var(--dn-gray-400)}.dn-hero--slider .dn-hero__panel{padding-block-end:var(--dn-space-16)}@media screen and (min-width:990px){.dn-hero--slider .dn-hero__panel{padding-block-end:var(--dn-space-16)}}.dn-hero--slider .dn-hero__content{max-width:min(52ch,100%)}.dn-hero--slider .dn-hero__title{max-width:15ch;font-size:var(--dn-size-display)}@media(prefers-reduced-motion:no-preference){.dn-hero--slider .dn-hero__panel .dn-hero__content>*{animation:none}.dn-hero--slider .dn-hero__panel.is-active .dn-hero__content>*{animation:dn-hero-in var(--dn-duration-slower) var(--dn-ease-out) backwards}.dn-hero--slider .dn-hero__panel.is-active .dn-hero__content>*:nth-child(1){animation-delay:.22s}.dn-hero--slider .dn-hero__panel.is-active .dn-hero__content>*:nth-child(2){animation-delay:.3s}.dn-hero--slider .dn-hero__panel.is-active .dn-hero__content>*:nth-child(3){animation-delay:.38s}.dn-hero--slider .dn-hero__panel.is-active .dn-hero__content>*:nth-child(4){animation-delay:.46s}}.dn-hero--duo{background-color:var(--dn-color-bg);color:var(--dn-color-text)}.dn-hero--duo .dn-hero__panel{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:var(--dn-space-8);min-height:0;padding:var(--dn-space-10) var(--dn-gutter);overflow:visible;color:var(--dn-color-text)}@media screen and (min-width:990px){.dn-hero--duo .dn-hero__panel{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--dn-space-10);padding-block:var(--dn-space-8);min-height:0}}.dn-hero--duo .dn-hero__media{max-height:min(var(--dn-hero-height, 46vh),420px)}.dn-hero--duo .dn-hero__media img,.dn-hero--duo .dn-hero__media video{object-fit:contain}.dn-hero--duo .dn-hero__content{order:1;max-width:min(38ch,100%);align-content:center}.dn-hero--duo .dn-hero__media{position:relative;inset:auto;z-index:0;order:2;aspect-ratio:var(--dn-hero-duo-ratio, 4 / 3);border-radius:var(--dn-radius-media);overflow:hidden;background-color:var(--dn-color-surface-sunken)}@media screen and (min-width:990px){.dn-hero--duo .dn-hero__media{aspect-ratio:var(--dn-hero-duo-ratio, 3 / 2)}}.dn-hero--duo .dn-hero__title{color:var(--dn-color-heading);max-width:14ch;font-size:clamp(1.9rem,1.1rem + 2.2vw,3rem)}.dn-hero--duo .dn-hero__text{color:var(--dn-color-text-muted);max-width:38ch;font-size:var(--dn-size-body)}.dn-hero--duo .dn-hero__eyebrow{color:var(--dn-color-text-muted)}.dn-hero--duo .dn-hero__scrim,.dn-hero--duo .dn-hero__slats,.dn-hero--duo .dn-hero__panel-link{display:none}.dn-hero--duo .dn-hero__nav{position:static;z-index:auto;inset:auto;padding-inline:var(--dn-gutter);padding-block-end:var(--dn-space-6)}.dn-hero--duo.dn-hero--slider{display:grid}@media screen and (min-width:990px){.dn-hero--duo .dn-hero__panel--media{grid-template-columns:minmax(0,1fr);gap:var(--dn-space-5)}}.dn-hero--duo .dn-hero__panel--media .dn-hero__media{order:1;aspect-ratio:var(--dn-hero-duo-ratio, 3 / 2)}.dn-hero--duo .dn-hero__panel--media .dn-hero__media{aspect-ratio:auto;max-height:min(var(--dn-hero-height, 46vh),420px)}.dn-hero--duo .dn-hero__panel--media .dn-hero__media{display:grid;place-items:center}.dn-hero--duo .dn-hero__panel--media .dn-hero__media img,.dn-hero--duo .dn-hero__panel--media .dn-hero__media video{width:auto;height:auto;max-width:100%;max-height:min(var(--dn-hero-height, 46vh),420px);object-fit:contain}.dn-hero--duo .dn-hero__panel--media .dn-hero__media--empty{aspect-ratio:2.4 / 1}.dn-hero--duo .dn-hero__panel--media .dn-hero__content{order:2;justify-items:center;max-width:60ch;margin-inline:auto;text-align:center}.dn-hero--duo .dn-hero__panel--media .dn-hero__text{max-width:none}.dn-hero--stage{--dn-hero-nav-line: var(--dn-color-line);--dn-hero-nav-bg: var(--dn-color-surface);--dn-hero-nav-fg: var(--dn-color-heading);--dn-hero-nav-muted: var(--dn-color-text-muted);--dn-hero-nav-track: var(--dn-color-line);--dn-hero-nav-track-active: var(--dn-gray-400);background-color:var(--dn-color-bg);color:var(--dn-color-text);padding-block-start:var(--dn-space-3)}.dn-hero--stage .dn-hero__panel,.dn-hero--stage .dn-hero__nav{width:100%;max-width:var(--dn-page-max);margin-inline:auto;padding-inline:var(--dn-gutter)}.dn-hero--stage .dn-hero__panel{display:grid;grid-template-rows:auto auto;align-content:start;gap:var(--dn-space-4);min-height:0;padding-block:0;overflow:visible;color:var(--dn-color-text)}.dn-hero--stage .dn-hero__media{position:relative;inset:auto;z-index:0;aspect-ratio:4 / 3;border-radius:var(--dn-radius-media);overflow:hidden;background-color:var(--dn-ink-900)}@media screen and (min-width:750px){.dn-hero--stage .dn-hero__media{aspect-ratio:21 / 9;width:100%;max-height:max(320px,calc(100svh - 440px))}}.dn-hero--stage .dn-hero__media img,.dn-hero--stage .dn-hero__media video{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover}.dn-hero__media-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.dn-hero--stage .dn-hero__scrim,.dn-hero--stage .dn-hero__slats{display:none}.dn-hero--stage .dn-hero__content{max-width:none;gap:var(--dn-space-3);grid-template-areas:"eyebrow" "title" "text" "actions"}@media screen and (min-width:990px){.dn-hero--stage .dn-hero__content{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"eyebrow eyebrow" "title   text" "title   actions";column-gap:var(--dn-space-12);align-items:end}}.dn-hero--stage .dn-hero__eyebrow{grid-area:eyebrow;color:var(--dn-color-text-muted)}.dn-hero--stage .dn-hero__title{grid-area:title;align-self:start;max-width:18ch;font-size:clamp(1.75rem,1.15rem + 1.6vw,2.6rem);color:var(--dn-color-heading)}.dn-hero--stage .dn-hero__text{grid-area:text;max-width:52ch;font-size:var(--dn-size-body);color:var(--dn-color-text-muted)}.dn-hero--stage .dn-hero__actions{grid-area:actions;margin:0}@media screen and (max-width:989px){.dn-hero--stage .dn-hero__actions{width:100%}.dn-hero--stage .dn-hero__actions .dn-btn{flex:1 1 auto;justify-content:center;white-space:nowrap}}.dn-hero--stage .dn-hero__nav{position:static;inset:auto;z-index:auto;margin-block-start:var(--dn-space-3);padding-block-end:var(--dn-space-6);width:100%}.dn-hero--stage .dn-hero__dots{gap:var(--dn-space-4);align-items:stretch}.dn-hero--stage .dn-hero__dot{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--dn-space-2);height:auto;min-height:44px;padding-block:var(--dn-space-2) 0;text-align:start}.dn-hero__dot-label{display:none}.dn-hero--stage .dn-hero__dot-label{display:block;overflow:hidden;font-family:var(--dn-font-heading);font-size:var(--dn-size-caption);color:var(--dn-color-text-muted);white-space:nowrap;text-overflow:ellipsis;transition:color var(--dn-duration-fast) var(--dn-ease-standard)}.dn-hero--stage .dn-hero__dot:hover .dn-hero__dot-label,.dn-hero--stage .dn-hero__dot.is-active .dn-hero__dot-label{color:var(--dn-color-heading);font-weight:var(--dn-weight-semibold)}.dn-hero--stage .dn-hero__dot .dn-hero__dot-bar,.dn-hero--stage .dn-hero__dot:hover .dn-hero__dot-bar,.dn-hero--stage .dn-hero__dot.is-active .dn-hero__dot-bar{height:3px}@media screen and (max-width:749px){.dn-hero--stage .dn-hero__dot-label{display:none}.dn-hero--stage .dn-hero__dots{gap:var(--dn-space-2)}}@media(prefers-reduced-motion:no-preference){.dn-hero--stage .dn-hero__panel .dn-hero__media img{transform:scale(1.04);transition:transform 1.6s var(--dn-ease-out)}.dn-hero--stage .dn-hero__panel.is-active .dn-hero__media img{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/denet-hero.css.map */