.work-page{background:var(--white);color:var(--black);min-height:100svh;padding-top:64px}.work-page .work-head{padding:var(--s8) var(--g) var(--s6);max-width:var(--max);gap:var(--s4);display:grid}.work-page .work-fallback{min-height:120vh}.work-page .work-index{padding:0 var(--g) var(--s8);position:relative}.work-page .work-filters{gap:var(--s5);border-bottom:1px solid var(--line-k);scrollbar-width:none;white-space:nowrap;display:flex;overflow-x:auto}.work-page .work-filters::-webkit-scrollbar{display:none}.work-page .work-filter{color:#0009;flex:none;align-items:center;height:44px;display:inline-flex;position:relative}.work-page .work-filter[aria-pressed=true]{color:var(--black)}.work-page .work-filter[aria-pressed=true]:after{content:"";background:var(--red);height:2px;position:absolute;bottom:0;left:0;right:0}.work-page .work-rows{margin-top:var(--s2)}.work-page .work-row{border-bottom:1px solid var(--line-k)}.work-page .work-row a{align-items:center;gap:var(--s4);grid-template-columns:72px 1fr 1fr 120px 96px 44px;height:104px;display:grid}.work-page .work-title{transition:transform var(--d-fast) var(--ease-out)}.work-page .work-row a:hover .work-title,.work-page .work-row a:focus-visible .work-title{transform:translate(8px)}.work-page .work-arrow{text-align:right;transition:color var(--d-fast)}.work-page .work-row a:hover .work-arrow{color:var(--red)}.work-page .work-client{color:#0009}@media (max-width:767px){.work-page .work-row a{height:auto;padding:var(--s4) 0;grid-template-columns:40px 1fr 44px;row-gap:4px}.work-page .work-cat,.work-page .work-year{display:none}.work-page .work-client{grid-column:2}.work-page .work-arrow{grid-area:1/3/span 2}}.work-page .work-preview-wrap{pointer-events:none;perspective:1200px;z-index:5;position:fixed;inset:0}.work-page .work-preview{left:var(--px,50vw);top:var(--py,50vh);aspect-ratio:16/9;border-radius:var(--r-frame);background:var(--ink-90);width:34vw;box-shadow:var(--shadow-b);transform:translate(-50%, -50%) translateZ(0) rotateY(var(--ry,0deg));opacity:0;transition:opacity var(--d-base) var(--ease-out), transform var(--d-base) var(--ease-out);position:absolute;overflow:hidden}.work-page .work-preview[data-on=true]{opacity:1;transform:translate(-50%, -50%) translateZ(200px) rotateY(var(--ry,0deg))}.work-page .work-preview[data-reduced=true]{transition:opacity var(--d-base);transform:translate(-50%,-50%)}.work-page .work-preview img,.work-page .work-preview video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (max-width:767px){.work-page .work-head{padding:var(--s7) var(--g) var(--s5)}.work-page .work-index{padding:0 0 var(--s8)}.work-page .work-filters{z-index:6;background:var(--white);padding:0 var(--g);gap:var(--s5);scroll-padding-inline:var(--g);position:sticky;top:56px}.work-page .mwork-bar{min-height:52px;padding:0 var(--g);color:#0000009e;justify-content:space-between;align-items:center;display:flex}.work-page .mwork-views{border:1px solid var(--line-k);border-radius:var(--r-pill);display:inline-flex;overflow:hidden}.work-page .mwork-views button{color:#0000009e;min-height:40px;padding:0 16px}.work-page .mwork-views button[aria-pressed=true]{background:var(--black);color:var(--white)}.work-page .mwork-feed{gap:var(--s4);padding:var(--s2) var(--g) 0;display:grid}.work-page .mwork-card{aspect-ratio:4/5;background:var(--ink-90);color:var(--white);box-shadow:var(--shadow-c);-webkit-tap-highlight-color:transparent;border-radius:10px;display:block;position:relative;overflow:hidden}.work-page .mwork-card:active{transition:transform .12s var(--ease-out);transform:scale(.985)}.work-page .mwork-card img,.work-page .mwork-card video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.work-page .mwork-scrim{background:linear-gradient(#0000 54%,#000000b8),linear-gradient(#00000059,#0000 22%);position:absolute;inset:0}.work-page .mwork-top{justify-content:space-between;display:flex;position:absolute;top:14px;left:16px;right:16px}.work-page .mwork-copy{gap:6px;display:grid;position:absolute;bottom:16px;left:16px;right:96px}.work-page .mwork-client{color:#ffffffd1}.work-page .mwork-title{letter-spacing:-.03em;text-transform:lowercase;overflow-wrap:anywhere;font-size:clamp(30px,9vw,44px);font-weight:900;line-height:.94}.work-page .mwork-open{border-radius:var(--r-pill);background:var(--red-ink,#e60000);height:40px;color:var(--white);align-items:center;padding:0 14px;display:inline-flex;position:absolute;bottom:16px;right:16px}.work-page .mwork-list{padding:0 var(--g)}.work-page .mwork-list li{border-bottom:1px solid var(--line-k)}.work-page .mwork-list a{gap:var(--s4);grid-template-columns:96px minmax(0,1fr) auto;align-items:center;min-height:76px;padding:10px 0;display:grid}.work-page .mwork-thumb{aspect-ratio:16/9;background:var(--ink-90);border-radius:4px;position:relative;overflow:hidden}.work-page .mwork-thumb img{object-fit:cover}.work-page .mwork-list-copy{gap:2px;min-width:0;display:grid}.work-page .mwork-list-copy .t-h3{text-transform:lowercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-page .mwork-list-copy .t-small{color:#0000009e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-page .mwork-list-meta{color:#0000009e;white-space:nowrap}}@supports (animation-timeline:view()){@media (max-width:767px){html:not([data-motion=reduced]) .work-page .mwork-feed li{transform-origin:50% 100%;animation:linear both mcard;animation-timeline:view();animation-range:entry entry 60%}@keyframes mcard{0%{transform:perspective(900px)rotateX(10deg)translateY(40px)scale(.94)}to{transform:none}}}}