/* Recent Work gallery (home page). Self-contained; remove the <link> in index.html to disable. */
.work{background:var(--cream)}
.work .section-heading h2 em{font-style:italic;color:var(--gold)}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:48px}
.work-tile{position:relative;margin:0;overflow:hidden;aspect-ratio:4/5;background:#e2dbce;border:1px solid #e2dbce;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}
.work-tile.feature{grid-column:span 2;aspect-ratio:auto}
.work-tile picture,.work-tile img{display:block;width:100%;height:100%}
.work-tile img{object-fit:cover;filter:saturate(1.05) contrast(1.02);transition:transform .6s ease}
/* navy fade for the caption, matching the hero/CTA overlays */
.work-tile::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,41,72,0) 40%,rgba(11,41,72,.6) 72%,rgba(11,41,72,.92));pointer-events:none}
/* thin gold keyline inset from the edge */
.work-tile::after{content:"";position:absolute;inset:10px;z-index:2;border:1px solid rgba(199,160,74,.6);pointer-events:none;transition:inset .25s,border-color .25s}
.work-tile figcaption{position:absolute;z-index:3;left:22px;right:22px;bottom:20px;color:#fff;font:500 clamp(17px,1.5vw,22px)/1.2 var(--serif);letter-spacing:-.01em}
.work-tile figcaption small{display:block;margin-bottom:5px;color:var(--gold);font:700 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.work-tile:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(11,41,72,.18)}
.work-tile:hover img{transform:scale(1.04)}
.work-tile:hover::after{inset:14px;border-color:var(--gold)}
.work-note{margin:26px 0 0;text-align:center;font-size:14px;color:#60605c}
@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-tile.feature{aspect-ratio:16/9}}
@media(max-width:480px){.work-grid{gap:10px}.work-tile figcaption{left:16px;right:16px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.work-tile,.work-tile img,.work-tile::after{transition:none!important}.work-tile:hover{transform:none}.work-tile:hover img{transform:none}}

/* Projects page (projects.html) */
.work-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px}
.work-grid.cols-2{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px}
.work-grid.cols-3 .work-tile,.work-grid.cols-2 .work-tile{aspect-ratio:4/5}
.work-grid.cols-2 .work-tile.wide{aspect-ratio:4/5}
.work-cats{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 70px}
.work-cats a{padding:11px 20px;border:1px solid var(--gold);color:var(--navy);font:600 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;transition:background .2s,color .2s}
.work-cats a:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.work-cat{padding-top:10px;margin-bottom:84px;scroll-margin-top:30px}
.work-cat:last-of-type{margin-bottom:0}
.work-cat h2{font:500 clamp(32px,4vw,48px)/1.05 var(--serif);letter-spacing:-.03em;margin:0 0 10px;color:var(--navy)}
.work-cat>p{max-width:640px;margin:0;color:#60605c;line-height:1.75}
.work-cat .work-grid{margin-top:30px}
.work-more{margin:42px 0 0;text-align:center}
.work-cta{text-align:center;margin-top:90px;padding-top:70px;border-top:1px solid #e2dbce}
.work-cta h2{font:500 clamp(32px,4vw,48px)/1.1 var(--serif);letter-spacing:-.03em;margin:0 0 12px;color:var(--navy)}
.work-cta h2 em{font-style:italic;color:var(--gold)}
.work-cta p{margin:0 0 26px;color:#60605c}
@media(max-width:900px){.work-grid.cols-3,.work-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.work-cats{margin-bottom:50px}}
@media(max-width:480px){.work-grid.cols-3,.work-grid.cols-2{grid-template-columns:1fr}.work-grid.cols-3 .work-tile,.work-grid.cols-2 .work-tile{aspect-ratio:4/3.6}}