body .siteHeader{position:fixed;inset:0 0 auto;height:76px;padding:8px;background:transparent;align-items:flex-start;justify-content:flex-start;z-index:1000;pointer-events:none}
body .siteHeader .siteNav{display:flex;align-items:flex-start;gap:24px;transform:scaleX(var(--headerScale,.92));transform-origin:left top;pointer-events:auto}
body .siteHeader .siteNav > a,body .siteHeader summary{margin:0;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(28px,3.2vw,52px);font-weight:900;letter-spacing:-.055em;line-height:.95;text-transform:uppercase;text-decoration:none;color:#101214;transform:none;cursor:pointer}
.siteHeader .navDropdown{position:relative}
.siteHeader summary{list-style:none}
.siteHeader summary::-webkit-details-marker{display:none}
.siteHeader .projectLinks,.siteHeader .contactPanel{position:absolute;top:100%;left:0;background:transparent;padding:8px 0 16px;width:max-content;max-width:calc(100vw - 24px)}
.siteHeader .projectLinks{display:flex;flex-direction:column;gap:0;padding-top:4px;padding-bottom:12px;max-height:calc(100dvh - 76px);overflow:auto;transform:scaleX(calc(1 / var(--headerScale,.92)));transform-origin:left top}
body[data-view="contact"] .siteHeader .projectDropdown[open] > .projectLinks{background:#fff;padding-right:12px}
body[data-view="contact"]:has(.siteHeader .projectDropdown[open]) .contactPage{visibility:hidden}
body .siteHeader .projectLinks a{margin:0;font-family:"Arial Black",Arial,sans-serif;font-size:var(--headingSize);font-weight:900;letter-spacing:0;line-height:var(--headingLine);text-transform:none;text-decoration:none;color:#101214;transform:scaleX(var(--headingScale));transform-origin:left top}
.siteHeader .contactPanel{font:var(--monoSize,18px)/var(--monoLine,1.22) var(--stationSans,"Suisse","Neue Helvetica","Helvetica Neue",Helvetica,Arial,sans-serif);letter-spacing:normal;text-transform:none;color:#101214}
.siteHeader .contactPanel p{margin:12px 0}
body .siteHeader .contactPanel a{margin:0;font:inherit;text-transform:none;letter-spacing:normal;text-decoration:none;color:inherit;transform:none}
body .siteHeader a:hover,body .siteHeader a:focus-visible,body .siteHeader summary:hover,body .siteHeader summary:focus-visible{color:#fef5a6;text-decoration:none}
body[data-view="info"] .aboutPage{top:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;padding:0 8px 8px;overflow:hidden}
.aboutSidebar{height:100%;min-height:0;overflow:auto;scrollbar-width:none}
.aboutSidebar::-webkit-scrollbar{display:none}
body[data-view="info"] .aboutSidebar .imageFrame{width:100%;height:auto!important;max-height:none;aspect-ratio:auto}
body[data-view="info"] .aboutSidebar .imageFrame img{width:100%;height:auto;transform:none;object-fit:contain}
body[data-view="info"] .aboutSidebar .rightCol{height:auto;overflow:visible;margin:8px 0 0;padding:0;width:100%;max-width:none}
body[data-view="info"] .aboutPage .scrollCol{height:100%;min-height:0;padding-top:76px}
body[data-view="info"] .scrollCol .legalBox{margin-top:48px;margin-bottom:24px}
@media(max-width:700px){
body .siteHeader{height:52px}
body .siteHeader .siteNav{gap:12px}
body .siteHeader .siteNav > a,body .siteHeader summary{font-size:clamp(18px,5.4vw,28px)}
.siteHeader .contactDropdown{position:static}
.siteHeader .contactPanel{left:0;top:36px;font-size:16px;max-width:calc(100vw - 16px)}
body .siteHeader .projectLinks a{font-size:var(--headingSize)}
body[data-view="info"]{overflow:auto;height:auto}
body[data-view="info"] .aboutPage{position:relative;top:auto;margin-top:0;display:grid;grid-template-columns:1fr;overflow:visible}
body[data-view="info"] .aboutSidebar{height:auto;overflow:visible}
body[data-view="info"] .aboutPage .scrollCol{height:auto;overflow:visible;padding-top:24px}
}

.contactPage{margin-left:0;padding:76px 8px 40px;font-family:"Arial Black",Arial,sans-serif;font-size:var(--headingSize);font-weight:900;letter-spacing:0;line-height:var(--headingLine);text-transform:none;overflow-wrap:anywhere;text-align:left;transform:scaleX(var(--headingScale));transform-origin:left top}
.contactPage h1{font:inherit;margin:0 0 8px;text-transform:none}
.contactPage .contactAddress{text-transform:none}
.contactPage p{margin:0 0 12px}
.contactPage a{text-decoration:none}
.contactPage a:hover,.contactPage a:focus-visible{color:#fef5a6}
@media(max-width:700px){.contactPage{margin-left:0;padding:40px 8px;font-size:var(--headingSize)}}

body[data-view="overview"] .landscape .tile figure{position:relative}
body[data-view="overview"] .landscape .tile figcaption{display:block;position:absolute;left:8px;right:8px;bottom:8px;margin:0;padding:0;background:none;color:#101214;font-family:"Arial Black",Arial,sans-serif;font-size:var(--headingSize);font-weight:900;letter-spacing:0;line-height:var(--headingLine);text-transform:none;text-align:left;white-space:normal;text-shadow:none;transform:scaleX(var(--headingScale));transform-origin:left bottom;opacity:0;pointer-events:none}
body[data-view="overview"] .landscape .tile:hover figcaption,body[data-view="overview"] .landscape .tile:focus-visible figcaption,body[data-view="overview"] .landscape .tile:focus-within figcaption{opacity:1}

body[data-view="project"] .siteHeader{justify-content:flex-start;align-items:flex-start;padding:8px;left:0;right:0;top:0}
body[data-view="project"] .siteHeader .close{position:absolute;right:8px;top:0;color:#101214;font-size:72px;font-weight:700;line-height:1;min-width:64px;min-height:64px;pointer-events:auto}
body[data-view="project"] .siteHeader .close:hover,body[data-view="project"] .siteHeader .close:focus-visible{color:#fef5a6}
body[data-view="project"] .projectText{padding-top:76px}
@media(max-width:700px){
body[data-view="project"] .siteHeader .close{font-size:48px;min-width:36px;min-height:44px;right:4px}
body[data-view="project"] .projectText{padding-top:40px}
}