/* STLBEAST V652 — integrated premium brand imagery
   Uses purpose-built scene artwork as full visual panels rather than cut-out stickers. */
:root{
  --v652-line:#236aa3;
  --v652-cyan:#21c8ff;
  --v652-blue:#147cff;
  --v652-violet:#8e39ff;
  --v652-ink:#020812;
}
.v648-brand,.v650-header .v648-brand{
  width:260px!important;
  min-width:220px!important;
  height:66px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
.v648-brand img,.v650-header .v648-brand img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 0 12px rgba(25,156,255,.34))!important;
}
.v648-footer-brand img,.v650-footer .v648-footer-brand img{
  width:min(100%,330px)!important;
  height:auto!important;
  max-height:112px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 0 16px rgba(20,143,255,.22))!important;
}

/* Hero: the emblem is presented as a designed panel, not a pasted square. */
.v652-hero-art{
  isolation:isolate;
  overflow:hidden!important;
  border:1px solid rgba(69,155,226,.35)!important;
  background:
    radial-gradient(circle at 55% 50%,rgba(23,127,255,.28),transparent 48%),
    linear-gradient(145deg,#020710,#061224 58%,#02070f)!important;
  box-shadow:inset 0 0 70px rgba(9,94,186,.17),0 24px 55px rgba(0,0,0,.45)!important;
}
.v652-hero-art:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,8,18,.68),transparent 18%,transparent 82%,rgba(2,8,18,.45)),
    linear-gradient(0deg,rgba(2,8,18,.75),transparent 22%);
}
.v652-hero-art img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(1.06) contrast(1.04) drop-shadow(0 18px 36px rgba(0,0,0,.42))!important;
}

/* Story panels use full-bleed art with a controlled fade into copy. */
.v652-story-card{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)!important;
  min-height:355px!important;
  padding:0!important;
  background:linear-gradient(125deg,#061625 0%,#07182b 54%,#040915 100%)!important;
}
.v652-story-card:before{z-index:1!important}
.v652-story-copy{
  position:relative;
  z-index:4;
  padding:30px 16px 28px 30px;
  align-self:center;
}
.v652-story-card .v652-story-copy{max-width:none!important}
.v652-story-art{
  position:relative;
  min-height:355px;
  overflow:hidden;
  border-left:1px solid rgba(45,117,176,.36);
  background:#020812;
}
.v652-story-art:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,#07182b 0%,rgba(7,24,43,.58) 13%,transparent 45%),
             linear-gradient(0deg,rgba(2,8,18,.62),transparent 32%);
}
.v652-story-art img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  filter:saturate(1.06) contrast(1.05)!important;
}
.v652-story-art-wide img{object-position:center 52%!important}

/* Vault art is an integrated architectural plate. */
.v652-vault{
  grid-template-columns:minmax(250px,32%) minmax(0,1fr) minmax(230px,290px)!important;
  padding:0!important;
  min-height:310px;
  overflow:hidden;
}
.v652-vault-art{
  position:relative;
  align-self:stretch;
  min-height:310px;
  overflow:hidden;
  border-right:1px solid rgba(78,115,187,.42);
  background:#020711;
}
.v652-vault-art:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 55%,#071424 100%),
             linear-gradient(0deg,rgba(3,8,18,.55),transparent 42%);
}
.v652-vault-art img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(1.08) contrast(1.04)!important;
}
.v652-vault>div:nth-child(2){padding:28px 10px 28px 26px;align-self:center}
.v652-vault>.v648-vault-action,.v652-vault>.v651-vault-action{padding:24px 24px 24px 8px;align-self:center}

/* Full page hero artwork. */
.v652-page-art{
  min-height:100%!important;
  overflow:hidden!important;
  background:#020711!important;
}
.v652-page-art:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(3,10,21,.45),transparent 34%),
             linear-gradient(0deg,rgba(3,10,21,.55),transparent 30%);
}
.v652-page-art img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(1.06) contrast(1.05)!important;
}

/* Membership support cards: turn art into a real half-panel. */
.v651-command-panel.has-art{
  padding-right:46%!important;
  min-height:350px!important;
  overflow:hidden!important;
}
.v651-command-panel.has-art:after{
  content:"";
  position:absolute;
  inset:0 0 0 48%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,#061625 0%,transparent 36%),
             linear-gradient(0deg,rgba(2,8,18,.66),transparent 42%);
}
.v651-command-panel.has-art>*:not(img){position:relative;z-index:3}
.v651-command-panel.has-art img{
  position:absolute!important;
  inset:0 0 0 auto!important;
  width:54%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  filter:saturate(1.06) contrast(1.04)!important;
}

/* Prevent all brand artwork from exposing a contrasting rectangle. */
.v652-hero-art,
.v652-story-art,
.v652-vault-art,
.v652-page-art,
.v651-command-panel.has-art{
  background-color:#020812!important;
}
@media(max-width:1050px){
  .v648-brand,.v650-header .v648-brand{width:220px!important;height:58px!important}
  .v652-story-card{grid-template-columns:1fr minmax(260px,.78fr)!important}
  .v652-vault{grid-template-columns:220px 1fr!important}
  .v652-vault>.v648-vault-action,.v652-vault>.v651-vault-action{
    grid-column:1/-1!important;
    padding:12px 20px 20px!important;
  }
}
@media(max-width:760px){
  .v648-brand,.v650-header .v648-brand{width:168px!important;min-width:150px!important;height:48px!important}
  .v652-hero-art{min-height:320px!important}
  .v652-story-card{grid-template-columns:1fr!important}
  .v652-story-copy{padding:22px 18px 18px}
  .v652-story-art{min-height:260px;border-left:0;border-top:1px solid rgba(45,117,176,.36)}
  .v652-story-art:before{background:linear-gradient(0deg,#07182b 0%,rgba(7,24,43,.25) 22%,transparent 55%)}
  .v652-vault{grid-template-columns:1fr!important}
  .v652-vault-art{min-height:260px;border-right:0;border-bottom:1px solid rgba(78,115,187,.42)}
  .v652-vault-art:after{background:linear-gradient(0deg,#071424 0%,transparent 40%)}
  .v652-vault>div:nth-child(2){padding:20px 18px 10px}
  .v651-command-panel.has-art{padding:22px 18px 285px!important;min-height:500px!important}
  .v651-command-panel.has-art img{inset:auto 0 0 0!important;width:100%!important;height:280px!important}
  .v651-command-panel.has-art:after{inset:auto 0 0 0;height:300px;background:linear-gradient(0deg,transparent 35%,#061625 100%)}
}