@font-face{font-family:MassProject;src:url('assets/mass21/fonts/NeueHaasDisplayLight.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:MassProject;src:url('assets/mass21/fonts/NeueHaasDisplayRoman.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:MassProject;src:url('assets/mass21/fonts/NeueHaasDisplayMediu.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:MassProject;src:url('assets/mass21/fonts/NeueHaasDisplayXThin.ttf') format('truetype');font-weight:200;font-display:swap}
.mass-strip-art{left:0!important;transform:none!important;width:100%!important;height:100%;object-fit:fill}
.mass-strip nav{left:48%;right:4%}

/* Full-width source slides: keep artwork and type on one 16:9 canvas. */
.hero-section .hero-stage{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;background:var(--blue)}
.hero-stage .hero-slide :is(.hero-art,.hero-type,.hero-overlay-replacement){left:0;top:0;right:auto;bottom:auto;width:100%;height:116.129032%;max-width:none;aspect-ratio:auto;translate:0 0!important;transform:none!important}
.hero-stage .hero-slide .hero-art{object-fit:fill;animation:none!important}
.hero-stage .hero-slide{visibility:visible;opacity:0;transition:opacity .8s ease;pointer-events:none}
.hero-stage .hero-slide.active{opacity:1;pointer-events:auto}
.hero-stage .hero-slide.previous{opacity:1}
.hero-stage .hero-live-headline{left:6.4%;top:15%;max-width:43%;font-size:clamp(12px,4.5vw,86px)}
.case-study-tile .base{filter:none}
@media(prefers-reduced-motion:reduce){.hero-stage .hero-slide{transition:none}.hero-stage .hero-slide.active .hero-line{animation:none;opacity:1;transform:none}}

.archive-tile:focus-visible,.case-study-tile:focus-visible{outline:4px solid white;outline-offset:-4px;z-index:100}
.mass21-project-page{padding:0!important;background:#fff;color:#231f20;font-family:MassProject,Helvetica,sans-serif}
.mass21-header{position:relative;background:#162340;padding:18px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mass21-header img{display:block;width:120px;height:auto}
.mass21-header nav{display:flex;gap:26px;color:white;font-size:12px;letter-spacing:.07em}
.mass21-desktop{width:100%;overflow:hidden;position:relative}
.mass21-canvas{width:1920px;position:absolute;transform-origin:top left}
.mass21-art,.mass21-copy{position:absolute;inset:0;width:100%;height:100%}
.mass21-art>svg{display:block;width:100%;height:100%}
.mass21-copy{font-family:MassProject,Helvetica,sans-serif;pointer-events:auto}
.mass21-sequence{position:relative;overflow:hidden;background:#fff}
.mass21-canvas>.mass21-sequence{position:absolute}
.mass21-sequence img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 650ms ease;display:block}
.mass21-sequence img.is-active{opacity:1}
.mass21-pause{position:absolute;right:14px;bottom:14px;z-index:2;border:0;border-radius:3px;padding:10px 16px;background:#162340;color:#fff;font:400 18px MassProject,Helvetica,sans-serif;cursor:pointer}
.mass21-mobile{display:none}
.mass21-bottom{display:flex;justify-content:center;gap:30px;padding:42px 24px;background:#162340;color:white;font-size:18px}
.mass21-fallback{max-width:1000px;margin:60px auto;padding:24px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
@media(max-width:700px){
 .mass21-header{padding:18px 20px;align-items:flex-start}.mass21-header img{width:85px}.mass21-header nav{font-size:10px;gap:12px;flex-wrap:wrap;justify-content:flex-end}
 .mass21-desktop{display:none}.mass21-mobile{display:block}.mass21-mobile h2{font:300 34px/1.1 MassProject,Helvetica,sans-serif;margin:30px 24px 16px;color:#009189}.mass21-mobile p{font:400 18px/1.45 MassProject,Helvetica,sans-serif;margin:18px 24px 26px;white-space:normal}.mass21-mobile p br{display:none}.mass21-mobile p br:after{content:' '}.mass21-mobile .mass21-sequence{width:100%;margin:20px 0}.mass21-bottom{font-size:15px;flex-wrap:wrap}.mass21-pause{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.mass21-sequence img{transition:none}}
@media(max-width:900px){.mass-strip{display:none!important}.hero-section{padding-top:0!important}}