/* Expanding project covers; artwork grids keep their original dimensions. */
.project-strip{display:flex;gap:10px;height:350px;isolation:isolate}
.project-cover{position:relative;display:block;min-width:0;flex:1;padding:0;overflow:hidden;border:0;border-radius:14px;background:#202632;color:#fff;text-align:left;cursor:pointer;transition:flex .6s cubic-bezier(.22,.7,.18,1),box-shadow .25s;}
.project-cover.is-selected{flex:5.4}
.project-cover .cover-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.22,.7,.18,1),filter .4s;filter:brightness(.72)}
.project-cover.is-selected .cover-art{transform:scale(1.025);filter:brightness(1)}
.project-cover:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8));pointer-events:none}
.cover-caption{position:absolute;z-index:1;left:16px;right:16px;bottom:20px;display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:20px;font-weight:500;line-height:1.2}
.project-strip .project-cover:not(.is-selected) .cover-caption{writing-mode:vertical-rl;transform:rotate(180deg);left:0;right:0;bottom:18px;align-items:center;font-size:14px}
.cover-badge{width:40px;height:40px;object-fit:cover;border-radius:10px;flex:none}
.project-strip .project-cover:not(.is-selected) .cover-badge{display:none}
.project-cover:focus-visible{outline:3px solid #2f6aff;outline-offset:4px}
.project-cover[aria-expanded=true]{box-shadow:0 0 0 3px #2f6aff}
.project-extras{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #d9dde5}
.project-extras .project-cover{height:170px}
.project-extras .cover-art{object-position:center 40%;filter:brightness(.8)}
.project-galleries>.project-panel{padding-top:36px;scroll-margin-top:28px}
.gallery-heading{font-size:26px;font-weight:500;letter-spacing:-.5px;margin:0 0 24px;outline:none}
@media(max-width:1000px) and (min-width:701px){.project-strip{gap:7px;height:300px}.project-cover.is-selected{flex:6}.cover-caption{font-size:17px;left:12px;right:12px}.cover-badge{width:30px;height:30px}}
@media(max-width:700px){
.project-strip{height:330px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:12%;padding:8px 12% 18px;margin-inline:-6vw;isolation:auto;scrollbar-width:thin;scrollbar-color:#2f6aff #d9dde5;overscroll-behavior-x:contain}
.project-strip .project-cover,.project-strip .project-cover.is-selected{flex:0 0 86%;scroll-snap-align:center;transform:scale(.91);transition:transform .4s,opacity .4s;opacity:.65}
.project-strip .project-cover.is-selected{transform:scale(1);opacity:1}
.project-strip .project-cover:not(.is-selected) .cover-caption{writing-mode:horizontal-tb;transform:none;left:16px;right:16px;bottom:20px;font-size:20px}
.project-strip .project-cover:not(.is-selected) .cover-badge{display:block}
.project-extras{gap:12px;margin-top:18px;padding-top:18px}.project-extras .project-cover{height:160px}.project-extras .cover-caption{font-size:17px;white-space:normal;left:14px;right:14px}
.gallery-heading{font-size:24px}.project-galleries>.project-panel{padding-top:28px}
}
@media(prefers-reduced-motion:reduce){.project-cover,.project-cover .cover-art{transition:none!important}}