.about{--about-gap:20px;padding:32px var(--gutter-mobile) 0}.about__top{gap:var(--about-gap);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.about__portrait{aspect-ratio:4/5;background:var(--color-surface);border-radius:var(--radius-sm);margin:0;position:relative;overflow:hidden}.about__portrait picture,.about__portrait-img{width:100%;height:100%;display:block}.about__portrait-img{object-fit:cover;filter:grayscale()}.about__card{flex-direction:column;gap:12px;display:flex}.about__heading{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:500;line-height:1.02}.about__info{max-width:48ch;color:var(--color-text-3);margin:0;font-size:16px}.about__text{color:var(--color-text-2);margin-top:16px;font-size:16px;line-height:1.6}.about__text p{text-wrap:pretty;break-inside:avoid;margin:0 0 1.1em}.about__text p:last-child{margin-bottom:0}@media (width>=600px){.about{--about-gap:32px;padding:48px var(--gutter-tablet) 0}.about__top{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.about__portrait{aspect-ratio:3/4}.about__heading{font-size:36px}}@media (width>=1100px){.about{--about-gap:48px;padding:64px var(--gutter-desktop) 0}.about__top{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr)}.about__portrait{aspect-ratio:4/5}.about__heading{font-size:44px}.about__info{font-size:18px}.about__text{columns:2;column-gap:48px;margin-top:24px;font-size:18px}}.work{--gap:16px;--block-gap:32px;--row-h:160px;--toolbar-h:60px;padding:32px var(--gutter-mobile);gap:var(--gap);display:grid}.work__heading{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.work-filter{scroll-margin-top:calc(var(--toolbar-h) + 16px);flex-wrap:wrap;gap:8px;display:flex}.work-filter a{min-height:var(--hit-target-min);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);color:var(--color-text-3);align-items:center;padding:0 18px;font-size:14px;display:inline-flex}.work-filter a:hover{color:var(--color-text-1)}.work-filter a[aria-current=true]{background:var(--color-text-1);border-color:var(--color-text-1);color:var(--color-bg)}.work-filter a:focus-visible{outline:2px solid var(--color-text-1);outline-offset:2px}.works{gap:var(--block-gap);margin-top:8px;display:grid}.block{--cols:1;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:var(--gap);display:grid}.block--pair .tile{--slot-ar:1 / 1}.block--two-one .tile{--slot-ar:4 / 3}.block--two-one .tile:nth-child(3n){grid-column:1/-1}.block--grid-2x2{--cols:2}.block--grid-2x2 .tile{--slot-ar:4 / 3}.block--three-framed{--cols:2}.block--three-framed .tile{--slot-ar:3 / 4}.block--three-framed .tile:last-child:nth-child(odd){width:calc((100% - var(--gap)) / 2);grid-column:1/-1;justify-self:center}.block--full .tile{--slot-ar:4 / 3}.block--tall{justify-items:center}.block--tall .tile{--slot-ar:3 / 4;width:min(100%, calc((100svh - var(--toolbar-h) - 2 * var(--gap)) * 3 / 4))}.tile{border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-1);-webkit-tap-highlight-color:transparent;display:block;position:relative;overflow:hidden}.tile:focus-visible{outline:2px solid var(--color-text-1);outline-offset:2px}.tile__frame{aspect-ratio:var(--slot-ar,var(--ar));background:var(--color-surface);display:block;position:relative;overflow:hidden}.tile__pic,.tile__img{width:100%;height:100%;display:block}.tile__img{object-fit:cover;filter:grayscale();transition:filter .5s,transform .7s cubic-bezier(.2,.7,.2,1)}@media (hover:hover){.tile:hover .tile__img{filter:grayscale(0);transform:scale(1.02)}}@media (hover:none){.tile[data-in-focus] .tile__img{filter:grayscale(0)}}.tile:focus-visible .tile__img{filter:grayscale(0);transform:scale(1.02)}.work[data-cat] .works{align-content:flex-start;gap:var(--gap);min-height:calc(100svh - var(--toolbar-h));flex-wrap:wrap;display:flex}.work[data-cat] .works:after{content:"";flex:999 1 0}.work[data-cat] .block{display:contents}.work[data-cat] .works .tile{--slot-ar:var(--ar);flex:var(--arn) 1 calc(var(--arn) * var(--row-h));background:var(--color-surface);width:auto;padding:0}.work[data-cat] .works .tile[data-dup]{display:none}@media (width>=600px){.work{--gap:20px;--block-gap:48px;--row-h:220px;--toolbar-h:72px;padding:48px var(--gutter-tablet)}.block--pair,.block--two-one{--cols:2}.block--grid-2x2{--cols:4}.block--three-framed{--cols:3}.block--three-framed .tile:last-child:nth-child(odd){grid-column:auto;justify-self:stretch;width:auto}.block--two-one .tile:nth-child(3n),.block--full .tile{--slot-ar:16 / 9}}@media (width>=1100px){.work{--gap:24px;--block-gap:64px;--row-h:280px;padding:64px var(--gutter-desktop)}}@media (prefers-reduced-motion:reduce){.tile__img{transition:filter .5s}.work .tile:hover .tile__img,.work .tile:focus-visible .tile__img{transform:none}}.lb{--lb-pad:16px;--lb-max-w:100vw;--lb-max-h:100svh;--lb-ar:1.3333;width:100%;max-width:none;height:100%;max-height:none;color:var(--color-text-1);touch-action:none;overscroll-behavior:contain;font-family:var(--font-sans);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.lb::backdrop{backdrop-filter:blur(10px)brightness(.55);background:#12121259;animation:.3s lb-backdrop-in}@keyframes lb-backdrop-in{0%{opacity:0}to{opacity:1}}.lb__stage{place-items:center;display:grid;position:absolute;inset:0}.lb__figure{will-change:transform;margin:0;position:relative}.lb__img{width:min(var(--lb-max-w), var(--lb-max-h) * var(--lb-ar));height:auto;aspect-ratio:var(--lb-ar);object-fit:cover;user-select:none;-webkit-user-drag:none;display:block;box-shadow:0 40px 100px #0009}.lb__depth{pointer-events:none;position:absolute;inset:0}.lb__depth:empty{display:none}.lb__meta{top:var(--lb-pad);left:var(--lb-pad);letter-spacing:.06em;font-variant-numeric:tabular-nums;align-items:center;gap:14px;height:44px;margin:0;font-size:13px;display:flex;position:absolute}.lb__btn{z-index:2;border-radius:var(--radius-pill);width:44px;height:44px;color:var(--color-text-1);cursor:pointer;background:#12121280;border:1px solid #ffffff2e;place-items:center;padding:0;font-size:22px;line-height:1;display:grid;position:absolute}.lb__btn:hover{background:#ffffff1f}.lb__btn:focus-visible{outline:2px solid var(--color-text-1);outline-offset:2px}.lb__close{top:var(--lb-pad);right:var(--lb-pad)}.lb__nav{width:48px;height:48px;margin-top:-24px;font-size:18px;top:50%}.lb__prev{left:var(--lb-pad)}.lb__next{right:var(--lb-pad)}.lb__hint{bottom:var(--lb-pad);text-align:center;letter-spacing:.12em;text-transform:uppercase;color:#ffffff9e;pointer-events:none;margin:0;font-size:11px;position:absolute;left:0;right:0}.lb__hint--touch{display:none}@media (hover:none){.lb__hint--pointer{display:none}.lb__hint--touch{display:block}}@media (width<=599px){.lb__nav{display:none}}@media (width>=600px){.lb{--lb-pad:28px;--lb-max-w:86vw;--lb-max-h:86svh}}@media (prefers-reduced-motion:reduce){.lb::backdrop{backdrop-filter:brightness(.55);animation:none}}