@font-face {
  font-family: 'Archivo';
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-italic-900-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-italic-900-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/archivo-black-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/archivo-black-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --ground: #FAF9F6;
  --ink: #0F172A;

  --ink-soft: color-mix(in srgb, #0F172A 78%, #FAF9F6);
  --ground-soft: color-mix(in srgb, #FAF9F6 76%, #0F172A);
  --rule: color-mix(in srgb, #0F172A 18%, #FAF9F6);

  --display: 'Archivo Black', 'Arial Black', Impact, sans-serif;
  --text: 'Archivo', 'Helvetica Neue', Arial, sans-serif;

  --s-1: 0.875rem;
  --s0: 1.125rem;
  --s1: 1.5rem;
  --s2: 2rem;
  --s3: 2.625rem;
  --s4: clamp(2.5rem, 1.6rem + 3.6vw, 4.5rem);
  --s5: clamp(3.5rem, 1.8rem + 7vw, 7.5rem);

  --wrap: 1280px;
  --gutter: clamp(24px, 5vw, 64px);
  --section: clamp(64px, 9vw, 128px);
  --header-h: 80px;
  --slant: 18.43deg;
}
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 24px; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
 *, *::before, *::after { transition: none !important; }
}
body {
  margin: 0; background: var(--ground); color: var(--ink);
  font: 400 var(--s0)/1.6 var(--text);
  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
.media picture, .pic picture, .slices picture, .post-hero picture, .art-band > picture { display: contents; }
h1, h2, h3 { font-family: var(--display); font-weight: 400; line-height: 1.05; letter-spacing: -0.02em; margin: 0; text-wrap: balance; }
p { margin: 0 0 1em; }
a { color: inherit; text-decoration-thickness: 2px; text-underline-offset: 0.2em; }
a:hover { text-decoration-thickness: 4px; }
:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; box-shadow: 0 0 0 6px var(--ground); border-radius: 2px; }
.on-dark :focus-visible, .hero :focus-visible, .site-header.over :focus-visible { outline-color: var(--ground); box-shadow: 0 0 0 6px var(--ink); }
.wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 var(--gutter); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip {
  position: absolute; left: 16px; top: -100px; z-index: 100;
  background: var(--ink); color: var(--ground); padding: 12px 24px; font-weight: 700; text-decoration: none;
}
.skip:focus { top: 16px; }
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 24px; border: 2px solid var(--ink);
  font: 700 1rem/1 var(--text); letter-spacing: 0.02em; text-decoration: none; cursor: pointer;
  background: transparent; color: var(--ink);
  transition: transform .15s ease-out, background-color .15s ease-out, color .15s ease-out;
}
.btn:hover { background: var(--ink); color: var(--ground); }
.btn:active { transform: translateY(1px); }
.btn-loud { background: var(--ink); color: var(--ground); font-family: var(--display); font-weight: 400; letter-spacing: 0.01em; }
.btn-loud:hover { background: var(--ground); color: var(--ink); }
.btn[disabled], .btn[aria-disabled="true"] { cursor: not-allowed; opacity: .55; transform: none; }
.on-dark .btn, .site-header.over .btn { border-color: var(--ground); color: var(--ground); }
.on-dark .btn:hover, .site-header.over .btn:hover { background: var(--ground); color: var(--ink); }
.on-dark .btn-loud, .site-header.over .btn-loud { background: var(--ground); color: var(--ink); }
.on-dark .btn-loud:hover, .site-header.over .btn-loud:hover { background: transparent; color: var(--ground); }
.on-dark .btn-loud[disabled]:hover { background: var(--ground); color: var(--ink); }
.site-header { position: relative; z-index: 20; background: var(--ground); border-bottom: 2px solid var(--ink); }
.site-header.over { position: absolute; left: 0; right: 0; top: 0; background: transparent; border-bottom: 0; color: var(--ground); }
.site-header .bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: var(--header-h); }
.lockup { display: block; flex: none; margin: 0 -16px; }
.lockup img { height: 80px; width: auto; }
.site-nav { display: flex; align-items: center; gap: 32px; }
.site-nav .links { display: flex; gap: 32px; margin: 0; padding: 0; list-style: none; }
.site-nav .links a { font-weight: 700; text-decoration: none; padding: 8px 0; border-bottom: 3px solid transparent; }
.site-nav .links a:hover, .site-nav .links a[aria-current="page"] { border-bottom-color: currentColor; }
.menu-btn { display: none; }
@media (max-width: 860px) {
.menu-btn { display: inline-flex; min-height: 44px; padding: 0 12px; }
  .site-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 0;
    background: var(--ink); color: var(--ground); padding: 8px var(--gutter) 24px; }
  .site-nav.open { display: flex; }
  .site-nav .links { flex-direction: column; gap: 0; }
  .site-nav .links a { display: block; padding: 16px 0; border-bottom: 1px solid color-mix(in srgb, #FAF9F6 20%, transparent); font-size: var(--s1); font-family: var(--display); font-weight: 400; }
  .site-nav .btn-loud { margin-top: 24px; background: var(--ground); color: var(--ink); border-color: var(--ground); }
  .site-nav :focus-visible { outline-color: var(--ground); box-shadow: 0 0 0 6px var(--ink); }
}
.hero { position: relative; color: var(--ground); background: var(--ink); overflow: hidden;
  box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end; padding-top: var(--header-h);
  height: calc(max(560px, 100vh) + var(--tear-h)); height: calc(max(560px, 100svh) + var(--tear-h)); }
.hero picture, .hero .hero-art { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero .hero-art { object-fit: cover; object-position: 50% 50%; }
.hero::before, .hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; }
.hero::before { background: linear-gradient(180deg, rgba(15,23,42,.66) 0%, rgba(15,23,42,0) 26%); }
.hero::after {
  background: linear-gradient(0deg, rgba(15,23,42,.86) 0%, rgba(15,23,42,.5) 34%, rgba(15,23,42,0) 58%);
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 42%, transparent 72%);
          mask-image: linear-gradient(90deg, #000 0%, #000 42%, transparent 72%);
}
.hero .text { position: relative; z-index: 2; flex: none; padding-bottom: calc(clamp(40px, 8vh, 120px) + var(--tear-h)); }
.hero .text .inner { max-width: 760px; }
.statement { font-family: var(--display); font-size: clamp(1.75rem, 1rem + 2.4vw, 3rem); line-height: 1.06; letter-spacing: -0.01em; text-shadow: 0 1px 24px rgba(15,23,42,.4); }
.statement .word { display: block; font-family: var(--text); font-style: italic; font-weight: 900; font-size: var(--s5); letter-spacing: -0.03em; line-height: 0.95; }
.statement .say { font-family: var(--text); font-style: normal; font-weight: 500; font-size: 0.36em; letter-spacing: 0; margin-left: 0.3em; vertical-align: 0.15em; }
.statement .line { display: block; margin-top: 0.18em; max-width: 17em; }
.hero .support { margin: 24px 0 0; font-size: var(--s0); font-weight: 500; max-width: 34em; }
@media (max-width: 640px) {
  #games.band { padding-top: 24px; }
  .statement { font-size: clamp(1.125rem, 5.8vw, 1.75rem); }
  .hero .hero-art { object-position: 0% 50%; }
  .hero::after { -webkit-mask-image: none; mask-image: none;
    background: linear-gradient(0deg, rgba(15,23,42,.9) 0%, rgba(15,23,42,.6) 40%, rgba(15,23,42,0) 68%); }
}
:root {
  --on-dark-soft: color-mix(in srgb, #FAF9F6 74%, #0F172A);
  --line-dark: color-mix(in srgb, #FAF9F6 22%, #0F172A);
  --d1: clamp(4rem, 0.5rem + 12.5vw, 13.5rem);
  --d2: clamp(2.75rem, 1rem + 6vw, 7rem);
  --d3: clamp(2rem, 1.1rem + 2.8vw, 3.75rem);
  --d4: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);
  --bleed: calc(-1 * (max(0px, (100vw - var(--wrap)) / 2) + var(--gutter)));
  --tear-h: clamp(16px, 1.9vw, 28px);
  --tear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2496 32' width='2496' height='32' preserveAspectRatio='none'%3E%3Cpath d='M0 32 L0 11.4 L4 11.7 L8 11.9 L12 12.2 L16 12.4 L20 13.7 L24 16 L28 18.1 L32 17.9 L36 16.6 L40 15.6 L44 12.6 L48 10.4 L52 8.5 L56 5.8 L60 5.1 L64 5.7 L68 11.7 L72 25.5 L76 26.9 L80 22.2 L84 19.3 L88 18.2 L92 23 L96 14.8 L100 6.6 L104 8.2 L108 7.3 L112 5.6 L116 9.5 L120 9.9 L124 9.2 L128 11.3 L132 13.7 L136 13.2 L140 14.6 L144 16.1 L148 16.2 L152 12.7 L156 14.5 L160 16.2 L164 16.4 L168 13.8 L172 11.2 L176 11.6 L180 14.7 L184 15.4 L188 12.9 L192 13.2 L196 12.3 L200 8.9 L204 8.9 L208 11.6 L212 9.6 L216 8.2 L220 9.6 L224 11.9 L228 12 L232 10.9 L236 13.7 L240 12.2 L244 10.6 L248 6.9 L252 6.6 L256 9.4 L260 9.1 L264 8.5 L268 7.1 L272 11.7 L276 19.9 L280 28.1 L284 30 L288 30 L292 28.3 L296 20.3 L300 16 L304 10.2 L308 0 L312 0 L316 6.8 L320 9.2 L324 14.3 L328 8.1 L332 16.2 L336 10 L340 9 L344 30 L348 11.2 L352 10.1 L356 8.3 L360 8.4 L364 7.6 L368 7.5 L372 7.4 L376 9.8 L380 12.1 L384 11.9 L388 14.6 L392 15.2 L396 16.9 L400 16.2 L404 13.7 L408 14.1 L412 14.9 L416 14 L420 14.2 L424 17.1 L428 16.7 L432 16.7 L436 16.1 L440 15.6 L444 12.7 L448 9 L452 7.7 L456 7.5 L460 7.7 L464 8.7 L468 10.7 L472 12.1 L476 12.4 L480 11.1 L484 11.9 L488 15.2 L492 16.6 L496 18 L500 17.5 L504 14.9 L508 8.9 L512 7.3 L516 6.3 L520 6.7 L524 9 L528 9.4 L532 11.7 L536 9.5 L540 13.6 L544 28 L548 30 L552 26.6 L556 24.3 L560 15.7 L564 7.4 L568 3.4 L572 5.6 L576 7.8 L580 11.5 L584 13 L588 12.7 L592 14.9 L596 13.9 L600 12.2 L604 10.6 L608 11 L612 10.6 L616 10.1 L620 9.7 L624 9.2 L628 8.8 L632 8.3 L636 7.9 L640 7.4 L644 9.5 L648 14.3 L652 14.7 L656 15.6 L660 17 L664 16 L668 13.6 L672 11.9 L676 11.2 L680 10.6 L684 10.5 L688 11.9 L692 13.4 L696 14.6 L700 15.5 L704 16.2 L708 15.3 L712 12.9 L716 10.4 L720 7.8 L724 5.5 L728 5.5 L732 6.5 L736 4.8 L740 3.9 L744 2.7 L748 3.5 L752 24.2 L756 30 L760 30 L764 30 L768 30 L772 30 L776 26 L780 21.7 L784 17.6 L788 13.3 L792 9.1 L796 5.9 L800 4.2 L804 3 L808 4.7 L812 6.3 L816 9.1 L820 6.6 L824 3.4 L828 3.9 L832 1.9 L836 3.2 L840 3.9 L844 5.8 L848 7 L852 7.9 L856 8.8 L860 30 L864 30 L868 30 L872 30 L876 5.8 L880 6 L884 3.8 L888 2.2 L892 2.3 L896 1 L900 0 L904 0.1 L908 1 L912 0.6 L916 0.9 L920 0 L924 0 L928 8.1 L932 19.2 L936 30 L940 30 L944 30 L948 30 L952 30 L956 30 L960 28.8 L964 10.1 L968 1 L972 0.5 L976 1 L980 4.7 L984 10.7 L988 10 L992 9 L996 14.4 L1000 14.9 L1004 16.3 L1008 16.3 L1012 18.1 L1016 14.5 L1020 11.4 L1024 11.4 L1028 11.3 L1032 11.8 L1036 10.9 L1040 9.8 L1044 8.3 L1048 7.1 L1052 10.9 L1056 12.5 L1060 14.9 L1064 5.3 L1068 4.2 L1072 15.4 L1076 28.3 L1080 14.1 L1084 11.6 L1088 10.3 L1092 10.5 L1096 11.4 L1100 10.3 L1104 11.9 L1108 13.4 L1112 12.8 L1116 12.6 L1120 13.5 L1124 13.5 L1128 13.7 L1132 13.3 L1136 15.2 L1140 17.1 L1144 18.4 L1148 17.4 L1152 15.4 L1156 14.6 L1160 11.8 L1164 9.2 L1168 9.6 L1172 12.3 L1176 12.2 L1180 12.4 L1184 11 L1188 9.2 L1192 11.4 L1196 13.4 L1200 13.4 L1204 14 L1208 12.3 L1212 13.3 L1216 20.4 L1220 18.9 L1224 19.8 L1228 20.3 L1232 8.7 L1236 9.5 L1240 10.3 L1244 11.1 L1248 11.9 L1252 12.8 L1256 13.6 L1260 14.4 L1264 15.2 L1268 13.1 L1272 10.6 L1276 9.1 L1280 11.3 L1284 12.6 L1288 10.7 L1292 9.8 L1296 12.5 L1300 11.5 L1304 11.5 L1308 12.5 L1312 11.3 L1316 9.3 L1320 9.4 L1324 9.6 L1328 8.9 L1332 5.3 L1336 7.2 L1340 13 L1344 25.9 L1348 24.7 L1352 23.7 L1356 22.8 L1360 22 L1364 21.2 L1368 13 L1372 11.1 L1376 11.7 L1380 11.6 L1384 10.3 L1388 9.2 L1392 10.8 L1396 9.6 L1400 11.9 L1404 12.9 L1408 14.6 L1412 14.6 L1416 12.7 L1420 11.2 L1424 29.9 L1428 9.4 L1432 13.9 L1436 12.3 L1440 0 L1444 10.2 L1448 9 L1452 8.9 L1456 9.3 L1460 11.1 L1464 11.4 L1468 13.1 L1472 13.2 L1476 12.3 L1480 13 L1484 11.1 L1488 13.3 L1492 24.2 L1496 17.4 L1500 16.2 L1504 16.5 L1508 14.5 L1512 15.1 L1516 14.6 L1520 13.6 L1524 11.9 L1528 9.1 L1532 8.9 L1536 11.7 L1540 10.5 L1544 10.7 L1548 10.5 L1552 12.5 L1556 15.5 L1560 17.7 L1564 18.9 L1568 17.2 L1572 14.8 L1576 10 L1580 7.1 L1584 7.1 L1588 6.8 L1592 9.1 L1596 12.4 L1600 14 L1604 13.8 L1608 13.9 L1612 15.1 L1616 15.2 L1620 13.7 L1624 11.3 L1628 10.8 L1632 8 L1636 9.1 L1640 10.2 L1644 11.5 L1648 12.9 L1652 11.7 L1656 21 L1660 14.9 L1664 21.2 L1668 24.3 L1672 25.8 L1676 27.6 L1680 27.4 L1684 15 L1688 5.7 L1692 1.2 L1696 0 L1700 0 L1704 0 L1708 0 L1712 0 L1716 0 L1720 3.5 L1724 14.7 L1728 25 L1732 27.1 L1736 25.5 L1740 23.7 L1744 21.8 L1748 20 L1752 18.5 L1756 17 L1760 15.1 L1764 16 L1768 13.6 L1772 11.9 L1776 11.2 L1780 10.6 L1784 10.5 L1788 11.9 L1792 13.4 L1796 14.6 L1800 15.5 L1804 16.2 L1808 15.3 L1812 12.9 L1816 10.4 L1820 7.8 L1824 5.5 L1828 5.5 L1832 6.5 L1836 4.8 L1840 3.9 L1844 2.7 L1848 3.5 L1852 24.2 L1856 30 L1860 27.9 L1864 25.8 L1868 23.7 L1872 21.7 L1876 19.6 L1880 17.5 L1884 15.4 L1888 13.3 L1892 9.1 L1896 5.9 L1900 4.2 L1904 3 L1908 4.7 L1912 6.3 L1916 9.1 L1920 6.6 L1924 3.4 L1928 3.9 L1932 1.9 L1936 3.2 L1940 3.9 L1944 5.8 L1948 7 L1952 7.9 L1956 8.8 L1960 30 L1964 30 L1968 30 L1972 30 L1976 5.8 L1980 6 L1984 14.4 L1988 15.8 L1992 17.6 L1996 19.3 L2000 20.9 L2004 22.5 L2008 24.2 L2012 26 L2016 24.2 L2020 21.1 L2024 13.9 L2028 5.1 L2032 0 L2036 2.7 L2040 5.3 L2044 6.8 L2048 7.1 L2052 6.2 L2056 7.7 L2060 10.6 L2064 11.9 L2068 13.6 L2072 12.1 L2076 11.1 L2080 11.4 L2084 13.2 L2088 13.6 L2092 11.8 L2096 13.2 L2100 16.1 L2104 13.4 L2108 10.2 L2112 10 L2116 8.7 L2120 7.3 L2124 6.9 L2128 7.5 L2132 7.4 L2136 4.5 L2140 11.8 L2144 10.4 L2148 6.5 L2152 27.4 L2156 18 L2160 4.5 L2164 2.6 L2168 0 L2172 18.8 L2176 7.4 L2180 16.5 L2184 26 L2188 28.6 L2192 28.2 L2196 28.9 L2200 29.1 L2204 29 L2208 28.9 L2212 28.7 L2216 10.1 L2220 0 L2224 1.1 L2228 3.5 L2232 5.5 L2236 7.7 L2240 10.4 L2244 9.2 L2248 9 L2252 11.2 L2256 13.7 L2260 12.5 L2264 12.8 L2268 13.7 L2272 10.9 L2276 9.3 L2280 9.6 L2284 10.4 L2288 12.6 L2292 14.7 L2296 13.7 L2300 15.3 L2304 12.9 L2308 12.8 L2312 9 L2316 5.3 L2320 3 L2324 25.2 L2328 6.7 L2332 9.4 L2336 30 L2340 6.4 L2344 27.9 L2348 14.5 L2352 14.5 L2356 14.3 L2360 11.4 L2364 12.1 L2368 12.8 L2372 11.9 L2376 9.2 L2380 9.2 L2384 6.4 L2388 6.5 L2392 6.1 L2396 6.6 L2400 7.5 L2404 6.6 L2408 6.5 L2412 13 L2416 23.2 L2420 30 L2424 30 L2428 23.8 L2432 25.6 L2436 21.8 L2440 9.6 L2444 10.5 L2448 10.8 L2452 11.6 L2456 9 L2460 8.9 L2464 9.5 L2468 7.8 L2472 7.1 L2476 9.2 L2480 10.3 L2484 10.6 L2488 10.9 L2492 11.1 L2496 11.4 L2496 32Z' fill='%23000'/%3E%3C/svg%3E");
  --side: calc(var(--tear-h) * 19.5);
}
body { overflow-x: clip; }
.torn, .torn-b { z-index: 1; }
.torn::before, .torn-b::after, .site-footer::before {
  content: ""; position: absolute; left: 0; right: 0; height: var(--tear-h); background: inherit; pointer-events: none;
  -webkit-mask: var(--tear) repeat-x var(--tx, 0px) 100% / auto 100%; mask: var(--tear) repeat-x var(--tx, 0px) 100% / auto 100%;
}
.torn::before, .site-footer::before { top: 1px; transform: translateY(-100%) scaleX(var(--tf, 1)); }
.torn-b::after { bottom: 1px; transform: translateY(100%) scale(var(--bf, 1), -1); -webkit-mask-position: var(--bx, 0px) 100%; mask-position: var(--bx, 0px) 100%; }
.tv1 { --tx: calc(var(--side) * -1); --tf: -1; --bx: calc(var(--side) * -2.6); }
.tv2 { --tx: calc(var(--side) * -2); --bx: calc(var(--side) * -0.4); --bf: -1; }
.tv3 { --tx: calc(var(--side) * -3.3); --tf: -1; --bx: calc(var(--side) * -1.7); --bf: -1; }
.tv4 { --tx: calc(var(--side) * -0.6); --bx: calc(var(--side) * -3.1); }
.site-header.torn-b { z-index: 20; }
.site-header.torn-b::after { z-index: 1; }
.soft { color: var(--ink-soft); }
.on-dark .soft { color: var(--on-dark-soft); }
.on-dark .points .n { -webkit-text-stroke-color: var(--ground); }
.on-dark .form input::placeholder { color: var(--on-dark-soft); }
.site-header.dark { background: var(--ink); color: var(--ground); border-bottom: 0; }
.site-header.dark .btn { border-color: var(--ground); color: var(--ground); }
.site-header.dark .btn:hover { background: var(--ground); color: var(--ink); }
.site-header.dark .btn-loud { background: var(--ground); color: var(--ink); }
.site-header.dark .btn-loud:hover { background: transparent; color: var(--ground); }
.site-header.dark :focus-visible { outline-color: var(--ground); box-shadow: 0 0 0 6px var(--ink); }
@media (max-width: 860px) {
.site-header.dark .site-nav { border-top: 2px solid var(--line-dark); }
}
.site-footer { position: relative; z-index: 1; background: var(--ink); color: var(--ground); padding: 80px 0 48px; font-size: var(--s-1); }
.site-footer .lockup { margin-left: -16px; }
.site-footer .lockup img { height: 80px; }
.site-footer h2 { font-family: var(--text); font-weight: 700; font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; margin: 0 0 16px; }
.site-footer ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.site-footer ul a { display: inline-block; padding: 4px 0; }
.site-footer .line { margin: 16px 0 0; font-size: var(--s0); font-weight: 500; }
.site-footer .legal { margin: 48px 0 0; padding-top: 24px; border-top: 1px solid var(--line-dark); }
.site-footer :focus-visible { outline-color: var(--ground); box-shadow: 0 0 0 6px var(--ink); }
.meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; font-size: var(--s-1); font-weight: 500; }
.tag { display: inline-block; padding: 4px 8px; border: 2px solid currentColor; font-weight: 700; font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1; }
.post-hero { position: relative; color: var(--ground); background: var(--ink); min-height: clamp(420px, 62vh, 720px); display: flex; align-items: flex-end; overflow: hidden; }
.post-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 62% 50%; }
.post-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15,23,42,.88) 0%, rgba(15,23,42,.45) 40%, rgba(15,23,42,0) 70%); }
.post-hero .wrap { position: relative; z-index: 2; width: 100%; padding-bottom: clamp(40px, 6vw, 80px); }
.post-hero h1 { font-size: clamp(2.75rem, 1.5rem + 6vw, 7rem); letter-spacing: -0.03em; line-height: 0.92; max-width: 10em; }
.logo-tile { border: 2px solid var(--ink); display: flex; flex-direction: column; }
.logo-tile .show { aspect-ratio: 16 / 10; display: grid; place-items: center; padding: 24px; background: var(--ground); }
.logo-tile .show.dark { background: var(--ink); }
.logo-tile .show img { max-height: 100%; width: auto; }
.logo-tile .show img.mark { height: 120px; }
.logo-tile .show img.small { height: 48px; }
.logo-tile .info { padding: 16px; border-top: 2px solid var(--ink); display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; justify-content: space-between; }
.logo-tile .info strong { font-size: var(--s-1); }
.logo-tile .dl { display: flex; flex-wrap: wrap; gap: 8px; }
.logo-tile .dl .btn { white-space: nowrap; min-height: 44px; padding: 0 14px; font-size: var(--s-1); }
.rules { margin: 32px 0 0; padding-left: 1.2em; font-size: var(--s0); }
.rules li { margin-bottom: 8px; }
.art-band { position: relative; overflow: hidden; background: var(--ink); color: var(--ground); }
.art-band > img, .art-band > picture > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.art-band > .wrap { position: relative; z-index: 1; }
.lost { min-height: clamp(560px, 80svh, 900px); display: flex; align-items: center; padding: clamp(80px, 10vw, 140px) 0; }
html { background: var(--ink); }
.lost > .wrap { width: 100%; }
.nw { white-space: nowrap; }
.post-body { position: relative; background: var(--ground); padding-bottom: var(--section); }
img { -webkit-user-drag: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.site-header { position: sticky; top: 0; }
.site-header.over { position: fixed; transition: background-color .25s ease-out; }
.site-header.over.scrolled { background: var(--ink); }
section[id], [id="newsletter"] { scroll-margin-top: var(--header-h); }


:root {
  --gap: 32px;
  --edge: calc(max(0px, (100vw - var(--wrap)) / 2) + var(--gutter));
  --col: calc((min(100vw, var(--wrap)) - 2 * var(--gutter) - 11 * var(--gap)) / 12);
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 48px;
  --sp-6: 64px;
  --t-section: clamp(2.75rem, 1rem + 5vw, 5.5rem);
  --t-card: clamp(1.75rem, 1rem + 2.2vw, 2.75rem);
  --block-h: clamp(400px, 31vw, 480px);
  --stack-h: clamp(220px, 60vw, 400px);
  --prose-cols: 8;
}
@media (max-width: 900px) { :root { --gap: 16px; } }
@media (max-width: 1100px) { :root { --prose-cols: 10; } }
@media (max-width: 760px) { :root { --prose-cols: 12; } }

.band { position: relative; padding: var(--section) 0; background: var(--ground); color: var(--ink); }
.band.on-dark { background: var(--ink); color: var(--ground); }
.band.tall { padding: calc(var(--section) * 1.25) 0; }
.page-head + .torn { padding-top: calc(var(--section) * 1.1); }

.grid, .split, .newsletter .inner, .site-footer .cols, .desc, .fact-row, .cards {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap);
}

.kicker { display: flex; align-items: center; gap: var(--sp-2); margin: 0 0 var(--sp-4); font: 700 0.8125rem/1 var(--text); letter-spacing: 0.16em; text-transform: uppercase; }
.kicker::before { content: ""; flex: none; width: 6px; height: 24px; background: currentColor; transform: skewX(-18.43deg); transform-origin: 0 100%; }

.big, .mid { font-size: var(--t-section); letter-spacing: -0.035em; line-height: 0.92; }
.lead-l { font-size: var(--d4); line-height: 1.3; font-weight: 500; max-width: 26em; text-wrap: pretty; }
.none { margin: 0; font-family: var(--display); font-size: var(--t-section); letter-spacing: -0.035em; line-height: 0.92; }

.split { --h: var(--block-h); align-items: start; }
.split > .copy { grid-column: 1 / span 6; min-height: var(--h); display: flex; flex-direction: column; align-items: flex-start; position: relative; z-index: 1; }
.split > .copy > p { margin: var(--sp-4) 0; font-size: var(--s1); line-height: 1.4; max-width: 20em; }
.split > .copy > p:last-child { margin-bottom: 0; }
.split > .copy > .btn:last-child, .split > .copy > p + .btn { margin-top: auto; }
.split > .media { grid-column: 7 / -1; height: var(--h); margin-right: var(--bleed); overflow: hidden; background: var(--ink);
  clip-path: polygon(calc(var(--h) / 3) 0, 100% 0, 100% 100%, 0 100%); }
.split > .media img { width: 100%; height: 100%; object-fit: cover; object-position: 38% 50%; }

.about .copy { min-height: 0; }
.about .copy h3 { margin: 0 0 clamp(32px, 4vw, 56px); max-width: 9em; }
.about-prose p { margin: 0 0 var(--sp-3); font-size: var(--s1); line-height: 1.5; max-width: 30em; }
.about-prose p.first { font-size: var(--d4); line-height: 1.3; font-weight: 500; max-width: 22em; margin-bottom: var(--sp-4); }
.about-prose p.say { margin: var(--sp-4) 0 0; font-size: var(--s0); font-weight: 700; letter-spacing: 0.02em; color: var(--ink-soft); }
.about > .media { height: auto; align-self: stretch; background: transparent; clip-path: none; }
.about > .media img { object-position: 0 50%; }

.fact-row { margin: clamp(64px, 8vw, 96px) 0 0; padding: var(--sp-5) 0 0; list-style: none; border-top: 4px solid var(--ink); row-gap: var(--sp-5); --fig: var(--t-card); }
.fact-row li { grid-column: span 3; position: relative; display: flex; flex-direction: column; gap: var(--sp-2); min-width: 0; }
.fact-row li + li::before { content: ""; position: absolute; left: calc(var(--gap) / -2 - 2px); top: 0; width: 4px; height: 1em; font-size: var(--fig); background: var(--ink); transform: skewX(-18.43deg); transform-origin: 0 100%; }
.fact-row .fig { font-family: var(--display); font-size: var(--fig); line-height: 1; letter-spacing: -0.03em; white-space: nowrap; }
.fact-row .lab { font: 700 0.8125rem/1.4 var(--text); letter-spacing: 0.16em; text-transform: uppercase; max-width: 14em; }

.devlog-band .sec-head { margin: 0 0 var(--sp-6); }
.devlog-band .sec-head .kicker { margin-bottom: var(--sp-4); }

.cards { margin: 0; padding: 0; list-style: none; row-gap: var(--sp-5); }
.cards > .card { grid-column: span 4; }
.card { position: relative; display: flex; flex-direction: column; gap: var(--sp-2); }
.card .pic { aspect-ratio: 16 / 9; overflow: hidden; background: var(--ink); clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 120px, 100% 100%, 0 100%); }
.card .pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease-out; }
.card:hover .pic img { transform: scale(1.03); }
.card h3 { font-size: var(--s1); line-height: 1.15; }
.card h3 a { text-decoration: none; }
.card h3 a::after { content: ""; position: absolute; inset: 0; }
.card h3 a:focus-visible { outline: none; box-shadow: none; }
.card:has(a:focus-visible) { outline: 3px solid currentColor; outline-offset: 6px; }
.card p { margin: 0; color: var(--ink-soft); }
.on-dark .card p { color: var(--on-dark-soft); }
.card-cta { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-1) var(--sp-3); }
.on-dark .card .card-cta { color: var(--ground); }
.textlink { display: inline-flex; align-items: center; min-height: 48px; font-size: 1rem; font-weight: 700; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.3em; }
.textlink:hover { text-decoration-thickness: 4px; }

.cards > .card:only-child { grid-column: 1 / -1; --h: var(--block-h); display: grid; grid-template-columns: subgrid; grid-template-rows: auto auto auto 1fr; row-gap: 0; align-items: start; }
.cards > .card:only-child .pic { grid-column: 1 / span 6; grid-row: 1 / span 4; height: var(--h); aspect-ratio: auto; margin-left: var(--bleed); margin-right: var(--gap);
  clip-path: polygon(0 0, calc(100% - var(--h) / 3) 0, 100% 100%, 0 100%); }
.cards > .card:only-child .meta, .cards > .card:only-child h3, .cards > .card:only-child p, .cards > .card:only-child .card-cta { grid-column: 7 / -1; }
.cards > .card:only-child .meta { margin: 0 0 var(--sp-3); }
.cards > .card:only-child h3 { font-size: var(--t-card); line-height: 1.02; letter-spacing: -0.02em; margin: 0 0 var(--sp-3); }
.cards > .card:only-child p { font-size: var(--s1); line-height: 1.45; margin: 0 0 var(--sp-4); max-width: 24em; }
.cards > .card:only-child .card-cta { align-self: end; margin: 0; }

.slices { --h: clamp(220px, 30vw, 460px); display: flex; height: var(--h); background: var(--ink); overflow: hidden; position: relative; z-index: 0; }
.about-band, .newsletter { z-index: 2; }
.slices figure { flex: 1 1 0; min-width: 0; margin: 0 0 0 calc(var(--h) / -3 + 10px); position: relative;
  clip-path: polygon(calc(var(--h) / 3) 0, 100% 0, calc(100% - var(--h) / 3) 100%, 0 100%); }
.slices figure:first-child { margin-left: 0; clip-path: polygon(0 0, 100% 0, calc(100% - var(--h) / 3) 100%, 0 100%); }
.slices figure:last-child { clip-path: polygon(calc(var(--h) / 3) 0, 100% 0, 100% 100%, 0 100%); }
.slices img { width: 100%; height: 100%; object-fit: cover; }
.slices figure:nth-child(3) img { object-position: 80% 50%; }

.newsletter .inner { align-items: end; }
.newsletter .inner > :first-child { grid-column: 1 / span 6; }
.newsletter .inner > .form { grid-column: 7 / -1; }
.newsletter .lead { font-size: var(--s1); line-height: 1.4; margin: var(--sp-3) 0 0; max-width: 22em; }
.form label { display: block; font-weight: 700; margin-bottom: var(--sp-1); }
.form .row { display: flex; gap: 12px; }
.form input { flex: 1; min-width: 0; min-height: 48px; padding: 0 16px; border: 2px solid currentColor; border-radius: 0; background: transparent; color: inherit; font: 500 var(--s0)/1 var(--text); }
.form input::placeholder { color: var(--ink-soft); }
.form input:disabled { opacity: .7; cursor: not-allowed; }
.form .note { margin: var(--sp-2) 0 0; font-size: var(--s-1); }

.site-footer .cols { row-gap: 40px; }
.site-footer .cols > :nth-child(1) { grid-column: 1 / span 4; }
.site-footer .cols > :nth-child(2) { grid-column: 5 / span 3; }
.site-footer .cols > :nth-child(3) { grid-column: 8 / span 3; }
.site-footer .cols > :nth-child(4) { grid-column: 11 / span 2; }

.page-head { position: relative; overflow: hidden; padding: clamp(64px, 9vw, 128px) 0 clamp(96px, 12vw, 176px); }
.page-head .wrap { position: relative; z-index: 1; }
.page-head h1 { font-size: var(--d1); letter-spacing: -0.045em; line-height: 0.84; }
.page-head .intro { margin: var(--sp-5) 0 0; font-size: var(--d4); line-height: 1.3; font-weight: 500; max-width: calc(8 * var(--col) + 7 * var(--gap)); color: var(--on-dark-soft); text-wrap: pretty; }
.page-head .head-mark { position: absolute; z-index: 0; top: 0; right: 0; width: auto; max-width: none; height: calc(100% - clamp(96px, 12vw, 176px)); }
.page-head.short h1 { font-size: var(--t-section); }

.filters { display: flex; flex-wrap: wrap; gap: var(--sp-1); margin: 0 0 var(--sp-5); padding: 0; list-style: none; }
.filters button { min-height: 44px; padding: 0 16px; border: 2px solid var(--ink); background: transparent; color: var(--ink); font: 700 var(--s-1)/1 var(--text); letter-spacing: 0.04em; cursor: pointer; }
.filters button[aria-pressed="true"] { background: var(--ink); color: var(--ground); }
.filters button:hover { background: var(--ground-soft); }
.filters button[aria-pressed="true"]:hover { background: var(--ink); }

.press-head { margin: 0 0 var(--sp-6); }
.desc { border-top: 2px solid var(--ink); padding: var(--sp-5) 0; row-gap: var(--sp-2); align-items: start; }
.desc:last-child { border-bottom: 2px solid var(--ink); }
.desc > h3 { grid-column: 1 / span 3; font-family: var(--display); font-weight: 400; font-size: var(--s0); letter-spacing: 0; line-height: 1; }
.desc > div { grid-column: 4 / span 7; }
.desc h3 .cnt { display: block; font-size: clamp(4.5rem, 2rem + 6vw, 8rem); line-height: 0.8; letter-spacing: -0.04em; color: transparent; -webkit-text-stroke: 2px var(--ink); margin-bottom: 12px; }
.desc p { margin: 0 0 var(--sp-3); font-size: var(--s1); line-height: 1.45; max-width: 36em; }
.desc .btn { min-height: 44px; padding: 0 16px; font-size: var(--s-1); }

.facts { width: 100%; border-collapse: collapse; font-size: var(--s1); }
.facts th, .facts td { text-align: left; vertical-align: top; padding: var(--sp-3) 0; border-bottom: 1px solid var(--line-dark); }
.facts tr:first-child th, .facts tr:first-child td { border-top: 1px solid var(--line-dark); }
.facts th { width: calc(3 * (var(--col) + var(--gap))); padding-right: var(--sp-3); font: 700 0.8125rem/1.9 var(--text); letter-spacing: 0.16em; text-transform: uppercase; color: var(--on-dark-soft); }
.facts td { overflow-wrap: anywhere; font-family: var(--display); font-weight: 400; font-size: var(--t-card); line-height: 1.1; letter-spacing: -0.01em; }
.facts td a { text-decoration-thickness: 3px; }

.logo-lead { margin-bottom: var(--sp-5); }
.logos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); margin: 0; padding: 0; list-style: none; }

.contact-line { margin: 0 0 var(--sp-2); font-size: var(--d4); line-height: 1.3; font-weight: 500; }
.mail-big { display: inline-block; font-family: var(--display); font-size: clamp(1.75rem, 0.6rem + 4.4vw, 5rem); letter-spacing: -0.03em; line-height: 1; overflow-wrap: anywhere; }
.game-note { margin: var(--sp-5) 0 0; font-size: var(--s1); font-weight: 500; max-width: 26em; color: var(--on-dark-soft); }
.art-band::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15,23,42,.92) 0%, rgba(15,23,42,.86) 70%, rgba(15,23,42,.7) 100%); }
.lost .code { font-family: var(--display); font-size: clamp(8rem, 2rem + 26vw, 26rem); line-height: .8; letter-spacing: -0.05em; color: transparent; -webkit-text-stroke: 3px var(--ground); margin: 0 0 var(--sp-5); }
.lost-h { font-size: var(--t-section); letter-spacing: -0.035em; line-height: 0.92; margin: 0 0 var(--sp-3); }
.lost .intro { margin: 0 0 var(--sp-5); font-size: var(--d4); line-height: 1.3; font-weight: 500; max-width: calc(8 * var(--col) + 7 * var(--gap)); color: var(--on-dark-soft); }
.lost::after { background: linear-gradient(90deg, rgba(15,23,42,.92) 0%, rgba(15,23,42,.88) 62%, rgba(15,23,42,.5) 100%); }

.prose { width: calc(100% - 2 * var(--gutter)); max-width: calc(var(--prose-cols) * var(--col) + (var(--prose-cols) - 1) * var(--gap)); margin: 0 auto; padding: 0; }
.post-meta { padding: var(--sp-5) 0 0; }
.post-meta .crumb { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-1) 12px; margin: 0; font-weight: 500; font-size: var(--s-1); }
.lede { position: relative; padding-left: 28px; font-family: var(--display); font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem); line-height: 1.25; margin: var(--sp-4) 0 var(--sp-5); }
.lede::before { content: ""; position: absolute; left: 4px; top: 0.15em; bottom: 0.15em; width: 6px; background: var(--ink); transform: skewX(-18.43deg); }
.prose > p { font-size: 1.1875rem; line-height: 1.7; }
.prose > p > strong:first-child { font-family: var(--display); font-weight: 400; letter-spacing: -0.005em; }
.post-end { display: flex; flex-wrap: wrap; gap: var(--sp-2); align-items: center; justify-content: space-between; margin: var(--sp-6) auto 0; padding: var(--sp-4) 0 0; width: calc(100% - 2 * var(--gutter)); max-width: calc(var(--prose-cols) * var(--col) + (var(--prose-cols) - 1) * var(--gap)); border-top: 2px solid var(--ink); }
.legal-page { padding-top: calc(var(--section) * 0.75); }
.legal-page h2 { font-size: var(--s1); margin: var(--sp-5) 0 var(--sp-2); line-height: 1.1; }
.legal-page h2:first-child { margin-top: 0; }
.legal-page .prose > p { font-size: 1.0625rem; margin: 0 0 var(--sp-2); }
.legal-page .prose > p.updated { margin-top: var(--sp-5); padding-top: var(--sp-3); border-top: 2px solid var(--ink); font-weight: 700; }
.after-links { display: flex; flex-wrap: wrap; gap: var(--sp-2); }

@media (max-width: 1100px) {
  .fact-row li { grid-column: span 6; }
  .fact-row li:nth-child(even)::before { content: ""; }
  .fact-row li:nth-child(odd)::before { display: none; }
  .desc > h3 { grid-column: 1 / span 4; }
  .desc > div { grid-column: 5 / -1; }
}
@media (max-width: 900px) {
  .split > .copy, .split > .media, .cards > .card:only-child .pic, .newsletter .inner > :first-child, .newsletter .inner > .form { grid-column: 1 / -1; }
  .split > .copy { min-height: 0; }
  .split > .media { --h: var(--stack-h); order: -1; margin: 0 var(--bleed) var(--sp-5) var(--bleed);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 28px), calc(100% - 84px) 100%, 0 100%); }
  .about > .media { order: 2; margin: var(--sp-5) var(--bleed) 0 20%; height: auto; aspect-ratio: 1; clip-path: none; }
  .split > .copy > p + .btn, .split > .copy > .btn:last-child { margin-top: 0; }
  .cards > .card:only-child { display: flex; flex-direction: column; gap: var(--sp-2); }
  .cards > .card:only-child .pic { height: var(--stack-h); margin: 0 var(--bleed) var(--sp-2); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 28px), calc(100% - 84px) 100%, 0 100%); }
  .cards > .card:only-child .meta, .cards > .card:only-child h3, .cards > .card:only-child p { margin: 0; }
  .cards > .card:only-child .card-cta { margin-top: var(--sp-2); align-self: stretch; }
  .cards > .card { grid-column: span 6; }
  .newsletter .inner { row-gap: var(--sp-5); }
  .page-head .head-mark { position: static; display: block; width: 96px; height: auto; margin: 0 var(--gutter) var(--sp-4); }
  .site-footer .cols > :nth-child(1) { grid-column: 1 / -1; }
  .site-footer .cols > :nth-child(n+2) { grid-column: span 4; }
  .logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .desc > h3, .desc > div { grid-column: 1 / -1; }
  .fact-row { --fig: clamp(1.75rem, 1rem + 3vw, 2.5rem); }
}
@media (max-width: 640px) {
  .slices { --h: clamp(180px, 52vw, 260px); }
  .slices figure:nth-child(2), .slices figure:nth-child(4) { display: none; }
  .slices figure:nth-child(3) { clip-path: polygon(calc(var(--h) / 3) 0, 100% 0, 100% 100%, 0 100%); }
  .cards > .card { grid-column: 1 / -1; }
  .facts th, .facts td { display: block; width: auto; padding: 0; border: 0; }
  .facts th { padding-top: var(--sp-3); border-top: 1px solid var(--line-dark); }
  .facts td { padding: 4px 0 var(--sp-3); font-size: var(--s1); }
  .facts tr:first-child td { border-top: 0; }
}
@media (max-width: 560px) {
  .fact-row li, .fact-row li:nth-child(even) { grid-column: 1 / -1; flex-direction: row; align-items: baseline; justify-content: space-between; gap: var(--sp-2); padding: var(--sp-3) 0; border-bottom: 2px solid var(--rule); }
  .fact-row li::before, .fact-row li:nth-child(even)::before { display: none; }
  .fact-row { row-gap: 0; --fig: clamp(2.25rem, 1.2rem + 6vw, 3rem); }
  .fact-row .lab { text-align: right; max-width: 11em; }
  .logos { grid-template-columns: 1fr; }
  .form .row { flex-direction: column; }
  .site-footer .cols > :nth-child(n+2) { grid-column: span 6; }
}
@media (max-width: 760px) { .art-band::after { background: rgba(15,23,42,.86); } }
@media (max-width: 380px) { .lockup img { height: 64px; } .site-header .bar { gap: 8px; } }