@font-face{font-family:PotentDisplay;src:local("Arial Black");font-display:swap}:root{--black:#000;--white:#ecebe5;--gray:#aaa;--line:#888;--paper:#e8e4da;--red:#97372e;--mono:"Courier New",monospace;--display:PotentDisplay,"Arial Black",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{background:#000;color:var(--white);margin:0;font-family:Arial,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.48}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #c77364;outline-offset:4px}a:hover{text-decoration:underline;text-underline-offset:4px}[hidden]{display:none!important}.page{width:min(1160px,calc(100% - 64px));margin:28px auto 0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:12px 0;border-top:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;font:14px var(--mono);letter-spacing:.08em}.wordmark{font-weight:700}.site-header nav{display:flex;gap:28px}.site-header nav a{padding:10px 0}.identity{margin:28px 0 22px}.identity h1{font:clamp(28px,4vw,56px)/1.05 var(--display);letter-spacing:-.045em;margin:0}.identity p{font:700 14px var(--mono);letter-spacing:.18em;margin:9px 0 0}.identity p span{vertical-align:super;font-size:10px;letter-spacing:0}.profile-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.profile-sidebar,.work-column{min-width:0}.box{border:1px solid var(--line);background:#000;margin-bottom:18px}.box-heading{font:700 15px var(--mono);letter-spacing:.02em;background:#444;color:#fff;padding:7px 12px;border-bottom:1px solid var(--line);margin:0}.box-heading h2{font:inherit;margin:0}.profile-content{padding:15px}.profile-logo{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid #aaa;background:#000;overflow:hidden}.profile-logo img{width:100%;height:100%;object-fit:contain;padding:10px}.logo-placeholder{font:32px var(--display);letter-spacing:-.04em;text-align:center}.logo-placeholder span{display:block;font:12px var(--mono);letter-spacing:.06em;margin-top:12px;color:#aaa}.profile-role{font:14px/1.6 var(--mono);margin:12px 0 8px}.online-badge{min-height:36px;display:flex;align-items:center}.online-animation{width:150px;height:auto;image-rendering:auto;display:block}.online-static{display:none;color:#5fae30;font:700 15px var(--mono)}.contact-content{padding:10px 15px}.contact-content>a{display:flex;align-items:center;gap:14px;min-height:48px;font:14px var(--mono)}.contact-symbol{border:1px solid #aaa;width:33px;height:33px;display:grid;place-items:center;font-size:25px}.contact-content .email{border-top:1px solid #777;margin-top:8px;padding-top:15px;font-size:13px;overflow-wrap:anywhere;display:block;min-height:45px}.music-controls{padding:14px 12px;display:flex;gap:12px;align-items:center}.music-controls button{flex-shrink:0;width:44px;height:44px;background:#000;border:1px solid #aaa;font-size:20px}.music-details{flex:1;min-width:0;font:11px var(--mono)}.music-details>span{display:block;overflow-wrap:anywhere}.music-progress{height:4px;background:#555;margin-top:8px}.music-progress span{display:block;width:0;background:#e5e5df;height:100%}.volume-label{display:flex;flex-direction:column;gap:6px;width:40px;font:10px var(--mono)}.volume-label input{width:40px;accent-color:#ddd}.about-copy{padding:14px 15px;background:var(--paper);color:#111;font:14px/1.55 var(--mono)}.about-copy p{margin:0 0 14px}.about-copy span{font-size:12px;font-weight:700}.videos-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.videos-heading>div{display:flex;gap:15px;align-items:center;font:11px var(--mono);letter-spacing:.025em}.videos-heading>div span+span{border-left:1px solid #aaa;padding-left:15px}.video-grid{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}.video-card{border:0;background:none;padding:0;text-align:left;min-width:0;display:block}.thumb{position:relative;aspect-ratio:16/10;border:1px solid #8b8b8b;overflow:hidden;margin-bottom:9px}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-card:hover .thumb,.video-card[aria-expanded=true] .thumb{outline:2px solid var(--red);outline-offset:-2px}.play-mark{position:absolute;left:8px;bottom:7px;color:#fff;font-size:18px;text-shadow:0 1px 4px #000}.card-artist{font:700 13px/1.4 var(--mono);display:block}.card-title{display:block;font:12px/1.4 var(--mono);margin-top:3px;overflow-wrap:anywhere}.now-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.now-heading>div{display:flex;gap:15px}.now-heading button{border:0;background:none;padding:5px 0;font:12px var(--mono);min-height:32px}.film-stage{margin:12px 12px 0;position:relative;aspect-ratio:16/9;background:#000;border:1px solid #555;overflow:hidden}.film-stage>img{width:100%;height:100%;object-fit:cover;display:block}.play-film{position:absolute;inset:0;margin:auto;width:max-content;height:50px;padding:0 22px;font:14px var(--mono);letter-spacing:.04em;background:#000e;border:1px solid var(--red);max-width:90%}.play-film:hover{background:#181818}.film-stage iframe{width:100%;height:100%;border:0}.film-stage.instagram{aspect-ratio:4/5;max-width:450px;margin:12px auto 0}.film-stage:fullscreen{width:100%;height:100%;margin:0;border:0;aspect-ratio:auto}.film-details{padding:16px 14px;display:flex;justify-content:space-between;align-items:start;gap:20px}.film-artist{font:700 14px var(--mono)}.film-details h3{font:22px/1.2 var(--display);letter-spacing:-.03em;margin:5px 0 8px;overflow-wrap:anywhere}.film-details #film-category{font:12px var(--mono);color:#b6b6b6}.film-details>a{font:12px var(--mono);text-decoration:underline;flex-shrink:0;padding:8px 0}.film-choices{display:flex;gap:12px;padding:0 14px 15px}.film-choice{min-width:0;flex:1;background:none;border:0;text-align:left;padding:0;max-width:33.333%;font:12px var(--mono)}.film-choice img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #666;display:block;margin-bottom:7px}.film-choice[aria-pressed=true] img{outline:2px solid var(--red);outline-offset:-2px}.film-credits{border-top:1px solid #555;margin:0 14px;padding:12px 0;display:flex;gap:12px 22px;flex-wrap:wrap;font:12px var(--mono)}.film-credits div{display:flex;gap:8px}.film-credits dt{color:#aaa}.film-credits dd{margin:0}.archive-note{display:flex;justify-content:space-between;gap:20px;margin:24px 0;font:11px var(--mono);color:#aaa}.archive-note a{text-decoration:underline}.skip{position:fixed;top:-80px;left:15px;z-index:100;background:var(--paper);color:#111;padding:10px}.skip:focus{top:10px}footer{border-top:1px solid #777;margin-top:28px;padding:18px 0 28px;display:flex;justify-content:space-between;gap:20px;font:11px var(--mono);color:#aaa}
@media(max-width:1050px){.page{width:calc(100% - 40px)}.profile-layout{grid-template-columns:260px minmax(0,1fr);gap:20px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.videos-heading{align-items:start;flex-direction:column;gap:6px}.videos-heading>div{font-size:11px}.film-details{flex-direction:column;gap:4px}.film-details>a{align-self:start}}
@media(max-width:700px){.page{width:calc(100% - 28px);margin-top:14px}.site-header{font-size:12px;gap:10px;padding:5px 0}.site-header nav{gap:13px}.site-header nav a{min-height:44px;display:flex;align-items:center}.identity{margin:24px 0}.identity h1{font-size:clamp(25px,6.5vw,43px);letter-spacing:-.05em}.identity p{font-size:12px;letter-spacing:.12em}.profile-layout{display:flex;flex-direction:column;gap:8px}.profile-sidebar,.work-column{width:100%}.profile-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.profile-sidebar .box{margin:0}.profile-box{grid-column:1/-1}.profile-content{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:18px;padding:14px;align-items:center}.profile-logo{grid-row:1/3}.profile-role{font-size:12px;margin:0}.online-badge{align-self:start}.online-animation{width:130px;max-width:100%}.logo-placeholder{font-size:24px}.logo-placeholder span{font-size:10px}.contact-box{grid-column:1/-1}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.contact-content .email{grid-column:1/-1}.music-box,.about-box{grid-column:1/-1}.music-controls{max-width:350px}.about-copy{font-size:14px}.box-heading{font-size:14px}.work-column{margin-top:14px}.video-grid{gap:20px 12px;padding:12px}.card-artist{font-size:12px}.card-title{font-size:12px}.film-stage{margin:10px 10px 0}.film-stage.instagram{max-width:calc(100% - 20px)}.film-details h3{font-size:21px}.film-choices{gap:10px;padding:0 12px 15px}.film-choice{font-size:11px}.archive-note{font-size:10px}.now-heading{gap:10px}.now-heading button{font-size:11px}.film-details{padding:14px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.online-animation{display:none}.online-static{display:block}*{animation:none!important;transition:none!important}}

/* Match the uploaded logo backdrop to the pure-black profile frame. */
.profile-logo img{filter:contrast(1.1)}

/* PotentSpace identity and a restrained glitter ornament. */
.potentspace-logo{display:block;width:230px;max-width:100%;height:auto;filter:contrast(1.1)}
.skull-decoration{position:relative;overflow:hidden;margin:0 20px 20px;background:#000;isolation:isolate}
.skull-decoration>img{display:block;width:107.4%;max-width:none;margin-left:-3.7%;height:auto;filter:contrast(1.1)}
.skull-sparkles{position:absolute;inset:0;pointer-events:none}
.skull-sparkles span{position:absolute;left:var(--x);top:var(--y);width:15px;height:15px;background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;animation:skull-glint 4.8s ease-in-out infinite;animation-delay:var(--delay)}
@keyframes skull-glint{0%,13%,42%,100%{opacity:0;transform:scale(.2) rotate(0)}25%{opacity:1;transform:scale(1.15) rotate(35deg)}32%{opacity:.3;transform:scale(.65) rotate(55deg)}}
.music-embed iframe{display:block;width:100%;height:200px;border:0;margin-top:2px}
.music-embed a{display:block;padding:0 12px 12px;font:11px var(--mono);text-decoration:underline}
@media(max-width:700px){.potentspace-logo{width:180px}.site-header{flex-wrap:wrap}.site-header nav{flex:1;justify-content:flex-end}.skull-decoration{grid-column:1/-1;width:230px;max-width:85%;justify-self:center;margin:0 0 20px}}
@media(max-width:430px){.potentspace-logo{width:160px}.site-header nav{flex-basis:100%;justify-content:center;gap:30px}.site-header nav a{min-height:38px}}
@media(prefers-reduced-motion:reduce){.skull-sparkles span{animation:none;opacity:.5;transform:scale(.5)}}

.skull-decoration>img{width:112%;margin-left:-4%}

/* Bright, condensed italic lettering inspired by the supplied reference. */
@font-face{font-family:PotentHeadline;src:url('assets/anton-latin.ttf') format('truetype');font-weight:400;font-display:swap}
.identity{text-align:center;margin:36px 0 32px;padding:0 10px}.identity h1{position:relative;display:inline-block;font-family:PotentHeadline,Impact,'Arial Narrow',sans-serif;font-weight:400;font-style:italic;font-size:clamp(30px,5.6vw,74px);line-height:1.2;letter-spacing:-.018em;background:linear-gradient(105deg,#54cfff 0%,#579df1 19%,#ef4685 34%,#ff9635 45%,#f6d955 51%,#eb476a 65%,#bd71da 78%,#52cdff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(2px 3px 0 #8a263c);isolation:isolate}.identity h1:before{content:attr(data-title);position:absolute;inset:0;z-index:-1;color:transparent;-webkit-text-stroke:5px #fff4a5;paint-order:stroke fill}.identity p{margin-top:12px}
.comments-box{margin-top:28px}.comments-box .box-heading{display:flex;justify-content:space-between;gap:15px}.comments-content{padding:18px}.comment-intro{font:14px/1.6 var(--mono);margin:0 0 18px;color:#ccc}#comment-form{display:grid;gap:8px}#comment-form label{font:14px var(--mono)}#comment-form input,#comment-form textarea{border:1px solid #999;background:#161616;color:#fff;font:16px/1.5 Arial,sans-serif;border-radius:0;padding:10px;width:100%;min-width:0}#comment-form textarea{resize:vertical;min-height:110px}#comment-form input:focus-visible,#comment-form textarea:focus-visible{outline:2px solid #fff4a5;outline-offset:2px}.comment-optional{font-size:12px;color:#aaa}.comment-help{font:12px/1.6 var(--mono);color:#bbb;margin:0 0 8px}#comment-form button,#comments-more{justify-self:start;background:#343434;border:1px solid #aaa;color:#fff;min-height:44px;padding:10px 16px;font:14px var(--mono)}#comment-status{font:14px/1.6 var(--mono);margin:16px 0;min-height:23px}.visitor-comment{padding:20px 0;border-top:1px solid #666}.comment-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font:14px var(--mono)}.comment-heading strong{overflow-wrap:anywhere}.comment-heading time{font-size:12px;color:#aaa}.visitor-comment p{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.6 Arial,sans-serif;margin:10px 0 0}.comment-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.comment-list{margin-top:22px}#comments-more{margin-top:12px}
@media(max-width:700px){.identity h1{font-size:clamp(27px,6.8vw,48px)}.identity h1:before{-webkit-text-stroke:3px #fff4a5}.comments-content{padding:14px}.comments-box{margin-top:20px}}

/* User-supplied title artwork with live glints and pointer-responsive depth. */
.identity{padding:0;margin:26px 0 30px}.identity h1.artwork-title{display:block;width:100%;background:none;color:inherit;filter:none;font:inherit;margin:0;isolation:auto}.identity h1.artwork-title:before{content:none}.title-art{position:relative;display:block;width:min(800px,100%);margin:0 auto;padding:0;border:0;background:#000;line-height:0;isolation:isolate;transform:perspective(1000px) translateY(var(--lift,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--zoom,1));transition:transform 180ms ease,filter 220ms ease;transform-style:preserve-3d;cursor:pointer}.title-art img{display:block;width:100%;height:auto;aspect-ratio:1280/427;object-fit:contain}.title-art:focus-visible{outline:2px solid #fff4a5;outline-offset:5px}.title-glints{position:absolute;inset:0;pointer-events:none;overflow:visible}.title-glints i{position:absolute;left:var(--x);top:var(--y);width:clamp(12px,2.8vw,30px);aspect-ratio:1;background:#fff;clip-path:polygon(50% 0,56% 43%,100% 50%,56% 57%,50% 100%,44% 57%,0 50%,44% 43%);opacity:0;transform:translate(-50%,-50%);animation:title-twinkle var(--cycle,4.7s) ease-in-out infinite;animation-delay:var(--delay);filter:drop-shadow(0 0 4px #80edff)}.title-glints i:nth-child(3n){background:#e6faff}.title-glints i:nth-child(3n + 1){background:#fff2d5}.title-glints i:nth-child(even){width:clamp(8px,1.8vw,20px)}
@keyframes title-twinkle{0%,8%,35%,100%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(0deg)}17%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(15deg)}24%{opacity:.65;transform:translate(-50%,-50%) scale(.7) rotate(30deg)}}
@media(hover:hover) and (pointer:fine){.title-art:hover{filter:brightness(1.08)}.title-art:hover .title-glints i{animation-duration:2.3s}}
.title-art.sparkle-burst .title-glints i{animation:title-burst 950ms ease-out both;animation-delay:calc(var(--burst)*45ms)}
@keyframes title-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0deg)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.4) rotate(20deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(75deg)}}
@media(max-width:700px){.identity{margin:20px 0 26px}.identity p{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.title-art{transform:none!important;filter:none!important;transition:none!important}.title-glints i{animation:none!important;opacity:.4;transform:translate(-50%,-50%) scale(.6)}}

/* Stronger live glitter and a more expressive hover/click response. */
.title-glints i{width:clamp(15px,3.3vw,38px)}.title-glints i:nth-child(even){width:clamp(10px,2.2vw,26px)}
@keyframes title-twinkle{0%,5%,47%,100%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(22deg)}32%{opacity:.6;transform:translate(-50%,-50%) scale(.8) rotate(42deg)}}
@media(hover:hover) and (pointer:fine){.title-art:hover{filter:brightness(1.15) drop-shadow(0 0 12px #51cfff44)}.title-art:hover .title-glints i{animation-duration:1.9s}}
.title-art.sparkle-burst{animation:title-power-pop 1050ms cubic-bezier(.2,.7,.2,1) both}.title-art.sparkle-burst .title-glints i{animation:title-burst 1150ms ease-out both;animation-delay:calc(var(--burst)*40ms)}
@keyframes title-power-pop{0%{transform:perspective(1000px) scale(1)}22%{transform:perspective(1000px) translateY(-9px) rotateZ(-2.5deg) rotateX(9deg) scale(1.105)}48%{transform:perspective(1000px) translateY(-4px) rotateZ(1.8deg) rotateY(-8deg) scale(1.075)}72%{transform:perspective(1000px) rotateZ(-.7deg) scale(1.025)}100%{transform:perspective(1000px) translateY(var(--lift,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--zoom,1))}}
@keyframes title-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.9) rotate(30deg)}55%{opacity:.8;transform:translate(calc(-50% + var(--dx,0px)*.5),calc(-50% + var(--dy,0px)*.5)) scale(1.1) rotate(90deg)}100%{opacity:0;transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,0px))) scale(.15) rotate(145deg)}}
@media(max-width:700px){@keyframes title-power-pop{0%{transform:scale(1)}25%{transform:rotateZ(-2deg) scale(1.055)}52%{transform:rotateZ(1.2deg) scale(1.025)}100%{transform:scale(1)}}}
@media(prefers-reduced-motion:reduce){.title-art.sparkle-burst{animation:none!important}.title-glints i{animation:none!important;opacity:.35;transform:translate(-50%,-50%) scale(.5)}}

/* Shared pointer-responsive artwork, without changing each graphic's layout. */
.motion-art{position:relative;transform:perspective(1000px) translateY(var(--lift,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--zoom,1));transition:transform 180ms ease,filter 220ms ease;transform-style:preserve-3d}
@media(hover:hover) and (pointer:fine){.motion-art:hover{filter:brightness(1.14)}}
.motion-art.sparkle-burst{animation:potent-art-click 650ms ease-out}
@keyframes potent-art-click{0%,100%{filter:brightness(1)}35%{filter:brightness(1.5) drop-shadow(0 0 7px #75caff);transform:perspective(1000px) translateY(-7px) rotateY(8deg) scale(1.075)}}
.profile-counter{letter-spacing:.06em;max-width:100%;font-size:clamp(20px,4vw,24px)}
@media(prefers-reduced-motion:reduce){.motion-art{transform:none!important;transition:none!important;animation:none!important;filter:none!important}.motion-art.sparkle-burst{animation:none!important}}

.friends-count{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.friends-zero{color:#ff3030;font-weight:900;font-size:1.25em}.friends-smiley{width:30px;height:30px;object-fit:contain;image-rendering:auto;vertical-align:middle}