/* Feet page only. Loaded after site.css. */
.line-top { border-top:1px solid var(--line); }
.shoe + .shoe { margin-top:96px; padding-top:96px; border-top:1px solid var(--line); }
.shots { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; }
.shots .ph { aspect-ratio:1/1; background:#dcd9d1; overflow:hidden; }
.shots figure { margin:0; }
.shots figcaption { padding-top:10px; font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:var(--stone); }
.shoe .info { display:grid; grid-template-columns:1fr 1.2fr; gap:56px; margin-top:36px; align-items:start; }
.shoe h3 { font-size:26px; font-weight:500; margin:0 0 6px; letter-spacing:-.01em; }
.shoe .sub { color:var(--stone); font-size:14px; margin-bottom:18px; }
.shoe .info p { margin:0 0 14px; color:#2b2b29; max-width:34em; }
.shoe .how { border-top:1px solid var(--line); padding-top:14px; margin-top:18px; }
.shoe .how b { display:block; font-weight:500; font-size:12px; letter-spacing:.28em; text-transform:uppercase; color:var(--green); margin-bottom:6px; }

.plain { background:var(--white); border-top:1px solid var(--line); }
.plain .cols { display:grid; grid-template-columns:1fr 1fr; gap:56px; margin-top:44px; }
.plain h3 { font-size:19px; font-weight:500; margin:0 0 12px; }
.plain ul { margin:0; padding:0; list-style:none; }
.plain li { padding:14px 0; border-top:1px solid var(--line); color:#2b2b29; }
.plain li:last-child { border-bottom:1px solid var(--line); }

@media (max-width: 860px) {
  .shoe + .shoe { margin-top:64px; padding-top:64px; }
  .shots { grid-template-columns:1fr 1fr; gap:10px; }
  .shots figure:first-child { grid-column:1 / -1; }
  .shoe .info { grid-template-columns:1fr; gap:24px; margin-top:28px; }
  .plain .cols { grid-template-columns:1fr; gap:40px; }
}