@font-face{font-family:'EB Garamond';src:url('fonts/eb-garamond.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;padding:0}body{font-family:'EB Garamond',Garamond,Georgia,serif;font-weight:400;color:#fff;background:#111}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid currentColor;outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 6%;pointer-events:none;font-size:13.44px;line-height:1.8}
.site-header a{pointer-events:auto}.site-name{font-size:22.08px;line-height:1.4;letter-spacing:.12em;white-space:nowrap}.site-header nav{display:flex;gap:20px}.site-header nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.backdrop{position:fixed;inset:0;z-index:-1;background:#111;overflow:hidden}.backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.project-cover{opacity:0;transition:opacity .2s ease}.project-cover.is-visible{opacity:1}
.galleries-page,.information-page{isolation:isolate}.galleries-page .site-header,.information-page .site-header{mix-blend-mode:difference}
.gallery-menu{height:100svh;min-height:300px;padding-top:68px;display:flex;justify-content:center;align-items:center}.gallery-menu ol{padding:0;margin:0;display:flex;list-style:none;align-items:center;mix-blend-mode:difference}.project-link{display:block;padding:12px;font-size:32.16px;line-height:1.4}.project-link span{display:block}.project-link:hover span,.project-link:focus-visible span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
.information-copy{position:relative;margin:0 auto;width:66%;padding:148px 0 100px;font-size:14.88px;line-height:1.8;min-height:calc(100svh + 120px);text-shadow:0 1px 4px #000,0 0 12px #0009}
.information-page .backdrop:after{content:'';position:absolute;inset:0;background:#0006}.information-copy p{margin:0 0 26.784px}.contact{margin-top:32px}.contact h2{font:400 15px/1.8 Arial,sans-serif;margin:0 0 5px}.contact a{text-decoration:underline;text-underline-offset:3px}
.project-page{background:var(--page-bg);color:#111}.project-page .site-header{position:relative;background:white;color:#111;height:76px}.project-layout{position:relative;width:100%;container-type:inline-size;overflow:hidden}.layout-item{position:absolute;margin:0;display:block}.photo{overflow:hidden}.photo img{display:block;width:100%;height:100%}.project-text{white-space:pre-wrap;line-height:1.45;overflow:hidden;overflow-wrap:anywhere}.project-footer{display:flex;justify-content:space-between;gap:25px;padding:30px 6%;background:#fff;font-size:16px;line-height:1.8}
@media(min-width:1600px){.site-name{font-size:25px}.site-header{font-size:15px}.project-link{font-size:36px}.information-copy{font-size:17px;line-height:1.8}}
@media(max-width:600px){.site-header{padding:20px 6%;font-size:14px}.site-name{font-size:20px;letter-spacing:.08em}.site-header nav{gap:14px}.project-link{font-size:32px;padding:14px}.information-copy{width:84%;padding-top:120px;font-size:17px;line-height:1.65}.project-footer{font-size:14px}.project-page .site-header{height:74px}}
@media(prefers-reduced-motion:reduce){.project-cover{transition:none}}