.web-hero{padding-block:90px}.web-hero h1{font-size:clamp(40px,5.3vw,74px);line-height:1.1}.web-section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.web-section-title h2{margin-bottom:0!important}.web-section-title>p{font-size:12px;color:#aaa;line-height:1.9}.web-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.web-project{min-width:0;background:#191919;border:1px solid #333;border-radius:22px;overflow:hidden}.web-project-image{display:block;padding:24px;background:linear-gradient(135deg,#333,#171717)}.web-project:nth-child(2) .web-project-image{background:linear-gradient(135deg,#4b3425,#191919)}.web-project:nth-child(3) .web-project-image{background:linear-gradient(135deg,#213d34,#181818)}.web-project:nth-child(4) .web-project-image{background:linear-gradient(135deg,#254448,#181818)}.web-browser{display:flex;align-items:center;gap:12px;background:#eee;color:#555;padding:10px 12px;border-radius:8px 8px 0 0;font-size:8px}.web-browser>span{letter-spacing:2px;color:#888}.web-browser small{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-browser b{margin-left:auto}.web-screen{aspect-ratio:1.44;overflow:hidden;border-radius:0 0 8px 8px;background:#fff;box-shadow:0 15px 35px #0005}.web-screen img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}.web-project-image:hover img{transform:scale(1.025)}.web-project-copy{padding:28px}.web-project-copy .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:12px}.web-project h3{font-size:28px;line-height:1.3}.web-project-copy>p:not(.eyebrow){font-size:13px;color:#aaa;line-height:1.85;margin-top:18px}.web-tech{margin-top:24px;padding-top:20px;border-top:1px solid #333}.web-tech span{display:block;font-size:9px;letter-spacing:1px;color:#888}.web-tech strong{display:block;font-size:12px;font-weight:400;margin-top:8px;color:#ccc}.web-project-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:24px;font-size:11px}.web-project-actions>a,.web-preview-button{min-height:44px;display:inline-flex;align-items:center}.web-preview-button{border:0;background:none;padding:0;color:white;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.web-more{border-top:1px solid #333;margin-top:48px;padding-top:30px}.web-more h3{font-size:22px}.web-more>div{display:flex;gap:30px;flex-wrap:wrap;color:#aaa;font-size:13px;margin-top:20px}.web-more a{min-height:44px;display:inline-flex;align-items:center}#web-preview{max-width:1100px;width:92vw;max-height:92vh;padding:24px;background:#191919;color:#fff;border:1px solid #555;border-radius:16px}#web-preview::backdrop{background:#000c}#web-preview h2{font-size:24px;margin:16px 0}#web-preview img{width:100%;height:auto}#close-preview{display:block;margin-left:auto;background:#fff;color:#111;border:0;border-radius:6px;padding:12px 18px;font:13px 'JetBrains Mono',monospace;cursor:pointer}
@media(max-width:750px){.web-work-grid{grid-template-columns:1fr;gap:32px}.web-section-title{display:block}.web-section-title>p{margin-top:24px}.web-hero{padding-block:60px}.web-hero h1{font-size:clamp(32px,8.8vw,48px)}.web-project-image{padding:18px}.web-project-copy{padding:26px}.web-project h3{font-size:26px}.web-browser small{font-size:8px}.web-project-actions{font-size:10px}#web-preview{padding:16px}}