*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #FCFCFA; color: #141412; font-family: "Instrument Sans", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #141412; }
a:hover { color: #D6391F; }
::selection { background: #141412; color: #FCFCFA; }
.mono { font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.14em; }
.muted { color: #8A887F; }
.nav { border-bottom: 1px solid #E4E3DD; }
.nav-inner { max-width: 1360px; margin: 0 auto; padding: 0 32px; height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.nav a { text-decoration: none; }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 15px; letter-spacing: -0.01em; }
.brand img { width: 20px; height: 20px; display: block; }
article { max-width: 760px; margin: 0 auto; padding: 72px 32px 96px; display: flex; flex-direction: column; gap: 28px; }
h1 { margin: 0; font-size: clamp(36px, 5vw, 60px); line-height: 1.02; letter-spacing: -0.035em; font-weight: 600; text-wrap: balance; }
p { margin: 0; font-size: 18px; line-height: 1.6; color: #57554F; text-wrap: pretty; }
.logos { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.logos img { display: block; height: 72px; width: auto; max-width: 100%; }
.tile { background: #fff; border: 1px solid #E4E3DD; padding: 10px 14px; line-height: 0; }
.back { text-decoration: none; }
footer { background: #141412; color: #8A887F; }
footer .inner { max-width: 1360px; margin: 0 auto; padding: 32px; line-height: 1.8; }
@media (max-width: 860px) {
  .nav-inner { padding: 0 20px; }
  article { padding: 48px 20px 72px; }
  footer .inner { padding: 28px 20px; }
}
.video { position: relative; aspect-ratio: 16 / 9; border: 1px solid #141412; background: #141412; }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
h2 { margin: 12px 0 0; font-size: 24px; letter-spacing: -0.02em; font-weight: 600; }
ul { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 14px; }
li { font-size: 18px; line-height: 1.6; color: #57554F; text-wrap: pretty; }
li strong { color: #141412; font-weight: 600; }