@view-transition{navigation:auto}
.project-row{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(36px,6vw,80px) 0;border-top:1px solid #ffffff38}
.project-list{display:block}.project-copy{min-width:0}.project-copy h3{font-size:clamp(28px,3.1vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin:0 0 24px}.project-copy p{font-size:18px;max-width:56ch}.project-meta{font-size:16px;line-height:1.65;margin:0 0 22px}.project-meta div{display:flex;gap:8px}.project-meta dt{font-weight:400;flex-shrink:0}.project-meta dd{margin:0}
.project-still{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--navy);isolation:isolate}.project-still img{display:block;width:100%;height:100%;object-fit:cover;transform:translate3d(var(--px,0px),var(--py,0px),0) scale(1.01);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-still:hover img{transform:translate3d(var(--px,0px),var(--py,0px),0) scale(1.055)}.still-placeholder{height:100%;display:flex;align-items:end;padding:8%;background:linear-gradient(135deg,#120f33,var(--navy) 65%,var(--red) 160%);font-size:clamp(24px,3vw,44px);font-weight:800;line-height:1.1}.still-label{display:none;position:absolute;left:0;top:0;pointer-events:none;background:var(--red);border-radius:50%;width:80px;height:80px;place-items:center;font-size:16px;font-weight:400;opacity:0;transition:opacity .2s}.project-still:hover .still-label{opacity:1}
.project-button{position:relative;display:inline-flex;gap:20px;align-items:center;border:1px solid #ffffff60;padding:12px 20px;font:inherit;font-size:16px;color:var(--white);background:transparent;overflow:hidden;isolation:isolate;cursor:pointer}.project-button:before{content:"";position:absolute;inset:0;background:var(--red);z-index:-1;transform:translateX(-101%);transition:transform .4s}.project-button:hover:before{transform:none}.project-button span{transition:transform .3s}.project-button:hover span{transform:translateX(5px)}button:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.motion .project-row:not(.visible) .project-still{clip-path:inset(0 100% 0 0)}.project-row .project-still{transition:clip-path .9s cubic-bezier(.7,0,.2,1)}.motion .project-row:not(.visible) .project-copy>*{opacity:0;transform:translateY(18px)}.project-copy>*{transition:opacity .65s,transform .65s;transition-delay:var(--delay,.15s)}
.project-detail{padding-top:120px}.project-detail h1{font-size:clamp(38px,6.8vw,100px);line-height:1.05;letter-spacing:-.035em;max-width:20ch;margin:28px 0 44px;font-weight:800}.project-detail h1 span{display:inline-block;animation:word-in .7s both;animation-delay:calc(var(--i)*.06s)}@keyframes word-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.detail-hero{margin-bottom:56px}.detail-hero .project-still{width:100%}.detail-body{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(28px,6vw,100px);padding:56px 0}.detail-body p{font-size:18px;line-height:1.7;margin:0 0 24px}.detail-body h2{font-size:30px;line-height:1.2;margin:36px 0 20px}.credits{margin:0}.credits div{border-top:1px solid #ffffff38;padding:14px 0;opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s;transition-delay:calc(var(--i)*.07s)}.credits.visible div{opacity:1;transform:none}.credits dt{font-size:14px;opacity:.7}.credits dd{font-size:18px;margin:3px 0 0}
.video-shell{aspect-ratio:16/9;background:#120f33;position:relative;display:grid;place-items:center;overflow:hidden}.video-shell iframe{width:100%;height:100%;border:0}.video-shell.short{aspect-ratio:9/16;width:min(100%,430px);margin:auto}.video-shell>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-shell>button{z-index:1;background:var(--red);font-size:18px}.video-shell .video-message{font-size:24px;padding:40px;text-align:center}.video-external{display:inline-block;text-decoration:underline;font-size:16px;margin-top:14px}.project-pagination{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff38;padding:32px 0 64px;font-size:16px}.project-pagination a{padding:10px 0}.project-pagination small{display:block;font-size:14px;opacity:.7}
@media(hover:hover) and (pointer:fine){.still-label{display:grid}}
@media(max-width:760px){.project-row,.detail-body{grid-template-columns:1fr}.project-detail{padding-top:100px}.project-copy h3{font-size:30px}.project-meta div{flex-wrap:wrap;gap:0 8px}.detail-hero{margin-bottom:32px}.detail-body{padding:32px 0}.project-pagination{align-items:start}.mosaic h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.project-still img{transform:none!important}.credits div{opacity:1;transform:none}.still-label{display:none!important}::view-transition-old(*),::view-transition-new(*){animation:none!important}}