/* The rest of the game-day program: field notes, scouting reports and suite life. */
.intro {
  position: relative;
  overflow: hidden;
  grid-template-columns: 1fr 2.65fr;
  padding-top: 82px;
  padding-bottom: 82px;
  background: #f3f0e7;
  border-bottom: 0;
}
.intro > .section-label {
  flex-direction: column;
  max-width: 160px;
  line-height: 1.6;
  letter-spacing: 1.3px;
  color: #66686a;
}
.intro .mini-star {
  width: 74px;
  height: 74px;
  margin: 0 0 15px;
  font-size: 0;
  background: url('/assets/falcons-logo.png') center / contain no-repeat;
}
.intro h2 {
  font-size: clamp(42px, 4.4vw, 66px);
  font-style: italic;
  font-weight: 900;
  letter-spacing: -1px;
  line-height: .98;
}
.intro-content > p {
  max-width: 620px;
  color: #626469;
  font-size: 15px;
  line-height: 1.75;
}
.intro-tags {
  gap: 10px 23px;
  margin-top: 27px;
  color: #34363a;
}
.intro-tags span {
  padding: 8px 0;
  border-bottom: 2px solid #a71930;
  font-size: 9px;
  letter-spacing: .7px;
}

.attendance-report {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  grid-template-columns: 1fr 2.65fr;
  gap: 30px;
  padding-top: 57px;
  padding-bottom: 57px;
  background: #101113;
  border-top: 8px solid #a71930;
  color: #f3f0e7;
}
.attendance-report::after {
  content: '';
  position: absolute;
  z-index: -1;
  right: -85px;
  top: -65px;
  width: 520px;
  height: 520px;
  opacity: .1;
  transform: rotate(-12deg);
  background: url('/assets/falcons-logo.png') center / contain no-repeat;
}
.attendance-label .section-label {
  max-width: 180px;
  color: #ee8090;
  font-size: 9px;
  line-height: 1.8;
  letter-spacing: 1.5px;
}
.attendance-stamp {
  margin-top: 30px;
  padding: 18px 22px 15px;
  border: 3px solid #ee8090;
  box-shadow: 5px 5px 0 #ee809028;
  color: #ee8090;
  font-size: 64px;
  font-weight: 900;
  line-height: .77;
  transform: rotate(-8deg);
}
.attendance-stamp small {
  margin-top: 14px;
  font-size: 8px;
  letter-spacing: 1.25px;
}
.attendance-copy h2 {
  font-size: clamp(42px, 4.6vw, 67px);
  font-style: italic;
  font-weight: 900;
  line-height: .98;
  letter-spacing: -.7px;
}
.attendance-copy h2 span { color: #ee8090; }
.attendance-copy > p {
  max-width: 590px;
  margin-top: 21px;
  color: #bfc0c3;
  font-size: 14px;
  line-height: 1.8;
}
.attendance-copy .attendance-punchline {
  margin-top: 12px;
  color: #f3f0e7;
  font-size: 14px;
}
.attendance-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  max-width: 590px;
  padding-top: 0;
  margin-top: 29px;
  border: 1px solid #f3f0e72c;
  font-size: 8px;
  letter-spacing: 1.5px;
}
.attendance-stats > span { padding: 15px 19px; }
.attendance-stats > span + span { border-left: 1px solid #f3f0e72c; }
.attendance-stats b {
  margin-top: 7px;
  color: #f3f0e7;
  font-family: var(--display);
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .2px;
}

.game-plan {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding-top: 85px;
  padding-bottom: 85px;
  background: #edece5;
}
.game-plan::before {
  content: '';
  position: absolute;
  z-index: -1;
  right: -70px;
  top: 12px;
  width: 520px;
  height: 330px;
  opacity: .13;
  transform: rotate(-9deg);
  background: url('/assets/playbook-field.svg') center / contain no-repeat;
}
.game-plan .section-heading { margin-bottom: 44px; }
.section-heading .section-label {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #74767a;
  font-size: 9px;
  letter-spacing: 1.6px;
}
.section-heading .section-label::before {
  content: '';
  width: 20px;
  height: 3px;
  background: #a71930;
}
.section-heading h2 {
  font-size: clamp(44px, 4.8vw, 70px);
  font-style: italic;
  font-weight: 900;
  line-height: .97;
  letter-spacing: -.8px;
}
.section-heading h2 .muted-text { color: #85878a; }
.section-heading > p { color: #686b6e; }
.timeline { border-top: 2px solid #101113; }
.timeline-row {
  position: relative;
  grid-template-columns: 28px 143px 1fr 180px;
  gap: 20px;
  padding: 29px 0;
  border-bottom: 1px solid #cbcdcb;
}
.timeline-number {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  margin-top: 6px;
  border: 1px solid #b3b6b6;
  border-radius: 50%;
  color: #737678;
  font-size: 8px;
  font-weight: 700;
}
.time {
  padding-top: 2px;
  font-size: 39px;
  font-style: italic;
  font-weight: 800;
  letter-spacing: -.7px;
}
.time > span {
  color: #787b7c;
  font-style: normal;
  font-size: 8px;
  letter-spacing: 1.4px;
}
.timeline-copy h3 {
  font-size: 26px;
  font-weight: 800;
  line-height: 1.05;
}
.timeline-copy p { font-size: 13px; color: #696c6e; }
.timeline-copy .location { color: #37393c; line-height: 1.6; }
.row-tag {
  padding: 8px 11px;
  border-color: #b8bbbc;
  background: #f3f0e7;
  font-size: 8px;
  letter-spacing: .7px;
}
.red-tag { border-color: #a71930; color: #a71930; }
.kickoff-row {
  padding: 31px 18px;
  margin-inline: -18px;
  border-color: #a71930;
  color: #a71930;
  background: #a7193009;
}
.kickoff-row .timeline-number { border-color: #a71930; color: #a71930; }
.kickoff-row .time > span { color: #a71930; }
.kickoff-row .row-tag { background: #a71930; border-color: #a71930; }
.postgame-time { font-size: 34px; }

.suite-break {
  position: relative;
  grid-template-columns: 1.14fr 1fr;
  background: #101113;
  color: #f3f0e7;
  border-top: 1px solid #2d2f31;
}
.suite-photo {
  position: relative;
  min-height: 550px;
  background: linear-gradient(0deg, #10111390, #10111305 60%), url('/assets/falcons-player.webp') center top / cover;
  filter: none;
}
.suite-photo::after {
  content: 'ATLANTA FALCONS  /  RISE UP';
  position: absolute;
  left: 35px;
  bottom: 30px;
  border-left: 3px solid #f3f0e7;
  padding-left: 12px;
  color: #f3f0e7;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.4px;
}
.suite-break-copy {
  position: relative;
  overflow: hidden;
  padding: 70px 5.4vw 65px;
}
.suite-break-copy::before {
  content: '';
  position: absolute;
  right: -45px;
  bottom: -85px;
  width: 270px;
  height: 270px;
  opacity: .09;
  background: url('/assets/falcons-logo.png') center / contain no-repeat;
}
.suite-break .section-label {
  margin-bottom: 28px;
  color: #a5acaf;
  font-size: 8px;
  letter-spacing: 1.4px;
}
.suite-break h2 {
  position: relative;
  font-size: clamp(54px, 5.5vw, 82px);
  font-style: italic;
  font-weight: 900;
  line-height: .95;
}
.suite-break h2 em { color: #ee8090; }
.suite-break p { position: relative; max-width: 350px; font-size: 14px; color: #b9bcbf; }
.suite-break .text-link {
  position: relative;
  margin-top: 5px;
  padding: 11px 0;
  border-bottom-color: #65686b;
  font-size: 9px;
}

.menu { padding-top: 85px; padding-bottom: 85px; background: #f3f0e7; }
.menu-grid { gap: 25px; }
.menu-card {
  isolation: isolate;
  overflow: hidden;
  padding: 38px 35px 33px;
  border: 1px solid #b7b7b0;
  border-top: 5px solid #a71930;
  background: #f8f6ef;
  box-shadow: 5px 5px 0 #dfdfd8;
}
.menu-card::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 42px;
  right: 15px;
  width: 150px;
  height: 150px;
  transform: rotate(7deg);
  background: url('/assets/snack-play.svg') center / contain no-repeat;
}
.menu-card .menu-icon { display: none; }
.menu-card .eyebrow { margin-bottom: 34px; font-size: 8px; color: #64676b; letter-spacing: 1.5px; }
.menu-card h3 {
  max-width: 76%;
  min-height: 110px;
  margin-bottom: 23px;
  font-size: clamp(44px, 3.6vw, 55px);
  font-style: italic;
  font-weight: 900;
  line-height: .95;
}
.menu-card p { max-width: none; color: #64676b; font-size: 13px; line-height: 1.9; }
.menu-footnote {
  padding-top: 20px;
  margin-top: 27px;
  border-top: 1px dashed #b8bbb8;
  font-size: 8px;
  line-height: 1.5;
  color: #45484b;
}
.drinks-card { background: #e6e8e6; border-top-color: #101113; box-shadow: 5px 5px 0 #d4d7d6; }
.drinks-card::before { background-image: url('/assets/drinks-play.svg'); }
.drinks-card .menu-footnote { margin-top: 24px; }
.menu-divider { background: #a5acaf; }

.rules {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  grid-template-columns: 1fr 1.15fr;
  gap: 70px;
  padding-top: 80px;
  padding-bottom: 80px;
  background: #a71930;
}
.rules::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .12;
  background: repeating-linear-gradient(132deg, transparent 0 160px, #08090a 160px 177px, transparent 177px 192px, #08090a 192px 197px, transparent 197px 390px);
}
.rules-heading .section-label { color: #f3f0e7c4; font-size: 9px; letter-spacing: 1.6px; }
.rules h2 { font-size: clamp(48px, 5.5vw, 78px); font-style: italic; font-weight: 900; line-height: .96; }
.rules-heading > p { color: #f3f0e7d1; font-size: 14px; }
.rules-stamp {
  border-color: #101113;
  background: #f3f0e7;
  box-shadow: 5px 5px 0 #101113;
  color: #101113;
  font-style: italic;
  font-size: 29px;
}
.rules-list article { gap: 22px; border-top-color: #f3f0e74a; padding: 26px 0; }
.rules-list article > span { opacity: 1; color: #f3f0e7b0; font-family: var(--display); font-size: 25px; font-weight: 600; }
.rules-list h3 { font-size: 27px; font-weight: 800; }
.rules-list p { margin-top: 11px; color: #f3f0e7db; font-size: 13px; line-height: 1.8; }

.final-call {
  padding: 64px 24px 70px;
  background: #101113;
  color: #f3f0e7;
  border-bottom: 1px solid #f3f0e72b;
}
.final-call::before {
  content: '';
  display: block;
  width: 123px;
  height: 105px;
  margin: 0 auto 24px;
  background: url('/assets/falcons-logo.png') center / contain no-repeat;
}
.final-call::after { opacity: .03; }
.final-call .eyebrow { color: #a5acaf; font-size: 8px; letter-spacing: 1.7px; }
.final-call h2 { position: relative; font-size: clamp(67px, 8.2vw, 119px); font-weight: 900; font-style: italic; line-height: .9; letter-spacing: -1px; }
.final-call h2 em { color: #ee8090; }
.final-call .button { margin-top: 35px; background: #f3f0e7; color: #101113; border-color: #f3f0e7; }
.final-call .button:hover { background: white; }
.final-call p { color: #a5acaf; margin-top: 24px; }
footer { background: #101113; color: #f3f0e7; border-top: 0; }
footer p { color: #92979c; }
footer button { color: #c4c7ca; }
footer button:hover { color: #ee8090; }

@media (max-width: 1100px) {
  .timeline-row { grid-template-columns: 26px 132px 1fr; gap: 18px; }
  .timeline-row .row-tag { display: none; }
  .menu-card::before { width: 125px; height: 125px; right: 11px; top: 54px; }
  .menu-card h3 { font-size: 45px; max-width: 82%; }
  .suite-break-copy { padding-left: 40px; padding-right: 35px; }
}

@media (max-width: 700px) {
  .intro { grid-template-columns: 1fr; gap: 22px; padding-top: 47px; padding-bottom: 48px; }
  .intro > .section-label { flex-direction: row; align-items: center; max-width: 100%; gap: 15px; font-size: 8px; }
  .intro .mini-star { width: 48px; height: 43px; flex-shrink: 0; margin: 0; }
  .intro h2 { font-size: 39px; letter-spacing: -.6px; }
  .intro-content > p { font-size: 13px; line-height: 1.8; }
  .intro-tags { gap: 7px 18px; margin-top: 20px; }
  .intro-tags span { font-size: 8px; }
  .attendance-report { grid-template-columns: 1fr; padding-top: 31px; padding-bottom: 36px; gap: 24px; border-top-width: 5px; }
  .attendance-report::after { width: 330px; height: 330px; right: -110px; top: 90px; opacity: .08; }
  .attendance-label { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
  .attendance-label .section-label { max-width: 165px; font-size: 8px; }
  .attendance-stamp { margin: 0 4px 0 0; padding: 12px 13px 10px; font-size: 35px; box-shadow: 3px 3px 0 #ee809028; }
  .attendance-stamp small { font-size: 6px; letter-spacing: .7px; margin-top: 8px; }
  .attendance-copy h2 { font-size: 41px; line-height: .98; letter-spacing: -.5px; }
  .attendance-copy > p, .attendance-copy .attendance-punchline { font-size: 13px; line-height: 1.75; }
  .attendance-stats { margin-top: 23px; }
  .attendance-stats > span { padding: 14px 13px; font-size: 7px; letter-spacing: 1.1px; }
  .attendance-stats b { font-size: 18px; }
  .game-plan { padding-top: 49px; padding-bottom: 49px; }
  .game-plan::before { width: 320px; height: 220px; right: -75px; top: 7px; opacity: .1; }
  .game-plan .section-heading { margin-bottom: 27px; }
  .section-heading .section-label { font-size: 8px; letter-spacing: 1.3px; gap: 9px; }
  .section-heading .section-label::before { width: 16px; }
  .section-heading h2 { font-size: 43px; letter-spacing: -.5px; }
  .section-heading > p { font-size: 11px; }
  .timeline-row { grid-template-columns: 79px 1fr; gap: 14px; padding: 24px 0; }
  .timeline-number { display: none; }
  .time { padding-top: 1px; font-size: 28px; }
  .time > span { font-size: 8px; margin-top: 8px; }
  .timeline-copy h3 { font-size: 23px; }
  .timeline-copy p { font-size: 12px; line-height: 1.7; }
  .timeline-copy .location { font-size: 8px; letter-spacing: .3px; }
  .timeline-copy .text-link { font-size: 8px; letter-spacing: .6px; }
  .kickoff-row { margin-inline: -10px; padding: 25px 10px; }
  .postgame-time { font-size: 26px; }
  .suite-break { grid-template-columns: 1fr; }
  .suite-photo { min-height: 390px; background-position: center top; }
  .suite-photo::after { left: 23px; bottom: 23px; font-size: 8px; letter-spacing: 1px; }
  .suite-break-copy { padding: 41px 23px 45px; }
  .suite-break-copy::before { width: 225px; height: 225px; bottom: -65px; }
  .suite-break .section-label { margin-bottom: 23px; font-size: 8px; }
  .suite-break h2 { font-size: 62px; letter-spacing: -.7px; }
  .suite-break p { font-size: 13px; }
  .suite-break .text-link { font-size: 8px; }
  .menu { padding-top: 49px; padding-bottom: 49px; }
  .menu .section-heading h2 { font-size: 40px; }
  .menu-grid { gap: 21px; }
  .menu-card { padding: 27px 24px 27px; }
  .menu-card::before { width: 121px; height: 121px; top: 52px; right: 11px; }
  .menu-card .eyebrow { font-size: 7px; letter-spacing: 1.1px; margin-bottom: 32px; }
  .menu-card h3 { font-size: 43px; max-width: 79%; min-height: 90px; margin-bottom: 23px; }
  .menu-card p { font-size: 12px; line-height: 1.95; }
  .menu-footnote { margin-top: 23px; padding-top: 18px; font-size: 7px; letter-spacing: .65px; }
  .drinks-card .menu-footnote { margin-top: 22px; }
  .rules { grid-template-columns: 1fr; padding-top: 45px; padding-bottom: 47px; gap: 36px; }
  .rules h2 { font-size: 50px; max-width: 310px; }
  .rules-heading .section-label { font-size: 8px; letter-spacing: 1.3px; }
  .rules-heading > p { font-size: 12px; }
  .rules-stamp { right: 4px; font-size: 20px; padding: 12px 14px; box-shadow: 3px 3px 0 #101113; }
  .rules-list article { gap: 15px; padding: 23px 0; }
  .rules-list article > span { font-size: 22px; }
  .rules-list h3 { font-size: 24px; }
  .rules-list p { font-size: 12px; line-height: 1.8; }
  .final-call { padding: 43px 23px 48px; }
  .final-call::before { width: 103px; height: 90px; margin-bottom: 22px; }
  .final-call .eyebrow { font-size: 7px; letter-spacing: 1.25px; }
  .final-call h2 { font-size: 68px; letter-spacing: -.8px; }
  .final-call .button { margin-top: 28px; font-size: 9px; }
  .final-call p { font-size: 9px; line-height: 1.7; margin-top: 21px; }
  footer { padding-top: 26px; padding-bottom: 26px; gap: 21px; }
  footer p { font-size: 8px; line-height: 1.7; }
  footer button { font-size: 7px; }
}

@media (max-width: 360px) {
  .intro h2 { font-size: 35px; }
  .attendance-copy h2 { font-size: 37px; }
  .attendance-stats > span { padding-inline: 10px; }
  .attendance-stats b { font-size: 16px; }
  .section-heading h2 { font-size: 39px; }
  .timeline-row { grid-template-columns: 70px 1fr; gap: 12px; }
  .time { font-size: 26px; }
  .timeline-copy h3 { font-size: 21px; }
  .suite-break h2 { font-size: 55px; }
  .menu .section-heading h2 { font-size: 36px; }
  .menu-card::before { width: 105px; height: 105px; right: 5px; top: 57px; }
  .menu-card h3 { font-size: 38px; }
  .rules h2 { font-size: 45px; }
  .rules-stamp { font-size: 18px; padding: 11px 12px; }
  .final-call h2 { font-size: 60px; }
}