/* Approved portfolio section from the private homepage design test. */
.home-work-showcase{padding:88px 6%;background:var(--black);color:var(--paper)}
.home-work-showcase .showcase-eyebrow{margin:0;font-family:'DM Sans',Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.6}
.home-work-showcase .showcase-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}
.home-work-showcase .showcase-heading .showcase-eyebrow{margin-bottom:18px}
.home-work-showcase h2{margin:0;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(45px,5.1vw,78px);font-weight:700;line-height:.98;letter-spacing:-.02em;text-wrap:balance}
.home-work-showcase h2 em{font-family:Georgia,serif;font-weight:400;font-size:.78em;color:inherit}
.home-work-showcase .showcase-text-link{font-size:12px;font-weight:600;border-bottom:1px solid;padding-bottom:4px;white-space:nowrap}
.home-work-showcase .showcase-text-link:hover{color:var(--yellow)}
.home-work-showcase .showcase-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:5%;align-items:start}
.home-work-showcase .showcase-piece{display:block}
.home-work-showcase .showcase-image{overflow:hidden}
.home-work-showcase .showcase-image img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .55s}
.home-work-showcase .showcase-piece:hover img{transform:scale(1.025)}
.home-work-showcase .showcase-murals{margin-top:115px}
.home-work-showcase .showcase-murals .showcase-image{aspect-ratio:1/1.15}
.home-work-showcase .showcase-murals img{width:100%;height:100%;object-fit:cover}
.home-work-showcase .showcase-caption{padding-top:20px}
.home-work-showcase .showcase-caption .showcase-eyebrow{font-size:9px;opacity:.65;margin-bottom:10px}
.home-work-showcase h3{margin:0;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(25px,2.8vw,40px);font-weight:600;line-height:1.1;text-wrap:balance}
.home-work-showcase .showcase-illustrations{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:20px;border-top:1px solid #ffffff50;border-bottom:1px solid #ffffff50;margin-top:70px;padding:24px 0}
.home-work-showcase .showcase-illustrations strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;font-weight:600}
.home-work-showcase .showcase-illustrations:hover{color:var(--yellow)}
.home-work-showcase a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}
@media(max-width:800px){.home-work-showcase{padding:55px 6%}.home-work-showcase .showcase-heading{display:block;margin-bottom:28px}.home-work-showcase .showcase-text-link{display:inline-block;margin-top:22px;font-size:11px}.home-work-showcase .showcase-grid{grid-template-columns:1fr;gap:35px}.home-work-showcase .showcase-murals{margin-top:0}.home-work-showcase .showcase-murals .showcase-image{aspect-ratio:1.2}.home-work-showcase .showcase-murals img{object-position:50% 50%}.home-work-showcase .showcase-caption{padding-top:15px}.home-work-showcase .showcase-illustrations{grid-template-columns:1fr;gap:20px;margin-top:35px;padding:22px 0}.home-work-showcase .showcase-illustrations strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.home-work-showcase .showcase-image img{transition:none}.home-work-showcase .showcase-piece:hover img{transform:none}}

/* Keep the portfolio link and artist introduction close together. */
.home-work-showcase{padding-bottom:28px}
.home-work-showcase + #about{padding-top:28px}
@media(max-width:800px){.home-work-showcase{padding-bottom:20px}.home-work-showcase + #about{padding-top:20px}}