.projects{background:#191a18;color:#fff}
.projects .section-head>p{color:#b9bcb5}
.project-stack{display:grid;gap:22px;margin-top:56px}
.project-feature{display:grid;grid-template-columns:.7fr 1.3fr;min-height:590px;background:#242522;border:1px solid #3e403b;border-radius:24px;overflow:hidden}
.project-feature.reverse{grid-template-columns:1.3fr .7fr}
.project-feature.reverse .project-copy{order:2}.project-feature.reverse .project-mosaic{order:1}
.project-copy{padding:46px;display:flex;flex-direction:column;justify-content:center}
.project-copy>span{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.project-copy h3{font:clamp(30px,3.3vw,48px)/1 "Archivo Black";text-transform:uppercase;letter-spacing:-.04em;margin:28px 0 18px}
.project-copy p{color:#c2c4be}.project-copy a{color:var(--gold);font-weight:800;margin-top:18px}
.project-mosaic{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:5px;background:#111}
.project-mosaic img{width:100%;height:100%;object-fit:cover;min-height:0}.project-mosaic img:first-child{grid-row:1/3}
.project-strip{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.project-strip figure{height:330px;position:relative;margin:0;border-radius:20px;overflow:hidden}.project-strip img{width:100%;height:100%;object-fit:cover}
.project-strip figcaption{position:absolute;left:18px;bottom:18px;background:#171817;color:#fff;border-left:4px solid var(--gold);padding:10px 14px;font-size:13px;font-weight:800}
@media(max-width:1120px) and (min-width:981px){.site-header nav,.header-actions{display:none}.menu-button{display:grid;gap:6px;background:transparent;border:1px solid #5f625b;border-radius:8px;padding:12px}.menu-button span{display:block;width:22px;height:2px;background:#fff}.site-header.open nav{position:absolute;top:84px;left:0;right:0;display:flex;flex-direction:column;background:#171817;padding:18px 22px;gap:4px}.site-header.open nav a{padding:12px}}
@media(max-width:980px){.project-feature,.project-feature.reverse{grid-template-columns:1fr}.project-feature.reverse .project-copy,.project-feature.reverse .project-mosaic{order:initial}.project-mosaic{min-height:530px}}
@media(max-width:700px){.project-copy{padding:28px}.project-feature{min-height:0}.project-mosaic{min-height:390px}.project-strip{grid-template-columns:1fr}.project-strip figure{height:360px}}
.service-photo-band{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:5px;background:#171817;padding:5px}
.service-photo-band img{width:100%;height:480px;object-fit:cover}
.service-photo-band.solo{display:block;padding:5px max(5px,calc((100vw - 1240px)/2))}.service-photo-band.solo img{max-width:1240px;margin:auto;object-position:center 38%}
@media(max-width:700px){.service-photo-band{grid-template-columns:1fr 1fr}.service-photo-band img{height:260px}.service-photo-band img:first-child{grid-column:1/-1;height:360px}}
.work-gallery{padding:88px max(24px,calc((100vw - 1240px)/2));background:#f2f1ed;color:#171817}
.gallery-head{max-width:720px;margin-bottom:34px}.gallery-head h2{font:clamp(34px,4.5vw,62px)/.98 "Archivo Black";letter-spacing:-.045em;text-transform:uppercase;margin:12px 0}.gallery-head p{color:#595b56}
.editorial-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.editorial-grid.three{grid-template-columns:1.1fr .9fr .9fr}.editorial-grid figure{margin:0;background:#20211f;border-radius:18px;overflow:hidden;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.12)}.editorial-grid img{display:block;width:100%;height:460px;object-fit:cover;transition:transform .45s ease}.editorial-grid figure:first-child img{height:560px}.editorial-grid figcaption{padding:15px 18px;font-weight:750;border-top:1px solid #3c3e39}.editorial-grid figure:hover img{transform:scale(1.018)}
.gallery-group+.gallery-group{margin-top:56px}.gallery-group h3{font:700 22px/1.2 Inter;margin:0 0 18px}.gallery-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:32px;padding:26px 30px;border:1px solid #d5d2c9;border-radius:18px;background:#fff}.gallery-cta p{margin:0;font-weight:700}
.project-overview{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:44px}.project-overview a{position:relative;min-height:380px;border-radius:18px;overflow:hidden;color:#fff}.project-overview img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.project-overview span{position:absolute;left:0;right:0;bottom:0;padding:70px 16px 18px;background:linear-gradient(transparent,rgba(0,0,0,.88));font-weight:850}.project-overview a:hover img{transform:scale(1.025)}
@media(max-width:980px){.project-overview{grid-template-columns:repeat(2,1fr)}.project-overview a:first-child{grid-row:span 2}.editorial-grid.three{grid-template-columns:1fr 1fr}.editorial-grid.three figure:first-child{grid-column:1/-1}}
@media(max-width:700px){.work-gallery{padding:64px 18px}.editorial-grid,.editorial-grid.three{grid-template-columns:1fr}.editorial-grid.three figure:first-child{grid-column:auto}.editorial-grid img,.editorial-grid figure:first-child img{height:auto;max-height:620px;object-fit:contain;background:#20211f}.gallery-cta{align-items:flex-start;flex-direction:column}.project-overview{grid-template-columns:1fr 1fr}.project-overview a,.project-overview a:first-child{min-height:270px;grid-row:auto}.project-overview a:first-child{grid-column:1/-1;min-height:360px}}
@media(prefers-reduced-motion:reduce){.editorial-grid img,.project-overview img{transition:none}}
