.portfolio-controls{border-bottom:1px solid #1113;align-items:flex-start;gap:24px;padding-bottom:18px;display:flex}.portfolio-filters{flex-wrap:wrap;flex:1;gap:8px 30px;display:flex}.portfolio-filters button{color:#666;background:0 0;border:0;min-height:44px;padding:12px 0;font-size:17px;position:relative}.portfolio-filters sup{vertical-align:super;margin-left:6px;font-size:9px}.portfolio-filters button[aria-pressed=true]{color:#111}.portfolio-filters button[aria-pressed=true]:after{content:"";background:currentColor;height:2px;position:absolute;bottom:2px;left:0;right:0}.portfolio-motion{color:#111;background:0 0;border:1px solid #1113;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.portfolio-category{align-items:baseline;gap:18px;padding:32px 0 24px;display:flex}.portfolio-category h3{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3.8vw,54px);font-weight:600;line-height:1.05}.portfolio-category>span{color:#666;font-size:12px}.portfolio-category>span:last-child{margin-left:auto}.portfolio-mosaic{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:10px;animation:.4s both mosaic-in;display:grid}.mosaic-film{color:#fff;text-align:left;aspect-ratio:1.65;background:#292a27;border:0;grid-column:span 6;min-width:0;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.live-image,.live-image img,.live-image video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.live-image{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.live-image video{opacity:0;transition:opacity .5s}.live-image video.is-ready{opacity:1}.mosaic-film:hover .live-image{transform:scale(1.035)}.mosaic-caption{background:linear-gradient(#0000,#000000bf);flex-direction:column;align-items:flex-start;gap:8px;padding:60px 26px 26px;display:flex;position:absolute;inset:auto 0 0}.mosaic-caption strong{letter-spacing:-.025em;font-size:clamp(17px,2vw,28px);font-weight:500;line-height:1.12}.mosaic-meta{letter-spacing:.08em;text-transform:uppercase;opacity:.9;font-size:11px}.mosaic-action{align-items:center;gap:12px;font-size:12px;display:flex}.mosaic-0 .tile-0{aspect-ratio:auto;grid-area:span 2/span 8}.mosaic-0 .tile-1{aspect-ratio:9/13;grid-area:span 2/span 4}.mosaic-0 .tile-2,.mosaic-0 .tile-3,.mosaic-0 .tile-4,.mosaic-0 .tile-5{aspect-ratio:1.25;grid-column:span 3}.mosaic-1 .tile-0{grid-column:span 7}.mosaic-1 .tile-1{grid-column:span 5}.mosaic-1 .portrait-film{aspect-ratio:1.25;grid-column:span 6}.mosaic-1 .portrait-film .live-image img,.mosaic-1 .portrait-film .live-image video{object-position:center 30%}.mosaic-2 .tile-0,.mosaic-3 .tile-0{aspect-ratio:2.35;grid-column:1/-1}.mosaic-4 .mosaic-film{aspect-ratio:9/16;grid-column:span 3}.mosaic-film:focus-visible{outline-offset:4px;z-index:2;outline:3px solid #111}@keyframes mosaic-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:700px){#work{padding:48px 18px}#work .section-top{gap:16px;margin-bottom:26px;padding:0}#work .section-top>div{width:100%}#work .section-top h2{letter-spacing:-.045em;font-size:clamp(32px,9.4vw,39px);line-height:1.02}#work .section-top>p{max-width:32ch;font-size:14px}.portfolio-controls{gap:8px;padding-bottom:14px}.portfolio-filters{gap:2px 14px}.portfolio-filters button{font-size:15px}.portfolio-filters sup{margin-left:4px;font-size:8px}.portfolio-motion{border:0;width:36px;height:44px}.portfolio-category{gap:10px;padding:24px 0 18px}.portfolio-category h3{font-size:30px}.portfolio-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mosaic-caption{gap:5px;padding:46px 12px 14px}.mosaic-caption strong{font-size:16px}.mosaic-meta{letter-spacing:.03em;font-size:9px}.mosaic-action{gap:6px;font-size:11px}.mosaic-action svg{width:14px;height:14px}.mosaic-0 .tile-0{aspect-ratio:1.55;grid-area:auto/1/auto/-1}.mosaic-0 .tile-1{aspect-ratio:auto;grid-area:span 2/1}.mosaic-0 .tile-2,.mosaic-0 .tile-3{aspect-ratio:1.15;grid-column:2}.mosaic-0 .tile-4{aspect-ratio:.85;grid-column:1}.mosaic-0 .tile-5{aspect-ratio:.85;grid-column:2}.mosaic-1 .tile-0,.mosaic-1 .tile-1{aspect-ratio:1.8;grid-column:1/-1}.mosaic-1 .portrait-film{aspect-ratio:9/16;grid-column:span 1}.mosaic-2 .tile-0{aspect-ratio:1.5}.mosaic-3 .tile-0{aspect-ratio:1.6}.mosaic-3 .mosaic-film:not(.tile-0){aspect-ratio:.9;grid-column:span 1}.mosaic-4 .mosaic-film{aspect-ratio:9/16;grid-column:span 1}.sticky-contact{display:none}}@media (prefers-reduced-motion:reduce){.portfolio-mosaic,.live-image,.live-image video{transition:none;animation:none}.mosaic-film:hover .live-image{transform:none}}