.legacy-project-gallery{display:none!important}
[data-project-gallery]{width:100%;display:grid;gap:32px;position:relative}
[data-project-gallery="list"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}
.portfolio-project-card{display:block;position:relative;min-width:0;text-decoration:none!important;color:#fff;opacity:0;transition:opacity 650ms ease-out;isolation:isolate}
.portfolio-project-card.project-revealed{opacity:1}
.portfolio-project-media{position:relative;aspect-ratio:3/2;overflow:hidden;background:#17191c}
.portfolio-project-media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 550ms cubic-bezier(.22,.61,.36,1);backface-visibility:hidden}
.portfolio-project-copy{padding-top:22px}
.portfolio-project-copy :is(h2,h3){font-family:Inter,sans-serif!important;font-size:28px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.035em!important;color:white!important;margin:0!important}
.portfolio-project-copy p{font-family:Inter,sans-serif!important;font-size:16px!important;line-height:1.5!important;color:#bcbcbc!important;margin:12px 0 0!important}
.portfolio-project-view{position:absolute;right:20px;top:20px;padding:10px 14px;border:1px solid #ffffff70;background:#11171985;color:white;font:500 14px/1.2 Inter,sans-serif;opacity:0;transition:opacity 250ms ease;pointer-events:none}
[data-project-gallery="home"] .portfolio-project-media{aspect-ratio:1.69}
[data-project-gallery="home"] .portfolio-project-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(19,21,22,0) 20%,rgba(19,21,22,.35) 45%,rgba(19,21,22,.82) 75%,rgb(19,21,22) 100%)}
[data-project-gallery="home"] .portfolio-project-copy{position:absolute;bottom:32px;left:5%;right:5%;text-align:center;padding:0;pointer-events:none}
[data-project-gallery="home"] .portfolio-project-copy h2{font-size:clamp(24px,2.8vw,42px)!important}
@media(hover:hover) and (pointer:fine){
 .portfolio-project-card:hover .portfolio-project-media img{transform:scale(1.035)}
 .portfolio-project-card:hover .portfolio-project-view{opacity:1}
}
.portfolio-project-card:focus-visible{outline:2px solid #da3a2b;outline-offset:6px}
.portfolio-project-card:focus-visible .portfolio-project-view{opacity:1}
@media(max-width:700px){
 [data-project-gallery="list"]{grid-template-columns:minmax(0,1fr)}
 [data-project-gallery="home"] .portfolio-project-media{aspect-ratio:1.3}
 [data-project-gallery="home"] .portfolio-project-copy{bottom:22px}
 [data-project-gallery="home"] .portfolio-project-copy p{font-size:14px!important;margin-top:8px!important}
 .portfolio-project-copy :is(h2,h3){font-size:25px!important}
}
@media(prefers-reduced-motion:reduce){.portfolio-project-card{opacity:1;transition:none}.portfolio-project-media img{transition:none;transform:none!important}.portfolio-project-view{transition:none}}
/* Native sticky stacking: the incoming card covers the pinned previous card. */
[data-project-gallery="home"]{
 display:flex;
 flex-direction:column;
 align-items:stretch;
 gap:40px;
 isolation:isolate;
}
[data-project-gallery="home"] .portfolio-project-card{
 position:sticky;
 top:110px;
 flex:none;
 opacity:1;
 transition:none;
 background:#131516;
}
[data-project-gallery="home"] .portfolio-project-media{
 max-height:calc(100svh - 150px);
}
@media(max-width:700px){
 [data-project-gallery="home"]{gap:28px}
 [data-project-gallery="home"] .portfolio-project-card{top:90px}
 [data-project-gallery="home"] .portfolio-project-media{max-height:calc(100svh - 120px)}
}
@media(prefers-reduced-motion:reduce){
 [data-project-gallery="home"] .portfolio-project-card{position:relative;top:auto}
}

/* Scroll rotation settles before the native sticky position takes over. */
[data-project-gallery="home"] .portfolio-project-card{
 transform-origin:50% 100%;
 transform:perspective(1400px) rotateX(var(--entry-tilt,0deg)) rotateZ(var(--entry-turn,0deg));
 backface-visibility:hidden;
}
@media(prefers-reduced-motion:reduce){
 [data-project-gallery="home"] .portfolio-project-card{transform:none}
}

.portfolio-project-copy :is(h2,h3,p)>span{display:block;white-space:nowrap}
[data-project-gallery="home"] .portfolio-project-copy{left:7%;right:7%}

[data-project-gallery="list"] .portfolio-project-media{aspect-ratio:1.2}
[data-project-gallery="list"] .portfolio-project-card{transform:translateY(36px);transition:opacity 800ms ease,transform 800ms cubic-bezier(.22,.61,.36,1)}
[data-project-gallery="list"] .portfolio-project-card.project-revealed{transform:translateY(0)}
[data-project-gallery="list"] .portfolio-project-copy h3{font-family:Satoshi,Inter,sans-serif!important;font-weight:900!important;letter-spacing:-.01em!important}
@media(prefers-reduced-motion:reduce){[data-project-gallery="list"] .portfolio-project-card{transform:none;transition:none}}

.portfolio-project-copy :is(h2,h3,p){white-space:normal;text-wrap:balance;overflow:visible}

/* Reserve copy space so font loading cannot shift the next row. */
[data-project-gallery="list"] .portfolio-project-copy h3{min-height:2.4em}
[data-project-gallery="list"] .portfolio-project-copy p{min-height:3em}

/* Restore the original project index proportions and fixed typography. */
[data-project-gallery="list"]{gap:72px 24px}
[data-project-gallery="list"] .portfolio-project-media{height:560px;aspect-ratio:auto}
[data-project-gallery="list"] .portfolio-project-copy{padding:24px 0}
[data-project-gallery="list"] .portfolio-project-copy h3{font-size:40px!important;line-height:1.3!important;min-height:0;text-wrap:wrap}
[data-project-gallery="list"] .portfolio-project-copy p{font-size:20px!important;font-weight:500;line-height:1.4!important;margin:10px 0 0!important;color:#a8a8a8!important;min-height:0;text-wrap:wrap}
[data-project-gallery="list"] .portfolio-project-view{display:none}
@media(max-width:1199px){[data-project-gallery="list"] .portfolio-project-copy h3{font-size:32px!important}}
@media(max-width:767px){[data-project-gallery="list"]{grid-template-columns:1fr}[data-project-gallery="list"] .portfolio-project-copy h3{font-size:28px!important}[data-project-gallery="list"] .portfolio-project-media{height:440px}[data-project-gallery="list"] .portfolio-project-copy p{font-size:18px!important}}

/* Original index entrance: fade in, with the cover gently settling from zoom. */
[data-project-gallery="list"] .portfolio-project-card{transform:none;transition:opacity 400ms ease-out}
[data-project-gallery="list"] .portfolio-project-card .portfolio-project-media img{transform:scale(1.1);transition:transform 800ms cubic-bezier(.22,.61,.36,1)}
[data-project-gallery="list"] .portfolio-project-card.project-revealed .portfolio-project-media img{transform:scale(1)}
@media(hover:hover) and (pointer:fine){[data-project-gallery="list"] .portfolio-project-card.project-revealed:hover .portfolio-project-media img{transform:scale(1.12)}}
@media(min-width:768px) and (max-width:1199px){[data-project-gallery="list"]{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){[data-project-gallery="list"] .portfolio-project-card .portfolio-project-media img{transform:none!important;transition:none}}

[data-project-gallery="home"] .portfolio-project-copy p{color:#e0e0e0!important}

/* Pin the section heading and card stack as one composition. */
.home-project-stack > .framer-1tq0x6t{
 position:sticky!important;
 top:var(--project-heading-top,96px)!important;
 z-index:2;
 transform:none!important;
 opacity:1!important;
 flex:none;
}
.home-project-stack [data-project-gallery="home"] .portfolio-project-card{
 top:var(--project-card-top,186px);
}
.home-project-stack [data-project-gallery="home"] .portfolio-project-media{
 max-height:calc(100svh - var(--project-card-top,186px) - 28px);
}
[data-project-gallery="home"] .portfolio-project-copy{bottom:80px}
[data-project-gallery="home"] .portfolio-project-copy p{font-size:17px!important;margin-top:24px!important}
@media(max-width:700px){
 [data-project-gallery="home"] .portfolio-project-copy{bottom:80px}
 [data-project-gallery="home"] .portfolio-project-copy p{font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){
 .home-project-stack > .framer-1tq0x6t{position:relative!important;top:auto!important;translate:none!important}
 .home-project-stack [data-project-gallery="home"] .portfolio-project-card{top:auto}
}

/* Mobile card copy: compact type and a clear, consistent lower inset. */
@media(max-width:700px){
 .home-project-stack > .framer-1tq0x6t :is(h2,h3){font-size:28px!important;line-height:1.15!important}
 [data-project-gallery="home"] .portfolio-project-media{aspect-ratio:1/1.05}
 [data-project-gallery="home"] .portfolio-project-copy{left:24px;right:24px;bottom:32px}
 [data-project-gallery="home"] .portfolio-project-copy h2{font-size:clamp(20px,5.5vw,28px)!important;line-height:1.18!important;letter-spacing:-.025em!important}
 [data-project-gallery="home"] .portfolio-project-copy p{font-size:14px!important;line-height:1.5!important;margin-top:14px!important}
}