.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.intro-section{padding:120px 64px;background:var(--color-bg-raised)}.intro-title{max-width:1200px;margin:0 auto 24px;font-size:28px;letter-spacing:2px;text-transform:uppercase;text-align:center}.intro-lead{max-width:720px;margin:0 auto 64px;text-align:center;font-size:16px;line-height:1.8;color:hsla(0,0%,100%,.72)}.intro-lead a{color:var(--color-text);text-underline-offset:3px}.intro-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:80px}.intro-item h3{font-size:18px;letter-spacing:1.5px;margin-bottom:16px}.intro-item p{font-size:15px;line-height:1.8;color:hsla(0,0%,100%,.7)}@media (max-width:900px){.intro-section{padding:80px 24px}.intro-title{margin-bottom:40px;font-size:22px}.intro-grid{grid-template-columns:1fr;gap:40px}}.projects-section{padding:120px 64px;background:var(--color-bg);scroll-margin-top:80px}.projects-title{font-size:28px;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;text-align:center}.projects-lead{max-width:640px;margin:0 auto 64px;text-align:center;font-size:16px;line-height:1.7;color:hsla(0,0%,100%,.7)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;list-style:none;margin:0;padding:0}.projects-grid li{margin:0}.project-card{position:relative;display:block;aspect-ratio:4/3;background:#111;cursor:pointer;overflow:hidden;text-decoration:none;color:inherit}.project-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.project-overlay{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.project-card:hover .project-overlay{opacity:1}.project-overlay h3{font-size:20px;letter-spacing:1.5px;text-align:center}.project-overlay p{margin-top:12px;max-width:280px;font-size:13px;line-height:1.6;text-align:center;color:hsla(0,0%,100%,.8)}@media (max-width:900px){.projects-section{padding:80px 24px}.projects-grid{grid-template-columns:1fr}}