/* room service site foot v1 */document.write("<!-- Room Service: upgrade popup for free members (shown once per visit after 25s of browsing) -->\n<style>\n#rs-up{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(20,16,12,.72);opacity:0;transition:opacity .8s ease}\n#rs-up.rs-open{display:flex}\n#rs-up.rs-in{opacity:1}\n#rs-up .rs-box{position:relative;width:440px;max-width:88vw;max-height:92vh;overflow:auto;background:#EBD6BE;color:#3C372F;padding:28px 32px 36px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35);font-family:Simple,ui-monospace,monospace;font-variant-ligatures:none;font-feature-settings:\"liga\" 0,\"clig\" 0,\"dlig\" 0}\n#rs-up .rs-box *{font-family:inherit;font-variant-ligatures:none}\n#rs-up .rs-close{position:absolute;top:10px;right:12px;background:none;border:0;color:#3C372F;font-size:22px;line-height:1;cursor:pointer;padding:6px}\n#rs-up .rs-mark{font-size:22px;letter-spacing:1px;margin:0 0 4px}\n#rs-up .rs-gif{display:block;width:100%;height:auto;margin:0 auto}\n#rs-up .rs-body{font-size:16px;line-height:1.5;margin:8px 0 22px}\n#rs-up .rs-btn{display:inline-block;background:#3C372F;color:#EBD6BE;border:1px solid #3C372F;padding:14px 28px;font-size:15px;letter-spacing:.5px;text-decoration:none;transition:background .2s,color .2s}\n#rs-up .rs-btn:hover{background:transparent;color:#3C372F}\n@media (max-width:480px){#rs-up .rs-box{padding:22px 22px 28px}}\n</style>\n<div id=\"rs-up\" role=\"dialog\" aria-modal=\"true\" aria-label=\"upgrade\">\n  <div class=\"rs-box\">\n    <button class=\"rs-close\" type=\"button\" aria-label=\"close\">&times;</button>\n    <div class=\"rs-mark\">unders</div>\n    <a href=\"#/portal/account/plans\" class=\"rs-go\"><img class=\"rs-gif\" src=\"https://unders.nl/wp-content/uploads/2026/09/roomservice_popup.gif\" alt=\"\" width=\"720\" height=\"720\" loading=\"lazy\"></a>\n    <p class=\"rs-body\">upgrade for unrestricted unders love.</p>\n    <a href=\"#/portal/account/plans\" class=\"rs-btn rs-go\">upgrade &amp; support</a>\n  </div>\n</div>\n<script>\n(function(){\n  var DELAY=25000, KEY='rs_up', el=document.getElementById('rs-up');\n  if(!el) return;\n  var test=/rs-test/.test(location.hash+location.search);\n  function ss(k,v){try{if(v===undefined)return sessionStorage.getItem(k);sessionStorage.setItem(k,v)}catch(e){return null}}\n  function open(){\n    el.classList.add('rs-open');\n    requestAnimationFrame(function(){requestAnimationFrame(function(){el.classList.add('rs-in')})});\n    ss(KEY+'_shown','1');\n  }\n  function close(){el.classList.remove('rs-in');setTimeout(function(){el.classList.remove('rs-open')},800)}\n  el.querySelector('.rs-close').addEventListener('click',close);\n  el.addEventListener('click',function(e){if(e.target===el)close()});\n  document.addEventListener('keydown',function(e){if(e.key==='Escape')close()});\n  [].forEach.call(el.querySelectorAll('.rs-go'),function(a){a.addEventListener('click',function(){close()})});\n  if(test){open();return;}\n  if(ss(KEY+'_shown')) return;\n  // skip account/sign-in pages and posts that already show Ghost's own paywall\n  if(/\\/(account|signin|signup|unsubscribe)/.test(location.pathname)) return;\n  if(document.querySelector('.gh-post-upgrade-cta,.members-cta')) return;\n  fetch('/members/api/member/',{credentials:'same-origin'}).then(function(r){return r.status===200?r.json():null}).then(function(m){\n    if(!m||m.status!=='free') return;\n    // count browsing time across pages in this visit, only while the tab is visible\n    var spent=parseInt(ss(KEY+'_t')||'0',10), last=Date.now();\n    var iv=setInterval(function(){\n      var now=Date.now();\n      if(document.visibilityState==='visible') spent+=now-last;\n      last=now; ss(KEY+'_t',String(spent));\n      if(spent>=DELAY && !ss(KEY+'_shown') && !/#\\/portal/.test(location.hash)){clearInterval(iv);open();}\n    },1000);\n  }).catch(function(){});\n})();\n</script>\n<!-- unders-one · slideshow decks, silent video reels, sound clips -->\n<style>\n.gh-content iframe[src*=\"soundcloud\"][height=\"166\"]{aspect-ratio:auto!important;height:166px!important;width:100%!important;max-width:none!important}\n.dz.dz-deckrow{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;height:clamp(200px,30vw,330px)}\n.dz.dz-deckrow.alt{grid-template-columns:1fr 1fr 2fr}\n.deck{position:relative;overflow:hidden;border-radius:3px;background:#1a1816;height:100%}\n.deck img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1);transition:opacity var(--fade,2.4s) ease-in-out,transform var(--every,7s) linear;display:block;will-change:opacity,transform}\n.deck img.on{opacity:1;transform:scale(1.05)}\n.dz.dz-reel{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}\n.dz.dz-reel.w2{grid-template-columns:1fr 1fr}\n.dz.dz-reel.n2{width:min(86vw,560px)}\n.dz.dz-deckrow.sm{height:clamp(160px,24vw,264px)}\n.dz.dz-filmstrip.sm>div{flex-basis:min(50vw,192px)}\n.dz-reel>div{aspect-ratio:9/16;overflow:hidden;border-radius:3px;background:#0a0908}\n.dz-reel.w2>div{aspect-ratio:16/9}\n.dz-reel video{width:100%;height:100%;object-fit:cover;display:block}\n.dz.dz-vfeat{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;margin:2.4rem auto}\n.dz.dz-vfeat .vf{width:min(44vw,300px);aspect-ratio:9/16;border-radius:3px;overflow:hidden;background:#000}\n.dz.dz-vfeat.land{grid-template-columns:1fr}\n.dz.dz-vfeat.land .vf{width:min(96vw,1000px);aspect-ratio:16/9}\n.dz.dz-vfeat video{width:100%;height:100%;object-fit:cover;display:block}\n.dz.dz-vfeat p{margin:0;max-width:30ch;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.5;color:var(--dz-fg,#F2E2CA)}\n.dz.dz-vfeat p small{display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;opacity:.6;margin-bottom:.6rem}\n.dz.dz-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}\n.dz.dz-grid>div{aspect-ratio:1;overflow:hidden;border-radius:2px}\n.dz.dz-grid>div.big{grid-column:span 2;grid-row:span 2}\n.dz.dz-grid img,.dz.dz-filmstrip img,.dz.dz-quad img{width:100%;height:100%;object-fit:cover;display:block}\n.dz.dz-filmstrip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 max(16px,calc(50vw - 500px));scrollbar-width:none;width:100vw;position:relative;left:50%;transform:translateX(-50%)}\n.dz.dz-filmstrip::-webkit-scrollbar{display:none}\n.dz.dz-filmstrip>div{flex:0 0 min(62vw,240px);aspect-ratio:3/4;border-radius:3px;overflow:hidden;scroll-snap-align:start}\n@media(max-width:640px){\n.dz.dz-deckrow,.dz.dz-deckrow.alt{grid-template-columns:1fr 1fr;height:auto}\n.dz.dz-deckrow>.deck{aspect-ratio:3/4}.dz.dz-deckrow>.deck:first-child,.dz.dz-deckrow.alt>.deck:last-child{grid-column:span 2;aspect-ratio:4/3}\n.dz.dz-reel{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.dz.dz-reel>div{flex:0 0 58vw;scroll-snap-align:start}\n.dz.dz-vfeat{grid-template-columns:1fr}.dz.dz-vfeat .vf{width:100%;aspect-ratio:9/16;max-height:70vh}\n.dz.dz-grid{grid-template-columns:repeat(3,1fr)}\n}\n</style>\n<script data-rerun=\"1\">\n(function(){\nfunction go(){\n  var io='IntersectionObserver' in window;\n  document.querySelectorAll('.deck').forEach(function(d,di){\n    var imgs=[].slice.call(d.querySelectorAll('img'));if(!imgs.length)return;var i=0;imgs[0].classList.add('on');var t=null;\n    function step(){imgs[i].classList.remove('on');i=(i+1)%imgs.length;imgs[i].classList.add('on');}\n    var every=parseFloat(d.dataset.every||7)*1000, fade=parseFloat(d.dataset.fade||2.4);d.style.setProperty('--every',(every/1000)+'s');d.style.setProperty('--fade',fade+'s');function start(){if(t)return;t=setInterval(step,every+(di%3)*400);}\n    function stop(){clearInterval(t);t=null;}\n    if(!io){start();return;}\n    new IntersectionObserver(function(es){es.forEach(function(e){e.isIntersecting?start():stop();});},{rootMargin:'200px'}).observe(d);\n    setTimeout(function(){},di*400);\n  });\n  var vids=[].slice.call(document.querySelectorAll('.dz-reel video')).filter(function(v){return !v.classList.contains('snd')});\n  function arm(v){if(v.dataset.src&&!v.src){v.src=v.dataset.src;v.load();}}\n  if(io){\n    var pre=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting)arm(e.target);});},{rootMargin:'900px'});\n    var play=new IntersectionObserver(function(es){es.forEach(function(e){var v=e.target;if(e.isIntersecting){arm(v);var p=v.play();p&&p.catch(function(){});}else v.pause();});},{rootMargin:'120px'});\n    vids.forEach(function(v){pre.observe(v);play.observe(v);});\n  } else vids.forEach(function(v){arm(v);v.play();});\n  document.querySelectorAll('.dz-vfeat video, video.snd').forEach(function(v){v.addEventListener('play',function(){document.querySelectorAll('.dz-vfeat video, video.snd').forEach(function(o){if(o!==v)o.pause();});});});\n}\ndocument.readyState==='loading'?document.addEventListener('DOMContentLoaded',go):go();\n})();\n</script>\n\n\n<!-- unders-joinfix · tier buttons: capture name + email, pick monthly/yearly, then straight to stripe (theme links lack a billing period, which breaks portal) -->\n<style>\n.tier .tier__alt{display:block;margin:10px 0 0;font-size:12px;opacity:.65;text-align:center}\n.tier form.tjoin{display:grid;gap:8px;margin-top:4px;text-align:left}\n.tier form.tjoin input{width:100%;box-sizing:border-box;font:inherit;font-size:14px;padding:9px 12px;border:1px solid rgba(0,0,0,.18);border-radius:999px;background:rgba(255,255,255,.6);color:inherit;outline:0}\n.tier form.tjoin input:focus{border-color:#34414C}\n.tier form.tjoin .cad{display:grid;grid-template-columns:1fr 1fr;gap:6px}\n.tier form.tjoin .cad label{cursor:pointer;border:1px solid rgba(0,0,0,.18);border-radius:14px;padding:8px 4px;text-align:center;font-size:11px;line-height:1.3}\n.tier form.tjoin .cad label strong{display:block;font-size:15px;font-weight:500}\n.tier form.tjoin .cad label small{display:block;opacity:.7}\n.tier form.tjoin .cad input{position:absolute;opacity:0;width:0;height:0}\n.tier form.tjoin .cad label.on{background:#34414C;color:#F2E2CA;border-color:#34414C}\n.tier form.tjoin button{font:inherit;border:0;background:#34414C;color:#F2E2CA;border-radius:999px;padding:11px 18px;cursor:pointer}\n.tier form.tjoin button[disabled]{opacity:.6;cursor:wait}\n.tier form.tjoin .tj-err{font-size:12px;color:#a33;min-height:1em;margin:0;text-align:center}\n.tier form.tjoin .tj-note{font-size:11px;opacity:.55;margin:0;text-align:center}\n</style>\n<script>\n(function(){\nvar SITE=null;\nfunction site(){ return SITE||(SITE=fetch('/members/api/site/').then(function(r){return r.json()}).catch(function(){return {}})); }\nfunction euro(c){ return '\\u20ac'+(c%100?(c/100).toFixed(2):(c/100)); }\nfunction fix(){\n  var re=/#\\/portal\\/signup\\/([0-9a-f]{24})\\/?$/;\n  document.querySelectorAll('a[href*=\"#/portal/signup/\"],[data-portal^=\"signup/\"]').forEach(function(a){\n    var href=a.getAttribute('href')||'', dp=a.getAttribute('data-portal')||'';\n    var m=href.match(re)||('#/'+'portal/'+dp).match(re); if(!m) return;\n    var id=m[1];\n    a.setAttribute('href','#/portal/signup/'+id+'/monthly');\n    if(a.hasAttribute('data-portal')) a.setAttribute('data-portal','signup/'+id+'/monthly');\n    if(!a.classList.contains('tier__cta')) return;\n    a.removeAttribute('data-portal'); a.classList.remove('gh-portal-close');\n    var alt=document.createElement('span'); alt.className='tier__alt'; alt.textContent='yearly \\u00b7 three months on me';\n    a.insertAdjacentElement('afterend',alt);\n    a.addEventListener('click',function(e){ e.preventDefault(); e.stopPropagation(); open(a,id,alt); },true);\n  });\n  document.querySelectorAll('p,span,div').forEach(function(el){ if(el.children.length===0&&/two months on me/i.test(el.textContent)) el.textContent=el.textContent.replace(/(two|four) months on me/i,'three months on me'); });\n}\nfunction open(a,id,alt){\n  Promise.resolve().then(function(){\n    var YEARLY_MONTHS=9; /* yearly = 9 x monthly (three months on me) — keep in sync with tier prices in ghost admin */\n    var card=a.closest('.tier'), pt=card&&card.querySelector('.tier__price'), mm=pt&&pt.textContent.replace(/\\s/g,'').match(/(\\d+(?:[.,]\\d+)?)/);\n    var mp=mm?Math.round(parseFloat(mm[1].replace(',','.'))*100):null, yp=mp!=null?mp*YEARLY_MONTHS:null;\n    var f=document.createElement('form'); f.className='tjoin'; f.noValidate=true;\n    f.innerHTML='<input type=\"text\" name=\"name\" placeholder=\"your name\" autocomplete=\"name\" required>'\n      +'<input type=\"email\" name=\"email\" placeholder=\"your email\" autocomplete=\"email\" required>'\n      +'<div class=\"cad\"><label><input type=\"radio\" name=\"cad\" value=\"month\"><strong>'+(mp!=null?euro(mp):'monthly')+'</strong><small>a month</small></label>'\n      +'<label class=\"on\"><input type=\"radio\" name=\"cad\" value=\"year\" checked><strong>'+(yp!=null?euro(yp):'yearly')+'</strong><small>a year \\u00b7 3 months on me</small></label></div>'\n      +'<button type=\"submit\">continue to payment</button><p class=\"tj-err\"></p><p class=\"tj-note\">secure checkout by stripe \\u00b7 cancel anytime</p>';\n    f.querySelectorAll('.cad label').forEach(function(l){ l.addEventListener('click',function(){ f.querySelectorAll('.cad label').forEach(function(x){x.classList.remove('on')}); l.classList.add('on'); }); });\n    f.addEventListener('submit',function(e){\n      e.preventDefault();\n      var name=f.name.value.trim(), email=f.email.value.trim(), cad=f.cad.value, err=f.querySelector('.tj-err'), btn=f.querySelector('button');\n      if(!name){ err.textContent='what shall i call you?'; f.name.focus(); return; }\n      if(!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)){ err.textContent='that email doesn\\u2019t look right'; f.email.focus(); return; }\n      err.textContent=''; btn.disabled=true; btn.textContent='one moment\\u2026';\n      var base=location.origin;\n      fetch('/members/api/create-stripe-checkout-session/',{method:'POST',headers:{'Content-Type':'application/json'},\n        body:JSON.stringify({customerEmail:email,tierId:id,cadence:cad,successUrl:base+'/?action=checkout&success=true',cancelUrl:base+'/join/?action=checkout&success=false',metadata:{name:name,requestSrc:'join'}})})\n      .then(function(r){ return r.json().then(function(j){ return {ok:r.ok,j:j}; }); })\n      .then(function(x){ if(x.ok&&x.j.url){ location.href=x.j.url; } else { throw new Error((x.j.errors&&x.j.errors[0]&&x.j.errors[0].message)||'could not start checkout'); } })\n      .catch(function(er){ err.textContent=er.message; btn.disabled=false; btn.textContent='continue to payment'; });\n    });\n    a.replaceWith(f); if(alt) alt.remove(); f.name.focus();\n  });\n}\ndocument.readyState==='loading'?document.addEventListener('DOMContentLoaded',fix):fix();\n})();\n</script>\n\n<!-- unders-roomstrip · \"more recordings · order room service\": a slow, random marquee of listening-room covers above the footer on every page (not on /vault/ itself) -->\n<style>\n.rs-strip{margin:4rem 0 0;padding:2.2rem 0 2.4rem;border-top:1px solid rgba(127,127,127,.18);overflow:hidden}\n.rs-strip__t{display:block;text-align:center;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;opacity:.6;text-decoration:none;color:inherit;margin:0 0 1.2rem}\n.rs-strip__t:hover{opacity:1}\n.rs-strip__track{display:flex;gap:8px;width:max-content;animation:rs-roll var(--rs-dur,90s) linear infinite}\n.rs-strip:hover .rs-strip__track{animation-play-state:paused}\n.rs-strip__track a{flex:0 0 auto;width:120px;aspect-ratio:1;overflow:hidden;border-radius:3px;background:#1a1916;display:block}\n.rs-strip__track img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}\n.rs-strip__track a:hover img{transform:scale(1.06)}\n@keyframes rs-roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@media(max-width:640px){.rs-strip__track a{width:92px}}\n@media(prefers-reduced-motion:reduce){.rs-strip__track{animation:none}}\n</style>\n<script>\n(function(){\n  if(/^\\/vault\\/(page\\/\\d+\\/)?$/.test(location.pathname)) return;\n  function ready(f){document.readyState!=='loading'?f():document.addEventListener('DOMContentLoaded',f);}\n  function getSets(){\n    try{var c=JSON.parse(sessionStorage.getItem('u_room')||'null');if(c&&Date.now()-c.t<6e5&&c.d.length)return Promise.resolve(c.d);}catch(e){}\n    var pages=['/vault/','/vault/page/2/','/vault/page/3/'];\n    return Promise.all(pages.map(function(u){return fetch(u,{credentials:'same-origin'}).then(function(r){return r.ok?r.text():'';}).catch(function(){return '';});})).then(function(txts){\n      var out=[],seen={};\n      txts.forEach(function(t){ if(!t)return; var d=new DOMParser().parseFromString(t,'text/html');\n        d.querySelectorAll('a.gcard').forEach(function(a){var img=a.querySelector('img');var href=a.getAttribute('href');if(!img||!href||seen[href])return;seen[href]=1;\n          var m=href.match(/\\/vault\\/([^\\/]+)\\/?/);var slug=m?m[1]:'';var tw='';try{var sl=JSON.parse(sessionStorage.getItem('u_slots')||'{}');tw=(sl[slug]||{}).tw||'';}catch(e){}\n          out.push({h:href,s:tw||img.getAttribute('src'),sq:tw?1:0,n:(img.getAttribute('alt')||a.textContent||'').trim()});});\n      });\n      try{sessionStorage.setItem('u_room',JSON.stringify({t:Date.now(),d:out}));}catch(e){}\n      return out;\n    });\n  }\n  ready(function(){\n    var foot=document.querySelector('footer.site-foot, footer'); if(!foot) return;\n    getSets().then(function(sets){\n      if(sets.length<4) return;\n      for(var i=sets.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var tmp=sets[i];sets[i]=sets[j];sets[j]=tmp;}\n      var sec=document.createElement('section'); sec.className='rs-strip';\n      var t=document.createElement('a'); t.className='rs-strip__t'; t.href='/vault/'; t.textContent='more recordings \\u00b7 order room service'; sec.appendChild(t);\n      var tr=document.createElement('div'); tr.className='rs-strip__track';\n      var html=sets.map(function(x){return '<a href=\"'+x.h+'\" title=\"'+x.n.replace(/\"/g,'&quot;')+'\"><img src=\"'+x.s+'\" alt=\"\" loading=\"lazy\"></a>';}).join('');\n      tr.innerHTML=html+html; tr.style.setProperty('--rs-dur',(sets.length*7)+'s');\n      sec.appendChild(tr); foot.parentNode.insertBefore(sec,foot);\n      /* in the background, learn each set's square listening-room cover (x image) so later pages show squares */\n      var need=sets.filter(function(x){return !x.sq;}).slice(0,24);\n      var run=function(){ if(!need.length) return; var x=need.shift(); fetch(x.h,{credentials:'same-origin'}).then(function(r){return r.text();}).then(function(t){ var d=new DOMParser().parseFromString(t,'text/html'); var m=d.querySelector('meta[name=\"twitter:image\"]'); var tw=m?m.getAttribute('content'):''; if(tw){ x.s=tw; x.sq=1; } try{ var c=JSON.parse(sessionStorage.getItem('u_room')||'null'); if(c){ c.d.forEach(function(y){ if(y.h===x.h){ y.s=x.s; y.sq=x.sq; } }); sessionStorage.setItem('u_room',JSON.stringify(c)); } }catch(e){} }).catch(function(){}).then(function(){ setTimeout(run,400); }); };\n      if('requestIdleCallback' in window) requestIdleCallback(run); else setTimeout(run,2000);\n    });\n  });\n})();\n</script>\n\n\n<!-- unders-signin · our own sign-in: one email field, clear words, handles ghost's hourly attempt limit and one-time codes; plus \"already a member?\" on every gate and a sign-in pill on phones -->\n<style>\n.cta-signin{margin:16px 0 0;font-size:14px;line-height:1.6}\n.cta-signin a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:600}\n.mob-signin{display:none;font:inherit;font-size:13px;color:inherit;text-decoration:none;letter-spacing:.06em;margin-left:auto;margin-right:12px;border:1px solid currentColor;border-radius:999px;padding:5px 12px;opacity:.85}\n@media(max-width:900px){.site-head .mob-signin{display:inline-block}}\n.rsi{position:fixed;inset:0;z-index:100000;background:rgba(10,10,10,.72);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}\n.rsi__card{width:min(92vw,420px);background:#F2E2CA;color:#1a1916;border-radius:14px;padding:30px 28px 26px;box-shadow:0 30px 80px rgba(0,0,0,.5);position:relative;font-size:15px;line-height:1.55}\n.rsi__x{position:absolute;top:10px;right:14px;border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:inherit;opacity:.6}\n.rsi h3{margin:0 0 6px;font-size:1.3rem;font-weight:500;letter-spacing:.02em;color:#1a1916!important}\nhtml body .rsi .rsi__card, html body .rsi .rsi__card *{color:#1a1916!important}\nhtml body .rsi .rsi__card button.go{color:#F2E2CA!important}\nhtml body .rsi .rsi__card .err{color:#9b2c2c!important}\n.rsi p{margin:0 0 14px}\n.rsi a{color:#1a1916!important}\n.rsi p.small{font-size:13px;opacity:.72;margin:12px 0 0}\n.rsi input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:12px 14px;border:1px solid rgba(0,0,0,.25);border-radius:999px;background:#fff;color:inherit;outline:0;margin:6px 0 10px}\n.rsi input:focus{border-color:#34414C}\n.rsi input.code{letter-spacing:.4em;text-align:center;font-size:22px}\n.rsi button.go{width:100%;font:inherit;font-size:15px;border:0;background:#34414C;color:#F2E2CA;border-radius:999px;padding:13px 18px;cursor:pointer}\n.rsi button.go[disabled]{opacity:.6;cursor:wait}\n.rsi .err{color:#9b2c2c;font-size:14px;margin:4px 0 10px;min-height:1em}\n.rsi a{color:inherit;text-decoration:underline;text-underline-offset:3px}\n.rsi .mail{font-weight:600;word-break:break-all}\n.rs-inapp{position:sticky;top:0;z-index:99999;background:#34414C;color:#F2E2CA;font-size:13px;line-height:1.5;padding:10px 44px 10px 16px;text-align:center}\n.rs-inapp b{font-weight:600}\n.rs-inapp button{position:absolute;right:8px;top:6px;border:0;background:none;color:inherit;font-size:22px;cursor:pointer;opacity:.7}\n</style>\n<script>\n(function(){\n  var wantOpen=false;\n  if(/^#\\/portal\\/signin\\/?$/.test(location.hash)){ wantOpen=true; history.replaceState(null,'',location.pathname+location.search); }\n  function ready(f){document.readyState!=='loading'?f():document.addEventListener('DOMContentLoaded',f);}\n  var inApp=/Instagram|FBAN|FBAV|FB_IAB|Line\\/|WhatsApp|GSA\\/|Gmail|Twitter|; wv\\)|Snapchat|TikTok|musical_ly/i.test(navigator.userAgent);\n  function el(t,c,html){var e=document.createElement(t);if(c)e.className=c;if(html!=null)e.innerHTML=html;return e;}\n  function token(){return fetch('/members/api/integrity-token/').then(function(r){return r.ok?r.text():'';}).catch(function(){return '';});}\n  var box=null;\n  function close(){ if(box){box.remove();box=null;} }\n  function open(){\n    if(box) return; var email='';\n    box=el('div','rsi'); var card=el('div','rsi__card'); box.appendChild(card);\n    box.addEventListener('click',function(e){ if(e.target===box) close(); });\n    document.addEventListener('keydown',function esc(e){ if(e.key==='Escape'){close();document.removeEventListener('keydown',esc);} });\n    function stepEmail(prefill,msg){\n      card.innerHTML='<button class=\"rsi__x\" aria-label=\"close\">\\u00d7</button><h3>sign in</h3><p>the email you joined with. we send you a link \\u2014 there is no password.</p><form><input type=\"email\" name=\"email\" placeholder=\"your email\" autocomplete=\"email\" inputmode=\"email\" required value=\"'+(prefill||'').replace(/\"/g,'')+'\"><div class=\"err\">'+(msg||'')+'</div><button class=\"go\" type=\"submit\">send me my link</button></form><p class=\"small\">not a member yet? <a href=\"#/portal/signup\" data-portal=\"signup\">join here</a><br>already have a code? <a href=\"#entercode\" class=\"hc\">enter it here</a></p>';card.querySelector('.hc').onclick=function(){close();window.__rsoe=0;};\n      card.querySelector('.rsi__x').onclick=close;\n      card.querySelector('[data-portal=\"signup\"]').addEventListener('click',function(){close();});\n      var f=card.querySelector('form'), inp=f.email, btn=f.querySelector('.go'), err=f.querySelector('.err');\n      setTimeout(function(){inp.focus();},50);\n      f.addEventListener('submit',function(e){\n        e.preventDefault(); email=inp.value.trim();\n        if(!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)){ err.textContent='that email doesn\\u2019t look right.'; return; }\n        err.textContent=''; btn.disabled=true; btn.textContent='one moment\\u2026';\n        token().then(function(t){\n          return fetch('/members/api/send-magic-link/',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({email:email,emailType:'signin',includeOTC:true,integrityToken:t})});\n        }).then(function(r){ return r.text().then(function(tx){ var j={}; try{j=JSON.parse(tx||'{}');}catch(e){} return {s:r.status,j:j}; }); })\n        .then(function(x){\n          if(x.s===201||x.s===200){ if(x.j&&x.j.otc_ref) stepCode(x.j.otc_ref); else stepSent(); return; }\n          var m=(x.j.errors&&x.j.errors[0]&&x.j.errors[0].message)||'';\n          if(x.s===429) return stepLimited();\n          if(/no member|not found|does not exist/i.test(m)) { err.innerHTML='we can\\u2019t find that email. maybe you joined with another one? otherwise <a href=\"#/portal/signup\" data-portal=\"signup\">join here</a>.'; }\n          else err.textContent=m||'something went wrong \\u2014 please try once more.';\n          btn.disabled=false; btn.textContent='send me my link';\n        }).catch(function(){ err.textContent='no connection \\u2014 please try once more.'; btn.disabled=false; btn.textContent='send me my link'; });\n      });\n    }\n    function stepSent(){\n      card.innerHTML='<button class=\"rsi__x\" aria-label=\"close\">\\u00d7</button><h3>check your inbox</h3><p>we sent a sign-in link to <span class=\"mail\">'+email+'</span>.</p><p>tap it <b>on this device</b>'+(inApp?' and choose <b>open in browser</b> if your mail app asks':'')+'. you\\u2019ll land back here, signed in for six months.</p><p class=\"small\">nothing after a minute? check spam or promotions. please don\\u2019t request a second link straight away \\u2014 a few requests in one hour locks the door for an hour.</p><p class=\"small\"><a href=\"#\" class=\"again\">wrong email? try another</a></p>';\n      card.querySelector('.rsi__x').onclick=close; card.querySelector('.again').onclick=function(e){e.preventDefault();stepEmail(email);};\n    }\n    function stepCode(ref){\n      card.innerHTML='<button class=\"rsi__x\" aria-label=\"close\">\\u00d7</button><h3>check your inbox</h3><p>we sent a 6-digit code to <span class=\"mail\">'+email+'</span>. type it here \\u2014 no need to leave this page.</p><form><input class=\"code\" name=\"otc\" inputmode=\"numeric\" pattern=\"[0-9]*\" maxlength=\"6\" placeholder=\"\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\" autocomplete=\"one-time-code\" required><div class=\"err\"></div><button class=\"go\" type=\"submit\">open the door</button></form><p class=\"small\">the email also has a link, if you prefer. nothing after a minute? check spam.</p><p class=\"small\"><a href=\"#\" class=\"again\">wrong email? try another</a></p>';\n      card.querySelector('.rsi__x').onclick=close; card.querySelector('.again').onclick=function(e){e.preventDefault();stepEmail(email);};\n      var f=card.querySelector('form'), inp=f.otc, btn=f.querySelector('.go'), err=f.querySelector('.err'); setTimeout(function(){inp.focus();},50);\n      f.addEventListener('submit',function(e){ e.preventDefault(); var code=inp.value.replace(/\\D/g,''); if(code.length<6){err.textContent='six digits, please.';return;} btn.disabled=true; btn.textContent='one moment\\u2026';\n        token().then(function(t){return fetch('/members/api/verify-otc/',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({otc:code,otcRef:ref,redirect:location.href,integrityToken:t})})}).then(function(r){return r.json().then(function(j){return {s:r.status,j:j};});}).then(function(x){\n          if(x.s<300&&x.j.redirectUrl){ location.href=x.j.redirectUrl; return; }\n          err.textContent=(x.j.errors&&x.j.errors[0]&&x.j.errors[0].message)||'that code didn\\u2019t work \\u2014 check the newest email.'; btn.disabled=false; btn.textContent='open the door';\n        }).catch(function(){ err.textContent='no connection \\u2014 try once more.'; btn.disabled=false; btn.textContent='open the door'; });\n      });\n    }\n    function stepLimited(){\n      card.innerHTML='<button class=\"rsi__x\" aria-label=\"close\">\\u00d7</button><h3>one moment</h3><p>too many sign-in requests came from this connection in the last hour, so the door is closed for a little while \\u2014 this protects your account.</p><p><b>the link we already sent you still works:</b> open the newest email from unders and tap it on this device.</p><p class=\"small\">no email at all? wait an hour and try once. need help? write to <a href=\"mailto:music@unders.nl\">music@unders.nl</a>.</p>';\n      card.querySelector('.rsi__x').onclick=close;\n    }\n    stepEmail('');\n    document.body.appendChild(box);\n  }\n  document.addEventListener('click',function(e){\n    var a=e.target.closest&&e.target.closest('a[data-portal=\"signin\"],a[href=\"#/portal/signin\"],a[href$=\"#/portal/signin\"],[data-portal=\"signin\"]');\n    if(!a) return; e.preventDefault(); e.stopImmediatePropagation(); open();\n  },true);\n  ready(function(){\n    var loggedIn=!!document.querySelector('.nav__member a[data-portal=\"account\"]');\n    document.querySelectorAll('.members-cta h3, .members-cta .cta-title').forEach(function(h){ var m=h.textContent.trim().match(/^from the (.+) tier and up$/i); if(m) h.textContent='accessible to '+m[1]+' tier and up'; });\n    document.querySelectorAll('.members-cta').forEach(function(cta){\n      if(cta.querySelector('.cta-signin')||cta.querySelector('.setgate')) return;\n      if(loggedIn){ /* signed in, but this set sits in a higher tier */\n        var b=cta.querySelector('a.btn'); if(b){ b.textContent='upgrade my membership'; b.href='#/portal/account/plans'; b.setAttribute('data-portal','account/plans'); }\n        var q=cta.querySelector('p'); if(q) q.textContent='you\\u2019re signed in \\u2014 this set lives in a higher tier than yours. upgrading takes two taps and you can change back anytime.';\n        var u=el('p','cta-signin cta-upgrade','not sure which tier you\\u2019re on? <a href=\"#/portal/account\" data-portal=\"account\">open your account</a>');\n        cta.appendChild(u); return;\n      }\n      var p=el('p','cta-signin','already a member? <a href=\"#/portal/signin\" data-portal=\"signin\">sign in</a>');\n      var btn=cta.querySelector('a.btn'); if(btn&&btn.nextSibling) cta.insertBefore(p,btn.nextSibling); else cta.appendChild(p);\n    });\n    if(!loggedIn){\n      var head=document.querySelector('.site-head'), tog=head&&head.querySelector('.menu-toggle');\n      if(tog&&!head.querySelector('.mob-signin')){ var a=el('a','mob-signin','sign in'); a.href='#/portal/signin'; a.setAttribute('data-portal','signin'); tog.parentNode.insertBefore(a,tog); }\n    }\n    if(wantOpen && !loggedIn) open();\n    if(inApp && !sessionStorage.getItem('rs_inapp_seen')){\n      var justSignedIn=/action=signin&success=true/.test(location.search);\n      var bar=el('div','rs-inapp',(justSignedIn?'<b>you\\u2019re signed in \\u2014 but inside the mail app\\u2019s browser.</b> to stay signed in, open roomservice.music in safari or chrome and sign in once there.':'<b>you\\u2019re inside an app\\u2019s browser.</b> for sign-in to stick, open this page in safari or chrome (tap \\u22ef or \\u2197 and \\u201copen in browser\\u201d).')+'<button aria-label=\"close\">\\u00d7</button>');\n      bar.querySelector('button').onclick=function(){bar.remove();try{sessionStorage.setItem('rs_inapp_seen','1');}catch(e){}};\n      document.body.insertBefore(bar,document.body.firstChild);\n    }\n  });\n})();\n</script>\n\n<!-- unders-tracks · cover grid with our own play button; soundcloud plays hidden underneath -->\n<style>\n.dz.dz-tracks{display:grid;grid-template-columns:1fr 1fr;gap:18px}\n.dz-tracks .trk{margin:0;position:relative}\n.dz-tracks .trk-art{position:relative;aspect-ratio:1;overflow:hidden;border-radius:4px;background:#1a1916}\n.dz-tracks .trk-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}\n.dz-tracks .trk:hover .trk-art img{transform:scale(1.03)}\n.dz-tracks .trk-play{position:absolute;left:14px;bottom:14px;width:48px;height:48px;border-radius:50%;border:0;background:rgba(242,226,202,.92);color:#1a1916;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 24px rgba(0,0,0,.35);transition:transform .2s,opacity .3s}\n.dz-tracks .trk-play:hover{transform:scale(1.06)}\n.dz-tracks .trk-play svg{width:22px;height:22px;display:block}\n.dz-tracks .trk-play .ic-pause{display:none}\n.dz-tracks .trk.playing .trk-play .ic-play{display:none}\n.dz-tracks .trk.playing .trk-play .ic-pause{display:block}\n.dz-tracks .trk.loading .trk-play{opacity:.6}\n.dz-tracks .trk-cap{margin:10px 0 0;font-size:.8rem;line-height:1.4;letter-spacing:.04em;opacity:.85}\n.dz-tracks .trk-bar{height:2px;background:rgba(127,127,127,.25);margin-top:8px;border-radius:2px;overflow:hidden}\n.dz-tracks .trk-bar i{display:block;height:100%;width:0;background:currentColor;opacity:.8}\n.dz-tracks .trk-time{font-size:.68rem;opacity:.55;margin-top:4px;letter-spacing:.06em}\n.dz-tracks iframe{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;left:0;top:0}\n@media(max-width:640px){.dz.dz-tracks{grid-template-columns:1fr 1fr;gap:10px}}\n</style>\n<script data-rerun=\"1\">\n(function(){\n  var api=null; function loadApi(cb){ if(window.SC&&SC.Widget) return cb(); if(api){ api.push(cb); return; } api=[cb]; var s=document.createElement('script'); s.src='https://w.soundcloud.com/player/api.js'; s.onload=function(){ api.forEach(function(c){c();}); api=null; }; document.head.appendChild(s); }\n  function fmt(ms){ var s=Math.floor(ms/1000), h=Math.floor(s/3600), m=Math.floor(s%3600/60); return h?h+':'+String(m).padStart(2,'0')+':'+String(s%60).padStart(2,'0'):m+':'+String(s%60).padStart(2,'0'); }\n  var current=null;\n  function setup(trk){\n    var btn=trk.querySelector('.trk-play'), bar=trk.querySelector('.trk-bar i'), time=trk.querySelector('.trk-time'), w=null, dur=0;\n    function widget(cb){\n      if(w) return cb(w);\n      trk.classList.add('loading');\n      loadApi(function(){\n        var f=document.createElement('iframe'); f.allow='autoplay'; f.src='https://w.soundcloud.com/player/?url='+encodeURIComponent(trk.getAttribute('data-sc'))+'&auto_play=false&show_artwork=false&visual=false&buying=false&sharing=false&download=false&show_playcount=false&show_user=false&hide_related=true';\n        trk.appendChild(f); w=SC.Widget(f);\n        w.bind(SC.Widget.Events.READY,function(){ trk.classList.remove('loading'); w.getDuration(function(d){dur=d; if(time) time.textContent=fmt(d);}); cb(w); });\n        w.bind(SC.Widget.Events.PLAY,function(){ trk.classList.add('playing'); if(current&&current!==trk){ current.__pause(); } current=trk; });\n        w.bind(SC.Widget.Events.PAUSE,function(){ trk.classList.remove('playing'); });\n        w.bind(SC.Widget.Events.FINISH,function(){ trk.classList.remove('playing'); bar.style.width='0'; });\n        w.bind(SC.Widget.Events.PLAY_PROGRESS,function(e){ if(dur) bar.style.width=(100*e.currentPosition/dur)+'%'; if(time&&dur) time.textContent=fmt(e.currentPosition)+' / '+fmt(dur); });\n      });\n    }\n    trk.__pause=function(){ if(w) w.pause(); };\n    btn.addEventListener('click',function(){ widget(function(w){ w.isPaused(function(p){ p?w.play():w.pause(); }); }); });\n    trk.querySelector('.trk-bar').addEventListener('click',function(e){ if(!w||!dur) return; var r=e.currentTarget.getBoundingClientRect(); w.seekTo(dur*(e.clientX-r.left)/r.width); });\n  }\n  function go(){ document.querySelectorAll('.dz-tracks .trk').forEach(setup); }\n  document.readyState==='loading'?document.addEventListener('DOMContentLoaded',go):go();\n})();\n</script>\n\n<!-- unders-counts · each tier card on /join shows how many recordings it opens today (live from the worker, grows as the room grows) -->\n<style>.tier__count{margin:8px 0 2px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.tier__count b{font-weight:600}</style>\n<script>\n(function(){\n  if(!document.querySelector('.tier')) return;\n  fetch('https://room-service.music-053.workers.dev/counts').then(function(r){return r.json();}).then(function(c){\n    document.querySelectorAll('.tier').forEach(function(card){\n      var nameEl=card.querySelector('.tier__name'); if(!nameEl) return;\n      var name=nameEl.textContent.trim().toLowerCase(); var n=null;\n      Object.keys(c.tiers||{}).forEach(function(k){ if(k.toLowerCase()===name) n=c.tiers[k]; });\n      if(n==null) return;\n      var p=document.createElement('p'); p.className='tier__count';\n      p.innerHTML='<b>'+n+'</b> of '+c.total+' recordings today \\u00b7 and growing';\n      var anchor=card.querySelector('.tier__sub')||card.querySelector('.tier__price'); if(anchor) anchor.insertAdjacentElement('afterend',p); else card.appendChild(p);\n    });\n  }).catch(function(){});\n})();\n</script>\n\n<!-- rs:preview -->\n<style>\n.rs-pv .hero{position:relative}\n.rs-pv .hero::after{content:\"\";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(20deg,rgba(13,13,13,.84) 0%,rgba(13,13,13,.52) 28%,rgba(13,13,13,0) 58%)}\n.rs-pv .hero .hero__center,.rs-pv .hero .corner{z-index:2}\n.rs-pv.rs-heroA .hero .hero__center p{display:none}\n.rs-intro{padding-bottom:0!important}\n.rs-intro .rs-lead{font-size:clamp(1.05rem,1.55vw,1.3rem);line-height:1.6;max-width:46ch;margin:0 0 1.6rem}\n.rs-path{display:flex;gap:.9em;flex-wrap:wrap;align-items:center;font-size:.8rem;letter-spacing:.14em;opacity:.8}\n.rs-path a{text-decoration:none;border-bottom:1px solid currentColor;color:inherit;padding-bottom:2px}\n.rs-why{padding-bottom:0!important}\n.rs-pv .rs-tiersec{padding-top:3.2rem!important}\n.rs-pv main.site-main{display:flex;flex-direction:column}\n.rs-pv main.site-main>*{order:9}\n.rs-pv main.site-main>.hero{order:0}.rs-pv main.site-main>.rs-intro{order:1}.rs-pv main.site-main>.rs-latest{order:2}.rs-pv main.site-main>.rs-why{order:3}.rs-pv main.site-main>.rs-tiersec{order:4}.rs-pv main.site-main>#blogstrip{order:5}.rs-pv main.site-main>.band{order:8}\n.rs-pv.rs-mem main.site-main>.rs-why{order:6}.rs-pv.rs-mem main.site-main>.rs-tiersec{order:7}\n.rs-why p+p{margin-top:1em}\n.rs-eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.6}\n.rs-why h3{font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.28;max-width:40ch;margin:.8rem 0 1.2rem;font-weight:400}\n.rs-why p{max-width:54ch;line-height:1.65;opacity:.85;margin:0}\n.rs-pv .tier.rs-rec{outline:1px solid currentColor;outline-offset:0;border-radius:6px}\n.rs-pv .tier.rs-dim{opacity:.45}\n.rs-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.6rem;line-height:1;letter-spacing:.16em;text-transform:uppercase;border:1px solid currentColor;border-radius:20px;padding:5px 10px}\n.rs-pv .rs-tiersec .headrow{margin-top:1rem}\n.rs-cnt{display:block;margin-top:.55em;font-size:.72rem;letter-spacing:.05em;opacity:.6}\n.rs-pv .tiers--join .tier__count{display:none}\n.rs-pv-wait .rs-why,.rs-pv-wait .rs-tiersec{visibility:hidden}\n.rs-pv main.site-main>.rs-mid{order:2}\n.rs-pv.rs-paid main.site-main>.rs-tiersec{order:7}\n.rs-mid{background:#34414C;padding:clamp(3rem,7vw,5.5rem) 0}\n.rs-mid .rs-mid__l{color:#F2E2CA!important;font-size:clamp(1.3rem,2.6vw,2.1rem);line-height:1.32;max-width:30ch;margin:0 0 1.3rem}\n.rs-mid .rs-mid__s{color:#F2E2CA!important;font-size:.78rem;letter-spacing:.12em;opacity:.78;margin:0}\n.rs-mid a{color:#F2E2CA!important;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}\n.rs-why.rs-thanks{padding-bottom:4.5rem!important}\n.rs-pv main.site-main>.rs-why{background:#34414C!important;padding:clamp(3rem,7vw,5.5rem) 0!important}\n.rs-pv .rs-why .rs-eyebrow,.rs-pv .rs-why h3,.rs-pv .rs-why p{color:#F2E2CA!important}\n.rs-pv .rs-why p{opacity:.9}\n#rs-pvbar{position:fixed;left:12px;bottom:12px;z-index:99999;background:#1a1916;color:#F2E2CA;font:11px/1 monospace;padding:9px 12px;border-radius:20px;display:flex;gap:12px;opacity:.92}\n#rs-pvbar a{color:#F2E2CA;text-decoration:underline;cursor:pointer}\n</style>\n<script>\n(function(){\nvar q=new URLSearchParams(location.search),on=false,as='',hero='a';\ntry{\n if(q.get('preview')==='1')localStorage.setItem('rs_pv','1');\n if(q.get('preview')==='0')localStorage.removeItem('rs_pv');\n if(q.get('as'))sessionStorage.setItem('rs_as',q.get('as'));\n if(q.get('hero'))sessionStorage.setItem('rs_hero',q.get('hero'));\n on=localStorage.getItem('rs_pv')==='1';as=on?(sessionStorage.getItem('rs_as')||''):'';hero='a';\n}catch(e){}\n\nvar H=document.documentElement;H.classList.add('rs-pv','rs-pv-wait');\nvar $=function(s,r){return (r||document).querySelector(s)},$$=function(s,r){return [].slice.call((r||document).querySelectorAll(s))};\nfunction el(h){var d=document.createElement('div');d.innerHTML=h;return d.firstElementChild}\nvar W='https://room-service.music-053.workers.dev';\nvar LINES={\n 'tuned in':\"a seat by the door. one set a month + a letter from me, duncan's digest.\",\n 'happy camper':\"you're in the room. full sets you won't find on soundcloud.\",\n 'deep listeners':\"where most of the music lives. edits, unreleased recordings + ABOVE concert snippets, added to weekly.\",\n 'backstage':\"the long ones. 3+ hour sets, lossless downloads + guest list priority.\",\n 'burning man':\"ten years of playa recordings. sunrise ceremonies + deep-night marathons.\",\n 'inner circle':\"closer in. a video call with me every quarter, traktor workflow sessions + a mix made for you.\",\n 'patron':\"the innermost circle. all the perks, the annual ibiza weekend, a direct line to me + first call on guest lists worldwide, + many surprises to brighten your world.\"\n};\nvar PRICE={'tuned in':0,'happy camper':5,'deep listeners':10,'backstage':25,'burning man':50,'inner circle':55,'patron':555};\nvar REC='deep listeners';\n\n/* preview bar */\nvar bar=el('<div id=\"rs-pvbar\"><span>preview</span><a data-k=\"as\" data-v=\"'+(as==='visitor'?'me':'visitor')+'\">view as '+(as==='visitor'?'myself':'visitor')+'</a><a data-k=\"preview\" data-v=\"0\">exit</a></div>');\nbar.addEventListener('click',function(e){var a=e.target.closest('a');if(!a)return;var u=new URL(location.href);['as','hero','preview'].forEach(function(k){u.searchParams.delete(k)});u.searchParams.set(a.dataset.k,a.dataset.v);location.href=u.toString()});\nif(on)document.body.appendChild(bar);\n\n/* nav: listen */\nvar home=$('ul.nav li.nav-home');\nif(home&&!$('li.nav-listen')){var li=home.cloneNode(true);li.className='nav-listen';var a=$('a',li);if(a){a.textContent='listen';a.setAttribute('href','/vault/');home.after(li);}}\n\n/* wording */\n$$('a,button,.eyebrow,span').forEach(function(n){if(n.children.length)return;var t=n.textContent.trim().toLowerCase();\n if(t==='become a member')n.textContent='join the family';\n if(t==='[ become a member ]')n.textContent='[ join the family ]';});\n\nfunction setLine(o,t){o.textContent=t;if(t.indexOf('ABOVE')>-1)o.innerHTML=o.innerHTML.replace('ABOVE','<span style=\"text-transform:none\">ABOVE</span>')}\nfunction cnt(card,name,counts){if(!counts||counts[name]==null||$('.rs-cnt',card))return;var s=el('<span class=\"rs-cnt\"></span>');s.textContent=(PRICE[name]>PRICE[REC]&&counts[name]>=counts[REC])?'everything in the room':counts[name]+' recordings and counting';return s}\nfunction tag(card,text){if($('.rs-tag',card))return;var t=el('<span class=\"rs-tag\"></span>');t.textContent=text;card.style.position='relative';t.style.background=getComputedStyle(card).backgroundColor;card.insertBefore(t,card.firstChild)}\nvar countsP=fetch(W+'/counts').then(function(r){return r.json()}).then(function(j){return j.tiers||{}}).catch(function(){return null});\nvar memberP=(as==='visitor')?Promise.resolve(null):fetch('/members/api/member/',{credentials:'include'}).then(function(r){return r.status===200?r.json():null}).catch(function(){return null});\n\n/* ---------- home ---------- */\nvar heroS=$('main > section.hero');\nif(heroS){\n var main=$('main'),secs=$$('main > section'),latest=secs[1],blog=$('#blogstrip'),tw=$('.tiers',main),tiersS=tw&&tw.closest('section'),band=$('section.band');\n H.classList.add(hero==='b'?'rs-heroB':'rs-heroA');\n var hp=$('.hero__center p',heroS),introTxt=hp?hp.textContent.trim():'';\n var intro=el('<section class=\"sec sec--paper rs-intro\"><div class=\"wrap\">'+(hero==='a'?'<p class=\"rs-lead\"></p>':'')+'<div class=\"rs-path\"><a href=\"/vault/\">listen</a><span>&rarr;</span><a href=\"/tag/blog/\">read</a><span>&rarr;</span><a href=\"/join/\">join the family</a></div></div></section>');\n if(hero==='a')$('.rs-lead',intro).textContent=introTxt;\n heroS.after(intro);\n var why=el('<section class=\"sec sec--paper rs-why\"><div class=\"wrap\"><div class=\"rs-eyebrow\">why join the family</div><h3></h3><p class=\"w1\" style=\"white-space:pre-line\"></p><p class=\"w2\"></p></div></section>');\n $('h3',why).textContent='you are fueling the craft.';$('.w1',why).textContent='every membership helps me trade time in airports for time in the studio.\\nthis next chapter of my life asks me to be more grounded and intentional.\\na healthier rhythm is required for the evolution of my artistry and impact.';\n $('.w2',why).textContent=\"your support helps make that possible, allowing me to create from a deeper place and share those creations with the world. you'll be connected to my creative process, with first access to all that emerges.\";\n if(tiersS&&latest){\n  tiersS.classList.add('rs-tiersec');latest.classList.add('rs-latest');\n  var hr=$('.headrow',tiersS),lh=$('.headrow',latest);\n  if(hr&&!$('.rs-ttl',hr)){var ttl=el('<span class=\"rs-eyebrow rs-ttl\">join the family</span>');hr.insertBefore(ttl,hr.firstChild);}\n  latest.after(why);why.after(tiersS);\n  var first=true;function ap(){$$('.tier',tiersS).forEach(function(c){var n=($('.tier__n',c)||{}).textContent;n=(n||'').trim().toLowerCase();var o=$('.tier__o',c);if(o&&LINES[n]&&o.textContent!==LINES[n])setLine(o,LINES[n]);c.dataset.t=n;if(first&&n===REC){c.classList.add('rs-rec');tag(c,'recommended');}});first=false}ap();setTimeout(ap,1200);setTimeout(ap,3500);\n  countsP.then(function(k){$$('.tier',tiersS).forEach(function(c){var s=cnt(c,c.dataset.t,k);if(s)c.appendChild(s)})});\n }\n if(band){var bh=$('h3',band);if(bh)bh.textContent='new unreleased recordings and surprises every week.';}\n memberP.then(function(m){\n  if(m&&tiersS){\n   var p=0;(m.subscriptions||[]).forEach(function(s){if(s.status==='active'||s.status==='trialing'){var n=((s.tier&&s.tier.name)||'').toLowerCase();if(PRICE[n]>p)p=PRICE[n];}});\n   var higher=0;$$('.tier',tiersS).forEach(function(c){var pr=PRICE[c.dataset.t]||0;if(pr>p)higher++;else if(pr===p){c.classList.remove('rs-rec');var t=$('.rs-tag',c);if(t)t.remove();tag(c,\"you're here\");}else c.classList.add('rs-dim');if(pr<=p&&c.dataset.t===REC){c.classList.remove('rs-rec');}});\n   var paid=p>0||!!m.paid;if(paid){H.classList.add('rs-paid');why.classList.add('rs-thanks');$('.rs-eyebrow',why).remove();$('h3',why).textContent='thank you for being part of the family.';$('.w1',why).innerHTML='<span>your support of my art inspires me to continue evolving, both as an artist and as a human being.</span><span>less airport transfers. more gifts for the family.</span>';$('.w2',why).textContent='it means more than you know. love duncan';}else{H.classList.add('rs-mem');}if(!higher){tiersS.remove();if(!paid)why.remove();}else{var t2=$('.rs-ttl',tiersS);if(t2)t2.textContent='go deeper';}\n  }\n  H.classList.remove('rs-pv-wait');\n });\n}else{H.classList.remove('rs-pv-wait');}\n\n/* ---------- join ---------- */\nvar jt=$('.tiers--join');\nif(jt){\n var top=$('main > section .wrap');\n var h1=$('h1.u-title',top);if(h1)h1.textContent='find your place in the family';\n var ip=top&&[].filter.call(top.children,function(c){return c.tagName==='P'})[0];\n if(ip){ip.innerHTML='';ip.appendChild(document.createTextNode(\"your support allows me to realize more of my artistic potential. granting me the space to create from a grounded place and share more of that journey with you.\"));ip.appendChild(document.createElement('br'));ip.appendChild(document.createElement('br'));ip.appendChild(document.createTextNode(\"pick the place that feels right, i’ll make sure i share enough juice.\"));ip.appendChild(document.createElement('br'));ip.appendChild(document.createElement('br'));ip.appendChild(document.createTextNode('love duncan'));}\n var ct=$('.content',top);if(ct)ct.style.display='none';\n $$('.tier',jt).forEach(function(c){var n=(($('.tier__name',c)||{}).textContent||'').trim().toLowerCase();c.dataset.t=n;var s=$('.tier__sub',c);\n  if(!s){s=el('<div class=\"tier__sub\"></div>');var pr=$('.tier__price',c);if(pr)pr.after(s);}\n  if(LINES[n])setLine(s,LINES[n]);\n  if(n===REC){c.classList.add('rs-rec');tag(c,'recommended');}});\n countsP.then(function(k){$$('.tier',jt).forEach(function(c){var s=cnt(c,c.dataset.t,k);var sub=$('.tier__sub',c);if(s&&sub)sub.after(s)})});\n}\n})();\n</script>\n<!-- /rs:preview -->\n<!-- rs:player --><style>.rsp{--ink:#F2E2CA;--ac:#CAEFEC;--slate:#34414C;--artbg:#0E0E0E;--soft:rgba(242,226,202,.55);--faint:rgba(242,226,202,.22);display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:stretch;margin:2.6rem auto;max-width:520px;color:var(--ink)}.rsp *,.rsp-mini *,.rsp-room *{box-sizing:border-box}.rsp-art{aspect-ratio:1;background:var(--artbg);display:grid;place-items:center;overflow:hidden}.rsp-art img{width:100%;height:100%;object-fit:contain;display:block;margin:0!important}.rsp-body{display:flex;flex-direction:column;gap:12px;min-width:0}.rsp-t{font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.2}.rsp-s{font-size:.78rem;letter-spacing:.04em;color:var(--soft)}.rsp button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.rsp-mini button,.rsp-room button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.rsp-resume{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:.78rem;border:1px solid var(--faint);border-radius:999px;padding:7px 14px;align-self:flex-start}.rsp-resume b{font-weight:400;color:var(--ac)}.rsp-resume button{letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;border-bottom:1px solid currentColor!important}.rsp-resume[hidden]{display:none}.rsp-wave{position:relative;height:56px;cursor:pointer;touch-action:none}.rsp-wave canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.rsp-times{display:flex;justify-content:space-between;font-size:.74rem;color:var(--soft);font-variant-numeric:tabular-nums}.rsp-ctl{display:flex;align-items:center;gap:26px}.rsp-pp{width:54px;height:54px;border-radius:50%;border:1px solid var(--ink)!important;display:grid;place-items:center}.rsp-pp svg{width:16px;height:16px;fill:currentColor}.rsp-sk{font-size:.78rem;color:var(--soft)}.rsp-sk:hover,.rsp-fullbtn:hover{color:var(--ink)}.rsp-fullbtn{margin-left:auto;white-space:nowrap;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}.rsp-sc{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)!important;text-decoration:none!important;align-self:flex-start}.rsp-hidden{position:fixed;left:0;bottom:0;width:2px;height:2px;opacity:.01;pointer-events:none;border:0;z-index:-1}.rsp-mini{--artbg:#0D0D0D;--ink:#F2E2CA;--soft:rgba(242,226,202,.6);position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:9990;background:#34414C;color:var(--ink);border-radius:16px;display:flex;align-items:center;gap:12px;padding:10px 12px;max-width:560px;margin:0 auto;transform:translateY(160%);transition:transform .35s ease;box-shadow:0 10px 30px rgba(0,0,0,.35)}.rsp-mini.on{transform:none}.rsp-mini img{width:46px;height:46px;object-fit:contain;background:var(--artbg,#0E0E0E);flex:none}.rsp-mini .mt{flex:1;min-width:0;display:flex;flex-direction:column;text-align:left;font-size:.85rem;line-height:1.3}.rsp-mini .mt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rsp-mini .mt small{color:var(--soft);font-size:.72rem;font-variant-numeric:tabular-nums}.rsp-mini .rsp-pp{width:40px;height:40px;border:1px solid var(--ink)}.rsp-mini .rsp-pp svg{width:12px;height:12px}.rsp-mini .bar{position:absolute;left:14px;right:14px;top:0;height:2px;background:rgba(242,226,202,.2);border-radius:2px;overflow:hidden}.rsp-mini .bar i{display:block;height:100%;width:0;background:#CAEFEC}.rsp-room{--artbg:#0D0D0D;--ink:#F2E2CA;--ac:#CAEFEC;--soft:rgba(242,226,202,.55);--faint:rgba(242,226,202,.22);position:fixed;inset:0;z-index:9995;background:var(--artbg,#0E0E0E);color:var(--ink);display:grid;grid-template-rows:auto 1fr auto;padding:calc(16px + env(safe-area-inset-top,0px)) clamp(18px,5vw,48px) calc(22px + env(safe-area-inset-bottom,0px));opacity:0;pointer-events:none;transition:opacity .3s ease}.rsp-room.on{opacity:1;pointer-events:auto}.rsp-room .top{display:flex;justify-content:space-between;align-items:center;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}.rsp-room .mid{display:grid;place-items:center;min-height:0}.rsp-room .mid img{max-width:min(92vw,560px);max-height:100%;aspect-ratio:1;object-fit:contain;width:100%}.rsp-room .low{display:flex;flex-direction:column;gap:12px;max-width:640px;width:100%;margin:0 auto}.rsp-room .clock{text-align:center;font-size:clamp(2rem,7vw,3rem);line-height:1;font-variant-numeric:tabular-nums}.rsp-room .of{text-align:center;font-size:.74rem;color:var(--soft);font-variant-numeric:tabular-nums}.rsp-room .rsp-ctl{justify-content:center;gap:40px}.rsp-room .rsp-pp{width:62px;height:62px;background:var(--ink);color:var(--artbg,#0E0E0E);border:0!important}@media (max-width:640px){.rsp{grid-template-columns:1fr}.rsp-art{margin:0 calc(-1 * var(--gap,0px))}}@media (orientation:landscape) and (max-height:520px){.rsp-room{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;column-gap:32px}.rsp-room .top{grid-column:1 / -1}.rsp-room .mid img{max-height:70vh}.rsp-room .low{align-self:center}}@media (prefers-reduced-motion:reduce){.rsp-mini,.rsp-room{transition:none}}.rsp.lt{--ink:#34414C;--ac:#67918D;--soft:rgba(52,65,76,.62);--faint:rgba(52,65,76,.25);--wu:rgba(52,65,76,.22)}.rsp-mini{--ac:#CAEFEC}</style><script>!function(){if(!window.__rsp){window.__rsp=1;var t='<svg viewBox=\"0 0 24 24\"><path d=\"M7 4v16l13-8z\"/></svg>',e='<svg viewBox=\"0 0 24 24\"><path d=\"M6 4h4v16H6zM14 4h4v16h-4z\"/></svg>',n=window.RS_PLAYER||{},a=((m(\".article__title\")||{}).textContent||document.title||\"\").trim().toLowerCase(),i=n.art||(m('meta[property=\"og:image\"]')||{}).content||\"\",o=n.bg||\"#0D0D0D\",r=n.fit||\"contain\",s=1,c=[],d=null,l=null,u=null,p=null,f='<div class=\"rsp-art\"><img alt=\"\"></div><div class=\"rsp-body\"><div><div class=\"rsp-t\"></div><div class=\"rsp-s\"></div></div><div class=\"rsp-resume\" hidden><span>you left at <b data-r=\"saved\"></b></span><button type=\"button\" data-r=\"pick\">pick up</button><button type=\"button\" data-r=\"over\">start over</button></div><div class=\"rsp-wave\" data-r=\"wave\"><canvas></canvas></div><div class=\"rsp-times\"><span data-r=\"cur\">0:00:00</span><span data-r=\"dur\">loading</span></div><div class=\"rsp-ctl\"><button type=\"button\" class=\"rsp-sk\" data-r=\"b30\">-30</button><button type=\"button\" class=\"rsp-pp\" data-r=\"pp\" aria-label=\"play\"></button><button type=\"button\" class=\"rsp-sk\" data-r=\"f30\">+30</button><button type=\"button\" class=\"rsp-fullbtn\" data-r=\"full\">full screen</button></div><a class=\"rsp-sc\" href=\"https://soundcloud.com/undersmusic\" target=\"_blank\" rel=\"noopener\">plays via soundcloud</a></div>',v=[];window.addEventListener(\"pagehide\",(function(){c.forEach((function(t){t.save&&t.save()}))})),document.addEventListener(\"visibilitychange\",(function(){document.hidden&&c.forEach((function(t){t.save&&t.save()}))})),window.addEventListener(\"resize\",(function(){c.forEach((function(t){t.paint&&t.paint()}))})),\"loading\"===document.readyState?document.addEventListener(\"DOMContentLoaded\",k):k()}function h(t){var e=Math.max(0,Math.round((t||0)/1e3)),n=Math.floor(e/3600),a=Math.floor(e%3600/60),i=e%60;return n+\":\"+(a<10?\"0\":\"\")+a+\":\"+(i<10?\"0\":\"\")+i}function m(t,e){return(e||document).querySelector(t)}function g(t,e){return[].slice.call((e||document).querySelectorAll(t))}function b(){var t=!n.fit&&s>1.25;g(\".rsp,.rsp-mini,.rsp-room\").forEach((function(t){t.style.setProperty(\"--artbg\",o)})),g(\".rsp-art\").forEach((function(e){e.style.aspectRatio=t?String(s):\"1\"})),g(\".rsp-art img\").forEach((function(e){e.style.objectFit=t?\"cover\":r})),g(\".rsp-room .mid img\").forEach((function(e){e.style.aspectRatio=t?String(s):\"1\",e.style.objectFit=t?\"cover\":r})),g(\".rsp-mini img\").forEach((function(t){t.style.objectFit=\"cover\"}))}function y(t,e){g('[data-r=\"pp\"]',t).forEach((function(t){t.addEventListener(\"click\",(function(){var t=e();t&&t.toggle()}))})),g('[data-r=\"b30\"]',t).forEach((function(t){t.addEventListener(\"click\",(function(){var t=e();t&&t.seek(t.pos-3e4)}))})),g('[data-r=\"f30\"]',t).forEach((function(t){t.addEventListener(\"click\",(function(){var t=e();t&&t.seek(t.pos+3e4)}))})),g('[data-r=\"full\"]',t).forEach((function(t){t.addEventListener(\"click\",(function(){var t=e();t&&(d=t,t.paint(),u.classList.add(\"on\"),u.setAttribute(\"aria-hidden\",\"false\"),setTimeout((function(){t.paint()}),40))}))})),g('[data-r=\"wave\"]',t).forEach((function(t){var n=!1;function a(e){var n=t.getBoundingClientRect();return Math.max(0,Math.min(1,(e.clientX-n.left)/n.width))}t.addEventListener(\"pointerdown\",(function(i){var o=e();if(o&&o.dur){n=!0;try{t.setPointerCapture(i.pointerId)}catch(t){}o.pos=a(i)*o.dur,o.paint()}})),t.addEventListener(\"pointermove\",(function(t){var i=e();n&&i&&(i.pos=a(t)*i.dur,i.paint())})),t.addEventListener(\"pointerup\",(function(t){var i=e();n&&i&&(n=!1,i.seek(a(t)*i.dur),i.playing||i.started||i.play(i.pos))}))}))}function w(n){if(!(n.getAttribute(\"data-rsp\")||n.closest(\".dz-tracks\")||n.closest(\".rsp\"))){n.setAttribute(\"data-rsp\",\"1\");var K=((n.getAttribute(\"src\")||\"\").match(/tracks(?:%2F|\\/)(\\d+)/)||[])[1];if(K&&c.some(function(t){return t.tk===K})){var R=n.nextElementSibling;R&&\"DIV\"===R.tagName&&/soundcloud/i.test(R.innerHTML)&&R.parentNode.removeChild(R);var P=n.closest(\".sc-wrap\")||n;P.parentNode.removeChild(P);return}var o=n.closest(\".sc-wrap\")||n.closest(\"figure\")||n,r=n.nextElementSibling;r&&\"DIV\"===r.tagName&&/soundcloud/i.test(r.innerHTML)&&r.parentNode.removeChild(r);var s={pos:0,dur:0,playing:!1,started:!1,pending:null,samples:null,lastSave:0,title:a,sub:\"\"};s.tk=K;s.key=\"rs_pos_\"+location.pathname.replace(/\\/+$/,\"\")+\"#\"+c.length;var w=document.createElement(\"div\");w.className=\"rsp\"+function(){var c=getComputedStyle(document.body).backgroundColor.match(/\\d+/g)||[0,0,0];return .299*c[0]+.587*c[1]+.114*c[2]>140?\" lt\":\"\"}(),w.innerHTML=f,o.parentNode.insertBefore(w,o),m(\".rsp-art img\",w).src=i,m(\".rsp-t\",w).textContent=s.title;var E=n.getAttribute(\"src\");n.parentNode.removeChild(n),o!==n&&o.parentNode&&o.parentNode.removeChild(o);var k=document.createElement(\"iframe\");k.className=\"rsp-hidden\",k.title=\"soundcloud\",k.allow=\"autoplay; encrypted-media\",k.src=E.replace(/visual=true/,\"visual=false\"),document.body.appendChild(k),s.root=w,c.push(s),l||((l=document.createElement(\"div\")).className=\"rsp-mini\",l.innerHTML='<div class=\"bar\"><i></i></div><img alt=\"\" src=\"'+i+'\"><button type=\"button\" class=\"mt\" data-r=\"full\"><span></span><small data-r=\"cur\">0:00:00</small></button><button type=\"button\" class=\"rsp-pp\" data-r=\"pp\" aria-label=\"play\"></button>',(u=document.createElement(\"div\")).className=\"rsp-room\",u.setAttribute(\"aria-hidden\",\"true\"),u.innerHTML='<div class=\"top\"><span>room service</span><button type=\"button\" data-r=\"close\">close</button></div><div class=\"mid\"><img alt=\"\" src=\"'+i+'\"></div><div class=\"low\"><div class=\"clock\" data-r=\"cur\">0:00:00</div><div class=\"of\">of <span data-r=\"dur\">-</span></div><div class=\"rsp-wave\" data-r=\"wave\"><canvas></canvas></div><div class=\"rsp-ctl\"><button type=\"button\" class=\"rsp-sk\" data-r=\"b30\">-30</button><button type=\"button\" class=\"rsp-pp\" data-r=\"pp\" aria-label=\"play\"></button><button type=\"button\" class=\"rsp-sk\" data-r=\"f30\">+30</button></div></div>',document.body.appendChild(l),document.body.appendChild(u),[l,u].forEach((function(t){y(t,(function(){return d}))})),g('[data-r=\"close\"]',u).forEach((function(t){t.addEventListener(\"click\",(function(){u.classList.remove(\"on\"),u.setAttribute(\"aria-hidden\",\"true\")}))})),b());var S=function(){try{return JSON.parse(localStorage.getItem(s.key)||\"null\")}catch(t){return null}}(),C=m(\".rsp-resume\",w);S&&S.t>15e3&&(C.hidden=!1,m('[data-r=\"saved\"]',w).textContent=h(S.t)),s.paint=function(){var n=[w];d===s&&n.push(l,u),n.forEach((function(n){g('[data-r=\"cur\"]',n).forEach((function(t){t.textContent=h(s.pos)})),g('[data-r=\"dur\"]',n).forEach((function(t){t.textContent=s.dur?h(s.dur):\"-\"})),g('[data-r=\"pp\"]',n).forEach((function(n){n.innerHTML=s.playing?e:t,n.setAttribute(\"aria-label\",s.playing?\"pause\":\"play\")})),g('[data-r=\"wave\"]',n).forEach((function(t){!function(t,e){var n=m(\"canvas\",t),A=getComputedStyle(t).getPropertyValue(\"--ac\").trim()||\"#CAEFEC\",U=getComputedStyle(t).getPropertyValue(\"--wu\").trim()||\"rgba(242,226,202,.26)\",a=window.devicePixelRatio||1,i=t.clientWidth,o=t.clientHeight;if(i){n.width=i*a,n.height=o*a;var r=n.getContext(\"2d\"),s=e.dur?e.pos/e.dur:0,c=e.samples;if(r.clearRect(0,0,n.width,n.height),c&&c.length){var d,l,u=3*a,p=2*a,f=Math.floor(n.width/(u+p)),v=1;for(d=0;d<c.length;d++)c[d]>v&&(v=c[d]);for(d=0;d<f;d++){var h=Math.floor(d*c.length/f),g=Math.max(h+1,Math.floor((d+1)*c.length/f)),b=0;for(l=h;l<g;l++)c[l]>b&&(b=c[l]);var y=Math.max(2*a,b/v*n.height*.92),w=d*(u+p);r.fillStyle=w/n.width<s?A:U,r.fillRect(w,(n.height-y)/2,u,y)}}else r.fillStyle=\"rgba(242,226,202,.22)\",r.fillRect(0,n.height/2-a,n.width,2*a),r.fillStyle=\"#CAEFEC\",r.fillRect(0,n.height/2-a,n.width*s,2*a),r.beginPath(),r.arc(n.width*s,n.height/2,5*a,0,7),r.fill()}}(t,s)}))})),d===s&&(m(\".bar i\",l).style.width=(s.dur?s.pos/s.dur*100:0)+\"%\",m(\".mt span\",l).textContent=s.title)},s.play=function(t){null!=t&&(s.pending=t,s.pos=t),C.hidden=!0,d=s,c.forEach((function(t){t!==s&&t.playing&&t.W.pause()})),s.W.play()},s.toggle=function(){s.playing?s.W.pause():!s.started&&S&&S.t>15e3&&!C.hidden?s.play(S.t):s.play()},s.seek=function(t){t=Math.max(0,Math.min(s.dur||t,t)),s.pos=t,s.started?s.W.seekTo(t):s.pending=t,L(t),s.paint()},s.save=function(){L(s.pos)},y(w,(function(){return s})),m('[data-r=\"pick\"]',w).addEventListener(\"click\",(function(){s.play(S.t)})),m('[data-r=\"over\"]',w).addEventListener(\"click\",(function(){try{localStorage.removeItem(s.key)}catch(t){}S=null,s.play(0)})),\"IntersectionObserver\"in window&&new IntersectionObserver((function(t){t.forEach((function(t){d===s&&l.classList.toggle(\"on\",!t.isIntersecting&&(s.playing||s.pos>0))}))})).observe(w),function(t){if(window.SC&&SC.Widget)return t();if(v.push(t),p)return;(p=document.createElement(\"script\")).src=\"https://w.soundcloud.com/player/api.js\",p.onload=function(){v.splice(0).forEach((function(t){t()}))},document.head.appendChild(p)}((function(){s.W=SC.Widget(k);var t=SC.Widget.Events;s.W.bind(t.READY,(function(){s.W.getDuration((function(t){s.dur=t,s.paint()})),s.W.getCurrentSound((function(t){if(t&&(s.sub=(t.title||\"\").toLowerCase(),c.length>1&&(s.title=s.sub),m(\".rsp-s\",w).textContent=c.length>1?\"unders\":s.sub,m(\".rsp-t\",w).textContent=s.title,t.waveform_url)){var e=t.waveform_url.replace(\"wave.sndcdn.com\",\"wis.sndcdn.com\").replace(/\\.png(\\?.*)?$/,\".json\");fetch(e).then((function(t){return t.json()})).then((function(t){t&&t.samples&&(s.samples=t.samples,s.paint())})).catch((function(){}))}}))})),s.W.bind(t.PLAY,(function(){if(s.playing=!0,d=s,!s.started&&(s.started=!0,null!=s.pending)){var t=s.pending;s.pending=null,setTimeout((function(){s.W.seekTo(t)}),250)}!function(t){if(!(\"mediaSession\"in navigator)||!window.MediaMetadata)return;try{navigator.mediaSession.metadata=new MediaMetadata({title:t.title,artist:\"unders\",album:\"room service\",artwork:[{src:i}]});var e=navigator.mediaSession;e.setActionHandler(\"play\",(function(){t.play()})),e.setActionHandler(\"pause\",(function(){t.W.pause()})),e.setActionHandler(\"seekbackward\",(function(){t.seek(t.pos-3e4)})),e.setActionHandler(\"seekforward\",(function(){t.seek(t.pos+3e4)})),e.setActionHandler(\"seekto\",(function(e){t.seek(1e3*e.seekTime)}))}catch(t){}}(s),s.paint(),w.getBoundingClientRect().bottom<0&&l.classList.add(\"on\")})),s.W.bind(t.PAUSE,(function(){s.playing=!1,L(s.pos),s.paint()})),s.W.bind(t.FINISH,(function(){s.playing=!1;try{localStorage.removeItem(s.key)}catch(t){}s.paint()})),s.W.bind(t.PLAY_PROGRESS,(function(t){if(s.pos=t.currentPosition,Date.now()-s.lastSave>5e3&&(L(s.pos),s.lastSave=Date.now()),s.paint(),\"mediaSession\"in navigator&&navigator.mediaSession.setPositionState&&s.dur)try{navigator.mediaSession.setPositionState({duration:s.dur/1e3,position:Math.min(s.pos,s.dur)/1e3,playbackRate:1})}catch(t){}}))})),s.paint(),b()}function L(t){try{t>15e3&&localStorage.setItem(s.key,JSON.stringify({t:t,at:Date.now()}))}catch(t){}}}function E(){(document.body.classList.contains(\"post-template\")||/^\\/p\\//.test(location.pathname))&&g('iframe[src*=\"w.soundcloud.com/player\"]').forEach((function(t){t.classList.contains(\"rsp-hidden\")||w(t)}))}function k(){if(function(){if(i){var t=new Image;t.crossOrigin=\"anonymous\",t.onload=function(){try{var e=document.createElement(\"canvas\");e.width=8,e.height=8;var a=e.getContext(\"2d\");a.drawImage(t,0,0,8,8);var i=a.getImageData(0,0,1,1).data;n.bg||(o=\"rgb(\"+i[0]+\",\"+i[1]+\",\"+i[2]+\")\"),s=t.naturalWidth/t.naturalHeight,b()}catch(t){}},t.src=i}}(),E(),\"MutationObserver\"in window){var t=null;new MutationObserver((function(e){for(var n=0;n<e.length;n++){var a=e[n].target;if(e[n].addedNodes.length&&a.closest&&!a.closest(\".rsp,.rsp-mini,.rsp-room\"))return clearTimeout(t),void(t=setTimeout(E,150))}})).observe(document.body,{childList:!0,subtree:!0})}}}();</script><!-- /rs:player -->");