.section--hero{padding-inline:0}.hero{position:relative;isolation:isolate;display:flex;overflow:hidden;min-height:68vh;min-height:68svh;background-color:var(--color-bg);color:var(--color-fg)}.hero[data-height=medium]{min-height:54vh;min-height:54svh}.hero[data-height=full]{min-height:100vh;min-height:100svh}@media(min-width:750px){.hero{min-height:78vh;min-height:78svh}.hero[data-height=medium]{min-height:58vh;min-height:58svh}}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;overflow:hidden;background-color:rgba(var(--color-fg-rgb),.06)}.hero__picture,.hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hero__image,.hero__placeholder>svg,.hero__placeholder>.placeholder-svg{width:100%;height:100%;object-fit:cover;object-position:var(--hero-focal, center)}.hero__media>.hero__wipe{position:absolute;top:0;right:0;bottom:0;left:0}.hero__wipe{z-index:3;display:block;pointer-events:none;--wipe-color: var(--color-ink-deep);--wipe-overhang: 160%}@media(max-aspect-ratio:2/5){.hero__wipe{--wipe-overhang: 260%}}@media(min-aspect-ratio:3/5){.hero__wipe{--wipe-overhang: 115%}}@media(min-aspect-ratio:1/1){.hero__wipe{--wipe-overhang: 75%}}@media(min-aspect-ratio:3/2){.hero__wipe{--wipe-overhang: 55%}}html.no-js .hero__wipe{display:none}.hero__video,.hero__frame{position:absolute;top:50%;left:50%;z-index:1;border:0;opacity:0;transform:translate(-50%,-50%);transition:opacity var(--dur-xl) var(--ease-out);pointer-events:none}.hero__video{width:100%;height:100%;object-fit:cover}.hero__frame{width:177.78vh;min-width:100%;height:56.25vw;min-height:100%}.hero__media[data-video-playing=true] .hero__video,.hero__media[data-video-playing=true] .hero__frame{opacity:1}@media(prefers-reduced-motion:reduce){.hero__video,.hero__frame{display:none}}.hero__video-toggle{position:absolute;z-index:4;inset-block-end:var(--space-s);inset-inline-end:var(--space-s);display:grid;place-items:center;width:var(--tap-min, 44px);height:var(--tap-min, 44px);color:var(--color-fg);border:var(--hairline) solid var(--color-line-strong);background:rgba(var(--color-bg-rgb),.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color var(--dur-s) var(--ease-out)}.hero__video-toggle:hover{background:rgba(var(--color-bg-rgb),.32)}.hero__video-icon{display:grid;place-items:center;grid-area:1 / 1}.hero__media[data-video-playing=true] .hero__video-icon--play,.hero__media:not([data-video-playing=true]) .hero__video-icon--pause{display:none}.hero__mark{position:absolute;top:50%;z-index:1;width:var(--mark-size, 62%);translate:0 -50%;opacity:var(--mark-opacity, .08);color:var(--color-fg);pointer-events:none}.hero__mark[data-mark-position=left]{inset-inline-start:-6%}.hero__mark[data-mark-position=right]{inset-inline-end:-6%}.hero__mark svg{width:100%;height:auto}@media(max-width:749px){.hero__mark{width:min(var(--mark-size, 62%),82%)}}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;--scrim-lift: calc(var(--hero-overlay, .3) + .34);background:linear-gradient(to top,rgba(var(--color-ink-rgb),var(--scrim-lift)),rgba(var(--color-ink-rgb),0) 58%),rgba(var(--color-ink-rgb),var(--hero-overlay, .3))}.hero[data-pos-y=top] .hero__scrim{background:linear-gradient(to bottom,rgba(var(--color-ink-rgb),var(--scrim-lift)),rgba(var(--color-ink-rgb),0) 58%),rgba(var(--color-ink-rgb),var(--hero-overlay, .3))}.hero[data-pos-y=middle] .hero__scrim{background:radial-gradient(120% 80% at 50% 50%,rgba(var(--color-ink-rgb),var(--scrim-lift)),rgba(var(--color-ink-rgb),0) 70%),rgba(var(--color-ink-rgb),var(--hero-overlay, .3))}.hero[data-pos-x=start] .hero__scrim:after,.hero[data-pos-x=end] .hero__scrim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.hero[data-pos-x=start] .hero__scrim:after{background:linear-gradient(to right,rgba(var(--color-ink-rgb),.3),rgba(var(--color-ink-rgb),0) 62%)}.hero[data-pos-x=end] .hero__scrim:after{background:linear-gradient(to left,rgba(var(--color-ink-rgb),.3),rgba(var(--color-ink-rgb),0) 62%)}[dir=rtl] .hero[data-pos-x=start] .hero__scrim:after{background:linear-gradient(to left,rgba(var(--color-ink-rgb),.3),rgba(var(--color-ink-rgb),0) 62%)}[dir=rtl] .hero[data-pos-x=end] .hero__scrim:after{background:linear-gradient(to right,rgba(var(--color-ink-rgb),.3),rgba(var(--color-ink-rgb),0) 62%)}.hero__inner{position:relative;z-index:3;display:grid;width:100%;max-width:var(--page-max);margin-inline:auto;padding-block:calc(var(--header-height) + var(--space-l)) var(--space-2xl);padding-inline:var(--gutter)}.hero[data-pos-y=top] .hero__inner{align-content:start}.hero[data-pos-y=middle] .hero__inner{align-content:center}.hero[data-pos-y=bottom] .hero__inner{align-content:end}.hero[data-pos-x=start] .hero__inner{justify-items:start}.hero[data-pos-x=center] .hero__inner{justify-items:center}.hero[data-pos-x=end] .hero__inner{justify-items:end}.hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-s);max-width:min(46ch,100%);text-align:start}.hero[data-align=center] .hero__content{align-items:center;text-align:center}.hero[data-align=end] .hero__content{align-items:flex-end;text-align:end}.hero__eyebrow{color:var(--color-fg);opacity:.72;margin:0}.hero__heading{margin:0;font-size:var(--fs-display);line-height:1.02;max-width:18ch}.hero[data-align=center] .hero__heading{max-width:22ch}@media(min-width:750px){.hero[data-heading-size=regular] .hero__heading{font-size:calc(var(--fs-display) * .8);line-height:1.05}.hero[data-heading-size=large] .hero__heading{font-size:calc(var(--fs-display) * 1.1);line-height:1}.hero[data-heading-size=display] .hero__heading{font-size:calc(var(--fs-display) * 1.3);line-height:.96}.hero[data-heading-size=large] .hero__content{max-width:min(100%,44rem)}.hero[data-heading-size=display] .hero__content{max-width:min(100%,50rem)}}.hero__heading.font-editorial{line-height:1.05}.hero__subheading{max-width:42ch;color:var(--color-fg);opacity:.78;font-size:.9375rem}.hero__actions-mask{margin-top:var(--space-2xs)}.hero__actions-mask:focus-within{overflow:visible}.hero__actions-mask>.hero__actions{display:flex;margin-top:0}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-2xs)}.hero__content>[data-animate]{will-change:auto}.hero__scroll{display:none;position:absolute;z-index:3;inset-block-end:var(--space-m);inset-inline-start:50%;transform:translate(-50%);flex-direction:column;align-items:center;gap:10px;pointer-events:none;color:var(--color-fg)}@media(min-width:750px){.hero__scroll{display:flex}}[dir=rtl] .hero__scroll{transform:translate(50%)}.hero__scroll-label{font-size:.5625rem;font-weight:500;letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;opacity:.6}.hero__scroll-line{position:relative;display:block;width:1px;height:48px;overflow:hidden;background:rgba(var(--color-fg-rgb),.22)}.hero__scroll-line:after{content:"";position:absolute;inset-inline:0;top:0;height:40%;background:var(--color-fg);animation:najibs-hero-cue calc(2.2s * var(--motion-scale)) var(--ease-in-out) infinite}@keyframes najibs-hero-cue{0%{transform:translateY(-100%)}60%,to{transform:translateY(250%)}}@media(prefers-reduced-motion:reduce){.hero__scroll-line:after{animation:none;transform:none}}@media(max-width:749px){.hero__inner{padding-block:calc(var(--header-height) + var(--space-m)) var(--space-xl)}.hero__content{max-width:100%;gap:var(--space-xs)}.hero__heading{max-width:16ch}.hero[data-pos-x=end] .hero__inner{justify-items:start}.hero[data-align=end] .hero__content{align-items:flex-start;text-align:start}.hero__scrim{background:rgba(var(--color-ink-rgb),min(.82,calc(var(--hero-overlay, .3) + .08)))}.hero__actions-mask,.hero__actions{width:100%}.hero__actions .btn{flex:1 1 auto}.hero__actions .btn:nth-child(n+2){--btn-bg: transparent;--btn-fg: var(--color-fg);--btn-border: var(--color-line-strong);color:var(--color-fg)}.hero__actions .btn:nth-child(n+2):after{background:var(--color-fg)}.hero__actions .btn:nth-child(n+2):hover:not([disabled]),.hero__actions .btn:nth-child(n+2):focus-visible:not([disabled]){color:var(--color-bg);border-color:var(--color-fg)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-hero.css.map */