:root{--acid:#efff51;--blue:#1947ff;--red:#ff3f25;--ink:#111;--paper:#f3f0e7;--line:rgba(17,17,17,.3);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{min-width:320px;margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink)}a{color:inherit}.site-header{position:absolute;z-index:6;top:0;left:50%;display:flex;justify-content:space-between;width:min(calc(100% - 48px),1560px);padding:24px 0;border-bottom:2px solid var(--ink);font:900 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;transform:translateX(-50%)}.site-header a{text-decoration:none}.site-header p{margin:0}.hero{position:relative;min-height:920px;overflow:hidden;background:var(--acid)}.poster-grid{position:absolute;inset:0;display:grid;grid-template-columns:1.2fr .7fr 1fr .8fr;grid-template-rows:1.1fr .9fr;gap:10px;padding:86px 24px 24px;opacity:.88}.poster-grid figure{position:relative;margin:0;overflow:hidden;background:var(--ink)}.poster-grid figure:nth-child(1){grid-row:span 2}.poster-grid figure:nth-child(4){grid-column:span 2}.poster-grid img{width:100%;height:100%;object-fit:contain;filter:saturate(1.25) contrast(1.08)}.poster-grid figure:nth-child(2) img{mix-blend-mode:screen}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,255,81,.9),rgba(239,255,81,.05) 68%)}.hero-title{position:relative;z-index:2;width:min(calc(100% - 48px),1560px);margin:0 auto;padding-top:160px}.hero-title>p,.hero-index,.collision-kicker,.viewer-topline,.token-id,.marching-note>p{font:900 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.hero h1{margin:36px 0 0;font-size:clamp(6rem,14vw,14rem);line-height:.67;letter-spacing:0}.hero h1 span,.hero h1 strong,.hero h1 i{display:block}.hero h1 span{font-family:Georgia,"Times New Roman",serif;font-size:.42em;font-style:italic;font-weight:400}.hero h1 strong{font-family:Arial Black,"Helvetica Neue",Arial,sans-serif;text-transform:uppercase}.hero h1 i{margin-left:clamp(25px,13vw,220px);color:var(--blue);font-family:Georgia,"Times New Roman",serif;font-size:.54em;font-weight:400}.hero-index{position:absolute;z-index:2;right:max(24px,calc((100vw - 1560px)/2));bottom:44px;padding:10px;background:var(--red);color:#fff}.collision{display:grid;grid-template-columns:.45fr 1.55fr;gap:clamp(50px,10vw,160px);padding:clamp(100px,14vw,210px) max(24px,calc((100vw - 1560px)/2));background:var(--blue);color:#fff}.collision h2{margin:0 0 38px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(4rem,8vw,8.7rem);font-weight:400;line-height:.86}.collision div p{max-width:780px;margin:0;font-size:17px;line-height:1.7}.viewer{padding:clamp(90px,12vw,170px) max(24px,calc((100vw - 1560px)/2))}.viewer-topline{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:2px solid var(--ink)}.viewer-topline p{margin:0}.viewer-grid{display:grid;grid-template-columns:minmax(430px,1.2fr) minmax(320px,.8fr);gap:clamp(40px,7vw,110px);padding-top:54px}.media-frame{width:min(100%,calc(min(76vh,840px)*var(--artwork-ratio-number,.667)));margin:auto}.media-stage{position:relative;width:100%;aspect-ratio:var(--artwork-ratio,2/3);overflow:hidden;background:#ddd}.media-stage img{display:block;width:100%;height:100%;object-fit:contain}.media-stage::before{content:"";position:absolute;z-index:1;inset:0;border:10px solid var(--ink);pointer-events:none}.media-stage span{position:absolute;z-index:2;right:15px;bottom:15px;padding:8px 10px;background:var(--paper);font:900 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.media-stage.is-ready span{background:var(--acid)}.media-stage.is-animated span{background:var(--red);color:#fff}.work-panel{align-self:center;min-width:0}.work-panel h2{margin:12px 0 28px;font-family:Arial Black,"Helvetica Neue",Arial,sans-serif;font-size:clamp(3.1rem,5vw,6rem);line-height:.88;text-transform:uppercase}.token-description{min-height:92px;margin:0 0 32px;font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;line-height:1.42}.facts{display:grid;grid-template-columns:repeat(2,1fr);margin:0;border-top:2px solid var(--ink)}.facts div{padding:12px 0;border-bottom:1px solid var(--line)}.facts dt{font:900 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.facts dd{margin:5px 0 0;font-size:12px;overflow-wrap:anywhere}.viewer-controls{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:8px;margin-top:24px}.viewer-controls button,.viewer-controls select{height:46px;border:2px solid var(--ink);border-radius:0;background:transparent;color:var(--ink)}.viewer-controls button{cursor:pointer}.viewer-controls button:hover{background:var(--red);color:#fff}.viewer-controls select{min-width:0;padding:0 12px;font-weight:900}.token-links{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:24px;font:900 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.token-links a{padding-bottom:4px;border-bottom:2px solid;text-decoration:none}.token-links a:hover{background:var(--acid)}.filmstrip{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.filmstrip button{height:82px;padding:5px;border:2px solid transparent;border-radius:0;background:transparent;cursor:pointer;opacity:.42}.filmstrip button.is-active{border-color:var(--ink);background:var(--acid);opacity:1}.filmstrip img{width:100%;height:100%;object-fit:contain}.marching-note{display:grid;grid-template-columns:.42fr 1fr .72fr;gap:clamp(35px,7vw,110px);padding:clamp(100px,14vw,210px) max(24px,calc((100vw - 1560px)/2));background:var(--ink);color:var(--paper)}.marching-note h2{margin:0;color:var(--acid);font-family:Georgia,"Times New Roman",serif;font-size:clamp(4rem,7vw,7.5rem);font-weight:400;line-height:.9}.marching-note div{align-self:end}.marching-note div p{margin:0 0 20px;color:#c8c5bd;font-size:15px;line-height:1.7}footer{display:flex;justify-content:space-between;width:min(calc(100% - 48px),1560px);margin:auto;padding:30px 0 40px;font:900 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}footer p{margin:0}@media(max-width:950px){.collision,.marching-note{grid-template-columns:1fr}.viewer-grid{grid-template-columns:1fr}.work-panel{max-width:820px;margin:auto}.filmstrip{grid-column:auto;overflow-x:auto;grid-template-columns:repeat(7,minmax(92px,1fr));padding-bottom:5px}}@media(max-width:600px){.site-header,.hero-title,footer{width:calc(100% - 24px)}.site-header p{max-width:52vw;text-align:right}.hero{min-height:760px}.poster-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);padding:74px 12px 12px}.poster-grid figure:nth-child(1){grid-row:span 1}.poster-grid figure:nth-child(4){grid-column:span 1}.poster-grid figure:nth-child(n+5){display:none}.hero-title{padding-top:130px}.hero h1{font-size:6rem}.hero h1 i{margin-left:14px}.hero-index{right:12px}.collision,.marching-note{padding:90px 12px}.collision h2,.marching-note h2{font-size:4rem}.viewer{padding:78px 12px}.viewer-topline{display:block}.viewer-topline p+ p{margin-top:8px}.viewer-grid{padding-top:38px}.media-frame{width:100%}.work-panel h2{font-size:3.35rem}.facts{grid-template-columns:1fr}.filmstrip button{height:68px}footer{flex-direction:column;gap:7px}}
@media(max-width:600px){.hero h1{font-size:4.65rem}.hero h1 i{margin-left:8px;font-size:.5em}}
@media(max-width:430px){.hero h1{font-size:3.7rem}}