@font-face{font-family:'Space Grotesk';src:url('assets/fonts/space-grotesk-latin-v1.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-latin-v1.woff2') format('woff2');font-weight:100 1000;font-display:swap}
body{font-family:'DM Sans',Arial,sans-serif;background:#111;color:#f5f5f5}
h1,h2,h3,.topbar{font-family:'Space Grotesk',Arial,sans-serif}
.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,4.4vw,76px);position:absolute;top:0;z-index:20;left:0;right:0;width:100%;max-width:none;margin:0;border-bottom:1px solid #333;background:#111}
.topbar .wordmark{display:inline-flex;align-items:center;flex-shrink:0}
.wordmark img{display:block;width:62px;height:62px;object-fit:contain;border-radius:50%;background:#fff}
.home-return{font-size:14px;color:#bbb;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}
.home-return:hover{color:#fff}
.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}
.header-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 20px;border:1px solid #777;border-radius:50px;font-size:14px;font-weight:600;color:#fff}
.header-login:hover{background:#fff;color:#080808}
.topbar .menu{display:block;cursor:pointer;min-height:44px;background:transparent;border:1px solid #777;border-radius:50px;padding:8px 13px;color:#fff;font-size:14px}
.topbar #nav{display:none;position:absolute;top:80px;right:5vw;left:auto;width:min(340px,90vw);padding:12px;background:#111;border:1px solid #444;box-shadow:0 18px 40px #0008;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100svh - 90px);overflow:auto}
.topbar #nav.open{display:flex}
.topbar #nav a{display:block;min-height:44px;padding:16px 14px;font-size:15px;text-transform:none;letter-spacing:.02em;border-bottom:1px solid #333;color:#ccc}
.topbar #nav a:last-child{border-bottom:0}
.topbar #nav a:hover,.topbar #nav a:focus-visible{background:#282828;color:#fff}
.topbar #nav a[aria-current]{color:#fff}
.topbar a:focus-visible,.topbar button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.skip-link{position:absolute;left:20px;top:-100px;z-index:50;padding:12px 20px;background:#fff;color:#111}
.skip-link:focus{top:10px}
.hero{width:100%;max-width:none;min-height:100svh;margin:0;padding-top:80px}
.hero-copy{padding-left:6vw}
.hero-bottom{left:6vw;right:6vw}
.catalog{width:100%;max-width:none;padding-left:6vw;padding-right:6vw}
.closing{width:100%}
.site-footer{width:100%;max-width:none;margin:0}
@media(min-width:1600px){.hero-copy{padding-left:6vw;max-width:850px}.space-art{width:70%}}
@media(max-width:720px){.topbar{height:70px;padding:0 21px;gap:8px}.wordmark img{width:52px;height:52px}.home-return{font-size:12px;white-space:normal;max-width:68px;line-height:1.25}.header-actions{gap:6px}.header-login{padding:8px 12px}.topbar #nav{top:70px}.topbar #nav a:not([aria-current]){display:block}.hero{min-height:850px;padding-top:70px}.hero-copy{padding:55px 23px 0}.space-art{top:360px;height:430px}.hero-bottom{left:23px;right:23px}.catalog{padding-left:23px;padding-right:23px}}
@media(max-width:360px){.home-return{display:none}}
.site-footer nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:720px){.space-art{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent)}}

.site-footer{display:block!important;position:relative;overflow:hidden;background:#080808;padding:44px max(24px,6vw) 20px!important;border-top:1px solid #292929;color:#bbb}.site-footer:before{content:"";position:absolute;width:460px;height:460px;border:1px solid #ffffff0d;border-radius:50%;right:-240px;top:-260px;pointer-events:none;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02}.footer-inner{position:relative;max-width:1280px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px}.footer-brand img{display:block;width:88px;height:88px;border-radius:50%;object-fit:contain}.footer-brand p{font-size:22px;line-height:1.35;color:#eee;margin:18px 0 12px}.footer-brand span{font-size:14px}.site-footer h2{font:500 16px/1.4 "Space Grotesk",sans-serif;color:#eee;margin:0 0 20px;letter-spacing:0;text-transform:none}.footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-nav h2{margin-bottom:8px}.site-footer a{font-size:16px;line-height:1.5;text-decoration:none}.site-footer a:hover{color:white;text-decoration:underline;text-underline-offset:5px}.site-footer a:focus-visible{outline:2px solid white;outline-offset:5px}.footer-contact p{font-size:15px;line-height:1.6;margin-top:18px}.footer-bottom{max-width:1280px;margin:32px auto 0;padding-top:20px;border-top:1px solid #292929;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.footer-bottom p{font-size:14px;margin:0;flex:1}.footer-bottom a{font-size:14px}@media(max-width:720px){.site-footer{padding-top:30px!important}.footer-inner{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-brand{grid-column:1/-1}.footer-brand img{width:72px;height:72px}.footer-brand p{font-size:21px}.footer-contact a{overflow-wrap:anywhere}.footer-bottom{gap:14px 22px;margin-top:26px}.footer-bottom p{flex-basis:100%}}
.site-footer .footer-nav{display:flex;gap:12px;align-items:flex-start;text-transform:none;letter-spacing:0}.footer-social{display:flex;gap:24px;flex-wrap:wrap;max-width:1280px;margin:28px auto 0}.site-footer .footer-social a{font-size:14px}.site-footer .footer-bottom p{font-size:14px}.site-footer{align-items:initial}.site-footer .footer-brand span{font-size:14px}