.block-frame-home .block-content{height:100dvh;min-height:800px}.projects-home{height:100%;min-height:0}.projects-home-heading{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.projects-grid{background:#353535;grid-template-rows:repeat(12,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;height:100%;display:grid}.mosaic-group{display:contents}.project-tile,.mosaic-face{grid-column:var(--tile-col)/span var(--tile-width);grid-row:var(--tile-row)/span var(--tile-height);min-width:0;min-height:0;overflow:hidden}.mosaic-face{background:#e7e6df}.project-tile{color:#f2f2ef;background:#171717;text-decoration:none;display:block;container-type:inline-size}.project-tile-copy{flex-direction:column;justify-content:space-between;gap:18px;height:100%;padding:clamp(22px,2.6vw,40px);transition:background .2s;display:flex;position:relative}.project-tile-meta{letter-spacing:.045em;text-transform:uppercase;color:#858580;justify-content:space-between;align-items:start;gap:12px;font-size:9px;display:flex}.project-tile h2{letter-spacing:-.06em;margin:0;font-size:clamp(46px,16cqw,86px);font-weight:400;line-height:1.02}.project-tile-2 h2{font-size:clamp(42px,18cqw,86px)}.project-tile-3 h2{letter-spacing:-.055em;font-size:clamp(30px,11.5cqw,64px)}.project-tile-4 h2{font-size:clamp(38px,13cqw,74px)}.project-tile-copy>svg{color:#aaa;width:22px;height:22px;margin:0;transition:transform .2s;position:absolute;bottom:28px;right:28px}.project-tile-copy>p{color:#a2a29d;max-width:26ch;margin:0;padding-right:28px;font-size:12px;line-height:1.55}.project-tile-light{color:#191919;background:#e7e6df}.project-tile-light .project-tile-meta{color:#76766e}.project-tile-light .project-tile-copy>svg{color:#55554e}.project-tile-light .project-tile-copy>p{color:#65655d}a.project-tile:hover .project-tile-copy{background:#222220}a.project-tile-light:hover .project-tile-copy{background:#f0efe8}a.project-tile:hover .project-tile-copy>svg{transform:translate(3px,-3px)}.presence-portrait{isolation:isolate;background:#f3f1eb;width:100%;height:100%;position:relative;overflow:hidden}.presence-portrait .portrait-image{object-fit:cover;object-position:center 35%;opacity:1;filter:blur()brightness();width:100%;height:100%;transition:opacity .9s,filter .9s,transform 1.2s;display:block;transform:scale(1.015)}.presence-portrait[data-phase=out] .portrait-image{opacity:0;filter:blur(16px)brightness(1.3);transform:scale(1.055)}.presence-portrait[data-phase=in] .portrait-image{opacity:1;filter:blur()brightness();transform:scale(1.015)}@media (max-width:1100px) and (min-width:701px){.block-frame-home .block-content{min-height:840px}.project-tile-copy{gap:14px;padding:22px}.project-tile h2{font-size:clamp(42px,15cqw,70px)}.project-tile-2 h2{font-size:clamp(38px,19cqw,70px)}.project-tile-3 h2{font-size:10.5cqw}.project-tile-4 h2{font-size:12.5cqw}.project-tile-copy>p{font-size:11px}.project-tile-copy>svg{width:18px;height:18px;bottom:20px;right:18px}.project-tile-meta{letter-spacing:0;font-size:8px}}@media (max-width:700px){.block-frame-home .block-content{height:auto;min-height:100dvh}.projects-grid{grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:80px;height:auto}.mosaic-face{display:none}.mosaic-face-mobile{grid-area:auto;display:block}.project-tile{grid-area:span 3/1/auto/-1}.project-tile-copy{gap:16px;padding:26px 22px}.project-tile h2,.project-tile-2 h2,.project-tile-4 h2{font-size:clamp(42px,15cqw,58px)}.project-tile-2 h2 br{display:none}.project-tile-3 h2{font-size:13.5cqw}.project-tile-meta{font-size:9px}.project-tile-copy>p{max-width:none;font-size:12px}.project-tile-copy>svg{width:20px;height:20px;bottom:26px;right:22px}}@media (prefers-reduced-motion:reduce){.presence-portrait .portrait-image,.project-tile-copy,.project-tile-copy>svg{filter:none;transition:none;transform:none}}.presence-portrait .portrait-image>img,.presence-portrait .portrait-image>svg{object-fit:cover;object-position:center 35%;width:100%;height:100%;display:block}