.project-gallery{background:#f2f5fa;padding:95px 0;color:var(--ink)}.project-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}.project-heading .eyebrow{color:var(--blue)}.project-heading h2{font-size:clamp(40px,4.6vw,68px)}.project-heading>p{max-width:420px;font-size:20px;color:#526078}.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.project-filters{display:flex;flex-wrap:wrap;gap:10px}.project-filters button{border:1px solid #d1d9e6;background:transparent;padding:10px 22px;border-radius:30px;color:var(--ink);transition:background .2s,color .2s}.project-filters button.active,.project-filters button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.project-count{font-family:Runda,Dinar,sans-serif;font-size:14px;color:#526078;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-card{position:relative;isolation:isolate;display:block;overflow:hidden;border:0;padding:0;background:var(--ink);color:white;text-align:start;aspect-ratio:4/3;border-radius:8px}.project-card:first-child{grid-column:span 2;aspect-ratio:auto}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0a152bc9);pointer-events:none}.project-card:hover img,.project-card:focus-visible img{transform:scale(1.045)}.project-card-caption{position:absolute;inset-inline:24px;bottom:23px;z-index:1;display:grid;gap:5px;max-width:calc(100% - 70px)}.project-card-caption small{font-size:13px;opacity:.85}.project-card-caption strong{font-size:20px;font-weight:400;line-height:1.4}.project-zoom{position:absolute;bottom:24px;inset-inline-end:20px;z-index:2;display:grid;place-items:center;border:1px solid #ffffff7a;border-radius:50%;height:34px;width:34px;font-size:22px}.project-more{text-align:center;margin-top:35px}.project-dialog{position:fixed;inset:0;margin:auto;width:min(1260px,96vw);max-width:96vw;max-height:96dvh;border:1px solid #ffffff26;border-radius:14px;padding:15px 20px 20px;background:#0b1524;color:white;overflow:auto;box-shadow:0 25px 100px #0008}.project-dialog::backdrop{background:#050b16ed;backdrop-filter:blur(10px)}.project-dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:0 5px 12px;direction:ltr}.project-dialog-index{font-family:Runda,Arial,sans-serif;color:#b9cbe4;font-size:14px}.project-close{width:44px;height:44px;background:#ffffff10;color:white;border:1px solid #ffffff25;border-radius:50%;font:32px Arial,sans-serif}.project-stage{display:flex;align-items:center;justify-content:center;gap:15px;direction:ltr;touch-action:pan-y}.project-stage .project-full{height:min(70dvh,800px);max-width:calc(100% - 110px);width:auto;object-fit:contain}.project-prev,.project-next{flex:0 0 42px;width:42px;height:52px;border:1px solid #ffffff30;background:#ffffff10;color:#fff;border-radius:5px;font:36px Arial,sans-serif}.project-dialog-caption{text-align:center;margin-top:20px}.project-dialog-caption h3{font-size:24px}.project-dialog-caption p{color:#91a2b9;font-size:13px;margin-top:7px}body.project-view-open{overflow:hidden}@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:first-child{aspect-ratio:16/9}.project-heading{gap:25px}.project-heading>p{max-width:320px}}@media(max-width:600px){.project-gallery{padding:60px 0}.project-heading{display:block}.project-heading>p{margin-top:22px;font-size:18px;max-width:none}.project-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.project-filters{gap:7px}.project-filters button{padding:8px 15px;font-size:15px}.project-grid{gap:12px}.project-card{aspect-ratio:3/4}.project-card:first-child{aspect-ratio:4/3}.project-card-caption{inset-inline:12px;bottom:14px;max-width:calc(100% - 25px)}.project-card-caption strong{font-size:16px}.project-card-caption small{font-size:11px}.project-zoom{display:none}.project-dialog{padding:10px;max-width:100vw;width:100vw;border-radius:0}.project-stage{gap:5px}.project-stage .project-full{max-width:calc(100% - 64px);height:65dvh}.project-prev,.project-next{flex-basis:27px;width:27px;height:42px}.project-dialog-caption h3{font-size:20px}}@media(prefers-reduced-motion:reduce){.project-card img,.project-filters button{transition:none}}