.brand{display:flex;align-items:center;width:135px;height:90px;flex-shrink:0}
.brand img{display:block;width:100%;height:auto;object-fit:contain}
.site-header{height:100px}
.nav{gap:20px}
.footer-logo{width:135px;height:auto;object-fit:contain}
.work-heading{background:var(--blue);color:white;padding:70px 0}
.work-heading h1{font-size:clamp(34px,5vw,56px);max-width:850px}
.work-heading p:last-child{max-width:640px;line-height:1.8;color:#d4e0e5}
.work-section{padding:70px 0}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:30px 0}
.work-item{margin:0;background:var(--cream);border:1px solid #e0e5e6;overflow:hidden}
.work-item>a{display:block;background:#e7e9e7}
.work-item img,.work-item video{display:block;width:100%;height:300px;object-fit:contain;background:#102d3c}
.work-item img{transition:filter .2s}
.work-item a:hover img{filter:brightness(1.08)}
.work-item figcaption{padding:22px;font-size:14px;line-height:1.7;color:var(--muted)}
.work-item figcaption strong{display:block;font:700 19px Manrope,sans-serif;color:var(--blue);margin-bottom:9px}
.work-item video{height:320px}
.work-videos{background:var(--cream)}
.work-videos .work-item{background:white}
.work-intro{color:var(--muted);line-height:1.75;max-width:700px}
.work-cta{margin-top:28px}
a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:1000px){.nav{gap:12px;font-size:12px}.nav-cta{padding:12px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-header{height:88px}.brand{width:120px;height:80px}.brand img{width:100%;height:auto}.nav{top:88px;font-size:15px;gap:20px}.menu-toggle{min-width:44px;min-height:44px}.work-heading,.work-section{padding:48px 0}.work-grid{grid-template-columns:1fr}.work-item img{height:340px}.work-item video{height:380px}.work-item figcaption{padding:20px}}