/* DreamCodeV hero: real photographic cosmic background, rear orbit, verified transparent astronaut, front orbit. */
.orbit-stage{position:relative!important;background:#020008!important;border-radius:28px!important;overflow:hidden!important;isolation:isolate!important;box-shadow:inset 0 0 80px rgba(2,0,12,.22),0 0 48px rgba(104,34,220,.14)!important}
.orbit-stage:before,.orbit-stage:after{content:none!important;display:none!important}
.hero-real-background{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;object-fit:cover!important;object-position:center center!important;display:block!important;pointer-events:none!important;filter:saturate(1.08) contrast(1.04) brightness(.96)!important}
.hero-glow{display:none!important}.hero-image-wrap{position:absolute!important;left:54%!important;top:48%!important;width:min(52%,400px)!important;height:auto!important;aspect-ratio:320/388!important;transform:translate(-50%,-50%)!important;z-index:5!important;overflow:visible!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;pointer-events:none!important}.hero-image-wrap:before,.hero-image-wrap:after{content:none!important;display:none!important}.hero-image-wrap img#hero-img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:brightness(1.02) saturate(1.06) contrast(1.05) drop-shadow(0 0 18px rgba(116,47,255,.24))!important;opacity:0;transition:opacity .18s ease}.hero-image-wrap img#hero-img.is-loaded{opacity:1!important}.hero-image-wrap img#hero-img.hero-source-error{opacity:0!important}.hero-depth-layer,.hero-occluder,.visor-reflection{display:none!important}.orbit-ring{z-index:3!important;pointer-events:none!important}.orbit-item{transition:filter .12s,opacity .12s!important}
.command-center-logo{width:68px!important;height:68px!important;object-fit:cover!important;border-radius:18px!important;margin:30px 0 20px!important;box-shadow:0 0 28px rgba(130,47,255,.3)}.tbt-correct-logo{object-fit:cover!important;filter:brightness(1.14) saturate(1.07) contrast(1.03)!important}.hub-card .tbt-correct-logo{display:block;width:68px!important;height:68px!important;border-radius:18px!important;margin:30px 0 20px!important;box-shadow:0 0 28px rgba(210,160,72,.22)}.tbt-feature>.tbt-correct-logo{display:block;width:48%!important;max-width:420px!important;height:auto!important;aspect-ratio:1/1;border-radius:24px!important}.studio-card{padding-top:58px!important}.studio-card h3{margin-top:22px!important}
@media(max-width:760px){.hero{overflow:hidden!important}.orbit-stage{width:calc(100% + 28px)!important;height:520px!important;margin:16px -14px 0!important;border-radius:0!important;overflow:hidden!important}.hero-real-background{object-position:52% center!important;filter:saturate(1.1) contrast(1.04) brightness(.94)!important}.hero-image-wrap{left:52%!important;top:48%!important;width:60%!important;max-width:280px!important;height:auto!important;aspect-ratio:320/388!important;transform:translate(-50%,-50%)!important}.hero-image-wrap img#hero-img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;object-position:center!important}.orbit-ring{left:50%!important;top:48%!important}.orbit-ring-a{width:84%!important;height:62%!important}.orbit-ring-b{width:62%!important;height:80%!important}.orbit-item{left:50%!important;top:48%!important}.orbit-hint{left:0!important;right:0!important;bottom:9px!important;text-align:center!important;z-index:22!important}.tbt-feature>.tbt-correct-logo{width:100%!important;max-width:none!important}.studio-card{padding-top:54px!important}}
@media(orientation:landscape) and (max-height:520px){.hero{grid-template-columns:minmax(250px,.9fr) minmax(360px,1.25fr)!important;align-items:center!important;gap:18px!important;padding-top:22px!important}.orbit-stage{height:min(76vh,360px)!important;min-height:300px!important;width:100%!important;margin:0!important;border-radius:22px!important}.hero-real-background{object-position:center 54%!important}.orbit-ring{left:62%!important;top:50%!important}.orbit-ring-a{width:68%!important;height:70%!important}.orbit-ring-b{width:50%!important;height:86%!important}.orbit-item{left:62%!important;top:50%!important}.orbit-hint{bottom:7px!important}.hero-copy h1{font-size:clamp(44px,8vw,76px)!important;line-height:.86!important}.hero-copy .hero-lede{max-width:390px!important}}

/* Ecosystem icon balance: the portal artwork has more internal breathing room, so its box is slightly larger while keeping the same overall vertical footprint. */
.hub-card img[alt="DreamCodeV Client Portal icon"]{width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;margin:26px 0 16px!important;border-radius:18px!important;object-fit:cover!important;box-shadow:0 0 30px rgba(147,55,255,.38)!important}

/* Premium DCV orbit controls — visual upgrade only; positioning and interaction remain controlled by script.js. */
.orbit-icon{position:relative!important;overflow:visible!important;color:#fff!important;font-family:"Space Grotesk",sans-serif!important;font-weight:700!important;background:radial-gradient(circle at 32% 25%,rgba(232,192,255,.34) 0 7%,transparent 24%),radial-gradient(circle at 45% 38%,rgba(164,74,255,.95),rgba(87,25,153,.92) 37%,rgba(23,8,38,.96) 70%,rgba(5,2,10,1) 100%)!important;border:1px solid rgba(210,143,255,.9)!important;box-shadow:0 0 12px rgba(198,92,255,.7),0 0 30px rgba(137,45,255,.58),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -10px 24px rgba(17,4,32,.64)!important;text-shadow:0 0 8px rgba(255,255,255,.75),0 0 17px rgba(207,130,255,.82)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.orbit-icon:before{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 12px rgba(227,172,255,.16);pointer-events:none}
.orbit-icon:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(170,78,255,.28);box-shadow:0 0 18px rgba(152,60,255,.22);pointer-events:none}
.orbit-label b{color:#fff!important;font-weight:700!important;letter-spacing:.07em!important;text-shadow:0 0 10px rgba(185,102,255,.28),0 2px 8px rgba(0,0,0,.9)!important}
.orbit-label small{color:#c4b8ce!important;text-shadow:0 2px 8px rgba(0,0,0,.94)!important}
.orbit-item.is-active .orbit-icon{transform:scale(1.13)!important;background:radial-gradient(circle at 32% 25%,rgba(255,234,255,.5) 0 8%,transparent 26%),radial-gradient(circle at 45% 38%,#d494ff,#8a35d6 42%,#32104e 72%,#09030e 100%)!important;box-shadow:0 0 16px rgba(234,184,255,.95),0 0 46px rgba(174,71,255,.9),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -10px 24px rgba(35,8,55,.62)!important}
.orbit-item:nth-child(2n) .orbit-icon{box-shadow:0 0 12px rgba(191,88,255,.72),0 0 32px rgba(92,73,255,.5),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -10px 24px rgba(17,4,32,.64)!important}
.orbit-item:nth-child(3n) .orbit-icon{background:radial-gradient(circle at 32% 25%,rgba(245,211,255,.36) 0 7%,transparent 24%),radial-gradient(circle at 45% 38%,rgba(177,63,255,.96),rgba(65,32,153,.92) 40%,rgba(18,7,40,.97) 72%,#05020a 100%)!important}

/* Exact approved Concept D artwork. This override changes ONLY the orbit icon art. */
#orbit-stage .orbit-item .orbit-icon{width:66px!important;height:66px!important;flex:0 0 66px!important;border-radius:50%!important;overflow:hidden!important;border:0!important;background:url('assets/orbit-icons-concept-d.webp') no-repeat!important;background-size:400% 200%!important;color:transparent!important;font-size:0!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 0 18px rgba(127,47,255,.28),0 0 34px rgba(65,120,255,.14)!important}
#orbit-stage .orbit-item .orbit-icon:before,#orbit-stage .orbit-item .orbit-icon:after{content:none!important;display:none!important}
#orbit-stage .orbit-item[aria-label="Branding"] .orbit-icon{background-position:0% 0%!important}
#orbit-stage .orbit-item[aria-label="Graphic Design"] .orbit-icon{background-position:33.333% 0%!important}
#orbit-stage .orbit-item[aria-label="Photo and Video"] .orbit-icon{background-position:66.667% 0%!important}
#orbit-stage .orbit-item[aria-label="Marketing"] .orbit-icon{background-position:100% 0%!important}
#orbit-stage .orbit-item[aria-label="Web and Tech"] .orbit-icon{background-position:0% 100%!important}
#orbit-stage .orbit-item[aria-label="Music and Audio"] .orbit-icon{background-position:33.333% 100%!important}
#orbit-stage .orbit-item[aria-label="Video Production"] .orbit-icon{background-position:66.667% 100%!important}
#orbit-stage .orbit-item.is-active .orbit-icon{transform:scale(1.08)!important;filter:brightness(1.1) saturate(1.06)!important;box-shadow:0 0 20px rgba(216,105,255,.42),0 0 44px rgba(78,135,255,.24)!important}
@media(max-width:760px){#orbit-stage .orbit-item .orbit-icon{width:58px!important;height:58px!important;flex-basis:58px!important}}