:root{--ink:#2A384C;--paper:#F7F6F2;--line:rgba(42,56,76,.2)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:1px solid currentColor;outline-offset:6px}
.direction-nav{background:var(--paper);color:var(--ink)}main,.photography-footer{width:min(880px,calc(100% - 80px));margin-inline:auto}
.photography-intro{padding:40px 0 42px;max-width:650px}.eyebrow{font-size:14px;margin:0 0 14px;opacity:.65}h1{font-weight:400;font-size:clamp(38px,4.5vw,56px);line-height:1.05;letter-spacing:-.8px;margin:0 0 18px}.intro{font-size:20px;line-height:1.45;max-width:580px;margin:0}.project-meta{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:22px;font-size:13px;opacity:.6}
.photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:72px;row-gap:42px;align-items:start}.photograph{margin:0;min-width:0;width:100%;max-width:360px}.photograph:nth-child(even){margin-top:84px;justify-self:end}.photograph:nth-child(4n+2){max-width:320px}.photograph:nth-child(4n+3){max-width:330px}.photograph:nth-child(4n+4){max-width:350px}.photograph>a{display:block;overflow:hidden;border-radius:2px 5px 3px 4px;cursor:zoom-in;background:#EBEAE0}.photograph img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.photograph>a:hover img{transform:scale(1.018)}figcaption{display:flex;align-items:baseline;gap:15px;padding-top:10px;font-size:15px;line-height:1.35}figcaption>span{font-size:12px;opacity:.45}.end-note{font-size:20px;text-align:center;opacity:.6;padding:54px 0 34px;margin:0}.photography-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 35px;border-top:1px solid var(--line);font-size:16px}.photography-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.photo-viewer{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;margin:0;padding:18px 32px;background:#F7F6F2;color:var(--ink);border:0}.photo-viewer[open]{display:flex;flex-direction:column;align-items:center;gap:14px}.photo-viewer::backdrop{background:#F7F6F2}.viewer-toolbar,.viewer-caption{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none}.viewer-toolbar p,.viewer-caption p{margin:0;font-size:18px}.viewer-toolbar{height:42px}.viewer-caption{min-height:44px;text-align:center}.photo-viewer button{border:0;background:transparent;padding:10px 2px;font-size:18px;cursor:pointer;white-space:nowrap}.photo-viewer button:hover{text-decoration:underline;text-underline-offset:5px}.photo-viewer>img{display:block;width:100%;height:0;min-height:0;flex:1;object-fit:contain}.viewer-toolbar p{font-size:14px;opacity:.65}
@media(max-width:700px){main,.photography-footer{width:calc(100% - 40px)}.photography-intro{padding:30px 0 30px}.eyebrow{font-size:14px}h1{font-size:38px;letter-spacing:-.5px}.intro{font-size:18px;line-height:1.45}.project-meta{font-size:13px;gap:9px 20px;margin-top:22px}.photo-gallery{grid-template-columns:1fr;gap:30px}.photograph:nth-child(n){width:88%;max-width:300px;margin-top:0;justify-self:start}.photograph:nth-child(even){width:80%;max-width:280px;justify-self:end}figcaption{font-size:15px;padding-top:9px}.end-note{font-size:18px;padding:40px 0 30px}.photography-footer{font-size:15px;gap:22px 12px}.photo-viewer{padding:12px 16px;gap:8px}.viewer-caption{flex-wrap:wrap}.viewer-caption p{order:-1;width:100%;font-size:18px}.photo-viewer button{font-size:16px}.photo-viewer{height:100dvh}}
@media(prefers-reduced-motion:reduce){.photograph img{transition:none}.photograph>a:hover img{transform:none}}