.project-filters{flex-wrap:wrap;gap:8px;margin:0 0 28px;display:flex}.project-filters button{border:1px solid var(--border);min-height:44px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:24px;padding:10px 18px;font-size:14px;transition:background .15s,color .15s}.project-filters button:hover{border-color:var(--accent)}.project-filters button[aria-pressed=true]{color:#173d69;background:#dcecff;border-color:#dcecff}.project-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:30px;display:grid}.work-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;min-width:0;scroll-margin-top:100px;display:flex;overflow:hidden}.work-card>.work-preview{flex-shrink:0}.work-preview{justify-content:center;align-items:center;height:255px;padding:26px;display:flex;position:relative;overflow:hidden}.work-preview>img{object-fit:contain;border-radius:6px;max-width:100%;max-height:100%;display:block;box-shadow:0 8px 24px #15253820}.work-preview-marif{background:#e2ebe6;gap:22px}.work-preview-marif>img{border:3px solid #fff;border-radius:12px;width:auto;height:225px;max-height:none}.work-preview-poetry{background:#e7e9f3}.work-preview-dashboard{background:#e3ebf3}.work-preview-review{color:#513e70;background:#ebe6f2}.work-preview-workflow{color:#715431;background:#f2e9dc}.work-preview-portfolio{color:#304d6b;background:#dfe8ef}.work-preview-label{text-align:center;letter-spacing:.06em;font-size:11px;position:absolute;bottom:18px;left:0;right:0}.work-flow{gap:10px;width:100%;display:flex}.work-flow>div{text-align:center;background:#fffa;border:1px solid #fff;border-radius:10px;flex:1;min-width:0;padding:16px 4px;font-size:12px;font-weight:600}.work-flow>div>span{font:18px var(--mono);opacity:.65;margin-bottom:12px;display:block}.work-monogram{letter-spacing:-.07em;text-align:center;font-size:82px;font-weight:700;line-height:1}.work-monogram span{letter-spacing:.12em;margin-top:18px;font-size:12px;font-weight:400;display:block}.work-card-body{flex-direction:column;flex:1;padding:25px 28px 20px;display:flex}.work-card-category{color:#a8bad2;align-items:center;gap:12px;margin-bottom:9px;font-size:12px;display:flex}.work-card-category>span{color:#a6ddcd;border-left:1px solid var(--border);padding-left:12px}.work-card h3{letter-spacing:-.025em;margin-bottom:12px;font-size:22px;line-height:1.3}.work-card-summary{color:var(--text-secondary);flex:1;min-height:50px;font-size:15px;line-height:1.65}.work-card-tools{flex-wrap:wrap;gap:7px;margin:18px 0;padding:0;list-style:none;display:flex}.work-card-tools li{color:#bdcce0;background:#131b29;border-radius:6px;padding:5px 9px;font-size:11px}.work-read-more{color:#a8d0ff;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;padding:0;font:600 14px/1.5 Inter,sans-serif;text-decoration:none;display:flex}.work-card a:hover,.work-card button:hover{text-underline-offset:4px;text-decoration:underline}.project-gallery :is(a,button,summary):focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #8cc6ff}.project-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.project-gallery-grid{grid-template-columns:1fr;gap:24px}.work-card-body{padding:22px}.work-preview{height:230px;padding:20px}.work-preview-marif>img{height:202px}.project-filters button{padding:9px 13px;font-size:13px}.work-card-summary{min-height:0}}@media (prefers-reduced-motion:reduce){.project-filters button{transition:none}}.work-preview-atlas{background:#e5efed;padding:16px}.work-preview-atlas>img{object-fit:contain;width:100%;height:100%}.glass-card .work-preview:is(.device-preview,.work-preview-concept){aspect-ratio:1.5;border:1px solid var(--card-rim,#d9e6ff24);background:radial-gradient(ellipse at 25% 15%, rgb(var(--preview-tint) / .23), transparent 75%), linear-gradient(135deg, rgb(var(--preview-tint) / .14), rgb(var(--preview-tint) / .04));border-radius:18px;height:auto;margin:16px 16px 0;padding:0;display:block}.glass-card .work-preview.work-preview-concept{padding:26px;display:flex}.device-stage{--desktop-ratio:1.5;--phone-ratio:calc(390 / 844);position:absolute;inset:22px 24px 38px;container-type:size}.device-desktop{width:min(84%, calc((100cqh - 22px) * var(--desktop-ratio)));background:#272b32;border:1px solid #626974;border-radius:10px;padding:1px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 16px 24px #00000038,0 2px 3px #0003}.device-browser-bar{align-items:center;gap:3px;height:9px;padding:0 5px;display:flex}.device-browser-bar i{background:#7b8492;border-radius:50%;width:2px;height:2px}.device-browser-bar span{background:#505864;border-radius:3px;width:38%;height:2px;margin:0 auto}.device-desktop img{width:100%;height:auto;aspect-ratio:var(--desktop-ratio);object-fit:cover;object-position:center top;border-radius:2px 2px 8px 8px;display:block}.work-preview-poetry .device-desktop img{object-fit:contain;object-position:center;background:#0e1117}.device-phone{width:min(26%, calc((100cqh - 16px) * var(--phone-ratio)));background:#272b32;border:1px solid #626974;border-radius:14px;padding:1px;position:absolute;bottom:0;right:0;box-shadow:0 14px 22px #00000045,0 2px 3px #00000040}.device-phone img{width:100%;height:auto;aspect-ratio:var(--phone-ratio);object-fit:cover;object-position:var(--screen-position);border-radius:12px;display:block}.device-tablet{width:min(58%, calc((100cqh - 12px) * var(--screen-ratio)));background:#272b32;border:1px solid #626974;border-radius:13px;padding:1px;position:absolute;top:0;left:19%;box-shadow:0 16px 24px #00000038,0 2px 3px #0003}.device-tablet img{width:100%;height:auto;aspect-ratio:var(--screen-ratio);object-fit:cover;object-position:center top;border-radius:11px;display:block}.device-stage--tablet .device-phone{left:calc(10% + min(58%,75cqh - 9px));right:auto}.device-stage--responsive .device-phone{right:max(0px, calc(88% - min(84%, calc((100cqh - 22px) * var(--desktop-ratio)))))}.device-caption{bottom:11px;text-align:center;font:500 10px/1.4 var(--mono);letter-spacing:.025em;color:var(--text-soft);position:absolute;inset-inline:12px}.device-stage--desktop .device-desktop{left:50%;transform:translate(-50%,-50%)}.device-stage--phones .device-phone{bottom:0;right:24%;transform:rotate(5deg)}.device-stage--phones .device-phone-secondary{inset:0 auto auto 24%;transform:rotate(-7deg)}@media (width<=420px){.glass-card .work-preview:is(.device-preview,.work-preview-concept){border-radius:14px;margin:12px 12px 0}.glass-card .work-preview.work-preview-concept{padding:16px}.device-stage{inset:16px 14px 30px}.device-desktop{border-radius:9px}.device-browser-bar{height:8px}.device-phone{border-radius:10px}.device-phone img{border-radius:8px}.device-caption{font-size:9px;bottom:8px}}html{scrollbar-gutter:stable}.project-dialog{--detail-link:#a8d0ff;width:min(760px,100% - 48px);max-width:none;max-height:min(860px,100dvh - 64px);color:var(--text);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffff12,#0000 55%),#1e1e22f5;border:1px solid #ebebf04d;border-top-color:#ffffff80;border-radius:28px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 32px 100px #00000059}.project-dialog[open]{flex-direction:column;display:flex}.project-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a10a3}.project-dialog-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:flex-start;gap:20px;padding:28px 32px 24px;display:flex}.project-dialog-header>div{flex:1;min-width:0}.project-dialog-category{color:var(--detail-link);font:11px/1.6 var(--mono);margin-bottom:8px}.project-dialog-header h2{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(22px,3vw,30px);line-height:1.25}.project-dialog-header h2:focus{outline:none}.project-dialog-close{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:14px;flex-shrink:0;place-items:center;font-family:inherit;display:grid}.project-dialog-close span{font-size:28px;line-height:1}.project-dialog-close:hover{background:var(--surface2);border-color:var(--border-hover)}.project-dialog-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;color:var(--text-secondary);padding:28px 32px 36px;font-size:15px;line-height:1.8;overflow-y:auto}.project-dialog-intro{color:var(--text);font-size:17px;line-height:1.7}.project-dialog-tools{flex-wrap:wrap;gap:8px;margin:18px 0 28px;padding:0;list-style:none;display:flex}.project-dialog-tools li{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:4px 10px;font-size:12px}.project-dialog-section+.project-dialog-section{margin-top:26px}.project-dialog-section h3{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.5}.project-dialog-section>ul{padding-left:22px;list-style:outside}.project-dialog-section li+li{margin-top:10px}.project-dialog-section li::marker{color:var(--detail-link)}.project-dialog-links{flex-wrap:wrap;gap:8px 20px;display:flex}.project-dialog-links a{min-height:44px;color:var(--detail-link);text-underline-offset:4px;align-items:center;gap:8px;text-decoration:underline;display:inline-flex}.project-dialog-screens{gap:18px;display:grid}.project-dialog-screens a{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--detail-link);border-radius:14px;padding:10px;text-decoration:none;display:block}.project-dialog-screens img{object-fit:contain;border-radius:6px;width:100%;max-height:440px;display:block}.project-dialog-screens a>span{justify-content:space-between;padding:10px 4px 0;font-size:12px;display:flex}.project-dialog :is(a,button,.project-dialog-scroll):focus-visible{outline:2px solid var(--detail-link);outline-offset:-3px}:root[data-theme=pearl] .project-dialog{--detail-link:var(--accent);background:var(--pearl-reflection), #f8fafff0;border-color:var(--card-rim);box-shadow:var(--pearl-shadow), 0 32px 100px #2b344638;border-top-color:#fff}:root[data-theme=pearl] .project-dialog::backdrop{background:#27304066}@media (width<=600px){.project-dialog{border-radius:22px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.project-dialog-header{gap:12px;padding:20px}.project-dialog-scroll{padding:22px 20px 28px}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root .project-dialog{background:var(--bg2)}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){:root .project-dialog{background:var(--bg2);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--border-hover)}.project-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}