:root{
  --bg:#050302;
  --ink:#fff5df;
  --muted:#d4c1a2;
  --soft:#9d8868;
  --gold:#ffd277;
  --copper:#bd7440;
  --bronze:#7c4524;
  --blue:#5bb8ff;
  --line:rgba(255,210,119,.22);
  --panel:rgba(255,255,255,.055);
  --panel2:rgba(255,255,255,.028);
  --shadow:0 28px 90px rgba(0,0,0,.55);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(circle at 20% -10%,rgba(255,210,119,.15),transparent 34%),
    radial-gradient(circle at 92% 4%,rgba(189,116,64,.16),transparent 32%),
    radial-gradient(circle at 50% 110%,rgba(91,184,255,.08),transparent 42%),
    linear-gradient(180deg,#030201,#0a0603 40%,#050302);
}
a{color:inherit}
.wrap{width:min(1240px,calc(100% - 36px));margin:0 auto}
.topbar{
  position:sticky;top:0;z-index:100;
  background:rgba(5,3,2,.78);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(20px);
}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:.04em}
.brandmark{width:34px;height:34px;border-radius:13px;background:linear-gradient(135deg,var(--gold),var(--copper));box-shadow:0 0 34px rgba(255,210,119,.35)}
.navlinks{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.navlinks a,.btn{
  text-decoration:none;border:1px solid var(--line);border-radius:999px;
  padding:10px 15px;background:rgba(255,255,255,.035);color:var(--muted);
  transition:.22s ease;
}
.navlinks a:hover,.btn:hover{border-color:rgba(255,210,119,.62);color:var(--ink);transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,rgba(255,210,119,.25),rgba(189,116,64,.16));color:var(--ink);border-color:rgba(255,210,119,.55)}
.hero,.product-hero{
  display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:34px;align-items:center;padding:72px 0 38px
}
.product-hero{grid-template-columns:minmax(0,1fr) minmax(360px,520px)}
.eyebrow{display:inline-block;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:900;margin-bottom:12px}
h1{font-size:clamp(2.9rem,6vw,6.1rem);line-height:.92;letter-spacing:-.07em;margin:0 0 20px}
h1 span,.gradient{background:linear-gradient(90deg,var(--gold),#fff4df,var(--copper));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:clamp(1.8rem,3.2vw,3.2rem);line-height:1.02;letter-spacing:-.05em;margin:0 0 12px}
h3{font-size:1.16rem;margin:0 0 10px;line-height:1.18}
.lead{color:var(--muted);font-size:clamp(1.06rem,1.7vw,1.34rem);line-height:1.65}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-panel{
  border:1px solid var(--line);border-radius:34px;padding:28px;min-height:310px;
  background:radial-gradient(circle at 30% 0,rgba(255,210,119,.16),transparent 40%),linear-gradient(145deg,var(--panel),var(--panel2));
  box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center
}
.hero-number{font-size:6rem;line-height:1;color:var(--gold);font-weight:950;letter-spacing:-.08em}
.hero-label{font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#fff}
.hero-small{color:var(--muted);line-height:1.5;margin-top:14px}
.visual{margin:8px auto 52px}
.img-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}
.visual .img-link,.product-main-image .img-link,.image-row .img-link,.concept-image .img-link{
  border-radius:32px;overflow:hidden;border:1px solid var(--line);
  background:radial-gradient(circle at 24% 20%,rgba(255,210,119,.12),transparent 34%),linear-gradient(145deg,#130b06,#050302);
  box-shadow:var(--shadow)
}
.visual .img-link{height:520px}
.product-main-image .img-link{height:470px}
.image-row .img-link{height:250px}
.concept-image .img-link{height:230px;border-radius:0;border:none;border-bottom:1px solid rgba(255,210,119,.18);box-shadow:none}
.img-link img{width:100%;height:100%;object-fit:contain;padding:12px;display:block}
.section-head{margin:44px 0 22px;max-width:860px}
.section-head p{color:var(--muted);line-height:1.65}
.logic-strip,.three-box,.image-row{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:34px auto
}
.logic-strip article,.three-box article,.image-row>div,.offer-panel,.table-wrap{
  border:1px solid var(--line);border-radius:28px;padding:24px;
  background:radial-gradient(circle at 24% 0,rgba(255,210,119,.08),transparent 38%),linear-gradient(145deg,var(--panel),var(--panel2));
  box-shadow:var(--shadow)
}
.logic-strip strong{display:block;color:var(--gold);font-size:2.2rem;letter-spacing:-.05em}
.logic-strip span{display:block;font-weight:900;margin:6px 0;color:#fff}
.logic-strip p,.three-box p,.image-row p,.offer-panel p{color:var(--muted);line-height:1.62}
.concept-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px;
  align-items:stretch
}
.concept-card{
  display:flex;flex-direction:column;text-decoration:none;overflow:hidden;
  border:1px solid var(--line);border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.026));
  box-shadow:var(--shadow);transition:.22s ease;min-width:0
}
.concept-card:hover{transform:translateY(-5px);border-color:rgba(255,210,119,.58)}
.concept-body{padding:20px;display:flex;flex-direction:column;gap:10px}
.concept-meta{display:flex;gap:7px;flex-wrap:wrap}
.concept-meta span{
  border:1px solid rgba(255,210,119,.24);border-radius:999px;padding:6px 9px;
  color:#f7d99c;font-size:.72rem;line-height:1
}
.concept-body p{color:var(--muted);line-height:1.55;margin:0}
.patent-section{margin-top:34px}
.patent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.patent-link{
  text-decoration:none;border:1px solid rgba(255,210,119,.25);border-radius:18px;
  min-height:58px;padding:13px 14px;display:flex;align-items:center;justify-content:center;text-align:center;
  background:rgba(255,255,255,.04);color:#fff;line-height:1.35;transition:.2s ease
}
.patent-link:hover{border-color:rgba(255,210,119,.65);transform:translateY(-1px)}
.patent-link.all{color:var(--gold)}
.product-logic{margin-top:40px}
.offer-panel{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:center;margin:40px auto}
.price-card{border:1px solid rgba(255,210,119,.35);border-radius:26px;padding:24px;background:rgba(0,0,0,.25);display:flex;flex-direction:column;gap:8px}
.price-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}
.price-card strong{font-size:3.2rem;color:var(--gold);letter-spacing:-.07em}
.price-card small{color:var(--muted);line-height:1.45}
.route{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:34px auto 62px}
.footer{border-top:1px solid rgba(255,255,255,.08);padding:34px 0 60px;color:var(--muted)}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:880px}
th,td{padding:16px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}
th{color:var(--gold);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
td{color:var(--muted)}
td strong{color:var(--ink)}
.table-links{display:flex;gap:8px;flex-wrap:wrap}
.table-links .patent-link{display:inline-flex;min-height:auto;padding:8px 10px;font-size:.82rem}
.musicdock{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;gap:8px;align-items:center}
.musicdock button,.musicdock span{border:1px solid var(--line);background:rgba(5,3,2,.82);color:var(--ink);border-radius:999px;padding:10px 14px}
.musicdock button{cursor:pointer}
@media(max-width:900px){
  .hero,.product-hero{grid-template-columns:1fr}
  .visual .img-link,.product-main-image .img-link{height:380px}
  .offer-panel{grid-template-columns:1fr}
}
@media(max-width:760px){
  .wrap{width:min(100% - 24px,1240px)}
  .nav{align-items:flex-start;flex-direction:column;padding:14px 0}
  .concept-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px}
  .logic-strip,.three-box,.image-row,.patent-grid{grid-template-columns:1fr}
  .concept-image .img-link{height:130px}
  .concept-body{padding:12px}
  .concept-body h3{font-size:.95rem}
  .concept-body p{font-size:.82rem}
  .concept-meta span{font-size:.62rem;padding:5px 7px}
}


/* Startseite: Hero-Buttons fest als 3er-Reihe */
.hero .actions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  width:min(100%, 780px);
}
.hero .actions .btn{
  display:flex !important;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:48px;
  white-space:normal;
}
@media(max-width:760px){
  .hero .actions{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  .hero .actions .btn{
    padding:9px 8px;
    font-size:.78rem;
    line-height:1.2;
  }
}


/* VIRES TRUE 3ER PRODUKTKARTEN FIX */
#konzepte .concept-grid,
.concept-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:22px !important;
  width:100% !important;
  align-items:stretch !important;
}

#konzepte .concept-card,
.concept-card{
  display:grid !important;
  grid-template-rows:220px auto !important;
  grid-template-columns:1fr !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:hidden !important;
  border-radius:30px !important;
}

#konzepte .concept-image,
.concept-image{
  width:100% !important;
  height:220px !important;
  min-height:220px !important;
  max-height:220px !important;
  display:block !important;
}

#konzepte .concept-image .img-link,
.concept-image .img-link{
  width:100% !important;
  height:220px !important;
  min-height:220px !important;
  border-radius:0 !important;
}

#konzepte .concept-image img,
.concept-image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

#konzepte .concept-body,
.concept-body{
  display:block !important;
  width:100% !important;
  padding:20px !important;
}

#konzepte .concept-body h3,
.concept-body h3{
  font-size:1.08rem !important;
  line-height:1.18 !important;
  margin:10px 0 8px !important;
}

#konzepte .concept-body p,
.concept-body p{
  font-size:.92rem !important;
  line-height:1.48 !important;
}

@media(max-width:900px){
  #konzepte .concept-grid,
  .concept-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:14px !important;
  }

  #konzepte .concept-card,
  .concept-card{
    grid-template-rows:150px auto !important;
  }

  #konzepte .concept-image,
  .concept-image,
  #konzepte .concept-image .img-link,
  .concept-image .img-link{
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
  }

  #konzepte .concept-body,
  .concept-body{
    padding:12px !important;
  }

  #konzepte .concept-body h3,
  .concept-body h3{
    font-size:.88rem !important;
  }

  #konzepte .concept-body p,
  .concept-body p{
    font-size:.74rem !important;
  }

  #konzepte .concept-meta span,
  .concept-meta span{
    font-size:.58rem !important;
    padding:4px 6px !important;
  }
}

@media(max-width:560px){
  #konzepte .concept-grid,
  .concept-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  #konzepte .concept-card,
  .concept-card{
    border-radius:18px !important;
    grid-template-rows:96px auto !important;
  }

  #konzepte .concept-image,
  .concept-image,
  #konzepte .concept-image .img-link,
  .concept-image .img-link{
    height:96px !important;
    min-height:96px !important;
    max-height:96px !important;
  }

  #konzepte .concept-body,
  .concept-body{
    padding:8px !important;
  }

  #konzepte .concept-body h3,
  .concept-body h3{
    font-size:.68rem !important;
    line-height:1.1 !important;
  }

  #konzepte .concept-body p,
  .concept-body p{
    display:none !important;
  }

  #konzepte .concept-meta span,
  .concept-meta span{
    font-size:.48rem !important;
    padding:3px 4px !important;
  }
}


/* VIRES TABLE 3ER FINAL: echte 3-Spalten-Auslage */
.concept-table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:18px !important;
  table-layout:fixed !important;
  margin:0 -18px 40px -18px !important;
}
.concept-table tr{
  width:100% !important;
}
.concept-table td{
  width:33.333333% !important;
  vertical-align:top !important;
  padding:0 !important;
  border:none !important;
}
.table-card{
  display:block !important;
  width:100% !important;
  min-height:100% !important;
  text-decoration:none !important;
  overflow:hidden !important;
  border:1px solid rgba(255,210,119,.22) !important;
  border-radius:30px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.026)) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.55) !important;
}
.table-card-image{
  height:220px !important;
  width:100% !important;
  border-bottom:1px solid rgba(255,210,119,.18) !important;
}
.table-card-image .img-link,
.table-card-image a{
  display:flex !important;
  width:100% !important;
  height:220px !important;
  align-items:center !important;
  justify-content:center !important;
}
.table-card-image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:12px !important;
}
.table-card-body{
  padding:20px !important;
  display:block !important;
}
.table-card-body h3{
  font-size:1.08rem !important;
  line-height:1.18 !important;
  margin:10px 0 8px !important;
}
.table-card-body p{
  font-size:.92rem !important;
  line-height:1.48 !important;
  color:var(--muted) !important;
}
.table-card-body .concept-meta,
.table-card-body .badges{
  display:flex !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}
.table-card-body .concept-meta span,
.table-card-body .badge{
  border:1px solid rgba(255,210,119,.24) !important;
  border-radius:999px !important;
  padding:6px 9px !important;
  color:#f7d99c !important;
  font-size:.72rem !important;
  line-height:1 !important;
}
@media(max-width:760px){
  .concept-table{
    border-spacing:8px !important;
    margin:0 -8px 32px -8px !important;
  }
  .table-card{
    border-radius:18px !important;
  }
  .table-card-image,
  .table-card-image .img-link,
  .table-card-image a{
    height:105px !important;
  }
  .table-card-body{
    padding:8px !important;
  }
  .table-card-body h3{
    font-size:.68rem !important;
    line-height:1.1 !important;
  }
  .table-card-body p{
    display:none !important;
  }
  .table-card-body .concept-meta span,
  .table-card-body .badge{
    font-size:.48rem !important;
    padding:3px 4px !important;
  }
}


/* VIRES TABLE 3ER GERADEGEZOGEN */
.concept-table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:18px !important;
  table-layout:fixed !important;
  margin:0 -18px 46px -18px !important;
}
.concept-table td{
  width:33.333333% !important;
  padding:0 !important;
  border:none !important;
  vertical-align:top !important;
}
.product-table-card{
  height:100% !important;
  min-height:430px !important;
  display:grid !important;
  grid-template-rows:210px 1fr !important;
  overflow:hidden !important;
  border:1px solid rgba(255,210,119,.25) !important;
  border-radius:30px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.026)) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.55) !important;
}
.product-table-image{
  height:210px !important;
  border-bottom:1px solid rgba(255,210,119,.18) !important;
  background:radial-gradient(circle at 28% 20%,rgba(255,210,119,.10),transparent 36%),linear-gradient(145deg,#130b06,#050302) !important;
}
.product-image-open{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:210px !important;
  text-decoration:none !important;
}
.product-image-open img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:12px !important;
  display:block !important;
}
.product-table-body{
  display:block !important;
  min-height:220px !important;
  padding:20px !important;
}
.product-card-content{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}
.product-card-content .concept-meta,
.product-card-content .badges{
  display:flex !important;
  gap:7px !important;
  flex-wrap:wrap !important;
  margin-bottom:10px !important;
}
.product-card-content .concept-meta span,
.product-card-content .badge{
  border:1px solid rgba(255,210,119,.25) !important;
  border-radius:999px !important;
  padding:6px 9px !important;
  color:#f7d99c !important;
  font-size:.72rem !important;
  line-height:1 !important;
}
.product-card-content h3{
  font-size:1.08rem !important;
  line-height:1.18 !important;
  margin:4px 0 10px !important;
  color:#fff5df !important;
}
.product-card-content p{
  font-size:.92rem !important;
  line-height:1.5 !important;
  color:var(--muted) !important;
  margin:0 0 16px !important;
}
.card-open{
  margin-top:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:8px 12px !important;
  border:1px solid rgba(255,210,119,.28) !important;
  border-radius:999px !important;
  color:#ffd277 !important;
  text-decoration:none !important;
  background:rgba(255,210,119,.055) !important;
}
.card-open:hover{
  border-color:rgba(255,210,119,.65) !important;
}
@media(max-width:760px){
  .concept-table{
    border-spacing:8px !important;
    margin:0 -8px 34px -8px !important;
  }
  .product-table-card{
    min-height:255px !important;
    grid-template-rows:95px 1fr !important;
    border-radius:18px !important;
  }
  .product-table-image,
  .product-image-open{
    height:95px !important;
  }
  .product-table-body{
    min-height:160px !important;
    padding:8px !important;
  }
  .product-card-content h3{
    font-size:.68rem !important;
    line-height:1.1 !important;
    margin:4px 0 8px !important;
  }
  .product-card-content p{
    display:none !important;
  }
  .product-card-content .concept-meta span,
  .product-card-content .badge{
    font-size:.48rem !important;
    padding:3px 4px !important;
  }
  .card-open{
    font-size:.55rem !important;
    min-height:28px !important;
    padding:5px 6px !important;
  }
}


/* VIRES Glow + Motion Upgrade */
body::before,
body::after{
  content:"";
  position:fixed;
  inset:auto;
  pointer-events:none;
  z-index:0;
  filter:blur(60px);
  opacity:.45;
  animation:viresFloat 18s ease-in-out infinite;
}
body::before{
  width:460px;height:460px;
  left:-120px;top:120px;
  background:radial-gradient(circle, rgba(255,180,90,.16) 0%, rgba(255,180,90,.06) 38%, transparent 72%);
}
body::after{
  width:520px;height:520px;
  right:-140px;top:240px;
  background:radial-gradient(circle, rgba(91,184,255,.12) 0%, rgba(91,184,255,.05) 42%, transparent 74%);
  animation-duration:24s;
}
@keyframes viresFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-22px,0) scale(1.05)}
}
.topbar{
  box-shadow:0 12px 34px rgba(0,0,0,.32), 0 0 26px rgba(255,210,119,.06);
}
.brandmark{
  box-shadow:0 0 24px rgba(255,210,119,.42), 0 0 56px rgba(189,116,64,.2);
  animation:brandPulse 4.6s ease-in-out infinite;
}
@keyframes brandPulse{
  0%,100%{transform:scale(1); box-shadow:0 0 24px rgba(255,210,119,.42), 0 0 56px rgba(189,116,64,.2);}
  50%{transform:scale(1.05); box-shadow:0 0 34px rgba(255,210,119,.58), 0 0 74px rgba(189,116,64,.32);}
}
.hero-panel,
.logic-strip article,
.three-box article,
.image-row>div,
.offer-panel,
.table-wrap,
.product-table-card,
.visual .img-link,
.product-main-image .img-link{
  position:relative;
  overflow:hidden;
}
.hero-panel::before,
.product-table-card::before,
.offer-panel::before,
.visual .img-link::before,
.product-main-image .img-link::before{
  content:"";
  position:absolute;
  inset:-35%;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,210,119,.16), transparent 22%),
    radial-gradient(circle at 82% 24%, rgba(91,184,255,.10), transparent 18%),
    radial-gradient(circle at 50% 80%, rgba(189,116,64,.12), transparent 18%);
  animation:auroraMove 12s ease-in-out infinite;
  pointer-events:none;
}
@keyframes auroraMove{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  50%{transform:translate3d(2%, -3%, 0) rotate(8deg) scale(1.04)}
}
.hero-panel > *,
.product-table-card > *,
.offer-panel > *,
.visual .img-link > *,
.product-main-image .img-link > *{
  position:relative;
  z-index:1;
}
.product-table-card{
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.product-table-card:hover{
  transform:translateY(-6px);
  box-shadow:0 36px 90px rgba(0,0,0,.62), 0 0 30px rgba(255,210,119,.12);
  border-color:rgba(255,210,119,.48) !important;
}
.table-card-body,
.product-table-body{
  background:linear-gradient(180deg, rgba(35,18,8,.70), rgba(16,8,4,.92));
}
.product-image-open img,
.img-link img{
  transition:transform .35s ease, filter .35s ease;
}
.product-table-card:hover .product-image-open img,
.visual .img-link:hover img,
.product-main-image .img-link:hover img{
  transform:scale(1.03);
  filter:drop-shadow(0 0 14px rgba(255,210,119,.22));
}
.section-head h2,
.hero-text h1,
.product-hero h1{
  text-shadow:0 0 18px rgba(255,210,119,.10);
}
.logic-strip article strong{
  text-shadow:0 0 20px rgba(255,210,119,.14);
}
.card-open,
.btn.primary{
  box-shadow:0 0 0 rgba(255,210,119,0);
}
.card-open:hover,
.btn.primary:hover{
  box-shadow:0 0 20px rgba(255,210,119,.16);
}

/* global logo video slot */
.logo-motion-slot{
  position:relative;
  z-index:1;
  margin:18px auto 8px;
}
.logo-motion-frame{
  border:1px solid rgba(255,210,119,.24);
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,210,119,.10), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:0 24px 70px rgba(0,0,0,.48), 0 0 26px rgba(255,210,119,.08);
  padding:16px;
}
.logo-motion-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.logo-motion-head strong{
  color:var(--ink);
  letter-spacing:.04em;
}
.logo-motion-head span{
  color:var(--muted);
  font-size:.92rem;
}
.logo-motion-video{
  width:100%;
  height:240px;
  display:block;
  border-radius:18px;
  object-fit:cover;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,210,119,.15), transparent 34%),
    linear-gradient(145deg, #120904, #050302);
  border:1px solid rgba(255,210,119,.18);
}
.video-fallback{
  margin-top:10px;
  color:var(--soft);
  font-size:.86rem;
  line-height:1.45;
}
@media(max-width:760px){
  .logo-motion-video{
    height:180px;
  }
  .logo-motion-head{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* VIRES go.mp4 Video-Slot: Format 864x480 */
.logo-motion-slot{
  position:relative;
  z-index:1;
  margin:18px auto 18px;
}
.logo-motion-frame{
  width:min(864px,100%);
  aspect-ratio:864 / 480;
  margin:0 auto;
  border:1px solid rgba(255,210,119,.26);
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 22% 20%, rgba(255,210,119,.10), transparent 34%),
    radial-gradient(circle at 82% 20%, rgba(91,184,255,.08), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow:
    0 24px 70px rgba(0,0,0,.48),
    0 0 32px rgba(255,210,119,.10);
  padding:0;
}
.logo-motion-video{
  width:100%;
  height:100%;
  aspect-ratio:864 / 480;
  display:block;
  object-fit:contain;
  background:#050302;
  border:0;
}
@media(max-width:760px){
  .logo-motion-slot{
    margin:12px auto 14px;
  }
  .logo-motion-frame{
    border-radius:18px;
  }
}