.home-project-gallery{--projects-accent:#d5a45c;--projects-ink:#f5f7f4;--projects-muted:#c2cbc7;color:var(--projects-ink);background:#0b1213}.home-project-gallery .projects-gallery-container{width:min(100% - 3rem,90rem)}.projects-gallery-heading{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);align-items:end;gap:4rem;display:grid}.home-project-gallery .projects-gallery-heading h2{max-width:17ch;color:var(--projects-ink);font:650 clamp(2.5rem, 4.8vw, 4.5rem)/1.02 var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0}.projects-gallery-heading>p{max-width:42ch;color:var(--projects-muted);text-wrap:pretty;margin:0 0 .25rem;font-size:1rem;line-height:1.65}.projects-gallery-rule{background:#f5f7f424;height:1px;margin-block:2.5rem}.projects-gallery-rule span{background:var(--projects-accent);transform-origin:0;width:100%;height:100%;display:block}.projects-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1.5rem;display:grid}.projects-gallery-card{grid-row:span 5;grid-template-rows:subgrid;min-width:0;display:grid}.projects-gallery-link{grid-row:span 5;grid-template-rows:subgrid;min-width:0;color:inherit;border-bottom:1px solid #f5f7f429;text-decoration:none;transition:border-color .25s;display:grid}.projects-gallery-media{aspect-ratio:5/6;background:#111b1c;position:relative;overflow:hidden}.projects-gallery-media img{object-fit:cover;object-position:center;filter:saturate(.55);transition:transform .65s cubic-bezier(.16,1,.3,1),filter .35s}.projects-gallery-label{color:var(--projects-accent);font:650 .75rem/1.4 var(--font-display);letter-spacing:.1em;text-transform:uppercase;margin:1.25rem 0 .75rem}.home-project-gallery .projects-gallery-link h3{max-width:20ch;color:var(--projects-ink);font:600 clamp(1.35rem, 1.8vw, 1.85rem)/1.12 var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0}.projects-gallery-description{color:var(--projects-muted);text-wrap:pretty;margin:.75rem 0 0;font-size:.9375rem;line-height:1.65}.projects-gallery-action{min-height:44px;color:var(--projects-accent);font:650 .875rem/1.4 var(--font-display);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-block:.5rem 1rem;display:flex}.projects-gallery-action svg{flex:none;width:1.25rem;height:1.25rem;transition:transform .25s cubic-bezier(.16,1,.3,1)}.projects-gallery-link:focus-visible{outline:2px solid var(--projects-accent);outline-offset:6px}:is(.projects-gallery-link:focus-visible,.projects-gallery-link:hover){border-color:var(--projects-accent)}.projects-gallery-link:focus-visible .projects-gallery-media img{filter:saturate(.8)}.projects-gallery-link::selection,.projects-gallery-link ::selection{color:#0b1213;background:var(--projects-accent)}@media (hover:hover) and (pointer:fine){.projects-gallery-link:hover .projects-gallery-media img{filter:saturate(.8);transform:scale(1.035)}:is(.projects-gallery-link:hover .projects-gallery-action svg,.projects-gallery-link:focus-visible .projects-gallery-action svg){transform:translate(3px,-3px)}}@media (max-width:1100px){.projects-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-gallery-card:nth-child(n+3){margin-top:2.5rem}.projects-gallery-media{aspect-ratio:5/4}.projects-gallery-heading{grid-template-columns:1.1fr 1fr;gap:2rem}}@media (max-width:760px){.home-project-gallery .projects-gallery-container{width:calc(100% - 2rem)}.projects-gallery-heading{grid-template-columns:1fr;gap:1.25rem}.home-project-gallery .projects-gallery-heading h2{max-width:18ch;font-size:clamp(2.25rem,8vw,3.25rem)}.projects-gallery-heading>p{max-width:40ch;font-size:.9375rem}.projects-gallery-rule{margin-block:2rem}.projects-gallery-grid{grid-template-columns:1fr}.projects-gallery-card:nth-child(n+2){margin-top:2.5rem}.projects-gallery-media{aspect-ratio:4/3}.home-project-gallery .projects-gallery-link h3{max-width:24ch;font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.projects-gallery-media img{transition:filter .2s}:is(.projects-gallery-link:hover .projects-gallery-media img,.projects-gallery-link:hover .projects-gallery-action svg,.projects-gallery-link:focus-visible .projects-gallery-action svg){transform:none}.projects-gallery-action svg{transition:none}}
