:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-height:100%;background:#100e11}body{margin:0;min-height:100svh;color:#fff;background:radial-gradient(ellipse at 50% 4%,#35242b 0%,#141014 55%,#08080a 100%);font-size:16px;line-height:1.45}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #dc8c91;outline-offset:5px}.backdrop{position:fixed;inset:0;z-index:0;background:var(--poster) center/cover no-repeat}.backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(#10070d77,#10070d99 55%,#10070ddd)}.backdrop video{height:100%;width:100%;object-fit:cover}.shell{position:relative;z-index:1;max-width:640px;margin:auto;padding:28px 24px 32px}.tools{display:flex;align-items:center;gap:8px;justify-content:flex-end;min-height:44px}.tools button{border:1px solid #ffffff30;border-radius:22px;background:#19151d80;color:inherit;padding:10px 15px;font-size:12px;backdrop-filter:blur(14px)}#share-status{margin-right:auto;font-size:12px}header{text-align:center;margin:20px auto 30px}.avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;border:1px solid #ffffff25;box-shadow:0 8px 30px #0003}.brand-logo{display:block;width:min(290px,80%);height:92px;object-fit:contain;margin:22px auto 13px}h1{font-size:30px;line-height:1.1;letter-spacing:-.8px;margin:22px 0 14px}.bio{white-space:pre-line;max-width:480px;margin:0 auto;font-size:15px;line-height:1.6;color:#efeaed}.links{display:grid;gap:14px}.link,.signup summary{position:relative;display:flex;align-items:center;justify-content:center;min-height:66px;text-align:center;text-decoration:none;border:1px solid #ffffff60;border-radius:18px;background:#f8f6f2e8;color:#19151b;padding:16px 54px;font-size:15px;font-weight:600;box-shadow:0 3px 0 #ffffff12;transition:transform .15s,background .15s}.link:hover,.signup summary:hover{transform:translateY(-2px);background:#fff}.link .thumb{position:absolute;left:10px;width:44px;height:44px;border-radius:10px;object-fit:cover}.arrow{position:absolute;right:20px;font-size:19px;font-weight:400;opacity:.5}.signup{border-radius:18px}.signup summary{cursor:pointer;list-style:none}.signup summary::-webkit-details-marker{display:none}.signup summary:after{content:'+';position:absolute;right:22px;font-size:22px;font-weight:400}.signup[open] summary:after{content:'−'}.signup[open]{background:#faf8f5;color:#19151b}.signup[open] summary{border-radius:18px 18px 0 0;box-shadow:none;border-color:transparent}.signup form{padding:0 22px 22px;text-align:left}.signup form>p:first-child{font-size:14px;line-height:1.5;margin-top:0}.email-label{display:block;font-size:13px;font-weight:bold;margin-bottom:7px}.signup input[type=email]{width:100%;height:48px;border:1px solid #999;border-radius:8px;padding:10px;background:white;color:#111}.consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;margin:16px 0;line-height:1.5}.consent input{margin-top:3px;flex:none;accent-color:#792e45}.submit{width:100%;border:0;border-radius:8px;background:#23101a;color:#fff;padding:14px;font-weight:bold}.submit:disabled{opacity:.6;cursor:wait}.form-status{font-size:14px;margin-bottom:0}.privacy-note{font-size:11px;text-align:center;color:#60545a;margin-bottom:0}.trap{position:absolute;left:-9999px;opacity:0;pointer-events:none}.socials{display:flex;flex-wrap:wrap;gap:11px;align-items:center;justify-content:center;margin:28px auto 22px}.socials a{padding:8px 11px;text-decoration:none;font-size:12px;border:1px solid #ffffff3a;border-radius:22px;background:#0002;backdrop-filter:blur(12px)}.socials a:hover{background:#fff2}footer{text-align:center;color:#c9c1c8;font-size:11px;margin-top:30px;display:flex;gap:12px;align-items:center;justify-content:center}footer a{text-decoration:none}#motion{margin:18px auto 0;display:block;background:transparent;border:0;color:#d7cbd3;text-decoration:underline;text-underline-offset:4px;font-size:11px}.studio{color-scheme:light;color:#22211c;background:#8c847d}.studio .shell{max-width:660px}.studio .bio{color:#22211c}.studio h1{font-size:26px;max-width:400px;margin:19px auto 12px}.studio .avatar{border-radius:18px;width:124px;height:124px;object-fit:contain;box-shadow:none;border:0}.studio .link{background:#e6e9e7;border-color:#f5f8f399;box-shadow:0 4px 0 #6d7870aa;border-radius:9px}.studio .link:hover{background:#f8faf8}.studio .thumb{object-fit:contain}.studio .tools button{color:#22211c;background:#ffffff30;border-color:#22211c30}.studio .socials a{border-color:#22211c45;background:#ffffff18}.studio footer{color:#22211c}.personal h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:36px;letter-spacing:-1.1px}.personal .avatar{width:132px;height:132px}.band .link,.band .signup summary{border-radius:40px;background:#fffce9dc;border-color:#ffe5e58c}.band .signup[open]{border-radius:28px}.band .signup[open] summary{border-radius:28px 28px 0 0}.band .avatar{width:96px;height:96px}.band .bio{font-size:15px}.band .link:hover{background:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:#fbfaf7;color:#171417;border:0;border-radius:20px;padding:28px;width:min(340px,calc(100% - 36px));text-align:center}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog button{float:right;background:transparent;border:0;font-size:24px;color:inherit}dialog img{width:100%;max-width:230px;display:block;margin:18px auto}dialog a{display:block;font-size:14px}.directory{padding:50px 24px}.directory header{margin-bottom:36px}.directory .link{margin-top:16px}.privacy{max-width:680px;margin:60px auto;padding:0 24px}.privacy p{line-height:1.7}.privacy h1{line-height:1.3}@media(max-width:420px){.shell{padding:18px 17px 28px}h1{font-size:28px}.personal h1{font-size:31px}.link,.signup summary{font-size:14px;min-height:64px;padding:15px 54px}.bio{font-size:14px}.studio h1{font-size:25px}.tools button{padding:9px 12px}header{margin-top:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Larger portraits and link artwork, November 7 refinement. */
.shell{max-width:700px;padding-inline:34px}
header{margin:28px auto 52px}
.avatar,.personal .avatar,.band .avatar{width:224px;height:224px;max-width:60vw;border:2px solid #ffffff50;box-shadow:0 14px 44px #0005}
.studio .avatar{width:232px;height:232px;max-width:60vw;border:0;border-radius:0;object-fit:contain}
.personal h1{margin-top:26px}
.brand-logo{margin-top:26px;width:min(310px,85%)}
.links{gap:38px;padding:10px 0 12px 20px}
.link-row{position:relative;min-width:0}
.link,.signup summary{min-height:74px;padding:17px 57px 17px 99px;overflow:visible;text-align:center}
.link .thumb,.signup .thumb{position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:100px;height:100px;border-radius:18px;object-fit:cover;box-shadow:0 7px 16px #0004;z-index:1}
.link .thumb-contain,.signup .thumb-contain{object-fit:contain;box-shadow:none;border-radius:0;filter:drop-shadow(0 5px 6px #0005)}
.thumb-placeholder{display:grid;place-items:center;background:#35202e;color:#fff}
.thumb-placeholder svg{width:52px;height:52px}
.link-title{overflow-wrap:anywhere;line-height:1.4}
.link-row .arrow{right:19px;top:15px;font-size:16px}
.share-link{position:absolute;right:12px;bottom:1px;min-width:38px;min-height:35px;border:0;border-radius:18px;background:transparent;color:#51434b;font-size:22px;line-height:1;z-index:2}
.share-link:hover{background:#0000000d}
.signup summary:after{right:23px}
.signup[open] form{padding-top:18px}
.signup[open] .thumb{box-shadow:none}
.subscribe-extra{margin:36px 0 0 20px}
.subscribe-extra summary{padding-left:54px}
.signup-symbol{position:absolute;left:22px;font-size:21px}
.socials{margin-top:38px}
.tools{flex-wrap:wrap;gap:7px}
#share-status{flex-basis:100%;min-height:0;text-align:right}
#share-status:empty{display:none}
.backdrop:after{background:linear-gradient(#10070d22,#10070d44 55%,#10070d99)}
.backdrop video{opacity:1}
.morph{overflow:hidden;background:#140d12}
.morph i{position:absolute;width:90vmax;height:90vmax;border-radius:50%;filter:blur(60px);opacity:.52;animation:morph-drift 26s ease-in-out infinite alternate;background:radial-gradient(circle,#62424d 0%,transparent 66%);left:-45%;top:-55%}
.morph i:nth-child(2){background:radial-gradient(circle,#242c52 0%,transparent 66%);left:38%;top:10%;animation-delay:-11s;animation-duration:31s;opacity:.43}
.morph i:nth-child(3){background:radial-gradient(circle,#682838 0%,transparent 65%);left:-35%;top:45%;animation-delay:-19s;animation-duration:34s;opacity:.32}
.motion-paused .morph i{animation-play-state:paused}
@keyframes morph-drift{from{transform:translate3d(-6%,-5%,0) scale(.8)}to{transform:translate3d(20%,18%,0) scale(1.1)}}
.studio .shell{max-width:700px}
.studio .link,.studio .signup summary{background:#eef0ed;color:#22211c;border-radius:12px}
.studio .thumb{object-fit:contain}
.studio .signup[open]{background:#eef0ed}
.studio .signup summary{box-shadow:0 4px 0 #6d7870aa}
.studio .thumb-contain{filter:drop-shadow(0 3px 3px #0002)}
@media(max-width:520px){
 .shell{padding:18px 24px 28px}
 .avatar,.personal .avatar,.band .avatar{width:190px;height:190px;max-width:60vw}
 .studio .avatar{width:206px;height:206px}
 header{margin:20px auto 44px}
 .links{gap:32px;padding-left:14px}
 .link,.signup summary{min-height:72px;padding:16px 40px 16px 82px;font-size:14px}
 .link .thumb,.signup .thumb{width:88px;height:88px;left:-14px;border-radius:15px}
 .link .thumb-contain,.signup .thumb-contain{border-radius:0}
 .link-row .arrow{right:14px;font-size:14px}
 .share-link{right:5px}
 .subscribe-extra{margin-left:14px}
 .subscribe-extra summary{padding-left:45px}
 .personal h1{font-size:32px}
 .studio h1{font-size:25px}
 .bio{font-size:14px}
 .tools button{padding:9px 11px}
}
@media(max-width:359px){.shell{padding-inline:19px}.links{padding-left:20px}.link,.signup summary{font-size:13px;padding-left:87px}.link .thumb,.signup .thumb{width:100px;height:100px;left:-20px}.personal h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.morph i{animation:none!important}.backdrop video{visibility:hidden}.manual-motion .backdrop video{visibility:visible}}

/* Compensate for the original SVG icons’ built-in padding. */
.link .thumb[src$=".svg"]{transform:translateY(-50%) scale(1.18)}

#share-dialog{text-align:left}#share-url{width:100%;border:1px solid #aaa;border-radius:8px;background:#fff;color:#171417;padding:12px;font-size:14px}#copy-link{float:none;margin-top:14px;background:#23101a;color:white;border-radius:8px;padding:10px 16px;font-size:14px}#copy-status{font-size:13px}

/* Personal portrait: tighter source-image crop, no outline. */
.personal .avatar-frame{display:inline-block;position:relative;overflow:hidden;border:0;box-shadow:0 18px 50px #0004;isolation:isolate;vertical-align:middle}
.personal .avatar-frame .avatar-image{position:absolute;width:var(--portrait-size);height:var(--portrait-size);max-width:none;left:50%;top:50%;transform:translate(calc(-1 * var(--portrait-x)),calc(-1 * var(--portrait-y)));object-fit:cover;border:0}
.personal .backdrop:after{background:linear-gradient(90deg,#10060970,#10060928 45%,#10060970),linear-gradient(#10060930,#10060965 60%,#100609b0)}
.personal .backdrop video{filter:saturate(.72) brightness(.72)}
/* Separate, no-indexed After Hours style proposal. */
.after-hours{color:#f1e8db}
.after-hours .shell{max-width:790px;padding:24px 48px 44px}
.concept-banner{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;padding-bottom:15px;border-bottom:1px solid #f1e8db25;margin-bottom:15px;color:#d2bcb0}
.concept-banner a{text-decoration:none;white-space:nowrap}
.after-hours .tools button{border:0;background:#140c0d55;color:#dbc8b8;font-size:11px}
.after-hours header{margin:18px auto 66px}
.eyebrow{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;margin:0 auto 30px;color:#ddc4b6}
.after-hours .avatar-frame{width:244px;height:244px;max-width:70vw;box-shadow:0 25px 70px #0009}
.after-hours h1{font-size:62px;line-height:.94;letter-spacing:-2.5px;margin:27px 0 22px}
.after-hours h1 em{font-weight:400;color:#e9c9b8}
.after-hours .bio{max-width:370px;color:#cdbfb8;font-size:13px;line-height:1.8}
.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:#bfa79b;border-top:1px solid #f1e8db30;padding-top:18px;margin:0 0 29px}
.after-hours .links{gap:38px;counter-reset:destination;padding-left:20px}
.after-hours .link-row{counter-increment:destination}
.after-hours .link{background:linear-gradient(100deg,#1a1212d9,#211719a1);border:1px solid #ebc9b42e;border-radius:5px;color:#f5ebdf;box-shadow:0 10px 30px #0002;backdrop-filter:blur(20px);min-height:78px;padding:24px 58px 17px 104px;text-align:left;justify-content:flex-start;font-size:14px;font-weight:400}
.after-hours .link:before{content:'0' counter(destination);position:absolute;top:9px;left:104px;font-size:8px;letter-spacing:.18em;color:#c39f89}
.after-hours .link:hover{background:#392326c9;border-color:#f0b68a80;transform:translateY(-3px)}
.after-hours .link .thumb{border-radius:7px}
.after-hours .link .thumb-contain{border-radius:0;filter:drop-shadow(0 5px 7px #0008)}
.after-hours .share-link,.after-hours .arrow{color:#d7b5a1}
.after-hours .signup summary{background:#1a1212bd;border:1px solid #ebc9b42e;border-radius:5px;color:#f5ebdf;font-size:13px;font-weight:400;box-shadow:none;backdrop-filter:blur(20px)}
.after-hours .signup[open]{background:#f3e8d8}
.after-hours .socials a{border:0;border-bottom:1px solid #c6a38e55;border-radius:0;background:none;color:#dcc1af;padding-inline:2px;margin-inline:6px;font-size:11px}
.after-hours footer{color:#af9387;font-size:10px}
@media(max-width:520px){
 .after-hours .shell{padding:18px 25px 30px}
 .concept-banner{font-size:8px;letter-spacing:.03em}
 .eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:26px}
 .after-hours .avatar-frame{width:206px;height:206px}
 .after-hours h1{font-size:48px;letter-spacing:-2px}
 .after-hours header{margin-bottom:49px}
 .after-hours .bio{font-size:12px}
 .after-hours .link{padding:25px 40px 15px 84px;min-height:76px;font-size:12px}
 .after-hours .link:before{left:84px}
 .after-hours .links{gap:34px;padding-left:14px}
}
@media(max-width:359px){
 .after-hours .shell{padding-inline:19px}
 .after-hours .links{padding-left:20px}
 .after-hours .link{padding-left:89px;font-size:11px;min-height:80px}
 .after-hours .link:before{left:89px}
 .after-hours h1{font-size:44px}
}

/* Crop the acting headshot inside its square, excluding the Polaroid border. */
.link .thumb-crop{display:block;overflow:hidden}
.link .thumb-crop img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none;object-fit:cover}

/* Blend the personal portrait edge into its moving background. */
.personal .avatar-frame{-webkit-mask-image:radial-gradient(circle closest-side,#000 82%,#0009 91%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 82%,#0009 91%,transparent 100%);box-shadow:none}

/* Alternate preview: portrait left, name overlapping its feathered edge. */
.portrait-left .hero-lockup{display:flex;align-items:center;justify-content:center;isolation:isolate;margin:32px 0 25px}
.portrait-left .hero-lockup .avatar-frame{width:280px;height:280px;max-width:none;flex:none}
.portrait-left .hero-lockup h1{position:relative;z-index:1;flex:none;margin:0 0 0 -36px;text-align:left;font-size:66px;line-height:.94;white-space:nowrap;text-shadow:0 3px 22px #12090985}
.portrait-left .bio{max-width:440px}
@media(max-width:700px){
 .portrait-left .hero-lockup{margin:25px 0 22px}
 .portrait-left .hero-lockup .avatar-frame{width:clamp(140px,40vw,240px);height:clamp(140px,40vw,240px)}
 .portrait-left .hero-lockup h1{font-size:clamp(30px,8.8vw,52px);letter-spacing:-1.4px;margin-left:-28px}
}
@media(max-width:359px){
 .portrait-left .hero-lockup h1{font-size:28px;letter-spacing:-1.1px;margin-left:-24px}
}

/* A quiet music control; the full Spotify interface expands only on request. */
.spotify-feature{position:relative;width:280px;max-width:100%;margin:-28px auto 30px;color:#eaded2}
.music-mini{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px}
.music-toggle,.music-expand{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;background:transparent;color:inherit;padding:9px}
.music-toggle svg{width:26px;height:26px;border:1px solid #ead5bd60;border-radius:50%;padding:3px}
.music-toggle .pause-symbol{display:none}
.music-toggle[aria-pressed=true] .play-symbol{display:none}
.music-toggle[aria-pressed=true] .pause-symbol{display:block}
.music-toggle:hover svg{background:#ead5bd20}
.music-toggle[hidden]{display:none}
.music-toggle:disabled{opacity:.45;cursor:wait}
.music-title{font-size:10px;letter-spacing:.15em}
.spotify-direct{font-size:10px;text-decoration:none;color:#d9c7ba;white-space:nowrap}
.spotify-direct:hover{text-decoration:underline;text-underline-offset:3px}
.music-expand{width:32px;padding:7px;color:#c9b9b0}
.music-expand svg{width:16px;height:16px}
.music-expand[aria-expanded=true] svg{transform:rotate(180deg)}
.spotify-panel{position:relative;left:50%;transform:translateX(-50%);width:280px;height:0;overflow:hidden;pointer-events:none}
.spotify-panel.is-open{height:80px;margin-top:7px;pointer-events:auto}
.spotify-panel iframe{display:block;width:280px;height:80px;border:0;border-radius:12px}
.music-status{margin:0}
.brand-editorial .avatar{width:260px;height:260px;max-width:70vw;border:0;box-shadow:none;mask-image:radial-gradient(circle closest-side,#000 83%,#0009 92%,transparent 100%)}
.brand-editorial .brand-logo{width:330px;height:100px;margin-top:-31px;position:relative;filter:drop-shadow(0 3px 13px #000)}
.brand-editorial .backdrop:after{background:linear-gradient(#0c081075,#100b1550 45%,#0c0810d9)}
.brand-editorial .backdrop video{filter:saturate(.6)}
.brand-editorial .bio{max-width:430px}
.brand-editorial .links .signup summary{min-height:78px;text-align:left;justify-content:flex-start;padding-left:104px}
.studio-editorial{color:#eee8d9;color-scheme:dark;background:#141511}
.studio-editorial .shell{max-width:790px;padding:24px 48px 44px}
.studio-editorial .backdrop video{filter:grayscale(1) brightness(.52)}
.studio-editorial .backdrop:after{background:linear-gradient(#11140dc2,#1516108c 45%,#15160de8)}
.studio-editorial header{margin:22px auto 55px}
.studio-editorial .avatar{width:270px;height:270px;max-width:70vw;filter:drop-shadow(0 12px 30px #0006)}
.studio-editorial h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:44px;line-height:1.04;letter-spacing:-1.5px;max-width:550px;margin:-8px auto 22px;color:#f1ead8}
.studio-editorial .bio{color:#ddd8cc;font-size:13px;max-width:420px}
.studio-editorial .tools button{color:#f1ead8;background:#1d2019a0;border-color:#d9ddc333}
.studio-editorial .links{counter-reset:destination;gap:38px}
.studio-editorial .link-row{counter-increment:destination}
.studio-editorial .link{border-radius:5px;background:#f3eedfe8;border:1px solid #faf5e970;box-shadow:0 8px 24px #0003;color:#23231b;text-align:left;justify-content:flex-start;min-height:78px;font-weight:400;padding:24px 58px 17px 104px}
.studio-editorial .link:before{content:'0' counter(destination);position:absolute;left:104px;top:8px;letter-spacing:.16em;font-size:8px;color:#62634e}
.studio-editorial .link:hover{background:#fffaf0;transform:translateY(-3px)}
.studio-editorial .link .thumb{border-radius:7px}
.studio-editorial .link .thumb-contain{border-radius:0}
.studio-editorial .signup summary{background:#f3eedfe8;box-shadow:none;border-radius:5px}
.studio-editorial .socials a{color:#e8e2d2;border:0;border-radius:0;border-bottom:1px solid #c9c4b455;background:none}
.studio-editorial footer,.studio-editorial #motion{color:#c6c1b4}
@media(max-width:520px){
 .brand-editorial .avatar{width:224px;height:224px}
 .brand-editorial .brand-logo{width:280px;height:85px}
 .brand-editorial .links .signup summary{padding-left:84px;font-size:12px}
 .studio-editorial .shell{padding:18px 25px 30px}
 .studio-editorial .avatar{width:226px;height:226px}
 .studio-editorial h1{font-size:36px;letter-spacing:-1px}
 .studio-editorial .link{padding:25px 40px 15px 84px;min-height:76px;font-size:12px}
 .studio-editorial .link:before{left:84px}
}
@media(max-width:359px){.studio-editorial .shell{padding-inline:19px}.studio-editorial .link{padding-left:89px;font-size:11px}.studio-editorial .link:before{left:89px}}

/* Band hero: portrait left, oversized transparent JRNXLST lettering. */
.brand-editorial .band-hero-lockup{display:flex;align-items:center;justify-content:center;isolation:isolate;margin:25px 0 26px}
.brand-editorial .band-hero-lockup .avatar{width:44%;height:auto;aspect-ratio:1;flex:0 0 44%;max-width:none;object-fit:cover;border:0;border-radius:50%;box-shadow:none;mask-image:radial-gradient(circle closest-side,#000 70%,#000b 82%,transparent 100%);-webkit-mask-image:radial-gradient(circle closest-side,#000 70%,#000b 82%,transparent 100%)}
.brand-editorial .band-hero-lockup .brand-logo{position:relative;z-index:1;flex:0 0 80%;width:80%;height:auto;margin:0 0 0 -24%;object-fit:contain;background:none;filter:drop-shadow(0 2px 10px #0005)}
@media(max-width:520px){.brand-editorial .band-hero-lockup{margin-top:28px;margin-bottom:22px}}