.portfolio{padding-top:55px}.work-filters{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0 14px}.work-filters button{font:600 14px 'DM Sans',sans-serif;padding:12px 20px;color:#b9c9ea;background:#101e3a;border:1px solid #2a3e62;border-radius:30px;cursor:pointer;transition:.2s}.work-filters button:hover,.work-filters button[aria-pressed=true]{color:#fff;background:#2455eb;border-color:#5680ff;box-shadow:0 7px 25px #164bd32b}.work-count{font-size:13px;color:#96a9ca;margin-bottom:25px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.work-card{overflow:hidden;border:1px solid #293f66;border-radius:18px;background:linear-gradient(145deg,#102447,#0a1630);transition:transform .25s,box-shadow .25s}.work-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0004}.work-card[hidden]{display:none}.work-image,.screen-preview{position:relative;display:block;overflow:hidden;background:#edf3fc;color:#fff;text-decoration:none}.browser-bar{height:31px;background:#182944;display:flex;align-items:center;gap:5px;padding:0 12px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#5e7395}.browser-bar i:first-child{background:#f092a2}.browser-bar i:nth-child(2){background:#e6c482}.browser-bar i:nth-child(3){background:#80c9b5}.browser-bar span{margin-left:10px;font-size:10px;letter-spacing:.03em;color:#c6d1e4}.work-image img{width:100%;height:auto;aspect-ratio:1365/605;object-fit:contain;display:block;transition:transform .4s}.work-image:hover img{transform:scale(1.025)}.work-open{position:absolute;right:12px;bottom:12px;background:#091937e8;border:1px solid #5a7ac0;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:600;backdrop-filter:blur(8px)}.work-copy{padding:24px}.work-copy .eyebrow{font-size:10px;color:#7da2ff}.work-copy h3{font-size:24px;margin:10px 0 12px;letter-spacing:-.6px}.work-copy h3 a{color:#fff;text-decoration:none;display:flex;justify-content:space-between;gap:10px}.work-copy h3 span{color:#7299ff;font-size:20px}.work-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#b7c6df;margin:0 0 20px}.work-tags{display:flex;gap:7px;flex-wrap:wrap}.work-tags span{font-size:10px;color:#c5d4ef;padding:6px 9px;border:1px solid #355078;border-radius:6px;background:#ffffff04}.project-intro{padding-top:55px;padding-bottom:40px}.project-intro .eyebrow{margin-top:35px}.project-intro h1{font-family:Sora,Manrope,sans-serif;font-size:clamp(38px,5vw,72px);letter-spacing:-.05em;line-height:1.15;margin:20px 0;color:#fff}.project-intro h1 span{color:#527eff}.project-summary{font-size:21px;color:#b8c9e7;max-width:760px;line-height:1.7;margin-bottom:28px}.project-intro .work-tags span{font-size:12px;padding:9px 13px}.project-gallery{padding-top:20px}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.gallery-heading h2{font-size:36px;margin:0}.gallery-heading p{max-width:380px;color:#b8c9e7;font-size:15px}.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.screen-grid figure{margin:0;min-width:0}.screen-grid figure:first-child{grid-column:1/-1}.screen-preview{width:100%;border:1px solid #355078;border-radius:14px;padding:0;cursor:zoom-in;text-align:left}.screen-preview img{width:100%;height:auto;display:block}.screen-grid figcaption{padding:15px 4px;color:#d4e2fa;font-size:14px}.screen-grid figcaption span{color:#7b9fff;margin-right:12px}.project-note{font-size:12px;color:#8ea4c6;margin-top:30px;max-width:720px;line-height:1.8}.screen-dialog{padding:20px;width:min(1400px,94vw);max-width:94vw;max-height:94vh;overflow:auto;background:#0c1930;color:#fff;border:1px solid #3b5785;border-radius:16px;box-shadow:0 30px 120px #0009}.screen-dialog::backdrop{background:#010615db;backdrop-filter:blur(8px)}.viewer-toolbar,.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.viewer-toolbar p{font-size:14px;margin:0}.screen-dialog button{border:1px solid #38517d;border-radius:8px;padding:10px 14px;background:#172c4e;color:#fff;cursor:pointer}.screen-dialog button[hidden]{display:none}#viewer-image{display:block;width:100%;object-fit:contain;max-height:72vh;margin:18px auto}.viewer-controls{font-size:13px;color:#b5c9eb}.work-filters button:focus-visible,.screen-dialog button:focus-visible,.screen-preview:focus-visible,.work-image:focus-visible{outline:3px solid #a3bbff;outline-offset:4px}@media(max-width:1000px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-work .work-card:last-child{grid-column:1/-1}}@media(max-width:650px){.work-grid,.screen-grid{grid-template-columns:1fr}.home-work .work-card:last-child{grid-column:auto}.work-copy{padding:22px}.work-filters{gap:8px}.work-filters button{font-size:12px;padding:10px 14px}.gallery-heading{display:block}.project-summary{font-size:18px}.screen-dialog{padding:12px}.viewer-toolbar p{font-size:11px}.viewer-toolbar button{font-size:11px}.gallery-heading h2{font-size:29px}}@media(prefers-reduced-motion:reduce){.work-card,.work-image img{transition:none}}