.work-page{padding-top:114px}.work-page .header{position:fixed;inset:26px 4.45% auto;width:auto;margin:0;min-height:56px}.work-page .showreel{height:auto;min-height:0;padding:0;margin:0 auto;width:100%;max-width:1920px;position:relative}.work-page .showreel-media{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;transform:none;clip-path:none;border-radius:0}.work-page .showreel-media>img,.work-page .showreel-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none}.work-page [hidden]{display:none!important}.work-page .video-toggle,.sound-toggle{position:absolute;bottom:24px;right:24px;padding:12px 20px;min-height:44px;color:white;background:#111b;border:1px solid #ffffff40;border-radius:40px;font-size:14px;z-index:2}.sound-toggle{right:auto;left:24px}.work-intro{text-align:center;max-width:840px;margin:110px auto 72px;padding:0 24px}.work-intro h1{font-size:clamp(48px,5.6vw,88px);line-height:1;letter-spacing:-.04em}.work-intro>p:last-child{font-size:18px;line-height:1.65;max-width:590px;margin:28px auto 0;color:var(--muted)}.work-grid{width:calc(100% - 96px);max-width:1728px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 26px}.work-tile{display:block;min-width:0}.work-image{aspect-ratio:5/6;overflow:hidden;border-radius:16px;background:color-mix(in srgb,var(--ink) 5%,var(--bg))}.work-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.work-caption{padding:20px 2px 0}.work-caption h2{font-family:'Times New Roman',Times,Tinos,serif;font-size:32px;font-weight:400;line-height:1.1;margin:0 0 8px}.work-caption p{font-size:14px;color:var(--muted);line-height:1.5;margin:0}.work-cta{text-align:center;padding:150px 24px 110px}.work-cta>p{color:var(--muted);font-size:18px}.work-cta h2{font:400 clamp(40px,4.5vw,72px)/1.04 'Times New Roman',Times,Tinos,serif;letter-spacing:-.035em;margin:24px auto 34px}.work-cta .action{display:inline-flex}.work-page .footer{padding-block:32px 48px}.project-intro{max-width:1728px;width:calc(100% - 96px);margin:80px auto 60px}.project-intro .kicker{margin:48px 0 18px}.project-intro h1{font-size:clamp(60px,8vw,120px)}.project-images{width:calc(100% - 96px);max-width:1320px;margin:auto;display:grid;gap:32px}.project-images img{display:block;width:100%;height:auto;border-radius:12px}.work-tile:focus-visible .work-image img{transform:scale(1.035)}
@media(hover:hover) and (pointer:fine){.work-tile:hover .work-image img{transform:scale(1.035)}.work-tile:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}}
@media(max-width:1000px) and (min-width:701px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 48px)}}
@media(max-width:700px){.work-page{padding-top:88px}.work-page .header{inset:14px 16px auto;width:auto;margin:0;min-height:52px}.work-page .showreel-media{aspect-ratio:9/16;max-height:85svh}.work-intro{margin:64px auto 42px;padding:0 20px}.work-intro>p:last-child{font-size:16px;margin-top:24px}.work-grid{width:calc(100% - 32px);grid-template-columns:1fr;gap:40px}.work-image{border-radius:12px}.work-caption{padding:16px 2px 0}.work-caption h2{font-size:30px}.work-cta{padding:90px 20px 64px}.project-intro{width:calc(100% - 32px);margin:52px auto 36px}.project-images{width:calc(100% - 32px);gap:20px}.work-page .footer{padding-bottom:32px}}
@media(prefers-reduced-motion:reduce){.work-image img{transition:none}}
@media(max-width:700px){.work-page .showreel-media:has(video:not([src])){aspect-ratio:16/9;max-height:none}}
@media(prefers-reduced-motion:no-preference){.work-tile.entering{opacity:0;transform:translateY(18px)}.work-tile{transition:opacity .55s ease,transform .55s ease}}
.work-image,.project-film{position:relative}.work-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-film video{display:block;width:100%;height:auto;border-radius:12px}.work-page .work-intro{margin-top:80px}@media(max-width:700px){.work-page .work-intro{margin-top:52px}}

.project-images>.project-portrait{width:min(68%,760px);justify-self:center}.project-images>.project-square{width:85%;justify-self:center}.project-images>.project-film:has(video[src]){width:100%}
@media(max-width:700px){.project-images>.project-portrait,.project-images>.project-square{width:100%}}
/* Project pages: original finished artwork, with editorial navigation. */
.project-hero{width:calc(100% - 96px);max-width:1728px;margin:0 auto;overflow:hidden;border-radius:20px;position:relative}.project-hero>img,.project-hero>video{display:block;width:100%;height:auto;border-radius:0}.project-play{position:absolute;right:20px;bottom:20px;min-height:44px;padding:12px 20px;border:1px solid #ffffff70;border-radius:32px;background:#111c;color:#fff}.project-overview{width:calc(100% - 96px);max-width:1320px;margin:88px auto 96px;display:grid;grid-template-columns:1fr 1.05fr;gap:64px}.project-overview .kicker{margin:42px 0 20px}.project-overview h1{font-size:clamp(48px,6vw,92px);line-height:1.02;letter-spacing:-.04em;overflow-wrap:anywhere}.project-summary{padding-top:52px}.project-summary h2{font-size:clamp(25px,2.1vw,34px);font-weight:400;line-height:1.2;margin:0 0 20px}.project-summary>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:560px}.project-summary dl{display:flex;gap:48px;margin:36px 0 0}.project-summary dt{font-size:11px;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}.project-summary dd{margin:0;font-size:14px}.project-images>img{width:100%;justify-self:stretch}.project-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.project-identity-grid img{width:100%;height:auto;border-radius:12px}.identity-loop{grid-column:1/-1;width:70%;justify-self:center}.identity-loop video{display:block;width:100%;height:auto;border-radius:12px}.related-projects{max-width:1320px;width:calc(100% - 96px);margin:110px auto 0}.related-projects>h2{font-size:clamp(38px,4vw,64px);line-height:1.05;font-weight:400;margin:18px 0 40px}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1440px;gap:64px 32px}.work-image{aspect-ratio:4/3}.work-image img{object-fit:contain}.project-card{display:block;color:inherit;text-decoration:none}.project-card img{width:100%;height:100%;object-fit:cover}.project-card .project-caption{display:flex;flex-direction:column}
@media(max-width:700px){.project-hero{width:calc(100% - 32px);border-radius:12px}.project-overview{width:calc(100% - 40px);margin:48px auto;grid-template-columns:1fr;gap:28px}.project-overview .kicker{margin-top:30px}.project-summary{padding-top:0}.project-summary>p{font-size:16px}.project-identity-grid{grid-template-columns:1fr;gap:20px}.identity-loop{width:100%}.related-projects{width:calc(100% - 32px);margin-top:72px}.related-grid{gap:18px}.related-grid .work-caption h2{font-size:24px}.work-grid{grid-template-columns:1fr}}
.project-full-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start;max-width:1440px}.gallery-shot{margin:0;min-width:0}.gallery-feature{grid-column:1/-1}.artwork-open{display:block;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:transparent;cursor:zoom-in}.artwork-open img{display:block;width:100%;height:auto}.artwork-open:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.project-full-collection .project-identity-grid{margin-block:20px 40px}.artwork-viewer{max-width:94vw;width:1440px;max-height:94svh;padding:54px 12px 12px;background:var(--bg);color:var(--ink);border:0;border-radius:12px}.artwork-viewer::backdrop{background:#000d}.artwork-viewer img{display:block;max-width:100%;height:auto;margin:auto;max-height:calc(94svh - 78px);object-fit:contain}.artwork-close{position:absolute;top:10px;right:16px;padding:8px 16px;min-height:36px;border:1px solid var(--muted);border-radius:24px;cursor:pointer;color:var(--ink);background:var(--bg)}
@media(max-width:700px){.project-full-collection{grid-template-columns:1fr;gap:20px}.gallery-feature{grid-column:auto}.project-full-collection .project-identity-grid{margin-block:8px 16px}.artwork-viewer{width:calc(100vw - 20px);max-width:calc(100vw - 20px)}}

/* Paired artwork shares a height without cropping either composition. */
.project-full-collection{grid-template-columns:minmax(0,1fr)}
.gallery-row{display:grid;grid-template-columns:minmax(0,var(--left-track)) minmax(0,var(--right-track));gap:28px;align-items:start}
@media(max-width:700px){.gallery-row{grid-template-columns:minmax(0,1fr);gap:20px}}

.identity-loop video::-webkit-media-controls{display:none!important}
.identity-loop video{pointer-events:none}

.work-image img[src$="/wingit/01-social-hero.webp"]{object-fit:cover;object-position:center}

.work-image img[src$="/tchombe-les-we/01-hero.webp"]{object-fit:cover;object-position:center}
@media(max-width:700px){
 .work-page .header{margin:0;align-items:center}
 .work-page .menu-label{display:inline;font-size:12px}
 .work-page .menu-toggle{padding-inline:12px;gap:8px}
 .work-page .book{font-size:12px;padding-inline:8px}
 .work-intro{margin:34px auto 32px!important;text-align:left;padding-inline:20px}
 .work-intro .kicker{margin-bottom:18px;font-size:11px}
 .work-intro h1{font-size:40px;line-height:1.05;letter-spacing:-.035em}
 .work-intro>p:last-child{font-size:14px;line-height:1.55;margin-top:18px;max-width:310px}
 .work-grid{gap:34px;width:calc(100% - 24px)}
 .work-caption{padding:14px 6px 0;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
 .work-caption h2{font-size:26px;line-height:1.1;overflow-wrap:anywhere;margin:0;min-width:0}
 .work-caption p{font-size:11px;white-space:nowrap;flex-shrink:0}
 .work-image{border-radius:10px}
 .project-mobile-heading{width:calc(100% - 40px);margin:0 auto 24px}
 .project-mobile-heading .text-link{font-size:12px}
 .project-mobile-heading .kicker{display:none}
 .project-mobile-heading h1{font-size:42px;line-height:1.05;letter-spacing:-.035em;margin:16px 0 0;overflow-wrap:anywhere}
 .project-hero{width:100%;border-radius:0}
 .project-overview{margin:28px auto 32px;display:block}
 .project-summary h2{font-size:24px;line-height:1.2;margin-bottom:18px}
 .project-context{border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}
 .project-context summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:16px 0;font-size:13px;list-style:none}
 .project-context summary::-webkit-details-marker{display:none}
 .project-context summary::after{content:'+';font-size:22px;line-height:1}
 .project-context[open] summary::after{content:'−'}
 .project-context p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 24px}
 .project-context dl{margin:0 0 12px;gap:32px}
 .project-context summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
 .project-full-collection{width:100%;gap:12px}
 .gallery-row{gap:12px}
 .project-full-collection .artwork-open,.project-full-collection .artwork-open img{border-radius:0}
 .project-full-collection .project-identity-grid{margin:12px 12px 20px;gap:12px}
 .project-full-collection .project-identity-grid .artwork-open{border-radius:8px}
 .related-projects{margin-top:52px;width:calc(100% - 24px)}
 .related-projects>h2{font-size:34px;margin-bottom:24px}
 .related-grid{grid-template-columns:1fr;gap:28px}
 .work-cta{padding:68px 20px 52px}
}

/* Project endings share the main site's footer and a route back to all work. */
.work-cta .actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
.work-cta .action.outline .button-arrow{filter:invert(1)}
:root[data-theme=dark] .work-cta .action.outline .button-arrow{filter:none}
.work-cta .action.outline:focus-visible .button-arrow{filter:none}
:root[data-theme=dark] .work-cta .action.outline:focus-visible .button-arrow{filter:invert(1)}