.title-text{position:relative;margin-top:46px;font-family:var(--title-bold-s-font-weight);font-weight:var(--title-bold-s-font-weight);color:var(--primary-dark-grey-900);font-size:var(--body-regular-s-font-size);letter-spacing:var(--body-regular-s-letter-spacing);line-height:var(--body-regular-s-line-height);font-style:var(--body-regular-s-font-style)}.introduction-section{width:100%;margin:0 auto;justify-content:space-between;box-sizing:border-box}.introduction-content{width:100%;display:flex;flex-direction:column;gap:40px}.introduction-title{font-family:Archivo SemiBold,sans-serif;color:var(--primary-dark-grey-900);font-size:48px;letter-spacing:0;line-height:120%}.introduction-grid{width:100%;height:auto;display:flex;flex-direction:row;align-items:center;gap:16px}.introduction-card{display:flex;flex-direction:column;height:400px;align-items:center;justify-content:space-between;padding:20px;position:relative;flex:1;background-color:var(--primary-light-grey-200);border-radius:6px}.introduction-icon{position:relative;width:100%;max-width:346px;height:251px;background-color:var(--primary-light-grey-200);border-radius:6px;overflow:hidden;object-fit:contain}.introduction-label{position:relative;width:100%;font-family:var(--body-regular-m-font-family);color:var(--primary-dark-grey-900);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);font-style:var(--body-regular-m-font-style)}.introduction-value{position:relative;width:100%;font-family:Archivo SemiBold,sans-serif;color:var(--primary-dark-grey-900);font-size:48px;letter-spacing:0;line-height:120%}.introduction-grid-mobile{display:none}@media (max-width: 576px){.introduction-content{gap:24px}.introduction-title{font-size:28px}.introduction-grid{display:none}.introduction-grid-mobile{display:flex;flex-direction:column;gap:20px;width:100%}.introduction-card-mobile{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:12px;width:100%;height:171px;gap:12px;background:#eaebeb;border-radius:6px;position:relative}.introduction-card-content-mobile{display:flex;flex-direction:column;height:100%}.introduction-label-mobile{width:148px;font-family:var(--body-regular-s-font-family);color:var(--primary-dark-grey-900);font-size:var(--body-regular-s-font-size);letter-spacing:var(--body-regular-s-letter-spacing);line-height:var(--body-regular-s-line-height);font-style:var(--body-regular-s-font-style)}.introduction-value-mobile{width:100%;font-family:Archivo SemiBold,sans-serif;color:var(--primary-dark-grey-900);font-size:32px;letter-spacing:0;line-height:140%}.introduction-icon-container-mobile{display:flex;justify-content:flex-end;align-items:center;width:40%}.introduction-icon-mobile{width:100%;height:auto}}.filter-section{display:flex;position:sticky;flex-direction:column;align-items:flex-start;padding-top:40px;gap:18px;width:100%;z-index:100;background:#fff;top:40px;box-sizing:border-box}.filter-divider{width:100%;height:1px;background-color:var(--primary-dark-grey-100)}.filter-tabs{display:flex;gap:24px;width:326px;height:42px}.filter-tab{display:flex;align-items:center;gap:8px;height:22px;cursor:pointer}.tab-indicator{width:20px;height:12px;background:#2e2e2f;border-radius:99px}.tab-indicator.inactive{background:#d1d3d4}.tab-label{font-family:Work Sans,sans-serif;font-style:normal;font-size:16px;line-height:140%;display:flex;align-items:center;color:var(--primary-dark-grey-900)}.tab-label.inactive{color:#d1d3d4}@media (max-width: 576px){.filter-tabs{width:100%;height:auto;padding-bottom:40px;gap:16px}.filter-tab{height:auto;gap:4px;align-items:center;flex:1}.tab-label{font-size:14px;text-align:center}}@media (min-width: 1200px){.filter-section{padding-top:80px;top:0}}.project-section{display:flex;flex-direction:column;gap:40px;padding:40px 0;width:100%;margin:0 auto}.project-container{display:flex;flex-wrap:wrap;gap:16px;width:100%}.project-card{display:flex;flex-direction:column;flex:0 0 100%;align-items:flex-start;gap:16px;margin-bottom:4px;border-radius:6px;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-image-link{display:block;width:100%}.project-image{width:100%;height:340px;object-fit:cover;border-radius:6px;object-position:center;transition:opacity .3s ease}.project-card:hover .project-image{opacity:.9}.project-image-link--disabled{pointer-events:none;cursor:default}.project-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.project-meta{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:8px}.project-summarys{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.project-summary{font-family:var(--body-regular-s-font-family);color:var(--primary-dark-grey-500);font-size:var(--body-regular-s-font-size);letter-spacing:var(--body-regular-s-letter-spacing);line-height:var(--body-regular-s-line-height);display:inline;margin:0}.project-summary:not(:last-child):after{content:", "}.project-name{font-family:var(--body-regular-l-font-family);color:var(--primary-dark-grey-900);font-size:var(--body-regular-l-font-size);letter-spacing:var(--body-regular-l-letter-spacing);line-height:var(--body-regular-l-line-height);margin:0}@media (max-width: 576px){.project-section{gap:24px}.project-card{flex:0 0 100%}.project-image{height:247px}.project-name{font-size:16px}}@media (min-width: 577px) and (max-width: 1199px){.project-section{max-width:100%}.project-card{flex:0 0 calc(50% - 8px)}}@media (min-width: 1200px){.project-card{flex:0 0 calc(33.333% - 11px)}}.pagination-wrapper{display:flex;justify-content:center;padding-top:40px}.pagination-container{display:flex;align-items:center;justify-content:center;gap:60px;width:auto}.pagination-arrow{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:36px;height:32px;border:1px solid #D1D3D4;border-radius:6px;background:transparent;cursor:pointer;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .08s ease;color:var(--primary-dark-grey-900)}.pagination-arrow-icon{font-family:Work Sans;font-weight:400;font-size:12px;line-height:120%;display:flex;align-items:center;color:var(--primary-dark-grey-900)}.pagination-arrow.disabled{pointer-events:none;opacity:.5;cursor:default}.pagination-numbers{display:flex;align-items:center;justify-content:center;gap:8px;height:32px;width:auto}.pagination-number{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:32px;height:32px;border:1px solid #D1D3D4;border-radius:6px;background:transparent;font-family:Work Sans;font-weight:400;font-size:12px;line-height:120%;color:var(--primary-dark-grey-900);cursor:pointer;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .08s ease}.pagination-number.disabled{pointer-events:none;opacity:.5;cursor:default}.pagination-number:hover,.pagination-arrow:hover{background-color:var(--primary-dark-grey-500);border-color:var(--primary-dark-grey-500);color:var(--primary-dark-grey-50)}.pagination-arrow:hover .pagination-arrow-icon{color:var(--primary-dark-grey-50)}.pagination-number:active,.pagination-arrow:active{background-color:var(--primary-dark-grey-900);border-color:var(--primary-dark-grey-900);color:var(--primary-dark-grey-50);transform:translateY(1px)}.pagination-arrow:active .pagination-arrow-icon{color:var(--primary-dark-grey-50)}.pagination-number.active,.pagination-number.is-active,.pagination-arrow.active,.pagination-arrow.is-active{background-color:var(--primary-dark-grey-900);border-color:var(--primary-dark-grey-900);color:var(--primary-dark-grey-50)}.pagination-arrow.active .pagination-arrow-icon,.pagination-arrow.is-active .pagination-arrow-icon{color:var(--primary-dark-grey-50)}.pagination-number:focus-visible,.pagination-arrow:focus-visible{outline:2px solid var(--primary-dark-grey-500);outline-offset:2px}@media (max-width: 576px){.pagination-wrapper{width:100%;padding-top:20px}.pagination-container{gap:16px}.pagination-numbers{gap:4px}.pagination-number{width:28px;height:28px;font-size:11px}.pagination-arrow{width:32px;height:28px}}