.motion-reveal{opacity:0;transform:translate3d(0,38px,0);transition:opacity .85s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),transform .85s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.motion-reveal.is-visible{opacity:1;transform:none}
.hero-media{transform:translate3d(var(--pointer-x,0),calc(var(--parallax-y,0px) + var(--pointer-y,0px)),0) scale(1.075);will-change:transform}.hero-reflections{position:absolute;z-index:1;inset:48% 0 0;opacity:calc(.3 - var(--hero-progress,0)*.22);mix-blend-mode:screen;pointer-events:none;background:radial-gradient(ellipse at var(--rx,65%) var(--ry,70%),rgba(106,239,245,.4),transparent 24%),repeating-radial-gradient(ellipse at 70% 110%,transparent 0 13px,rgba(91,223,235,.13) 15px 16px,transparent 18px 27px);filter:blur(1px);animation:waterDrift 8s ease-in-out infinite alternate}.hero-content{transform:translateY(calc(var(--hero-progress,0)*-18px));opacity:calc(1 - var(--hero-progress,0)*.35)}
.project-grid{grid-auto-flow:dense}.project-card{overflow:hidden;transition:opacity .45s,transform .65s cubic-bezier(.2,.7,.2,1)}.project-card:nth-child(4n+2){margin-top:8vw}.project-card:nth-child(3n){margin-top:2vw}.project-card .project-image{transform:translate3d(var(--card-x,0),var(--card-y,0),0) scale(1.025);transition:transform .55s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-image{transform:translate3d(var(--card-x,0),var(--card-y,0),0) scale(1.055)}.project-card.is-hidden{display:block;opacity:0;transform:scale(.96);pointer-events:none;position:absolute;visibility:hidden}.project-filters button{transition:background-color .3s,color .3s,transform .3s}.project-filters button:hover{transform:translateY(-2px)}
.blueprint{overflow:visible;transform:rotate(-8deg) scale(.92);opacity:.45;transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity 1s}.blueprint.is-drawn{transform:rotate(-8deg) scale(1);opacity:1}.blueprint:before,.blueprint:after,.blueprint>span,.blueprint>i{opacity:0;transition:opacity .5s}.blueprint.is-drawn:before,.blueprint.is-drawn:after,.blueprint.is-drawn>span,.blueprint.is-drawn>i{opacity:1}.bp-pool,.bp-water{position:absolute;inset:18% 10%;border:2px solid #80edf1;border-radius:48% 12% 48% 12%;clip-path:inset(0 100% 0 0);transition:clip-path 1.5s cubic-bezier(.7,0,.25,1) .25s}.bp-water{inset:24% 16%;border:0;background:linear-gradient(120deg,rgba(92,226,235,.05),rgba(92,226,235,.36));transform:scaleY(0);transform-origin:bottom;clip-path:none;transition:transform 1.1s ease 1.4s}.blueprint.is-drawn .bp-pool{clip-path:inset(0)}.blueprint.is-drawn .bp-water{transform:scaleY(1)}.bp-label{position:absolute;color:#b8f6f7;font-size:.58rem;letter-spacing:.14em;opacity:0;transition:opacity .6s ease 1.7s}.blueprint.is-drawn .bp-label{opacity:.85}.bp-label-a{left:35%;top:9%}.bp-label-b{right:-2%;top:47%;transform:rotate(90deg)}.bp-label-c{left:3%;bottom:3%}
@keyframes waterDrift{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,-2%,0) scale(1.04)}}
@media(max-width:900px){.project-card:nth-child(n){margin-top:0}.hero-media{transform:translate3d(0,calc(var(--parallax-y,0px)*.35),0) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1;transform:none;transition:none}.hero-media,.hero-content{transform:none!important}.hero-reflections{animation:none;display:none}.blueprint,.bp-pool,.bp-water,.bp-label{transition:none!important;opacity:1!important;transform:none}.bp-pool{clip-path:none}.project-card .project-image{transform:none!important}}