/* J:E's own studio, performances and off-stage moments form the next chapters. */
.manifesto>.studio-atmosphere{position:absolute;inset:8% -4% 0 30%;z-index:0;pointer-events:none;opacity:.32;mask-image:linear-gradient(90deg,transparent,#000 45%,transparent),linear-gradient(0deg,transparent,#000 30%,#000 75%,transparent);mask-composite:intersect}
.studio-atmosphere img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;transform:scale(1.08) translateY(calc(var(--chapter-progress,.5)*-50px))}
.manifesto>.section-kicker,.manifesto>.manifesto-title,.manifesto>.manifesto-bottom{z-index:2}
.mix-previews{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3vw;margin-top:65px;width:100%}
.mix-previews__heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;margin-bottom:15px}
.mix-film{background:none;color:inherit;padding:0;position:relative;text-align:left;min-width:0;transform:translateY(calc(var(--film-depth,0)*32px));transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.mix-film:nth-child(3){--film-depth:1}.mix-film:nth-child(4){--film-depth:2}
.mix-film__media{display:block;aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:3px 24px 7px 28px;mask-image:linear-gradient(#000 94%,transparent)}
.mix-film__media>img,.mix-film__media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.mix-film__media>video{opacity:0;transition:opacity .6s}
.mix-film__media>video.is-running{opacity:1}
.mix-film:hover .mix-film__media>img{transform:scale(1.05)}
.mix-film__label{display:grid;grid-template-columns:1fr auto;gap:9px 15px;padding:16px 0 0}
.mix-film__label>span:first-child{grid-column:1/-1;font-size:12px;letter-spacing:.1em;font-weight:750}
.mix-film__label>strong{font-size:clamp(20px,2.4vw,36px);letter-spacing:-.03em;font-weight:650;line-height:1.15}
.mix-film__play{font-size:14px;align-self:center;border-bottom:1px solid;padding-bottom:4px}
.mix-film:focus-visible,.world-photo:focus-visible,.world-frame figcaption button:focus-visible,.contact-session button:focus-visible{outline:3px solid #ff5b24;outline-offset:7px}
.artist-world .details-heading{display:flex;align-items:start;justify-content:space-between;gap:50px}
.artist-world .details-heading h2{font-size:clamp(62px,7.8vw,118px);width:66%;margin:0}
.world-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:25px 3vw;position:relative;margin-top:65px;align-items:start}
.world-frame{margin:0;min-width:0;transform:translateY(var(--world-drift,0px));will-change:transform}
.world-frame--lounge{grid-column:1/7;grid-row:1;margin-top:80px}
.world-frame--live{grid-column:8/13;grid-row:1/3}
.world-frame--guitar{grid-column:2/6;grid-row:2/4;margin-top:65px}
.world-frame--controller{grid-column:9/13;grid-row:3/5;margin-top:70px}
.world-frame--studio{grid-column:1/8;grid-row:4/5;margin-top:85px}
.world-photo{background:none;padding:0;border:0;display:block;width:100%;position:relative}
.world-pair{display:block;position:relative;aspect-ratio:var(--frame-ratio);overflow:hidden;border-radius:3px 30px 5px 28px;background:#171820;transform:perspective(1100px) rotateX(var(--media-tilt-y,0deg)) rotateY(var(--media-tilt-x,0deg));transition:transform .7s cubic-bezier(.2,.7,.2,1);mask-image:linear-gradient(#000 96%,transparent)}
.world-pair>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.world-pair>.world-pair__original{opacity:var(--media-reveal,0);transition:opacity .5s;mask-image:radial-gradient(ellipse 39% 41% at var(--media-x,50%) var(--media-y,50%),#000 0 30%,transparent 75%),radial-gradient(ellipse 30% 33% at calc(var(--media-x,50%) + 12%) calc(var(--media-y,50%) - 9%),#000 0 20%,transparent 80%),radial-gradient(ellipse 26% 40% at calc(var(--media-x,50%) - 13%) calc(var(--media-y,50%) + 8%),#000 0 25%,transparent 80%)}
.world-frame figcaption{display:flex;justify-content:space-between;align-items:start;gap:15px;padding:16px 2px;font-size:12px;letter-spacing:.12em;font-weight:750;line-height:1.5}
.world-frame figcaption button{padding:0 0 3px;background:none;color:inherit;font-size:14px;letter-spacing:0;border-bottom:1px solid;white-space:nowrap}
.world-signature{grid-column:6/9;grid-row:2/3;padding:65px 0 0;align-self:center;transform:rotate(calc(-9deg + var(--chapter-progress,.5)*18deg))}
.world-signature img{width:100%;height:auto;filter:drop-shadow(0 20px 25px rgba(17,18,24,.15))}
.contact>.contact-session{position:absolute;right:5%;top:18%;width:26%;z-index:0;opacity:.8;transform:rotate(7deg) translateY(calc(var(--chapter-progress,.5)*-45px));mask-image:linear-gradient(transparent,#000 12%,#000 79%,transparent)}
.contact-session button{padding:0;background:#171820;display:block;width:100%;position:relative;color:#f2f1ec;border-radius:5px 24px 5px 24px;overflow:hidden;aspect-ratio:3/4}
.contact-session img{width:100%;height:100%;object-fit:cover;opacity:.8}
.contact-session button>span{position:absolute;left:20px;right:20px;bottom:55px;font-size:12px;letter-spacing:.1em;text-align:left;font-weight:750}
.contact-session button>.contact-session__watch{bottom:28px;font-size:15px;letter-spacing:0}
.contact .contact-title{position:relative;z-index:2;max-width:76%;pointer-events:none;text-shadow:0 2px 0 rgba(255,91,36,.15)}
.contact .contact-row,.contact .contact-email{position:relative;z-index:2}
.clip-dialog{width:min(960px,calc(100vw - 32px));max-width:960px;max-height:calc(100svh - 32px);margin:auto;padding:20px;background:#111218;color:#f2f1ec;border:1px solid rgba(242,241,236,.18);overflow:auto}
.clip-dialog::backdrop{background:rgba(6,7,12,.88);backdrop-filter:blur(12px)}
.clip-dialog .dialog-top{gap:24px;align-items:center;margin-bottom:14px}
.clip-dialog h2{font-family:var(--body);font-size:17px;line-height:1.4;font-weight:650;text-transform:none;letter-spacing:0}
.clip-dialog video{display:block;width:100%;height:min(600px,calc(100svh - 145px));max-height:calc(100svh - 135px);background:#07080b;object-fit:contain}
.clip-error{margin:15px 0 0;font-size:16px}
.photo-dialog{overflow-x:hidden}
.reduce-motion .studio-atmosphere img,.reduce-motion .world-frame,.reduce-motion .world-pair,.reduce-motion .mix-film,.reduce-motion .world-signature{transform:none;transition:none;will-change:auto}
@media(max-width:760px){
 .manifesto>.studio-atmosphere{inset:12% -35% 0 8%;opacity:.24}
 .mix-previews{grid-template-columns:1fr 1fr;gap:28px 18px;margin-top:35px}
 .mix-previews__heading{margin-bottom:0;align-items:start}.mix-previews__heading .eyebrow{font-size:11px;max-width:48%}
 .mix-film{transform:none}.mix-film--live{grid-column:1/-1;width:82%;justify-self:center;margin-top:10px}.mix-film--live .mix-film__media{aspect-ratio:1/1;object-position:50% 32%}
 .mix-film__label{gap:8px}.mix-film__label>strong{font-size:22px}.mix-film__label>span:first-child{font-size:11px}.mix-film__play{font-size:13px}
 .artist-world .details-heading{display:block}.artist-world .details-heading h2{width:100%;font-size:clamp(54px,14vw,86px);margin-top:25px}
 .world-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 18px;margin-top:45px}
 .world-frame--lounge{grid-column:1/7;grid-row:1;margin:0 5% 0 0}
 .world-frame--live{grid-column:2/7;grid-row:2;margin:0}
 .world-frame--guitar{grid-column:1/5;grid-row:3;margin:25px 0 0}
 .world-signature{grid-column:5/7;grid-row:3;padding:0;align-self:center}
 .world-frame--controller{grid-column:3/7;grid-row:4;margin:25px 0 0}
 .world-frame--studio{grid-column:1/7;grid-row:5;margin:20px 0 0}
 .world-frame{will-change:auto}.world-pair{transform:none}.world-frame figcaption{font-size:11px;letter-spacing:.08em;padding:13px 1px;flex-wrap:wrap;gap:8px}.world-frame figcaption button{font-size:14px}
 .contact>.contact-session{position:relative;right:auto;top:auto;width:62%;margin:30px 0 30px auto;z-index:1;transform:rotate(4deg);opacity:1;mask-image:linear-gradient(#000 90%,transparent)}
 .contact .contact-title{max-width:100%}.contact .contact-row{margin-top:20px}.clip-dialog{padding:14px;max-height:calc(100svh - 20px)}.clip-dialog h2{font-size:15px}
}
@media(prefers-reduced-motion:reduce){html:not(.motion-explicit) .studio-atmosphere img,html:not(.motion-explicit) .world-frame,html:not(.motion-explicit) .world-pair,html:not(.motion-explicit) .mix-film,html:not(.motion-explicit) .world-signature{transform:none;transition:none;will-change:auto}}