.projects{background:var(--bg);color:var(--fg)}.projects .rt-container{max-width:1200px}.projects-stack{z-index:1;box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:clamp(80px,14vh,200px);width:100%;padding:0;display:flex;position:relative}.project-card{border:1px solid var(--violet);color:#0a0a0a;background:#fff;border-radius:20px;flex-direction:column;gap:0;width:100%;padding:0;display:flex;position:sticky;overflow:hidden}.project-image{aspect-ratio:16/9;border-radius:0;flex:none;width:100%;position:relative;overflow:hidden}.project-image .project-num{letter-spacing:.2em;color:#ffffffd9;z-index:2;font-size:14px;font-weight:500;position:absolute;bottom:24px;left:28px}.project-meta{flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:clamp(16px,1.6vw,28px);width:100%;padding:clamp(8px,.9vw,14px) clamp(14px,1.4vw,20px) clamp(14px,1.4vw,20px);display:flex}.pm-col{flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:flex-start;gap:4px;min-width:0;display:flex}.pm-col:nth-child(2){flex:2 1 0}.pm-col:nth-child(3){flex:1 1 0}.pm-col:nth-child(4){text-align:left;flex:none;align-items:flex-start;margin-left:auto}.pm-value{overflow-wrap:anywhere}.pm-label{color:var(--violet);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(13px,.85vw,15px);font-weight:700;line-height:1.4;display:block}.pm-value{font-size:var(--fs-body);color:#0a0a0a;line-height:1.4;display:block}.pm-name{font-size:clamp(18px,1.4vw,26px);font-weight:600}@media (max-width:900px){.projects-stack{gap:24px}.project-card{position:relative;top:0!important}.project-meta{flex-wrap:wrap;gap:20px;padding:12px 14px 16px}.pm-col,.pm-col:nth-child(2),.pm-col:nth-child(3),.pm-col:nth-child(4){flex:0 0 calc(50% - 10px)}.pm-col:nth-child(4){text-align:left;align-items:flex-start;margin-left:0}}@media (max-width:540px){.pm-col,.pm-col:nth-child(2),.pm-col:nth-child(3),.pm-col:nth-child(4){flex:0 0 100%}}.psl{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.psl-slide{opacity:0;pointer-events:none;background-position:50%;background-size:cover;transition:opacity .7s;position:absolute;inset:0}.psl-slide.active{opacity:1;pointer-events:auto}.psl-slide img{object-fit:cover;object-position:center}.psl-video{background:var(--black);place-items:center;display:grid;position:absolute;inset:0}.psl-video-el{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.psl-video-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:54px;height:54px;color:var(--white);cursor:pointer;z-index:4;background:#ffffff14;border:1px solid #fff3;border-radius:50%;place-items:center;transition:background .25s,transform .25s,border-color .25s,opacity .35s;display:grid;position:relative}.psl-video-toggle:hover{background:var(--violet);border-color:var(--violet);transform:scale(1.05)}.psl-video-toggle.is-playing{opacity:0}.psl-video:hover .psl-video-toggle.is-playing,.psl-video-toggle.is-playing:focus-visible{opacity:1}.psl-controls{pointer-events:none;z-index:3;opacity:0;justify-content:space-between;padding:0 clamp(12px,1.6vw,22px);transition:opacity .25s;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.project-card:hover .psl-controls{opacity:1}.psl-controls button{pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#00000059;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:clamp(38px,3vw,48px);height:clamp(38px,3vw,48px);transition:background .2s,transform .2s,border-color .2s;display:grid}.psl-controls button:hover{background:var(--violet);border-color:var(--violet);transform:scale(1.06)}.psl-dots{z-index:3;gap:12px;display:flex;position:absolute;bottom:clamp(14px,1.6vw,22px);left:50%;transform:translate(-50%)}.psl-dots button{cursor:pointer;background:#ffffff73;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:transform .2s,background .2s,box-shadow .2s}.psl-dots button:hover{background:#ffffffd9}.psl-dots button.active{outline-offset:3px;background:#fff;outline:1.5px solid #fff;transform:scale(1.3)}.projects-page{padding-top:clamp(40px,5vw,70px)}.projects-filter{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px;margin-bottom:56px;padding-bottom:28px;display:flex}.projects-filter-btn{border:1px solid var(--line);color:var(--fg);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:background .25s,color .25s,border-color .25s,transform .25s;display:inline-flex}.projects-filter-btn:hover{border-color:var(--violet);transform:translateY(-2px)}.projects-filter-btn.is-active{background:var(--violet);border-color:var(--violet);color:var(--white)}.projects-filter-count{opacity:.75;font-size:13px;font-weight:500}.projects-empty{text-align:center;color:var(--muted);padding:80px 0;font-size:15px}.projects-list{flex-direction:column;gap:clamp(28px,4vw,64px);width:100%;display:flex}.projects-row-full{width:100%;display:block}.projects-row-two-up{grid-template-columns:1fr 1fr;gap:clamp(20px,2.4vw,34px);width:100%;display:grid}.projects-page .project-card{position:relative;top:0!important}@media (max-width:800px){.projects-row-two-up{grid-template-columns:1fr;gap:clamp(28px,4vw,40px)}}.projects.is-fullscreen .rt-container{max-width:var(--container)}.projects.is-fullscreen.projects-page .project-image,.projects.is-fullscreen.projects-page .project-card-full .project-image,.projects.is-fullscreen.projects-page .project-card-half .project-image{aspect-ratio:16/9;flex:none;height:auto}.projects.is-fullscreen.projects-page .project-card,.projects.is-fullscreen.projects-page .project-card-full,.projects.is-fullscreen.projects-page .project-card-half{height:auto}.projects.is-fullscreen:not(.projects-page) .project-card{height:clamp(520px,100dvh - 64px,1100px)}.projects.is-fullscreen:not(.projects-page) .project-image{aspect-ratio:auto;flex:1 0 0}@media (max-width:900px){.projects.is-fullscreen:not(.projects-page) .project-card{height:auto}.projects.is-fullscreen:not(.projects-page) .project-image{aspect-ratio:16/9;flex:none;height:auto}}