/* The Farmion game page. Materials come from press/shared.css. */
/* The logo PNG has wide transparent margins; crop to the artwork (35,206)-(1245,514). */
#farmion-view .fp-logo { width:min(540px,86%); aspect-ratio:1210/308; min-height:0; margin:26px auto 22px; display:flow-root; overflow:clip; overflow-clip-margin:14px; }
#farmion-view .fp-logo img { display:block; width:105.79%; max-width:none; margin:-17.02% 0 0 -2.89%; filter:drop-shadow(0 6px 0 rgb(59 42 30 / 18%)); }
#farmion-view .fp-tagline { max-width:520px; margin:0 auto 22px; font-size:clamp(18px,2.4vw,22px); font-weight:700; line-height:1.4; }
#farmion-view .fp-when { margin:16px 0 0; color:rgb(59 42 30 / 72%); font-size:15px; font-weight:700; }

#farmion-view .fp-trailer .fs-pocket iframe { aspect-ratio:16/9; border:0; background:#262c21; }

#farmion-view .fp-things { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
#farmion-view .fp-thing { display:flex; flex-direction:column; }
#farmion-view .fp-thing .fs-tape { align-self:flex-start; margin-bottom:10px; }

#farmion-view .fp-patches { display:flex; flex-wrap:wrap; gap:10px; margin:0; padding:0; list-style:none; }
#farmion-view .fp-patches li { padding:4px 12px; border-radius:var(--radius-xs); background:var(--kit-pocket); box-shadow:var(--kit-pocket-shadow); color:rgb(240 236 220 / 92%); font-weight:700; font-size:16px; }

#farmion-view .fp-follow { display:flex; align-items:center; justify-content:center; gap:20px 32px; flex-wrap:wrap; padding:26px 0 8px; text-align:center; }
#farmion-view .fp-chicken { width:132px; height:auto; transform:rotate(-6deg); filter:drop-shadow(0 6px 0 rgb(59 42 30 / 16%)); }
#farmion-view .fp-follow h2 { font-size:clamp(28px,4vw,38px); margin-bottom:12px; }

@media (max-width:820px) {
  #farmion-view .fp-things { grid-template-columns:1fr; gap:12px; }
}
@media (max-width:600px) {
  #farmion-view .fp-logo { margin:14px auto 16px; }
  #farmion-view .fp-tagline { font-size:17px; margin-bottom:18px; }
  #farmion-view .fs-actions { flex-direction:column; align-items:center; gap:10px; }
  #farmion-view .fp-thing .fs-tape { margin-bottom:8px; }
  #farmion-view .fp-patches { gap:7px; }
  #farmion-view .fp-patches li { padding:3px 9px; font-size:14px; }
  #farmion-view .fp-follow { flex-direction:column; gap:10px; }
  #farmion-view .fp-chicken { width:84px; }
}