.project-showcase{padding:0;min-height:120vh;position:relative;z-index:20;isolation:isolate;background:var(--section-bg)}.project-showcase-animation-wrapper{position:relative;width:100%;height:100%;overflow:visible;pointer-events:none}.project-showcase-container .section-header{margin-bottom:4rem}@media (max-width: 768px){.project-showcase-animation-wrapper{overflow:hidden}}@media (max-width: 768px){.project-showcase{min-height:101vh;padding:0;display:flex;align-items:center}}.project-showcase-container{z-index:1;transform-origin:center center;overflow:visible;padding:var(--section-container-padding)}@media (max-width: 768px){.project-showcase-container{position:relative;width:100%;max-width:100%;padding:2rem var(--section-padding-mobile);top:auto;transform-origin:center center}}.project-showcase-content{position:relative}.project-showcase-cta-wrapper{display:flex;justify-content:center;align-items:center;width:100%;margin-top:3rem;z-index:3;opacity:0;transform:translateY(20px)}.project-showcase-cta-button{margin:0}.project-image-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.project-image-mask{width:100%;height:100%;pointer-events:none}@media (max-width: 768px){.section-header{margin-bottom:3rem}.project-showcase-cta-wrapper{display:none}}@media (max-width: 480px){.section-header{margin-bottom:2rem}}.octagon-project{position:relative;width:100%}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0 auto 2rem;position:relative;justify-items:center;align-items:start;max-width:1200px;width:100%}.octagon-grid{position:relative;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:start;max-width:500px;margin:0 auto}.octagon-grid .project-card:nth-child(6n+1){grid-column:2}.octagon-grid .project-card:nth-child(6n+2){grid-column:1}.octagon-grid .project-card:nth-child(6n+3){grid-column:3}.octagon-grid .project-card:nth-child(6n+4){grid-column:2}.octagon-grid .project-card:nth-child(6n+5){grid-column:1}.octagon-grid .project-card:nth-child(6n+6){grid-column:3}.octagon-grid .project-card:nth-child(6n+1){margin-bottom:-40px}.octagon-grid .project-card:nth-child(6n+2){margin-right:-80px}.octagon-grid .project-card:nth-child(6n+3){margin-left:-80px}.octagon-grid .project-card:last-child{margin-top:-40px}.octagon-grid .project-card{background:none;overflow:visible!important;border-radius:0!important;border:none!important;position:relative;padding:0;display:flex;align-items:center;justify-content:center;background-color:transparent!important}.octo-stroke{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);color:var(--color-brand-primary);pointer-events:none;overflow:visible;z-index:1}.octagon-inner,.octo-stroke--inner{width:90%;height:90%;left:50%;top:50%;transform:translate(-50%,-50%)}.octo-stroke--inner{z-index:2}.octagon-inner{position:absolute;width:89%;height:89%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20800%20800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M565.675%20800H234.325L0%20565.675V234.314L234.314%200H565.686L800%20234.314V565.686L565.675%20800Z'%20stroke='var(--color-brand-primary)'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'%20fill='white'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20800%20800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M565.675%20800H234.325L0%20565.675V234.314L234.314%200H565.686L800%20234.314V565.686L565.675%20800Z'%20stroke='var(--color-brand-primary)'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'%20fill='white'/%3e%3c/svg%3e");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;overflow:hidden;z-index:1}.octagon-inner .project-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .25s ease}.project-card:hover .octagon-inner .project-image{opacity:1}.octagon-grid .project-card{background:none}.project-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);width:100%;max-width:200px;aspect-ratio:1;border-radius:.5rem;display:flex;flex-direction:column;transform:scale(1.02);border-color:var(--color-button-primary);box-shadow:none}.project-image-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.project-image,.project-video{display:none}.project-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary-text);margin-bottom:.75rem;line-height:1.3;text-align:center;min-height:2.4rem;display:flex;align-items:center;justify-content:center}.project-service-pill{position:absolute;top:-15px;transform:translate(-40%);padding:.25rem .9rem;border-radius:999px;background:var(--color-pill-bg, #ffffff);color:var(--color-pill-text, var(--color-brand-primary));font-size:.7rem;font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 6px 16px #0f172a40;z-index:5;white-space:nowrap}@media (max-height: 650px){.project-card{height:20vh}.octagon-grid .project-card:nth-child(6n+1){margin-bottom:-30px!important}.octagon-grid .project-card:nth-child(6n+2){margin-right:-140px!important}.octagon-grid .project-card:nth-child(6n+3){margin-left:-140px!important}.octagon-grid .project-card:last-child{margin-top:-30px!important}}@media (max-width: 768px){.project-service-pill{top:-2px;font-size:.65rem;padding:.2rem .75rem}}@media (max-width: 1200px){.project-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}.project-card{max-width:180px;aspect-ratio:1}.project-title{min-height:2.2rem;font-size:1.4rem}}@media (max-width: 1024px){.project-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;align-items:stretch}.octagon-grid{grid-template-columns:repeat(3,1fr)!important}.octagon-grid .project-card:nth-child(6n+1){grid-column:2!important}.octagon-grid .project-card:nth-child(6n+2){grid-column:1!important}.octagon-grid .project-card:nth-child(6n+3){grid-column:3!important}.octagon-grid .project-card:nth-child(6n+4){grid-column:2!important}.octagon-grid .project-card:nth-child(6n+5){grid-column:1!important}.octagon-grid .project-card:nth-child(6n+6){grid-column:3!important}.octagon-grid .project-card:nth-child(6n+1){margin-bottom:-30px!important}.octagon-grid .project-card:nth-child(6n+2){margin-right:-60px!important}.octagon-grid .project-card:nth-child(6n+3){margin-left:-60px!important}.octagon-grid .project-card:last-child{margin-top:-30px!important}.project-card{max-width:160px;aspect-ratio:1}.project-image-container{height:100%}.project-title{min-height:2rem;font-size:1.3rem}}@media (max-width: 768px){.project-grid{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:100%;align-items:center}.octagon-grid{position:relative;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:start;margin:0 auto;min-height:300px}.project-card{max-width:140px;aspect-ratio:1;margin:0 auto}.project-title{min-height:2rem;font-size:1.3rem}.project-actions{flex-direction:column;gap:.75rem}.project-link{text-align:center;padding:.75rem 1.5rem}.project-overlay,.project-overlay .project-link{pointer-events:none}}@media (max-width: 480px){.project-grid{margin-top:2rem;max-width:100%;gap:1rem}.octagon-grid{grid-template-columns:repeat(3,1fr)!important;justify-items:center!important;align-items:center}.octagon-grid .project-card:nth-child(6n+1){grid-column:2!important}.octagon-grid .project-card:nth-child(6n+2){grid-column:1!important}.octagon-grid .project-card:nth-child(6n+3){grid-column:3!important}.octagon-grid .project-card:nth-child(6n+4){grid-column:2!important}.octagon-grid .project-card:nth-child(6n+5){grid-column:1!important}.octagon-grid .project-card:nth-child(6n+6){grid-column:3!important}.octagon-grid .project-card:nth-child(6n+1){margin-bottom:0!important}.octagon-grid .project-card:nth-child(6n+2){margin-top:-60px!important;margin-right:-40px!important}.octagon-grid .project-card:nth-child(6n+3){margin-top:-60px!important;margin-left:-40px!important}.octagon-grid .project-card:last-child{margin-top:-60px!important}.project-image-container{height:100%}.project-title{font-size:clamp(1rem,2.5vw,1.2rem);min-height:1.6rem;line-height:1.3}.project-overlay,.project-overlay .project-link{pointer-events:none}}