/* The Grind: underground, worn-in, no gloss. Grain texture, stamped marks, grayscale-until-hover images,
   condensed uppercase type with rough edges. Opposite instinct from Interviews' polish on purpose. */
.ev-grind { position: relative; padding: clamp(20px,3vw,36px) 0 100px; isolation: isolate; }
.ev-grind:before {
  content: ''; position: absolute; inset: -40px -100vw; z-index: -1; pointer-events: none; opacity: .5;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/></svg>");
}

.ev-grind__masthead { position: relative; max-width: 760px; margin: 0 0 clamp(34px,5vw,56px); padding-top: 4px; }
.ev-grind__stamp {
  display: inline-grid; place-items: center; width: 54px; height: 54px; margin: 0 0 14px; border: 2px solid #e12635;
  border-radius: 50%; box-shadow: 0 0 0 3px #090a0c, 0 0 0 4px #e1263555; color: #e12635; font: 800 13px/1 var(--ev-font);
  letter-spacing: .04em; transform: rotate(-9deg); opacity: .9;
}
.ev-grind__masthead h1 {
  margin: 0 0 14px; font: 800 clamp(2.6rem,7vw,5.4rem)/.94 var(--ev-font); text-transform: uppercase; letter-spacing: -.01em;
  color: #f2f1ec; text-shadow: 2px 0 0 #e1263540, -1px 1px 0 #00000060;
}
.ev-grind__masthead h1 span { color: #e12635; }
.ev-grind__dek { max-width: 52ch; margin: 0; color: #9a9a96; font-size: clamp(.95rem,1.3vw,1.05rem); line-height: 1.6; }

.ev-grind__lead {
  position: relative; display: grid; grid-template-columns: minmax(0,1fr); gap: 22px; margin: 0 0 clamp(40px,5vw,60px);
  padding: 18px 18px clamp(28px,3vw,34px); background: #111213; border: 1px solid #2c2d2c;
  box-shadow: 6px 6px 0 #0000006b; transform: rotate(-.3deg);
}
.ev-grind__lead-image { position: relative; display: block; aspect-ratio: 16/10; overflow: hidden; background: #1a1a1a; filter: grayscale(1) contrast(1.15); transition: filter .35s; }
.ev-grind__lead:hover .ev-grind__lead-image { filter: grayscale(0) contrast(1.05); }
.ev-grind__lead-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ev-grind__placeholder { display: grid; place-items: center; width: 100%; height: 100%; min-height: 160px; color: #55564f; font: 800 12px/1 var(--ev-font); letter-spacing: .18em; background: repeating-linear-gradient(135deg,#161616,#161616 10px,#1b1b1b 10px,#1b1b1b 20px); }
.ev-grind__tag {
  position: absolute; top: 12px; left: -8px; padding: 4px 12px 4px 16px; background: #e12635; color: #fff;
  font: 800 10px/1.6 var(--ev-font); letter-spacing: .14em; transform: rotate(-3deg); box-shadow: 3px 3px 0 #00000070;
}
.ev-grind__lead-copy { min-width: 0; }
.ev-grind__kicker { display: block; margin-bottom: 8px; color: #e12635; font: 800 11px/1 var(--ev-font); letter-spacing: .16em; }
.ev-grind__lead-copy h2 { margin: 0 0 14px; font: 800 clamp(1.5rem,3vw,2.3rem)/1.08 var(--ev-font); text-transform: uppercase; letter-spacing: -.01em; color: #f2f1ec; }
.ev-grind__lead-copy h2 a { color: inherit; }
.ev-grind__lead-copy h2 a:hover { color: #e12635; }
.ev-grind__lead-copy > p { max-width: 62ch; margin: 0 0 16px; color: #a3a39d; line-height: 1.7; }
.ev-grind__read { display: inline-flex; gap: 6px; color: #f2f1ec; font: 800 12px/1 var(--ev-font); letter-spacing: .1em; text-transform: uppercase; border-bottom: 2px solid #e12635; padding-bottom: 3px; }
.ev-grind__read:hover { color: #e12635; }

.ev-grind__section-head { margin: 0 0 22px; color: #7d7d78; font: 800 11px/1 var(--ev-font); letter-spacing: .18em; }
.ev-grind__section-head span { color: #e12635; margin-right: 6px; }

.ev-grind__grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: 26px; }
.ev-grind__card { background: #111213; border: 1px solid #2a2b2a; padding: 12px 12px 18px; box-shadow: 4px 4px 0 #00000060; }
.ev-grind__card:nth-child(3n+1) { transform: rotate(-.6deg); }
.ev-grind__card:nth-child(3n+2) { transform: rotate(.5deg); }
.ev-grind__card:nth-child(3n+3) { transform: rotate(-.2deg); }
.ev-grind__card-image { display: block; aspect-ratio: 16/11; overflow: hidden; background: #1a1a1a; margin-bottom: 12px; filter: grayscale(1) contrast(1.15); transition: filter .3s; }
.ev-grind__card:hover .ev-grind__card-image { filter: grayscale(0) contrast(1.05); }
.ev-grind__card-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ev-grind__card-copy { padding: 0 2px; }
.ev-grind__card h3 { margin: 4px 0 12px; font: 800 1rem/1.3 var(--ev-font); text-transform: uppercase; letter-spacing: -.005em; color: #dfded9; }
.ev-grind__card h3 a { color: inherit; }
.ev-grind__card:hover h3 a { color: #e12635; }
.ev-grind__card .ev-grind__read { font-size: 11px; }

.ev-grind__pagination { margin-top: 48px; }

@media (min-width: 860px) { .ev-grind__lead { grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); align-items: stretch; gap: 32px; } }
@media (max-width: 650px) { .ev-grind__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; } .ev-grind__card:nth-child(n) { transform: none; } }