/* ===== V103 / VANTA R1 BRAND SYSTEM ===== */
.v103-vanta-brand{
  position:relative;
  overflow:hidden;
  padding:11vh 4vw 12vh;
  background:
    radial-gradient(circle at 80% 8%,rgba(175,184,195,.10),transparent 24%),
    linear-gradient(180deg,#050607 0%,#030405 100%);
  border-top:1px solid rgba(175,184,195,.10);
}
.v103-vanta-brand::before{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0 62%,rgba(255,255,255,.025) 73%,transparent 84%);
}
.v103-vanta-head{
  position:relative;z-index:2;
  width:min(1460px,100%);
  margin:0 auto 5vh;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);
  gap:34px;
  align-items:end;
}
.v103-vanta-head>p{
  grid-column:1/-1;
  margin:0 0 10px;
  color:#aeb7c2;
  font-size:9px;
  letter-spacing:.23em;
}
.v103-vanta-head h2{
  margin:0;
  font-size:clamp(64px,9.2vw,150px);
  line-height:.79;
  letter-spacing:-.068em;
  font-weight:800;
  text-transform:uppercase;
  color:#f1f3f5;
}
.v103-vanta-head h2 span{
  color:transparent;
  -webkit-text-stroke:1px #9ca5af;
}
.v103-vanta-copy{
  max-width:370px;
  padding-bottom:8px;
  color:#7f8892;
  font-size:12px;
  line-height:1.7;
}
.v103-vanta-stage{
  position:relative;
  width:min(1500px,100%);
  margin:0 auto;
  perspective:1500px;
}
.v103-vanta-frame{
  position:relative;
  overflow:hidden;
  background:#000;
  border:1px solid rgba(174,183,194,.20);
  box-shadow:0 42px 130px rgba(0,0,0,.74),0 0 80px rgba(174,183,194,.035);
  opacity:.65;
  transform:translateY(34px) scale(.97);
  transition:opacity .85s ease,transform 1s cubic-bezier(.2,.75,.2,1),border-color .4s ease;
  will-change:transform;
}
.v103-vanta-frame.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
.v103-vanta-frame img{
  display:block;
  width:100%;
  height:auto;
}
.v103-metal-sweep{
  position:absolute;
  inset:-18%;
  pointer-events:none;
  background:linear-gradient(108deg,transparent 38%,rgba(150,160,172,.07) 45%,rgba(235,240,245,.18) 50%,transparent 61%);
  transform:translateX(-105%);
  mix-blend-mode:screen;
}
.v103-vanta-frame.is-visible .v103-metal-sweep{
  animation:v103MetalSweep 3.2s cubic-bezier(.2,.75,.2,1) .3s both;
}
.v103-scanline{
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,#9ca5af 25%,#fff 50%,#9ca5af 75%,transparent);
  box-shadow:0 0 18px rgba(220,226,233,.3);
}
.v103-vanta-frame.is-visible .v103-scanline{
  animation:v103Scan 4.1s ease-in-out .8s 1 both;
}
.v103-vanta-foot{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:13px;
  color:#626b75;
  font-size:8px;
  letter-spacing:.18em;
}
@keyframes v103MetalSweep{to{transform:translateX(105%)}}
@keyframes v103Scan{
  0%{top:0;opacity:0}
  10%{opacity:.65}
  88%{opacity:.28}
  100%{top:100%;opacity:0}
}
.v103-vanta-stage:hover .v103-vanta-frame{border-color:rgba(174,183,194,.42)}

@media(max-width:700px){
  .v103-vanta-brand{padding:9vh 14px 9vh}
  .v103-vanta-head{display:block;margin-bottom:4vh}
  .v103-vanta-head>p{margin-bottom:18px}
  .v103-vanta-head h2{font-size:16vw;line-height:.82;margin-bottom:24px}
  .v103-vanta-copy{font-size:11px;max-width:310px}
  .v103-vanta-frame{
    width:calc(100% + 28px);
    margin-left:-14px;
    border-left:0;border-right:0;
    transform:translateY(18px) scale(.985);
  }
  .v103-vanta-frame.is-visible{transform:none}
  .v103-vanta-foot{font-size:7px;letter-spacing:.12em}
  .v103-vanta-foot span:first-child{display:none}
}
@media(prefers-reduced-motion:reduce){
  .v103-vanta-frame{opacity:1;transform:none;transition:none}
  .v103-metal-sweep,.v103-scanline{animation:none!important}
}