/* --- 3D/Parallax Goodies for PortLinks --- */
.scene{perspective:1000px}
.tilt{transform-style:preserve-3d; transition:transform .2s ease, box-shadow .3s ease}
.tilt:hover{box-shadow:0 20px 60px rgba(0,0,0,.18)}
.tilt .layer{transform:translateZ(30px)}
.floaty{animation:floaty 6s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.spin-slow{animation:spin 20s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}}

.container-stack{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;transform-style:preserve-3d}
.container-box{height:36px;border-radius:6px;background:linear-gradient(135deg,#1e88e5,#0d47a1);box-shadow:0 6px 16px rgba(13,71,161,.25)}
.container-box:nth-child(3n){background:linear-gradient(135deg,#42a5f5,#1565c0)}
.container-box:nth-child(5n){background:linear-gradient(135deg,#64b5f6,#1976d2)}
.container-pile{transform:rotateX(8deg) rotateY(-12deg) translateZ(0)}

.hero-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 200px at 20% 10%, rgba(255,196,0,.18), transparent 60%), radial-gradient(600px 200px at 80% 20%, rgba(13,71,161,.16), transparent 60%)}