*,:before,:after{box-sizing:border-box}html{background:var(--plate);scroll-behavior:smooth}body{background:var(--plate);color:var(--plate-ink);font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;-webkit-font-smoothing:antialiased;--pad:clamp(1rem, 3.2vw, 3rem);--big:clamp(2.3rem, 7.2vw, 7.5rem);--out:cubic-bezier(.2, 0, 0, 1);--snap:cubic-bezier(.3, .7, .6, 1);margin:0;font-size:1rem;line-height:1.5}a{color:inherit;text-decoration:none}ol{margin:0;padding:0;list-style:none}p,h2{margin:0}:focus-visible{outline:2px solid var(--plate-accent);outline-offset:3px}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.meta,.who,.tag,footer,.close{letter-spacing:0;font-size:.95rem;font-weight:500;line-height:1.45}.bar{z-index:20;padding:1.1rem var(--pad);transition:background .3s, padding .3s var(--out);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}.bar.solid{background:var(--plate);padding-top:.8rem;padding-bottom:.8rem}.bar .name{letter-spacing:-.02em;white-space:nowrap;font-size:1.05rem;font-weight:700}.bar nav{gap:clamp(.9rem,2.6vw,2.2rem);display:flex}.bar .name,.bar nav a{text-shadow:0 0 1rem #0000008c;transition:color .12s}.bar nav a{padding:.3rem 0;font-size:.95rem;font-weight:600;position:relative}.bar nav a:after{content:"";background:var(--plate-accent);transform-origin:0;height:2px;transition:transform .3s var(--out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.bar nav a:hover,.bar .name:hover{color:var(--plate-accent)}.bar nav a.here:after{transform:scaleX(1)}.bar .menu{display:none}@media (width<=60rem){.bar .menu{color:inherit;cursor:pointer;background:0 0;border:0;gap:5px;padding:10px 4px;display:inline-grid}.bar .menu span{width:22px;height:2px;transition:transform .2s var(--out), opacity .2s;background:currentColor;display:block}.bar[data-open] .menu span:first-child{transform:translateY(7px)rotate(45deg)}.bar[data-open] .menu span:nth-child(2){opacity:0}.bar[data-open] .menu span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.bar[data-open]{background:var(--plate)}.bar nav{background:var(--plate);padding:.25rem var(--pad) 1rem;flex-direction:column;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.bar[data-open] nav{display:flex}.bar nav a{text-shadow:none;border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent);padding:.85rem 0;font-size:1.1rem}.bar nav a:after{display:none}}.hero{min-height:100svh;padding:var(--pad);align-items:flex-end;display:flex;position:relative;overflow:hidden}.flood{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shade{background:linear-gradient(to top, var(--plate) 0%, color-mix(in srgb, var(--plate) 55%, transparent) 38%, transparent 70%), linear-gradient(to bottom, color-mix(in srgb, var(--plate) 55%, transparent) 0%, transparent 18%);position:absolute;inset:0}.hero-foot{align-items:end;gap:1.75rem;width:100%;display:grid;position:relative}.hero .thesis{max-width:15ch;font-size:var(--big);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:700;line-height:.94}.lead{justify-items:start;gap:clamp(1.25rem,2.4vw,2rem);display:grid}.watch{background:var(--plate-accent);color:var(--plate);font:inherit;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:background .16s, transform .3s var(--out);border:0;border-radius:999px;align-items:center;gap:.6rem;padding:.85rem 1.35rem .85rem 1.1rem;font-size:1.05rem;font-weight:700;display:inline-flex}.watch small{opacity:.7;font-size:.85rem;font-weight:500}.watch:hover{background:var(--plate-ink);transform:translate(.25rem)}.who{color:var(--plate-ink);text-shadow:0 0 1rem #0009}@media (width>=60rem){.hero-foot{grid-template-columns:1fr auto}.who{text-align:right}}.bands{gap:3px;display:grid}.band{aspect-ratio:4/3;background:var(--plate-rule);display:block;position:relative;overflow:hidden}@media (width>=40rem){.band{aspect-ratio:16/9}}@media (width>=60rem){.band{aspect-ratio:21/9}}.band .pic,.band .peek{object-fit:cover;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.band .peek{opacity:0}.band .peek,.flood{-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000)}.band.live .peek{opacity:1}.band .media{will-change:transform;backface-visibility:hidden;transition:transform .3s var(--snap);position:absolute;inset:0;transform:translateZ(0)}.band:hover .media,.band:focus-visible .media{transform:scale(1.03)translateZ(0)}.veil{background:linear-gradient(#0000 38%,#0000004d 62%,#000000d6 100%);position:absolute;inset:0}.cap{left:var(--pad);right:var(--pad);bottom:var(--pad);color:#fff;gap:.5rem;display:grid;position:absolute}.cap .title{letter-spacing:-.035em;text-wrap:balance;transition:transform .3s var(--snap);font-size:clamp(1.9rem,6.2vw,6.25rem);font-weight:700;line-height:.95}.band:hover .cap .title{transform:translate(.12em)}.cap .meta{color:#ffffffe0}.cap:after{content:"";background:var(--plate-accent);transform-origin:0;height:3px;transition:transform .7s var(--out);margin-top:.4rem;transform:scaleX(0)}.band:hover .cap:after,.band:focus-visible .cap:after,.band.live .cap:after{transform:scaleX(1)}.builds{padding:clamp(4.5rem, 11vw, 9rem) var(--pad);position:relative;overflow:hidden}.tag{color:var(--plate-accent);font-weight:600}.rows{margin-top:1.25rem}.row{padding:clamp(.9rem,1.8vw,1.4rem) 0;display:block}.row .title{letter-spacing:-.035em;transition:color .2s, transform .45s var(--out);font-size:clamp(1.9rem,5.4vw,5rem);font-weight:700;line-height:1;display:block}.more{gap:.5rem;margin-top:.6rem;display:grid}.row .meta{color:var(--plate-accent);font-weight:600}.row .sum{max-width:50ch;color:var(--plate-ink);font-size:1.05rem}.row .inline{width:100%;height:auto}.pixel{image-rendering:pixelated}.stage{display:none}@media (width>=60rem) and (hover:hover){.builds{align-items:center;min-height:100svh;display:flex}.stage{display:block;position:absolute;inset:0}.shot{object-fit:cover;opacity:0;will-change:transform, opacity;backface-visibility:hidden;width:100%;height:100%;transition:opacity .5s, transform .4s var(--snap);position:absolute;inset:0;transform:scale(1.04)translateZ(0)}.shot.on{opacity:1;transform:translateZ(0)}.wash{background:linear-gradient(to right, color-mix(in srgb, var(--plate) 96%, transparent) 0%, color-mix(in srgb, var(--plate) 82%, transparent) 40%, color-mix(in srgb, var(--plate) 22%, transparent) 100%), linear-gradient(to bottom, var(--plate) 0%, transparent 16%, transparent 84%, var(--plate) 100%);position:absolute;inset:0}.over{width:100%;position:relative}.row .inline{display:none}.row .title{color:color-mix(in srgb, var(--plate-ink) 58%, transparent)}.row.cur .title{color:var(--plate-ink);transform:translate(.16em)}.row .more{opacity:0;max-height:0;transition:max-height .45s var(--out), opacity .3s, margin-top .45s var(--out);margin-top:0;padding-left:calc(clamp(1.9rem,5.4vw,5rem)/6.25);overflow:hidden}.row.cur .more{opacity:1;max-height:16rem;margin-top:.7rem}}.about,.contact{padding:clamp(5rem, 12vw, 10rem) var(--pad) 0}.big{letter-spacing:-.035em;text-wrap:balance;max-width:18ch;margin:1rem 0 clamp(2rem,5vw,4rem);font-size:clamp(2rem,5.6vw,5.5rem);font-weight:700;line-height:.98}.cols{border-top:1px solid var(--plate-rule);color:color-mix(in srgb, var(--plate-ink) 80%, transparent);gap:1.25rem;padding-top:1.5rem;font-size:1.05rem;display:grid}.text{color:var(--plate-ink);border-bottom:2px solid var(--plate-accent);padding-bottom:.15em}@media (width>=60rem){.cols{grid-template-columns:1.4fr 1fr auto;gap:4rem}}.mail{letter-spacing:-.04em;overflow-wrap:anywhere;margin-top:1rem;font-size:clamp(1.5rem,6.6vw,7rem);font-weight:700;line-height:1;transition:color .16s;display:block}.mail:hover{color:var(--plate-accent)}footer{border-top:1px solid var(--plate-rule);color:var(--plate-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:clamp(4rem,10vw,8rem);padding:1.25rem 0 1.5rem;display:flex}.reel{background:#000;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0}.reel[open]{place-items:center;display:grid}.reel video{width:100%;max-height:100dvh}.close{z-index:1;color:#fff;cursor:pointer;background:#0009;border:1px solid #fff6;border-radius:999px;padding:.5rem .95rem;font-family:inherit;position:absolute;top:1rem;right:1rem}.rise{opacity:0;transition:opacity .7s var(--out), transform .7s var(--out);transform:translateY(1.5rem)}.rise.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise{opacity:1;transform:none}.band .media,.cap .title,.shot,.row .title,.row .more{transition:none}}
