body[data-view="overview"]{--headerH:96px}
body[data-view="overview"] header{justify-content:flex-start;align-items:flex-start;padding:8px;background:transparent;color:#fff}
body[data-view="overview"] header nav > a{color:#fff}
body[data-view="overview"] header .projectLinks a{color:#fff}
header nav{display:flex;align-items:flex-start;gap:12px;transform:scaleX(.92);transform-origin:left top}
header nav a{font-size:clamp(32px,3.2vw,52px);font-weight:700;text-transform:uppercase;line-height:1;text-decoration:none}
.projectDropdown{position:relative}
.projectDropdown summary{font-size:clamp(32px,3.2vw,52px);font-weight:700;line-height:1;list-style:none;cursor:pointer}
.projectDropdown summary::-webkit-details-marker{display:none}
.projectDropdown summary:focus-visible{outline:2px solid #101214;outline-offset:5px}
.projectLinks{position:absolute;top:100%;left:0;right:auto;width:max-content;max-width:calc(100vw - 16px);background:transparent;padding:6px 0 16px;display:flex;flex-direction:column;align-items:flex-start;gap:0;max-height:calc(100dvh - var(--headerH));overflow-y:auto}
header .projectLinks a{font-size:clamp(24px,2.4vw,38px);line-height:.95}
body[data-view="overview"] header a:hover,body[data-view="overview"] header a:focus-visible,.projectDropdown summary:hover,.projectDropdown summary:focus-visible{color:#fef5a6;text-decoration:none}

header nav a,.projectDropdown summary{font-family:"Arial Black",Arial,sans-serif;font-weight:900;letter-spacing:-.055em;line-height:.9}
body[data-view="overview"] .landscape{position:static;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:16.67vw;gap:0;padding:0;align-items:stretch;overflow:visible}
body[data-view="overview"] .landscape .tile:nth-child(n){position:relative;display:block;min-width:0;min-height:0;height:auto;margin:0;overflow:hidden;grid-column:var(--column) / span var(--span);grid-row:var(--row) / span var(--rows)}
.tile figure{height:100%;margin:0}
.slideshowLink{display:block;width:100%;height:100%}
.slideshowToggle{position:absolute;right:8px;bottom:8px;z-index:2;width:32px;height:32px;padding:0;border:0;background:rgba(255,255,255,.8);color:#101214;font:700 18px Arial,sans-serif;cursor:pointer}
.slideshowToggle:focus-visible{outline:2px solid #fef5a6;outline-offset:2px}
.tile figcaption{display:none}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tile figcaption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:0 8px 8px;background:none;color:#fff;font-family:var(--stationSans);font-size:clamp(28px,3.6vw,68px);font-weight:900;line-height:.95;letter-spacing:-.045em;text-transform:uppercase;opacity:1;text-shadow:none;white-space:nowrap;pointer-events:none}
.tile.portrait figcaption{font-size:clamp(22px,2.4vw,44px);padding-left:8px;padding-right:8px}
.tile:focus-visible{outline-offset:-4px;z-index:1}
@media(max-width:600px){
body[data-view="overview"]{--headerH:76px}
header nav{gap:10px}
header nav a,.projectDropdown summary{font-size:clamp(22px,6.4vw,32px)}
header .projectLinks a{font-size:20px}
body[data-view="overview"] .landscape{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
body[data-view="overview"] .landscape .tile:nth-child(n){grid-column:span 2;grid-row:auto;aspect-ratio:1.414 / 1}
body[data-view="overview"] .landscape .tile.portrait:nth-child(n){grid-column:span 1;aspect-ratio:.707 / 1}
.tile figcaption,.tile.portrait figcaption{font-size:clamp(24px,7vw,42px);padding:0 8px 8px}
}
body[data-view="overview"] .landscape{display:block;position:static;padding:0;overflow:visible}
.imageGroup{display:grid;align-items:start;gap:0}
.imageGroup.hero{grid-template-columns:minmax(0,1fr)}
.imageGroup.two-thirds{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.imageGroup.halves{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-view="overview"] .imageGroup .tile:nth-child(n){grid-column:auto;grid-row:auto;aspect-ratio:auto;height:auto;margin:0;overflow:hidden}
.imageGroup .tile figure{height:auto}
.imageGroup .tile img{position:static;display:block;width:100%;height:auto;object-fit:contain}
.imageGroup .slideshowLink{height:auto}
.imageGroup .slideshowTile figure{position:relative;aspect-ratio:var(--slide-ratio);background:#fff}
.imageGroup .slideshowTile img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top}
@media(max-width:600px){
.imageGroup.two-thirds,.imageGroup.halves{grid-template-columns:minmax(0,1fr)}
}
.imageGroup.thirds{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){
.imageGroup.thirds{grid-template-columns:repeat(2,minmax(0,1fr))}
.imageGroup.halves{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
.imageGroup.thirds,.imageGroup.halves{grid-template-columns:minmax(0,1fr)}
}