.guitar-work-section { padding-top: 7rem; padding-bottom: 7rem; background: #141411; }
.guitar-work-heading { display: grid; grid-template-columns: 1fr minmax(260px, 390px); column-gap: 4rem; align-items: end; }
.guitar-work-heading .eyebrow, .guitar-work-heading h2 { grid-column: 1; }
.guitar-work-heading h2 { margin: 0; font: 400 clamp(3.4rem, 6vw, 6.6rem)/.86 var(--serif); letter-spacing: -.04em; }
.guitar-work-heading h2 em { font-style: italic; }
.guitar-work-heading > p:last-child { grid-column: 2; grid-row: 1 / span 2; color: var(--muted); margin: 0; }
.guitar-work-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .85rem; margin-top: 3.25rem; }
.guitar-project { display: block; background: var(--ash); overflow: hidden; }
.guitar-project img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; filter: saturate(.72); transition: transform .35s, filter .35s; }
.guitar-project span { display: flex; justify-content: space-between; gap: .5rem; padding: .7rem .75rem; font: 400 .94rem var(--serif); }
.guitar-project span b { color: var(--muted); font: 400 .62rem var(--mono); letter-spacing: .08em; text-transform: uppercase; align-self: center; white-space: nowrap; }
.guitar-project:hover img, .guitar-project:focus-visible img { filter: saturate(1); transform: scale(1.03); }
@media (max-width: 760px) { .guitar-work-section { padding-top: 5rem; padding-bottom: 5rem; }.guitar-work-heading { display: block; }.guitar-work-heading > p:last-child { margin-top: 2rem; max-width: 410px; }.guitar-work-grid { grid-template-columns: repeat(2, 1fr); margin-top: 2.5rem; gap: .65rem; }.guitar-project span { display: block; font-size: .95rem; }.guitar-project span b { display: block; margin-top: .25rem; } }
