/* Factory 8o8 — in-house project showcase */
.work-showcase { background: var(--aqua); padding: clamp(40px,6vw,88px) 6%; }
.work-header { max-width: 1320px; margin: 0 auto 32px; display: flex; justify-content: space-between; align-items: end; gap: 24px; }
.work-header h2 { font-size: clamp(2.4rem,5vw,5rem); line-height: 1; max-width: 850px; }
.work-header .eyebrow { font-size: .875rem; margin-bottom: 14px; }
.work-index { font-size: .875rem; font-weight: 700; white-space: nowrap; padding-bottom: 7px; }
.artist-project { max-width: 1320px; margin: auto; display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1fr); gap: clamp(24px,5vw,70px); align-items: center; }
.work-film { margin: 0; min-width: 0; }
.work-film video { display: block; width: 100%; height: auto; max-height: 680px; aspect-ratio: 9/16; background: #10100e; object-fit: contain; border-radius: 24px; border: 2px solid var(--ink); }
.work-film figcaption { font-size: .875rem; line-height: 1.5; margin-top: 12px; }
.work-copy { min-width: 0; }
.work-label { display: inline-block; background: var(--ink); color: white; padding: 9px 14px; border-radius: 30px; font-size: .875rem; font-weight: 700; }
.work-copy h3 { font-size: clamp(3rem,6vw,6.8rem); line-height: .95; margin: 22px 0; }
.work-copy > p { font-size: 1.125rem; line-height: 1.55; max-width: 580px; }
.work-details { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; margin: 22px 0; }
.work-details li { font-size: .875rem; padding: 8px 12px; border: 1px solid #10100e70; border-radius: 24px; }
.work-stills { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 26px 0; }
.work-stills figure { margin: 0; min-width: 0; }
.work-stills img { width: 100%; height: auto; aspect-ratio: 3/4; object-fit: contain; background: #10100e; border-radius: 16px; border: 1px solid #10100e; }
.work-stills figcaption { font-size: .875rem; line-height: 1.4; margin-top: 9px; }
.work-copy .button { margin-top: 3px; }
@media (max-width: 1050px) { .desktop-nav { gap: 18px; } .site-header { gap: 16px; } }
@media (max-width: 700px) { .work-showcase { padding: 40px 6%; } .work-header { align-items: start; } .work-index { display: none; } .artist-project { grid-template-columns: 1fr; gap: 26px; } .work-film video { max-height: 600px; } .work-copy h3 { font-size: clamp(3rem,14vw,5rem); } .work-copy > p { font-size: 1rem; } }

.work-transcript { margin-top: 12px; font-size: .875rem; line-height: 1.5; }
.work-transcript summary { cursor: pointer; font-weight: 700; padding: 8px 0; }
.work-transcript p { margin-top: 6px; }

.work-entrance{padding:60px 6%;background:#f7f5ed;display:flex;justify-content:space-between;align-items:center;gap:30px}.work-entrance h2{font-size:clamp(44px,5vw,74px);line-height:.97;margin:18px 0;color:#5c2bcf}.work-entrance p{font-size:16px}.work-entrance .eyebrow{font-size:12px}@media(max-width:600px){.work-entrance{flex-direction:column;align-items:flex-start;padding:40px 7%}}