/* Step 02: setup is a secondary action; the film stays available below. */
.nx-home-hero__button--setup{background:rgba(20,23,26,.15);color:#fff;max-width:100%;text-align:center;white-space:normal}
.nx-home-hero__button--setup:hover{background:rgba(255,255,255,.13);color:#fff;transform:translateY(-2px)}
.nx-home-hero__film-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:8px;color:#fff;font-size:15px;line-height:1.4;text-decoration:none}
.nx-home-hero__film-link svg{flex-shrink:0}
.nx-home-hero__film-link:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.nx-home-hero__film-link:focus-visible{outline:3px solid #00c9ed;outline-offset:5px;border-radius:3px}
.nx-home-hero__film-link+.nx-home-hero__note{margin-top:3px}
/* Foreground shares the header's Bootstrap container. Only the interior bleeds. */
.nx-home-hero{--nx-frame:1140px;position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:590px;padding:0!important;background:#252321;color:#fff;display:flex;align-items:center}
/* A soft continuation is exposed only beyond the wide outpainted photograph. */
.nx-home-hero::before{content:"";position:absolute;inset:-12px;z-index:-4;background:url('../img/home-hero-background-v3.webp') center/cover no-repeat;filter:blur(8px)}
.nx-home-hero__picture{position:absolute;left:50%;top:50%;width:calc(var(--nx-frame)*2.6);aspect-ratio:3/1;transform:translate(-50%,-50%);z-index:-3;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.nx-home-hero__photo{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.nx-home-hero__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(110deg,rgba(12,15,17,.9),rgba(19,22,24,.8));clip-path:polygon(0 0,calc(50% + 50px) 0,calc(50% - 70px) 100%,0 100%)}
.nx-home-hero__inner{position:relative}
.nx-home-hero__content{width:50%;padding:48px 15px}
.nx-home-hero__eyebrow{font-size:11px;line-height:1.65;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:#e5e8ea;margin:0 0 23px;max-width:95%}
.nx-home-hero h1{font-family:'Oswald',sans-serif!important;font-size:66px;font-weight:700;line-height:1.12;letter-spacing:-.035em;text-transform:uppercase;color:#fff;margin:0 0 26px}
html[lang=es] .nx-home-hero h1,html[lang=cs] .nx-home-hero h1{font-size:57px}
.nx-home-hero h1 span{display:block;white-space:nowrap}
.nx-home-hero__lead{font-size:21px;line-height:1.45;color:#fff;margin:0 0 13px;font-weight:400}
.nx-home-hero__description{font-size:16px;line-height:1.65;color:#d3d6d8;margin:0 0 29px;max-width:97%}
.nx-home-hero__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nx-home-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(255,255,255,.78);border-radius:999px;padding:15px 25px;font-size:16px;line-height:1.3;font-weight:500;min-height:54px;transition:background .2s,color .2s,transform .2s;text-decoration:none}
.nx-home-hero__button--primary{background:#fff;color:#14171a}
.nx-home-hero__button--film{background:rgba(20,23,26,.15);color:#fff}
.nx-home-hero__button--primary:hover{color:#14171a;background:#e9f8fc;transform:translateY(-2px)}
.nx-home-hero__button--film:hover{background:rgba(255,255,255,.13);color:#fff;transform:translateY(-2px)}
.nx-home-hero__button:focus-visible,.nx-home-film__close:focus-visible{outline:3px solid #00c9ed;outline-offset:5px}
.nx-home-hero__note{color:#c8cccf;font-size:12px;line-height:1.6;margin:17px 0 0}
.nx-home-hero~.nx-client-logos{margin-top:0!important;padding-top:42px!important;padding-bottom:24px!important;background:#fff}
.nx-home-film{position:fixed;inset:0;border:0;border-radius:12px;padding:0;background:#080a0b;color:#fff;width:min(1100px,94vw);max-width:94vw;max-height:90dvh;overflow:visible;margin:auto;box-shadow:0 20px 100px #0008}
.nx-home-film::backdrop{background:rgba(5,8,10,.88);backdrop-filter:blur(8px)}
.nx-home-film video{display:block;width:100%;max-height:83dvh;border-radius:12px}
.nx-home-film__close{position:absolute;right:0;top:-46px;background:#fff;border:0;border-radius:50%;width:36px;height:36px;line-height:32px;font-size:27px;color:#17191b;cursor:pointer}
html.nx-film-open{overflow:hidden}
@media(min-width:992px){.nx-home-hero{margin-top:90px!important}}
@media(min-width:1400px){.nx-home-hero{--nx-frame:1340px}.nx-home-hero h1{font-size:74px}html[lang=es] .nx-home-hero h1,html[lang=cs] .nx-home-hero h1{font-size:64px}}
@media(max-width:1199px){
 .nx-home-hero{min-height:0;display:block;padding:0!important;background:#191b1d}
 .nx-home-hero::before{display:none}
 .nx-home-hero__picture{top:auto;bottom:0;left:0;width:100%;height:51vw;aspect-ratio:auto;transform:none;mask-image:none}
 .nx-home-hero__photo{object-position:right center}
 .nx-home-hero__shade{clip-path:none;background:linear-gradient(180deg,#191b1d 0%,#191b1d 52%,rgba(25,27,29,.92) 60%,rgba(25,27,29,0) 77%)}
 .nx-home-hero__content{width:100%;padding:46px 15px calc(51vw + 10px)}
 .nx-home-hero h1,html[lang=es] .nx-home-hero h1,html[lang=cs] .nx-home-hero h1{font-size:clamp(38px,7.5vw,76px);line-height:1.12;letter-spacing:-.025em;margin-bottom:22px}
 .nx-home-hero__eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:20px}
 .nx-home-hero__lead{font-size:21px;max-width:640px}
 .nx-home-hero__description{font-size:16px;max-width:650px;margin-bottom:25px}
 .nx-home-hero__note{font-size:11px;margin-top:15px}
 .nx-home-hero__button{font-size:15px;padding:14px 22px;min-height:49px}
 .nx-home-hero~.nx-client-logos{padding-top:26px!important}
}
@media(max-width:575px){.nx-home-hero__inner{padding:0 6%}.nx-home-hero__content{padding-left:0;padding-right:0}}
@media(max-width:390px){.nx-home-hero__actions{gap:9px}.nx-home-hero__button{font-size:13px;padding:13px 17px}.nx-home-hero h1,html[lang=es] .nx-home-hero h1,html[lang=cs] .nx-home-hero h1{font-size:clamp(30px,9.4vw,36px)}.nx-home-hero__lead{font-size:19px}}
@media(prefers-reduced-motion:reduce){.nx-home-hero__button{transition:none}}

/* Homepage-only masthead overlays the photograph. Interior pages are unchanged. */
body:has(.nx-home-hero)>header .navbar{background:transparent!important;box-shadow:none!important}
body.nx-hero-scrolled:has(.nx-home-hero)>header .navbar{background:#14181bf5!important}
body:has(.nx-home-hero)>header .navbar .navbar-nav>.nav-item>.nav-link,
body:has(.nx-home-hero)>header .navbar .navbar-nav>.nav-item>.dropdown-toggle,
body:has(.nx-home-hero)>header .header-account>a,
body:has(.nx-home-hero)>header .header-account>a>span{color:#fff!important}
body:has(.nx-home-hero)>header .navbar-brand img{content:url('../img/logo-w.png')}
body:has(.nx-home-hero)>header .header-button>.btn-order{background:#fff!important;border-color:#fff!important;color:#15191d!important}
body:has(.nx-home-hero)>header .navbar-toggler-line{background:#fff!important}
body:has(.nx-home-hero)>header .navbar-collapse.show,
body:has(.nx-home-hero)>header .navbar-collapse.collapsing{background:#171b1e}
.nx-home-hero{margin-top:0!important;padding-top:90px!important;min-height:680px}
.nx-home-hero__topshade{position:absolute;inset:0 0 auto;height:145px;z-index:-1;background:linear-gradient(#101315c9,transparent);pointer-events:none}
@media(min-width:1200px){
 .nx-home-hero__detail,.nx-home-hero__display{position:absolute;left:calc(50% - var(--nx-frame)*.377);top:125px;width:calc(var(--nx-frame)*1.045);aspect-ratio:3/1;background:url('../img/home-hero-detail-v3.webp') center/100% 100% no-repeat;pointer-events:none}
 .nx-home-hero__detail{display:none}
 /* Feather only the diagonal overlay; the photograph and display layers stay sharp.
    120deg keeps the previous diagonal direction. Pixel offsets keep the fade
    consistent on ultrawide viewports instead of stretching with the viewport. */
 .nx-home-hero__shade{background:linear-gradient(110deg,rgba(8,11,13,.96),rgba(14,17,19,.91));clip-path:none;-webkit-mask-image:linear-gradient(120deg,#000 calc(50% + 13px),rgba(0,0,0,.95) calc(50% + 77px),rgba(0,0,0,.65) calc(50% + 157px),rgba(0,0,0,.18) calc(50% + 253px),transparent calc(50% + 333px));mask-image:linear-gradient(120deg,#000 calc(50% + 13px),rgba(0,0,0,.95) calc(50% + 77px),rgba(0,0,0,.65) calc(50% + 157px),rgba(0,0,0,.18) calc(50% + 253px),transparent calc(50% + 333px))}
 .nx-home-hero__display{z-index:-1}
 .nx-home-hero__display--menu{clip-path:polygon(41.3% 11.4%,67.1% 2%,67.1% 55.8%,41.3% 56.5%)}
 .nx-home-hero__display--fashion{clip-path:polygon(70% 7%,82.1% 2%,82.1% 83.5%,70% 82%)}
 .nx-home-hero__display--touch{top:90px;clip-path:polygon(47.4% 65%,62.1% 65%,61% 87%,61.5% 93.6%,60.3% 94.6%,53.2% 93.5%,51% 90.5%,45.8% 89.2%)}
}
@media(max-width:1199px){
 .nx-home-hero{padding-top:80px!important;min-height:0}
 .nx-home-hero__detail,.nx-home-hero__display{display:none}
 .nx-home-hero__shade{background:linear-gradient(180deg,#121619 0%,#121619 52%,rgba(18,22,25,.96) 60%,rgba(18,22,25,0) 77%)}
}
