/* Visible edges, black hardware and individual studio scenes. */
.phone,.laptop{background:linear-gradient(135deg,#2b2d33,#07080a)!important;border:2px solid #111318!important;box-shadow:0 18px 35px #17243d26,inset 0 0 0 1px #535760!important}.laptop:after{background:#111318!important}.phone:before{background:#000!important}.phone-screen{border-color:#111!important}.browserbar{background:#20242b!important;border-color:#20242b!important}.browserbar .dot{background:#718096}.addr{background:#435167}.device,.card{border:1.5px solid #9db4d0!important;border-radius:30px!important;overflow:hidden}.experience-nav a{text-decoration:none;transition:color .2s}.experience-nav a:hover{color:#2458dc!important}.experience-start{box-shadow:0 4px 0 #14347d;transition:transform .2s,box-shadow .2s;text-decoration:none}.experience-start:hover{transform:translateY(-2px);box-shadow:0 6px 0 #14347d}.scene-art{display:grid;place-items:center;padding:24px!important;position:relative}.scene-art img{display:block;width:100%;height:100%;max-height:480px;object-fit:contain;border-radius:22px;animation:sceneArtwork 8s ease-in-out infinite alternate}.scene-art .art-caption{position:absolute;bottom:25px;left:30px;background:#ffffffeb;color:#17243d;padding:10px 16px;border:1px solid #8fa9c7;border-radius:12px;font-size:12px;font-weight:800}.browser img{animation:none!important}.phone{right:24px!important;bottom:24px!important}.card.copy{padding-top:40px!important}.project-index{pointer-events:none}
.studio-scene{background:linear-gradient(125deg,#dae8ff,#d3f0e5)!important;padding:28px!important}.studio-preview{width:100%;padding:clamp(20px,3vw,44px);border:8px solid #111318;border-radius:24px;background:#f7faff;color:#17243d;box-shadow:0 22px 40px #17243d20}.studio-preview header{display:flex;align-items:center;gap:12px;font-size:13px;border-bottom:1px solid #a6bdd5;padding-bottom:20px}.studio-preview header img{width:36px}.studio-preview header span{margin-left:auto;font-size:9px;color:#73541d}.studio-preview h3{font-size:clamp(26px,3vw,46px);line-height:1.15;margin:24px 0 18px}.studio-preview h3 em{color:#087d78}.studio-preview p{color:#51627b;font-size:14px;line-height:1.6}.studio-preview-links,.studio-preview-grid{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.studio-preview-links a{border:1px solid #1642b8;border-radius:12px;background:#2458dc;color:#fff;text-decoration:none;padding:12px 16px;font-size:12px;font-weight:800}.studio-preview-grid a{flex:1;min-width:110px;border:1.5px solid #96b2cd;border-radius:16px;padding:18px;background:#e5efff;text-decoration:none;color:#17243d}.studio-preview-grid :is(b, .seo-art),.studio-preview-grid span{display:block}.studio-preview-grid span{font-size:11px;margin-top:8px;color:#51627b}
@keyframes sceneArtwork{to{transform:translateY(-6px)}}
@media(max-width:650px){.phone{width:110px!important}.scene-art{min-height:260px}.scene-art img{max-height:320px}.experience-nav{font-size:11px;gap:13px}.scene-nav{bottom:12px!important}.skip-link{bottom:12px!important}.footnote{display:none}}
@media(prefers-reduced-motion:reduce){.scene-art img{animation:none!important}.experience-start{transition:none!important}}