/* MSCHF-inspired (white/black) — Feed style, sans-only */
:root{
  --bg:#ffffff;
  --text:#111111;
  --muted:#6b6b6b;
  --red:#ff1a1a;
  --line:#eaeaea;
  --max-width:1200px;
  --site-font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--site-font);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
  padding:2.5rem 1rem;
}

.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}

/* Header */
.header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.brand{display:flex;flex-direction:column;gap:.25rem}
.brand h1{margin:0;font-weight:800;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.01em}
.brand p{margin:0;color:var(--muted);font-size:.98rem}
.header-actions{display:flex;gap:.8rem;align-items:center}
.header-actions a{color:inherit;text-decoration:none;font-weight:600;padding:.35rem .55rem;border-radius:6px}
.header-actions a:hover{background:#f5f5f5}

/* Feed (list of drops) */
.feed{border-top:1px solid var(--line)}
.feed-item{display:grid;grid-template-columns:180px 1fr;gap:1.25rem;padding:1.4rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;align-items:center}
.feed-item:focus{outline:3px solid rgba(0,0,0,.06);outline-offset:4px}
.feed-item:hover .feed-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.feed-media{width:180px;height:180px;overflow:hidden;background:#fafafa;display:flex;align-items:center;justify-content:center}
.feed-media img{width:100%;height:100%;object-fit:cover;display:block}
.feed-text{display:flex;flex-direction:column;gap:.35rem}
.feed-eyebrow{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}
.feed-eyebrow .dot{color:var(--red)}
.feed-title{margin:0;font-weight:800;font-size:clamp(1.4rem,3.6vw,2.4rem)}
.feed-meta{color:var(--muted);font-size:.95rem}

/* General links */
a{color:inherit}
a:hover{color:var(--text)}

/* Footer */
footer{margin-top:2rem;color:var(--muted);font-size:.92rem}

/* Responsive */
@media (max-width:760px){
  body{padding:1.25rem}
  .feed-item{grid-template-columns:1fr;gap:.8rem}
  .feed-media{width:100%;height:auto}
  .feed-media img{height:auto}
}