*{box-sizing:border-box}
:root{--editorialGap:16px;--editorialMargin:8px;--editorialHeader:96px}
body[data-view="overview"] header{height:var(--editorialHeader);background:transparent;color:#101214;padding:8px;pointer-events:none}
body[data-view="overview"] header nav{pointer-events:auto}
body[data-view="overview"] header nav > a,body[data-view="overview"] header .projectLinks a{color:#101214}
body[data-view="overview"] header a:hover,body[data-view="overview"] header a:focus-visible,.projectDropdown summary:hover,.projectDropdown summary:focus-visible{color:#fef5a6}
body[data-view="overview"] .projectLinks{background:transparent;padding:6px 8px 16px 0}
body[data-view="overview"] .landscape{display:block;padding:0 var(--editorialMargin) 64px}
.editorialRow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--editorialGap);align-items:start;margin-bottom:48px}
body[data-view="overview"] .editorialRow .tile:nth-child(n){grid-column:var(--start) / span var(--width);grid-row:auto;aspect-ratio:auto;height:auto;margin:0;min-width:0}
.editorialRow .tile figure{height:auto}
.editorialRow .tile img{position:static;display:block;width:100%;height:auto;object-fit:contain}
.editorialRow .slideshowLink{height:auto}
.editorialRow .slideshowTile figure{position:relative;aspect-ratio:var(--slide-ratio);background:#fff}
.editorialRow .slideshowTile img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top}
body[data-view="project"] .projectPage{grid-template-columns:minmax(0,2fr) minmax(0,4fr);column-gap:var(--editorialGap);padding:0 var(--editorialMargin)}
body[data-view="project"] .projectText{padding-top:0}
body[data-view="project"] .title{font-size:clamp(30px,3vw,48px);margin-bottom:24px}
body[data-view="info"] .page{grid-template-columns:minmax(0,2fr) minmax(0,3fr) minmax(0,1fr);column-gap:var(--editorialGap);padding-left:var(--editorialMargin);padding-right:var(--editorialMargin)}
body[data-view="info"] .page > :first-child{margin-right:0;padding-left:0}
body[data-view="info"] .page > :nth-child(3){margin-left:0}
body[data-view="info"] header a{font-family:"Arial Black",Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.055em;transform:scaleX(.92);transform-origin:left top}
body[data-view="info"] .title,body[data-view="info"] .sectionTitle{font-family:"Arial Black",Arial,sans-serif;font-weight:900;letter-spacing:-.055em;line-height:.95;transform:scaleX(.92);transform-origin:left top}
@media(max-width:1100px){
body[data-view="info"] .page{display:block}
}
@media(max-width:1000px){
body[data-view="project"] .projectPage{padding:0 var(--editorialMargin) 32px}
body[data-view="project"] .projectText{padding:0}
}
@media(max-width:600px){
:root{--editorialHeader:76px;--editorialGap:8px}
.editorialRow{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px;row-gap:16px}
body[data-view="overview"] .editorialRow .tile:nth-child(n){grid-column:span 2}
body[data-view="overview"] .editorialRow .tile.portrait:nth-child(n){grid-column:span 1}
body[data-view="overview"] .editorialRow .slideshowTile:nth-child(n){grid-column:span 2}
}
body[data-view="overview"] .landscape{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:4vw;gap:0;padding:0 8px 40px;align-items:start}
body[data-view="overview"] .landscape > .tile:nth-child(n){grid-column:var(--free-column) / span var(--free-span);grid-row:var(--free-row) / span var(--free-height);height:auto;aspect-ratio:auto;margin:0;overflow:visible}
.landscape > .tile figure{height:auto}
.landscape > .tile img{position:static;display:block;width:100%;height:auto;object-fit:contain}
.landscape > .slideshowTile .slideshowLink{height:auto}
.landscape > .slideshowTile figure{position:relative;aspect-ratio:var(--slide-ratio);background:#fff}
.landscape > .slideshowTile img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top}
@media(max-width:600px){
body[data-view="overview"] .landscape{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:auto;padding:0 8px 24px;row-gap:16px}
body[data-view="overview"] .landscape > .tile:nth-child(n){grid-column:1 / span 5;grid-row:auto}
body[data-view="overview"] .landscape > .tile:nth-child(3n+2){grid-column:4 / span 3}
body[data-view="overview"] .landscape > .tile:nth-child(3n){grid-column:2 / span 4}
}

@media(min-width:601px){
body[data-view="overview"] .landscape > .manzingerSketch{transform:scale(1.08);transform-origin:left bottom}
}