.portfolio{padding-block:64px 100px}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}.work-heading h1{font-size:60px;line-height:1.3;margin:10px 0 0}.work-categories{display:flex;flex-wrap:wrap;gap:8px;border-block:1px solid var(--line);padding:18px 0;margin-bottom:36px}.work-categories a{font-size:14px;padding:10px 16px;border-radius:6px;color:var(--muted);transition:background .2s,color .2s}.work-categories a:hover{background:var(--surface-soft);color:var(--ink)}.work-categories a[aria-current]{background:var(--ink);color:var(--surface)}.work-category-title{font-size:20px;margin:0 0 24px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-tile{display:block;position:relative;isolation:isolate;border-radius:8px;overflow:hidden;background:var(--surface-soft);aspect-ratio:4/5}.work-tile img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.work-tile:hover img{transform:scale(1.025)}.work-tile-open{position:absolute;inset:auto 16px 16px auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#202323;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;box-shadow:0 3px 15px #0002}.work-tile:hover .work-tile-open,.work-tile:focus-visible .work-tile-open{opacity:1;transform:none}.home-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.work-dialog{padding:0;border:0;border-radius:8px;background:#171919;color:#fff;width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}.work-dialog::backdrop{background:#111c;backdrop-filter:blur(8px)}.work-dialog-toolbar{display:flex;justify-content:end;gap:8px;padding:10px 16px;position:sticky;top:0;background:#171919;z-index:2}.work-dialog-toolbar>a{margin-inline-end:auto}.work-icon{display:grid;place-items:center;border:1px solid #ffffff30;border-radius:6px;width:42px;height:42px;background:transparent;color:inherit;cursor:pointer}.work-icon:hover{background:#ffffff20}.work-icon:disabled{opacity:.35;cursor:default}.work-dialog-media{display:grid;place-items:center;padding:0 18px 18px;min-height:140px}.work-dialog-media img,.work-dialog-media video{display:block;width:auto;max-width:100%;max-height:calc(100dvh - 134px);object-fit:contain;border-radius:8px}.work-media-status{position:absolute;top:50%;inset-inline:16px;text-align:center;margin:0;font-size:14px;pointer-events:none}.work-dialog-open{overflow:hidden}.single-work{padding-block:50px 90px}.single-work h1{font-size:24px;margin-block:24px}.single-work-media{display:grid;place-items:center;background:var(--surface-soft);padding:28px;border-radius:8px;margin-bottom:28px}.single-work-media img,.single-work-media video{max-height:1100px;max-width:100%;width:auto;height:auto;border-radius:8px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--muted)}
@media(max-width:920px){.work-grid,.home-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.work-heading h1{font-size:48px}.work-tile-open{opacity:1;transform:none;width:34px;height:34px;inset:auto 10px 10px auto}.portfolio{padding-top:42px}}
@media(max-width:540px){.work-heading{gap:16px;align-items:center;margin-bottom:26px}.work-heading h1{font-size:38px}.work-heading>.text-link{font-size:12px}.work-categories{gap:6px;padding-block:12px;margin-bottom:24px}.work-categories a{font-size:12px;padding:9px 11px}.work-grid{grid-template-columns:1fr;gap:20px}.home-work-grid{gap:10px}.single-work-media{padding:8px}.single-work h1{font-size:19px}.work-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.work-dialog-media{padding:0 8px 12px}.work-dialog-toolbar{padding:8px}.work-category-title{font-size:17px}}
@media(prefers-reduced-motion:reduce){.work-tile img,.work-tile-open{transition:none;transform:none!important}}