/* Category names lead; original project artwork and names provide the detail. */
.work-type-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:62px 28px}
.work-type-card{grid-column:span 3;min-width:0}
.work-type-card:nth-child(n+7){grid-column:span 2}
.work-type-link,.selection-link{display:block;text-decoration:none}
.type-visual,.selection-visual{position:relative;overflow:hidden;isolation:isolate}
.type-visual{--art-limit:290px}
.type-visual .portfolio-cover{height:clamp(310px,32vw,450px);min-height:0;padding:9%;gap:7%}
.type-visual .cover-piece,.selection-visual .cover-piece{display:flex;align-items:center;justify-content:center;min-width:0}
.type-visual .asset-visual,.selection-visual .asset-visual{width:min(100%,calc(var(--art-limit) * var(--art-ratio)));flex:none}
.type-visual .cover-piece>img,.selection-visual .cover-piece>img{display:block;width:100%;height:auto;max-height:var(--art-limit);object-fit:contain}
.type-arrow{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;font-size:25px;opacity:0;transform:translateY(9px);transition:opacity .25s,transform .25s}
.type-card-heading{display:flex;align-items:baseline;gap:15px;margin-top:24px}
.type-number{color:var(--accent);font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.type-card-heading h3{font-size:clamp(1.7rem,3vw,3rem);font-weight:400;line-height:1.08;letter-spacing:-.045em}
.type-card-heading>span:last-child{margin-left:auto;font-size:24px;transition:transform .25s}
.work-type-link>p{font-size:16px;line-height:1.6;margin:13px 0 0 30px;max-width:440px;color:var(--muted)}
.work-type-card:nth-child(n+7) .type-visual{--art-limit:245px}
.work-type-card:nth-child(n+7) .portfolio-cover{height:330px;padding:8%}
.work-type-card:nth-child(n+7) h3{font-size:clamp(1.6rem,2.4vw,2.5rem)}
.work-type-link:hover h3,.selection-link:hover h3{color:var(--accent)}
.work-type-link:hover .type-arrow,.work-type-link:focus-visible .type-arrow,.selection-link:hover .type-arrow,.selection-link:focus-visible .type-arrow{opacity:1;transform:translateY(0)}
.work-type-link:hover .type-card-heading>span:last-child{transform:translate(3px,-3px)}
.work-type-link:hover .cover-duo .cover-piece:first-child,.selection-link:hover .cover-duo .cover-piece:first-child{transform:translateY(-20px)}
.work-type-link:hover .cover-duo .cover-piece:nth-child(2),.selection-link:hover .cover-duo .cover-piece:nth-child(2){transform:translateY(5px)}
.work-type-link:hover .cover-single .cover-piece,.selection-link:hover .cover-single .cover-piece{transform:scale(1.025)}
.work-type-link:focus-visible,.selection-link:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
.work-heading{padding-bottom:42px}
.work-heading h1{margin-bottom:25px}
.work-page .filters{padding-top:22px;padding-bottom:4px;gap:10px}
.work-page .filter{min-height:44px;font-size:14px}
.work-page .result-count{font-size:13px;margin:22px 0 50px;color:var(--muted)}
.work-type-section{padding-top:36px;padding-bottom:64px;border-top:1px solid var(--line);scroll-margin-top:125px}
.work-type-section+.work-type-section{margin-top:25px}
.work-type-heading{display:grid;grid-template-columns:32px 1fr auto;gap:18px;align-items:start;margin-bottom:32px}
.work-type-heading>.type-number{padding-top:13px}
.work-type-heading h2{font-size:clamp(2.5rem,4.3vw,4.8rem);font-weight:400;letter-spacing:-.05em;line-height:1.08}
.work-type-heading p{font-size:16px;line-height:1.6;margin-top:15px;max-width:650px}
.type-total{font-size:13px;padding-top:15px;color:var(--muted);white-space:nowrap}
.work-selections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}
.work-selection{min-width:0}
.selection-visual{--art-limit:225px}
.selection-visual .portfolio-cover{height:300px;min-height:0;padding:9%;gap:5%}
.selection-visual .cover-stack{display:flex;gap:12px}
.selection-visual .cover-stack .cover-piece{width:45%;margin-top:0}
.selection-visual .cover-single{padding:7%}
.selection-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:19px}
.selection-heading h3{font-size:19px;font-weight:400;line-height:1.35;letter-spacing:-.02em}
.selection-heading>span{font-size:20px;color:var(--accent)}
.selection-status{font-size:12px;line-height:1.6;color:var(--muted);margin-top:7px}
.category-expand{border:0;background:none;color:var(--ink);padding:12px 0;font-size:15px;margin-top:26px;min-height:44px;cursor:pointer}
.category-expand:hover{color:var(--accent)}
.work-type-section[hidden],.work-selection[hidden],.category-expand[hidden]{display:none!important}
.gallery-six{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;align-items:start}
.gallery-six .case-figure:nth-child(even){padding-top:28px}
.gallery-six .case-figure figcaption{font-size:12px}
@media(max-width:1100px){
  .type-visual{--art-limit:250px}.type-visual .portfolio-cover{height:350px}
  .work-type-card:nth-child(n+7) .type-visual{--art-limit:190px}.work-type-card:nth-child(n+7) .portfolio-cover{height:280px}
  .selection-visual{--art-limit:185px}.selection-visual .portfolio-cover{height:255px}
  .work-selections{gap:32px 20px}.selection-heading h3{font-size:18px}
  .gallery-six{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
}
@media(max-width:760px){
  .work-type-grid{grid-template-columns:1fr;gap:38px}
  .work-type-card,.work-type-card:nth-child(n+7){grid-column:auto}
  .type-visual,.work-type-card:nth-child(n+7) .type-visual{--art-limit:270px}
  .type-visual .portfolio-cover,.work-type-card:nth-child(n+7) .portfolio-cover{height:360px;padding:8%}
  .type-card-heading{margin-top:19px;gap:12px}
  .type-card-heading h3,.work-type-card:nth-child(n+7) h3{font-size:clamp(1.8rem,7vw,2.4rem)}
  .work-type-link>p{margin-left:27px;font-size:16px}
  .work-page .filters{gap:7px}.work-page .filter{font-size:12px;padding:9px 12px}
  .work-page .result-count{margin-bottom:30px}
  .work-type-section{padding-top:27px;padding-bottom:37px;scroll-margin-top:105px}
  .work-type-heading{grid-template-columns:22px 1fr;gap:10px;margin-bottom:25px}
  .work-type-heading>.type-number{padding-top:9px}.work-type-heading h2{font-size:clamp(2.4rem,8.2vw,3.7rem)}
  .work-type-heading p{margin-top:12px}.type-total{grid-column:2;padding-top:0}
  .work-selections{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}
  .selection-visual{--art-limit:185px}.selection-visual .portfolio-cover{height:245px}
  .selection-heading h3{font-size:18px}.selection-heading{gap:8px}
  .gallery-six{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}
}
@media(max-width:520px){
  .type-visual,.work-type-card:nth-child(n+7) .type-visual{--art-limit:235px}
  .type-visual .portfolio-cover,.work-type-card:nth-child(n+7) .portfolio-cover{height:310px}
  .work-selections{grid-template-columns:1fr;gap:30px}
  .selection-visual{--art-limit:245px}.selection-visual .portfolio-cover{height:320px}
}
@media(hover:none){.type-arrow{opacity:1;transform:none}}
.motion-paused .work-type-link:hover .cover-piece,.motion-paused .selection-link:hover .cover-piece{transform:none!important}
@media(prefers-reduced-motion:reduce){.work-type-link:hover .cover-piece,.selection-link:hover .cover-piece{transform:none!important}}