.service{grid-template-columns:40px 180px minmax(0,1.2fr) minmax(0,1fr);gap:30px;padding:26px 5px;cursor:default}
.service-image{height:124px;object-fit:cover;border-radius:2px;transition:filter .4s}
.service h3{font-size:clamp(1.8rem,2.5vw,2.5rem);line-height:1.1}
.service p{font-size:1rem}
.service:hover{padding-left:5px;padding-right:5px}
.service:hover .service-image{filter:brightness(1.1)}
.vertical-grid{gap:18px;border:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.vertical-card{padding:0 0 28px;min-height:0;border:1px solid var(--line);background:#151511;overflow:hidden}
.vertical-image{height:230px;object-fit:cover;transition:filter .4s}
.vertical-card>span{margin:24px 24px 0;font-size:.875rem}
.vertical-card h3{margin:20px 24px 18px;font-size:2.2rem;line-height:1.12}
.vertical-card p{margin:0 24px;font-size:1rem;line-height:1.6}
.vertical-card:hover{background:#1b1a15;color:var(--cream);transform:translateY(-5px)}
.vertical-card:hover>span{color:var(--gold)}
.vertical-card:hover p{color:var(--muted)}
.gallery-grid{grid-template-columns:1.35fr 1fr;grid-auto-rows:300px}
.gallery-grid button:nth-child(n){grid-row:auto}
.gallery-grid button:nth-child(2){grid-row:span 2;grid-column:2}
.gallery-grid button:nth-child(4){grid-column:span 2;height:430px}
.gallery-grid button:first-child img{object-position:center 60%}
.gallery-grid button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:1100px){.vertical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service{grid-template-columns:28px 140px minmax(0,1fr);gap:22px}.service p{grid-column:3;margin-top:-12px}.service-image{grid-row:span 2;height:150px}.service>span{grid-row:span 2}}
@media(max-width:900px){.service p{display:block}.service h3{font-size:1.85rem}.gallery-grid{grid-auto-rows:230px}.gallery-grid button:nth-child(4){height:330px}}
@media(max-width:560px){.service{grid-template-columns:22px 95px minmax(0,1fr);gap:14px}.service-image{height:125px}.service h3{font-size:1.45rem}.service p{font-size:.875rem;line-height:1.5}.vertical-grid{grid-template-columns:1fr}.vertical-image{height:240px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:14px}.gallery-grid button:nth-child(n){grid-column:auto;grid-row:auto;height:260px}.gallery-grid button:nth-child(2){height:420px}.gallery-grid button:nth-child(2) img{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.vertical-card,.service,.service-image{transition:none}.vertical-card:hover{transform:none}}
.gallery .gallery-grid{display:block;columns:2;column-gap:22px}
.gallery .gallery-grid button:nth-child(n){display:block;width:100%;height:auto;grid-column:auto;grid-row:auto;margin:0 0 22px;break-inside:avoid;background:transparent}
.gallery .gallery-grid button:nth-child(n) img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;transform:none;filter:none}
.gallery .gallery-grid button:hover img{transform:none;filter:none}
.gallery .gallery-grid button:after{content:'VIEW';font-size:.75rem}
section[id]{scroll-margin-top:90px}
@media(max-width:560px){.gallery .gallery-grid{columns:1}.gallery .gallery-grid button:nth-child(n){margin-bottom:16px}}
.nav{height:136px;gap:28px}
.brand{flex-shrink:0}
.nav .brand img{width:110px;height:126px;object-fit:contain}
.nav.scrolled{height:112px}
.nav.scrolled .brand img{width:90px;height:104px}
.nav .brand img{transition:width .3s,height .3s}
footer .brand img{width:150px;height:172px;object-fit:contain}
section[id]{scroll-margin-top:130px}
@media(max-width:1100px){.nav nav{gap:20px}.nav-cta{padding-left:20px}}
@media(max-width:900px){.nav{height:116px}.nav .brand img{width:94px;height:108px}.nav.open nav{top:116px}.nav.scrolled.open nav{top:112px}}
@media(prefers-reduced-motion:reduce){.nav .brand img{transition:none}}