/* Sketchanet project archive. Images are kept as a dense, even-edged thumbnail grid. */
.sketchanet { padding-top:clamp(28px,3.2vw,47px); padding-bottom:40px; }
.sketchanet-intro {
  display:grid;
  grid-template-columns:minmax(220px,.87fr) minmax(0,1.3fr);
  align-items:start;
  column-gap:clamp(25px,5vw,92px);
  padding-bottom:clamp(30px,3.5vw,50px);
}
.sketchanet-intro__heading h1 { margin:0 0 8px; font-size:clamp(28px,2.5vw,35px); font-weight:400; line-height:1.25; letter-spacing:.004em; }
.sketchanet-intro__category { margin:0; color:var(--muted); font-size:13px; line-height:1.55; }
.sketchanet-intro__details { min-width:0; }
.sketchanet-intro__copy { margin:1px 0 0; color:var(--copy); font-size:var(--body-copy-size); line-height:1.7; font-weight:300; max-width:88ch; text-align:left; }
.sketchanet-intro__copy p { margin:0 0 19px; hyphens:none; }
.sketchanet-intro__copy p:last-child { margin-bottom:0; }
/* Five quiet link positions. The placeholders are intentionally not clickable until URLs are supplied. */
.sketchanet-selected { margin-top:25px; }
.sketchanet-selected h2 { font-size:11px; line-height:1.4; text-transform:uppercase; letter-spacing:.11em; font-weight:400; color:var(--muted); margin:0 0 11px; }
.sketchanet-selected__links { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px clamp(16px,2.2vw,27px); }
.sketchanet-selected__site { flex:0 0 auto; width:max-content; display:inline-block; align-self:start; padding:3px 0 7px; color:var(--copy); font-size:14px; line-height:1.5; font-weight:300; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; white-space:nowrap; }
.sketchanet-selected__site > span { color:inherit; font-size:1em; line-height:inherit; white-space:nowrap; }
.sketchanet-selected__site--placeholder { color:#777; cursor:default; }
a.sketchanet-selected__site:hover, a.sketchanet-selected__site:focus-visible { color:#333; }

.sketchanet-archive { margin:0; }
.sketchanet-grid {
  --sketchanet-columns:9;
  display:grid;
  grid-template-columns:repeat(var(--sketchanet-columns),minmax(0,1fr));
  gap:clamp(10px,.95vw,16px);
  align-items:start;
}
.sketchanet-grid img { display:block; width:100%; height:auto; aspect-ratio:16 / 10; object-fit:cover; background:#f3f3f1; border:1px solid rgba(0,0,0,.08); box-shadow:0 0 0 1px rgba(255,255,255,.7) inset; }
.sketchanet-grid > img[hidden] { display:none!important; }
.sketchanet-footer { margin-top:clamp(55px,7vw,100px); padding-top:16px; border-top:1px solid var(--rule); color:#535353; font-size:12px; }
@media (max-width:1400px) { .sketchanet-grid { --sketchanet-columns:8; } }
@media (max-width:1180px) { .sketchanet-grid { --sketchanet-columns:7; } }
@media (max-width:980px)  { .sketchanet-grid { --sketchanet-columns:6; gap:12px; } }
@media (max-width:900px)  { .sketchanet-selected__links { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:820px)  { .sketchanet-grid { --sketchanet-columns:5; gap:10px; } }
@media (max-width:690px)  {
  .sketchanet { padding-top:30px; }
  .sketchanet-intro { grid-template-columns:1fr; gap:16px; padding-bottom:30px; }
  .sketchanet-intro__copy { line-height:var(--body-copy-mobile-leading); }
  .sketchanet-selected { margin-top:22px; }
  .sketchanet-grid { --sketchanet-columns:4; gap:8px; }
}
@media (max-width:570px) { .sketchanet-selected__links { gap:8px 17px; } .sketchanet-selected__site { font-size:13px; } }
@media (max-width:480px) { .sketchanet-grid { --sketchanet-columns:3; gap:7px; } }