/* Work gallery formats, scoped to the homepage section. */
body #work.home-work{height:auto;min-height:0}
body #work.home-work>.copy{position:relative;top:auto;height:auto;display:block;width:100%;padding:100px var(--pad);max-width:3200px;margin:auto}
body #work.home-work h2{text-align:left;margin:0 0 48px}
body #work.home-work h2 em{display:inline}
body #work.home-work .portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:56px 32px;width:100%;max-width:none;margin:0;padding:0;overflow:visible;contain:none;mask-image:none!important;-webkit-mask-image:none!important}
body #work.home-work .project{width:100%;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;overflow:visible}
body #work.home-work .project-image{position:relative;width:100%;height:auto;max-height:none;aspect-ratio:var(--work-ratio);padding:0;overflow:hidden;background:#eeefec;border-radius:0}
body #work.home-work .project-image :is(img,video){display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;transform:none}
body #work.home-work video{opacity:0}
body #work.home-work .project-video-playing video{opacity:1}
body #work.home-work .project-caption{padding:22px 0 0;min-height:0}
body #work.home-work .project-caption h3{font-size:clamp(28px,2.4vw,56px);line-height:1.15;margin:0 0 12px}
body #work.home-work .project-caption p{font-size:clamp(16px,1.2vw,24px);line-height:1.5;margin:0 0 16px;opacity:1}
body #work.home-work .home-work-read{display:flex;justify-content:space-between;font-size:16px}
body #work.home-work .home-work-feature{grid-column:1/-1;width:78%;justify-self:center}
body #work.home-work .gallery-progress{display:none}
body #work.home-work .home-work-actions{display:flex;align-items:center;justify-content:space-between;margin-top:40px}
body #work.home-work .portfolio-more{margin:0;font-size:18px}
.home-work-next{border:1px solid currentColor;border-radius:999px;background:transparent;padding:12px 22px;min-height:44px;font:inherit;cursor:pointer;display:flex;gap:24px;align-items:center}
.home-work-next:hover{background:#ffc800}
@media(max-width:760px){body #work.home-work>.copy{padding:72px var(--pad)}body #work.home-work .portfolio-grid{grid-template-columns:1fr;gap:40px}body #work.home-work .home-work-feature{grid-column:auto;width:100%}body #work.home-work .project-caption h3{font-size:32px}body #work.home-work .home-work-actions{gap:20px;flex-wrap:wrap}}
body #work.home-work{background:transparent}
body #work.home-work .home-work-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:48px}
body #work.home-work .home-work-heading h2{margin:0}
body #work.home-work .project{scroll-margin-top:180px}
@media(max-width:760px){body #work.home-work .home-work-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:32px}}
/* Match Work's centered small/tall pair, wide feature, then second pair. */
body #work.home-work>.copy{padding-top:calc(var(--work-header-clearance,160px) + 32px);opacity:1!important;transform:none!important;--tour-copy:1}
body #work.home-work .portfolio-grid{grid-template-columns:repeat(100,minmax(0,1fr));gap:0;row-gap:clamp(72px,7.5vw,120px)}
body #work.home-work .project{grid-column:1/-1;width:var(--pair-width,45%);max-width:100%;justify-self:start;margin-left:var(--gallery-inset,0px);grid-row:1}
body #work.home-work .project:nth-child(2),body #work.home-work .project:nth-child(5){justify-self:end;margin-left:0;margin-right:var(--gallery-inset,0px)}
body #work.home-work .project:nth-child(1),body #work.home-work .project:nth-child(5){margin-top:var(--pair-offset,24px)}
body #work.home-work .project:nth-child(3){grid-row:2;width:var(--feature-width,88%);justify-self:start}
body #work.home-work .project:nth-child(n+4){grid-row:3}
body #work.home-work .portfolio-more{display:inline-flex;align-items:center;gap:24px;border-radius:999px;background:#ffc800;color:#15131b;padding:14px 26px;min-height:48px;text-decoration:none}
@media(max-width:760px){body #work.home-work .portfolio-grid{display:flex;flex-direction:column;gap:64px}body #work.home-work .portfolio-grid .project{width:100%;margin:0}body #work.home-work .home-work-heading{align-items:flex-start}body #work.home-work h2{text-align:left}}

body #work.home-work .project{scroll-margin-top:calc(var(--work-header-clearance,160px) + 24px)}
/* A dedicated title arrival, then the Work gallery's independent scroll response. */
body #work.home-work .home-work-heading{min-height:calc(100svh - var(--work-header-clearance,160px) - 64px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;margin-bottom:clamp(72px,10vh,140px);text-align:center}
body #work.home-work .home-work-heading h2{text-align:center}
body #work.home-work .home-work-actions{justify-content:center;margin-top:clamp(72px,8vw,120px);padding-bottom:48px}
body #work.home-work .project-image :is(img,video){transition:transform .6s cubic-bezier(.16,1,.3,1)}
body #work.home-work .project:is(:hover,:focus-visible) .home-work-read{text-decoration:underline;text-underline-offset:5px}
/* The supplied films retain their full frames, as on Work. */
body #work.home-work .project-image :is(img,video){transform:none}
@media(prefers-reduced-motion:reduce){body #work.home-work .project,body #work.home-work .home-work-heading{translate:none!important}body #work.home-work .project-image :is(img,video){transition:none}}