.featured-projects{position:relative;width:100vw;color:var(--base-100);padding:1rem}.featured-projects-container:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.474);pointer-events:none;z-index:0}.featured-projects-container>*{position:relative;z-index:1}.featured-projects .featured-project-card{position:-webkit-sticky;position:sticky;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;perspective:1000px;will-change:transform}.featured-projects .featured-project-card-inner{position:relative;width:calc(100%);height:calc(100% - 2rem);padding:1rem;display:flex;gap:1rem;border-radius:2rem;background-color:transparent;transform-origin:50% 100%;will-change:transform;overflow:hidden}.featured-projects .featured-project-card-content{display:flex;flex-direction:column;justify-content:space-between;flex:1 1}.featured-projects .featured-project-card-content-main{padding:2rem;display:flex;flex-direction:column;align-items:flex-start}.featured-projects .featured-project-card-info{width:40%;padding:2rem;text-align:left;color:var(--base-350)}.featured-projects .featured-project-card-title h2{padding:2rem 0 1rem}.featured-projects .featured-project-card-description{width:75%;text-align:left;color:var(--base-250);text-align:justify;-webkit-hyphens:auto;hyphens:auto;text-justify:inter-word}.featured-projects .featured-project-card-img{flex:1 1;width:100%;height:100%;border-radius:1.5rem;overflow:hidden}.featured-project-card-inner:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:var(--after-opacity,0);pointer-events:none;z-index:2;transition:opacity .2s linear}.card-glass{background:rgba(0,0,0,.474);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px rgba(0,0,0,.35);will-change:transform;transform-style:preserve-3d}@media (max-width:1000px){.featured-projects .featured-project-card-inner{flex-direction:column}.featured-projects .featured-project-card-content,.featured-projects .featured-project-card-img{flex:1 1}.featured-projects .featured-project-card-info{width:75%;margin:0 auto;text-align:center}.featured-projects .featured-project-card-title{width:100%;text-align:center}.featured-projects .featured-project-card-description{display:none}}