:root { color-scheme: light; --ink:#171719; --body:#73747b; --muted:#8d8e97; --rule:#c1c3ca; }
    * { box-sizing: border-box; }
    html { background:#fff; }
    body { margin:0; min-width:320px; background:#fff; 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; }
    .nav-row.active { color:var(--ink); border-bottom-color:#171719; }
    .secondary { margin-top:65px; border-top:1px solid var(--rule); }
    main { margin-left:24%; margin-right:4%; padding-top:114px; padding-bottom:82px; }
    .composition { display:grid; grid-template-columns:minmax(0,1.83fr) minmax(0,1fr); gap:34px; align-items:start; }
    figure { margin:0; min-width:0; }
    .portrait { display:block; width:100%; height:auto; }
    .editorial { min-width:0; }
    .copy { margin-top: 0; font-size:13px; line-height:20px; color:var(--body); letter-spacing:.015px; }
    .copy p { margin:0 0 21px; }
    .copy p:last-child { margin-bottom:0; }
    @media (max-width:1100px) and (min-width:981px) {
      .identity { font-size:17px; letter-spacing:2.5px; }
      .composition { gap:26px; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
    }
    @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:34px 24px 0; padding:0 0 48px; }
      .composition { grid-template-columns:minmax(0,1fr); gap:30px; }
      figure { max-width:600px; }
      .copy { margin-top: 0; font-size:14px; line-height:22px; }
    }

    .shelf-photo { display:block; width:100%; height:auto; }

    .shelf-block { margin:0 0 40px; max-width:none; }
    .shelf-photo { filter:grayscale(1); }
    @media (max-width:980px) { .shelf-block { margin-bottom:30px; } }
      .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; }