.projects-page{color:var(--navy);background:#fff;position:relative}.projects-page #projeler-listesi{scroll-margin-top:100px}body.site-ui .projects-page .showcase-projects{padding-block:var(--section-space);background:#fff}body.site-ui .projects-page .showcase-projects-heading{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:60px;margin-bottom:36px;display:grid}body.site-ui .projects-page .showcase-projects-eyebrow{color:var(--primary);font-size:var(--type-label);font-weight:var(--weight-semibold);letter-spacing:.1em;align-items:center;gap:12px;display:flex}.projects-page .showcase-projects-eyebrow:before{content:"";background:currentColor;flex:0 0 24px;height:2px}body.site-ui .projects-page .showcase-projects-copy h2{font-size:var(--type-section);font-weight:var(--weight-heading);line-height:var(--leading-heading);letter-spacing:-.05em;margin:20px 0 0}.project-page-intro{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px;display:grid}.project-page-intro>p:first-child{color:#5d708d;max-width:360px;font-size:var(--type-body);line-height:var(--leading-body)}.project-page-total{border-left:1px solid #dce5f2;flex-direction:column;gap:8px;padding-left:30px;display:flex}.project-page-total strong{color:var(--primary);font-size:var(--type-display);font-weight:var(--weight-medium);letter-spacing:-.06em;font-variant-numeric:tabular-nums;line-height:1}.project-page-total>span{color:#5d708d;font-size:var(--type-label);white-space:nowrap}body.site-ui .projects-page .showcase-projects-tabs{flex-direction:column;gap:32px;display:flex}body.site-ui .projects-page .showcase-projects-toolbar{background:#f3f6fc;border:1px solid #e0e8f4;border-radius:12px;padding:10px;display:block}body.site-ui .projects-page .showcase-projects-filters{background:0 0;border:0;flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%;min-width:0;padding:0;display:flex}body.site-ui .projects-page .showcase-projects-filters>button{color:#4c6282;min-height:46px;box-shadow:none;font-size:var(--type-small);font-weight:var(--weight-medium);line-height:var(--leading-compact);background:0 0;border:1px solid #0000;border-radius:7px;flex:none;align-items:center;gap:10px;padding:11px 15px;display:flex;translate:none}body.site-ui .projects-page .showcase-projects-filters>button[data-active]{color:#fff;border-color:var(--primary);background:var(--primary);box-shadow:0 4px 10px #164df418}.projects-page .showcase-filter-count{color:#5d708d;min-width:20px;height:20px;font-size:var(--type-label);font-weight:var(--weight-medium);background:#e4ebf7;border-radius:4px;place-items:center;padding-inline:4px;display:grid}.projects-page [data-active]>.showcase-filter-count{color:#fff;background:#ffffff29}.projects-page .showcase-projects-count{display:none}body.site-ui .projects-page .showcase-projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;display:grid}body.site-ui .projects-page .showcase-projects-bottom{border-top:1px solid #e0e8f3;justify-content:center;margin-top:10px;padding:30px 0 0;display:flex}body.site-ui .projects-page .showcase-projects-bottom>p{color:#6a7d98;font-size:var(--type-body);letter-spacing:.17em}body.site-ui .projects-page .showcase-projects-all{border:1px solid var(--navy);color:#fff;background:var(--navy);min-height:48px;font-size:var(--type-small);border-radius:8px;align-self:center;gap:18px;margin-top:30px;padding:12px 22px}.projects-page .showcase-projects-all:before{display:none}.projects-case-sheet .sheet-close{width:44px!important;height:44px!important}.projects-case-sheet .project-scope>li{font-size:var(--type-small);padding:8px 11px}.projects-case-sheet .projects-case-category{color:var(--primary);font-size:var(--type-small)}.projects-case-sheet .action-link{width:fit-content;min-height:48px;font-size:var(--type-small);line-height:var(--leading-compact);color:var(--primary);align-items:center;gap:18px;margin-top:26px;display:flex}.projects-case-sheet .action-link>svg{flex-shrink:0;width:20px;height:20px}.projects-case-sheet .action-link:focus-visible{outline:2px solid var(--primary);outline-offset:5px}@media (hover:hover) and (pointer:fine){body.site-ui .projects-page .showcase-projects-filters>button:not([data-active]):hover{color:var(--primary);background:#e6eefc;border-color:#cbdaf3;translate:none}body.site-ui .projects-page .showcase-projects-all:hover{color:#fff;background:#173e68}}@media (max-width:1100px){body.site-ui .projects-page .showcase-projects-heading{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px}.project-page-intro{gap:24px}.project-page-total{padding-left:22px}.project-page-total strong{font-size:var(--type-display)}body.site-ui .projects-page .showcase-projects-grid{gap:24px 18px}}@media (max-width:991px){.projects-page #projeler-listesi{scroll-margin-top:28px}body.site-ui .projects-page .showcase-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.site-ui .projects-page .showcase-projects-heading{grid-template-columns:minmax(0,1fr);gap:26px}.project-page-intro{max-width:580px}.project-page-intro>p:first-child{max-width:420px}.project-page-total strong{font-size:var(--type-display)}}@media (max-width:700px){body.site-ui .projects-page .showcase-projects{padding-block:var(--section-space)}body.site-ui .projects-page .showcase-projects-copy h2{font-size:var(--type-section);margin-top:16px}body.site-ui .projects-page .showcase-projects-heading{margin-bottom:26px}body.site-ui .projects-page .showcase-projects-eyebrow{font-size:var(--type-label);letter-spacing:.07em}.project-page-intro{gap:20px}.project-page-intro>p:first-child{font-size:var(--type-body)}.project-page-total{gap:6px;padding-left:20px}.project-page-total strong{font-size:var(--type-display)}.project-page-total>span{font-size:var(--type-label)}body.site-ui .projects-page .showcase-projects-toolbar{border-radius:9px;min-width:0;padding:6px}body.site-ui .projects-page .showcase-projects-tabs{gap:24px}}@media (max-width:600px){body.site-ui .projects-page .showcase-projects-grid{grid-template-columns:minmax(0,1fr);gap:24px}}@media (max-width:380px){.project-page-intro{gap:16px}.project-page-total{padding-left:16px}body.site-ui .projects-page .showcase-projects-copy h2{font-size:var(--type-section)}}