/* A photography-first grid inspired by the supplied reference. */
:root{--pad:28px}
.header{padding-inline:28px;background:#fff;backdrop-filter:none;min-height:104px;align-items:center}
.header nav{gap:25px}.header nav>a{font-size:18px;font-weight:750;text-transform:uppercase;letter-spacing:-.035em}.header nav>.nav-contact{margin-left:12px;gap:16px;font-size:13px}.logo{width:86px}.logo svg{width:86px;height:60px}
.work-intro{display:flex;align-items:center;gap:24px;padding-top:40px;padding-bottom:24px}.work-intro h1{font-size:13px;font-weight:650;letter-spacing:0;line-height:1.5}.work-intro p{font-size:12px;color:#777}.work-intro>a{font-size:11px;margin-left:auto}
.page-work .atlas{padding-top:0;max-width:none}.atlas-tools{margin-bottom:22px;align-items:center}.atlas-tools .filter{font-size:11px;padding:8px 12px}.atlas-tools .search-label{max-width:225px}.atlas-tools input{font-size:11px}
.page-work .atlas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:calc((100vw - 92px)/6);gap:12px;align-items:stretch}
.page-work .atlas-card{display:block;position:relative;min-width:0;height:100%;padding:0;margin:0;overflow:hidden;background:#f3f3f1;border:0}
.page-work .atlas-card:nth-child(8n + 1){grid-column:span 2;grid-row:span 2}
.page-work .atlas-card>div{height:100%;margin:0;aspect-ratio:auto;background:transparent;overflow:visible}
.page-work .atlas-card img{width:100%;height:100%;object-fit:contain;transform:none!important;filter:none!important}
.page-work .atlas-number{display:none}
.page-work .atlas-card h2{position:absolute;top:12px;left:12px;right:12px;margin:0;width:fit-content;max-width:calc(100% - 24px);padding:5px 8px;background:rgba(255,255,255,.94);color:#111;font-size:11px;font-weight:750;line-height:1.3;letter-spacing:0;text-transform:uppercase}
.page-work .atlas-place{position:absolute;bottom:12px;left:12px;right:45px;padding:6px 8px;font-size:10px;line-height:1.4;background:white;color:#222;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.page-work .atlas-arrow{position:absolute;top:auto;bottom:12px;right:12px;background:white;width:27px;height:27px;display:grid;place-items:center;font-size:18px;opacity:0;transform:none;transition:opacity .2s}
.page-work .atlas-card:hover .atlas-place,.page-work .atlas-card:focus-visible .atlas-place,.page-work .atlas-card:hover .atlas-arrow,.page-work .atlas-card:focus-visible .atlas-arrow{opacity:1;transform:none}
.page-work .atlas-card:focus-visible{outline-offset:-3px}
.page-work .archive-heading{padding-top:100px}
/* Carry the same tight image-led rhythm into the home selection. */
.page-index .selected{padding-top:90px}.page-index .selected .section-intro h2{font-size:42px}.page-index .project-grid{gap:40px 14px}.page-index .project-grid .project-feature{gap:16px}.page-index .project-grid .project-copy{gap:8px 20px;padding-inline:4px}.page-index .project-grid h3{font-size:27px}.page-index .project-grid .project-copy .eyebrow{display:none}
@media(min-width:1500px){.header nav>a{font-size:22px}.header nav{gap:35px}}
@media(max-width:1000px) and (min-width:801px){.header nav{gap:16px}.header nav>a{font-size:14px}.header nav>.nav-contact{margin-left:0;font-size:11px}}
@media(max-width:800px){:root{--pad:18px}.header,.header.scrolled{padding-inline:18px;min-height:80px}.logo,.logo svg{width:76px}.logo svg{height:52px}.header nav{padding-inline:18px}.header nav>a{font-size:29px}.header nav>.nav-contact{font-size:19px;margin-top:24px}.work-intro{padding-top:25px;padding-bottom:18px;flex-wrap:wrap;gap:5px 20px}.work-intro h1{font-size:14px}.work-intro p{width:100%;order:3;font-size:10px}.work-intro>a{font-size:9px}.atlas-tools{gap:14px;flex-wrap:wrap;margin-bottom:18px}.atlas-tools .search-label{max-width:none;width:100%}.atlas-tools .filter{font-size:10px;padding:7px 9px}.page-work .atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:8px}.page-work .atlas-card{aspect-ratio:3/2;height:auto}.page-work .atlas-card:nth-child(8n + 1){grid-column:span 2;grid-row:auto}.page-work .atlas-card h2{top:6px;left:6px;right:6px;max-width:calc(100% - 12px);font-size:8px;padding:3px 5px}.page-work .atlas-place{display:none}.page-work .atlas-arrow{opacity:1;width:21px;height:21px;right:6px;bottom:6px;font-size:14px}.page-work .archive-heading{padding-top:65px}.page-index .selected .section-intro h2{font-size:32px}.page-index .project-grid{gap:40px}.page-index .project-grid h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.atlas-place,.atlas-arrow{transition:none!important}}