body .siteHeader .projectLinks{max-width:calc(100vw - 16px);overflow-wrap:anywhere}
body[data-view="info"] .scrollCol{min-width:0;overflow-wrap:anywhere}
body[data-view="info"] .alignedRows .rowText{min-width:0}
body[data-view="overview"] .landscape > .tile{min-width:0}
@media(max-width:1000px){
  body[data-view="info"]{overflow:auto;height:auto}
  body[data-view="info"] .aboutPage{position:relative;inset:auto;grid-template-columns:1fr;height:auto;overflow:visible}
  body[data-view="info"] .aboutSidebar{height:auto;overflow:visible}
  body[data-view="info"] .aboutPage .scrollCol{height:auto;overflow:visible;padding-top:24px}
  body[data-view="project"] .siteHeader .close{top:42px;right:8px;min-width:44px;min-height:44px;font-size:48px}
}
@media(max-width:700px){
  body .siteHeader .siteNav{gap:clamp(6px,2vw,12px)}
  body .siteHeader .siteNav > a,body .siteHeader summary{font-size:clamp(15px,5vw,28px)}
  body .siteHeader .projectLinks{left:calc(-1 * var(--menu-offset, 0px));width:min(360px,calc(100vw - 16px));max-width:calc(100vw - 16px)}
  body .siteHeader .projectLinks a{white-space:normal;overflow-wrap:anywhere}
  body[data-view="info"] .alignedRows .alignedRowInner{grid-template-columns:9ch minmax(0,1fr);column-gap:8px}
  body[data-view="info"] .alignedRows .alignedRowInner.hasProjectCode{grid-template-columns:9ch minmax(0,1fr);row-gap:3px}
  body[data-view="info"] .alignedRows .hasProjectCode .rowText{grid-column:1 / -1}
  body[data-view="info"] .alignedRows > div{margin-bottom:12px}
}
@media(hover:none){
  body[data-view="overview"] .landscape .tile figcaption{position:static;opacity:1;font-size:var(--textSmall);font-family:var(--stationSans);font-weight:500;letter-spacing:0;line-height:1.22;transform:none;padding-top:4px}
}