.home-head{
  justify-content:flex-end;
  padding:0 4.2vw;
  mix-blend-mode:normal;
  background:linear-gradient(180deg,rgba(3,6,17,.54),transparent);
}
.home-head .brand{display:none}
.home-head .menu{gap:clamp(24px,3.2vw,58px);font-size:13px;font-weight:300;letter-spacing:.04em}
.home-head .menu a{color:rgba(255,255,255,.78)}
.home-head .menu a:hover,.home-head .menu a.active{color:#fff}

.hero-art{
  min-height:100svh;
  padding:0;
  display:block;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 27%,rgba(79,111,255,.32),transparent 19%),
    radial-gradient(circle at 50% 29%,rgba(39,70,216,.24),transparent 42%),
    radial-gradient(circle at 82% 58%,rgba(255,106,50,.055),transparent 27%),
    linear-gradient(155deg,#060a18 0%,#07112f 52%,#050714 100%);
}
.hero-art:before{
  inset:0;
  background:
    radial-gradient(circle at 50% 27%,rgba(228,235,255,.18),transparent 8%),
    radial-gradient(circle at 50% 31%,rgba(77,112,255,.25),transparent 28%),
    linear-gradient(105deg,transparent 0 70%,rgba(255,109,54,.035) 86%,transparent 100%);
  filter:none;
  animation:none;
}
.hero-art:after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 0 28%,rgba(6,10,28,.12) 43%,rgba(5,8,22,.68) 60%,rgba(5,7,19,.92) 76%,#050714 94%);
}
.hero-logo-field{
  position:absolute;
  z-index:1;
  top:10vh;
  left:50%;
  width:min(940px,68vw);
  aspect-ratio:3.2/1;
  transform:translateX(-50%);
  background:
    radial-gradient(ellipse at 50% 35%,#fff 0 8%,#eef1ff 15%,#b8c7ff 25%,#6889ff 41%,#2d54e5 64%,#1835aa 82%,rgba(238,104,57,.76) 96%,rgba(238,104,57,0) 100%);
  -webkit-mask:url('assets/logo-white.png') center/contain no-repeat;
  mask:url('assets/logo-white.png') center/contain no-repeat;
  filter:drop-shadow(0 0 22px rgba(213,224,255,.34)) drop-shadow(0 26px 68px rgba(40,76,235,.48));
  opacity:.92;
  animation:logoBreathe 8s ease-in-out infinite alternate;
}
.hero-message{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:4.5vh;
  width:min(920px,88vw);
  transform:translateX(-50%);
  text-align:center;
}
.hero-message .hero-label{font-size:10px;font-weight:200;letter-spacing:.32em;color:rgba(194,207,255,.42)}
.hero-message h1{
  margin:34px auto 28px;
  max-width:800px;
  font-size:clamp(35px,4.25vw,64px);
  font-weight:650;
  line-height:1.15;
  letter-spacing:-.045em;
  color:transparent;
  background:
    radial-gradient(ellipse at 50% 45%,#eef2ff 0%,#cbd6ff 24%,#9caeff 52%,#6f84d8 78%,#6071b6 100%);
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 0 12px rgba(116,145,255,.18)) drop-shadow(0 8px 28px rgba(52,79,184,.16));
}
.hero-message h1 span{
  display:inline-block;
  margin-top:20px;
  font-weight:300;
  background:linear-gradient(90deg,#f6f8ff 6%,#8faaff 72%,#ed7d53 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 10px rgba(91,122,242,.14));
}
.hero-message .hero-copy{font-size:14px;font-weight:200;line-height:2;letter-spacing:.1em;color:rgba(255,255,255,.52)}
.hero-art .hero-meta,.hero-art .scroll-cue{z-index:4}

@keyframes logoBreathe{
  from{opacity:.78;filter:drop-shadow(0 0 16px rgba(216,225,255,.2)) drop-shadow(0 20px 52px rgba(27,60,215,.32))}
  to{opacity:.98;filter:drop-shadow(0 0 30px rgba(232,237,255,.44)) drop-shadow(0 32px 86px rgba(46,78,230,.58))}
}

@media(max-width:800px){
  .home-head{padding:0 16px}
  .home-head .menu{gap:16px}
  .hero-logo-field{top:15vh;width:84vw}
  .hero-message{bottom:9vh;width:90vw}
  .hero-message h1{font-size:clamp(32px,10vw,48px);line-height:1.18}
  .hero-message h1 span{margin-top:14px}
  .hero-message .hero-copy{font-size:12px;line-height:1.8}
}