body,main,.hero,.catalog,.closing{background-color:#080808}
.hero{min-height:600px;height:clamp(600px,78svh,720px);padding-top:80px}
.hero-copy{position:relative;z-index:2;max-width:850px;padding:86px 6vw 76px}
.hero-copy .intro{margin-bottom:20px}
.hero-copy h1{margin:0 0 22px}
.hero-copy .lead{margin:0}
.space-art{top:80px;right:0;width:72%;height:calc(100% - 80px);object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 22%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 75%,transparent);mask-composite:intersect}
.hero:after{z-index:0;background:linear-gradient(90deg,#080808,rgba(8,8,8,.83) 27%,transparent 65%),linear-gradient(0deg,#080808,transparent 25%,transparent 78%,#080808);pointer-events:none}
.hero-bottom{z-index:2;bottom:20px}
.catalog{padding-top:44px;padding-bottom:44px}
.section-head{margin-bottom:24px}
.section-head h2,.closing h2{text-transform:uppercase}
.toolbar{padding-bottom:16px}
.results{margin:16px 0}
.grid{gap:28px 22px}
.mockup-note{margin-top:24px}
.closing{padding:38px 23px 48px}
.closing h2{margin:10px 0 18px}
@media(max-width:720px){.hero{min-height:680px;height:680px;padding-top:70px}.hero-copy{padding:43px 23px 0;max-width:none}.hero-copy .intro{margin-bottom:16px}.hero-copy h1{margin-bottom:18px}.space-art{top:300px;right:-5%;width:110%;height:330px;mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 22%,#000 72%,transparent)}.hero:after{background:linear-gradient(0deg,#080808,transparent 25%,transparent 78%,#080808)}.hero-bottom{bottom:18px}.catalog{padding-top:28px;padding-bottom:32px}.section-head{margin-bottom:20px}.section-head>p{margin-top:10px}.grid{gap:22px 13px}.closing{padding-top:28px;padding-bottom:34px}}
@media(max-width:360px){.hero{height:700px;min-height:700px}.space-art{top:340px;height:310px}}