.display-panel-section{width:100%;position:relative;margin-top:clamp(140px,22vh,320px);padding:clamp(56px,10vw,140px) 0;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.display-panel-wrapper{width:100%;max-width:1200px;margin:0 auto;position:relative;display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,96px);padding:0 clamp(24px,6vw,84px)}.glsl-description-container{position:relative;width:100%;z-index:2;display:flex;flex-direction:column;gap:18px}.glsl-glass{border-radius:16px}.glsl-description{padding:20px 22px;color:hsla(0,0%,7%,.9)}.glsl-description .glsl-title{margin:0 0 10px;font-size:1.125rem;line-height:1.35;font-weight:700}.glsl-description .glsl-copy{margin:0;font-size:.95rem;line-height:1.6;color:hsla(0,0%,7%,.8)}.card-container{position:relative;width:auto;min-height:600px;justify-self:end}.card-swap-container{position:relative;margin-top:clamp(40px,6vh,120px);margin-right:clamp(0px,3vw,60px);transform:none;transform-origin:center;perspective:900px;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.card{position:absolute;top:50%;left:50%;border-radius:12px;border:1px solid #fff;background:#000;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 20px 40px rgba(0,0,0,.2);overflow:hidden;cursor:pointer;transition:transform .3s ease}.card:hover{transform:scale(1.02)}.card-content{padding:20px;height:100%;display:flex;flex-direction:column;color:#fff}.card-content h2{margin:0 0 15px;font-size:1.5em;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.card-content p{margin-top:auto;text-align:center;font-size:.75em;line-height:1.3;padding:0 10px}.shader-visual{flex:1;position:relative;border-radius:10px;margin:20px 0;overflow:hidden;background:#000}.webgl-canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.fractal-dragon,.lava-lamp,.under-the-sea{background:rgba(0,0,0,.8)}@media (max-width:1024px){.display-panel-section{margin-top:clamp(180px,32vh,280px)}.display-panel-wrapper{grid-template-columns:1fr;gap:clamp(48px,8vw,96px)}.glsl-description-container{position:relative;top:0;left:0;width:100%;max-width:720px;margin:0 auto}.card-container{position:static;width:100%;height:auto;display:flex;justify-content:center;justify-self:center}.card-swap-container{margin:clamp(56px,10vh,140px) auto 0;transform-origin:top center}}@media (max-width:768px){.display-panel-section{margin-top:clamp(200px,38vh,320px)}.display-panel-wrapper{grid-template-columns:1fr;gap:clamp(32px,6vw,64px)}.glsl-description-container{margin-top:0;margin-bottom:0}.card-container{margin-top:0}.card-swap-container{right:0;transform:scale(.7);-webkit-transform:scale(.7);margin:56px auto 0}}@media (max-width:480px){.display-panel-section{margin-top:clamp(220px,42vh,340px)}.display-panel-wrapper{grid-template-columns:1fr;gap:clamp(24px,5vw,48px)}.glsl-description-container{margin-top:0;margin-bottom:0}.card-container{margin-top:0}.card-swap-container{right:0;transform:scale(.6);-webkit-transform:scale(.6);margin:48px auto 0}}