*{box-sizing:border-box}body{margin:0;background:#d9d9d9;color:#171717;font:15px/1.35 Arial,sans-serif;letter-spacing:.35px}header{position:fixed;inset:0 0 auto;z-index:10;height:80px;padding:24px 4%;display:flex;align-items:center;justify-content:space-between;background:#d9d9d9}.brand{font-size:21px;font-weight:900;letter-spacing:-1px}.brand small{display:block;font-size:5px;letter-spacing:1px}a{color:inherit;text-decoration:none}nav{display:flex;gap:6vw;font-size:14px}nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}nav a:not([href]){opacity:.45;cursor:default}.home header{color:#d6bea0;background:transparent}.hero{height:100svh;background:#294351;position:relative}.slide{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .65s}.slide.active{opacity:1}.empty{display:grid;place-content:center;min-height:300px;background:#b9b9b4;color:#333;padding:30px;text-align:center}.hero .empty{height:100%;background:#294351;color:#d6bea0}.portfolio{padding-top:80px}.project{display:grid;grid-template-columns:31% 69%}.description{padding:38px 13%;border-top:1px solid;align-self:stretch}.description h2,.description h3{font-size:14px;margin:0 0 12px}.description h3{margin-top:42px}.description p{margin:0 0 8px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);min-height:650px}.gallery.two{grid-template-columns:repeat(2,1fr)}.media-column{display:flex;flex-direction:column}.media-column img,.media-column video{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;flex:1}.about{padding:112px 4% 80px;min-height:100svh}.about .copy{max-width:680px}.about h2{font-size:14px;margin:64px 0 18px}.about li{margin-bottom:8px}.about footer{margin-top:80px}.skip{position:fixed;top:-100px;z-index:20}.skip:focus{top:0;background:white;padding:12px}.pause{position:absolute;bottom:24px;right:4%;z-index:2;background:transparent;color:#d6bea0;border:1px solid;padding:8px 12px}@media(max-width:700px){header{height:76px;padding:18px 5%}.brand{font-size:17px}nav{gap:16px;font-size:10px}.project{display:block}.description{padding:28px 5%}.description h3{margin-top:25px}.gallery{min-height:380px}.media-column img,.media-column video{min-height:180px}.about{padding:105px 5% 40px}.portfolio{padding-top:76px}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}

.brand img{display:block;width:116px;height:auto;filter:brightness(0)}.home .brand img{filter:none}@media(max-width:700px){.brand img{width:95px}}

/* Bound gallery rows without allowing intrinsic media dimensions to stretch them. */
@media(min-width:701px){.project{max-height:950px}.gallery{height:clamp(650px,calc(100svh - 80px),950px);min-height:0;max-height:950px}.description{overflow:auto}}
.media-column{min-width:0;min-height:0;overflow:hidden}.media-column img,.media-column video{height:0;min-height:0;flex:1 1 0;object-fit:cover}.media-column video{object-fit:contain;background:#000}
@media(max-width:700px){.gallery{height:650px;min-height:0;max-height:950px}}
.home header{color:#fff}.home nav a{color:var(--nav-color,#fff);transition:color .65s}.home .brand img{filter:var(--logo-filter,none);transition:filter .65s}.home .pause{color:var(--nav-color,#fff)}
@media(prefers-reduced-motion:reduce){.home nav a,.home .brand img{transition:none}}

/* Each three-column media module is 23vw wide on desktop; AC1 is 9:16. */
@media(min-width:701px){.gallery{height:min(950px,calc(23vw * 16 / 9));min-height:0}.gallery.two{height:min(950px,calc(23vw * 16 / 9))}}
.media-column:nth-child(2):has(> :nth-child(2)):not(:has(> :nth-child(3)))> :first-child{flex:0 0 65%;height:65%}
.media-column:nth-child(2):has(> :nth-child(2)):not(:has(> :nth-child(3)))> :nth-child(2){flex:0 0 35%;height:35%}
@media(max-width:700px){.gallery,.gallery.two{height:calc(100vw / 3 * 16 / 9);max-height:950px}}