.projects-page[data-astro-cid-ygqk3wt7]{background:var(--color-surface-alt);min-height:100svh}.projects-hero[data-astro-cid-ygqk3wt7]{padding:48px 0 58px;text-align:center}.projects-hero-inner[data-astro-cid-ygqk3wt7]{width:min(880px,calc(100% - 48px));margin:0 auto}.projects-icon[data-astro-cid-ygqk3wt7]{display:grid;width:56px;height:56px;margin:0 auto 26px;place-items:center;border-radius:999px;background:var(--color-brand-soft);color:var(--color-brand)}.projects-icon[data-astro-cid-ygqk3wt7] svg[data-astro-cid-ygqk3wt7]{width:30px;height:30px}.projects-hero[data-astro-cid-ygqk3wt7] h1[data-astro-cid-ygqk3wt7]{margin:0;color:var(--color-text);font-size:clamp(42px,4vw,56px);font-weight:950;line-height:1.12;letter-spacing:0}.projects-hero[data-astro-cid-ygqk3wt7] p[data-astro-cid-ygqk3wt7]{max-width:760px;margin:22px auto 0;color:var(--color-text-muted);font-size:18px;font-weight:500;line-height:1.6}.projects-gallery-section[data-astro-cid-ygqk3wt7]{padding:0 0 96px}.projects-gallery-inner[data-astro-cid-ygqk3wt7]{width:min(1216px,calc(100% - 48px));margin:0 auto}@media(max-width:620px){.projects-hero[data-astro-cid-ygqk3wt7]{padding:42px 0 36px}.projects-hero-inner[data-astro-cid-ygqk3wt7],.projects-gallery-inner[data-astro-cid-ygqk3wt7]{width:calc(100% - 24px)}.projects-hero[data-astro-cid-ygqk3wt7] h1[data-astro-cid-ygqk3wt7]{font-size:36px}.projects-hero[data-astro-cid-ygqk3wt7] p[data-astro-cid-ygqk3wt7]{font-size:16px}}@media(max-width:430px){.projects-hero[data-astro-cid-ygqk3wt7]{padding:36px 0 32px}.projects-hero-inner[data-astro-cid-ygqk3wt7],.projects-gallery-inner[data-astro-cid-ygqk3wt7]{width:calc(100% - 20px)}.projects-icon[data-astro-cid-ygqk3wt7]{width:50px;height:50px;margin-bottom:22px}.projects-hero[data-astro-cid-ygqk3wt7] h1[data-astro-cid-ygqk3wt7]{font-size:32px}.projects-hero[data-astro-cid-ygqk3wt7] p[data-astro-cid-ygqk3wt7]{margin-top:18px}}.projects-page .project-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 46px}.projects-page .project-filters button{min-height:44px;border:1px solid var(--color-border-muted);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-size:14px;font-weight:850;padding:0 22px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.projects-page .project-filters button:hover,.projects-page .project-filters button:focus-visible,.projects-page .project-filters button[data-active=true]{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-white);box-shadow:0 8px 18px color-mix(in srgb,var(--color-brand) 24%,transparent)}.projects-page .portfolio-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:136px;gap:12px}.projects-page .portfolio-card{position:relative;display:block;width:100%;min-width:0;overflow:hidden;border:0;border-radius:10px;background:var(--color-surface-dark);box-shadow:0 12px 24px var(--color-shadow-soft);cursor:pointer;padding:0;text-align:left}.projects-page .portfolio-card-large{grid-row:span 4}.projects-page .portfolio-card-wide{grid-row:span 2}.projects-page .portfolio-card img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .26s ease,transform .28s ease}.projects-page .portfolio-card:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#0f172a14,#08132be0);opacity:0;transition:opacity .24s ease}.projects-page .portfolio-card:hover img,.projects-page .portfolio-card:focus-visible img{filter:brightness(.78);transform:scale(1.04)}.projects-page .portfolio-card:hover:after,.projects-page .portfolio-card:focus-visible:after{opacity:1}.projects-page .portfolio-card-content{position:absolute;right:24px;bottom:22px;left:24px;z-index:2;color:#fff;opacity:0;transform:translateY(12px);transition:opacity .22s ease,transform .22s ease}.projects-page .portfolio-card:hover .portfolio-card-content,.projects-page .portfolio-card:focus-visible .portfolio-card-content{opacity:1;transform:translateY(0)}.projects-page .portfolio-card-content small{display:block;margin-bottom:8px;color:#25aeb6;font-size:13px;font-weight:950;text-transform:uppercase}.projects-page .portfolio-card-content strong{display:block;font-size:20px;font-weight:950;line-height:1.2}.projects-page .portfolio-card-content span{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#ffffffe0;font-size:14px;font-weight:850}.projects-page .portfolio-count{position:absolute;top:18px;right:18px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#0f172ac2;color:#fff;font-size:12px;font-weight:950;opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}.projects-page .portfolio-card:hover .portfolio-count,.projects-page .portfolio-card:focus-visible .portfolio-count{opacity:1;transform:translateY(0)}.portfolio-modal-overlay{position:fixed;inset:0;z-index:80;background:#0f172ac2;backdrop-filter:blur(8px)}.portfolio-modal{position:fixed;top:50%;left:50%;z-index:90;display:grid;width:min(1024px,calc(100% - 48px));max-height:min(88svh,760px);grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 28px 70px #0f172a57;transform:translate(-50%,-50%)}.portfolio-modal-media{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:580px;background:#f8fafc}.portfolio-modal-image{min-height:0}.portfolio-modal-image img{display:block;width:100%;height:100%;object-fit:cover}.portfolio-thumbs{display:flex;gap:14px;padding:16px 12px;overflow-x:auto}.portfolio-thumb{width:78px;height:78px;flex:0 0 auto;overflow:hidden;border:2px solid transparent;border-radius:6px;background:transparent;cursor:pointer;padding:0}.portfolio-thumb[data-active=true]{border-color:#005f6b}.portfolio-thumb img{display:block;width:100%;height:100%;object-fit:cover}.portfolio-modal-content{position:relative;padding:42px 40px 40px;overflow-y:auto}.portfolio-close{position:absolute;top:24px;right:24px;display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:999px;background:#f1f5f9;color:#475569;cursor:pointer}.portfolio-category{display:inline-flex;margin:0 0 18px;padding:7px 14px;border-radius:999px;background:#b9dce1;color:#005f6b;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.portfolio-modal-title{max-width:360px;margin:0 0 18px;color:#0f172a;font-size:30px;font-weight:950;line-height:1.28}.portfolio-meta{display:flex;flex-wrap:wrap;gap:20px;padding:18px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;color:#475569;font-size:14px;font-weight:650}.portfolio-meta span{display:inline-flex;align-items:center;gap:8px}.portfolio-modal-content h3{margin:28px 0 12px;color:#0f172a;font-size:16px;font-weight:950}.portfolio-modal-content p{margin:0;color:#475569;font-size:16px;font-weight:500;line-height:1.65}.portfolio-checks{display:grid;gap:10px;margin:14px 0 36px;padding:0;list-style:none}.portfolio-checks li{display:flex;align-items:center;gap:10px;color:#475569;font-size:16px;font-weight:500}.portfolio-checks svg,.portfolio-meta svg{color:#005f6b}.portfolio-cta{display:flex;min-height:52px;align-items:center;justify-content:center;border-radius:8px;background:#0b1329;color:#fff;font-size:16px;font-weight:950;text-decoration:none;box-shadow:0 8px 18px #0f172a38}@media(max-width:980px){.projects-page .portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}.portfolio-modal{grid-template-columns:1fr;overflow-y:auto}.portfolio-modal-media{min-height:440px}}@media(max-width:620px){.projects-page .project-filters{flex-wrap:nowrap;justify-content:flex-start;margin-bottom:34px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.projects-page .project-filters button{flex:0 0 auto}.projects-page .portfolio-gallery{grid-template-columns:1fr;grid-auto-rows:220px}.projects-page .portfolio-card-large,.projects-page .portfolio-card-wide{grid-row:span 1}.projects-page .portfolio-card-content,.projects-page .portfolio-count{opacity:1;transform:none}.projects-page .portfolio-card:after{opacity:1}.portfolio-modal{width:calc(100% - 24px);max-height:90svh;border-radius:12px}.portfolio-modal-media{min-height:330px}.portfolio-modal-content{padding:32px 22px 28px}.portfolio-close{top:14px;right:14px}.portfolio-modal-title{font-size:26px}}@media(max-width:430px){.projects-page .project-filters{width:calc(100% + 28px);margin-right:-14px;margin-left:-14px;padding-right:14px;padding-left:14px}.projects-page .project-filters button{min-height:40px;padding:0 18px;font-size:13px}.projects-page .portfolio-gallery{grid-auto-rows:190px;gap:10px}.projects-page .portfolio-card-content{right:18px;bottom:18px;left:18px}.projects-page .portfolio-card-content strong{font-size:18px}.projects-page .portfolio-modal-media{min-height:270px}.portfolio-modal-title{font-size:24px}}