.work-index-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:35px 0 42px;border-bottom:1px solid var(--line);margin-bottom:26px}.work-index-intro h1{font-size:clamp(70px,9vw,140px)}.work-index-intro>.mono{color:var(--muted);font-size:10px;text-align:right}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;align-items:start}.work-tile{display:block;min-width:0;grid-column:span 6;border:1px solid var(--line);background:#101010}.work-tile-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#252523 calc(25% - 1px),#252523 25%)}.work-tile-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s}.film .work-tile-image img{object-fit:cover}.object .work-tile-image img{mask-image:radial-gradient(ellipse,#000 45%,rgba(0,0,0,.83) 52%,rgba(0,0,0,.48) 59%,rgba(0,0,0,.19) 66%,rgba(0,0,0,.04) 73%,transparent 79%)}.logo .work-tile-image{background:var(--accent)}.logo .work-tile-image img{padding:18%;filter:brightness(0) invert(1)}.work-tile-number{position:absolute;left:18px;top:16px;color:#eee;font-size:10px}.work-tile-info{padding:20px;display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.work-tile-info p{font-size:9px;margin-bottom:10px;text-transform:uppercase}.work-tile-info h2{font-size:calc(clamp(26px,3vw,44px) * var(--scale-project,1))}.work-tile-link{font-size:9px;white-space:nowrap;border-bottom:1px solid var(--accent);padding-bottom:7px;color:var(--ink)}.work-tile:hover .work-tile-image img{transform:scale(1.035)}.work-tile:hover .work-tile-link{color:var(--accent)}.work-offset .work-tile:nth-child(4n+1){grid-column:span 8}.work-offset .work-tile:nth-child(4n+2){grid-column:span 4;margin-top:70px}.work-offset .work-tile:nth-child(4n+3){grid-column:span 5}.work-offset .work-tile:nth-child(4n+4){grid-column:span 7;margin-top:45px}.work-offset .film .work-tile-image{aspect-ratio:16/9}.work-offset .work-tile:nth-child(4n+2) .work-tile-info{align-items:start;flex-direction:column}.work-contact .work-grid{gap:0;border-left:1px solid var(--line);border-top:1px solid var(--line)}.work-contact .work-tile{grid-column:span 4;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.work-contact .work-tile:nth-child(5n+1){grid-column:span 8}.work-contact .work-tile-image{aspect-ratio:1}.work-contact .work-tile:nth-child(5n+1) .work-tile-image{aspect-ratio:2}.work-contact .work-tile-info{flex-direction:column;align-items:start;min-height:132px}.work-reel .work-grid{gap:36px}.work-reel .work-tile{grid-column:span 12;display:grid;grid-template-columns:minmax(0,1fr) 250px}.work-reel .work-tile-image{aspect-ratio:16/7}.work-reel .work-tile-info{border-top:0;border-left:1px solid var(--line);flex-direction:column;align-items:start;padding:28px}.work-reel .work-tile:nth-child(even){grid-template-columns:250px minmax(0,1fr)}.work-reel .work-tile:nth-child(even) .work-tile-image{order:2}.work-reel .work-tile:nth-child(even) .work-tile-info{border-left:0;border-right:1px solid var(--line)}
@media(max-width:900px){.work-tile-info{flex-direction:column;align-items:start}.work-reel .work-tile,.work-reel .work-tile:nth-child(even){grid-template-columns:minmax(0,1fr) 200px}.work-reel .work-tile:nth-child(even) .work-tile-image{order:0}.work-reel .work-tile:nth-child(even) .work-tile-info{border-right:0;border-left:1px solid var(--line)}}
@media(max-width:640px){.work-index-intro{align-items:start;flex-direction:column}.work-index-intro>.mono{text-align:left}.work-grid{display:flex;flex-direction:column;gap:25px}.work-tile{width:100%}.work-offset .work-tile:nth-child(n){margin-top:0}.work-contact .work-tile:nth-child(n) .work-tile-image{aspect-ratio:4/3}.work-contact .work-tile-info{min-height:0}.work-reel .work-tile,.work-reel .work-tile:nth-child(even){display:block}.work-reel .work-tile-info,.work-reel .work-tile:nth-child(even) .work-tile-info{border-left:0;border-top:1px solid var(--line);gap:22px}.work-reel .work-tile-image{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.work-tile-image img{transition:none}}

.work-index .site-nav a:first-child{color:var(--ink)}.work-index .site-nav [aria-current]{color:var(--accent)}.work-reel .logo .work-tile-image img{padding:40px}

/* I04: uneven widths within complete, aligned three-project rows. */
.work-aligned .work-grid{align-items:stretch;gap:26px}
.work-aligned .work-tile{display:flex;flex-direction:column;margin:0}
.work-aligned .work-tile:nth-child(6n+1),.work-aligned .work-tile:nth-child(6n+5){grid-column:span 5}
.work-aligned .work-tile:nth-child(6n+2),.work-aligned .work-tile:nth-child(6n+4){grid-column:span 3}
.work-aligned .work-tile:nth-child(3n){grid-column:span 4}
.work-aligned .work-tile-image{aspect-ratio:auto;height:clamp(240px,27vw,400px);flex-shrink:0}
.work-aligned .logo .work-tile-image img{padding:35px}
.work-aligned .work-tile-info{flex:1;min-height:140px;flex-direction:column;align-items:start;gap:20px}
.work-aligned .work-tile-info h2{font-size:calc(clamp(25px,2.5vw,38px) * var(--scale-project,1))}
.work-aligned .work-tile-link{margin-top:auto}
@media(min-width:641px) and (max-width:900px){.work-aligned .work-tile:nth-child(n){grid-column:span 6}.work-aligned .work-tile-image{height:280px}}
@media(max-width:640px){.work-aligned .work-tile-image{height:auto;aspect-ratio:4/3}.work-aligned .film .work-tile-image{aspect-ratio:16/9}.work-aligned .work-tile-info{min-height:130px}}

/* I05: explicit project priority controls each item's footprint. */
.work-priority .work-grid{align-items:stretch;gap:28px}
.work-priority .work-tile{display:flex;flex-direction:column}
.work-priority .priority-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 260px}
.work-priority .priority-main{grid-column:span 6}
.work-priority .priority-minor{grid-column:span 4}
.work-priority .work-tile-image{aspect-ratio:16/9}
.work-priority .priority-featured .work-tile-image{aspect-ratio:16/7}
.work-priority .priority-minor .work-tile-image{aspect-ratio:4/3}
.work-priority .work-tile-info{flex:1;min-height:0;flex-direction:column;align-items:start;gap:12px;padding:16px 20px}
.work-priority .work-tile-link{margin-top:auto}
.work-priority .priority-featured .work-tile-info{border-top:0;border-left:1px solid var(--line);padding:20px 28px}
.work-priority .priority-featured h2{font-size:calc(clamp(34px,3.7vw,56px) * var(--scale-project,1))}
.work-priority .priority-main h2{font-size:calc(clamp(30px,3vw,44px) * var(--scale-project,1))}
.work-priority .priority-minor h2{font-size:calc(clamp(26px,2.5vw,36px) * var(--scale-project,1))}
.work-priority .logo .work-tile-image img{padding:40px}
@media(max-width:900px){.work-priority .priority-featured{grid-template-columns:minmax(0,1fr) 210px}.work-priority .priority-minor{grid-column:span 6}.work-priority .priority-featured .work-tile-info{padding:16px 20px}}
@media(max-width:640px){.work-priority .priority-featured{display:flex}.work-priority .priority-featured .work-tile-info{border-left:0;border-top:1px solid var(--line)}.work-priority .priority-featured .work-tile-image{aspect-ratio:16/9}}

.work-priority .studies-intro h1{font-size:clamp(70px,8vw,130px)}
.work-priority .priority-main + .priority-minor{grid-column:1 / span 4}
@media(max-width:900px){.work-priority .priority-main + .priority-minor{grid-column:1 / span 6}}
@media(max-width:640px){.work-priority .studies-intro h1{font-size:clamp(52px,12.5vw,80px)}.work-priority .study-result-bar{gap:18px}.work-priority .study-result-bar>span:last-child{display:none}}

/* Fill an odd Main row with the next visible Minor, without changing CMS priority. */
.work-priority .priority-minor.is-promoted{grid-column:span 6}
.work-priority .priority-minor.is-promoted .work-tile-image{aspect-ratio:16/9}
.work-priority .priority-minor.is-promoted h2{font-size:calc(clamp(30px,3vw,44px) * var(--scale-project,1))}