html{scroll-behavior:smooth}body{overflow-x:hidden}.media-frame{position:relative;overflow:hidden;border-radius:2rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}.media-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45))}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:translateY(0)}.project-link{position:relative}.project-link:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(.25);transform-origin:left;transition:transform .25s ease;opacity:.5}.project-link:hover:after{transform:scaleX(1)}

/* Sprocket Visuals integrated image system */
.sprocket-panel{position:relative;overflow:hidden;border-radius:2rem;border:1px solid rgba(255,255,255,.12);background:#06070b;box-shadow:0 30px 120px rgba(0,0,0,.55)}
.sprocket-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,10,.94) 0%,rgba(5,6,10,.72) 38%,rgba(5,6,10,.22) 70%,rgba(5,6,10,.55) 100%),radial-gradient(circle at 22% 38%,rgba(236,72,153,.24),transparent 28%),radial-gradient(circle at 82% 22%,rgba(245,158,11,.18),transparent 28%);z-index:1;pointer-events:none}.sprocket-panel:after{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,rgba(236,72,153,.55),transparent 22%,transparent 72%,rgba(245,158,11,.32));opacity:.45;mix-blend-mode:screen;pointer-events:none}.sprocket-bg{position:absolute;inset:0;background-image:url('../assets/sprocket/sprocket-collage-primary.png');background-size:cover;background-position:center;transform:scale(1.02);filter:saturate(1.05) contrast(1.03)}.sprocket-content{position:relative;z-index:2}.sprocket-kicker{color:#f0abfc;text-shadow:0 0 22px rgba(236,72,153,.55)}.sprocket-glow-line{height:1px;background:linear-gradient(90deg,rgba(236,72,153,0),rgba(236,72,153,.8),rgba(245,158,11,.45),rgba(125,211,252,0));box-shadow:0 0 22px rgba(236,72,153,.45)}.sprocket-card-img{background-image:linear-gradient(135deg,rgba(5,6,10,.25),rgba(5,6,10,.15)),url('../assets/sprocket/sprocket-collage-secondary.png');background-size:cover;background-position:center}.watermark-bg{background-image:url('../assets/logos/sprocket-watermark.png');background-repeat:no-repeat;background-position:calc(100% - 2rem) calc(100% - 2rem);background-size:150px;}.scanline{position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 5px);opacity:.18;mix-blend-mode:overlay}.avatar-ring{box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 40px rgba(236,72,153,.25)}
@media (max-width: 768px){.sprocket-panel:before{background:linear-gradient(180deg,rgba(5,6,10,.92),rgba(5,6,10,.55),rgba(5,6,10,.92)),radial-gradient(circle at 35% 20%,rgba(236,72,153,.22),transparent 35%)}.sprocket-bg{background-position:center}.watermark-bg{background-size:95px;background-position:calc(100% - 1rem) calc(100% - 1rem)}}

/* Legacy / 3D modeling gallery */
.portfolio-card{overflow:hidden;border-radius:2rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);box-shadow:0 18px 70px rgba(0,0,0,.35)}
.portfolio-card img{display:block;width:100%;height:100%;min-height:260px;max-height:520px;object-fit:cover;transition:transform .55s ease,filter .55s ease;filter:saturate(.96) contrast(1.02)}
.portfolio-card:hover img{transform:scale(1.025);filter:saturate(1.05) contrast(1.06)}
.portfolio-card figcaption{border-top:1px solid rgba(255,255,255,.08);padding:1rem 1.25rem;color:rgba(255,255,255,.65);font-size:.875rem;line-height:1.6;background:rgba(5,7,10,.72)}
.portfolio-card.wide img{min-height:230px;max-height:360px}


/* Slot / Interactive entertainment gallery */
.portfolio-card strong{color:rgba(255,255,255,.9);font-weight:700}