.real-phone{padding:0;width:180px;height:355px;overflow:hidden;border-radius:27px;position:relative;background:#fff;box-shadow:18px 25px 45px #26233050}
.real-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.orca-phone{width:220px;height:318px;transform:rotate(6deg)}
.orca-phone img{position:absolute;height:100%;width:auto;max-width:none;left:50%;transform:translateX(-50%);object-fit:unset}
.art-action{position:absolute;right:20px;bottom:18px;padding:9px 12px;border-radius:22px;background:#ffffffd9;color:#22251c;font-size:11px;z-index:2}
.web-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:55px}
.web-art{height:260px;background:#272b22;padding:20px;transition:background .3s}
.web-projects .project:nth-child(2) .web-art{background:#343027}
.web-projects .project:nth-child(3) .web-art{background:#2e2737}
.browser-frame{width:100%;border-radius:7px;overflow:hidden;box-shadow:0 16px 25px #0005;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.browser-bar{height:23px;display:flex;align-items:center;gap:4px;padding:0 9px;background:#f0f0e8;color:#555;font-size:8px}
.browser-bar i{width:5px;height:5px;background:#aaa;border-radius:50%}
.browser-bar span{margin:auto}
.browser-frame img{display:block;width:100%;height:auto}
.web-projects .caption h3{font-size:22px}
.case-link{display:inline-block;margin-bottom:16px;color:#d7fc70}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px}
.contact .email-action{background:transparent;color:#171515;border:1px solid #17151560}
@media(hover:hover){.web-art:hover .browser-frame{transform:translateY(-5px) scale(1.025)}}
@media(max-width:1000px){.web-projects{grid-template-columns:1fr 1fr}.web-projects .project:last-child{grid-column:1 / -1;max-width:600px}.web-art{height:300px}}
@media(max-width:800px){.web-projects{grid-template-columns:1fr;margin-top:35px}.web-projects .project:last-child{max-width:none}.web-art{height:auto;min-height:260px;padding:30px 20px 55px}.real-phone{height:270px;width:134px}.orca-phone{height:270px;width:184px}.art-label{top:16px;font-size:10px}.contact-actions{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.browser-frame,.web-art{transition:none}}