@font-face{font-family:Climate Crisis;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/climate-crisis.woff2) format("woff2")}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 500;font-stretch:75% 112.5%;font-display:swap;src:url(/fonts/martian-mono.woff2) format("woff2")}:root{color-scheme:dark;--pad:clamp(20px,5vw,72px);--page:calc(max(1180px,64vw) + 2*var(--pad));--bg:#01030d;--ink:#eef2f8;--dim:rgba(238,242,248,.64);--faint:rgba(238,242,248,.14);--p:0}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:Martian Mono,ui-monospace,monospace;font-weight:300;font-stretch:87.5%;overflow-x:hidden}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}::selection{background:#b4a0ff59}.label{font-size:clamp(10px,.62vw,12.5px);letter-spacing:.32em;color:var(--dim)}.display{font-family:Climate Crisis,Arial Black,sans-serif;font-weight:400;line-height:.98}.display .row{position:relative;display:flex;justify-content:inherit;transform:scaleY(1.12);transform-origin:50% 100%}.fz{display:inline-block;transform-origin:50% 0;transform:translateY(calc((1 - var(--e,1))*-.4em)) scaleY(calc(1 + (1 - var(--e,1))*.6));font-weight:calc(100 + var(--e,1)*200)}.display .ch{display:inline-block;position:relative;text-align:center;font-variation-settings:"YEAR" 1979;transform-origin:50% 0}.readout{position:fixed;z-index:20;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;mix-blend-mode:difference}.readout .label{color:#eef2f8cc}.corner{position:fixed;z-index:21;top:18px;right:20px;display:flex;align-items:center;pointer-events:none}.sound{--hit:0;position:relative;pointer-events:auto;touch-action:manipulation;cursor:pointer;display:inline-flex;align-items:center;gap:12px;margin:-9px -4px -9px 0;padding:8px 15px 8px 13px;border:0;border-radius:999px;box-shadow:inset 0 0 0 1px #eef2f857;color:#eef2f8eb;background:#01030d99;-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);font-family:inherit;font-weight:inherit;font-stretch:inherit;-webkit-tap-highlight-color:transparent;transition:color .45s,transform .3s cubic-bezier(.2,.9,.3,1.3)}.sound canvas{width:44px;height:14px;display:block;opacity:.8;transition:opacity .45s}.sound span{display:inline-block;min-width:6.2ch;text-align:left;transform-origin:50% 100%}.sound:focus-visible,.sound.on{color:var(--ink);outline:none}.sound.on canvas{opacity:1}.sound:focus-visible{box-shadow:inset 0 0 0 1px #eef2f899}@media (hover:hover){.sound:hover{color:var(--ink);box-shadow:inset 0 0 0 1px #eef2f899}.sound:hover canvas{opacity:1}}.sound:active{transform:scale(.96)}.sound:before{content:"";position:absolute;top:-10px;right:-8px;bottom:-10px;left:-8px}.sound:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 1px #eef2f8bf;opacity:var(--hit);transform:scale(calc(1 + var(--hit)*.12));pointer-events:none}.track{position:relative;height:230svh}.stage{position:sticky;top:0;height:100svh;overflow:hidden;touch-action:pan-y}#gl{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;display:block;pointer-events:none;background:var(--bg)}.glready #gl{background:none}.fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:none;gap:28px}.fallback img{flex:1;min-width:0;height:100%;object-fit:cover;filter:brightness(.85)}.nogl #gl{display:none}.nogl .fallback{display:flex}@media (prefers-reduced-motion:no-preference){.nogl .fallback{opacity:calc(1 - var(--p))}.nogl .release{opacity:var(--p)}}.word{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4}h1{font-size:clamp(40px,9.4vw,128px);justify-content:center}h1 .ch{will-change:transform;pointer-events:auto;transform-origin:50% 0}.cue{position:absolute;z-index:4;left:0;right:0;bottom:calc(26px + env(safe-area-inset-bottom));text-align:center;transform:translateY(calc(var(--p)*220px))}.cue span{display:inline-block;animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(5px)}}.release{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:70px var(--pad) 40px;pointer-events:none}.links a.live{pointer-events:auto}.rel{width:min(max(1180px,64vw),100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,80px);align-items:center}.cw{position:relative;z-index:0;width:min(56vh,100%);max-width:100%;justify-self:end}.cover{width:100%;aspect-ratio:1;overflow:hidden;border-radius:4%}.cover img{width:100%;height:100%;display:block;object-fit:cover}.glready .cover img{clip-path:inset(0 0 100% 0)}.rel>div:first-child{position:relative;z-index:1}h2{margin:0 0 16px;justify-content:flex-start;white-space:nowrap}#rlabel{margin-bottom:clamp(22px,4vh,40px)}.links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.links a{position:relative;overflow:hidden;isolation:isolate;display:block;padding:0 18px 0 16px;height:clamp(46px,2.9vw,56px);border-radius:999px;font-size:clamp(12px,.72vw,14.5px);white-space:nowrap;letter-spacing:.06em;color:var(--dim);box-shadow:inset 0 0 0 1px var(--faint);transition:color .7s,box-shadow .7s;transform:translateY(calc((1 - var(--e,1))*18px))}.links .in{display:flex;align-items:center;gap:12px;height:100%;font-weight:calc(100 + var(--e,1)*200);transition:transform .9s cubic-bezier(.22,.8,.25,1)}.links img{width:15px;height:15px;filter:invert(1) brightness(.8);transition:filter .7s}.links .go{margin-left:auto;transition:transform .45s cubic-bezier(.2,.9,.2,1)}.links a:before{content:"";position:absolute;z-index:-1;left:-20%;right:-20%;top:105%;height:200%;background:#eef2f817;box-shadow:inset 0 1px #eef2f833;border-radius:44% 56% 0 0/18px 12px 0 0;transform-origin:50% 0;transition:top .9s cubic-bezier(.22,.8,.25,1),border-radius .9s cubic-bezier(.22,.8,.25,1);animation:sway 3.6s ease-in-out infinite paused}@keyframes sway{0%,to{transform:rotate(-1.3deg)}50%{transform:rotate(1.3deg)}}.links a:focus-visible{color:var(--ink);outline:none;box-shadow:inset 0 0 0 1px #eef2f852}.links a:focus-visible:before{top:-40%;border-radius:50% 50% 0 0/8px 10px 0 0;animation-play-state:running}.links a:focus-visible img{filter:invert(1)}.links a:focus-visible .in{transform:translate(4px)}.links a:focus-visible .go{transform:translate(2px,-2px) rotate(-8deg)}@media (hover:hover){.links a:hover{color:var(--ink);box-shadow:inset 0 0 0 1px #eef2f852}.links a:hover:before{top:-40%;border-radius:50% 50% 0 0/8px 10px 0 0;animation-play-state:running}.links a:hover img{filter:invert(1)}.links a:hover .in{transform:translate(4px)}.links a:hover .go{transform:translate(2px,-2px) rotate(-8deg)}}.links a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #eef2f880;opacity:var(--hit,0);pointer-events:none}.links a:active{color:var(--ink)}.links a:active:before{top:-40%;transition-duration:.35s}.links a:active img{filter:invert(1)}.play{all:unset;position:absolute;z-index:5;box-sizing:border-box;border-radius:4%;cursor:pointer;pointer-events:none;opacity:var(--e,0);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.play.live{pointer-events:auto}.play .disc{position:absolute;left:5%;bottom:5%;width:clamp(44px,13%,62px);aspect-ratio:1;border-radius:50%;color:var(--ink);background:#01030d6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #eef2f847;transition:transform .5s cubic-bezier(.2,.9,.3,1.3),background .4s,box-shadow .4s}.play svg{display:block;width:100%;height:100%;overflow:visible}.play .ring{fill:none;stroke:#eef2f829;stroke-width:1.4}.play .done{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:138.23;stroke-dashoffset:calc(138.23px*(1 - var(--at,0)));transform:rotate(-90deg);transform-origin:24px 24px}.play .tri,.play .bars{fill:currentColor;transition:opacity .25s}.play .bars,.play.on .tri{opacity:0}.play.on .bars{opacity:1}@media (hover:hover){.play.live:hover .disc{transform:scale(1.08);background:#01030d8f;box-shadow:inset 0 0 0 1px #eef2f88f}}.play:focus-visible{outline:none}.play:focus-visible .disc{box-shadow:inset 0 0 0 1px #eef2f88f,0 0 0 3px #eef2f880}.play:active .disc{transform:scale(.94)}@media (prefers-reduced-motion:no-preference){.nogl .cover,.nogl .play{transition:transform .8s cubic-bezier(.2,.9,.3,1.2)}.playing .nogl .cover,.playing .nogl .play{transform:scale(1.05)}}.who{position:relative;z-index:1;width:min(var(--page),100%);margin:0 auto;padding:30vh var(--pad) 22vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,80px);align-items:end;overflow-x:clip}.q{justify-content:flex-start;white-space:nowrap}.bio{max-width:44ch;font-size:clamp(13px,1.15vw,15px);line-height:1.85;letter-spacing:.02em;color:var(--dim)}.end{position:relative;z-index:1;width:min(var(--page),100%);margin:0 auto;padding:0 var(--pad) calc(26px + env(safe-area-inset-bottom))}.end div{display:flex;justify-content:space-between;align-items:center;gap:16px}.end .label{font-size:10px;letter-spacing:.3em;color:#eef2f880}.back{all:unset;cursor:pointer;display:inline-flex;gap:10px;align-items:center;margin:-9px 0 -9px -14px;padding:9px 16px 9px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px #eef2f824;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .45s,box-shadow .45s,transform .3s cubic-bezier(.2,.9,.3,1.3)}.back i{font-style:normal;display:inline-block;transition:transform .6s cubic-bezier(.2,.9,.2,1)}.back:focus-visible{color:var(--ink);box-shadow:inset 0 0 0 1px #eef2f866}.back:focus-visible i{transform:translateY(-4px)}@media (hover:hover){.back:hover{color:var(--ink);box-shadow:inset 0 0 0 1px #eef2f866}.back:hover i{transform:translateY(-4px)}}.back:active{transform:scale(.96)}.bgt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.58;-webkit-mask-image:radial-gradient(ellipse at 50% 60%,#0006,#000b 50%,#000 85%);mask-image:radial-gradient(ellipse at 50% 60%,#0006,#000b 50%,#000 85%)}.bgt .ln{position:absolute;left:-30vw;transform-origin:80vw 50%;white-space:nowrap;line-height:1;font-weight:200;will-change:transform}.bgt .ln div{display:flex;width:max-content}.bgt .repeat{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-width:180vw}.bgt .phrase{display:inline-flex;align-items:baseline;gap:.65em;padding-right:var(--gap,3em)}.bgt .phrase>span{display:inline-block;transform:translateY(var(--shift,0));letter-spacing:var(--phase-spacing,inherit)}.bgt .phrase:before{content:"MELTING"}.bgt .phrase>span:before{content:"PHASE"}.l1{top:7%;font-size:clamp(10px,.9vw,16px);letter-spacing:.32em;color:#142044;--gap:5em}.l2{top:20%;font-size:clamp(27px,4.8vw,86px);letter-spacing:-.055em;color:#0d1737;--gap:3.5em;--shift:.22em;--phase-spacing:.12em}.l3{top:31%;font-size:clamp(12px,1.35vw,24px);letter-spacing:.38em;color:#111c3c;--gap:4em}.l4{top:44%;font-size:clamp(18px,2.5vw,45px);letter-spacing:.04em;color:#101a3b;--shift:-.18em;--gap:4.5em}.l5{top:49%;font-size:clamp(9px,.7vw,13px);letter-spacing:.2em;color:#152247;--gap:8em}.l6{top:73%;font-size:clamp(23px,3.7vw,67px);letter-spacing:-.045em;color:#0c1533;--shift:-.25em;--phase-spacing:.08em}.l7{top:84%;font-size:clamp(10px,1vw,18px);letter-spacing:.42em;color:#121e40;--gap:6em}.l8{top:96%;font-size:clamp(15px,1.9vw,34px);letter-spacing:.16em;color:#0e1837;--gap:4em}.track{z-index:1}@media (max-width:760px){.track{height:220svh}.rel{grid-template-columns:minmax(0,1fr);gap:18px}.cw{order:-1;justify-self:start;width:min(48vw,34vh)}h2{margin:0 0 12px}#rlabel{margin-bottom:18px}.links{gap:8px}.links a{height:42px;padding:0 14px 0 13px;font-size:11px}.links .in{gap:10px}.who{grid-template-columns:minmax(0,1fr);padding:24vh 20px 16vh;gap:30px}.end{padding-left:20px;padding-right:20px}.readout{top:14px;left:14px;right:14px}.corner{top:14px;right:14px}.readout .label{font-size:10px;letter-spacing:.24em}.sound{gap:9px;padding:7px 12px 7px 11px;margin:-8px -3px -8px 0}.sound canvas{width:30px}}@media (max-width:380px){.links a{padding:0 11px;font-size:10.5px;letter-spacing:.03em}.links .in{gap:8px}}@media (max-height:520px) and (orientation:landscape){.release{padding:48px 20px 14px}.rel{gap:24px}h2{margin-bottom:8px}#rlabel{margin-bottom:12px}.links{gap:6px}.links a{height:32px;font-size:11px}}@media (prefers-reduced-motion:reduce){.track{height:auto}.stage{position:relative;height:auto;overflow:visible}#gl{display:none}.fallback{display:flex;position:relative;height:88svh}.word{position:absolute;top:0;height:88svh}.release{position:relative;pointer-events:auto;padding:12vh 20px}.cue{display:none}*{animation:none!important;transition:none!important}}