.page-work .case{margin-inline:calc(-1 * var(--m));padding-inline:var(--m);scroll-margin-top:96px;transition:background-color .3s}.page-work .case.is-open{background:var(--tint,var(--mist))}.page-work .case:not(.is-open){cursor:pointer}@media (hover:hover){.page-work .case:hover{background:var(--tint,var(--mist))}.page-work .case:hover .grey{color:#586160}}.page-work .case.is-open+.case{border-top-color:#0000}.page-work .case.is-open .grey{color:#586160}@media (prefers-reduced-motion:reduce){.page-work .case{transition:none}}.page-work .case{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--g);align-items:start;row-gap:8px;padding-block:24px;display:grid}.page-work .case__visual{aspect-ratio:1}.page-work .case__toggle{justify-content:flex-end;justify-self:end;align-items:center;min-width:44px;min-height:44px;display:flex}.page-work .case__sign{width:28px;height:28px;position:relative}.page-work .case__sign:before,.page-work .case__sign:after{content:"";background:currentColor;width:100%;height:1.5px;transition:transform .3s cubic-bezier(.2,.7,.2,1);position:absolute;top:calc(50% - .75px);left:0}.page-work .case__sign:after{transform:rotate(90deg)}.page-work .case.is-open .case__sign:after{transform:rotate(0)}@media (prefers-reduced-motion:reduce){.page-work .case__sign:after{transition:none}}.page-work .case__toggle:hover{text-decoration:none}.page-work .case__body{flex-direction:column;align-self:end;gap:24px;display:none}.page-work .case.is-open .case__body{display:flex}.page-work .tags{flex-wrap:wrap;gap:8px;display:flex}.page-work .tags li{border:1px solid var(--hair);border-radius:999px;padding:4px 12px;font-size:14px;line-height:20px}.page-work .case__visual{grid-area:1/1/span 3/span 1}.page-work .case__client{grid-area:1/2/auto/span 2}.page-work .case__toggle{grid-area:1/4}.page-work .case__type{grid-area:2/2/auto/span 3}.page-work .case__year{grid-area:3/2/auto/span 3}.page-work .case.is-open .case__visual{grid-area:1/1/auto/-1;margin-bottom:16px}.page-work .case.is-open .case__client{grid-area:2/1/auto/span 3}.page-work .case.is-open .case__toggle{grid-row:2}.page-work .case.is-open .case__type{grid-area:3/1/auto/-1}.page-work .case.is-open .case__year{grid-area:4/1/auto/-1}.page-work .case.is-open .case__body{grid-area:5/1/auto/-1;margin-top:16px}@media (min-width:600px){.page-work .case__visual{grid-column:1/span 2}.page-work .case__client{grid-column:3/span 4}.page-work .case__toggle{grid-column:8}.page-work .case__type,.page-work .case__year{grid-column:3/span 5}.page-work .case.is-open{grid-template-rows:auto auto auto 1fr auto}.page-work .case.is-open .case__visual{grid-area:1/1/span 5/span 4;margin:0}.page-work .case.is-open .case__client{grid-area:1/5/auto/span 3}.page-work .case.is-open .case__toggle{grid-area:1/8}.page-work .case.is-open .case__type{grid-area:2/5/auto/span 4}.page-work .case.is-open .case__year{grid-area:3/5/auto/span 4}.page-work .case.is-open .case__body{grid-area:5/5/auto/span 4;margin:0}}@media (min-width:1024px){.page-work .case{row-gap:0}.page-work .case__visual{grid-area:1/1/auto/span 2}.page-work .case__client{grid-area:1/3/auto/span 4}.page-work .case__type{grid-area:1/7/auto/span 3}.page-work .case__year{grid-area:1/10/auto/span 2}.page-work .case__toggle{grid-area:1/12}.page-work .case.is-open{grid-template-rows:auto auto 1fr auto;row-gap:8px}.page-work .case.is-open .case__visual{grid-area:1/1/span 4/span 6}.page-work .case.is-open .case__client{grid-area:1/7/auto/span 3}.page-work .case.is-open .case__year{grid-area:1/10/auto/span 2;padding-top:8px}.page-work .case.is-open .case__toggle{grid-area:1/12}.page-work .case.is-open .case__type{grid-area:2/7/auto/span 6}.page-work .case.is-open .case__body{grid-area:4/7/auto/span 4}.page-work .case__year,.page-work .case__type{padding-top:8px}.page-work .case.is-open .case__type{padding-top:0}}::view-transition-group(.case-row){animation-duration:.48s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}::view-transition-group(.case-visual){animation-duration:.48s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}::view-transition-group(.case-row){overflow:clip}::view-transition-old(.case-row){object-fit:none;object-position:top;width:100%;height:auto;animation-duration:.32s}::view-transition-new(.case-row){object-fit:none;object-position:top;width:100%;height:auto;animation-duration:.32s}::view-transition-old(.case-row){animation-duration:.16s}::view-transition-group(.case-visual){z-index:2}::view-transition-old(.case-visual){object-fit:cover;height:100%}::view-transition-new(.case-visual){object-fit:cover;height:100%}
.page-work .statement{--md:1 / -1;--lg:4 / span 7}.page-work .work{padding-top:var(--block)}