:root{--accent:#d9ff43;--ink:#101010;--white:#f4f4ee;--muted:#b6b6b0;--line:#ffffff30;font-family:Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:var(--white);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{opacity:.8}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--ink);padding:18px;z-index:99}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 4%;gap:25px;border-bottom:1px solid var(--line)}.wordmark{font-weight:800;font-size:18px;letter-spacing:-.06em}.wordmark span{display:block;font-size:12px;letter-spacing:.08em;margin-top:6px;font-weight:400}header nav{display:flex;gap:30px;font-size:14px}.motion-toggle{background:none;border:1px solid #777;border-radius:30px;padding:10px 15px;font-size:12px}.hero{position:relative;padding:24px 4% 36px;isolation:isolate;overflow:hidden;min-height:700px}.hero-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:70% center;transform:scale(1.04) translate(var(--mx,0px),var(--my,0px));transition:transform .6s ease;opacity:.8}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10101070,transparent 65%),linear-gradient(0deg,#101010,transparent 45%)}.hero-meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.08em}.hero h1{font-size:clamp(90px,17vw,260px);font-weight:900;letter-spacing:-.085em;line-height:.8;margin:85px 0 75px;width:max-content;max-width:100%}.hero h1>span{color:var(--accent);transition:color .5s}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.hero-name{font-size:24px;margin:0;letter-spacing:.1em}.hero-name span{font-size:14px;letter-spacing:.03em;display:inline-block;margin-left:15px}.hero-line{font-size:18px;line-height:1.8;margin:14px 0 0}.hero-cta{background:var(--accent);color:var(--ink);min-height:95px;min-width:235px;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:16px;font-weight:700;transition:background .5s,transform .2s}.hero-cta:hover{transform:translateY(-5px);opacity:1}.hero-cta span:last-child{font-size:32px}.type-strip{background:var(--accent);color:var(--ink);padding:20px 0;overflow:hidden;transform:rotate(-2deg);margin:30px 0 0;transition:background .5s}.type-strip div{width:max-content;font-size:clamp(30px,4.4vw,65px);font-weight:900;letter-spacing:-.04em;white-space:nowrap;animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:105px 5%;}.section-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.1em;padding-bottom:22px;border-bottom:1px solid var(--line)}.music-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:45px 0}.music h2,.profile-intro h2,.live h2{font-size:clamp(64px,8.4vw,130px);letter-spacing:-.065em;line-height:.88;margin:0;font-weight:900}.music h2 em{font-style:normal;color:var(--accent)}.music-heading>p{font-size:16px;line-height:1.7;color:var(--muted)}.music-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.3fr);gap:5%}.track-list{border-top:1px solid var(--line)}.track-choice{width:100%;display:grid;grid-template-columns:30px 1fr 22px;gap:15px;align-items:center;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;padding:26px 18px;font-size:clamp(19px,2vw,28px);font-weight:700;transition:background .25s,color .25s, padding .25s}.track-choice small{display:block;font-size:12px;font-weight:400;letter-spacing:.07em;margin-top:10px}.track-index{font-size:12px;font-weight:400}.track-choice[aria-pressed=true]{background:var(--accent);color:var(--ink)}.track-choice:hover{padding-left:25px}.video-screen{aspect-ratio:16/9;background:var(--accent);color:var(--ink);transition:background .5s;position:relative}.video-cover{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:30px}.cover-eyebrow{font-size:12px;letter-spacing:.1em}.video-cover>p{font-size:clamp(28px,3.7vw,60px);letter-spacing:-.04em;line-height:1.1;font-weight:900;margin:20px 0;overflow-wrap:anywhere}.play-video{background:var(--ink);color:var(--white);border:0;padding:14px 20px;font-size:14px;min-height:48px}.play-video:focus-visible{outline-color:var(--ink)}.video-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-info{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:23px}.video-info span{font-size:12px;color:var(--muted)}.video-info h3{font-size:22px;margin:10px 0}.video-info p{font-size:14px;line-height:1.8;color:var(--muted);max-width:36em}.video-info>a{font-size:14px;white-space:nowrap;padding-top:24px}.video-help{font-size:12px;line-height:1.7;color:var(--muted);margin:20px 0 0}.text-link{display:inline-block;border-bottom:1px solid var(--accent);padding:15px 0;margin-top:35px;font-size:14px}.about{background:var(--white);color:var(--ink)}.about .section-top{border-color:#10101040}.profile-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);column-gap:8%;row-gap:40px;margin-top:65px;align-items:start}.profile-intro{position:sticky;top:30px}.profile-intro h2{font-size:clamp(60px,7vw,105px)}.profile-intro h2 span{color:#566b00}.profile-intro h3{font-size:28px;letter-spacing:.08em;margin-top:42px}.profile-intro small{display:block;font-size:14px;letter-spacing:.02em;font-weight:400;margin-top:12px;line-height:1.8}.roles{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:10px;max-width:340px}.roles li{border:1px solid #10101050;border-radius:25px;padding:9px 13px;font-size:14px;line-height:1.4}.biography{max-width:39em;min-width:0}.biography p{font-size:17px;line-height:2.15;letter-spacing:.025em;line-break:strict;overflow-wrap:break-word;margin:0 0 1.65em;text-align:left}.biography .bio-lead{font-size:clamp(22px,2.3vw,32px);font-weight:700;line-height:1.7;letter-spacing:.02em;margin-bottom:30px}.biography p:last-child{margin-bottom:0}.live{background:var(--accent);color:var(--ink);transition:background .5s}.live .section-top{border-color:#10101050}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:55px}.live h2{font-size:clamp(70px,9vw,140px)}.live h2 span{font-size:.5em;vertical-align:top}.live h3{font-size:22px;line-height:1.7;margin:22px 0}.live p{font-size:16px;line-height:1.9}.label{font-size:12px;letter-spacing:.12em}footer{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;padding:65px 5%}.footer-name{font-size:clamp(26px,4vw,64px);font-weight:900;letter-spacing:-.05em}.footer-name span{display:block;font-size:16px;letter-spacing:.1em;font-weight:400;margin-top:14px}footer>div{text-align:right}.social-links{display:flex;flex-wrap:wrap;gap:20px;font-size:14px;margin-bottom:40px;justify-content:flex-end}footer>div>a,footer p{font-size:12px}footer p{color:var(--muted);margin-top:25px}.motion-paused *{animation-play-state:paused!important;scroll-behavior:auto!important;transition:none!important}.motion-paused .hero-art img{transform:none}@media(min-width:1700px){.section{padding-left:calc((100vw - 1530px)/2);padding-right:calc((100vw - 1530px)/2)}}@media(max-width:850px){header{flex-wrap:wrap;gap:20px}.motion-toggle{margin-left:auto}header nav{gap:20px}.hero{min-height:600px}.hero h1{font-size:18vw;margin:95px 0 65px}.hero-meta{font-size:12px;line-height:1.7}.hero-meta span:last-child{max-width:130px;text-align:right}.hero-bottom{align-items:flex-start}.hero-cta{min-width:185px;min-height:80px;padding:20px}.hero-name span{display:block;margin:8px 0 0}.music-grid{grid-template-columns:1fr;gap:30px}.track-list{display:grid;grid-template-columns:1fr 1fr}.track-choice{padding:20px 13px;font-size:20px;gap:10px}.track-choice:last-child{grid-column:1/-1}.video-cover>p{font-size:42px}.profile-grid{grid-template-columns:1fr;gap:40px}.profile-intro{position:static}.profile-intro h2{font-size:80px}.biography{max-width:40em}.biography p{font-size:16px;line-height:2.05}.roles{max-width:none}.live-grid{grid-template-columns:1fr}.section{padding:75px 6%}footer{flex-direction:column;align-items:flex-start}footer>div{text-align:left}.social-links{justify-content:flex-start}}@media(max-width:500px){header{padding:20px 6%}.wordmark{font-size:17px}header nav{order:3;flex-basis:100%;justify-content:space-between;font-size:13px}.motion-toggle{font-size:12px;padding:9px 11px}.hero{padding:24px 6% 30px;min-height:590px}.hero h1{font-size:18vw;margin:90px 0 60px}.hero-art img{object-position:60% center}.hero-bottom{display:block}.hero-name{font-size:22px}.hero-name span{display:inline-block;font-size:12px;margin-left:12px}.hero-line{font-size:16px}.hero-cta{min-height:60px;margin-top:25px;width:max-content;min-width:220px;padding:15px 20px;font-size:14px}.hero-cta span:last-child{font-size:25px}.type-strip{padding:15px 0;margin-top:10px}.section-top{font-size:12px;letter-spacing:.04em}.music h2{font-size:75px}.music-heading{align-items:flex-end;gap:15px}.music-heading>p{font-size:14px;max-width:7em}.track-list{display:block}.track-choice{font-size:21px;padding:23px 12px}.video-cover{padding:20px}.video-cover>p{font-size:30px;margin:14px 0}.cover-eyebrow{font-size:12px}.play-video{padding:10px 14px;min-height:44px}.video-info{flex-direction:column;gap:5px}.video-info>a{padding-top:0}.profile-grid{margin-top:40px}.profile-intro h2{font-size:74px}.biography p{letter-spacing:0;line-height:2;margin-bottom:1.5em}.biography .bio-lead{font-size:22px}.live h3{font-size:19px}.social-links{gap:20px 24px}.section{padding-top:65px;padding-bottom:65px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.type-strip div{animation:none}.hero-art img{transform:none;transition:none}}

@media(max-width:500px){.video-screen{min-height:240px}.video-cover{min-height:240px}}
/* Earth / orbital art direction */
:root{--accent:#8ad8ff;--ink:#050b15;--white:#edf4f7;--muted:#a1b5c7;--line:#a2c5e22b;background:var(--ink)}header{position:relative;z-index:2;background:#050b15}.hero{min-height:820px;display:flex;flex-direction:column;padding:28px 5% 45px;background:#000}.hero-art{inset:20px -3% 0 12%;z-index:-1}.hero-art img{object-fit:contain;object-position:center;opacity:1;transform:translate(var(--mx,0px),var(--my,0px)) scale(1.02)}.hero:after{z-index:0;pointer-events:none;background:linear-gradient(90deg,#02071185,transparent 45%),linear-gradient(0deg,#050b15,transparent 28%)}.hero-meta,.hero h1,.hero-bottom{z-index:1;position:relative}.hero h1{font-size:clamp(80px,11vw,170px);margin:120px 0 150px;font-weight:500;letter-spacing:-.07em;line-height:.94}.hero h1>span{color:var(--white)}.hero-bottom{margin-top:auto}.hero-cta{border-radius:50%;width:135px;height:135px;min-width:135px;min-height:135px;background:#0a2033bf;border:1px solid var(--accent);color:var(--white);flex-direction:column;justify-content:center;gap:10px;font-size:14px;padding:12px}.hero-cta:hover{background:#173950}.orbital-lines{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.orbital-lines i{position:absolute;width:85%;height:35%;border:1px solid #9bd3ff30;border-radius:50%;top:32%;left:12%;transform:rotate(-23deg)}.orbital-lines i:last-child{width:65%;height:70%;top:12%;left:25%;transform:rotate(28deg);border-color:#9bd3ff18}.orbit-nav{display:flex;justify-content:center;gap:55px;align-items:center;padding:35px 5% 55px;border-bottom:1px solid var(--line);background:#050b15}.orbit-nav a{display:flex;align-items:center;gap:13px;font-size:14px;letter-spacing:.08em}.orbit-nav span{border:1px solid var(--line);border-radius:50%;padding:13px;font-size:12px;color:var(--accent)}.section{position:relative}.music{background:radial-gradient(ellipse at 50% 20%,#13283e 0,transparent 65%),#050b15;border-radius:50% 50% 0 0 / 45px 45px 0 0}.music-heading{display:block;text-align:center;margin:60px 0 45px}.music h2{font-size:clamp(56px,7vw,100px);font-weight:500;letter-spacing:-.045em}.music h2 em{display:block;font-size:14px;letter-spacing:.26em;margin-top:22px;font-weight:400}.music-heading>p{margin:22px 0;font-size:14px}.music-grid{display:flex;flex-direction:column;gap:35px}.track-list{display:flex;justify-content:center;gap:14px;border:0;flex-wrap:wrap}.track-choice{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:12px;min-height:170px;width:170px;border:1px solid var(--line);border-radius:50%;padding:20px 12px;font-size:18px;line-height:1.25;font-weight:500;background:#10223666;position:relative;transition:transform .3s,background .3s,border-color .3s}.track-choice:nth-child(2),.track-choice:nth-child(4){margin-top:25px}.track-choice small{font-size:12px;letter-spacing:.01em}.track-symbol{display:none}.track-choice:hover{padding:20px 12px;transform:translateY(-6px);border-color:var(--accent)}.track-choice[aria-pressed=true]{box-shadow:0 0 35px color-mix(in srgb,var(--accent) 18%,transparent);background:var(--accent);border-color:var(--accent)}.video-panel{width:100%;max-width:960px;margin:15px auto 0}.video-screen{border-radius:25px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);background:radial-gradient(ellipse at 75% 20%,#1b4860,#0a1727 70%);color:var(--white)}.video-cover{padding:40px}.video-cover>p{font-size:clamp(30px,5vw,65px)}.play-video{background:var(--accent);color:var(--ink);border-radius:50px;padding:16px 25px}.text-link{display:table;margin:45px auto 0}.about{background:#e7eef1;border-radius:50% 50% 0 0 / 50px 50px 0 0;color:#132330;padding-top:90px}.profile-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.4fr);column-gap:8%;row-gap:40px}.profile-intro h2{font-size:clamp(40px,4.6vw,70px);font-weight:500;letter-spacing:-.04em;border:1px solid #799caf;width:100%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;max-width:380px}.profile-intro h2 span{color:#285c7a}.profile-intro h3{font-weight:500}.roles li{border-color:#617a89}.live{background:#0b1b2a;color:var(--white);overflow:hidden;border-top:1px solid var(--line)}.live:before{content:"";position:absolute;width:80%;height:180%;border:1px solid #9bc8e526;border-radius:50%;top:10%;left:30%;pointer-events:none;transform:rotate(-20deg)}.live .section-top{border-color:var(--line)}.live-grid{position:relative}.live h2{font-size:clamp(64px,10vw,130px);font-weight:400}.live h2 span{color:var(--accent)}footer{background:#050b15}.footer-name{font-weight:500}.social-links a{border-bottom:1px solid var(--line);padding-bottom:10px}@media(max-width:850px){.hero{min-height:750px}.hero-art{inset:20px -25% 0 -5%}.hero h1{font-size:14vw;margin:125px 0 155px}.hero-cta{width:120px;height:120px;min-width:120px;min-height:120px}.track-choice{width:145px;min-height:145px;font-size:16px}.track-list{gap:12px}.track-choice:nth-child(2),.track-choice:nth-child(4){margin-top:0}.profile-grid{grid-template-columns:1fr}.profile-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px 30px}.profile-intro h2{max-width:280px;grid-row:span 2;font-size:38px}.profile-intro h3{margin:0;font-size:26px}.roles{margin:0;gap:8px}.roles li{font-size:12px}.video-cover{padding:28px}}@media(max-width:500px){.hero{min-height:740px;padding:24px 6% 30px}.hero-art{inset:65px -35% 100px -15%}.hero h1{font-size:17vw;margin:65px 0 250px}.hero-bottom{display:flex;align-items:center;gap:15px}.hero-name{font-size:20px}.hero-name span{display:block;margin:7px 0 0;font-size:12px}.hero-line{font-size:14px;max-width:13em;line-height:1.8}.hero-cta{margin:0;width:105px;height:105px;min-width:105px;min-height:105px;font-size:12px;gap:7px;padding:10px}.hero-cta span:last-child{font-size:24px}.orbit-nav{gap:20px;padding:25px 5% 38px}.orbit-nav a{gap:7px;font-size:12px;letter-spacing:0}.orbit-nav span{padding:8px;font-size:12px}.music{border-radius:50% 50% 0 0 / 25px 25px 0 0}.music-heading{margin:38px 0}.music h2{font-size:65px}.track-list{gap:10px}.track-choice{width:calc(50% - 5px);max-width:160px;min-height:145px;padding:14px 9px;font-size:16px}.track-choice:hover{padding:14px 9px}.track-choice small{font-size:12px}.video-screen{border-radius:16px;min-height:240px}.video-cover{padding:24px;min-height:240px}.video-cover>p{font-size:30px}.profile-intro{display:block}.profile-intro h2{width:200px;font-size:36px;margin-bottom:30px}.profile-intro h3{margin-bottom:22px}.roles li{font-size:14px}.about{border-radius:50% 50% 0 0 / 25px 25px 0 0}.live h2{font-size:85px}.video-info{gap:8px}} 

.play-video:disabled{cursor:default;opacity:.7}.track-choice:focus-visible{outline-offset:5px}
/* Artist portraits */
.hero{min-height:860px}.hero-art{inset:0 -5% 0 20%;opacity:.9}.hero-portrait{position:absolute;z-index:1;right:10%;bottom:0;height:88%;width:46%;pointer-events:none}.hero-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}.hero h1{z-index:2;font-size:clamp(74px,9.4vw,145px);margin-top:135px;max-width:60%;text-shadow:0 3px 30px #0007}.hero-bottom{z-index:3}.hero-meta{z-index:3}.hero:after{z-index:2;background:linear-gradient(0deg,#050b15,transparent 22%);pointer-events:none}.hero-line{max-width:23em}.profile-intro{position:static}.profile-intro h2{display:block;aspect-ratio:auto;max-width:none;width:auto;border:0;border-radius:0;font-size:14px;letter-spacing:.14em;margin:0 0 24px}.profile-photo{margin:0 0 32px;aspect-ratio:3/4;border-radius:48% 48% 6px 6px;overflow:hidden;background:#08131b;border:1px solid #7893a2;outline:1px solid #a6bac6;outline-offset:9px}.profile-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 13%;display:block}.profile-intro h3{margin-top:32px}.portrait-section{padding:65px 5% 100px;background:#050b15;overflow:hidden}.portrait-heading{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-bottom:40px;font-size:12px;letter-spacing:.12em;color:var(--muted)}.portrait-triptych{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:28px;align-items:center;max-width:1350px;margin:auto}.portrait-triptych figure{margin:0;aspect-ratio:3/4;overflow:hidden;border-radius:170px 170px 3px 3px;border:1px solid var(--line);background:#101719}.portrait-triptych figure:nth-child(2){aspect-ratio:2/3;border-radius:3px 3px 200px 200px}.portrait-triptych img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform .7s}.portrait-triptych figure:hover img{transform:scale(1.025)}@media(min-width:1700px){.hero-portrait{right:15%;width:40%}.portrait-section{padding-left:calc((100vw - 1530px)/2);padding-right:calc((100vw - 1530px)/2)}}@media(max-width:850px){.hero{min-height:800px}.hero h1{font-size:12vw;margin-top:110px;max-width:75%}.hero-portrait{right:-4%;width:66%;height:79%}.hero-art{inset:0 -35% 0 0}.profile-intro{display:block;max-width:520px;width:100%;margin:auto}.profile-intro h2{font-size:14px;grid-row:auto}.profile-photo{aspect-ratio:4/5;max-width:420px;margin:0 auto 35px}.profile-intro h3{margin-top:32px}.profile-intro .roles{margin-top:22px}.portrait-triptych{gap:16px}}@media(max-width:500px){.hero{min-height:830px}.hero h1{font-size:16.5vw;margin:60px 0 350px;max-width:100%;z-index:3}.hero-portrait{right:-9%;width:100%;height:64%;bottom:100px}.hero-art{inset:90px -48% 190px -18%}.hero-bottom{align-items:flex-end;gap:10px}.hero-name{font-size:20px}.hero-line{font-size:14px;max-width:13em}.hero-cta{width:94px;height:94px;min-width:94px;min-height:94px;font-size:12px}.profile-intro h2{width:auto;font-size:14px;margin-bottom:24px}.profile-photo{border-radius:45% 45% 4px 4px;outline-offset:6px;margin-left:7px;margin-right:7px}.portrait-section{padding:45px 6% 65px}.portrait-heading{font-size:12px;margin-bottom:30px}.portrait-triptych{grid-template-columns:1fr 1fr;gap:15px}.portrait-triptych figure:nth-child(2){grid-row:span 2;aspect-ratio:auto;height:100%;border-radius:100px 100px 3px 3px}.portrait-triptych figure:nth-child(2) img{object-position:48% 16%}.portrait-triptych figure{border-radius:80px 80px 3px 3px;aspect-ratio:4/5}.portrait-triptych figure:nth-child(3){border-radius:3px 3px 80px 80px}}

.hero-portrait img{mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 77%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 77%,transparent 100%);-webkit-mask-composite:source-in}

/* Editorial portrait layout. */
header{padding-top:22px;padding-bottom:22px}.wordmark{letter-spacing:-.035em}.hero h1{font-weight:400;letter-spacing:-.065em}.hero-meta{font-size:12px;letter-spacing:.12em}.hero-cta{border-radius:0;width:auto;height:auto;min-width:0;min-height:0;padding:16px 0;flex-direction:row;gap:35px;background:none;border:0;border-bottom:1px solid var(--accent)}.hero-cta:hover{background:none}.profile-photo{border:0;outline:0;border-radius:0}.profile-intro h3{font-weight:400}.roles li{border:0;border-radius:0;padding:0;font-size:14px}.roles{gap:10px 20px}.portrait-triptych{grid-template-columns:.85fr 1.3fr .85fr;gap:5%;align-items:end}.portrait-triptych figure,.portrait-triptych figure:nth-child(2),.portrait-triptych figure:nth-child(3){border:0;border-radius:0;background:transparent;aspect-ratio:2/3}.portrait-triptych figure:first-child{margin-bottom:90px}.portrait-triptych figure:last-child{margin-bottom:40px}.portrait-heading{letter-spacing:.18em}.orbit-nav{gap:50px}.orbit-nav span{border:0;padding:0}.orbit-nav a{gap:10px}.about,.music{border-radius:0}.track-choice{border-radius:0;min-height:100px;width:calc(20% - 12px);text-align:left;align-items:flex-start;padding:18px 12px;border-width:0 0 1px;background:none}.track-choice:nth-child(2),.track-choice:nth-child(4){margin-top:0}.track-choice:hover{padding:18px 12px;transform:translateY(-3px)}.track-choice[aria-pressed=true]{box-shadow:none;background:none;color:var(--accent);border-color:var(--accent)}.video-screen{border-radius:0}.play-video{border-radius:0}.social-links{gap:25px}
@media(max-width:850px){.track-choice{width:calc(33.333% - 10px);min-height:100px}.portrait-triptych{gap:20px}.portrait-triptych figure:first-child{margin-bottom:50px}.portrait-triptych figure:last-child{margin-bottom:25px}}
@media(max-width:500px){.hero-cta{width:auto;height:auto;min-width:0;min-height:0;gap:12px;padding:12px 0}.profile-photo{border-radius:0;margin-left:0;margin-right:0}.track-choice{width:calc(50% - 5px);max-width:none;min-height:110px;padding:18px 12px}.track-choice:hover{padding:18px 12px}.portrait-triptych{grid-template-columns:1fr 1fr;gap:20px}.portrait-triptych figure:first-child{margin-bottom:0;grid-column:1;grid-row:1}.portrait-triptych figure:nth-child(2){grid-column:2;grid-row:1 / span 2;height:100%;aspect-ratio:auto}.portrait-triptych figure:last-child{grid-column:1;grid-row:2;margin-bottom:0}.hero-name{font-size:19px}.orbit-nav{gap:30px}}
/* Transparent originals: no image frames or edge fading. */
.hero-portrait img{mask-image:none;-webkit-mask-image:none;object-fit:contain}.hero-portrait{right:7%;height:87%;width:48%;bottom:0}.hero-art{inset:0 -10% 0 15%;opacity:.75}.hero h1{font-weight:400;letter-spacing:-.07em;z-index:2}.hero-bottom{z-index:3}.profile-photo{background:none;border:0;outline:0;overflow:visible;aspect-ratio:2/3;max-height:650px;margin-bottom:28px}.profile-photo img{object-fit:contain;object-position:center bottom}.portrait-section{background:#dce6e9;color:#102635;position:relative;padding-bottom:0;padding-top:50px}.portrait-heading{border-color:#10263540;color:#476272;position:relative;z-index:2}.portrait-stage{position:relative;max-width:1450px;margin:auto}.portrait-backtype{position:absolute;left:0;top:0;font-size:clamp(90px,17vw,260px);font-weight:500;letter-spacing:-.08em;line-height:.85;color:#b3c8d1;pointer-events:none}.portrait-triptych{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.2fr .9fr;gap:0;align-items:end;padding-top:70px}.portrait-triptych figure,.portrait-triptych figure:nth-child(2),.portrait-triptych figure:nth-child(3){margin:0;aspect-ratio:2/3;max-height:760px;border:0;border-radius:0;background:none;overflow:visible;height:auto}.portrait-triptych figure:first-child{transform:translateX(7%)}.portrait-triptych figure:last-child{transform:translateX(-7%)}.portrait-triptych img{object-fit:contain;object-position:center bottom}.portrait-triptych figure:hover img{transform:translateY(-6px)}.about{background:#eef2f2}.profile-grid{column-gap:8%;row-gap:40px}.profile-intro h2{font-size:13px;letter-spacing:.2em}.roles{max-width:100%}.social-links a{font-size:14px}.live{background:#071725}
@media(max-width:850px){.hero-portrait{right:-6%;height:80%;width:70%}.profile-photo{max-height:570px}.portrait-triptych{padding-top:80px}}
@media(max-width:500px){.hero{min-height:830px}.hero-portrait{right:-9%;height:66%;width:100%;bottom:95px}.hero h1{font-size:16.5vw;z-index:2}.hero-art{inset:70px -48% 160px -15%}.profile-photo{max-height:520px;aspect-ratio:2/3;margin:0 0 25px}.portrait-section{padding-left:0;padding-right:0}.portrait-heading{margin-left:6%;margin-right:6%}.portrait-backtype{font-size:24vw;left:6%;top:10px}.portrait-triptych{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;align-items:end;gap:0;padding:80px 6% 0;scrollbar-width:thin;scrollbar-color:#6d8c9b transparent}.portrait-triptych figure,.portrait-triptych figure:nth-child(2),.portrait-triptych figure:nth-child(3){flex:0 0 78vw;max-height:none;height:112vw;aspect-ratio:auto;transform:none;scroll-snap-align:center;overflow:hidden;grid-column:auto;grid-row:auto}.portrait-triptych img,.portrait-triptych figure:nth-child(2) img{object-fit:contain;object-position:center bottom}.portrait-triptych figure:hover img{transform:none}}

/* Cinematic portrait montage → artist title → homepage. */
.cinema-intro[hidden]{display:none!important}
.cinema-intro{position:fixed;inset:0;z-index:1000;overflow:hidden;background:#03070d;color:#f5f8ff;isolation:isolate;animation:cinema-exit .85s 6.15s both}
.cinema-world{position:absolute;inset:0;perspective:1000px;overflow:hidden;animation:cinema-world-out 1.2s 3.15s both}
.cinema-reel{position:absolute;left:50%;top:50%;width:200vw;height:115vh;display:flex;gap:2vw;transform-style:preserve-3d;animation:cinema-travel 4.1s cubic-bezier(.18,.65,.23,1) both}
.cinema-panel{flex:0 0 48vw;position:relative;overflow:hidden;border:1px solid #b4dfff50;background:radial-gradient(ellipse at 50% 35%,#316486,#081528 68%);box-shadow:0 0 80px #0008}
.cinema-panel:nth-child(even){background:radial-gradient(ellipse at 50% 35%,#753946,#160e19 70%)}
.cinema-panel img{position:absolute;height:115%;width:100%;bottom:-17%;object-fit:contain;filter:contrast(1.12);animation:cinema-portrait 4.2s ease-out both}
.cinema-panel span{position:absolute;bottom:8%;left:7%;font-size:clamp(26px,5vw,90px);font-weight:900;letter-spacing:-.05em;color:#ffffff95}
.cinema-world:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#03070d,transparent 25%,transparent 75%,#03070d),linear-gradient(90deg,#03070d66,transparent 40%,#03070d55)}
.cinema-logo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;animation:cinema-resolve 3.9s 2.3s both}
.cinema-logotype{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(68px,14vw,205px);font-weight:900;letter-spacing:-.035em;text-align:center;line-height:.88;color:#deedff;text-shadow:0 2px 0 #496681,0 5px 0 #1e3248,0 12px 40px #000;transform:perspective(900px) rotateY(-8deg);animation:cinema-metal 3s 2.8s both}
.cinema-logotype span{display:block;font-size:.85em;margin-top:.08em}
@supports(background-clip:text){.cinema-logotype{background-image:linear-gradient(110deg,#d3e9ff22,#e4f5ff99,#3d739522),url('/portraits/portrait-02-cutout.webp');background-size:100% 100%,cover;background-position:center,50% 30%;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}}
.cinema-rule{height:1px;background:linear-gradient(90deg,transparent,#c4e9ff,transparent);width:min(62vw,700px);margin:32px 0 20px;animation:cinema-rule-in 1s 4.3s both}
.cinema-logo p{font-size:clamp(20px,3vw,32px);letter-spacing:.35em;margin:0;padding-left:.35em;animation:cinema-rule-in 1s 4.5s both}
.cinema-light{position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#96d4ff00 46%,#b3dfff30 50%,transparent 54%);mix-blend-mode:screen;animation:cinema-light-sweep 2s 3.9s both}
.cinema-skip{position:absolute;right:5%;bottom:35px;background:#07111ddd;border:1px solid #738ba1;padding:14px 18px;font-size:14px;letter-spacing:.06em;z-index:3;min-height:48px}.cinema-skip span{margin:0 12px;font-size:14px;letter-spacing:0}
.cinema-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#bce5ff;transform-origin:left;animation:cinema-progress 7s linear both}
.cinema-replay{font-size:14px;background:none;border:0;border-bottom:1px solid #8ad8ff66;padding:12px 0;min-height:44px;align-self:flex-end}
@keyframes cinema-travel{0%{transform:translate(-20%,-50%) rotateY(-30deg) rotateZ(-9deg) scale(1.3)}45%{transform:translate(-47%,-50%) rotateY(-16deg) rotateZ(-5deg) scale(1.12)}100%{transform:translate(-77%,-50%) rotateY(12deg) rotateZ(2deg) scale(.82)}}
@keyframes cinema-portrait{from{transform:scale(1.2)}to{transform:scale(1)}}
@keyframes cinema-world-out{to{opacity:0;filter:blur(6px);transform:scale(.7)}}
@keyframes cinema-resolve{0%{opacity:0;transform:scale(3.8)}22%{opacity:1}65%,100%{opacity:1;transform:scale(1)}}
@keyframes cinema-metal{to{transform:perspective(900px) rotateY(0);background-position:center,50% 65%;color:#deedff;text-shadow:0 2px 0 #496681,0 5px 0 #1e3248,0 12px 40px #000}}
@keyframes cinema-rule-in{from{opacity:0;transform:scaleX(.35)}to{opacity:1;transform:scaleX(1)}}
@keyframes cinema-light-sweep{from{transform:translateX(-65%);opacity:0}30%{opacity:1}to{transform:translateX(65%);opacity:0}}
@keyframes cinema-exit{to{opacity:0;visibility:hidden;transform:scale(1.06)}}
@keyframes cinema-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:600px){.cinema-reel{width:400vw;height:90svh}.cinema-panel{flex-basis:98vw}.cinema-logotype{font-size:18vw}.cinema-skip{bottom:28px;right:6%;left:6%;width:88%}.cinema-logo{padding:20px}.cinema-replay{align-self:flex-start;font-size:14px}.hero-bottom{flex-wrap:wrap}.hero-bottom>div{flex-basis:100%}.cinema-panel span{font-size:14vw}.cinema-rule{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.cinema-intro{display:none!important}}

.motion-paused .cinema-replay{display:none}

/* Shared charcoal grade keeps portraits in the same light as the page. */
:root{--ink:#101215;--white:#e8e9e9;--muted:#acb2b8;--accent:#b9cbd5;--line:#c1cbd329;background:var(--ink)}
header,footer,.orbit-nav{background:#101215}
.hero{background:#101215}
.hero-art{opacity:.38}
.hero-art img{filter:saturate(.18) brightness(.75)}
.hero-portrait img,.profile-photo img,.portrait-triptych img,.cinema-panel img{filter:grayscale(.88) saturate(.25) brightness(.86) contrast(.93)}
.hero-portrait img{mask-image:linear-gradient(to bottom,#000 65%,#000c 78%,transparent 98%);-webkit-mask-image:linear-gradient(to bottom,#000 65%,#000c 78%,transparent 98%)}
.hero:after{background:linear-gradient(0deg,#101215 0%,#101215d9 9%,transparent 40%),linear-gradient(90deg,#10121570,transparent 55%,#10121530)}
.music{background:radial-gradient(ellipse at 50% 15%,#22282d,transparent 65%),#101215}
.video-screen{background:radial-gradient(ellipse at 75% 20%,#313b43,#14191e 70%)}
.about{background:#191d21;color:var(--white)}
.about .section-top{border-color:var(--line)}
.profile-photo{position:relative;isolation:isolate;background:none}
.profile-photo img{mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}
.profile-intro h2,.profile-intro small,.roles{color:#b8c2ca}
.portrait-section{background:#191d21;color:var(--white)}
.portrait-heading{border-color:var(--line);color:#b8c2ca}
.portrait-backtype{color:#2d353c}
.portrait-triptych img{mask-image:linear-gradient(to bottom,#000 67%,#000b 83%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 67%,#000b 83%,transparent 100%)}
.portrait-triptych figure:hover img{transform:none}
.portrait-triptych{scrollbar-color:#626e78 transparent}
.live{background:#14181c}
.cinema-intro{background:#101215}
.cinema-panel,.cinema-panel:nth-child(even){background:radial-gradient(ellipse at 50% 35%,#343d45,#12161b 72%);border-color:#81919e30;box-shadow:0 0 65px #080a0d80}
.cinema-panel img{mask-image:linear-gradient(to bottom,#000 65%,#000b 80%,transparent 98%);-webkit-mask-image:linear-gradient(to bottom,#000 65%,#000b 80%,transparent 98%)}
.cinema-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#12161b 0%,transparent 40%),linear-gradient(90deg,#12161b55,transparent 45%,#12161b44)}
.cinema-panel span{z-index:1;color:#d1d9df9c}
.cinema-world:after{background:linear-gradient(0deg,#101215,transparent 28%,transparent 72%,#101215),linear-gradient(90deg,#10121566,transparent 40%,#10121555)}
.cinema-light{opacity:.5}

/* Content-safe responsive sizing without changing the music-list design. */
main,section,.music-grid,.video-panel,.profile-grid,.profile-intro,.biography{min-width:0}
.about,.profile-grid,.biography{height:auto;max-height:none;overflow:visible}
.biography{position:relative;z-index:1;width:100%}
.biography p{max-height:none;overflow:visible;overflow-wrap:anywhere}
.about{padding-bottom:90px}
.hero-meta,.hero-bottom{flex-wrap:wrap}.hero-bottom>*{min-width:0}
.track-choice{min-width:0;height:auto}.track-choice>span{max-width:100%;overflow-wrap:anywhere}
.video-info>div{min-width:0}.video-info h3{overflow-wrap:anywhere}
.portrait-triptych figure:first-child,.portrait-triptych figure:last-child{transform:none}
.portrait-backtype{font-size:clamp(70px,15vw,220px);max-width:100%}
.profile-photo{width:100%;max-width:100%;margin-left:0;margin-right:0}
.cinema-panel img{height:100%;bottom:0;object-position:center bottom}
@media(max-width:850px){.hero-portrait{right:0;width:65%}.profile-grid{grid-template-columns:minmax(0,1fr)}.profile-intro{min-width:0}.biography{max-width:100%}}
@media(max-width:600px){
 header{padding:20px 5%;gap:18px;flex-wrap:wrap}header nav{order:3;flex-basis:100%;flex-wrap:wrap;gap:14px 20px;justify-content:space-between}
 .motion-toggle{margin-left:auto}.wordmark{max-width:100%}
 .section{padding-left:5%;padding-right:5%}
 .hero{min-height:0;padding:24px 5% 32px;display:flex;flex-direction:column}
 .hero-meta{order:0;font-size:12px;gap:8px;line-height:1.7}
 .hero h1{order:1;width:100%;max-width:100%;font-size:15.5vw;line-height:1;margin:35px 0 0;letter-spacing:-.055em}
 .hero-portrait{order:2;position:relative;right:auto;bottom:auto;width:100%;height:110vw;max-height:620px;margin:0;flex-shrink:0}
 .hero-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
 .hero-art{inset:100px -10% 100px -10%}
 .hero-bottom{order:3;display:flex;flex-wrap:wrap;gap:18px 25px;margin-top:0;align-items:flex-start}
 .hero-bottom>div{flex-basis:100%}.hero-name span{display:inline-block;margin-left:8px}.hero-line{max-width:none}
 .hero-cta,.cinema-replay{font-size:14px;align-self:auto}
 .orbit-nav{gap:18px;flex-wrap:wrap;padding-left:5%;padding-right:5%}
 .music h2{font-size:clamp(44px,13vw,72px)}.music-heading>p{max-width:none}
 .track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .track-choice{width:100%;max-width:none;min-height:110px;line-height:1.5}.track-choice:last-child{grid-column:1/-1}
 .portrait-section{padding-left:5%;padding-right:5%}.portrait-heading{margin-left:0;margin-right:0;flex-wrap:wrap;gap:12px}
 .portrait-backtype{font-size:18vw;left:0}
 .portrait-triptych{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:75px 0 0;overflow:visible;scroll-snap-type:none}
 .portrait-triptych figure,.portrait-triptych figure:nth-child(2),.portrait-triptych figure:nth-child(3){width:100%;height:auto;aspect-ratio:2/3;max-height:none;grid-column:auto;grid-row:auto;overflow:visible;margin:0}
 .portrait-triptych img{width:100%;height:100%;object-fit:contain}
 .profile-photo{aspect-ratio:2/3;max-height:none;overflow:visible}.profile-photo img{height:100%;width:100%;object-fit:contain}.about{padding-bottom:64px}
 footer{padding-left:5%;padding-right:5%;max-width:100%}.footer-name{font-size:clamp(24px,7vw,42px)}
}

/* Summer festival live announcement */
.live-event{min-width:0}.live .live-date{font-size:clamp(30px,4vw,52px);line-height:1.2;letter-spacing:-.035em;margin:24px 0}.live-date span{font-size:16px;letter-spacing:.08em}.live-details{margin:24px 0 0}.live-details>div{display:grid;grid-template-columns:9em minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.8}.live-details dt{color:var(--muted);font-size:14px}.live-details dd{margin:0;overflow-wrap:anywhere}.live-official{margin-top:18px}.live-flyers{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:56px;align-items:start}.live-flyers a{min-width:0}.live-flyers img{display:block;width:100%;height:auto}.live-flyers span{display:block;font-size:14px;line-height:1.7;padding-top:14px}@media(max-width:600px){.live-flyers{grid-template-columns:1fr;gap:30px;margin-top:36px}.live-details>div{grid-template-columns:1fr;gap:3px}.live .live-date{font-size:36px}}

/* Luminous blue and champagne palette. Preserve portrait blending and layout. */
:root{--ink:#17354b;--white:#f5f8fb;--muted:#c4d9e5;--accent:#f2cf88;--line:#d5e9f03d;background:#17354b}
header,footer{background:#17354b}
header{border-bottom-color:#d5e9f04a}.motion-toggle{border-color:#a6bfce}
.hero{background:#23485f}
.hero-art{opacity:.68}.hero-art img{filter:saturate(.65) brightness(1.08)}
.hero-portrait img,.profile-photo img,.portrait-triptych img,.cinema-panel img{filter:grayscale(.25) saturate(.72) brightness(1.04) contrast(.96)}
.hero:after{background:linear-gradient(0deg,#23485f 0%,#23485fda 9%,transparent 42%),linear-gradient(90deg,#17354b90,transparent 58%,#23485f25)}
.hero h1>span{color:var(--accent)}.hero h1{text-shadow:0 3px 28px #132d4655}
.hero-cta,.cinema-replay{border-bottom-color:var(--accent)}
.orbit-nav{background:#23485f;border-color:#d5e9f04a}
.music{--white:#18354a;--muted:#4b6475;--accent:#936326;--line:#23485f33;background:linear-gradient(135deg,#eff6fa,#deecf4 70%,#e5eaf5);color:var(--white)}
.music .video-screen{background:radial-gradient(ellipse at 75% 10%,#427a96,#24475f 75%);color:#f5f8fb;border:1px solid #709ab1}
.music .video-cover,.music .cover-eyebrow{color:#f5f8fb}
.music .play-video{background:#f2cf88;color:#17354b;border-color:#f2cf88}
.track-choice[aria-pressed=true]{color:#85561d;border-color:#aa792f;background:#ffffff60}
.about{--white:#1b394e;--muted:#4b6475;--line:#23485f33;--accent:#936326;background:#e3eef3;color:var(--white)}
.profile-intro h2,.profile-intro small,.roles{color:#496577}
.biography .bio-lead{color:#225b78}
.portrait-section{--line:#23485f33;background:linear-gradient(180deg,#e3eef3,#d0e2eb);color:#1b394e}
.portrait-heading{color:#496577}.portrait-backtype{color:#9ebcca}
.live{background:radial-gradient(ellipse at 100% 0%,#397a91,transparent 65%),#244e69;color:#f5f8fb}
.live .live-date,.live h2 span{color:#f2cf88}.live .label{color:#f2cf88}
.live-details dt{color:#d0e4ee}.live-official{border-color:#f2cf88}
.live-flyers img{box-shadow:0 12px 35px #102c4433}
footer .footer-name{color:#f2cf88}
.cinema-intro{background:#17354b}
.cinema-panel{background:radial-gradient(ellipse at 50% 35%,#5589a1,#23445f 75%);border-color:#c9e5f15c}
.cinema-panel:nth-child(even){background:radial-gradient(ellipse at 50% 35%,#9c7769,#3d415b 75%)}
.cinema-panel:after{background:linear-gradient(0deg,#23445f,transparent 40%)}
.cinema-world:after{background:linear-gradient(0deg,#17354b,transparent 28%,transparent 72%,#17354b),linear-gradient(90deg,#17354b66,transparent 40%,#17354b55)}
.cinema-progress{background:#f2cf88}.cinema-skip{background:#17354be8;border-color:#a6bfce}

/* Refined profile image, visible biography ending, and swipeable portraits. */
.profile-photo{aspect-ratio:2/3;max-height:none;overflow:hidden;background:#e3eef3}
.profile-photo img{display:block;width:100%;height:auto;object-fit:contain;filter:none;mask-image:none;-webkit-mask-image:none}
@media(max-width:850px){
 .portrait-triptych{display:flex;flex-direction:row;align-items:flex-end;gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;padding:75px 0 14px;scrollbar-width:thin;scrollbar-color:#547c90 #c4dbe5}
 .portrait-triptych figure,.portrait-triptych figure:nth-child(2),.portrait-triptych figure:nth-child(3){flex:0 0 78%;width:78%;height:auto;aspect-ratio:2/3;max-height:none;min-width:0;grid-column:auto;grid-row:auto;margin:0;transform:none;overflow:hidden;scroll-snap-align:start}
 .portrait-triptych img,.portrait-triptych figure:nth-child(2) img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
}

/* Biography follows normal document flow at every text size. */
.biography{display:flow-root;position:static;height:auto;max-height:none;overflow:visible}
.biography>p{position:static;float:none;transform:none;height:auto;max-height:none;margin:0 0 1.65em;overflow:visible}
.biography>p:last-child{margin-bottom:0}
@media(max-width:850px){.profile-grid{display:flex;flex-direction:column;gap:40px}.profile-grid>.profile-intro,.profile-grid>.biography{flex:none;width:100%;min-width:0}.profile-intro{top:auto}}

/* Keep the video within its column, including narrow mobile viewports. */
.music .video-panel{width:100%;max-width:min(100%,960px);min-width:0}
.music .video-screen{width:100%;max-width:100%;min-width:0;min-height:0;aspect-ratio:16/9}
.music .video-screen iframe{display:block;width:100%;max-width:100%;min-width:0;height:100%}
.music .video-cover{min-width:0;min-height:0}
@media(max-width:500px){.music .video-cover{padding:16px}.music .video-cover>p{font-size:clamp(22px,6vw,30px);margin:8px 0}}

/* Keep the document within the viewport; portraits scroll in their own region. */
html,body{width:100%;max-width:100%;overflow-x:clip}
header,main,footer,main>section,.orbit-nav{width:100%;min-width:0}
header nav{min-width:0;flex-wrap:wrap}
.biography{max-width:none}
.portrait-stage,.portrait-triptych{width:100%;max-width:100%;min-width:0}
@media(min-width:851px){.portrait-triptych{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.9fr)}}
footer>*{min-width:0;max-width:100%}
@media(max-width:600px){
 header,.section,.portrait-section,footer{padding-left:4%;padding-right:4%}
 .hero{padding-left:4%;padding-right:4%}
 .hero-meta>span{min-width:0;overflow-wrap:anywhere}
 .hero-name span{margin-right:0}
}

/* Section directory and dedicated music/news surfaces. */
header{flex-wrap:wrap}header nav{flex-wrap:wrap;gap:16px 24px}header nav a{font-size:13px;letter-spacing:.05em;padding:6px 0}
.section-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:30px 5% 45px}
.section-directory>a{display:flex;align-items:center;gap:14px;padding:24px 14px;border-bottom:1px solid #d5e9f04a;min-width:0;font-size:17px}
.section-directory>a>span{color:#f2cf88;font-size:12px}.section-directory small{display:block;margin-top:8px;font-size:13px;letter-spacing:0;font-weight:400;color:#c4d9e5}.section-directory b{margin-left:auto;font-weight:400}
.editorial-section{background:#eff6fa;color:#18354a;--line:#23485f33;--accent:#936326}
.editorial-section h2{font-size:clamp(48px,7vw,100px);font-weight:400;letter-spacing:-.055em;margin:38px 0}
.news-row{display:flex;align-items:center;gap:24px;padding:28px 0;border-block:1px solid #23485f33}.news-row>div{flex:1;min-width:0}.news-row h3{font-size:20px;line-height:1.7;margin:0}.news-row p{font-size:15px;line-height:1.9;margin:12px 0 0;color:#4b6475}
.category-label{font-size:12px;letter-spacing:.08em;color:#936326}.works-section{background:#deecf4}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.work-entry{min-width:0;padding:28px 0;border-block-start:1px solid #23485f33}.work-entry h3{font-size:clamp(24px,3vw,38px);font-weight:400;overflow-wrap:anywhere;margin:20px 0}.work-action{font-size:14px;color:#4b6475}
.sns-title{font-weight:400;font-size:26px;margin:0 0 25px}.sns-title span{display:block;font-size:14px;color:#c4d9e5;margin-top:8px}
@media(max-width:650px){header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:8px 12px}.section-directory{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 4% 30px}.section-directory>a{padding:20px 8px;font-size:15px;gap:9px}.section-directory small{font-size:12px}.news-row{flex-wrap:wrap;gap:12px}.news-row>div{flex-basis:80%}.news-row h3{font-size:18px}.news-row>span:last-child{display:none}.works-grid{gap:0 24px}.work-entry h3{font-size:24px}.music h2{font-size:clamp(38px,11vw,65px)}}

/* Refined Japanese typography and full-width profile text. */
:root{font-family:"Helvetica Neue","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,sans-serif}
.hero-name,.profile-intro h3,.biography .bio-lead,.news-row h3,.live h3,.work-entry h3{font-family:"Hiragino Mincho ProN","Yu Mincho",YuMincho,serif;font-weight:500;letter-spacing:.035em}
.profile-grid{display:flex;flex-direction:column;gap:30px;width:100%;margin-top:40px}
.profile-grid>.profile-intro{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:20px 6%;width:100%;align-items:center}
.profile-intro h2{grid-column:1/-1;margin:0}.profile-intro .profile-photo{grid-column:1;grid-row:2/4;margin:0;width:100%;max-width:420px;aspect-ratio:auto;height:auto;max-height:none;overflow:hidden}
.profile-intro .profile-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none;margin:0 0 -10%;mask-image:none;-webkit-mask-image:none}
.profile-intro h3{grid-column:2;margin:0;align-self:end;font-size:clamp(28px,3.5vw,48px)}.profile-intro .roles{grid-column:2;align-self:start;max-width:none;margin:0;line-height:1.8}
.profile-grid>.biography{width:100%;max-width:none;min-width:0;flex:none}.biography>p{font-size:17px;font-weight:400;letter-spacing:0;line-height:1.95;word-break:normal;overflow-wrap:break-word;margin:0}.biography>.bio-lead{font-size:clamp(22px,2.3vw,32px);margin:10px 0 20px;line-height:1.6}
.section-directory>a{font-size:clamp(12px,1.2vw,17px);gap:9px}.section-directory>a>div{min-width:0}.section-directory b{flex-shrink:0}
.contact-section{background:#d5e6ef}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.contact-layout p{font-size:17px;line-height:1.8}.contact-link{display:inline-block;font-size:16px;padding:16px 0;border-bottom:1px solid #936326;line-height:1.8}
#discography h2{font-size:clamp(32px,7vw,100px)}
@media(max-width:650px){.profile-grid>.profile-intro{grid-template-columns:1fr;gap:20px}.profile-intro .profile-photo{grid-column:1;grid-row:auto;max-width:420px;margin:0 auto}.profile-intro h3,.profile-intro .roles{grid-column:1}.profile-intro h3{font-size:30px}.profile-grid{gap:24px}.about.section{padding-left:4%;padding-right:4%}.biography>p{font-size:16px;line-height:1.9}.contact-layout{grid-template-columns:1fr;gap:0}.contact-layout h2{margin-bottom:12px}.section-directory>a{font-size:12px;gap:7px}header nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}header nav a{font-size:12px}.section-directory small{font-size:12px}}

/* Frame the portrait from the head to just above the abdomen. */
.profile-intro .profile-photo{position:relative;aspect-ratio:9/10;overflow:hidden}
.profile-intro .profile-photo img{position:absolute;top:0;left:0;width:100%;height:auto;margin:0}

/* Readable biography: a distinct introduction and four narrative paragraphs. */
.profile-grid>.biography{max-width:54rem;margin:12px auto 0}
.biography>p{font-size:17px;line-height:2;letter-spacing:.015em;margin:0 0 1.5em;color:#294657;text-align:left;line-break:strict;overflow-wrap:break-word}
.biography>.bio-lead{color:#225b78;font-size:clamp(24px,2.8vw,36px);line-height:1.6;margin:0 0 20px}
.biography>.bio-intro{font-size:18px;line-height:1.9;color:#225b78;padding:0 0 26px;margin:0 0 28px;border-bottom:1px solid #23485f30}
.biography>p:last-child{margin-bottom:0}
@media(max-width:650px){.profile-grid>.biography{margin-top:6px}.biography>p{font-size:16px;line-height:1.95;letter-spacing:.01em;margin-bottom:1.5em}.biography>.bio-lead{font-size:24px;line-height:1.6;margin-bottom:18px}.biography>.bio-intro{font-size:16px;line-height:1.95;padding-bottom:22px;margin-bottom:24px}}

/* Keep the profile introduction on one readable, scrollable line. */
.biography>.bio-intro{white-space:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#7093a7 #d2e1e9;-webkit-overflow-scrolling:touch}
.biography>.bio-intro:focus-visible{outline:2px solid #936326;outline-offset:5px}

/* Match the opening Japanese name to the page's Japanese name typography. */
.cinema-logo p{font-family:"Hiragino Mincho ProN","Yu Mincho",YuMincho,serif;font-weight:500}

/* Blue and gold light, with the artist as the central visual. */
.hero{background:#102d43;isolation:isolate}
.stage-light{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 86% 28%,#d8a95788 0,transparent 45%),radial-gradient(ellipse at 52% 70%,#16638c 0,transparent 65%),linear-gradient(115deg,#0d263c 5%,#1b4764 62%,#49697a);}
.stage-light:before{content:"";position:absolute;inset:-15%;background:linear-gradient(110deg,transparent 47%,#86c3e51c 50%,#86c3e538 53%,transparent 60%),linear-gradient(75deg,transparent 64%,#f2cf882c 70%,transparent 77%);filter:blur(14px);animation:stage-light-drift 18s ease-in-out infinite alternate;will-change:transform}
.hero:after{z-index:2;background:linear-gradient(0deg,#102d43 0%,#102d43da 7%,transparent 32%),linear-gradient(90deg,#10283e66,transparent 55%)}
.hero-portrait{z-index:1}.hero-portrait img{filter:saturate(.68) contrast(.97) brightness(1.08)}
.hero h1{color:#f4f7fa;text-shadow:0 2px 24px #0d263c55}.hero h1>span{color:#f2cf88}
.hero-meta{color:#d6e7ef}.hero-line{color:#e5eff3}
@keyframes stage-light-drift{from{transform:translateX(-3%) scale(1)}to{transform:translateX(3%) scale(1.04)}}
@media(max-width:650px){.stage-light{background:radial-gradient(ellipse at 90% 40%,#d8a95780,transparent 50%),radial-gradient(ellipse at 40% 68%,#287ba0,transparent 65%),linear-gradient(145deg,#102d43,#234d66)}.stage-light:before{filter:blur(10px)}}
@media(prefers-reduced-motion:reduce){.stage-light:before{animation:none;transform:none}}


/* Contemporary soul: original photography, quiet typography and bronze accents. */
:root{--ink:#222322;--white:#f2efe7;--muted:#c6c2b9;--accent:#b99770;--line:#f2efe730;background:#222322;color:#f2efe7}
header,footer{background:#222322;color:#f2efe7}header{border-bottom:1px solid #f2efe725;padding:24px 5%}.wordmark{font-weight:500;letter-spacing:.035em}header nav a{font-weight:400;letter-spacing:.07em}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"meta photo" "title photo" "detail photo";column-gap:6%;row-gap:36px;min-height:0;padding:60px 5% 70px;background:#222322;border:0;align-items:start;overflow:hidden}
.hero:after{display:none}.hero-meta{grid-area:meta;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:12px;line-height:1.7;letter-spacing:.09em;color:#c6c2b9}.hero-meta span:last-child{max-width:none;text-align:left}
.hero .hero-portrait{grid-area:photo;position:relative;inset:auto;right:auto;bottom:auto;width:100%;height:auto;aspect-ratio:9/10;max-height:none;overflow:hidden;z-index:auto}
.hero .hero-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 12%;filter:none;mask-image:none;-webkit-mask-image:none;transform:none}
.hero h1{grid-area:title;align-self:center;max-width:100%;width:auto;margin:0;font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(48px,7.5vw,120px);font-style:normal;font-weight:300;letter-spacing:-.045em;line-height:1.06;text-shadow:none;color:#f2efe7;z-index:auto}
.hero h1>span{color:#b99770}.hero .hero-bottom{grid-area:detail;display:block;position:static;margin:0;padding:24px 0 0;border-top:1px solid #f2efe730;z-index:auto}.hero-name{font-size:24px;line-height:1.5;color:#f2efe7}.hero-name span{font-size:13px;margin:8px 0 0;display:block;letter-spacing:.06em}.hero-line{font-size:16px;line-height:1.9;color:#c6c2b9;max-width:none;margin:18px 0 0}
.section{padding-top:85px;padding-bottom:85px}.section-top{font-weight:400;letter-spacing:.12em}
.editorial-section,.music{--white:#272925;--muted:#64655e;--accent:#806447;--line:#27292530;background:#f2efe7;color:#272925}
.editorial-section h2,.music h2,.live h2,.contact-layout h2{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:300;font-style:normal;letter-spacing:-.045em;line-height:1.05}
.news-section{background:#f2efe7}.news-row{border-color:#27292530}.news-row h3{color:#272925}.news-row p{color:#64655e}.category-label{color:#806447}
.live{background:#343833;color:#f2efe7;--line:#f2efe730}.live h2{color:#f2efe7}.live h2 span,.live .live-date,.live .label{color:#ceb18a}.live-details dt{color:#d5d2c7}.live-official{border-color:#b99770}.live-flyers img{box-shadow:none}
.music{background:#e5e2d9}.music h2{color:#272925}.music h2 em{color:#806447}.track-choice{color:#272925;border-color:#27292530}.track-choice[aria-pressed=true]{color:#272925;background:#f7f4ec;border-color:#806447}.music .video-screen{background:#222322;border:1px solid #343833;box-shadow:none}.music .video-panel{padding:0}.video-info p,.video-info span,.video-help{color:#64655e}
.about{--white:#272925;--muted:#64655e;--accent:#806447;--line:#27292530;background:#f6f3ec;color:#272925}.profile-intro h2,.profile-intro small,.roles{color:#64655e}.profile-intro h3{color:#272925}.biography>p{color:#393d37}.biography>.bio-lead,.biography>.bio-intro{color:#806447}.biography>.bio-intro{border-color:#27292530;scrollbar-color:#9c866e #e6e1d6}
.contact-section{background:#ded8cd;color:#272925}.contact-layout p{color:#393d37}.contact-link{border-color:#806447}.sns-title span{color:#c6c2b9}footer .footer-name{color:#b99770}
/* A brief photographic opening. */
.cinema-intro{background:#222322;animation:cinema-exit .65s 3.25s both}
.opening-photo{position:absolute;left:12%;top:12%;width:36%;height:76%;overflow:hidden;animation:opening-photo-in 1.4s ease-out both}
.opening-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.opening-title{position:absolute;left:54%;right:5%;top:50%;transform:translateY(-50%);color:#f2efe7;animation:opening-name-in 1.1s .6s both}
.opening-title>div{font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(36px,6.6vw,105px);font-weight:300;letter-spacing:-.035em;line-height:1.12}.opening-title span{display:block;color:#b99770}.opening-title p{font-family:"Hiragino Mincho ProN","Yu Mincho",YuMincho,serif;font-weight:500;font-size:clamp(20px,2.2vw,30px);letter-spacing:.16em;margin:30px 0 0}
.cinema-skip{background:#222322df;border-color:#f2efe750;color:#f2efe7}.cinema-progress{background:#b99770;height:2px;animation-duration:3.9s}
@keyframes opening-photo-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes opening-name-in{from{opacity:0}to{opacity:1}}
@media(max-width:650px){header{padding:20px 5%}.hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"meta" "title" "photo" "detail";gap:25px;padding:32px 5% 42px;min-height:0}.hero-meta{font-size:12px;gap:4px}.hero h1{font-size:clamp(52px,13.5vw,86px);margin:0;max-width:100%;line-height:1.02}.hero h1 br{display:none}.hero h1>span{display:block}.hero .hero-portrait{width:100%;height:auto;aspect-ratio:9/10;inset:auto}.hero .hero-bottom{padding-top:22px}.hero-name{font-size:24px}.hero-name span{display:inline-block;margin:0 0 0 12px}.hero-line{font-size:16px;max-width:none}.section{padding-top:60px;padding-bottom:60px}.music h2{font-size:clamp(38px,11vw,65px)}.opening-photo{left:9%;top:7%;width:82%;height:62%;}.opening-title{left:9%;right:9%;top:auto;bottom:17%;transform:none;background:linear-gradient(0deg,#222322,transparent);padding-top:30px}.opening-title>div{font-size:12vw;line-height:1.05}.opening-title p{font-size:20px;margin-top:14px}.cinema-skip{bottom:20px;padding:10px 14px}.cinema-skip span{font-size:12px}}

/* Prominent social links and a naturally wrapping profile introduction. */
.top-social{--social-bg:#222322;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:8px 5%;background:var(--social-bg);color:#f2efe7;border-bottom:1px solid #ffffff25}
.top-social>span{font-size:12px;letter-spacing:.14em;margin-right:8px}.top-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:50%;transition:background .2s}.top-social a:hover{background:#ffffff18;opacity:1}.top-social a:focus-visible{outline:2px solid currentColor;outline-offset:2px}.top-social svg{display:block;width:23px;height:23px}
.biography>.bio-intro{white-space:normal;overflow:visible;max-width:100%;padding-bottom:24px;line-height:1.95;text-wrap:pretty;overflow-wrap:break-word;word-break:normal}
@media(max-width:650px){.top-social{justify-content:center;gap:14px;padding:6px 4%}.biography>.bio-intro{font-size:16px;line-height:2}}

/* Keep each icon inside its native navigation link hit area. */
.top-social{position:relative;z-index:5}.top-social a{position:relative;pointer-events:auto;touch-action:manipulation}.top-social a svg,.top-social a svg *{pointer-events:none}

/* Center the three-line profile introduction without horizontal scrolling. */
.biography>.bio-intro{text-align:center;text-wrap:balance;line-height:2.1;padding:0 0 26px;margin:0 auto 28px;width:100%;max-width:100%}

/* Desktop profile: biography beneath the role beside the portrait. */
@media(min-width:901px){
 .about .profile-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto auto 1fr;column-gap:6%;row-gap:20px;align-items:start}
 .about .profile-grid>.profile-intro{display:contents}
 .about .profile-intro h2{grid-column:1/-1;grid-row:1;margin:0}
 .about .profile-intro .profile-photo{grid-column:1;grid-row:2/4;width:100%;max-width:420px;margin:0;align-self:start}
 .about .profile-intro h3{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:clamp(28px,3vw,44px);line-height:1.25}
 .about .profile-grid>.biography{grid-column:2;grid-row:3;align-self:start;width:100%;max-width:none;margin:0}
 .about .biography>p{font-size:17px;line-height:1.85;margin:0 0 1em}
 .about .biography>p:last-child{margin-bottom:0}
 .about.section{padding-bottom:56px}
}