.creative-visual{height:320px;overflow:hidden;background:#eef2f6;display:flex;align-items:center;justify-content:center;border-radius:3px}.creative-visual img{display:block;width:100%;height:100%;object-fit:cover}.website-capture{padding:24px!important;align-items:flex-start;background:#e3eaf2}.website-capture img{object-fit:cover;object-position:top;box-shadow:0 10px 25px #04184220;border-radius:5px}.print-cover{padding:20px!important;background:#eeeae1}.print-cover img{object-fit:contain}.report-cover{padding:18px!important;background:#e5edf6}.report-cover img{object-fit:contain}.detail-hero .creative-visual{height:auto;aspect-ratio:3/2}.detail-hero .website-capture{height:390px;aspect-ratio:auto}.detail-hero .report-cover{aspect-ratio:3/2}.original-art{height:330px;padding:15px;background:#f0f2f4}.original-art img{object-fit:contain;object-position:top}.capture-card:has(.original-art){background:white}.new-home-projects .creative-visual{height:300px}.capture-intro{max-width:800px;line-height:1.8}.portfolio-card[hidden],.project[hidden]{display:none!important}@media(max-width:700px){.creative-visual,.new-home-projects .creative-visual{height:270px}.detail-hero .website-capture{height:320px}.original-art{height:360px}}
.site-montage{height:320px;position:relative;overflow:hidden;background:linear-gradient(130deg,#dde7f0,#f1f5f9);border-radius:4px;isolation:isolate}.browser-panel{position:absolute;background:white;border:1px solid #c8d3df;border-radius:6px;box-shadow:0 14px 30px #04184222;overflow:hidden}.browser-panel.primary{width:65%;height:87%;left:5%;top:9%;z-index:2;transform:rotate(-2deg)}.browser-panel.secondary{width:50%;height:76%;right:4%;top:5%;transform:rotate(3deg)}.browser-dots{height:15px;background:#f3f5f7;display:flex;align-items:center;gap:3px;padding:0 7px}.browser-dots i{height:4px;width:4px;background:#b4c1cf;border-radius:50%}.browser-panel img{width:100%;height:calc(100% - 15px);object-fit:cover;object-position:top;display:block}.detail-hero .site-montage{height:auto;aspect-ratio:3/2}.detail-hero .browser-panel img{height:calc(100% - 15px)}@media(max-width:700px){.site-montage{height:280px}.detail-hero .site-montage{height:300px;aspect-ratio:auto}}