/* SUUSSTUDIO™ V4.6 · SOURCE CLARITY
   No precomposed low-resolution collage may act as primary portfolio evidence.
   Real originals remain individual. Drone command imagery stays vector-crisp; AI identity is owned by the canonical real-artwork layer. */

/* DRONE · crisp vector command object, no soft legacy composite */
.v4-drone .v4-scene-head::after{
  background-image:linear-gradient(180deg,rgba(2,3,5,.02),rgba(2,3,5,.18)),url('/v46-drone.svg')!important;
  background-size:100% 100%,contain!important;
  background-position:center,center!important;
  background-color:#030407!important;
}
.v4-drone-image{background:#030407 url('/v46-drone.svg') center/contain no-repeat!important}
.v4-drone-image>img,.v4-drone-image>canvas{display:none!important;visibility:hidden!important;opacity:0!important}
.v4-drone-image::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:4!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(2,3,5,.02),transparent 42%,rgba(2,3,5,.32) 100%),radial-gradient(circle at 50% 48%,transparent 45%,rgba(2,3,5,.18) 100%)!important;
}

/* AI COMMAND · layout shell only; canonical identities are mounted by v46-real-artwork.css */
.v4-ai-collective{
  min-height:520px!important;
  background:
    radial-gradient(circle at 50% 43%,rgba(112,208,213,.06),transparent 25%),
    radial-gradient(circle at 50% 56%,rgba(122,16,47,.15),transparent 39%),
    linear-gradient(180deg,#050609,#020304)!important;
  overflow:hidden!important;
}
.v4-ai-collective>img{display:none!important;visibility:hidden!important;opacity:0!important}
.v4-ai-collective::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(2,3,5,.03),transparent 70%,rgba(2,3,5,.72)),repeating-linear-gradient(180deg,transparent 0 8px,rgba(112,208,213,.014) 9px,transparent 10px);
}
.v4-ai-vignette{background:linear-gradient(180deg,transparent 10%,transparent 72%,rgba(3,3,5,.8))!important;z-index:3!important}
.v4-ai-collective>span{z-index:4!important}
.v4-ai-nodes button{min-height:70px!important;padding-top:28px!important;overflow:hidden!important;position:relative!important}
.v4-ai-nodes button::before{
  content:"";position:absolute;left:11px;top:9px;width:12px;height:12px;border-radius:50%;
  background:radial-gradient(circle at 42% 34%,#edf4f2 0 13%,#89969c 14% 34%,#20262c 35% 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.13),0 0 16px rgba(112,208,213,.12);
}
.v4-ai-nodes button:nth-child(3n)::before{border-radius:45% 55% 36% 64%;background:radial-gradient(circle at 50% 28%,#d7b7a6 0 16%,#4a252b 17% 47%,#11141a 48%)}
.v4-ai-nodes button:nth-child(3n+1)::before{background:radial-gradient(circle at 48% 35%,#e4c7b5 0 16%,#664132 17% 38%,#11151a 39%)}
.v4-ai-nodes button:nth-child(3n+2)::before{border-radius:42%;background:radial-gradient(circle at 48% 35%,#caa486 0 16%,#222b32 17% 42%,#080b0e 43%)}
.v4-ai-nodes button.is-active::before{box-shadow:0 0 0 1px rgba(112,208,213,.7),0 0 22px rgba(112,208,213,.42)}

/* VISUAL WORLDS · verified individual originals, never old collage previews */
.v4-world-stack{gap:clamp(76px,12vh,150px)!important}
.v4-world{
  min-height:clamp(620px,78vh,860px)!important;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important;
  grid-template-rows:1fr!important;
  gap:clamp(24px,4vw,66px)!important;
}
.v4-world:nth-child(even){grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr)!important}
.v4-world>img{display:none!important;visibility:hidden!important;opacity:0!important}
.v4-world::before,.v4-world::after{
  content:"";display:block;grid-column:1;grid-row:1;align-self:stretch;min-height:620px;
  background-repeat:no-repeat;background-size:cover;background-position:center;
  border:1px solid rgba(255,255,255,.11);box-shadow:0 46px 120px rgba(0,0,0,.52);
}
.v4-world::before{width:68%;justify-self:start;clip-path:polygon(6% 0,100% 0,100% 88%,92% 100%,0 100%,0 12%);z-index:1}
.v4-world::after{width:52%;height:72%;align-self:end;justify-self:end;z-index:2;clip-path:polygon(0 8%,90% 0,100% 12%,100% 100%,8% 100%,0 88%);box-shadow:0 38px 90px rgba(0,0,0,.68),-18px 18px 55px rgba(122,16,47,.12)}
.v4-world:nth-child(even)::before,.v4-world:nth-child(even)::after{grid-column:2}
.v4-world:nth-child(even)::before{justify-self:end}
.v4-world:nth-child(even)::after{justify-self:start}
.v4-world>div{z-index:5!important;align-self:end!important;padding:0 0 7vh!important}
.v4-world:nth-child(odd)>div{grid-column:2!important;grid-row:1!important}
.v4-world:nth-child(even)>div{grid-column:1!important;grid-row:1!important}

.v4-world:nth-child(1)::before{background-image:url('/portfolio-originals/28660.webp');background-position:center 40%}
.v4-world:nth-child(1)::after{background-image:url('/portfolio-originals/26103.webp');background-position:center 42%}
.v4-world:nth-child(2)::before{background-image:url('/portfolio-originals/26104.webp');background-position:center}
.v4-world:nth-child(2)::after{background-image:url('/portfolio-originals/27482.webp');background-position:center 38%}
.v4-world:nth-child(3)::before{background-image:url('/portfolio-originals/26138.webp');background-position:center top}
.v4-world:nth-child(3)::after{background-image:url('/portfolio-originals/26135.webp');background-position:center top}
.v4-world:nth-child(4)::before{background-image:url('/portfolio-originals/25592.webp');background-position:center top}
.v4-world:nth-child(4)::after{background-image:url('/portfolio-originals/25118.webp');background-position:center top}
.v4-world:nth-child(5)::before{background-image:url('/portfolio-originals/25299.webp');background-position:center 38%}
.v4-world:nth-child(5)::after{background-image:url('/portfolio-originals/27002.webp');background-position:center}
.v4-world>div::after{content:"ORIGINAL FILES · INDIVIDUALLY PRESERVED";display:block;margin-top:18px;font-size:.47rem;letter-spacing:.16em;color:rgba(112,208,213,.58)}

@media(max-width:760px),(pointer:coarse){
  /* one decisive drone view on mobile, not the same object twice */
  .v4-drone .v4-scene-head{padding-bottom:0!important}
  .v4-drone .v4-scene-head::after{display:none!important;content:none!important}
  .v4-drone-stage{min-height:520px!important;background-size:contain!important}
  .v4-drone-image{height:520px!important;background-size:148% auto!important;background-position:center 18%!important}

  .v4-ai-collective{height:390px!important;min-height:390px!important}
  .v4-ai-collective>span{z-index:4!important}
  .v4-ai-nodes button{padding-top:30px!important}

  .v4-world-stack{gap:82px!important}
  .v4-world,.v4-world:nth-child(even){display:grid!important;grid-template-columns:1fr!important;grid-template-rows:clamp(520px,72vh,690px) auto!important;min-height:0!important;gap:22px!important}
  .v4-world::before,.v4-world::after,.v4-world:nth-child(even)::before,.v4-world:nth-child(even)::after{grid-column:1!important;grid-row:1!important;min-height:0!important}
  .v4-world::before,.v4-world:nth-child(even)::before{width:78%!important;height:86%!important;justify-self:start!important;align-self:start!important}
  .v4-world::after,.v4-world:nth-child(even)::after{width:58%!important;height:57%!important;justify-self:end!important;align-self:end!important}
  .v4-world>div,.v4-world:nth-child(odd)>div,.v4-world:nth-child(even)>div{grid-column:1!important;grid-row:2!important;padding:0!important}
  .v4-world h3{font-size:clamp(2.6rem,12vw,4.4rem)!important}
}

@media(prefers-reduced-motion:reduce){.v4-ai-nodes button{transition:none!important}}