/* Built by website-deploy/_tools/build-css.py from: index.css, desktop.css, spacing.css, pong.css, flow.css, reimagined.css, portfolio-player.css, portfolio-all.css, epk.css, mobile-bright.css, polish.css, final.css, pong-player.css, pong-secret.css, listen-featured.css, contact.css, a11y.css, placements.css. Edit those files, not this one. */
/* index.css */
:root{--bg:#050505;--bg2:#0e0e0e;--fg:#F2EFE9;--mut:#8E8A82;--line:rgba(242,239,233,.12);--sans:'Poppins',system-ui,sans-serif;--serif:'Source Serif 4',Georgia,serif;--pad:clamp(18px,4vw,56px);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--fg);font:300 17px/1.7 var(--serif);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.lbl{display:block;margin:0 0 22px;font:300 11px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--mut)}
header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:24px var(--pad);transition:background .4s}
header.solid{background:linear-gradient(rgba(5,5,5,.92),rgba(5,5,5,0))}
header .wm{width:clamp(140px,15vw,200px)}
header nav{display:flex;gap:28px}
header nav a{font:300 11px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#d8d4cc;padding:8px 0;border-bottom:1px solid transparent}
header nav a:hover,header nav a:focus-visible{border-bottom-color:var(--fg);color:var(--fg);outline:none}
.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#000;padding:0;max-width:none;margin:0}
.hero .reel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.05) 35%,rgba(0,0,0,.1) 60%,rgba(0,0,0,.85));pointer-events:none}
.hero .in{position:absolute;z-index:2;left:var(--pad);bottom:clamp(36px,7vh,80px)}
.hero h1{margin:0;font:300 clamp(30px,4.4vw,66px)/1.08 var(--serif);letter-spacing:-.01em}
section{padding:clamp(56px,6vw,84px) var(--pad);max-width:1340px;margin:0 auto}
.about{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start;max-width:none}
.about figure{margin:0}.about figure img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.lead{font-size:clamp(20px,1.8vw,26px);line-height:1.45;margin:0 0 18px}
.press{margin:28px 0 22px;padding:0 0 0 18px;border-left:1px solid var(--fg)}
.press p{font-style:italic;font-size:1.3em;line-height:1.4;margin:0 0 8px}
.press cite{font:300 11px/1.4 var(--sans);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.more-bio summary{cursor:pointer;font:300 11px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;padding:12px 0;border-top:1px solid var(--line);list-style:none}
.more-bio summary::-webkit-details-marker{display:none}.more-bio summary:after{content:" +"}.more-bio[open] summary:after{content:" –"}
.more-bio p{font-size:15.5px;color:#d8d4cc}
.feat{display:grid;grid-template-columns:1fr;gap:clamp(22px,3vw,40px)}
.feat figure{margin:0}.feat video{width:100%;aspect-ratio:2.39/1;background:#000;display:block}
.feat figcaption,.card{font-family:var(--sans)}
.feat figcaption{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0 0;gap:12px}
.feat b{font-weight:400;font-size:15px}.feat span,.card small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(10px,1.4vw,18px);max-width:1000px;margin:clamp(22px,2.4vw,32px) 0 clamp(22px,2.4vw,32px)}
.card img{width:100%;aspect-ratio:2/3;object-fit:cover;opacity:.86;transition:opacity .3s}
.card:hover img{opacity:1}.card b{display:block;font-weight:400;font-size:12px;line-height:1.3;margin-top:8px}.card small{display:block;margin-top:4px;font-size:10px}
.row{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.row .lbl{margin:0}
.names{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 24px;font:300 14px/1.5 var(--sans);color:#d8d4cc}.names li{min-width:0}
.logos{display:flex;flex-wrap:wrap;align-items:center;gap:18px 34px}
.logos img{height:22px;width:auto;max-width:96px;object-fit:contain;filter:grayscale(1) brightness(1.8);opacity:.42}
.lbl.sub{margin:0 0 14px}
.ads{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,18px);margin:0 0 clamp(22px,2.4vw,32px)}
.pf{background:none;border:0;padding:0;color:inherit;text-align:left;cursor:pointer;font-family:var(--sans)}
.pf .th{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#000}
.pf img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .3s,transform .6s}
.pf:hover img{opacity:1;transform:scale(1.03)}
.pf .pl{position:absolute;left:12px;bottom:12px;width:34px;height:34px}.pf .pl svg{width:13px}
.pf b{display:block;font-weight:400;font-size:12px;margin-top:8px}
.lb{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:grid;place-items:center;padding:4vw}
.lb[hidden]{display:none}
.lb .fr{width:min(1100px,92vw)}.lb .fr.tall{width:min(420px,80vw)}
.lb video{width:100%;max-height:84vh;display:block;background:#000}
.lb .x{position:absolute;top:18px;right:22px;background:none;border:0;color:var(--fg);font-size:34px;line-height:1;cursor:pointer}
.listen{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,64px);align-items:start}
.top{margin:0;padding:0;list-style:none;font-family:var(--sans)}
.top li{border-top:1px solid var(--line)}.top li:last-child{border-bottom:1px solid var(--line)}
.trk{display:flex;align-items:center;gap:16px;width:100%;padding:12px 0;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font-family:inherit}
.trk .n{font-size:11px;color:var(--mut);width:20px;flex:none}
.trk .tt{flex:1;min-width:0}.trk b{display:block;font-weight:400;font-size:15px}.trk small{display:block;font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trk .plays{font-size:12px;color:#cfcbc3;white-space:nowrap}
.pb{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center}.pb svg{width:11px;fill:var(--fg)}
.trk:hover .pb,.top li.open .pb{background:var(--fg)}.trk:hover .pb svg,.top li.open .pb svg{fill:#050505}
.emb iframe{display:block;width:100%;border:0;border-radius:12px;margin:0 0 12px}
.disco{display:flex;align-items:center;gap:16px;padding:18px;background:var(--bg2);border:1px solid var(--line);font-family:var(--sans)}
.disco:hover{border-color:var(--mut)}
.pl{flex:none;width:44px;height:44px;border-radius:50%;background:var(--fg);display:grid;place-items:center}.pl svg{width:16px;fill:#050505}
.disco b{display:block;font-weight:400;font-size:15px}.disco small{display:block;font-size:12px;color:var(--mut)}
.dlist{list-style:none;margin:12px 0 0;padding:0;font:300 13px/1.4 var(--sans);color:#cfcbc3}
.dlist li{border-top:1px solid var(--line)}.dlist a{display:block;padding:10px 0}.dlist a:hover{color:var(--fg)}
.albums{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(10px,1.6vw,22px);font-family:var(--sans)}
.alb img{width:100%;aspect-ratio:1;object-fit:cover}.alb b{display:block;font-weight:400;font-size:13px;margin:10px 0 8px}
.buy{width:100%;background:none;border:1px solid var(--line);color:var(--fg);font:300 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:10px 0;cursor:pointer}
.buy:hover,.buy.on{border-color:var(--fg)}.buy.on{background:var(--fg);color:#050505}
.contact .big{font-size:clamp(22px,3vw,40px);border-bottom:1px solid var(--line)}
.follow{display:flex;gap:26px;margin-top:22px;font:300 11px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#d8d4cc}
footer{display:flex;align-items:center;gap:14px;padding:30px var(--pad);border-top:1px solid var(--line)}footer img{width:22px}footer .lbl{margin:0}
.menu{display:none;background:none;border:0;padding:8px;cursor:pointer;order:2}
.menu span{display:block;width:22px;height:1px;background:var(--fg);margin:6px 0;transition:transform .3s}
@media (max-width:900px){
header{padding:16px 18px;flex-wrap:wrap}
.menu{display:block}
header nav{display:none;order:3;width:100%;flex-direction:column;gap:0;padding:10px 0 6px}
header.open{background:rgba(5,5,5,.97)}header.open nav{display:flex}
header nav a{padding:14px 0;border-bottom:1px solid var(--line)}
header.open .menu span:first-child{transform:translateY(3.5px) rotate(45deg)}header.open .menu span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
body{font-size:16px}
section{padding:56px 18px}
.hero{height:78svh;min-height:420px}
.about,.feat,.listen{grid-template-columns:1fr}
.about figure img{aspect-ratio:4/3}
.cards{grid-template-columns:repeat(4,1fr);max-width:none}
.ads{grid-template-columns:repeat(2,1fr)}
.albums{grid-template-columns:repeat(3,1fr)}
.row{grid-template-columns:1fr;gap:10px}
.names{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;font-size:13px}
.logos{justify-content:center;gap:22px 16px}.logos img{flex:0 0 calc((100% - 32px)/3);max-width:none;height:20px;min-width:0;width:0}
.trk .plays{font-size:11px}
.contact .big{font-size:22px;word-break:break-all}
.follow{flex-wrap:wrap;gap:16px 22px}
}
@media (max-width:520px){.cards{grid-template-columns:repeat(3,1fr)}.albums{grid-template-columns:repeat(2,1fr)}.trk small{max-width:52vw}}
.pl-list{font-family:var(--sans)}
.pt{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:10px 0;background:none;border:0;border-top:1px solid var(--line);color:inherit;text-align:left;cursor:pointer;font-family:inherit}
.pt img{width:44px;height:44px;object-fit:cover;flex:none}
.pt .pp{position:absolute;left:0;top:10px;width:44px;height:44px;display:grid;place-items:center;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s}
.pt .pp:before{content:"";border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff;margin-left:3px}
.pt:hover .pp,.pt.on .pp{opacity:1}
.pt.playing .pp:before{border:0;width:10px;height:14px;margin:0;background:linear-gradient(90deg,#fff 0 35%,transparent 35% 65%,#fff 65%)}
.pt .tt{flex:1;min-width:0}.pt b{display:block;font-weight:400;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt small{display:block;font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt .tm{font-size:12px;color:#cfcbc3;white-space:nowrap}
.pt .bar{position:absolute;left:58px;right:0;bottom:0;height:1px;background:transparent}.pt .bar i{display:block;height:100%;width:0;background:var(--fg)}
.pt.on b{color:#fff}
.sec{border-top:1px solid var(--line)}
.sec summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.sec summary::-webkit-details-marker{display:none}.sec summary span:after{content:"  +";color:var(--mut)}.sec[open] summary span:after{content:"  –"}
.sec summary small{font-size:11px;letter-spacing:.1em;color:var(--mut);text-transform:none}
.sec .pt{padding-left:0}
.disco-link{display:block;padding:14px 0;border-top:1px solid var(--line);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.disco-link:hover{color:var(--fg)}
.listen>div,.about>div,.feat>figure{min-width:0}
.listen>div+div{margin-top:clamp(24px,3vw,40px)}
.sp .emb iframe{display:block;width:100%;border:0;border-radius:12px;margin:0 0 12px}
.sp .pt .tm{min-width:90px;text-align:right}
.alb{outline:none;position:relative}
.alb .buy{position:absolute;top:8px;right:8px;width:auto;max-width:calc(100% - 16px);line-height:1.3;padding:7px 10px;font-size:10px;letter-spacing:.16em;background:rgba(5,5,5,.72);border-color:rgba(255,255,255,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s;pointer-events:none}
.alb:hover .buy,.alb:focus-within .buy{opacity:1;transform:none;pointer-events:auto}
.alb .buy.on{background:var(--fg);color:#050505;border-color:var(--fg)}
.alb b{margin-bottom:0}
.lb .vf{position:relative;width:100%;aspect-ratio:16/9;background:#000}.lb .vf iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.art{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;border-bottom:1px solid transparent;transition:border-color .25s,color .25s}
.art:hover,.art:focus-visible{color:#fff;border-bottom-color:rgba(255,255,255,.5);outline:none}
.lb .fr.bio{width:min(760px,92vw)}
.ab{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,40px);align-items:center;background:#0b0b0b;border:1px solid var(--line);padding:clamp(16px,2.4vw,28px)}
.ab img,.ab .ini{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#161616}
.ab .ini{display:grid;place-items:center;font:300 48px/1 var(--sans);letter-spacing:.1em;color:#555}
.ab small{display:block;font:300 10px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--mut);margin-bottom:12px}
.ab h3{font:400 clamp(22px,2.6vw,30px)/1.15 var(--sans);margin:0 0 14px}
.ab p{font:300 14px/1.7 var(--sans);color:#cfcac2;margin:0}
@media (max-width:620px){.ab{grid-template-columns:1fr}.ab img,.ab .ini{aspect-ratio:1;max-height:48vh}}
#portfolio .cards{margin-top:0}
.credits{padding-top:clamp(28px,3vw,44px)}
#portfolio .cards,#portfolio .ads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px clamp(12px,1.4vw,18px);max-width:none;margin:0 0 clamp(36px,4vw,56px)}
#portfolio .pf{display:block;min-width:0}
#portfolio .pf img{aspect-ratio:auto}
#portfolio .pf b{font-size:14px;margin-top:12px;line-height:1.3}
#portfolio .pf small{display:block;margin-top:5px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
#portfolio .pf .pl{transition:transform .3s}
#portfolio .pf:hover .pl{transform:scale(1.1)}
@media (max-width:900px){#portfolio .cards,#portfolio .ads{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}#portfolio .pf b{font-size:13px}}
[data-artists]{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media (max-width:900px){[data-artists]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.logos{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr));gap:22px 20px;align-items:center;justify-items:center}
.logos img{width:100%;max-width:96px;height:22px;min-width:0;flex:none}
@media (max-width:900px){.logos{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:620px){.logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}.logos img{height:20px;max-width:none}}
#watch{padding-bottom:clamp(14px,1.6vw,22px)}
#portfolio{padding-top:clamp(14px,1.6vw,22px)}
.listen{gap:clamp(14px,1.8vw,24px)!important}
#portfolio{padding-bottom:clamp(10px,1.4vw,20px)}
#portfolio .ads{margin-bottom:0}
#listen{padding-top:clamp(28px,3vw,40px);padding-bottom:clamp(10px,1.4vw,20px)}
#albums{padding-top:clamp(28px,3vw,40px)}
.pf .pl,#portfolio .pf .pl{background:rgba(200,198,194,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.pf .pl svg{fill:#f2f0ec}
.cf{display:grid;gap:16px;max-width:760px;font-family:var(--sans);margin-top:6px}
.cf-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cf label{display:grid;gap:8px}.cf label span{font:300 10px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--mut)}
.cf input,.cf textarea{width:100%;background:transparent;border:1px solid var(--line);color:var(--fg);font:300 15px/1.5 var(--sans);padding:12px 14px;border-radius:0;outline:none;transition:border-color .2s}
.cf input:focus,.cf textarea:focus{border-color:#8a857c}.cf textarea{resize:vertical;min-height:120px}
.cf-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cf button{background:var(--fg);color:#050505;border:0;padding:13px 22px;font:400 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;cursor:pointer}
.cf-note{font-size:12px;color:var(--mut)}.cf-note.err{color:#d98c7a}
.em-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:26px 0 0;font-family:var(--sans)}
.em-line .lbl{margin:0}.em{font-size:15px;color:#d8d4cc;user-select:all}
.copy{background:none;border:1px solid var(--line);color:var(--fg);padding:7px 12px;font:300 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;cursor:pointer}
.copy.on{border-color:var(--fg)}
@media (max-width:620px){.cf-row{grid-template-columns:1fr}}
h2.lbl{font-size:13px;letter-spacing:.34em;color:#a8a39a}
h3.lbl,.lbl.sub{font-size:12px;color:#9a958c}
#contact{text-align:center}
#contact .cf{margin:10px auto 0;max-width:820px;text-align:left}
#contact .cf input,#contact .cf textarea{font-size:16px;padding:14px 16px}
#contact .cf label span{font-size:11px}
#contact .cf-foot{justify-content:center}
#contact .cf button{padding:15px 28px;font-size:12px}
#contact .em-line{justify-content:center}
#contact .em{font-size:17px}
#contact .follow{justify-content:center}
#credits .row{grid-template-columns:200px 1fr}
@media (max-width:900px){#credits .row{grid-template-columns:1fr}}
footer{flex-direction:column;justify-content:center;text-align:center;gap:18px;padding:44px var(--pad) 40px}
footer img.fwm{width:auto;height:18px;opacity:.9}
footer .follow{justify-content:center;margin:0;flex-wrap:wrap}
footer .lbl{font-size:10px}
@media (max-width:620px){footer .follow{display:grid;grid-template-columns:repeat(2,auto);gap:16px 34px;justify-content:center}}
.listen{gap:0!important}
.listen>div+div{margin-top:0}
.listen>div+div .lbl.sub{margin:16px 0 8px}
.listen>div:first-child .pl-list{margin-bottom:0}
.alb .cv{position:relative;display:block}
.alb .acts{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s;pointer-events:none}
.alb:hover .acts,.alb:focus-within .acts{opacity:1;transform:none;pointer-events:auto}
.alb .act{font:300 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--fg);padding:7px 10px;background:rgba(5,5,5,.72);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.alb .act:hover{background:var(--fg);color:#050505;border-color:var(--fg)}
@media (hover:none){.alb .acts{opacity:1;transform:none;pointer-events:auto}}
.more-ph .gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.gph{padding:0;border:0;background:none;cursor:pointer;display:block;overflow:hidden}
.gph img{width:100%;aspect-ratio:1;object-fit:cover;display:block;opacity:.85;transition:opacity .3s,transform .5s}
.gph:hover img{opacity:1;transform:scale(1.03)}
.lb .fr.ph{width:auto;max-width:92vw}.lb .fr.ph img{max-width:92vw;max-height:86vh;display:block;margin:auto}
@media (max-width:620px){.more-ph .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
section{padding-top:clamp(60px,6.5vw,96px);padding-bottom:clamp(60px,6.5vw,96px)}
#watch{padding-bottom:clamp(14px,1.6vw,22px)}
#portfolio{padding-top:clamp(14px,1.6vw,22px);padding-bottom:clamp(40px,4.5vw,64px)}
#listen{padding-top:clamp(40px,4.5vw,64px);padding-bottom:clamp(40px,4.5vw,64px)}
#albums{padding-top:clamp(40px,4.5vw,64px)}
@media (max-width:620px){section{padding-top:60px;padding-bottom:60px}#watch{padding-bottom:16px}#portfolio{padding-top:16px;padding-bottom:44px}#listen,#albums{padding-top:44px}#listen{padding-bottom:44px}}
#portfolio .films{grid-template-columns:repeat(2,minmax(0,1fr))}
.logos .lg{display:block;width:100%;max-width:96px;height:22px;background:#d6d3ce;opacity:.5;-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;transition:background-color .35s,opacity .35s}
.logos .lg:hover{background:var(--c);opacity:1}
@media (max-width:620px){.logos .lg{height:20px;max-width:none}}
main>section+section{border-top:1px solid rgba(255,255,255,.09)}
#portfolio{border-top:0!important}
#credits{max-width:1120px}
#credits .row{grid-template-columns:150px 1fr;padding:10px 0;gap:16px}
#credits .names{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 20px;font-size:13px}#credits .names li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#credits .logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 22px}
#credits .logos .lg{height:19px;max-width:84px}
@media (max-width:900px){#credits .row{grid-template-columns:1fr}#credits .names{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){#credits .logos{grid-template-columns:repeat(3,minmax(0,1fr))}#credits .logos .lg{height:18px}}
.alb .acts{top:auto;bottom:8px;right:auto;left:8px;transform:translateY(4px)}
h2.lbl,h3.lbl,.lbl.sub{text-align:center}
@media (min-width:901px){.feat{grid-template-columns:1fr 1fr!important}}
#credits .row{grid-template-columns:1fr!important;gap:14px;padding:18px 0;justify-items:center}
#credits .row>.lbl{text-align:center}
#credits .names{width:100%;text-align:center}
#credits .logos{width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 34px}
#credits .logos .lg{height:30px;max-width:130px}
@media (max-width:900px){#credits .logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 20px}#credits .logos .lg{height:24px}}
@media (max-width:620px){#credits .logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px}#credits .logos .lg{height:26px}}
.pf .pl,#portfolio .pf .pl{background:rgba(240,238,234,.2)!important;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
#portfolio .feat{margin-bottom:clamp(26px,3vw,40px)}
#portfolio{padding-top:clamp(52px,5.2vw,76px)!important}
@media (max-width:620px){#portfolio{padding-top:48px!important}}
@media (max-width:900px){#portfolio .feat{grid-template-columns:1fr!important;margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad))}#portfolio .feat figcaption{padding-left:var(--pad);padding-right:var(--pad)}}
@media (max-width:620px){#portfolio .feat{margin-left:-18px;margin-right:-18px}#portfolio .feat figcaption{padding-left:18px;padding-right:18px}}
.about figure img{aspect-ratio:1/1;object-position:50% 38%}
@media (max-width:900px){.about figure img{aspect-ratio:4/3;height:auto!important}}
main>section:not(.hero){min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
main>section:not(.hero)>*{width:100%}
#portfolio{justify-content:flex-start}
#credits{max-width:1340px!important}
#credits>.row{max-width:1000px;margin-left:auto;margin-right:auto}
.feat .vw{overflow:hidden}
.feat video{transition:transform .5s ease}
.feat figure:hover video{transform:scale(1.03)}
.feat figcaption b,.pf b,.card b{transition:color .3s}
.feat figure:hover figcaption b,.pf:hover b,.card:hover b{color:#fff}
.pf b,.card b{color:#cfcbc4}
.feat figcaption b{color:#d8d4cc}
#portfolio .pf b,#portfolio .pf small{display:none}
main>section:not(.hero){min-height:0}
section:not(.hero){padding-top:clamp(52px,5.2vw,76px);padding-bottom:clamp(52px,5.2vw,76px)}
@media (max-width:620px){main>section:not(.hero){padding-top:48px!important;padding-bottom:48px!important}}
main>section:not(.hero){padding-top:clamp(48px,4.4vw,64px)!important;padding-bottom:clamp(48px,4.4vw,64px)!important}@media (max-width:620px){main>section:not(.hero){padding-top:44px!important;padding-bottom:44px!important}}
#portfolio{border-top:1px solid rgba(255,255,255,.09)!important}
.alb-wrap{margin-top:clamp(26px,2.6vw,36px)}
.alb .cv img{filter:brightness(.68) saturate(.9);transition:filter .35s,box-shadow .35s,transform .35s}
.alb:hover .cv img,.alb:focus-within .cv img{filter:none;box-shadow:0 0 28px rgba(255,240,220,.22),0 0 2px rgba(255,255,255,.5);transform:translateY(-2px)}
.alb b{color:#bdb8b0;transition:color .3s}.alb:hover b,.alb:focus-within b{color:#fff}
@media (hover:none){.alb .acts{opacity:0;pointer-events:none}.alb:focus-within .acts{opacity:1;transform:none;pointer-events:auto}}
#albums.alb-wrap{padding:0!important;border:0!important;max-width:none}
.alb .cv{overflow:hidden}
.alb .cv img{filter:grayscale(.85) brightness(.72)}
.alb:hover .cv img,.alb:focus-within .cv img{filter:none;box-shadow:none;transform:scale(1.03)}
.feat figure:hover video{transform:none}
.feat figure:hover figcaption b{color:#d8d4cc}
.alb .acts{inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:grid;grid-template-columns:1fr 1fr;gap:0;transform:none!important}
.alb .act{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:rgba(5,5,5,.38);backdrop-filter:none;-webkit-backdrop-filter:none;font-size:11px;letter-spacing:.24em;color:#fff;transition:background .2s,color .2s}
.alb .act+.act{border-left:1px solid rgba(255,255,255,.25)}
.alb .act:hover,.alb .act:focus-visible{background:rgba(242,239,233,.86);color:#050505;outline:none}
.alb .acts{z-index:2}
#portfolio .pf img{transition:opacity .35s,transform .35s,filter .35s}
#portfolio .pf:hover img{opacity:1;filter:brightness(1.18)}
#credits>.row:last-child{max-width:none}
#credits .logos{gap:36px clamp(28px,4vw,64px)}
@media (max-width:620px){#credits .logos{gap:28px 22px}}
.logos .lg2{position:relative;display:flex;align-items:center;justify-content:center;height:46px;width:100%}
.logos .lg2 img{display:block;width:calc(var(--w) * 1.15);max-width:100%;max-height:40px;object-fit:contain;transition:opacity .35s}
.logos .lg2 .m{opacity:.75}
.logos .lg2 .c{position:absolute;opacity:0}
.logos .lg2:hover .m{opacity:0}.logos .lg2:hover .c{opacity:1}
@media (max-width:620px){.logos .lg2{height:38px}.logos .lg2 img{width:calc(var(--w) * .9);max-height:32px}}
.logos .lg2{height:56px}.logos .lg2 img{width:calc(var(--w) * 1.5);max-height:50px}@media (max-width:620px){.logos .lg2{height:42px}.logos .lg2 img{width:calc(var(--w) * 1.05);max-height:36px}}
#portfolio .feat{margin-bottom:clamp(20px,2.2vw,30px);gap:clamp(16px,2.4vw,32px)}
.feat figcaption{padding-top:10px}
#portfolio .lbl.sub{margin-bottom:14px}
#portfolio .ads,#portfolio .cards{margin-bottom:0}
#portfolio .cards+.lbl.sub{margin-top:clamp(28px,3vw,40px)}
.alb-wrap .lbl.sub{margin-bottom:14px}
#credits .row{padding:16px 0}
@media (max-width:620px){
.em-line{flex-direction:column;align-items:center;gap:8px;text-align:center}
.em{font-size:14px;word-break:break-all}
#portfolio .feat{gap:18px}
.feat figcaption{padding:8px 18px 0}
.about figure{margin-bottom:6px}
}
#credits{border-top:0!important;padding-top:clamp(28px,3vw,40px)!important}#contact{padding-bottom:0!important}
.logos .lg2 img{max-height:var(--h,50px)}@media (max-width:620px){.logos .lg2 img{max-height:var(--hm,36px)}}
.logos .lg2 img{height:auto!important;max-width:100%!important;flex:none}
.logos .lg2 img{width:calc(var(--w) * 1.2);max-height:var(--h,40px)}@media (max-width:620px){.logos .lg2 img{width:calc(var(--w) * .85);max-height:var(--hm,28px)}}
#credits>.row:last-child{max-width:1000px}
.pt .tpc{flex:none;font-size:11px;color:var(--mut);margin-right:14px;white-space:nowrap}
#albums.alb-wrap{margin-top:0}
#albums .albums{padding:14px 0 6px}
.alb .acts{inset:auto!important;top:auto!important;right:auto!important;left:8px!important;bottom:8px!important;display:flex;gap:6px}
.alb .act{display:inline-block;padding:7px 10px;border:1px solid rgba(255,255,255,.55);background:rgba(5,5,5,.72);font-size:10px;letter-spacing:.16em}
.alb .act+.act{border-left:1px solid rgba(255,255,255,.55)}
.alb .act:hover,.alb .act:focus-visible{background:var(--fg);color:#050505;border-color:var(--fg)}
.logos .lg2{min-width:0;overflow:visible}
.logos .lg2 img{width:calc(var(--w) * 1.0);max-height:var(--h,34px)}
#credits .logos{gap:30px 28px}
@media (max-width:620px){.logos .lg2 img{width:calc(var(--w) * .8);max-height:var(--hm,26px)}#credits .logos{gap:24px 16px}}
#albums summary{font-family:var(--sans)}
#albums summary small{font-family:var(--sans)}
.feat figcaption{justify-content:center;text-align:center;padding:8px 0 0!important}
.feat figure{display:flex;flex-direction:column}
.crd{margin-top:6px;text-align:center;font-family:var(--sans)}
.crd summary{list-style:none;cursor:pointer;display:inline-block;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--mut);padding:4px 0}
.crd summary::-webkit-details-marker{display:none}.crd summary:after{content:" +"}.crd[open] summary:after{content:" –"}
.crd summary:hover{color:var(--fg)}
.crd dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:10px auto 0;max-width:460px;text-align:left;font-size:12px;line-height:1.4}
.crd dt{color:var(--mut);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding-top:2px}
.crd dd{margin:0;color:#d8d4cc}
@media (max-width:620px){.crd dl{padding:0 18px;grid-template-columns:1fr;gap:2px}.crd dd{margin-bottom:8px}}
.logos .lg2:focus .m,.logos .lg2:active .m{opacity:0}.logos .lg2:focus .c,.logos .lg2:active .c{opacity:1}.logos .lg2{outline:none}
.crd.lbc{margin-top:10px}.crd.lbc dl{max-width:520px}
.lb .fr{width:min(1400px,94vw)}.lb .fr.tall{width:min(460px,86vw)}
.lb .fr video{max-height:80vh;width:100%;background:#000}
.lb{overflow-y:auto}
.feat .vw{position:relative;cursor:pointer}
.feat .pl.big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:rgba(240,238,234,.2);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.feat .pl.big svg{width:20px;fill:#f2efe9}
.feat .vw:hover .pl.big{background:rgba(240,238,234,.35)}
[data-artists]{grid-template-columns:repeat(6,minmax(0,1fr))!important}
@media (max-width:900px){[data-artists]{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:620px){[data-artists]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
[data-artists]{grid-template-columns:repeat(7,minmax(0,1fr))!important}@media (max-width:900px){[data-artists]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.lb{background:rgba(5,5,5,.96)!important}
.book-note{font:300 14px/1.6 var(--sans);color:#cfcbc4;margin:6px 0 16px;max-width:760px}
.book-note b{font-weight:500;color:var(--fg)}
.book-note a{color:var(--fg);border-bottom:1px solid rgba(255,255,255,.35);white-space:nowrap}
.book-note a:hover{border-bottom-color:var(--fg)}
.press p{font-size:clamp(22px,2vw,28px)!important;line-height:1.35}
.press cite{font-size:12px!important;letter-spacing:.2em;color:#d8d4cc!important}
.press cite:first-line{font-weight:500}
.press cite .wp{display:block;font:400 15px/1.3 var(--serif);letter-spacing:.04em;text-transform:none;color:var(--fg);margin-bottom:3px;font-style:normal}
.book-note{display:flex;gap:18px;align-items:center;max-width:820px;margin:8px 0 22px}
.book-note .bk{flex:none;width:clamp(74px,8vw,96px);border-bottom:0!important}
.book-note .bk img{display:block;width:100%;box-shadow:0 6px 18px rgba(0,0,0,.5);transition:transform .3s}
.book-note .bk:hover img{transform:scale(1.03)}
.book-note p{margin:0}
@media (max-width:620px){.book-note{gap:14px;align-items:flex-start}.book-note p{font-size:13.5px}}
.feat .pl.big{left:14px;top:auto;bottom:14px;transform:none;width:42px;height:42px}
.feat .pl.big svg{width:15px}
#credits .names{gap:10px 28px!important;line-height:1.55}
@media (max-width:620px){#credits .names{gap:8px 18px!important}}
.alb .bk-tag{font:300 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-left:6px}
.lb .fr.bkpop{width:min(980px,92vw)}
.bkp{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,3vw,40px);align-items:center;font-family:var(--sans)}
.bkp-art{display:flex;gap:14px;align-items:flex-end}
.bkp-art img{display:block;height:clamp(180px,26vw,300px);width:auto;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.bkp-tx small{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--mut)}
.bkp-tx h3{font:400 clamp(26px,3vw,36px)/1.1 var(--serif);margin:8px 0 12px;color:var(--fg)}
.bkp-tx p{font-size:15px;line-height:1.6;color:#d8d4cc;margin:0 0 20px}
.bkp-btns{display:flex;gap:10px;flex-wrap:wrap}
.bkp-btns .act{font:300 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--fg);padding:12px 16px;border:1px solid rgba(255,255,255,.55)}
.bkp-btns .act:hover{background:var(--fg);color:#050505}
@media (max-width:700px){.bkp{grid-template-columns:1fr;text-align:center}.bkp-art{justify-content:center}.bkp-art img{height:170px}.bkp-btns{justify-content:center}}
@media (min-width:901px){#listen>*:not(h2){max-width:1000px;margin-left:auto!important;margin-right:auto!important}}
@media (max-width:620px){#credits .logos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 24px}.logos .lg2 img{width:calc(var(--w) * 1.05);max-height:var(--hm,32px)}}
@media (min-width:901px){#albums.alb-wrap{max-width:1000px!important}}
.press cite .wp{font-size:19px!important;margin-bottom:4px}
.logos .lg2 .c{filter:saturate(.35) brightness(1.04)}
.logos .lg2 .c{filter:saturate(.75) brightness(1.05)}
.more-mob{display:none}
@media (max-width:620px){
.more-mob{display:block;margin:14px auto 0;background:none;border:0;border-top:1px solid var(--line);width:100%;padding:14px 0 4px;font:300 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mut);cursor:pointer}
.more-mob:after{content:" +"}.more-mob.on:after{content:" –"}
[data-cards]:not(.open) .card:nth-child(n+3){display:none}
[data-ads] .pf[data-ad]{order:10}
[data-ads] .pf[data-ad="0"]{order:1}[data-ads] .pf[data-ad="1"]{order:2}[data-ads] .pf[data-ad="2"]{order:3}[data-ads] .pf[data-ad="4"]{order:4}[data-ads] .pf[data-ad="3"]{order:5}
[data-ads]:not(.open) .pf[data-ad="3"],[data-ads]:not(.open) .pf[data-ad="5"],[data-ads]:not(.open) .pf[data-ad="6"],[data-ads]:not(.open) .pf[data-ad="7"]{display:none}
}
@media (max-width:620px){
[data-cards]:not(.open) .card:nth-child(n+3),
[data-ads]:not(.open) .pf[data-ad="3"],[data-ads]:not(.open) .pf[data-ad="5"],[data-ads]:not(.open) .pf[data-ad="6"],[data-ads]:not(.open) .pf[data-ad="7"]{display:none!important}
.more-mob{margin-bottom:26px}
}
.alb{cursor:pointer}
.alb .act{cursor:pointer}
.sp-embed{margin-top:22px}.sp-embed iframe{display:block;width:100%;border:0;border-radius:12px;background:#121212}
.lb .fr.alpop{width:min(720px,92vw)}
.alp-hd{display:flex;gap:16px;align-items:center;font-family:var(--sans)}
.alp-hd img{width:84px;height:84px;object-fit:cover}
.alp-hd small{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--mut)}
.alp-hd h3{font:400 clamp(24px,3vw,32px)/1.1 var(--serif);margin:6px 0 0;color:var(--fg)}
#portfolio .bf-head{margin-top:clamp(44px,4.6vw,64px)!important;padding-top:clamp(30px,3vw,40px);border-top:1px solid rgba(255,255,255,.09);margin-bottom:18px}
@media (max-width:620px){#portfolio .bf-head{margin-top:30px!important;padding-top:26px}}
@media (max-width:620px){#portfolio .bf-head{border-top:0;padding-top:0;margin-top:24px!important}}
.sp-open{display:none;margin-top:16px;align-self:flex-start;font:400 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#050505;background:#1ed760;padding:14px 20px;border-radius:999px}
.sp-open:hover{background:#3be477}
.sp-embed{display:flex;flex-direction:column}
.sp-embed.blocked iframe{display:none}.sp-embed.blocked .sp-open{display:inline-block}
.alb .acts .act{background:none!important;border:0!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font-size:11px;letter-spacing:.24em;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.9)}
.alb .acts .act:hover{background:none!important;color:#fff}
.alb .acts{left:12px!important;bottom:10px!important}
.atl{margin-top:18px;max-height:56vh;overflow-y:auto;border-top:1px solid var(--line)}
.atr{position:relative;display:grid;grid-template-columns:28px 22px 1fr auto;gap:10px;align-items:center;width:100%;padding:12px 4px;background:none;border:0;border-bottom:1px solid var(--line);color:#d8d4cc;font:300 14px/1.3 var(--sans);text-align:left;cursor:pointer}
.atr:hover,.atr.on{color:#fff}
.atr .an{font-size:12px;color:var(--mut);text-align:right}
.atr .pp{width:10px;height:12px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor;opacity:.5}
.atr.playing .pp{border-width:0 3px;border-style:solid;border-color:currentColor;width:10px;opacity:1}
.atr .tm{font-size:12px;color:var(--mut)}
.atr>i{position:absolute;left:0;right:0;bottom:-1px;height:1px}.atr>i>i{display:block;height:100%;width:0;background:var(--fg)}
.sp-more{display:inline-block;margin-top:14px;font:300 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.sp-more:hover{color:var(--fg)}
#credits .logos .lg2.ff img{filter:none!important;object-fit:contain}
#listen .v2-albums .albums{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (min-width:521px) and (max-width:900px){#listen .v2-albums .albums{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
#listen .alb.hl .cv img{filter:grayscale(.15) brightness(1)!important}
#listen .alb.hl b{color:#ece8e1!important}
#listen .alb.sel .cv img{filter:none!important}
#listen .alb.sel b{color:#fff!important}
#listen .alb.sel .cv{box-shadow:0 0 0 1px rgba(242,239,233,.55)}
.alb-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1)}
.alb-panel.open{grid-template-rows:1fr}
.alb-in{overflow:hidden;min-height:0}
.alb-hd{display:flex;align-items:center;gap:12px;padding:18px 0 8px}
.alb-hd img{width:46px;height:46px;border-radius:6px;object-fit:cover;flex:none}
.alb-hd>div{flex:1;min-width:0}
.alb-hd small{display:block;font:300 9px/1.2 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mut)}
.alb-hd h4{margin:4px 0 0;font:300 19px/1.2 var(--serif);color:var(--fg)}
.alb-sp{font:300 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);padding:8px 4px}
.alb-sp:hover{color:var(--fg)}
.alb-x{width:34px;height:34px;border-radius:50%;border:1px solid rgba(242,239,233,.2);background:none;color:#b9b4ab;font:300 18px/1 var(--sans);cursor:pointer;flex:none}
.alb-x:hover{color:var(--fg);border-color:rgba(242,239,233,.5)}
.alb-list .pt>img{border-radius:4px}
.pg-mu small{display:block;margin-top:6px;font-size:7px;opacity:.65;letter-spacing:.04em}
.ab img{aspect-ratio:auto!important;height:auto;max-height:62vh;object-fit:contain;background:none;justify-self:center;width:auto;max-width:100%}
@media (max-width:620px){.ab img{max-height:44vh}}
/* desktop.css */
.dk-h{display:none}
html:not(.vz-on) .vz-fs{display:none!important}
@media (max-width:900px){.vz-fs{display:none!important}}
@media (min-width:901px){
main>section:not(.hero){padding-top:clamp(84px,8vw,128px)!important;padding-bottom:clamp(84px,8vw,128px)!important}
main>section>h2.lbl,#portfolio .pg>h2.lbl{margin-bottom:clamp(36px,3.4vw,52px)!important}
#about .wrap.about{max-width:1160px;margin-left:auto;margin-right:auto}
#contact{max-width:860px;margin-left:auto;margin-right:auto}
html.mp-on footer{padding-bottom:110px!important}
#portfolio .pg{max-width:1240px;margin-left:auto;margin-right:auto}
.v2-port{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.v2-port>.v2-chips,.v2-port>.v2-more{display:none!important}
#portfolio .v2-port .v2-grid,#portfolio .v2-port .v2-grid.on{display:contents!important}
.v2-port .dk-h{display:block;grid-column:1/-1;margin:0 0 18px!important}
.v2-port .dk-h:first-child{grid-row:1}
.v2-port .v2-hero{grid-column:1;grid-row:2}
#portfolio .v2-port .v2-grid>figure{grid-column:2;grid-row:2}
.v2-port .v2-hero .vw,#portfolio .v2-port .v2-grid>figure .vw{aspect-ratio:2.39/1!important;max-height:40vh;width:100%;border-radius:8px;overflow:hidden}
#portfolio .v2-port .v2-grid>figure video{object-fit:cover;opacity:1!important}
#portfolio .v2-port .v2-grid>figure figcaption{margin:10px 0 0!important;font:300 20px/1.2 var(--serif)!important;color:var(--fg)!important;white-space:normal}
#portfolio .v2-port .v2-grid>figure figcaption:after{content:"Focus Features · Trailer";display:block;margin-top:4px;font:300 10px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
#portfolio .v2-port .v2-grid [data-cards],#portfolio .v2-port .v2-grid [data-ads]{display:grid!important;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px}
#portfolio .v2-port .v2-grid [data-cards]{grid-row:3;margin-top:44px}
#portfolio .v2-port .dk-bf{grid-row:4;margin-top:64px!important}
#portfolio .v2-port .v2-grid [data-ads]{grid-row:5}
#portfolio .v2-port .v2-grid .card,#portfolio .v2-port .v2-grid .pf{display:block!important}
#portfolio .v2-port .v2-grid .pf b,#portfolio .v2-port .v2-grid .card b{font-size:12px!important;margin-top:8px!important}
#listen>*:not(h2){max-width:1240px!important}
#listen .listen{display:block}
#listen [data-pl]{display:grid;grid-template-columns:minmax(0,760px);justify-content:center;gap:0 clamp(40px,5vw,80px);align-items:start}
#listen .v2-albums{margin-top:0}
#listen .v2-albums>.v2-lbl{margin-top:4px}
#listen .v2-albums .albums{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
#listen .v2-albums .alb b{font-size:12px!important;margin-top:8px!important}
#listen .v2-feature.pt>img{width:104px!important;height:104px!important}
#listen .pt{cursor:pointer}
html.dk.mp-on:not(.vz-on) .vz-dock.on{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(1040px,calc(100vw - 48px));
grid-template-columns:minmax(0,1fr) auto auto auto auto minmax(0,1.15fr)!important;grid-template-rows:auto!important;align-items:center;column-gap:12px!important;padding:12px 20px!important;bottom:16px!important}
html.dk.mp-on:not(.vz-on) .vz-dock.on>*{grid-row:1!important}
html.dk.mp-on:not(.vz-on) .vz-now{grid-column:1!important;text-align:left!important;grid-template-columns:minmax(0,1fr)!important}
html.dk.mp-on:not(.vz-on) .vz-dock>.vz-skip:nth-child(4){grid-column:2!important}
html.dk.mp-on:not(.vz-on) .vz-stop{grid-column:3!important}
html.dk.mp-on:not(.vz-on) .vz-dock>.vz-skip:nth-child(7){grid-column:4!important}
html.dk.mp-on:not(.vz-on) .vz-pill{grid-column:5!important}
html.dk.mp-on:not(.vz-on) .vz-scrub{grid-column:6!important;position:static!important;display:flex!important;align-items:center;gap:10px!important}
html.dk.mp-on:not(.vz-on) .vz-scrub .a,html.dk.mp-on:not(.vz-on) .vz-scrub .b{display:block!important;font:300 10px/1 var(--sans);color:var(--mut);min-width:34px}
html.dk.mp-on:not(.vz-on) .vz-scrub .b{text-align:right}
html.dk.mp-on:not(.vz-on) .vz-scrub .tr{flex:1;height:3px!important;border-radius:2px!important;cursor:pointer}
html.dk.mp-on:not(.vz-on) .vz-now b{font-size:16px!important}
}
/* spacing.css */
main>section:not(.hero){padding-top:clamp(96px,10vw,160px)!important;padding-bottom:clamp(96px,10vw,160px)!important}
h2.lbl{margin-bottom:clamp(36px,4vw,60px)}
.lbl.sub{margin:clamp(56px,6vw,88px) 0 22px}
#portfolio h2+.lbl.sub{margin-top:0}
.lead{margin-bottom:28px}
.about p{margin:0 0 1.3em}
.press{margin:48px 0 40px}
.more-bio summary{padding:20px 0}
.feat{gap:clamp(56px,6vw,88px)}
.feat figcaption{padding-top:16px}
#portfolio .cards,#portfolio .ads{row-gap:48px;margin-bottom:clamp(56px,6vw,88px)}
.listen>div+div .lbl.sub{margin:56px 0 18px}
#albums{margin-top:56px}
#credits .row{padding:32px 0}
.names{gap:14px 32px}
.logos{gap:34px 24px}
.cf,.cf-row{gap:24px}
.em-line{margin-top:40px}
@media (max-width:900px){
.hero{height:85vh;height:85svh;min-height:0}
.hero .in{bottom:16px!important}
}
@media (max-width:620px){
main>section:not(.hero){padding-top:84px!important;padding-bottom:84px!important}
#portfolio .cards,#portfolio .ads{gap:40px 16px}
.feat{gap:56px}
#credits .row{gap:16px;padding:28px 0}
}
@media (max-width:900px){
html{scroll-snap-type:y proximity}
main>section,#portfolio>.pg{scroll-snap-align:start}
main>section:not(.hero):not(#portfolio),#portfolio>.pg{min-height:100vh;min-height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding-top:calc(76px + env(safe-area-inset-top,0px))!important;padding-bottom:44px!important}
#portfolio{padding:0 18px!important;min-height:0!important;display:block!important}
#portfolio>.pg{padding-left:0;padding-right:0}
main>section>*,#portfolio>.pg>*{width:100%}
h2.lbl{margin-bottom:26px}
.lbl.sub{margin:0 0 16px}
#portfolio .bf-head{margin-top:0}
.about{gap:22px}
.about figure img{aspect-ratio:16/9!important;object-position:50% 28%}
#about{padding-top:calc(68px + env(safe-area-inset-top,0px))!important;padding-bottom:36px!important}
#about h2.lbl{margin-bottom:18px}
.lead{font-size:19px;line-height:1.4;margin-bottom:14px}
.about .rv p{font-size:15px;line-height:1.55;margin:0 0 12px}
.press{margin:18px 0 14px}
.press p{font-size:1.02em;line-height:1.35}
.more-bio summary{padding:14px 0}
.feat{gap:28px}
#portfolio .cards,#portfolio .ads{gap:24px 14px;margin-bottom:24px}
.listen>div+div .lbl.sub{margin:30px 0 12px}
#albums{margin-top:24px}
.cf,.cf-row{gap:16px}
.em-line{margin-top:28px}
#credits .row{padding:16px 0;gap:10px}
.names{gap:8px 20px}
.logos{gap:20px 16px}
}
.feat figcaption,.feat .crd,#portfolio .pf b,#portfolio .pf small,#portfolio .card b{display:none!important}
#about .press p{font-size:clamp(17px,1.5vw,21px)!important}
.press cite{font-size:10px}
#about .press .wp{font-size:15px!important}
#portfolio .feat video{filter:brightness(1.15) contrast(1.05);animation:featZoom 6s ease-in-out infinite}
#portfolio .feat .vw{overflow:hidden}
#portfolio .cards .pf img,#portfolio .ads .pf img{opacity:.7}
#portfolio .ads .pf{order:1}
#portfolio .ads [data-ad="0"],#portfolio .ads [data-ad="2"]{order:0}
#portfolio .ads [data-ad="0"] img,#portfolio .ads [data-ad="2"] img{opacity:1;filter:brightness(1.15) contrast(1.05)}
@keyframes featZoom{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@media (prefers-reduced-motion:reduce){#portfolio .feat video{animation:none}}
#about h2.lbl,#listen>.listen>div+div>.lbl.sub{display:none}
@media (max-width:900px){
#portfolio h2.lbl,#portfolio .more-mob{display:none!important}
#portfolio .lbl.sub{margin:0 0 10px!important}
#portfolio .lbl.sub.bf-head{margin-top:22px!important}
#portfolio .feat,#portfolio .cards,#portfolio .ads{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
#portfolio .cards{margin-top:8px!important}
#portfolio [data-cards] .card,#portfolio [data-ads] .pf{display:block!important}
#portfolio .feat .vw,#portfolio .pf .th{aspect-ratio:2/1!important;height:auto;overflow:hidden;position:relative}
#portfolio .feat video{aspect-ratio:auto!important;width:100%;height:100%;object-fit:cover}
#portfolio .pf img,#portfolio .card img{aspect-ratio:auto!important;width:100%;height:100%;object-fit:cover}
#portfolio .pl,#portfolio .pl.big{width:26px!important;height:26px!important;left:7px!important;bottom:7px!important;top:auto!important;right:auto!important;transform:none!important;margin:0!important}
#portfolio .pl svg{width:10px!important}
#portfolio [data-cards]:not(.open) .card:nth-child(n+3),#portfolio [data-ads]:not(.open) .pf:not([data-ad="0"]):not([data-ad="2"]){display:none!important}
#portfolio .feat .vw,#portfolio .pf .th{aspect-ratio:16/9!important}
#portfolio .feat,#portfolio .cards,#portfolio .ads{gap:10px!important}
#portfolio .feat{grid-template-columns:1fr!important;gap:18px!important;margin:4px 0 22px!important}
#portfolio .feat .vw{aspect-ratio:2.39/1!important}
#portfolio .feat .pl,#portfolio .feat .pl.big{width:38px!important;height:38px!important;left:12px!important;bottom:12px!important}
#portfolio .feat .pl svg{width:13px!important}
#portfolio .cards{margin-top:0!important}
#portfolio .more-mob{display:block!important;margin:10px 0 0!important;padding:8px 0!important;border:0!important;width:100%;text-align:center;font:300 10px/1 var(--sans)!important;letter-spacing:.26em!important;color:var(--mut)!important}
#portfolio .cards{margin-top:10px!important}
#portfolio .lbl.sub{margin:0 0 14px!important}
#portfolio .lbl.sub.bf-head{margin-top:clamp(22px,3.6svh,36px)!important}
#portfolio .pl,#portfolio .pl.big{width:30px!important;height:30px!important;left:8px!important;bottom:8px!important}
#about .press p{font-size:15px!important}
#credits .logos{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px 8px!important}
#credits .logos .lg2{height:46px!important}
#credits .logos .lg2 img{width:calc(var(--w) * .8)!important;max-height:30px!important}
#credits{padding-top:calc(64px + env(safe-area-inset-top,0px))!important;padding-bottom:32px!important}
#listen>.listen>div+div{margin-top:22px!important}
}
.disco-link,.sp-more,.sp-open{display:none!important}
.sp-embed.blocked:after{content:"The player appears here on the live site.";display:block;padding:18px 0;font:300 12px/1.5 var(--sans);color:var(--mut)}
.nl{max-width:820px;margin:0 auto 34px;text-align:center}
.nl-btn,.nl-f button,.pg-msg button{background:var(--fg);color:#050505;border:0;padding:14px 24px;font:400 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;cursor:pointer}
.nl-f,.pg-form{display:flex;gap:8px;max-width:460px;margin:0 auto}
.nl-f input,.pg-form input{flex:1;min-width:0;background:transparent;border:1px solid var(--line);color:var(--fg);font:300 16px/1.4 var(--sans);padding:12px 14px;border-radius:0;outline:none}
.nl-f input:focus,.pg-form input:focus{border-color:#8a857c}
.nl-note{display:block;margin-top:10px;font:300 12px/1.5 var(--sans);color:var(--mut)}
.pg-hurt{position:absolute;z-index:3;left:50%;top:calc(50% + 172px);transform:translateX(-50%);background:rgba(0,0,0,.55);border:2px solid rgba(255,0,77,.55);color:#ff7a9c;font:9px/1.2 "Press Start 2P",monospace;padding:10px 12px;cursor:pointer;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s}
.pg-hurt.mid{opacity:.95;pointer-events:auto}
.pg-hurt b{font-weight:400;color:#EEF3EF}
.pg-hurt.on{border-color:#ff004d;color:#ff004d;box-shadow:0 0 14px rgba(255,0,77,.4)}
.pg-mu.mid{left:50%;bottom:auto;top:calc(50% + 120px);transform:translateX(-50%);opacity:1!important;font-size:10px}
html.pong-on,html.pong-on body{overscroll-behavior:none}
.pg-mu{position:absolute;z-index:3;left:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));background:rgba(0,0,0,.55);border:2px solid rgba(238,243,239,.55);color:#EEF3EF;font:9px/1.2 "Press Start 2P",monospace;padding:11px 12px;cursor:pointer;opacity:0;transition:opacity .3s;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-ov.ready .pg-mu{opacity:.85}
.pg-mu b{font-weight:400;margin-right:4px}
.pg-mu.nudge:not(.on){animation:pgNudge 1.6s ease-in-out infinite}
.pg-mu.on{border-color:#ffe9a8;color:#ffe9a8;animation:none}
@keyframes pgNudge{0%,100%{box-shadow:0 0 0 rgba(255,233,168,0);transform:translateX(var(--tx,0)) scale(1)}50%{box-shadow:0 0 22px rgba(255,233,168,.6);border-color:#ffe9a8;color:#ffe9a8;transform:translateX(var(--tx,0)) scale(1.07)}}
.pg-mu.mid{--tx:-50%}
.pg-x.arm{font-size:9px!important;color:#ffe9a8!important;opacity:1!important}
html.pong-on .vz-dock{display:none!important}
.pong-hint{margin-left:12px;color:var(--fg);opacity:.8}
#credits .logos .lg2{cursor:pointer}
#credits .logos .lg2.picked{transform:scale(1.35);transition:transform .25s steps(3)}
#credits .logos .lg2.picked .m{opacity:0!important}#credits .logos .lg2.picked .c{opacity:1!important}
.pg-ov{position:fixed;inset:0;z-index:300;touch-action:none;overscroll-behavior:contain;image-rendering:pixelated}
.pg-ov canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}
.pg-ov:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.24) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.55) 100%);z-index:1}
.pg-x{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:10px;z-index:5;background:rgba(0,0,0,.55);border:2px solid rgba(238,243,239,.55);color:#F2EFE9;font:10px/1 "Press Start 2P",monospace;padding:10px 12px;cursor:pointer;opacity:.9;transition:opacity .3s}
.pg-ov.ready .pg-x{opacity:.9}
.pg-msg{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:28px;text-align:center;background:rgba(0,0,0,.82)}
.pg-msg.show{display:flex}
.pg-msg.win{background:rgba(0,0,0,.5)}
.pg-msg .pg-big{font-size:clamp(26px,8vw,48px);color:#ffe9a8;text-shadow:0 0 18px rgba(255,233,168,.6)}
.pg-msg .pg-prize{color:#EEF3EF;font-size:11px}
.pg-msg h3{margin:0;font:clamp(15px,4.4vw,26px)/1.7 "Press Start 2P",monospace;color:#F2EFE9}
.pg-msg p{margin:0;font:10px/1.9 "Press Start 2P",monospace;color:#9a958c}
.pg-msg .b2{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.pg-msg button{font:10px/1 "Press Start 2P",monospace!important;letter-spacing:0!important;padding:14px 16px!important;box-shadow:4px 4px 0 #555}
.pg-ov.pg-start .pg-mu,.pg-ov.pg-start .pg-hurt{display:none!important}
.pg-msg.pg-card{background:rgba(0,0,0,.6);gap:18px}
.pg-msg .pg-legal{position:absolute;left:16px;right:16px;bottom:calc(10px + env(safe-area-inset-bottom,0px));margin:0 auto;max-width:560px;font:300 9px/1.5 var(--sans)!important;letter-spacing:.02em;color:rgba(242,239,233,.32)!important;pointer-events:none}
.pg-msg .pg-mchoice{display:flex;flex-direction:column;align-items:center;gap:10px}
.pg-msg .pg-mchoice>span,.pg-msg .pg-mnote{font:10px/1 "Press Start 2P",monospace;color:#ffe9a8}
.pg-msg .pg-go{background:#ffe9a8!important;color:#050505!important;padding:16px 22px!important;animation:pgNudge 1.6s ease-in-out infinite}
.pg-msg .ghost{background:none;color:#F2EFE9;border:2px solid #F2EFE9;box-shadow:none}
.pg-form input{font:11px/1.4 "Press Start 2P",monospace!important;border:2px solid #F2EFE9!important}
html{scroll-snap-type:none!important}
@media (max-width:900px){#listen,#about{justify-content:flex-start!important;padding-top:calc(88px + env(safe-area-inset-top,0px))!important}}
#listen details>summary,#about details>summary{-webkit-tap-highlight-color:transparent}
@media (max-width:900px){
#portfolio>.pg{padding-top:calc(clamp(56px,9svh,84px) + env(safe-area-inset-top,0px))!important;padding-bottom:clamp(12px,3svh,36px)!important}
#portfolio .feat{gap:clamp(10px,2svh,18px)!important;margin:2px 0 clamp(12px,2.4svh,22px)!important}
#portfolio .more-mob{margin-top:clamp(4px,1svh,10px)!important;padding:clamp(4px,1svh,8px) 0!important}
}
@media (max-width:900px) and (max-height:760px){#portfolio .feat .vw{aspect-ratio:2.7/1!important}#portfolio .pf .th{aspect-ratio:2/1!important}#portfolio .lbl.sub{margin-bottom:10px!important}}
.nl{padding-bottom:clamp(30px,5svh,48px);margin-bottom:clamp(30px,5svh,48px);border-bottom:1px solid var(--line)}
.nl h2.lbl{margin-bottom:12px!important}
.nl-p{margin:0 0 18px;font:300 14px/1.5 var(--sans);color:var(--mut)}
.nl-f button,#contact .cf button{background:transparent!important;color:var(--fg)!important;border:1px solid rgba(242,239,233,.32)!important;transition:border-color .25s,background .25s}
.nl-f button:hover,#contact .cf button:hover,.nl-f button:focus-visible,#contact .cf button:focus-visible{border-color:var(--fg)!important;background:rgba(242,239,233,.06)!important}
#contact .copy{background:transparent;border:1px solid rgba(242,239,233,.25);color:var(--mut)}
@media (max-width:900px){#contact .cf textarea{min-height:92px!important;height:92px}#contact{padding-top:calc(64px + env(safe-area-inset-top,0px))!important;padding-bottom:28px!important}}
.vz-pill{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translate(-50%,24px);opacity:0;pointer-events:none;z-index:400;display:flex;align-items:center;gap:10px;background:rgba(5,5,5,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(242,239,233,.28);color:var(--fg);font:400 10px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;padding:13px 20px;cursor:pointer;border-radius:999px;transition:opacity .35s,transform .35s,border-color .4s,box-shadow .4s}
.vz-pill.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.vz-pill i{width:7px;height:7px;border-radius:50%;background:var(--fg);animation:vzDot 1.2s ease-in-out infinite}
.vz-pill.active{border-color:var(--vz-a,#fff);box-shadow:0 0 22px -6px var(--vz-a,#fff)}
.vz-pill.active i{background:var(--vz-a,#fff);animation:none;width:9px;height:9px;position:relative}
.vz-pill.active i:before,.vz-pill.active i:after{content:"";position:absolute;left:-1px;top:4px;width:11px;height:1px;background:var(--fg);transform:rotate(45deg)}
.vz-pill.active i:after{transform:rotate(-45deg)}
.vz-pill.active i{background:none}
@keyframes vzDot{50%{transform:scale(.45);opacity:.5}}
.vz-dock{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translate(-50%,24px);opacity:0;pointer-events:none;z-index:400;display:flex;align-items:center;gap:8px;transition:opacity .35s,transform .35s}
.vz-dock.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.vz-dock .vz-pill{position:static;transform:none;opacity:1;pointer-events:auto}
.vz-stop{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(5,5,5,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(242,239,233,.28);color:var(--fg);font:400 11px/1 var(--sans);cursor:pointer;padding:0}
.vz-tip2{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);white-space:nowrap;font:400 9px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:rgba(242,239,233,.75);opacity:0;pointer-events:none}
.vz-tip2.show{animation:vzTip2 3.6s ease forwards}
@keyframes vzTip2{0%{opacity:0;transform:translate(-50%,4px)}12%,75%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}
html.vz-on{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.vz-stage{position:fixed;inset:0;z-index:350;display:none;touch-action:none;overscroll-behavior:none;cursor:crosshair;background:#050505}
.vz-stage.on{display:block}
.vz-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.vz-stage{background:radial-gradient(70% 55% at var(--gx1,30%) var(--gy1,30%),color-mix(in srgb,var(--vz-a,#333) calc(var(--gl,.4)*100%),transparent),transparent 70%),radial-gradient(70% 55% at var(--gx2,70%) var(--gy2,70%),color-mix(in srgb,var(--vz-b,#222) calc(var(--gl,.4)*100%),transparent),transparent 70%),#050505!important}
.vz-paint{mix-blend-mode:screen}
.vz-prompt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .6s}
.vz-prompt.show{opacity:1;animation:vzPr 9s ease forwards}
.vz-prompt i{position:absolute;width:74px;height:74px;border-radius:50%;border:1px solid var(--vz-a,#fff);box-shadow:0 0 24px -4px var(--vz-a,#fff);animation:vzRing 2.2s ease-out infinite}
.vz-prompt i+i{animation-delay:1.1s}
.vz-prompt span{margin-top:130px;white-space:nowrap;font:400 10px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--fg);text-shadow:0 0 12px var(--vz-a,#fff)}
@keyframes vzRing{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.2);opacity:0}}
@keyframes vzPr{0%,80%{opacity:1}100%{opacity:0}}
.vz-stage .vz-gl,.vz-stage .vz-silk{position:absolute;inset:0;width:100%;height:100%;display:block}
.vz-stage .vz-silk{mix-blend-mode:screen;pointer-events:none}
.vz-stage.nogl{background:#050505}
.vz-scrub{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 40px));display:none;align-items:center;gap:12px;font:300 10px/1 var(--sans);letter-spacing:.08em;color:rgba(242,239,233,.7);font-variant-numeric:tabular-nums}
html.vz-on .vz-scrub{display:flex}
html.vz-on .vz-scrub.none{display:none}
.vz-scrub .tr{position:relative;flex:1;height:3px;background:rgba(242,239,233,.2);border-radius:3px;cursor:pointer;touch-action:none}
.vz-scrub .tr:before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px}
.vz-scrub .tr i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--fg);border-radius:3px}
.vz-scrub .tr i:after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--fg);box-shadow:0 0 12px var(--vz-a,#fff)}
html.vz-on .vz-tip2{bottom:calc(100% + 14px)}
html.vz-on .vz-dock{bottom:calc(46px + env(safe-area-inset-bottom,0px))}
.vz-now{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 40px));text-align:center;display:none;pointer-events:none}
html.vz-on .vz-now{display:block}
html.vz-on .vz-now.none{display:none}
.vz-now b{display:block;font:300 clamp(17px,4.6vw,22px)/1.2 var(--serif);color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.vz-now small{display:block;margin-top:5px;font:300 9px/1.3 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:rgba(242,239,233,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.vz-on .vz-tip2{bottom:calc(100% + 74px)!important}
.vz-ink{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
main,footer{position:relative;z-index:1}
.vz-now{display:none;grid-template-columns:44px 1fr 44px;align-items:center;pointer-events:none!important}
.vz-now button{pointer-events:auto}
html.vz-on .vz-now{display:grid!important}
html.vz-on .vz-now.none{display:none!important}
.vz-now>div{min-width:0}
.vz-now button{width:44px;height:44px;background:none;border:0;color:rgba(242,239,233,.55);font:300 26px/1 var(--serif);cursor:pointer}
.vz-now.swap>div{animation:vzSwap .5s ease}
@keyframes vzSwap{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}
html.mp-on:not(.vz-on) .vz-dock.on{left:10px;right:10px;transform:none;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:12px 10px 10px;background:rgba(14,14,14,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(242,239,233,.14);border-radius:16px;touch-action:pan-y}
html.mp-on:not(.vz-on) .vz-now{display:grid!important;position:static;transform:none;width:auto;grid-template-columns:32px minmax(0,1fr) 32px;text-align:left;pointer-events:auto!important}
html.mp-on:not(.vz-on) .vz-now.none{display:grid!important}
html.mp-on:not(.vz-on) .vz-now button{width:32px;height:40px;font-size:24px;color:rgba(242,239,233,.7)}
html.mp-on:not(.vz-on) .vz-now b{font:300 15px/1.2 var(--serif)}
html.mp-on:not(.vz-on) .vz-now small{font-size:8.5px;margin-top:3px}
html.mp-on:not(.vz-on) .vz-scrub{display:flex!important;position:absolute;top:0;left:14px;right:14px;width:auto;transform:none;gap:0}
html.mp-on:not(.vz-on) .vz-scrub .a,html.mp-on:not(.vz-on) .vz-scrub .b{display:none}
html.mp-on:not(.vz-on) .vz-scrub .tr{height:2px;border-radius:0}
html.mp-on:not(.vz-on) .vz-scrub .tr i:after{width:9px;height:9px;margin-top:-4.5px;right:-4.5px;box-shadow:none}
html.mp-on:not(.vz-on) .vz-tip2{display:none}
html.mp-on:not(.vz-on) .vz-pill{padding:11px 14px;letter-spacing:.24em}
html.mp-on:not(.vz-on) .vz-stop{width:40px;height:40px}
html.mp-on footer{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important}
.vz-now .vz-prev,.vz-now .vz-next{display:none!important}
.vz-now{grid-template-columns:1fr!important}
.vz-skip{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(5,5,5,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(242,239,233,.2);color:rgba(242,239,233,.75);cursor:pointer;padding:0}
html.mp-on:not(.vz-on) .vz-dock.on{grid-template-columns:auto auto auto auto!important;grid-template-rows:auto auto;justify-content:center;column-gap:10px;row-gap:10px;padding:14px 12px 12px}
html.mp-on:not(.vz-on) .vz-now{grid-column:1/-1!important;grid-template-columns:1fr!important;text-align:center}
html.mp-on:not(.vz-on) .vz-skip{width:38px;height:38px}
.vz-amb{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:360;mix-blend-mode:screen}
.vz-wash{position:fixed;inset:0;pointer-events:none;z-index:355;opacity:0;mix-blend-mode:screen;background:radial-gradient(120% 80% at 20% 15%,var(--vz-a,transparent),transparent 60%),radial-gradient(120% 80% at 85% 90%,var(--vz-b,transparent),transparent 62%);transition:opacity .5s ease}
html.vz-on .vz-wash{opacity:calc(.05 + var(--vz-e,0) * .14)}
html main h2,html main h3,html main .tt b,html main summary,html main li{transition:text-shadow .5s ease,color .5s ease}
html.vz-on main h2,html.vz-on main h3,html.vz-on main .tt b,html.vz-on main summary,html.vz-on main .names li{text-shadow:0 0 calc(var(--vz-e,0) * 14px) var(--vz-a,transparent)}
.vz-lit{color:#fff!important;text-shadow:0 0 16px var(--vz-a,#fff),0 0 2px #fff!important}
#listen .sec-h{margin:22px 0 4px;font:300 10px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--mut)}
#listen details.sec{border-top:0}
#listen details.sec>summary{padding:8px 0 10px;font-size:10px!important;letter-spacing:.24em;color:var(--mut)}
#listen details.sec>summary small{font-size:10px}
#listen .emb-inev iframe{width:100%;border:0;border-radius:10px;margin:6px 0 4px}
.pt.on .bar,.atr.on>i{height:3px!important;background:rgba(242,239,233,.16)!important;touch-action:none}
.pt.on .bar:before,.atr.on>i:before{content:"";position:absolute;left:0;right:0;top:-18px;bottom:-12px}
.pt.on .bar i:after,.atr.on>i>i:after{content:"";position:absolute;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--fg);left:var(--kx,0)}
.pt.on .bar i,.atr.on>i>i{position:relative}
.pt.on .bar i:after,.atr.on>i>i:after{left:100%}
.pt.scrubbing .bar i:after,.atr.scrubbing>i>i:after{transform:scale(1.35)}
.lb{touch-action:pan-y}
.lb .fs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px 2px}
.lb .fs-btn{white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;background:rgba(242,239,233,.08);border:1px solid rgba(242,239,233,.28);border-radius:999px;color:var(--fg);font:400 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;cursor:pointer}
.lb .rot{display:none;min-width:0;align-items:center;gap:10px;font:300 10px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(242,239,233,.55)}
@media (max-width:900px) and (orientation:portrait){.lb .rot{display:inline-flex}}
@media (min-width:901px){.lb .fs-row{justify-content:flex-end}}
#contact .em{color:var(--mut)!important;opacity:.75;font-size:15px!important}
#contact .em-line{margin-top:24px}
#contact .em{color:var(--mut)!important;font-size:15px!important}
#contact .em-line{margin-top:22px}
.lb.turned{padding:0;background:#000}
.lb.turned .fr{width:100vw!important;height:100vh;height:100dvh}
.lb.turned .fr video,.lb.turned .fr .vf{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-height:none;aspect-ratio:auto;object-fit:contain;z-index:1;background:#000}
.lb.turned .fs-row,.lb.turned .crd{display:none}
.lb.turned .x{z-index:3;top:10px;right:14px;opacity:.7}
#listen .listen{display:block!important}
.v2-lbl{margin:22px 0 6px;font:300 10px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--mut)}
.v2-fwrap{background:rgba(242,239,233,.04);border-radius:14px;padding:12px;margin-top:4px}
.v2-feature.pt{border-top:0!important;padding:0!important;gap:14px}
.v2-feature.pt>img{width:92px!important;height:92px!important;border-radius:8px}
.v2-feature .tt b{font:300 22px/1.2 var(--serif)!important}
.v2-feature .tt small{margin-top:4px}
.v2-list .pt:first-child{border-top:0}
.v2-chips{display:flex;gap:8px;margin:22px 0 8px;flex-wrap:wrap}
.v2-chip{font:400 11px/1 var(--sans);letter-spacing:.06em;padding:9px 14px;border-radius:999px;border:1px solid rgba(242,239,233,.22);background:none;color:#b9b4ab;cursor:pointer}
.v2-chip.on{background:var(--fg);color:#050505;border-color:var(--fg)}
.v2-grps{display:grid}
.v2-grp{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .25s}
.v2-grp.on{visibility:visible;opacity:1}
.v2-albums{margin-top:4px}
.v2-albums .albums{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(10px,1.6vw,18px)!important}
.v2-albums .alb b{font-size:12px!important;margin-top:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-albgrp:not(.on){max-height:0;overflow:hidden}
#listen .v2-listen .v2-albums .albums{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.bk-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,3vw,28px);align-items:center;padding:10px 0 22px}
.bk-cover{display:block;perspective:600px}
.bk-cover img{display:block;width:clamp(92px,26vw,150px);aspect-ratio:2/3;object-fit:cover;border-radius:3px 6px 6px 3px;box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 1px rgba(242,239,233,.08);transform:rotateY(12deg) rotate(-1.5deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.bk-cover:hover img{transform:none}
.bk-tx small{display:block;font:300 9px/1.2 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mut)}
.bk-tx p{margin:8px 0 16px;font:300 clamp(14px,1.6vw,17px)/1.55 var(--serif);color:#d9d5cd}
.bk-btn{display:inline-block;font:400 11px/1 var(--sans);letter-spacing:.08em;padding:11px 16px;border-radius:999px;background:var(--fg);color:#050505;text-decoration:none}
.alb-panel.bk.open .bk-cover{animation:bkIn .7s .08s cubic-bezier(.2,.8,.2,1) both}
.alb-panel.bk.open .bk-tx{animation:bkIn .7s .2s cubic-bezier(.2,.8,.2,1) both}
@keyframes bkIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.alb-panel.bk.open .bk-cover,.alb-panel.bk.open .bk-tx{animation:none}}
.v2-fwrap{max-height:420px;overflow:hidden;transition:max-height .5s cubic-bezier(.2,.8,.2,1),opacity .3s,transform .5s cubic-bezier(.2,.8,.2,1),padding .5s,margin .5s}
.v2-listen.alb-mode .v2-fwrap{max-height:0;opacity:0;transform:translateY(-18px);padding-top:0!important;padding-bottom:0!important;margin-top:0}
.v2-listen.alb-mode .v2-chips{margin-top:4px!important}
.v2-chips{scroll-margin-top:calc(72px + env(safe-area-inset-top,0px))}
.v2-albgrp.on .alb{transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s}
.v2-albgrp.on .albums:has(.sel) .alb:not(.sel){opacity:.55}
.v2-albgrp.on .alb.sel{transform:translateY(-3px)}
.v2-albgrp.on .alb.sel img{box-shadow:0 0 0 2px var(--fg)}
@media (max-width:620px){.v2-albums .albums{gap:8px!important}.v2-albums .alb b{font-size:10px!important;margin-top:6px!important}}
.v2-fwrap{padding:14px!important}
.v2-start{margin-top:12px;padding-top:12px;border-top:1px solid rgba(242,239,233,.08)}
.v2-list .pt{padding:9px 0!important}
.v2-list .pt>img{width:48px!important;height:48px!important;border-radius:6px}
.v2-chips{margin:26px 0 10px!important}
.v2-grps{margin-bottom:8px}
@media (min-width:901px){
.v2-listen{max-width:860px}
.v2-fwrap{padding:18px!important}
.v2-list .pt{padding:11px 0!important}
.v2-list .pt>img{width:56px!important;height:56px!important}
.v2-chips{margin:34px 0 14px!important}
}
.v2-hero figure{margin:0}
.v2-hero .vw{aspect-ratio:2.39/1!important;border-radius:8px;overflow:hidden}
.v2-hero video{width:100%;height:100%;object-fit:cover}
.v2-hcap{margin:10px 0 0}
.v2-hcap b{display:block;font:300 20px/1.2 var(--serif);color:var(--fg)}
.v2-hcap small{display:block;margin-top:4px;font:300 10px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.v2-grid{display:none!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v2-grid.on{display:grid!important}
#portfolio .v2-grid [data-cards],#portfolio .v2-grid [data-ads]{display:contents!important}
#portfolio .v2-grid figure,#portfolio .v2-grid .card,#portfolio .v2-grid .pf{display:block!important;margin:0;min-width:0}
#portfolio .v2-port:not(.all) .v2-grid>a:nth-child(n+5),#portfolio .v2-port:not(.all) .v2-grid [data-cards]>.card[data-ci="2"],#portfolio .v2-port:not(.all) .v2-grid [data-ads]>.pf:not([data-ad="0"]):not([data-ad="2"]):not([data-ad="5"]):not([data-ad="1"]){display:none!important}
#portfolio .v2-hero figcaption,#portfolio .v2-hero .crd{display:none!important}
.v2-grid .vw,.v2-grid .th{aspect-ratio:16/9!important;border-radius:6px;overflow:hidden}
.v2-grid figure video,.v2-grid .th img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto!important}
.v2-grid figure .vw,.v2-hero .vw{position:relative;cursor:pointer}
.v2-grid figure .pl,.v2-hero .pl{position:absolute!important;z-index:2;display:grid!important;place-items:center;border-radius:50%;background:rgba(240,238,234,.2)!important;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}
.v2-grid figure .pl svg,.v2-hero .pl svg{fill:#f2efe9}
#portfolio .v2-grid .pf b,#portfolio .v2-grid .card b,#portfolio .v2-grid figure figcaption{display:block!important;margin-top:6px;font:300 11px/1.3 var(--sans)!important;color:var(--mut)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#portfolio .v2-grid figure figcaption b{font:inherit!important;color:inherit!important}
#portfolio .v2-grid figure .crd{display:none!important}
.v2-grid [data-ads] .pf{order:9}
.v2-grid [data-ads] [data-ad="0"]{order:1}.v2-grid [data-ads] [data-ad="2"]{order:2}.v2-grid [data-ads] [data-ad="5"]{order:3}.v2-grid [data-ads] [data-ad="1"]{order:4}
.v2-more{display:block;margin:16px auto 0;background:none;border:0;color:var(--mut);font:400 10px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;padding:10px;cursor:pointer}
#portfolio .v2-port .pl{width:30px!important;height:30px!important}
#portfolio .v2-grid .pf img,#portfolio .v2-grid .card img,#portfolio .v2-grid figure video{opacity:.88!important;filter:none!important}
/* pong.css */
html.pong-on.pong-mus .vz-dock{display:flex!important}
html.pong-on .vz-dock .vz-pill,html.pong-on .vz-dock .vz-tip2,html.pong-on .vz-dock .vz-scrub{display:none!important}
.vz-dock.px-sw{animation:pxSw .46s steps(8) both}
@keyframes pxSw{0%{transform:translate(-50%,0) scale(1);filter:none}40%,60%{transform:translate(-50%,0) scale(1.12,.18);filter:contrast(3) saturate(0) brightness(1.7)}100%{transform:translate(-50%,0) scale(1);filter:none}}
.vz-dock.px8{border-radius:0!important;gap:6px;padding:6px;background:#000;border:3px solid #EEF3EF;box-shadow:none;image-rendering:pixelated}
.vz-dock.px8 .vz-stop,.vz-dock.px8 .vz-skip,.vz-dock.px8 .vz-mute{width:38px;height:38px;border-radius:0;background:#000;border:2px solid #EEF3EF;-webkit-backdrop-filter:none;backdrop-filter:none;color:#EEF3EF;font:10px/1 "Press Start 2P",monospace;box-shadow:none;cursor:pointer;padding:0}
.vz-dock.px8 .vz-stop:active,.vz-dock.px8 .vz-skip:active,.vz-dock.px8 .vz-mute:active{background:#EEF3EF;color:#000}
.vz-dock.px8 svg{shape-rendering:crispEdges}
.vz-dock.px8 .vz-now{display:block!important;position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);pointer-events:none}
.vz-dock.px8 .vz-now button,.vz-dock.px8 .vz-now small{display:none}
.vz-dock.px8 .vz-now b{font:8px/1.4 "Press Start 2P",monospace;color:#ffe9a8;text-shadow:none;background:#000;padding:4px 6px;border:2px solid #ffe9a8}
.vz-dock.px8 .vz-now b:before{content:"\266A  "}
.vz-mute{display:none}
html.pong-on .vz-dock.px8 .vz-mute{display:grid;place-items:center}
.pg-mu.gone,.pg-hurt.gone{display:none!important}
.pg-run{font:8px/1.6 "Press Start 2P",monospace;color:#ffe9a8;margin:10px 0 0}
.pg-hs-h{font:8px/1.4 "Press Start 2P",monospace;opacity:.75;margin:14px 0 6px;letter-spacing:.06em}
.pg-hs{list-style:none;margin:0 auto 6px;padding:0;width:min(260px,100%);text-align:left;font:9px/2 "Press Start 2P",monospace}
.pg-hs li{display:flex;justify-content:space-between;gap:12px}
.pg-hs-n{font:7px/1.4 "Press Start 2P",monospace;opacity:.6;margin:0 0 6px}
.pg-hsf{margin-top:8px}
.pong-hint{display:block;margin:18px 0 0;text-align:center;font:9px/1.6 "Press Start 2P",monospace;letter-spacing:.06em;color:var(--fg);opacity:.75;animation:pongHint 1.6s steps(2) infinite}
@keyframes pongHint{50%{opacity:.25}}
html.pong-on .vz-dock.px8 .vz-now,html.pong-on .vz-dock.px8 .vz-scrub,html .vz-dock.px8 .vz-now{display:none!important}
.vz-dock.px8 .px-tn{display:block;font:8px/38px "Press Start 2P",monospace;color:#EEF3EF;width:min(40vw,190px);flex:none;overflow:hidden;white-space:nowrap;padding:0 6px;border:2px solid #EEF3EF;height:38px;box-sizing:border-box}
.vz-dock.px8 .px-tn span{display:inline-block;padding-left:100%;animation:pxTn 9s steps(90) infinite}
.vz-dock:not(.px8) .px-tn{display:none}
@keyframes pxTn{to{transform:translateX(-100%)}}
.px-wipe{position:fixed;z-index:450;pointer-events:none;image-rendering:pixelated}
@media (prefers-reduced-motion:reduce){.vz-dock.px8 .px-tn span{animation:none;padding-left:0}}
.vz-dock.px8,html.mp-on .vz-dock.px8.on,html.mp-on:not(.vz-on) .vz-dock.px8.on{display:flex!important;left:50%!important;right:auto!important;width:auto!important;transform:translate(-50%,0);grid-template-columns:none!important;grid-template-rows:none!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;gap:4px!important;padding:4px!important;border-width:2px!important;box-shadow:none!important;border-radius:0!important}
.vz-dock.px8 .vz-stop,.vz-dock.px8 .vz-skip,.vz-dock.px8 .vz-mute,html.mp-on:not(.vz-on) .vz-dock.px8 .vz-stop,html.mp-on:not(.vz-on) .vz-dock.px8 .vz-skip{width:28px!important;height:28px!important;font-size:8px}
.vz-dock.px8 svg{width:12px;height:12px}
.vz-dock.px8 .px-tn{font-size:7px;line-height:24px;height:28px;width:min(30vw,130px);padding:0 4px;grid-column:auto!important}
.pg-sfx{position:absolute;z-index:3;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));background:rgba(0,0,0,.55);border:2px solid rgba(238,243,239,.55);color:#EEF3EF;font:9px/1.2 "Press Start 2P",monospace;padding:11px 12px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s;white-space:nowrap}
.pg-ov.ready .pg-sfx{opacity:.85;pointer-events:auto}
.pg-sfx b{font-weight:400;color:#ffe9a8}
.pg-sfx.off{opacity:.6!important}.pg-sfx.off b{color:#ff7a9c}
.pg-sfx.gone,.pg-ov.pg-start .pg-sfx{display:none!important}
/* flow.css */
@media (min-width:901px){
#hdr nav a{position:relative}
#hdr nav a{transition:opacity .3s}
#hdr nav:has(a.here) a:not(.here):not(:hover){opacity:.55}
}
.fl-prog{display:none!important;position:fixed;top:0;left:0;width:100%;height:1px;background:var(--fg);opacity:.45;transform:scaleX(0);transform-origin:left;z-index:70;pointer-events:none}
@supports (animation-timeline:scroll()){
.fl-prog{animation:flProg linear both;animation-timeline:scroll(root)}
@keyframes flProg{to{transform:scaleX(1)}}
.hero .reel{animation:flReel linear both;animation-timeline:scroll(root);animation-range:0 90vh}
.hero .in,.fl-cue{animation:flIn linear both;animation-timeline:scroll(root);animation-range:0 55vh}
@keyframes flReel{to{opacity:.3}}
@keyframes flIn{to{opacity:0;translate:0 -36px}}
}
html.vz-on .fl-prog,html.pong-on .fl-prog{display:none}
.fl-cue{position:absolute;z-index:2;right:var(--pad);bottom:clamp(36px,7vh,80px);display:flex;align-items:center;gap:12px;font:400 9px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--fg);opacity:.7;text-decoration:none}
.fl-cue i{display:block;width:1px;height:44px;background:linear-gradient(var(--fg),var(--fg)) no-repeat top/100% 40%;animation:flCue 2.2s cubic-bezier(.6,0,.3,1) infinite}
@keyframes flCue{0%{background-position:0 -20px}100%{background-position:0 48px}}
@media (max-width:900px){.fl-cue span{display:none}.fl-cue{bottom:18px}}
html.fl-rv [data-rv]{opacity:0;translate:0 20px;transition:opacity .9s ease var(--rvd,0ms),translate 1s cubic-bezier(.2,.7,.2,1) var(--rvd,0ms)}
html.fl-rv [data-rv].in{opacity:1;translate:none}
@media (prefers-reduced-motion:reduce){
html.fl-rv [data-rv]{opacity:1;translate:none;transition:none}
.fl-cue i,.pong-hint{animation:none!important}
.hero .reel,.hero .in,.fl-cue{animation:none!important}
}
.lg2{cursor:pointer;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
@media (hover:hover){.lg2:hover{transform:translateY(-4px) rotate(-2.5deg) scale(1.06)}.lg2:nth-child(even):hover{transform:translateY(-4px) rotate(2.5deg) scale(1.06)}}
.pong-hint{display:inline-block;font:8px/1 "Press Start 2P",monospace;letter-spacing:.06em;color:#ffe9a8!important;opacity:1!important;animation:flBlink 1.1s steps(1) infinite;vertical-align:middle}
@keyframes flBlink{50%{opacity:.25}}
html.vz-idle .vz-dock{opacity:0!important;pointer-events:none;transition:opacity 1.4s ease!important}
html.vz-idle .vz-stage{cursor:none}
.pg-msg .pg-quip{color:#ffe9a8}
.pg-mu.mid{top:calc(50% + max(150px,19vh))}
.pg-hurt{top:calc(50% + max(202px,19vh + 52px))}
/* reimagined.css */
html.re{--rail:88px;--acc:var(--vz-a,#6f86a8)}
html.re body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(70vw 70vh at 88% 8%,color-mix(in srgb,var(--acc) 20%,transparent),transparent 70%),radial-gradient(60vw 60vh at 6% 96%,color-mix(in srgb,var(--acc) 13%,transparent),transparent 70%);transition:opacity 1.2s}
html.re ::selection{background:var(--acc);color:#050505}
html.re main{counter-reset:trk 1}
html.re main>section[id]{counter-increment:trk}
html.re main h2.lbl{font:300 clamp(44px,7.4vw,124px)/.95 var(--serif)!important;letter-spacing:-.025em!important;text-transform:none!important;color:var(--fg)!important;text-align:left!important;margin:0 0 clamp(34px,4.5vw,72px)!important;display:block;width:100%}
html.re main h2.lbl::before{content:"0" counter(trk);display:block;font:300 11px/1 var(--sans);letter-spacing:.34em;color:var(--acc);margin:0 0 18px;transition:color 1s}
html.re main .nl h2.lbl{font-size:clamp(30px,3.6vw,54px)!important;margin-bottom:18px!important}
html.re main .nl h2.lbl::before{content:none}
html.re #about h2.lbl,html.re #portfolio h2.lbl{display:block!important}
html.re #portfolio h2.lbl{grid-column:1/-1}
html.re main h3.lbl.sub{text-align:left!important;color:var(--fg)!important;opacity:.8;display:flex;align-items:center;gap:16px}
html.re main h3.lbl.sub::after{content:"";flex:1;height:1px;background:var(--line)}
html.re .hero h1{font-size:clamp(46px,9.2vw,168px)!important;letter-spacing:-.035em;line-height:.92}
html.re .hero h1::after{content:"";display:block;width:clamp(60px,9vw,150px);height:2px;margin-top:clamp(18px,2.4vw,34px);background:var(--acc);transition:background 1s}
.re-strip-nav{display:none}
@media (min-width:901px){
html.re #portfolio [data-cards][data-cards],html.re #portfolio .v2-port .v2-grid [data-cards],html.re #portfolio [data-ads][data-ads],html.re #portfolio .v2-port .v2-grid [data-ads]{display:flex!important;gap:clamp(12px,1.5vw,22px)!important;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 0 10px}
html.re #portfolio .cards::-webkit-scrollbar,html.re #portfolio .ads::-webkit-scrollbar{display:none}
html.re #portfolio .cards>*,html.re #portfolio .ads>*{flex:0 0 clamp(250px,31vw,470px);scroll-snap-align:start;display:block!important}
html.re #portfolio .pf .th{transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s}
@media (hover:hover){html.re #portfolio .pf:hover .th{transform:translateY(-6px);box-shadow:0 22px 50px -18px color-mix(in srgb,var(--acc) 70%,transparent)}}
html.re #portfolio .pf b{font:300 clamp(15px,1.3vw,19px)/1.3 var(--serif)!important;color:var(--fg)!important;margin-top:12px;display:block}
html.re .more-mob{display:none!important}
html.re #portfolio .re-strip-nav{position:sticky;right:0;z-index:3;flex:0 0 auto!important;display:flex!important;align-items:center;gap:8px;align-self:stretch;margin-left:-150px;padding:0 4px 0 64px;background:linear-gradient(90deg,transparent,rgba(5,5,5,.92) 60%);scroll-snap-align:none;pointer-events:none}
html.re .re-strip-nav button{pointer-events:auto;width:40px;height:40px;border-radius:50%;border:1px solid rgba(242,239,233,.35);background:rgba(5,5,5,.6);color:var(--fg);cursor:pointer;font:300 16px/1 var(--sans);transition:border-color .3s,background .3s,color .3s}
html.re .re-strip-nav button:hover{border-color:var(--fg);background:var(--fg);color:#050505}
@media (hover:none){html.re #portfolio .re-strip-nav{display:none!important}}
}
@media (max-width:900px){html.re #about h2.lbl,html.re #portfolio h2.lbl{display:none!important}}
html.re #credits .row{justify-items:stretch!important;text-align:left}
html.re #credits .row>h3.lbl{text-align:left!important}
html.re #credits .names{display:flex!important;flex-wrap:wrap;gap:6px 0!important;font:300 clamp(20px,2.5vw,38px)/1.25 var(--serif)!important}
html.re #credits .names li{display:flex;align-items:center}
html.re #credits .names li:not(:last-child)::after{content:"/";color:var(--acc);opacity:.7;margin:0 .5em;font-size:.6em;transition:color 1s}
html.re #credits .names .art{font:inherit!important;color:var(--fg);opacity:.72;transition:opacity .3s}
html.re #credits .names .art:hover{opacity:1}
html.re #credits .row:last-child{position:relative;margin-top:clamp(40px,5vw,72px);padding:clamp(22px,3vw,40px)!important;border:2px solid #EEF3EF!important;background:#000;box-shadow:0 0 0 6px #000,0 0 0 8px rgba(238,243,239,.25),0 0 60px -10px color-mix(in srgb,var(--acc) 60%,transparent);image-rendering:pixelated}
html.re #credits .row:last-child>h3.lbl{font:clamp(11px,1.5vw,18px)/1.6 "Press Start 2P",monospace!important;letter-spacing:.04em!important;color:#EEF3EF!important;text-align:center!important;margin:0 0 6px!important;font-size:0!important}
html.re #credits .row:last-child>h3.lbl::before{content:"CHOOSE YOUR BRAND";display:block;font:clamp(13px,1.9vw,24px)/1.5 "Press Start 2P",monospace;color:#EEF3EF;text-shadow:0 0 14px rgba(220,255,236,.55)}
html.re #credits .pong-hint{display:block;margin:10px 0 0!important;font-size:clamp(7px,.8vw,10px)!important}
html.re #credits .logos{gap:10px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;margin-top:18px}
html.re #credits .lg2{height:auto;aspect-ratio:16/10;border:2px solid rgba(238,243,239,.16);background:#070707;padding:10px;transition:border-color .12s steps(2),background .12s steps(2),transform .12s steps(2)}
html.re #credits .lg2::after{content:"1P";position:absolute;top:-2px;left:-2px;font:8px/1 "Press Start 2P",monospace;background:#ffe600;color:#000;padding:4px 5px;opacity:0}
html.re #credits .lg2:hover,html.re #credits .lg2:focus-visible{border-color:#ffe600;background:#141200;transform:none!important;outline:0}
html.re #credits .lg2:hover::after,html.re #credits .lg2:focus-visible::after{opacity:1;animation:flBlink .5s steps(1) infinite}
@media (max-width:900px){html.re #credits .logos{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.re-rail{display:none}
@media (min-width:901px){
html.re #hdr{display:none!important}
html.re main,html.re footer{padding-left:var(--rail)}
html.re .hero{margin-left:calc(var(--rail) * -1)!important;width:calc(100% + var(--rail))!important;max-width:none!important}
html.re .hero .in{left:calc(var(--rail) + var(--pad))!important}
html.re .re-rail{display:flex;flex-direction:column;align-items:center;position:fixed;z-index:40;left:0;top:0;bottom:0;width:var(--rail);padding:26px 0 22px;border-right:1px solid var(--line);background:linear-gradient(90deg,rgba(5,5,5,.72),rgba(5,5,5,.35));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.re-rail .re-wm{writing-mode:vertical-rl;transform:rotate(180deg);font:300 12px/1 var(--sans);letter-spacing:.5em;color:var(--fg);text-decoration:none;white-space:nowrap}
.re-rail ol{list-style:none;margin:auto 0;padding:0;display:flex;flex-direction:column;gap:6px;width:100%}
.re-rail li a{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 0;text-decoration:none;color:var(--fg);opacity:.45;transition:opacity .35s}
.re-rail li a b{font:300 17px/1 var(--serif);font-style:italic}
.re-rail li a span{font:300 8px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.re-rail li a::before{content:"";position:absolute;left:0;top:50%;width:2px;height:0;background:var(--acc);transform:translateY(-50%);transition:height .45s cubic-bezier(.2,.7,.2,1),background 1s}
.re-rail li a:hover,.re-rail li a.here{opacity:1}
.re-rail li a.here::before{height:100%}
.re-rail .re-pong{font:8px/1.5 "Press Start 2P",monospace;color:#ffe9a8;background:none;border:2px solid rgba(255,233,168,.5);padding:8px 6px 6px;cursor:pointer;text-align:center;animation:flBlink 1.4s steps(1) infinite}
.re-rail .re-pong:hover{background:#ffe9a8;color:#000;animation:none}
html.vz-on .re-rail,html.pong-on .re-rail{opacity:0;pointer-events:none}
.re-rail{transition:opacity .5s}
html.re .fl-cue{right:var(--pad)}
}
/* portfolio-player.css */
#portfolio .pp>.pp-chips{display:flex!important;justify-content:center;margin:0 0 18px!important}
#listen .v2-chips{justify-content:center!important}
#portfolio h2.pp-lbl{display:block!important}
#portfolio .pp-grid>.pf,#portfolio .pp-grid>.card{display:block!important}
#portfolio .pp-grid .pf b,#portfolio .pp-grid .card b{display:block!important}
#portfolio .pp-grid .pp-sub{display:block!important}
#portfolio .pp-panel{display:none}
#portfolio .pp-panel.on{display:block}
#portfolio .pp-feat{display:grid;grid-template-columns:1fr;gap:22px;margin:0 0 26px}
#portfolio .pp-hero{margin:0}
#portfolio .pp-hero figcaption,#portfolio .pp-hero .crd{display:none!important}
#portfolio .pp-hero .vw{position:relative;cursor:pointer;aspect-ratio:2.39/1;border-radius:8px;overflow:hidden;background:#000}
#portfolio .pp-hero video{width:100%;height:100%;object-fit:cover;display:block;opacity:1!important}
#portfolio .pp-hero .pl{position:absolute!important;z-index:2;display:grid!important;place-items:center;border-radius:50%;background:rgba(240,238,234,.2)!important;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none;width:38px!important;height:38px!important;left:12px!important;bottom:12px!important}
#portfolio .pp-hero .pl svg{fill:#f2efe9;width:13px!important}
#portfolio .pp-cap{margin:12px 0 0;cursor:pointer}
#portfolio .pp-cap b{display:block;font:300 21px/1.2 var(--serif);color:var(--fg)}
#portfolio .pp-cap small,#portfolio .pp-sub{display:block;margin-top:5px;font:300 10px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#a9a39a}
#portfolio .pp-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px!important;overflow:visible!important;padding:0!important;margin:0!important;scroll-snap-type:none!important}
#portfolio .pp-grid>*{min-width:0;flex:none!important;width:auto!important}
#portfolio .pp-grid .th{display:block;position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden}
#portfolio .pp-grid .th img{width:100%;height:100%;object-fit:cover}
#portfolio .pp-ads .pp-f{grid-column:1/-1}
#portfolio .pp-ads .pp-f b{font:300 19px/1.2 var(--serif)!important;color:var(--fg)!important;margin-top:12px!important}
#portfolio .pp-panel:not(.all) .pp-x{display:none!important}
#portfolio .pp-more{display:block;margin:24px auto 0;padding:12px 20px;font:400 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--fg);background:none;border:1px solid rgba(242,239,233,.24);border-radius:999px;cursor:pointer}
#portfolio .re-strip-nav{display:none!important}
@media (max-width:900px){
#portfolio .pp-feat{margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad))}
#portfolio .pp-hero .vw{border-radius:0}
#portfolio .pp-cap{padding:0 var(--pad)}
#portfolio .pp-panel:not(.all) .pp-xm{display:none!important}
}
@media (min-width:901px){
#portfolio .pp>.pp-chips{justify-content:center}
#portfolio .pp-feat{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:36px}
#portfolio .pp-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
#portfolio .pp-cards~.pp-more{display:none}
#portfolio .pp-panel:not(.all) .pp-cards .pp-x{display:block!important}
#portfolio .pp-ads{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 22px!important}
#portfolio .pp-ads>*{grid-column:span 2}
#portfolio .pp-ads>.pp-f{grid-column:span 3}
#portfolio .pp-ads .pp-f .th{aspect-ratio:2.39/1}
}
@media (min-width:901px){
#portfolio .pp-panel:not(.all) .pp-ads .pp-xd{display:none!important}
#portfolio .pp-ads .pp-xd{order:99}
}
.fs-row.tall .rot{display:none}
/* portfolio-all.css */
#portfolio .pp .pp-feat{margin-bottom:22px}
@media (min-width:901px){
#portfolio .pp .pp-more{display:none!important}
#portfolio .pp .pp-panel:not(.x) .pp-grid>.pp-x,
#portfolio .pp .pp-panel:not(.x) .pp-grid>.pp-xm,
#portfolio .pp .pp-panel:not(.x) .pp-grid>.pp-xd{display:block!important}
#portfolio .pp .pp-feat{margin-bottom:28px}
#portfolio .pp .pp-ads{gap:28px 22px!important}
}
/* epk.css */
#about .epk{margin:22px 0 4px}
#about .epk a{font:400 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--fg);text-decoration:none;border-bottom:1px solid rgba(242,239,233,.35);padding-bottom:4px}
#about .epk a:hover{border-bottom-color:var(--fg)}
/* mobile-bright.css */
@media (max-width:900px){
#portfolio .pf img,#portfolio .card img,#portfolio .th img,
#portfolio .ads .pf img,#portfolio .cards .pf img,#portfolio figure video{opacity:1!important;filter:brightness(1.14) contrast(1.06) saturate(1.06)!important}
#portfolio .pf b,#portfolio .card b{font-size:14px!important;line-height:1.3!important;color:#ece8e1!important;margin-top:10px!important}
#listen .pt img,#listen .pt>img{opacity:1!important;filter:brightness(1.12) contrast(1.04)!important}
#listen .tt small{color:#b4aea5!important}
#listen .alb .cv img,#listen .alb.hl .cv img{filter:brightness(1.05) saturate(1.04)!important;opacity:1!important}
.gph img{opacity:1!important;filter:brightness(1.08)!important}
#credits .logos .lg2 .m{opacity:.95!important}
.logos img{opacity:.95}
}
/* polish.css */
.cf input,.cf textarea,.cf button,.nl-f input,.nl-f button{border-radius:10px}
.about figure img{border-radius:14px}
html{scroll-padding-top:104px}
@media (max-width:900px){html{scroll-padding-top:96px}}
.v2-chips,.pp,.v2-listen{scroll-margin-top:104px}
#hdr{pointer-events:none}
#hdr .menu,#hdr a,#hdr nav,#hdr.open{pointer-events:auto}
.pong-hint{color:#9a9e9b!important;opacity:1!important;letter-spacing:.14em;animation:tapGlow 2.6s ease-in-out infinite!important;text-shadow:0 0 6px rgba(190,196,192,.55),0 0 16px rgba(190,196,192,.3)}
@keyframes tapGlow{0%,100%{opacity:.55;text-shadow:0 0 4px rgba(190,196,192,.35),0 0 10px rgba(190,196,192,.15)}50%{opacity:1;text-shadow:0 0 8px rgba(210,215,212,.8),0 0 22px rgba(190,196,192,.5)}}
@media (prefers-reduced-motion:reduce){.pong-hint{animation:none!important;opacity:.85!important}}
.logos .lg2 img{transform-origin:50% 60%;backface-visibility:visible}
.logos .lg2.lg-go[data-a="0"] img{animation:lgPop .75s cubic-bezier(.3,1.5,.5,1)}
.logos .lg2.lg-go[data-a="1"] img{animation:lgWobble .8s ease-in-out}
.logos .lg2.lg-go[data-a="2"] img{animation:lgDrop .8s cubic-bezier(.3,1.4,.5,1)}
.logos .lg2.lg-go[data-a="3"] img{animation:lgFlip .85s ease-in-out}
.logos .lg2.lg-go[data-a="4"] img{animation:lgStretch .8s cubic-bezier(.3,1.6,.5,1)}
.logos .lg2.lg-go[data-a="5"] img{animation:lgSwing .85s ease-out}
.logos .lg2.lg-go[data-a="6"] img{animation:lgGlide .9s ease-out}
@keyframes lgGlide{0%{transform:translateY(6px);opacity:.35}100%{transform:translateY(0);opacity:1}}
@keyframes lgPop{0%{transform:scale(1)}35%{transform:scale(1.22)}65%{transform:scale(.94)}100%{transform:scale(1)}}
@keyframes lgWobble{0%,100%{transform:rotate(0)}20%{transform:rotate(-7deg)}45%{transform:rotate(6deg)}70%{transform:rotate(-3deg)}}
@keyframes lgDrop{0%{transform:translateY(-14px)}45%{transform:translateY(0)}65%{transform:translateY(-5px)}100%{transform:translateY(0)}}
@keyframes lgFlip{0%{transform:perspective(500px) rotateY(0)}100%{transform:perspective(500px) rotateY(360deg)}}
@keyframes lgStretch{0%{transform:scale(1,1)}30%{transform:scale(1.18,.86)}60%{transform:scale(.92,1.1)}100%{transform:scale(1,1)}}
@keyframes lgSwing{0%{transform:rotate(-14deg) scale(.92)}60%{transform:rotate(4deg) scale(1.06)}100%{transform:rotate(0) scale(1)}}
@media (prefers-reduced-motion:reduce){.logos .lg2.lg-go img{animation:none!important}}
.lb .fr.ph{position:relative}
.ph-nav{position:fixed;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(10,10,10,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:300 34px/1 Poppins,sans-serif;display:grid;place-items:center;padding:0 0 4px;cursor:pointer;z-index:2;transition:background .2s,border-color .2s}
.ph-nav:hover,.ph-nav:focus-visible{background:rgba(40,40,40,.8);border-color:rgba(255,255,255,.6);outline:none}
.ph-nav.prev{left:clamp(8px,2.5vw,36px)}.ph-nav.next{right:clamp(8px,2.5vw,36px)}
.ph-count{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);font:300 11px/1 Poppins,sans-serif;letter-spacing:.3em;color:#bdb9b0}
@media (max-width:620px){.ph-nav{width:44px;height:44px;font-size:28px}}
.bk-in{position:relative}
.bk-x{position:absolute;top:2px;right:0;width:38px;height:38px;border-radius:50%;border:1px solid rgba(242,239,233,.35);background:rgba(10,10,10,.55);color:#e6e2d9;font:300 22px/1 var(--sans);display:grid;place-items:center;padding:0 0 2px;cursor:pointer;z-index:2;transition:background .2s,border-color .2s}
.bk-x:hover,.bk-x:focus-visible{background:rgba(40,40,40,.85);border-color:rgba(242,239,233,.7);outline:none}
.bk-tx{padding-right:46px}
@media (max-width:620px){.bk-x{top:-2px;width:34px;height:34px}}
.alb-panel.bk .alb-hd .alb-x{display:none}
.about figure img{border-radius:10px}
.gph,.gph img,.lb .fr.ph img{border-radius:6px}
.card img,.pf .th,.vw,.vw video,.feat .vw{border-radius:6px;overflow:hidden}
.alb .cv,.alb .cv img,.alb-hd img{border-radius:6px}
.lb .fr video,.lb .fr .vf{border-radius:6px;overflow:hidden}
html body .pong-hint,html.re #credits .pong-hint{display:block!important;margin:22px auto 0!important;text-align:center!important;font-size:clamp(11px,1.3vw,14px)!important;letter-spacing:.2em!important;color:#b9bdba!important;opacity:1!important;visibility:visible!important;text-shadow:0 0 8px rgba(200,206,202,.7),0 0 22px rgba(200,206,202,.4)}
html body #listen .v2-fwrap .pt,html body .v2-fwrap .v2-feature.pt,html body .v2-fwrap .v2-start .pt{display:flex!important;align-items:center!important;gap:14px!important;padding:0!important;border-top:0!important}
html body #listen .v2-fwrap .pt>img,html body .v2-fwrap .v2-feature.pt>img,html body .v2-fwrap .v2-start .pt>img{width:96px!important;height:96px!important;border-radius:8px!important}
html body #listen .v2-fwrap .pt .pp,html body .v2-fwrap .pt .pp{width:96px!important;height:96px!important;top:0!important;border-radius:8px}
html body #listen .v2-fwrap .pt .tt b,html body .v2-fwrap .v2-feature .tt b,html body .v2-fwrap .v2-start .tt b{font:300 22px/1.2 var(--serif)!important}
html body #listen .v2-fwrap .pt .tt small,html body .v2-fwrap .v2-start .tt small{margin-top:4px!important;font-size:12px!important}
html body .v2-fwrap .v2-start{margin-top:12px}
html body .pong-hint,html.re #credits .pong-hint{margin:6px 0 16px!important;text-align:center!important;color:#fff0b3!important;font-size:clamp(11px,1.2vw,13px)!important;letter-spacing:.22em!important;animation:hintPulse 1.8s ease-in-out infinite!important;text-shadow:0 0 8px rgba(255,236,160,.75),0 0 20px rgba(255,236,160,.4)}
@keyframes hintPulse{0%,100%{opacity:.45;text-shadow:0 0 4px rgba(255,236,160,.3)}50%{opacity:1;text-shadow:0 0 10px rgba(255,236,160,.9),0 0 26px rgba(255,236,160,.55)}}
@media (prefers-reduced-motion:reduce){html body .pong-hint{animation:none!important;opacity:1!important}}
html body #credits .logos{gap:46px clamp(28px,4vw,56px)!important;max-width:1120px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
html body #credits .logos .lg2{height:68px!important}
html body #credits .logos .lg2 img{width:calc(var(--w) * 1.7)!important;max-height:calc(var(--h,50px) * 1.2)!important}
@media (max-width:620px){html body #credits .logos{gap:34px 22px!important}html body #credits .logos .lg2{height:52px!important}html body #credits .logos .lg2 img{width:calc(var(--w) * 1.2)!important;max-height:calc(var(--hm,36px) * 1.2)!important}}
.logos,.logos .lg2{overflow-anchor:none}
.logos .lg2{contain:layout}
@media (hover:none){.lg2:hover,.lg2:nth-child(even):hover{transform:none!important}}
/* final.css */
html body main>section{scroll-margin-top:-104px}
@media (max-width:900px){html body main>section{scroll-margin-top:-96px}}
.hero .reel{filter:brightness(1.07)}
.hero .reel.reel-off{opacity:0!important}
@supports (animation-timeline:scroll()){.hero .reel-cv{animation:flReel linear both;animation-timeline:scroll(root);animation-range:0 90vh}}
@media (prefers-reduced-motion:reduce){.hero .reel-cv{animation:none!important}}
#hdr{pointer-events:none!important}
#hdr .menu,#hdr a,#hdr.open,#hdr.open nav{pointer-events:auto!important}
html body #listen .v2-fwrap .pt{-webkit-appearance:none;appearance:none;box-sizing:border-box!important;width:100%!important;height:96px!important;min-height:96px!important;max-height:96px!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;text-align:left!important;font:inherit;color:inherit;position:relative}
html body #listen .v2-fwrap .pt>img{flex:0 0 96px!important;min-width:96px!important;object-fit:cover!important;display:block!important}
html body #listen .v2-fwrap .pt .tt{flex:1 1 auto!important;min-width:0!important;display:block!important;text-align:left!important}
html body #listen .v2-fwrap .pt .tt b,html body #listen .v2-fwrap .pt .tt small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #listen .v2-fwrap .pt .tm{flex:0 0 auto!important;min-width:34px;text-align:right}
html body #listen .v2-fwrap .v2-start{margin:14px 0 0!important;padding:14px 0 0!important;border-top:1px solid rgba(242,239,233,.09)!important}
html body #listen .v2-fwrap .v2-feature{margin:0!important}
html body #credits .logos{gap:54px clamp(32px,4.5vw,64px)!important;max-width:1240px!important}
html body #credits .logos .lg2{height:84px!important}
html body #credits .logos .lg2 img{width:calc(var(--w) * 2.05)!important;max-height:calc(var(--h,50px) * 1.45)!important}
@media (max-width:620px){
html body #credits .logos{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 18px!important}
html body #credits .logos .lg2{height:74px!important}
html body #credits .logos .lg2 img{width:calc(var(--w) * 1.25)!important;max-width:92%!important;max-height:calc(var(--hm,36px) * 1.45)!important}
}
.logos .lg2 img{will-change:auto!important;backface-visibility:visible;transform-style:flat}
.logos .lg2.lg-go[data-a="0"] img{animation:lg2Pop .7s cubic-bezier(.22,1,.36,1)!important}
.logos .lg2.lg-go[data-a="1"] img{animation:lg2Tilt .8s cubic-bezier(.22,1,.36,1)!important}
.logos .lg2.lg-go[data-a="2"] img{animation:lg2Hop .75s cubic-bezier(.22,1,.36,1)!important}
.logos .lg2.lg-go[data-a="3"] img{animation:lg2Turn .9s cubic-bezier(.45,0,.2,1)!important}
.logos .lg2.lg-go[data-a="4"] img{animation:lg2Squash .75s cubic-bezier(.22,1,.36,1)!important}
.logos .lg2.lg-go[data-a="5"] img{animation:lg2Sway .85s cubic-bezier(.22,1,.36,1)!important}
.logos .lg2.lg-go[data-a="6"] img{animation:lg2Rise .8s cubic-bezier(.22,1,.36,1)!important}
@keyframes lg2Pop{0%{transform:scale(1)}30%{transform:scale(1.16)}60%{transform:scale(.97)}100%{transform:scale(1)}}
@keyframes lg2Tilt{0%{transform:rotate(0)}25%{transform:rotate(-6deg) scale(1.06)}55%{transform:rotate(4deg) scale(1.03)}80%{transform:rotate(-1.5deg)}100%{transform:rotate(0)}}
@keyframes lg2Hop{0%{transform:translateY(0)}30%{transform:translateY(-10px) scale(1.05)}60%{transform:translateY(2px) scale(.99)}100%{transform:translateY(0)}}
@keyframes lg2Turn{0%{transform:scaleX(1)}25%{transform:scaleX(.08) scaleY(1.06)}50%{transform:scaleX(1) scaleY(1.06)}75%{transform:scaleX(.08) scaleY(1.03)}100%{transform:scaleX(1)}}
@keyframes lg2Squash{0%{transform:scale(1,1)}28%{transform:scale(1.14,.9)}58%{transform:scale(.96,1.06)}100%{transform:scale(1,1)}}
@keyframes lg2Sway{0%{transform:rotate(0)}30%{transform:rotate(-9deg) scale(1.05)}65%{transform:rotate(3deg) scale(1.02)}100%{transform:rotate(0)}}
@keyframes lg2Rise{0%{transform:translateY(0);opacity:1}35%{transform:translateY(-7px) scale(1.06);opacity:1}100%{transform:translateY(0);opacity:1}}
@media (prefers-reduced-motion:reduce){.logos .lg2.lg-go img{animation:none!important}}
@media (hover:none){.lg2,.lg2:hover{transform:none!important;transition:none!important}}
@media (max-width:620px){
html body #portfolio .pg{padding-top:92px!important;padding-bottom:22px!important;justify-content:flex-start!important}
html body #portfolio h2.pp-lbl{margin-bottom:16px!important}
html body #portfolio .pp>.pp-chips{margin-bottom:16px!important}
html body #portfolio .pp .pp-panel.on{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:start}
html body #portfolio .pp .pp-feat,html body #portfolio .pp .pp-grid{display:contents!important}
html body #portfolio .pp-feat>.pp-hero:first-child,html body #portfolio .pp-ads>.pf:first-child{grid-column:1/-1!important;margin:0 calc(-1 * var(--pad)) 8px!important;width:auto!important}
html body #portfolio .pp-feat>.pp-hero:first-child .vw,html body #portfolio .pp-ads>.pf:first-child .th{aspect-ratio:16/9!important;border-radius:0!important;margin:0!important;position:relative;overflow:hidden}
html body #portfolio .pp-feat>.pp-hero:first-child .pp-cap{padding:0 var(--pad)!important;margin-top:11px!important}
html body #portfolio .pp-feat>.pp-hero:first-child .pp-cap b,html body #portfolio .pp-ads>.pf:first-child b{display:block!important;font:300 21px/1.2 var(--serif)!important;color:var(--fg)!important}
html body #portfolio .pp-ads>.pf:first-child b{margin:11px var(--pad) 0!important}
html body #portfolio .pp-ads>.pf:first-child .pp-sub{display:block!important;margin:5px var(--pad) 0!important}
html body #portfolio .pp-feat>.pp-hero:nth-child(n+2),html body #portfolio .pp-grid>.pf{grid-column:span 3!important;margin:0!important;min-width:0}
html body #portfolio .pp-panel:not(.all) .pp-cards>.pf:nth-child(n+2),html body #portfolio .pp-panel:not(.all) .pp-ads>.pf:nth-child(n+4){display:none!important}
html body #portfolio .pp-panel.all .pp-cards>.pf:last-child,html body #portfolio .pp-panel.all .pp-ads>.pf:last-child{grid-column:1/-1!important}
html body #portfolio .pp-panel.all .pp-cards>.pf:last-child .th,html body #portfolio .pp-panel.all .pp-ads>.pf:last-child .th{aspect-ratio:2.39/1!important}
html body #portfolio .pp-feat>.pp-hero:nth-child(n+2) .vw,html body #portfolio .pp-grid>.pf:not(:first-child) .th,html body #portfolio .pp-cards>.pf .th{aspect-ratio:16/9!important;border-radius:6px!important;margin:0!important;top:0!important;transform:none!important}
html body #portfolio .pp-feat>.pp-hero:nth-child(n+2) .pp-cap,html body #portfolio .pp-cards>.pf b,html body #portfolio .pp-ads>.pf:not(:first-child) b,html body #portfolio .pp-ads>.pf:not(:first-child) .pp-sub{display:none!important}
html body #portfolio .pp-feat>.pp-hero:nth-child(n+2) .pl{width:30px!important;height:30px!important;left:8px!important;bottom:8px!important}
html body #portfolio .pp-panel>.pp-feat>*,html body #portfolio .pp-panel>.pp-grid>*{order:0!important}
html body #portfolio .pp-more{grid-column:1/-1!important;justify-self:center;margin:14px auto 0!important;order:100!important}
#portfolio .pp-pv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s}
#portfolio .pp-pv.on{opacity:1}
html body #listen:not(.hero){padding-top:92px!important;padding-bottom:26px!important}
html body #listen>h2.lbl{margin-bottom:16px!important}
html body #listen .v2-chips{margin-top:18px!important}
html body #contact:not(.hero){padding-top:92px!important;padding-bottom:26px!important;text-align:center}
html body #contact .nl{padding-bottom:18px!important;margin-bottom:18px!important}
html body #contact .cf-h{margin-bottom:14px!important}
html body #contact .cf{gap:12px!important;margin-top:0!important;text-align:left}
html body #contact .cf-row{gap:12px!important}
html body #contact .cf input{padding-top:11px!important;padding-bottom:11px!important}
html body #contact .cf textarea{height:62px!important;min-height:62px!important;padding-top:11px!important;padding-bottom:11px!important}
html body #contact .cf-foot{justify-content:center!important}
html body #contact .em-line{margin-top:14px!important;justify-content:center!important;text-align:center!important}
html body #credits:not(.hero){padding-top:92px!important}
}
@media (min-width:901px){
html body #listen,html body #contact,html body #credits:not(.hero){padding-top:118px!important;padding-bottom:64px!important;justify-content:flex-start!important;min-height:0!important}
html body #portfolio .pg{padding-top:44px!important;padding-bottom:56px!important;justify-content:flex-start!important;min-height:0!important}
}
.alb-panel.bk.nobook .alb-hd .alb-x{display:inline-block!important}
main>section h2.lbl,main>section>.pg>h2,#credits .row>h3.lbl{cursor:pointer}
footer .fwm-top{-webkit-appearance:none;appearance:none;background:none;border:0;padding:6px 10px;margin:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;color:inherit;font:inherit}
footer .fwm-top .fwm{display:block;transition:opacity .25s,transform .25s cubic-bezier(.22,1,.36,1)}
footer .fwm-tip{font:300 9px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:#b9b4ab;opacity:0;transform:translateY(-3px);transition:opacity .25s,transform .25s}
@media (hover:hover) and (pointer:fine){
footer .fwm-top:hover .fwm,footer .fwm-top:focus-visible .fwm{opacity:1!important;transform:translateY(-2px)}
footer .fwm-top:hover .fwm-tip,footer .fwm-top:focus-visible .fwm-tip{opacity:1;transform:none}
}
@media (hover:none){footer .fwm-tip{display:none}}
footer .fwm-top:focus-visible{outline:1px solid rgba(242,239,233,.5);outline-offset:4px;border-radius:6px}
@media (min-width:621px){
html body #portfolio .pp-cards>.pf b,html body #portfolio .pp-ads>.pf:not(.pp-f) b{display:none!important}
}
@media (max-width:900px){
html body .hero{height:100vh!important;height:100svh!important;min-height:0!important}
html body #about{padding-top:calc(104px + env(safe-area-inset-top,0px))!important}
}
/* pong-player.css */
html.pong-on.pong-on.pong-on body .vz-dock{display:none!important}
.pgp{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:420;display:none;align-items:center;gap:6px;
padding:6px;background:rgba(0,0,0,.78);border:2px solid #EEF3EF;box-shadow:none;border-radius:0;image-rendering:pixelated;
opacity:.5;transition:opacity .35s;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.pgp.show{display:flex}
.pgp.awake,.pgp:hover,.pgp:focus-within{opacity:1}
html.pong-on .pg-ov.pg-start~.pgp{opacity:1}
.pgp-b{flex:none;display:grid;place-items:center;width:34px;height:34px;padding:0;margin:0;border-radius:0;cursor:pointer;
background:#000;border:2px solid #EEF3EF;color:#EEF3EF;-webkit-appearance:none;appearance:none;touch-action:manipulation}
.pgp-b svg{width:12px;height:12px;fill:currentColor;shape-rendering:crispEdges;display:block}
.pgp-b:active{background:#EEF3EF;color:#000}
.pgp-play{width:46px;height:46px;background:#ffe600;border-color:#ffe600;color:#000}
.pgp-play svg{width:16px;height:16px}
.pgp-play:active{background:#fff;border-color:#fff;color:#000}
.pgp-play .i-stop{display:none}
.pgp.playing .pgp-play .i-play{display:none}
.pgp.playing .pgp-play .i-stop{display:block}
.pgp-info{flex:none;width:min(34vw,150px);display:flex;flex-direction:column;gap:6px;padding:0 2px 0 4px}
.pgp-row{display:flex;align-items:center;gap:6px;min-width:0}
.pgp-t{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;font:7px/1.5 "Press Start 2P",monospace;color:#EEF3EF;letter-spacing:.04em}
.pgp-t span{display:inline-block;padding-left:100%;animation:pgpT 10s steps(100) infinite}
@keyframes pgpT{to{transform:translateX(-100%)}}
.pgp-time{flex:none;font:7px/1.5 "Press Start 2P",monospace;color:#ffe600}
.pgp-bar{position:relative;height:14px;border:2px solid #EEF3EF;background:#000;cursor:pointer;touch-action:none}
.pgp-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:#ffe600}
.pgp-bar:focus-visible,.pgp-b:focus-visible{outline:2px solid #ffe600;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.pgp-t span{animation:none;padding-left:0}}
/* pong-secret.css */
.sx-ov{position:fixed;inset:0;z-index:9990;background:rgba(0,0,0,0);transition:background .45s;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}
.sx-ov.in{background:rgba(0,0,0,.93)}
.sx-ov.out{background:rgba(0,0,0,0);transition:background .5s}
.sx-ov.out .sx-cv{opacity:0;transition:opacity .35s}
.sx-cv{position:absolute;inset:0;width:100%;height:100%}
.sx-fly{position:absolute;will-change:transform;transform-origin:50% 50%}
.sx-fly img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;opacity:1!important}
.sx-fly .g1{filter:brightness(.55) sepia(1) saturate(9) hue-rotate(-50deg);mix-blend-mode:screen;animation:sxJ1 .14s steps(2) infinite}
.sx-fly .g2{filter:brightness(.55) sepia(1) saturate(9) hue-rotate(140deg);mix-blend-mode:screen;animation:sxJ2 .17s steps(2) infinite}
.sx-fly .m{filter:brightness(1.35) drop-shadow(0 0 3px rgba(255,255,255,.7))}
.sx-ov.calmed .g1,.sx-ov.calmed .g2{animation-duration:.5s;opacity:.55!important}
.sx-ov.out .g1,.sx-ov.out .g2{opacity:0!important;transition:opacity .2s}
@keyframes sxJ1{0%{transform:translate(-3%,8%)}50%{transform:translate(2%,-12%)}100%{transform:translate(-1%,10%)}}
@keyframes sxJ2{0%{transform:translate(2.5%,-9%)}50%{transform:translate(-2%,11%)}100%{transform:translate(1.5%,-6%)}}
.sx-t,.sx-s{position:absolute;left:12px;right:12px;margin:0;text-align:center;font-family:"Press Start 2P",monospace;font-weight:400}
.sx-t{top:calc(50% + 34px);font-size:clamp(15px,4.8vw,34px);line-height:1.3;color:#ffe600;text-shadow:0 0 16px rgba(255,230,0,.65),3px 3px 0 #ff004d;min-height:1.3em;transition:opacity .3s}
.sx-t.bye{opacity:0}
.sx-s{top:calc(50% + 34px + clamp(44px,11vw,84px));font-size:clamp(8px,2.3vw,13px);line-height:1.6;color:#EEF3EF;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.sx-s.show{opacity:.9;transform:none}
.sx-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.sx-flash.go{animation:sxFl .55s ease-out}
@keyframes sxFl{0%{opacity:.95}100%{opacity:0}}
.sx-ov.shake{animation:sxSh .42s steps(7)}
@keyframes sxSh{0%{transform:translate(0,0)}15%{transform:translate(-9px,6px)}30%{transform:translate(8px,-7px)}45%{transform:translate(-6px,-4px)}60%{transform:translate(5px,5px)}80%{transform:translate(-3px,2px)}100%{transform:translate(0,0)}}
/* listen-featured.css */
html body #listen .pt>.pp{opacity:1!important;background:transparent!important;transition:background .2s}
html body #listen .pt>.pp:before{opacity:0;transition:opacity .2s}
html body #listen .pt>.pp:after{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;box-sizing:border-box;border-radius:50%;
background:rgba(240,238,234,.24) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M11 8.5l9 5.5-9 5.5z' fill='%23f2efe9'/%3E%3C/svg%3E") center/100% no-repeat;
border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 6px rgba(0,0,0,.28);transition:opacity .2s}
html body #listen .v2-fwrap .pt>.pp:after{left:7px;top:auto;bottom:7px;margin:0;width:32px;height:32px}
html body #listen .pt.on>.pp,html body #listen .pt.playing>.pp{background:rgba(0,0,0,.35)!important}
html body #listen .pt.on>.pp:before,html body #listen .pt.playing>.pp:before{opacity:1}
html body #listen .pt.on>.pp:after,html body #listen .pt.playing>.pp:after{opacity:0}
@media (hover:hover){
html body #listen .pt:hover>.pp{background:rgba(0,0,0,.35)!important}
html body #listen .pt:hover>.pp:before{opacity:1}
html body #listen .pt:hover>.pp:after{opacity:0}
}
.lf-more{display:none}
@media (max-width:900px){
html body #listen .lf-more{display:block;text-align:center;margin:22px 0 12px!important}
html body #listen .v2-listen.lf-closed .v2-grps{display:none!important}
}
/* contact.css */
.cq{margin:18px 0 0;padding:18px 20px 16px;border:1px solid var(--line);border-radius:14px;text-align:center}
.cq[hidden]{display:none}
.cq-q{margin:0 0 14px;font:300 14px/1.5 var(--sans);color:var(--fg);outline:none}
.cq-q b{font-weight:400;letter-spacing:.16em;text-transform:uppercase;font-size:12px}
.cq-row{display:grid;grid-template-columns:repeat(4,56px);gap:12px;justify-content:center}
html body #contact .cq .cq-b{display:grid;place-items:center;width:56px;height:56px;min-width:0;margin:0;padding:0;background:none;border:1px solid var(--line);border-radius:12px;letter-spacing:0;color:var(--fg);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.cq-b svg{margin:0;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round;display:block}
html body #contact .cq .cq-b:hover{border-color:var(--fg);background:rgba(242,239,233,.06)}
.cq-b:active{transform:scale(.94)}
html body #contact .cq .cq-x{margin:14px 0 0;background:none;border:0;border-radius:0;padding:6px 8px;min-width:0;color:var(--mut);font:300 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;cursor:pointer}
html body #contact .cq .cq-x:hover{color:var(--fg);background:none}
#contact .em[hidden]{display:none}
#contact .cf [aria-invalid=true]{border-color:#d98c7a}
@media (prefers-reduced-motion:reduce){.cq-b{transition:none}}
/* a11y.css */
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.skip{position:fixed;left:12px;top:-60px;z-index:1000;padding:12px 16px;background:#f2efe9;color:#050505;font:400 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-radius:8px;transition:top .15s}
.skip:focus{top:12px;outline:2px solid #ffe9a8;outline-offset:2px}
html body :focus-visible{outline:2px solid #ffe9a8!important;outline-offset:3px}
html body .cf input:focus-visible,html body .cf textarea:focus-visible,html body .nl-f input:focus-visible{outline-offset:0}
html body #portfolio .vw:focus-visible,html body .alb:focus-visible{outline-offset:4px;border-radius:6px}
html body main:focus,html body .cq-q:focus{outline:none!important}
@media (prefers-reduced-motion:reduce){.skip{transition:none}}
header .wm{height:auto}
html body #contact .em{color:#d8d4cc!important;opacity:1!important}
/* placements.css */
.fr.bio .plc{margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--line)}
.fr.bio .plc h4{margin:0 0 10px;font:300 10px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--mut)}
.fr.bio .plc ul{list-style:none;margin:0;padding:0 6px 0 0;max-height:min(34vh,260px);overflow-y:auto;overscroll-behavior:contain}
.fr.bio .plc li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:8px 0;border-bottom:1px solid rgba(242,239,233,.08);font:300 14px/1.4 var(--sans)}
.fr.bio .plc li:last-child{border-bottom:0}
.fr.bio .plc b{font-weight:400;color:var(--fg)}
.fr.bio .plc span{grid-column:1;color:var(--mut);font-size:12.5px}
.fr.bio .plc a{grid-column:2;grid-row:1/3;align-self:center;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px;white-space:nowrap}
.fr.bio .plc a:hover{border-bottom-color:var(--fg)}