.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html.product-popup-open,html.product-popup-open body{overflow:hidden!important;overscroll-behavior:none}
header nav a:nth-child(2),header nav a:nth-child(3){font-weight:700}
body>header{height:56px;padding:0 clamp(16px,2.2vw,30px);align-items:center}
.brand{position:absolute;left:40px;top:0;height:56px;display:inline-flex;align-items:center}
.brand img{width:94px;max-height:40px;height:auto;object-fit:contain;filter:none}
.mobile-nav{display:none;position:relative;margin-left:auto}.mobile-nav-button{width:40px;height:38px;padding:0;border:1px solid #ffffff24;border-radius:50%;background:#090b0db8;display:grid;place-content:center;gap:6px;cursor:pointer}.mobile-nav-button i{display:block;width:17px;height:1px;background:#eee;transition:transform .25s}.mobile-nav.is-open .mobile-nav-button i:first-child{transform:translateY(3.5px) rotate(45deg)}.mobile-nav.is-open .mobile-nav-button i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mobile-nav-menu{position:absolute;top:46px;right:0;width:142px;padding:8px;border:1px solid #ffffff1f;border-radius:12px;background:#080a0ced;box-shadow:0 18px 40px #0009;opacity:0;visibility:hidden;transform:translateY(-7px) scale(.97);transform-origin:top right;transition:opacity .22s,transform .22s,visibility 0s linear .22s}.mobile-nav.is-open .mobile-nav-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}.mobile-nav-menu a{display:block;padding:10px;border:0;border-radius:8px;color:#ddd;font-weight:700}.mobile-nav-menu a:hover{background:#ffffff12;color:#fff}
.home-language{position:relative;margin-left:38px}
.home-language-button{display:flex;align-items:center;gap:8px;min-width:66px;height:38px;padding:4px 9px;border:1px solid #ffffff24;border-radius:22px;background:#090b0db8;color:#eee;cursor:pointer}
.home-language-button img,.home-language-menu img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.home-language-button span{font:700 9px Mont,Arial,sans-serif;letter-spacing:.12em}.home-language-button i{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #aaa;transition:transform .25s}
.home-language.is-open .home-language-button i{transform:rotate(180deg)}
.home-language-menu{position:absolute;top:46px;right:0;width:132px;padding:7px;border:1px solid #ffffff1f;border-radius:12px;background:#080a0ced;box-shadow:0 18px 40px #0009;opacity:0;visibility:hidden;transform:translateY(-7px) scale(.97);transform-origin:top right;transition:opacity .22s,transform .22s,visibility 0s linear .22s}
.home-language.is-open .home-language-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.home-language-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:0;border-radius:8px;background:transparent;color:#ddd;font:10px Mont,Arial,sans-serif;text-align:left;cursor:pointer}.home-language-menu button:hover{background:#ffffff12;color:#fff}
@media(max-width:780px){body>header{height:52px;padding:0 12px}.brand{left:12px;top:0;height:52px}.brand img{width:72px;max-height:34px}.mobile-nav{display:block}.home-language{margin-left:10px}.home-language-button{min-width:64px;min-height:34px;height:34px;padding:5px 7px}.home-language-button span{display:block}.home-language-menu{right:0}}
.product-popup{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:#010203;color:#fff;overflow:auto}
.product-popup::backdrop{background:#000d;backdrop-filter:blur(8px);animation:product-backdrop-in .42s ease both}
.product-popup[open]{display:grid;place-items:center;animation:product-popup-in .52s cubic-bezier(.2,.75,.2,1) both}
.product-popup-frame{display:block;width:100%;height:100%;border:0;background:#000;animation:product-frame-in .62s cubic-bezier(.2,.75,.2,1) both}
.product-popup.is-closing{animation:product-popup-out .38s cubic-bezier(.55,0,.8,.4) both}
.product-popup.is-closing .product-popup-frame{animation:product-frame-out .38s cubic-bezier(.55,0,.8,.4) both}
@keyframes product-backdrop-in{from{background:#0000;backdrop-filter:blur(0)}to{background:#000d;backdrop-filter:blur(8px)}}
@keyframes product-popup-in{from{opacity:0}to{opacity:1}}
@keyframes product-frame-in{from{opacity:0;transform:scale(.975) translateY(16px)}to{opacity:1;transform:none}}
@keyframes product-popup-out{to{opacity:0}}
@keyframes product-frame-out{to{opacity:0;transform:scale(.985) translateY(10px)}}
.product-popup-logo{position:fixed;z-index:10;left:40px;top:0;width:94px;height:56px;display:flex;align-items:center;border:0;padding:0}.product-popup-logo img{width:94px;max-height:40px;height:auto;object-fit:contain}
.product-popup-close{position:fixed;z-index:10;right:30px;top:6.66px;display:grid;place-items:center;width:42.68px;height:42.68px;border:1px solid #ffffff4d;border-radius:50%;background:#06090cbb;color:#fff;font:300 31px/1 Arial;cursor:pointer;transition:transform .25s,border-color .25s,background .25s}
.product-popup-close:hover{transform:rotate(90deg);border-color:#fff;background:#ffffff16}
.product-popup-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(150px,240px));justify-content:center;align-items:center;gap:clamp(26px,5vw,88px);width:100%;min-height:100%;padding:110px clamp(28px,6vw,110px) 80px}
.product-tile{--accent:#e5d900;position:relative;display:block;height:clamp(390px,58vh,570px);border:2px solid var(--accent);border-radius:20px;color:#fff;text-decoration:none;background:#080b10;box-shadow:0 18px 50px #000;isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.product-tile:hover{transform:translateY(-12px);box-shadow:0 28px 70px #000,0 0 28px color-mix(in srgb,var(--accent) 34%,transparent)}
.product-picture{position:absolute;z-index:-1;inset:0;border-radius:17px;background-position:center;background-size:cover;filter:saturate(.86);transition:transform .7s,filter .5s;overflow:hidden}
.product-picture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 35%,#020305df 100%)}
.product-tile:hover .product-picture{filter:saturate(1.1) brightness(1.07)}
.tile-sse .product-picture{background-image:url('../img/homePage/solarsystem.webp')}.tile-mrl .product-picture{background-image:url('../img/homePage/moon-rover-card.jpg')}.tile-unu .product-picture{background-image:url('../img/homePage/uncharted_universe.webp')}.tile-os .product-picture{background-image:url('../img/homePage/outer_space.webp')}
.tile-mrl{--accent:#e6a437}.tile-unu{--accent:#3bb5c9}.tile-os{--accent:#ed6544}
.product-world{position:absolute;z-index:3;left:50%;top:0;width:clamp(104px,10vw,150px);height:clamp(104px,10vw,150px);object-fit:cover;border-radius:50%;transform:translate(-50%,-52%);filter:drop-shadow(0 12px 8px #000b) drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 55%,transparent));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.product-tile:hover .product-world{transform:translate(-50%,-58%) rotate(7deg) scale(1.05)}
.product-tile strong,.product-tile small{position:absolute;z-index:2;left:18px;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}
.product-tile strong{bottom:20px;font-size:clamp(18px,1.6vw,26px);font-weight:600;letter-spacing:.06em}.product-tile small{left:52px;bottom:20px;font-size:11px;letter-spacing:.18em}
.product-ship{position:absolute;z-index:4;left:50%;bottom:0;width:clamp(58px,5vw,78px);height:clamp(58px,5vw,78px);object-fit:contain;border-radius:50%;background:#fff;transform:translate(-50%,52%);filter:drop-shadow(0 8px 10px #000);transition:transform .45s}
.tile-mrl .product-ship{padding:8px}.product-tile:hover .product-ship{transform:translate(-50%,42%) scale(1.08)}
@media(max-width:980px){.product-popup[open]{display:block}.product-popup-grid{grid-template-columns:repeat(2,minmax(180px,250px));gap:100px 60px;min-height:auto;padding-top:150px;padding-bottom:120px}.product-tile{height:480px}}
@media(max-width:560px){.product-popup-grid{grid-template-columns:minmax(190px,270px);gap:105px;padding:145px 28px 110px}.product-tile{height:460px}.product-popup-close{width:40.74px;height:40.74px;font-size:27px}}
@media(max-width:560px){.product-popup-logo{left:12px;width:72px;height:52px}.product-popup-logo img{width:72px;max-height:34px}.product-popup-close{right:12px;top:5.63px}}
@media(prefers-reduced-motion:reduce){.product-popup,.product-popup-frame,.product-popup-close,.product-tile,.product-world,.product-ship{animation:none!important;transition:none}}
