.brand-strip {
  overflow: hidden;
  padding: 30px 0 38px;
  background: #000;
  color: #fff;
}

.brand-label {
  margin: 0 0 26px;
  color: #aaa;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.brand-window {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.brand-track {
  display: flex;
  width: max-content;
  animation: brand-marquee 28s linear infinite;
}

.brand-window:hover .brand-track {
  animation-play-state: paused;
}

.brand-set {
  display: flex;
  align-items: center;
  gap: 80px;
  padding-right: 80px;
}

.brand-set img {
  display: block;
  width: 190px;
  height: 44px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: .82;
}

.linkedin-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #000;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 700;
}

.linkedin-link img,
.footer-linkedin img {
  width: 17px;
  height: 17px;
}

.footer-links {
  display: flex;
  align-items: center;
  gap: 24px;
}

.footer-linkedin {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.resources-preview {
  background: #f3f3f1;
}

.resource-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.resource-card {
  display: grid;
  grid-template-columns: minmax(170px, .8fr) 1fr;
  min-height: 390px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #000;
}

.resource-cover {
  min-height: 390px;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #080808;
  border-right: 1px solid #252525;
}

.resource-cover img {
  display: block;
  width: 100%;
  max-height: 340px;
  object-fit: contain;
}

.resource-body {
  padding: 34px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.resource-meta {
  min-height: 34px;
  color: #666;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .13em;
  line-height: 1.5;
  text-transform: uppercase;
}

.resource-card h3 {
  margin: 26px 0 16px;
  font-size: clamp(1.55rem, 2.3vw, 2.25rem);
  letter-spacing: -.045em;
  line-height: 1;
}

.resource-card p {
  margin: 0 0 30px;
  color: #4b4b4b;
  font-size: 14px;
}

.resource-download {
  margin-top: auto;
}

.resources-more {
  margin-top: 32px;
  text-align: right;
  font-size: 14px;
  font-weight: 700;
}

.resources-more a {
  display: inline-flex;
  gap: 10px;
  padding-bottom: 4px;
  border-bottom: 1px solid #000;
}

.resources-page-intro {
  max-width: 760px;
  margin-bottom: 64px;
}

.resources-page-intro p {
  margin: 22px 0 0;
  color: #3e3e3e;
  font-size: 20px;
}

.download-page {
  min-height: calc(100vh - 92px);
  display: grid;
  place-items: center;
  text-align: center;
}

.download-panel {
  width: min(100%, 620px);
  padding: 70px 32px;
  border: 1px solid #000;
}

.download-panel h1 {
  margin: 20px 0;
  font-size: clamp(2.4rem, 6vw, 4.6rem);
  letter-spacing: -.06em;
  line-height: .95;
}

.download-panel p {
  margin: 0 auto 32px;
  max-width: 440px;
  color: #4b4b4b;
}

.download-back {
  display: block;
  margin-top: 24px;
  font-size: 13px;
  text-decoration: underline;
}

@keyframes brand-marquee {
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .brand-track { animation: none; }
  .brand-set[aria-hidden="true"] { display: none; }
  .brand-window {
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }
}

@media (max-width: 800px) {
  .brand-strip { padding: 25px 0 32px; }
  .brand-set { gap: 48px; padding-right: 48px; }
  .brand-set img { width: 145px; height: 36px; }
  .footer-links { align-items: flex-start; flex-direction: column; gap: 12px; }
  .resource-grid { grid-template-columns: 1fr; }
  .resource-card { grid-template-columns: 42% 58%; min-height: 350px; }
  .resource-cover { min-height: 350px; padding: 18px; }
  .resource-cover img { max-height: 310px; }
  .resource-body { padding: 28px 22px; }
  .download-page { min-height: calc(100vh - 76px); }
}

@media (max-width: 520px) {
  .resource-card { grid-template-columns: 1fr; }
  .resource-cover { min-height: 320px; border-right: 0; border-bottom: 1px solid #252525; }
  .resource-cover img { max-height: 285px; }
  .resource-body { min-height: 310px; }
}

.form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-notice { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.45; }
.form button:disabled { cursor: wait; opacity: .65; }
.status { min-height: 1.5em; }