.tp{--sq:100vw;--sq-top:0px;--sq-left:0px}@media (width>=900px){.tp{--sq:min(100svh, 58vw);--sq-top:calc((100svh - var(--sq)) / 2)}.tp.side-right{--sq-left:calc(100vw - var(--sq))}}.scene{margin-top:calc(-1 * var(--header-h));background:var(--field);isolation:isolate;position:relative;overflow:clip}@media (width>=900px){.scene{min-height:100svh}}.scene-square{z-index:0;width:var(--sq);aspect-ratio:1;max-width:100%;position:relative}@media (width>=900px){.scene-square{top:var(--sq-top);left:var(--sq-left);position:absolute}}.scene-square .cover{clip-path:none;width:100%;height:100%}.scene-gl{z-index:1;opacity:0;transition:opacity .7s var(--ease-out);position:absolute;inset:0}.scene--live .scene-gl{opacity:1}.scene-gl canvas{width:100%;height:100%}.scene:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(60% 60% at calc(var(--sq-left) + var(--sq) / 2) 50%, color-mix(in srgb, var(--vivid) 22%, transparent), transparent 70%);position:absolute;inset:0}.scene--live:before{display:none}.scene:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(to top, var(--field) 0%, color-mix(in srgb, var(--field) 70%, transparent) 26%, transparent 52%);position:absolute;inset:0}@media (width>=900px){.side-right .scene:after{background:linear-gradient(to right, color-mix(in srgb, var(--field) 92%, transparent) 0%, color-mix(in srgb, var(--field) 70%, transparent) 30%, transparent 46%)}.side-left .scene:after{background:linear-gradient(to left, color-mix(in srgb, var(--field) 92%, transparent) 0%, color-mix(in srgb, var(--field) 70%, transparent) 30%, transparent 46%)}}.motif{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:clip}.scene-top{z-index:4;height:calc(var(--header-h) + 64px);background:linear-gradient(color-mix(in srgb, var(--field) 75%, transparent), transparent);pointer-events:none;position:absolute;top:0;left:0;right:0}.scene-copy{z-index:4;padding:8px var(--gutter-r) 56px var(--gutter);flex-direction:column;justify-content:flex-end;gap:clamp(18px,2.4vw,32px);margin-top:-18vw;display:flex;position:relative}@media (width>=900px){.scene-copy{min-height:100svh;padding-top:calc(var(--header-h) + 48px);width:calc(100vw - var(--sq) + 6vw);margin-top:0;padding-bottom:clamp(48px,8svh,96px)}.side-left .scene-copy{margin-left:auto;padding-left:0}.side-right .scene-copy{padding-right:0}.side-left .scene-copy>:not(.art-title){margin-left:6vw}.side-right .scene-copy>:not(.art-title){max-width:calc(100vw - var(--sq) - var(--gutter) - 32px)}}.tp{--colw:calc(100vw - var(--gutter) - var(--gutter-r))}@media (width>=900px){.tp{--colw:calc(100vw - var(--sq) + 6vw - var(--gutter) - 24px)}}.art-title{text-transform:none;font-family:var(--f-art);letter-spacing:0;text-wrap:balance;overflow-wrap:normal;font-weight:400;line-height:.9;font-size:max(2.4rem, min(calc(var(--colw) / max(var(--fit), 3.2)), var(--fs-max)));color:var(--ink);margin:0;display:grid;position:relative}.art-title>span{grid-area:1/1}.art-by{font-size:var(--t-statement);max-width:34ch;text-shadow:0 1px 18px var(--field);margin:0;line-height:1.38}.art-h2{font-family:var(--f-art)}.tp:not(.type-gold):not(.type-fire):not(.type-distressed) .art-title{text-shadow:0 2px 30px color-mix(in srgb, var(--field) 80%, transparent)}.tp--vampire .art-title,.tp--voices-in-my-head .art-title,.tp--deja-vu .art-title,.tp--never-have-me .art-title,.tp--selfmade .t-self,.tp--pon-de-replay .art-title,.tp--seen-what-ive-seen .art-title,.tp--like-to-party .art-title,.tp--hallucinate .art-title{text-transform:uppercase}.tp--albatraoz .art-title{letter-spacing:.04em}.tp--chaos .art-title,.tp--in-my-face .art-title,.tp--up-top .art-title{text-transform:uppercase;font-weight:850;font-stretch:75%}.tp--monkey-man .art-title,.tp--from-the-inside .art-title{text-transform:uppercase;font-weight:900;font-stretch:100%}.tp--till-8-in-the-morning .art-title,.tp--what-i-deserve .art-title,.tp--action .art-title{text-transform:uppercase;letter-spacing:.3em;font-weight:560;line-height:1.12}.type-distressed .t-main{-webkit-mask:url(/media/art/grunge.png) 0 0/300px;mask:url(/media/art/grunge.png) 0 0/300px}.type-distressed .art-title{filter:drop-shadow(0 0 28px color-mix(in srgb, var(--vivid) 45%, transparent))}.type-gold .t-main{background:linear-gradient(176deg,#fff6d2 0%,#f4c65a 30%,#b47a1c 52%,#ffe7a0 70%,#a86d16 100%) 0 0/100% 220%;color:#0000;animation:shine 7s var(--ease-in-out) infinite alternate;-webkit-background-clip:text;background-clip:text}.type-gold .art-title{filter:drop-shadow(0 4px 28px color-mix(in srgb, var(--vivid) 50%, transparent))}@keyframes shine{0%{background-position:0 0}to{background-position:0 100%}}.type-fire .t-main{background:linear-gradient(#fff1c2 0%,#ffc456 30%,#ff7a1f 62%,#ff3a12 100%) 0 0/100% 160%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2.4s step-end infinite flicker}.type-fire .art-title{filter:drop-shadow(0 0 22px #ff5a148c)}@keyframes flicker{0%,to{background-position:0 0}23%{background-position:0 18%}41%{background-position:0 6%}67%{background-position:0 26%}82%{background-position:0 10%}}.type-echo .t-main{z-index:1;color:#fff;text-shadow:0 0 28px var(--vivid), 0 0 2px #fff;position:relative}.type-echo .t-ghost{color:#0000;-webkit-text-stroke:1.5px var(--vivid);opacity:.8;animation:echo 5s var(--ease-in-out) infinite}.type-echo .t-ghost--2{-webkit-text-stroke-color:var(--vivid-2);opacity:.55;animation-delay:-2.5s}@keyframes echo{0%,to{transform:translate(0)}30%{transform:translate(.06em,-.08em)}60%{transform:translate(-.05em,.05em)}}.type-extrude .art-title{color:#fff;text-shadow:.02em .02em 0 var(--display), .04em .04em 0 var(--display), .06em .06em 0 var(--vivid-2), .08em .08em 0 var(--vivid-2), .1em .1em 0 #0b0440, 0 0 40px color-mix(in srgb, var(--vivid) 60%, transparent)}.type-khaki .art-title{color:var(--vivid-2)}.type-outline .t-main{color:#0000;-webkit-text-stroke:2px var(--display)}.type-outline .art-title{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--vivid) 60%, transparent))}.type-solid .art-title{color:var(--display)}.type-light .art-title{color:#fff;text-shadow:0 0 34px var(--vivid-2), 0 0 90px var(--vivid)}.type-glitch .art-title{color:var(--display);transform-origin:0 100%;text-shadow:calc(.03em + var(--kick,0) * .08em) 0 0 var(--vivid-2), calc(-.025em - var(--kick,0) * .06em) 0 0 #ffffff8c;transform:skew(-9deg)}.type-glitch .t-main{animation:3.6s step-end infinite glitch}@keyframes glitch{0%,to{clip-path:none;transform:none}61%{clip-path:inset(30% 0 48%);transform:translate(.05em)}62%{clip-path:inset(62% 0 8%);transform:translate(-.06em)}63%{clip-path:none;transform:none}88%{clip-path:inset(10% 0 70%);transform:translate(.04em)}89%{clip-path:none;transform:none}}.type-strips .art-title{color:#fff;font-size:max(2.4rem, min(calc(var(--colw) / 7.5), 6.5rem));flex-wrap:wrap;gap:.1em;display:flex}.type-strips .strip{background:#000;padding:.08em .18em .02em}.type-strips .strip:nth-child(2){color:var(--display)}.type-selfmade .art-title{flex-wrap:wrap;align-items:baseline;display:flex}.type-selfmade .t-self{color:#fff;font-family:Anton,Arial Narrow,sans-serif}.type-selfmade .t-made{color:var(--display);text-transform:uppercase;font-family:Permanent Marker,cursive;font-size:.86em;transform:rotate(-7deg)translate(-.12em,.06em)}.type-solid-ink .art-title{color:var(--ink)}.tp--pon-de-replay .art-title{color:#fff}.tp--hallucinate .art-title{color:var(--display);filter:drop-shadow(0 0 20px color-mix(in srgb, var(--vivid) 55%, transparent))}.art-player{gap:16px;max-width:560px;display:grid}.art-player .btn{justify-self:start}.tp .track-wave span[data-on]{background:var(--vivid)}.tp .scene .btn:not(.btn--ghost){background:color-mix(in srgb, var(--vivid) 26%, var(--field));color:var(--ink);box-shadow:inset 0 0 0 2px var(--vivid), 0 0 calc(18px + var(--kick,0) * 30px) color-mix(in srgb, var(--vivid) 45%, transparent)}.tp .scene .btn:not(.btn--ghost):hover{background:color-mix(in srgb, var(--vivid) 40%, var(--field));color:var(--ink)}.tp{--ax:.5;--ay:.5}.motif-bats .bat{fill:#070102;width:clamp(38px,4.6vw,86px);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--vivid) 35%, transparent));will-change:transform;position:absolute;top:0;left:0}.motif-bats .bat path{transform-origin:50% 60%;animation:.34s ease-in-out infinite alternate flap;animation-delay:calc(var(--i) * -.07s)}@keyframes flap{0%{transform:scaleY(1)}to{transform:scaleY(.35)}}.motif-feathers .feather{fill:#0b0806;stroke:#c9993f;stroke-width:1.2px;stroke-opacity:.7;will-change:transform;width:clamp(30px,3.4vw,64px);position:absolute;top:0;left:0}.motif-whispers span{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.24em;font-weight:600;font-stretch:75%;font-size:calc(var(--s) * .9rem);color:#ffb49e;opacity:0;white-space:nowrap;position:absolute}.motif-arch svg{left:calc(var(--sq-left) + var(--sq) * .04);top:calc(var(--sq-top) + var(--sq) * .02);width:calc(var(--sq) * .92);height:calc(var(--sq) * .98);fill:none;stroke:#f2c14e;stroke-width:1.6px;vector-effect:non-scaling-stroke;opacity:.75;position:absolute}.motif-arch svg path{vector-effect:non-scaling-stroke}.motif-marks i{opacity:.7;width:22px;height:22px;position:absolute}.motif-marks i:before,.motif-marks i:after{content:"";background:#fff;position:absolute}.motif-marks i:before{width:2px;height:22px;top:0;left:10px}.motif-marks i:after{width:22px;height:2px;top:10px;left:0}.motif-diamond svg{left:calc(var(--gutter) - 6vw);fill:none;width:min(52vw,640px);stroke:var(--vivid);stroke-width:.6px;opacity:.55;transform:scale(calc(1 + var(--kick,0) * .05));position:absolute;bottom:10svh}@media (width>=900px){.side-left .motif-diamond svg{left:auto;right:calc(var(--sq) * -.1);width:calc(100vw - var(--sq));bottom:6svh}}.motif-reticle svg,.motif-rewind svg{left:calc(var(--sq-left) + var(--ax) * var(--sq));top:calc(var(--sq-top) + var(--ay) * var(--sq));fill:none;position:absolute;translate:-50% -50%}.motif-reticle svg{width:calc(var(--sq) * .42);stroke:var(--vivid);stroke-width:1.4px;opacity:.8}.motif-reticle .hud-read{left:calc(var(--sq-left) + var(--ax) * var(--sq) + var(--sq) * .23);top:calc(var(--sq-top) + var(--ay) * var(--sq) - var(--sq) * .2);font-family:var(--f-display);letter-spacing:.16em;color:#ffd0d5;text-shadow:0 0 12px var(--vivid);gap:2px;margin:0;font-size:clamp(.7rem,.9vw,.95rem);font-weight:700;font-stretch:75%;display:grid;position:absolute}.motif-rewind svg{width:calc(var(--sq) * .86);stroke:var(--vivid);stroke-width:3px;stroke-linecap:square;opacity:.6}.motif-chevrons i{background:repeating-linear-gradient(-45deg, var(--vivid) 0 16px, #f2f2f2 16px 32px);opacity:.9;animation:1.6s linear infinite march;position:absolute}.motif-chevrons i:first-child{height:14px;bottom:0;left:0;right:0}.motif-chevrons i:last-child{width:14px;top:0;bottom:0;left:calc(var(--sq-left) - 7px)}.side-left .motif-chevrons i:last-child{left:calc(var(--sq) - 7px)}@media (width<=899px){.motif-chevrons i:last-child{display:none}}@keyframes march{to{background-position:45px 0}}.motif-tear svg{width:36px;height:100%;top:0;left:calc(var(--sq-left) - 22px);fill:#e9f2ff;position:absolute}@media (width<=899px){.motif-tear{display:none}}.clock{align-items:center;gap:16px;display:flex}.clock svg{fill:none;width:64px;height:64px;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:square}.clock .clock-h,.clock .clock-m{stroke:var(--vivid);transform-origin:50px 50px}.clock .clock-h{stroke-width:4px}.clock-time{font-family:var(--f-display);letter-spacing:.04em;font-size:2rem;font-weight:750;font-stretch:85%}.record{gap:40px;padding-top:clamp(56px,8vw,120px);padding-bottom:clamp(56px,8vw,120px);display:grid;position:relative}@media (width>=900px){.record{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;gap:72px}}.record-side{align-content:start;gap:22px;display:grid}.record .facts dd{font-family:var(--f-art)}.tp--till-8-in-the-morning .record .facts dd,.tp--what-i-deserve .record .facts dd,.tp--action .record .facts dd{font-family:var(--f-display)}.facts--stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;display:grid}.facts--stack div{border-top:2px solid var(--vivid);padding-top:14px}.facts--stack dd{font-size:clamp(2rem,4vw,3.5rem);line-height:1}.facts--plaque{outline-offset:6px;border:1px solid #c9993f;outline:1px solid #c9993f;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:7px;padding:8px;display:grid}.facts--plaque div{text-align:center;gap:6px;padding:20px 16px;display:grid}.facts--plaque div+div{border-left:1px solid #c9993f80}.facts--plaque div:nth-child(odd){border-left:0}.facts--plaque div:nth-child(n+3){border-top:1px solid #c9993f80}.facts--plaque dt{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-family:Cinzel,Georgia,serif;font-size:.8rem}.facts--plaque dd{color:#f4d58a;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;font-family:Cinzel,Georgia,serif!important}.facts--hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.facts--hud div{background:color-mix(in srgb, var(--vivid) 7%, var(--field));--b:var(--vivid);background-image:linear-gradient(var(--b), var(--b)), linear-gradient(var(--b), var(--b)), linear-gradient(var(--b), var(--b)), linear-gradient(var(--b), var(--b)), linear-gradient(var(--b), var(--b)), linear-gradient(var(--b), var(--b)), linear-gradient(var(--b), var(--b)), linear-gradient(var(--b), var(--b));background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:16px 2px,2px 16px,16px 2px,2px 16px,16px 2px,2px 16px,16px 2px,2px 16px;padding:18px 20px;position:relative}.facts--hud dt{text-transform:uppercase;letter-spacing:.2em;font-size:.78rem}.facts--hud dd{color:var(--ink);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;font-stretch:100%;font-family:var(--f-display)!important}.rx{color:#0b140e;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));background:#f3f5ef;gap:18px;max-width:620px;padding:clamp(22px,3vw,36px);display:grid}.rx-head{font-family:var(--f-display);text-transform:uppercase;border-bottom:3px solid #0b140e;align-items:baseline;gap:16px;margin:0;padding-bottom:12px;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:800;font-stretch:85%;display:flex}.rx-sign{color:#0b5a2a;font-family:Georgia,serif;font-size:2.2em;font-style:italic;line-height:.8}.rx-list{gap:8px;margin:0;display:grid}.rx-list div{border-bottom:1px dashed #6e7a70;grid-template-columns:9.5em 1fr;gap:12px;padding-bottom:8px;display:grid}.rx-list dt{text-transform:uppercase;letter-spacing:.12em;padding-top:3px;font-size:.8rem;font-weight:650}.rx-list dd{margin:0;font-weight:600}.rx-code{letter-spacing:.1em;gap:6px;margin:0;font-size:.85rem;font-weight:600;display:grid}.rx-bars{gap:2px;height:40px;display:flex}.rx-bars i{width:calc(var(--w) * 2px);background:#0b140e}.rx-bars i:nth-child(3n){margin-right:2px}.closeup{background-position:var(--x) var(--y);background-repeat:no-repeat;background-size:max(150%,900px);height:clamp(220px,34vw,480px);position:relative;overflow:hidden}.closeup:before{content:"";background:inherit;filter:grayscale()contrast(1.35)brightness(.9);position:absolute;inset:0}.closeup:after{content:"";background:linear-gradient(var(--vivid), var(--field));mix-blend-mode:multiply;position:absolute;inset:0}.pager-link img{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));width:72px;height:72px;margin-bottom:8px}.pager-next img{margin-left:auto}.pager-link:hover .pager-title{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pv);text-underline-offset:6px;text-decoration-thickness:3px}@media (prefers-reduced-motion:reduce){.type-gold .t-main,.type-fire .t-main,.type-echo .t-ghost,.type-glitch .t-main,.motif-chevrons i,.motif-bats .bat path{animation:none}}body:has(.tp) .btn:not(.btn--ghost):hover{background:var(--ink);color:var(--field)}