:root { color-scheme:light; --ink:#171719; --body:#73747b; --muted:#8d8e97; --rule:#c1c3ca; }
    * { box-sizing:border-box; }
    html,body { margin:0; background:#fff; }
    body { min-width:320px; color:var(--ink); font-family:Arial,Helvetica,sans-serif; font-weight:400; -webkit-font-smoothing:antialiased; }
    .identity { position:absolute; left:8.6%; top:31px; margin:0; font-family:Consolas,'Courier New',monospace; font-size:19px; font-weight:400; line-height:27px; letter-spacing:3.2px; white-space:nowrap; }
    .sidebar { position:absolute; left:6.4%; top:176px; width:13.8%; }
    .navigation { display:block; }
    .nav-row { display:block; padding:11px 0 12px; border-bottom:1px solid var(--rule); color:var(--muted); font-size:15px; line-height:20px; text-decoration:none; }
    .nav-row.active { color:var(--ink); border-bottom-color:var(--ink); }
    .secondary { margin-top:65px; border-top:1px solid var(--rule); }
    a:focus-visible { outline:1px solid var(--ink); outline-offset:4px; }
    main { margin-left:24%; margin-right:4%; padding-top:114px; padding-bottom:64px; }
    @media(max-width:1100px) and (min-width:981px) { .identity { font-size:17px; letter-spacing:2.5px; } }
    @media(max-width:980px) {
      .identity { position:static; margin:28px 24px 32px; font-size:16px; line-height:24px; letter-spacing:2px; white-space:normal; }
      .sidebar { position:static; width:auto; margin:0 24px; }
      .navigation { display:flex; gap:24px; border-bottom:1px solid var(--rule); }
      .nav-row { font-size:13px; padding:0 0 11px; border:0; }
      .nav-row.active { border-bottom:1px solid var(--ink); margin-bottom:-1px; }
      .secondary { display:flex; gap:24px; border:0; margin-top:15px; }
      .secondary .nav-row { font-size:12px; }
      main { margin:30px 24px 0; padding:0 0 48px; }
      .selection { margin-bottom:18px; font-size:12px; }
      .project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 14px; }
      .project-name { font-size:12px; line-height:17px; margin-top:8px; }
      .project-location { font-size:11px; line-height:16px; margin-top:1px; }
    }
  
    main { padding-top:94px; }
    a { color:inherit; text-underline-offset:3px; text-decoration-thickness:1px; }
    .breadcrumb { margin:0 0 14px; color:var(--muted); font-size:12px; line-height:18px; }
    .breadcrumb a { text-decoration:none; }
    .breadcrumb span { margin:0 11px; }
    .project-heading { margin-bottom:22px; padding-bottom:9px; border-bottom:1px solid var(--rule); }
    h1 { margin:0 0 3px; font-size:21px; line-height:28px; font-weight:400; }
    .location { margin:0; color:var(--muted); font-size:13px; line-height:20px; }
    .lead { display:grid; grid-template-columns:minmax(0,2.12fr) minmax(0,1fr); align-items:start; gap:34px; }
    .photo-crop { position:relative; width:100%; min-width:0; overflow:hidden; background:#fff; }
    .photo-crop img { position:absolute; display:block; max-width:none; height:auto; filter:none; }
    .information { min-width:0; }
    .facts { margin:0; font-size:13px; line-height:20px; color:var(--body); }
    .fact-row { display:grid; grid-template-columns:40% minmax(0,1fr); padding:12px 0; border-top:1px solid var(--rule); }
    .fact-row:last-child { border-bottom:1px solid var(--rule); }
    dt,dd { margin:0; }
    dt { color:var(--muted); }
    .copy { margin-top:24px; color:var(--body); font-size:13px; line-height:20px; }
    .copy p { margin:0 0 20px; }
    .copy p:last-child { margin-bottom:0; }
    .gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px; margin-top:26px; }
    .project-footer { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-top:30px; padding-top:16px; border-top:1px solid var(--rule); color:var(--muted); font-size:12px; line-height:18px; }
    .project-footer a { text-decoration:none; }
    @media(max-width:980px) {
      main { padding-top:0; }
      h1 { font-size:20px; line-height:26px; }
      .project-heading { margin-bottom:20px; padding-bottom:12px; }
      .lead { grid-template-columns:minmax(0,1fr); gap:24px; }
      .facts { font-size:13px; }
      .copy { font-size:14px; line-height:22px; margin-top:24px; }
      .copy p { margin-bottom:20px; }
      .gallery { grid-template-columns:minmax(0,1fr); gap:18px; margin-top:28px; }
      .project-footer { gap:14px; margin-top:28px; font-size:12px; }
    }
      .identity a { color:inherit; text-decoration:none; }
    a.nav-row { text-decoration:none; }
    .identity a:focus-visible, a.nav-row:focus-visible { outline:1px solid var(--ink); outline-offset:4px; }
  

.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}
.selection{margin:0 0 24px;color:var(--muted);font-size:12px;line-height:18px;text-align:right}
.portfolio main{padding-top:114px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 28px}
.project{min-width:0}.project-link{display:block;color:inherit;text-decoration:none}
.project-thumb{width:100%;aspect-ratio:1.26;overflow:hidden;background:#fff}
.project-thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:none}
.project-name{margin:9px 0 0;font-size:13px;line-height:18px;font-weight:400}
.project-location{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:17px}
.project-photo{margin:0;min-width:0}.project-photo img{display:block;width:100%;height:auto;filter:none}
.gallery{align-items:start}.copy{overflow-wrap:break-word}.copy ul{padding-left:16px;margin:0 0 20px}
.fact-row{gap:8px;grid-template-columns:38% minmax(0,1fr)}dd{overflow-wrap:anywhere}
.project-footer{flex-wrap:wrap}.project-footer .next{margin-left:auto}
@media(max-width:980px){.portfolio main{padding-top:0}.selection{margin-bottom:18px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.project-name{font-size:12px;line-height:17px;margin-top:8px}.project-location{font-size:11px;line-height:16px;margin-top:1px}}