.hero{min-height:0;display:block;background:#fff}.hero-photo-open{display:block;width:100%;padding:0;border:0;cursor:zoom-in;background:#fff}.hero-image{position:relative;display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:4000/1868}.hero-band{position:relative;background:#fff}.image-credit{top:20px;bottom:auto;pointer-events:none}.hero-content{padding-top:32px;padding-bottom:36px}.field-gallery{padding-top:56px;padding-bottom:56px}.project-cover{width:100%;padding:0;background:none;border:0;text-align:left;cursor:zoom-in;color:var(--ink)}.project-cover img{width:100%;height:auto;display:block;aspect-ratio:4000/1868;object-fit:contain}.project-cover-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.project-cover-footer strong{font-size:19px}.project-cover-footer>span{font-size:14px;color:var(--green)}
.photo-viewer{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#111715;color:#fff;overflow:hidden}.photo-viewer::backdrop{background:#111715}.viewer-layout{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;width:100%;height:100%}.viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid #ffffff26}.viewer-bar h2{font-size:17px;line-height:1.5;color:#fff;margin:0}.viewer-tools{display:flex;gap:8px;flex-shrink:0}.photo-viewer button{cursor:pointer;border:1px solid #ffffff40;background:transparent;color:#fff;min-width:44px;min-height:44px;border-radius:4px;font:inherit}.viewer-tools button{font-size:27px;line-height:1}.photo-viewer button:hover,.photo-viewer button[aria-pressed=true]{background:#ffffff25}.photo-viewer button:focus-visible,.project-cover:focus-visible,.hero-photo-open:focus-visible{outline:3px solid #80bfa5;outline-offset:3px}.viewer-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px 76px}.viewer-stage>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.viewer-prev,.viewer-next{position:absolute;top:50%;transform:translateY(-50%);font-size:38px!important;background:#111715bb!important}.viewer-prev{left:20px}.viewer-next{right:20px}.viewer-footer{display:flex;justify-content:space-between;gap:16px;padding:10px 24px;color:#d3ded9;font-size:13px}.viewer-footer p{margin:0;line-height:1.7}.viewer-footer span{white-space:nowrap}.viewer-index{display:flex;gap:8px;overflow-x:auto;padding:8px 24px 16px;scrollbar-width:thin}.viewer-index button{flex:0 0 44px;font-size:12px}.viewer-stage>p{position:absolute;max-width:80%;padding:20px;background:#111715}.photo-viewer [hidden]{display:none!important}
@media(max-width:800px){.hero{min-height:0}.hero-image{width:100%;max-height:none;aspect-ratio:4000/1868}.hero-content{padding-top:24px;padding-bottom:28px}.image-credit{top:12px;font-size:10px}.field-gallery{padding-top:36px;padding-bottom:36px}.project-cover-footer{align-items:flex-start;flex-direction:column;gap:8px;padding:16px 0}.project-cover-footer strong{font-size:17px}.viewer-bar{padding:12px;gap:8px}.viewer-bar h2{font-size:13px;max-width:130px}.viewer-tools{gap:5px}.viewer-stage{padding:8px 0}.viewer-prev{left:8px}.viewer-next{right:8px}.viewer-footer{padding:10px 14px;font-size:12px}.viewer-index{padding:8px 14px max(14px,env(safe-area-inset-bottom))}}
.viewer-layout:fullscreen{background:#111715;color:#fff}
.viewer-hint{text-align:center;color:#aebbb5;font-size:13px;line-height:1.5;padding:6px 16px max(16px,env(safe-area-inset-bottom));letter-spacing:0}.viewer-immersive .viewer-hint{display:none}
.viewer-immersive .viewer-index,.viewer-immersive .viewer-footer{display:none}.viewer-immersive .viewer-layout{grid-template-rows:auto minmax(0,1fr)}
.additional-projects{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:36px}.additional-projects .project-cover img{aspect-ratio:4/3;object-fit:contain;background:#f2f4f3}.additional-projects .project-cover-footer strong{font-size:18px}@media(max-width:800px){.additional-projects{grid-template-columns:1fr;gap:28px}.additional-projects .project-cover-footer strong{font-size:17px}}
.viewer-layout{grid-template-rows:auto auto minmax(0,1fr) auto auto}.viewer-phases{display:flex;gap:8px;overflow-x:auto;padding:10px 24px}.viewer-phases button{white-space:nowrap;padding:6px 16px;font-size:13px;min-height:40px}.viewer-immersive .viewer-phases{display:none}.viewer-layout:has(.viewer-phases[hidden]){grid-template-rows:auto minmax(0,1fr) auto auto}.viewer-immersive .viewer-layout:has(.viewer-phases){grid-template-rows:auto minmax(0,1fr)}@media(max-width:800px){.viewer-phases{padding:8px 12px}.viewer-phases button{padding:5px 10px;font-size:12px}}