.showreel{padding-block:var(--space-80);overflow-x:clip}.showreel__intro{margin-bottom:var(--space-40);text-align:center;grid-column:span 12}.showreel__tag{margin-bottom:var(--space-20)}.showreel h1{margin-bottom:var(--space-16);font:var(--type-h1);letter-spacing:var(--type-h1-tracking);text-wrap:balance}.showreel p{font:var(--type-body-lg);letter-spacing:var(--type-body-lg-tracking);color:var(--color-text-secondary)}.showreel__track{width:max-content;animation:60s linear infinite showreel-scroll;display:flex}.showreel__item{width:18rem;padding-right:var(--space-16);flex-shrink:0}.showreel__item:nth-child(2n){padding-top:var(--space-32)}.showreel__item img{aspect-ratio:3/4;object-fit:cover;background:var(--color-off-white);width:100%;height:auto;display:block}@keyframes showreel-scroll{to{translate:-50%}}@media (prefers-reduced-motion:reduce){.showreel__track{animation:none}}@media (width>=64rem){.showreel{padding-block:var(--space-120)}.showreel__intro{margin-bottom:var(--space-60);grid-column:4/span 6}.showreel__item{width:28rem}}html:has(.work-page) body{background:var(--color-white)}.gallery-sheet{overscroll-behavior:contain;border-radius:var(--radius-24) var(--radius-24) 0 0;background:var(--color-white);will-change:transform;border:0;outline:none;width:100%;max-width:100%;height:calc(100dvh - 1.25rem);max-height:100%;margin:0;padding:0;position:fixed;inset:1.25rem 0 0;overflow:clip auto;transform:translateY(100vh)}.gallery-sheet::backdrop{background:var(--color-muted)}.gallery-sheet__close{top:var(--space-24);z-index:2;float:right;width:2.5rem;height:2.5rem;margin:var(--space-24) var(--space-24) -4rem 0;background:var(--color-cloud);color:var(--color-text-primary);cursor:pointer;transition:scale .8s var(--ease-out-expo);border-radius:9999px;place-items:center;display:grid;position:sticky}.gallery-sheet__close svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:.875rem;height:.875rem}.case__head{row-gap:var(--space-12);padding-block:var(--space-60) var(--space-40)}.case__label{font:var(--type-body-sm);color:var(--color-text-tertiary);grid-column:span 12}.case__title{grid-column:span 12}.case__title h2{margin-bottom:var(--space-12);font:var(--type-h1);letter-spacing:var(--type-h1-tracking)}.case__title p{font:var(--type-body-lg);letter-spacing:var(--type-body-lg-tracking);color:var(--color-text-secondary)}.case__row{gap:var(--space-8);padding-inline:max(var(--gutter), calc((100% - var(--container-width)) / 2));scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--gutter), calc((100% - var(--container-width)) / 2));scrollbar-width:none;display:flex;overflow-x:auto}.case__photo{aspect-ratio:3/4;background:var(--color-cloud);scroll-snap-align:start;flex-shrink:0;height:18rem;overflow:hidden}.case__photo--wide{aspect-ratio:3/2}.case__photo img,.case__shot img{object-fit:cover;width:100%;height:100%}.case__about{row-gap:var(--space-40);padding-block:var(--space-60)}.case__meta{gap:var(--space-16);grid-column:span 12;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.case__meta dt{font:var(--type-body-based);color:var(--color-text-primary);font-weight:500}.case__meta dd{font:var(--type-body-based);color:var(--color-text-secondary)}.case__story{grid-column:span 12}.case__story p{font:var(--type-body-lg);letter-spacing:var(--type-body-lg-tracking);color:var(--color-text-secondary)}.case__story p:not(:last-child){margin-bottom:var(--space-20)}.case__story .case__lead{margin-bottom:var(--space-32);font:var(--type-h3);letter-spacing:var(--type-h3-tracking);color:var(--color-text-primary)}.case__gallery{row-gap:var(--space-16);padding-block:0 var(--space-80)}.case__shot{aspect-ratio:3/4;background:var(--color-cloud);grid-column:span 12;overflow:hidden}.case__shot--wide{aspect-ratio:3/2}@media (hover:hover) and (pointer:fine){.gallery-sheet__close:hover{scale:1.08}}@media (width>=48rem){.case__photo{height:28rem}.case__meta{grid-template-columns:repeat(3,minmax(0,1fr))}.case__shot{grid-column:span 6}.case__shot--wide{grid-column:span 12}}@media (width>=64rem){.case__head{padding-block:var(--space-80) var(--space-60)}.case__label{padding-top:var(--space-12);grid-column:1/span 4}.case__title{grid-column:5/span 7}.case__row{gap:var(--space-16)}.case__photo{height:34rem}.case__about{padding-block:var(--space-80) var(--space-120)}.case__meta{align-content:start;gap:var(--space-24);grid-column:2/span 3;grid-template-columns:1fr}.case__story{grid-column:5/span 7}.case__gallery{row-gap:var(--space-24);padding-bottom:var(--space-120)}}