.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{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__strip{cursor:auto;grid-area:6/1/auto/-1;margin-top:24px}.page-work .strip__list{--n:3.5;--col:calc((min(100vw - 2 * var(--m), var(--max)) - (var(--cols) - 1) * var(--g)) / var(--cols));--h:calc((var(--n) * var(--col) + (var(--n) - 1) * var(--g)) * 10 / 16);gap:var(--g);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--m);scrollbar-width:none;margin-inline:calc(-1 * var(--m));padding-inline:var(--m);display:flex;overflow-x:auto}.page-work .strip__list::-webkit-scrollbar{display:none}.page-work .strip__list:focus-visible{outline-offset:-2px}.page-work .strip__item{scroll-snap-align:start;flex:none}.page-work .strip__item figure{grid-template-columns:minmax(144px,min-content);gap:8px;display:grid}.page-work .strip__item img{height:var(--h);background:var(--paper);width:auto;max-width:none;display:block}.page-work .strip__nav{gap:16px;margin-top:8px;display:flex}.page-work .strip__nav button{min-height:44px}.page-work .strip__nav button:hover{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:2px}@media (min-width:600px){.page-work .strip__list{--n:5}}.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__strip{grid-row:5;margin-top:40px}.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)}