/* Field page. Classes start with fd-. */
.fd-sec{margin-top:36px}
.fd-h{font:800 1.5rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.fd-sec .sf-head{margin-bottom:12px}
.fd-lead{max-width:70ch;margin-top:10px;color:var(--muted)}
.fd-lead b{color:var(--ink)}
.fd-act{margin-top:14px}
.fd-note{margin-top:14px;color:var(--muted);font-size:.9375rem}

/* next home games: shared sf-game rows inside a card; the host reserves room so the section below does not move when the rows arrive */
.fd-games{display:block;min-height:600px;padding-block:6px}
@media (min-width:700px){.fd-games{min-height:550px}}
.fd-games>.sf-msg{border:0}
.fd-games .sf-game{padding-inline:0}
.fd-acts{margin-top:12px}
#where{align-items:stretch}
/* Where to go: same size as the photo beside it; the button sits at the bottom */
.fd-where{display:flex;flex-direction:column;min-height:300px;padding:26px 28px}
.fd-where .sf-card__h{margin-bottom:16px;color:var(--muted);font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase}
.fd-where .sf-addr b{font:700 2rem/1.1 var(--display)}
.fd-where .sf-addr p{margin-top:8px;font-size:1.25rem;line-height:1.5}
.fd-where .sf-addr .fd-park{display:inline;font:700 1.25rem/1.5 var(--body);color:var(--ink)}
.fd-go{margin-top:auto;padding-top:22px}
.fd-go .sf-btn{width:100%}
@media (min-width:900px){.fd-go .sf-btn{width:auto;min-width:180px}}
.fd-go .fd-note{margin-top:10px}
/* the overhead picture: the Google logo and imagery credit are inside the image, so it is never cropped from the bottom */
.fd-photo{position:relative;margin:0;padding:0;overflow:hidden;min-height:300px}
.fd-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 100%}
@media (max-width:899px){.fd-photo{min-height:0}.fd-photo img{height:auto}}