:root{--bg:#0c0b0f;--surface:#1a1820;--ink:#eeedf0;--muted:#aca6b2;--accent:#9b1ee6;--accent-ink:#fff;--field:#e6e1d8;--field-ink:#17131c;--field-muted:#5e5560;--font:"Bricolage Grotesque", system-ui, sans-serif;--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(2rem, 1.3rem + 3.2vw, 4rem);--step-display:clamp(3.5rem, 9.2vw, 9.5rem);--m:clamp(16px, 1.6vw, 24px);--gap:8px;--section:clamp(96px, 13vw, 200px);--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--step-body);margin:0;line-height:1.5;overflow-x:hidden}img,video,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}ul,ol{list-style:none}h1,h2{letter-spacing:-.04em;text-wrap:balance;font-weight:600;line-height:.92}h2{font-size:var(--step-head)}h3{font-size:var(--step-body);font-weight:500}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip{left:var(--m);z-index:10;background:var(--ink);color:var(--bg);padding:10px 16px;position:absolute;top:-60px}.skip:focus{top:var(--m)}.btn{background:var(--accent);min-height:48px;color:var(--accent-ink);transition:transform .16s var(--ease), background-color .16s;align-items:center;padding:0 22px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:#ad3cf2;transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn-small{min-height:44px;font-size:var(--step-small);padding:0 16px}.link{text-underline-offset:4px;text-decoration-thickness:2px}.link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.bar{padding:16px var(--m);align-items:center;gap:32px;display:flex}.wordmark{align-items:center;gap:10px;font-weight:500;text-decoration:none;display:flex}.wordmark img{width:32px;height:32px}.bar nav{gap:28px;margin-left:auto;display:flex}.bar nav a{font-size:var(--step-small);color:var(--muted);text-decoration:none;transition:color .16s}.bar nav a:hover{color:var(--ink)}.hero{padding:clamp(16px,3vw,40px) 0 0}.hero-head{padding:0 var(--m)}.hero h1{font-size:var(--step-display)}.hero-sub{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px 48px;margin-top:36px;display:flex}.hero-sub p{max-width:36ch;font-size:var(--step-lead);line-height:1.3}.actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.lit-strip{margin:clamp(32px, 5vh, 56px) var(--m) 0;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;align-items:start;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.lit-strip::-webkit-scrollbar{display:none}.lit-strip.dragging,.reel.dragging{cursor:grabbing;scroll-snap-type:none}.frame{scroll-snap-align:center;flex:none}.frame img,.frame video{aspect-ratio:16/9;object-fit:cover;filter:brightness(.5);width:auto;height:clamp(200px,40vh,420px);transition:filter .4s var(--ease);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.frame:hover img,.frame:hover video,.frame.is-lit img,.frame.is-lit video{filter:none}.frame figcaption{font-size:var(--step-small);color:var(--muted);margin-top:12px;transition:color .3s}.frame.is-lit figcaption,.frame:hover figcaption{color:var(--ink)}html:not(.js) .frame img,html:not(.js) .frame video{filter:none}.mosaic-wrap{padding:var(--section) var(--m) 0}.mosaic{--cols:6;--rows:4;gap:var(--gap);grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);aspect-ratio:1.505;width:100%;display:grid;container-type:size}.tile{--tw:calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols));--th:calc((100cqh - (var(--rows) - 1) * var(--gap)) / var(--rows));--bw:calc(100cqh * 16 / 9);grid-column:calc(var(--c) + 1);grid-row:calc(var(--r) + 1);position:relative;overflow:hidden}.tile:before{content:"";background:var(--img) no-repeat;background-size:var(--bw) 100cqh;background-position:calc(-1 * var(--c) * (var(--tw) + var(--gap)) - (var(--bw) - 100cqw) / 2) calc(-1 * var(--r) * (var(--th) + var(--gap)));transition:transform .5s var(--ease);position:absolute;inset:0}.tile:hover:before{transform:scale(1.08)}.ctile{z-index:1;background:var(--surface);font-size:var(--step-body);flex-direction:column;justify-content:space-between;gap:12px;padding:16px;line-height:1.35;display:flex;position:relative}.ctile h2{font-size:clamp(1.75rem,2.6vw,2.75rem)}.ctile strong{font-weight:600}.t-head{background:var(--field);color:var(--field-ink);grid-area:1/1/span 1/span 2}.t-a{grid-area:1/5}.t-b{grid-area:3/2}.t-live{grid-area:2/6}.t-act{background:var(--accent);color:var(--accent-ink);grid-area:4/4/span 1/span 2;justify-content:end}.tile-link{font-size:var(--step-lead);justify-content:space-between;align-items:baseline;padding:6px 0;font-weight:500;line-height:1.15;text-decoration:none;display:flex}.tile-link:after{content:"→";transition:transform .2s var(--ease)}.tile-link:hover:after{transform:translate(6px)}.moon .moon-dark{fill:#2c2933}.moon .moon-lit{fill:var(--ink)}.t-head .moon .moon-lit{fill:var(--field-ink)}.work{padding:var(--section) 0 0 var(--m);grid-template-columns:minmax(150px,13%) 1fr;gap:0 24px;display:grid}.rail{align-self:start}.rail h2{font-size:var(--step-head)}.filters{flex-direction:column;align-items:start;gap:4px;margin-top:20px;display:flex}.filters button{font:inherit;font-size:var(--step-body);color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:40px;padding:6px 0;transition:color .16s}.filters button:hover,.filters button[aria-pressed=true]{color:var(--ink)}.filters button[aria-pressed=true]{font-weight:600}.strips{flex-direction:column;gap:56px;display:flex}.strips:hover .strip-item:not(:hover) .strip{opacity:.45}.strip{gap:var(--gap);scrollbar-width:none;padding-right:var(--m);transition:opacity .3s;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.strip img{aspect-ratio:16/9;object-fit:cover;flex:none;width:auto;height:190px}.strip-cap{padding-right:var(--m);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:14px;display:grid}.strip-cap h3 a{text-decoration:none}.strip-cap h3 a:hover{text-underline-offset:4px;text-decoration:underline}.desc{color:var(--muted);font-size:var(--step-small)}.when{font-size:var(--step-small);justify-self:end;align-items:center;gap:10px;display:flex}.pitch{max-width:62ch;padding-right:var(--m);margin-top:8px}.facts{color:var(--muted)}.channel{padding:var(--section) 0 0}.channel-head{padding:0 var(--m);grid-template-columns:auto auto auto;justify-content:start;align-items:end;gap:16px 48px;display:grid}.channel-head p{color:var(--muted);max-width:32ch}.reel{margin:48px var(--m) 0;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;gap:clamp(16px,2.4vw,40px);padding:0 0 8px;display:flex;overflow-x:auto}.reel::-webkit-scrollbar{display:none}.reel li{scroll-snap-align:start;flex:none;width:clamp(260px,26vw,420px)}.reel a{text-decoration:none;display:block}.reel img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform .25s var(--ease);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.reel a:hover img{transform:scale(1.04)}.reel span{font-size:var(--step-small);margin-top:12px;display:block}.studio{margin-top:var(--section);background:var(--field);color:var(--field-ink);padding:clamp(64px, 9vw, 140px) var(--m)}.studio-row{grid-template-columns:34% 1fr;gap:32px 0;display:grid}.studio-row.record{margin-top:120px}.side h2{font-size:var(--step-head);margin-bottom:40px}.studio dl{grid-template-columns:repeat(2,minmax(0,160px));gap:24px 32px;display:grid}.studio dt{color:var(--field-muted);font-size:var(--step-small)}.studio dd{font-size:var(--step-body);font-weight:500}.statement{letter-spacing:-.01em;max-width:26em;font-size:clamp(1.25rem,2vw,2.125rem);line-height:1.3}.studio .statement{padding-right:6%}h3.side{font-size:var(--step-body);font-weight:600}.lists{grid-template-columns:repeat(2,minmax(0,340px));gap:64px;display:grid}.lists li{font-size:var(--step-body);justify-content:space-between;gap:16px;padding:6px 0;display:flex}.lists li span:last-child{color:var(--field-muted)}.contact{padding:var(--section) var(--m) 120px;grid-template-columns:repeat(12,1fr);align-items:start;gap:24px;display:grid}.contact-text{grid-column:1/6}.contact-text h2{margin-bottom:28px}.contact .statement{font-size:clamp(1.25rem,2vw,2rem)}.portrait{grid-column:7/9;justify-self:end;width:160px;height:160px}.contact-links{flex-direction:column;grid-column:9/13;align-items:start;gap:10px;display:flex}.contact-links .q{font-weight:500;font-size:var(--step-lead);margin-bottom:10px}.contact-links>a{font-size:var(--step-lead);text-underline-offset:5px;text-decoration-thickness:2px}.contact-links>a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.note{color:var(--muted);font-size:var(--step-small);margin-top:14px}.board{gap:var(--gap);padding:0 var(--m) var(--m);grid-template-columns:repeat(12,1fr);display:grid}.ft{background:var(--surface);min-height:220px;padding:20px;text-decoration:none}.ft-statement{flex-direction:column;grid-column:1/5;justify-content:space-between;gap:24px;display:flex}.ft-statement p:first-child{font-size:var(--step-lead);max-width:18ch;line-height:1.25}.legal{font-size:var(--step-small);color:var(--muted)}.ft-nav{flex-direction:column;grid-column:5/8;gap:6px;display:flex}.ft-nav a{color:var(--muted);text-decoration:none;transition:color .16s}.ft-nav a:hover{color:var(--ink)}.ft-steam{flex-direction:column;grid-column:8/10;justify-content:space-between;display:flex}.ft-steam a{text-underline-offset:4px}.ft-yt{flex-direction:column;grid-column:10/13;justify-content:space-between;display:flex}.ft-yt a{font-size:var(--step-lead);text-underline-offset:5px}.ft-word{background:var(--field);min-height:320px;color:var(--field-ink);letter-spacing:-.045em;white-space:nowrap;grid-column:1/9;justify-content:center;align-items:center;font-size:clamp(3rem,8.4vw,9rem);font-weight:600;line-height:.9;display:flex;overflow:hidden}.ft-cta{background:var(--accent);min-height:320px;color:var(--accent-ink);flex-direction:column;grid-column:9/13;justify-content:space-between;align-items:start;transition:background-color .2s;display:flex}.ft-cta span{font-size:clamp(1.5rem,2vw,2rem);font-weight:500;line-height:1.1}.ft-cta svg{transition:transform .25s var(--ease);align-self:end}.ft-cta:hover{background:#ad3cf2}.ft-cta:hover svg{transform:translate(6px,-6px)}@media (prefers-reduced-motion:no-preference){.js .rise{opacity:0;transition:opacity .7s var(--ease) var(--d,0s), transform .7s var(--ease) var(--d,0s);transform:translateY(24px)}.js .in .rise{opacity:1;transform:none}.js [data-rise]{animation:up .9s var(--ease) both}.js .hero-sub[data-rise]{animation-delay:.12s}.frame video{animation:14s ease-in-out infinite alternate drift}}@keyframes up{0%{opacity:0;transform:translateY(28px)}}@keyframes drift{to{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile:before,.reel img,.btn,.ft-cta svg{transition:none}}@media (width<=1000px){.bar nav{display:none}.bar .btn-small{margin-left:auto}.work{grid-template-columns:1fr;padding-right:0}.rail{padding-right:var(--m);justify-content:space-between;align-items:end;margin-bottom:32px;display:flex;position:static}.filters{flex-direction:row;gap:20px;margin-top:0}.studio-row{grid-template-columns:1fr}.contact{grid-template-columns:1fr auto}.contact-text{grid-column:1/-1}.portrait{grid-column:1;justify-self:start}.contact-links{grid-column:2}.channel-head{grid-template-columns:1fr auto}.channel-head p{grid-area:2/1}.channel-head .btn{grid-area:1/2/3}}.m-pic{display:none}@media (width<=1000px){.mosaic{aspect-ratio:auto;grid-template-rows:none;grid-template-columns:1fr 1fr;container-type:normal}.tile{display:none}.ctile,.m-pic{grid-area:auto}.m-pic{grid-column:1/-1;width:100%;height:auto;display:block}.t-head{grid-column:1/-1;min-height:160px}.t-a,.t-act{grid-column:1/-1}.ctile h2{font-size:var(--step-head)}}@media (width<=640px){.hero{min-height:auto}.hero-sub{margin-top:28px}.actions{gap:20px}.lit-strip{padding-top:40px}.frame img,.frame video{height:min(34vh, calc((100vw - 2 * var(--m)) * 9 / 16))}.rail{flex-direction:column;align-items:start;gap:12px}.filters{flex-wrap:wrap;gap:16px}.strip img{height:120px}.strip{scroll-snap-type:x mandatory}.strip img{scroll-snap-align:start}.strip-cap{grid-template-columns:1fr auto}.desc{display:none}.channel-head{grid-template-columns:1fr}.channel-head p,.channel-head .btn{grid-area:auto/1;justify-self:start}.reel li{width:76vw}.lists{grid-template-columns:1fr;gap:40px}.studio dl{grid-template-columns:1fr 1fr}.studio-row.record{margin-top:64px}.contact{padding-bottom:80px}.portrait{width:96px;height:96px}.board{grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:6px}.ft{min-height:0}.ft-word{min-height:160px;font-size:var(--step-display);order:-2;grid-column:1/-1}.ft-cta{order:-1;grid-column:1/-1;min-height:160px}.ft-nav{grid-column:1}.ft-yt{grid-column:2}.ft-steam{grid-column:1}.ft-statement{grid-column:2}.ft-yt a{font-size:var(--step-body)}}