.demo-index{--paper:#d7d6d4;--paper-lower:#efede9;--ink:#11110f;background:var(--paper);min-height:100svh;color:var(--ink);font-family:var(--font-site);letter-spacing:.015em;grid-template-rows:auto minmax(32vh,1fr) auto auto;font-size:12px;line-height:1.1;display:grid}.demo-index a{color:inherit}.demo-index__header{text-transform:uppercase;justify-content:space-between;align-items:baseline;padding:14px 28px 0;display:flex}.demo-index__header h1{letter-spacing:-.025em;margin:0;font-size:clamp(18px,2vw,30px);font-weight:600}.demo-index__header p{letter-spacing:.08em;margin:0;font-size:10px;font-weight:500}.demo-index__field{color:#11110f7a;letter-spacing:.11em;justify-content:space-between;align-items:flex-end;padding:0 28px 12px;font-size:8px;display:flex}.demo-index__catalog{background:var(--paper-lower);border-top:1px solid #11110f47;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 42px;padding:8px 28px 48px;display:grid}.demo-project{border-top:1px solid var(--ink);grid-template-columns:minmax(180px,.72fr) minmax(230px,1fr);gap:22px;min-width:0;padding-top:7px;display:grid}.demo-project__heading{align-items:baseline;gap:11px;margin-bottom:13px;display:flex}.demo-project__heading span,.demo-project__heading p,.demo-project__description{margin:0}.demo-project__heading span{font-weight:600}.demo-project__heading p{letter-spacing:.08em;font-size:9px}.demo-project h2{letter-spacing:-.02em;margin:0 0 7px;font-size:clamp(15px,1.3vw,20px);font-weight:600;line-height:.95}.demo-project__description{max-width:38em;font-size:9px;line-height:1.25}.demo-project__sources{letter-spacing:.04em;flex-wrap:wrap;gap:5px 10px;margin-top:16px;font-size:8px;display:flex}.demo-project__sources>span{color:#11110f85}.demo-project__sources a{border-bottom:1px solid #11110f59}:is(.demo-project__sources a:hover,.demo-project__sources a:focus-visible){border-bottom-color:var(--ink)}.demo-project__pages{border-top:1px solid #11110f38}.demo-entry{border-bottom:1px solid #11110f38;grid-template-columns:34px 1fr auto;align-items:start;gap:7px;padding:8px 0 7px;transition:padding-left .18s,background-color .18s;display:grid}:is(.demo-entry:hover,.demo-entry:focus-visible){background:#11110f0b;outline:none;padding-left:6px}.demo-entry__index{font-size:9px}.demo-entry__copy{min-width:0}.demo-entry__copy strong,.demo-entry__copy small{display:block}.demo-entry__copy strong{letter-spacing:.025em;font-size:11px;font-weight:600}.demo-entry__copy small{letter-spacing:.055em;margin-top:4px;font-size:7px;line-height:1.2}.demo-entry__arrow{font-size:13px;line-height:.8}.demo-index__footer{background:var(--paper-lower);letter-spacing:.04em;grid-template-columns:1fr auto 1fr;align-items:end;padding:0 28px 20px;font-size:9px;font-weight:500;display:grid}.demo-index__footer span:nth-child(2){letter-spacing:-.02em;font-size:clamp(12px,1.6vw,22px);font-weight:600}.demo-index__footer time{text-align:right}@media (max-width:1100px){.demo-index{grid-template-rows:auto minmax(26vh,1fr) auto auto}.demo-index__catalog{grid-template-columns:1fr;gap:28px}}@media (max-width:640px){.demo-index{grid-template-rows:auto minmax(22vh,1fr) auto auto}.demo-index__header{padding:16px 16px 0;display:block}.demo-index__header p{margin-top:5px;font-size:8px}.demo-index__field{padding-inline:16px}.demo-index__catalog{padding:8px 16px 38px}.demo-project{grid-template-columns:1fr;gap:18px}.demo-project__description{max-width:48em}.demo-index__footer{grid-template-columns:1fr auto;gap:18px;padding:0 16px 16px}.demo-index__footer span:nth-child(2){grid-area:1/1/auto/-1}}@media (prefers-reduced-motion:reduce){.demo-entry{transition:none}}.demo-entry{grid-template-columns:34px 1fr}.demo-index__footer>a{letter-spacing:.08em;border-bottom:1px solid #11110f59;justify-self:center;font-size:8px}:is(.demo-index__footer>a:hover,.demo-index__footer>a:focus-visible){border-bottom-color:var(--ink);outline:none}@media (max-width:640px){.demo-index__footer>a{justify-self:end}}.demo-index{display:block}.demo-index__upper{grid-template-rows:auto minmax(0,1fr);height:66.6667svh;min-height:66.6667vh;display:grid}.demo-index__header h1{text-transform:none}