/* Mobile first: calm motion and stable project height. Original assets stay intact. */
:root{--fade-time:650ms;--fade-ease:cubic-bezier(.22,.61,.36,1)}
.slides{display:grid;isolation:isolate}
.slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity var(--fade-time) ease,transform var(--fade-time) var(--fade-ease),visibility 0s linear var(--fade-time)}
.slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s;z-index:1}
.slide .slide-art{will-change:auto}
.carousel-controls{z-index:4}
.projects-heading{z-index:3}
.reveal-item{opacity:0;transform:translateY(16px);transition:opacity 700ms ease,transform 850ms var(--fade-ease)}
.reveal-item.is-revealed,.reveal-item:focus-within{opacity:1;transform:none}
.hero::after,.about::before,.about::after,.projects::before,.projects::after,.mission::before,.mission::after,.contact-stage::before,footer::before{content:'';position:absolute;left:0;right:0;height:54px;pointer-events:none;z-index:2}
.hero::after{bottom:-1px;background:linear-gradient(transparent,#e5d5f6)}
.about::before{top:-1px;background:linear-gradient(#e5d5f6,transparent);height:38px}
.about::after{bottom:-1px;background:linear-gradient(transparent,#efe7fb);height:38px}
.projects::before{top:-1px;background:linear-gradient(#efe7fb,transparent);height:30px;z-index:0}
.projects::after{bottom:-1px;background:linear-gradient(transparent,#795395);height:54px}
.mission::before{top:-1px;background:linear-gradient(#795395,transparent);height:65px}
.mission::after{bottom:-1px;background:linear-gradient(transparent,#45265e);height:50px}
.contact-stage::before{top:-1px;background:linear-gradient(#45265e,transparent);height:55px;z-index:0}
.contact::after{content:'';display:block;height:60px;margin:32px -23px -35px;background:linear-gradient(transparent,#ece2f9);pointer-events:none}
footer::before{top:-1px;background:linear-gradient(#ece2f9,transparent);height:40px}
.contact-copy,.contact-form{z-index:3;position:relative}
.contact-copy{isolation:isolate}
.projects{padding-bottom:70px}
.mission-cards{position:relative;z-index:3}
.mission-cards article:nth-child(2){transition-delay:70ms}
.mission-cards article:nth-child(3){transition-delay:140ms}
@media(max-width:1023px){
 .about-art::after,.slide-art::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:28px;background:linear-gradient(transparent,#f3edfc);pointer-events:none}
 .hero>.mobile-art{mask-image:linear-gradient(transparent,#000 8%,#000)}
}
@media(min-width:1024px){
 .hero::after,.about::before,.about::after,.projects::before,.projects::after,.mission::before,.mission::after{height:clamp(70px,7.5vw,130px)}
 .projects{padding-bottom:0}
 .projects::before{z-index:2}
 .carousel-controls{bottom:6%}
 .dots{background:#f7f1ffe8;border-radius:40px;padding:0 6px;box-shadow:0 5px 20px #45236918}
 .contact-form{position:absolute}
 .contact-copy{position:absolute}
 .contact-stage::before{height:90px}
 .contact::after{height:70px;margin:0;background:linear-gradient(#25113f,#ece2f9)}
 footer::before{height:65px}
 .reveal-item{transform:translateY(22px)}
 .reveal-item.is-revealed,.reveal-item:focus-within{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .slide,.reveal-item{transform:none;transition:none!important}
 .reveal-item{opacity:1}
 .mission-cards article{transition-delay:0s}
}