/* Visual system verified against the live Next Gen Rock /explore page, 2026-10-23.
   Exact atmosphere palette, glow opacity, geometry, blur and motion are retained. */
:root{--ink:#17233a;--muted:#d0d6e2;--gold:#dfc799;--paper:#f4f0eb;--line:#ffffff26;background:#17233a}
.atmosphere{background:linear-gradient(125deg,#1a3248,#292a4f 48%,#33304a)}
.atmosphere i{width:75vw;height:75vw;background:radial-gradient(ellipse,#50c9e16b,transparent 65%);filter:blur(65px);top:5%;left:-25%;animation:drift 23s ease-in-out infinite alternate}
.atmosphere i:nth-child(2){background:radial-gradient(ellipse,#b76fcf69,transparent 65%);left:40%;top:10%;animation-duration:29s;animation-delay:-12s}
.atmosphere i:nth-child(3){background:radial-gradient(ellipse,#eba58643,transparent 65%);left:15%;top:60%;animation-delay:-8s}
header{height:82px;padding:0 4vw;border-color:#ffffff25;background:linear-gradient(#17233a55,transparent)}
.brand{font:28px Georgia,serif;letter-spacing:.14em;line-height:.8}.brand span{font-size:28px}.brand small{font-size:7px;letter-spacing:.23em}
nav{font-size:13px;gap:30px}.motion{border-color:#ffffff35;background:#1a324844}
h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;text-transform:uppercase}
h2{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:clamp(38px,4.5vw,72px);line-height:1.05;letter-spacing:-.045em}
h2 em{font-family:Georgia,serif;font-weight:400}.eyebrow,.section-label{font-size:11px;font-weight:500;letter-spacing:.22em}
p{font-size:17px;line-height:1.75}.prose .lead{font:24px/1.5 Arial,Helvetica,sans-serif;color:#eae3df}
.section{padding:70px 6vw;max-width:1800px}.section-label{margin-bottom:30px}.section-heading{margin-bottom:35px}.section-heading p{font-size:17px}
.hero{min-height:760px;height:90svh;max-height:930px;border-bottom:1px solid #ffffff26;background:transparent}
.hero-copy{padding:150px 6vw 100px;width:71%}.hero h1{font-size:clamp(76px,8.2vw,132px);line-height:.91;letter-spacing:-.025em;text-shadow:none}.hero h1 em{font-family:inherit;font-style:normal;font-weight:900}.hero .eyebrow{color:#eee;letter-spacing:.22em}
.hero-portrait{inset:82px 0 0 43%;opacity:1;mask-image:linear-gradient(90deg,transparent 0%,#000 28%),linear-gradient(0deg,transparent,#000 24%);mask-composite:intersect;mix-blend-mode:luminosity}
.hero-portrait img{filter:grayscale(1) brightness(1.4) contrast(.9);opacity:1;object-position:50% 32%}
.hero-portrait:after{background:none}
.hero-name{font:400 32px/1.1 Georgia,serif;color:var(--paper)}.hero-intro{font-size:15px;color:#e3e7ed;line-height:1.75}.hero-wave{opacity:.3}.hero-foot{color:#ddd9e3;border-top:1px solid #ffffff35;padding-top:18px}
.gold-rule{margin-top:25px}.button{font-size:13px;padding:17px 25px;border-radius:3px}.primary{background:var(--gold);color:#19151b}.text-link{font-size:13px;color:var(--gold);border-color:#dfc79966}
.story h2{font-size:clamp(38px,4.5vw,72px)}.story-grid{gap:8vw}.story-notes{margin-top:40px;padding-top:25px}.story-notes p{font-size:15px}.story-notes span{font-size:10px}
.studio{padding-top:30px;padding-bottom:70px;gap:7vw}.studio-copy h2{font-size:clamp(36px,4vw,60px)}.studio-copy p{font-size:17px}.studio-image img{filter:brightness(1.18);border-radius:3px}.studio-image>span{font-size:10px}.studio-image:after{border-color:#dfc79960}.signature{font:italic 25px Georgia,serif}
.listen{background:transparent}.track{border-color:#ffffff26;padding:23px 0}.track p{font-size:13px}.track-duration{font-size:10px}.track-wave{opacity:.7}.player{background:#101a3033;border-color:#ffffff35;border-radius:5px}.listen-coda{font-size:14px}.play{background:#ffffff09;border-color:#dfc79999}.player-status{font-size:13px}
.film-poster{border-radius:3px}.film-poster>img{filter:brightness(1.25);opacity:1}.film-poster:after{background:linear-gradient(0deg,#1a3248f5,transparent 75%)}.film-copy>h2{font-size:clamp(36px,4vw,60px)}.film-copy>p{font-size:17px}.status-pill{background:#1a324870;border-color:#dfc79980;font-size:9px}.video-details summary{font-size:14px}.video-caption{font-size:12px}.film-poster h2{font-size:52px}
.projects{gap:0 50px}.projects a{border-color:#ffffff26}.projects h3{font-size:32px}.projects a:hover{background:#dfc7990d}.contact{background:transparent}.contact h2{font-size:clamp(38px,4.5vw,72px)}.contact>p:not(.eyebrow){font-size:17px}.socials{font-size:13px}.email-address{font-size:14px}.contact .wave{opacity:.28}footer{background:#1c1e2c40;border-color:#ffffff26;font-size:11px;color:#d0cbd8}footer p{font-size:11px}.footer-name{font-size:11px}
@media(max-width:900px){header{padding-inline:5vw;gap:20px}nav{gap:18px}.hero-copy{width:78%;padding-top:150px}.hero h1{font-size:90px}.hero-portrait{left:35%}.section{padding:65px 6vw}.studio{padding-top:25px}.story-grid{gap:6vw}.story h2{font-size:46px}.prose p,.studio-copy p,.film-copy>p,.section-heading p{font-size:16px}.film-copy>h2{font-size:43px}.film-poster h2{font-size:44px}}
@media(max-width:600px){header{height:95px;padding-inline:6vw;gap:13px 20px}.brand,.brand span{font-size:25px}.brand small{font-size:6px}nav{font-size:11px;gap:12px}.motion{font-size:10px}.hero{min-height:850px;max-height:none;height:auto}.hero-copy{width:100%;padding:150px 6vw 110px}.hero h1{font-size:clamp(59px,14.6vw,85px);line-height:.95;max-width:100%;letter-spacing:-.02em}.hero .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:32px}.hero-portrait{inset:95px -35px 0 18%;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 60%),linear-gradient(0deg,transparent,#000 40%);mask-composite:intersect}.hero-portrait img{filter:grayscale(1) brightness(1.45) contrast(.85);object-position:52% top}.hero-portrait:after{background:none}.hero-name{font-size:28px}.hero-intro{font-size:14px;color:#e3e7ed}.hero .gold-rule{margin-top:110px}.hero-foot{font-size:8px;padding-top:13px;bottom:20px}.hero-wave{bottom:135px;opacity:.3}.actions{gap:22px}.button{font-size:12px;padding:15px 19px}.text-link{font-size:12px}.section{padding:48px 6vw}.section-label{font-size:9px;margin-bottom:26px}.story h2,h2,.studio-copy h2,.film-copy>h2,.contact h2{font-size:38px}.story-grid{gap:26px}.prose .lead{font-size:23px}.prose p,.studio-copy p,.film-copy>p,.section-heading p{font-size:16px;line-height:1.75}.story-notes p{font-size:12px}.story-notes span{font-size:9px}.studio{padding-top:15px;gap:38px}.studio-image>span{font-size:8px}.track{gap:12px;padding:22px 0}.track h3{font-size:21px}.track p{font-size:11px}.track-duration{font-size:8px}.listen-coda{font-size:12px}.film-poster h2{font-size:42px}.film-poster{height:490px}.projects h3{font-size:29px}.projects{gap:0}.contact>p:not(.eyebrow){font-size:15px}.socials{font-size:12px;gap:20px}.email-address{font-size:13px}footer{font-size:10px}}
/* Personal one-sheet: no site navigation. Exact pixels from approved slide 01,
   clipped with a vector silhouette; no regeneration or identity retouch. */
.motion{position:fixed;z-index:10;right:20px;bottom:20px;backdrop-filter:blur(15px);padding:10px 13px;font-size:10px;background:#292a4fa8}
.hero{min-height:800px;height:100svh;max-height:1000px}.hero-copy{padding-top:55px;padding-bottom:100px}.profile-name{font:400 20px Georgia,serif;letter-spacing:.18em;color:var(--paper);margin-bottom:18px}.hero .eyebrow{font-size:10px;margin-bottom:45px}.hero h1{font-size:clamp(75px,7.7vw,120px)}.hero-portrait{inset:40px -10px 0 38%;mix-blend-mode:normal;mask-image:none;opacity:1}.approved-portrait{display:block;width:100%;height:100%;overflow:visible;filter:none}.hero-name{font-size:26px}.hero-intro{max-width:370px}.hero .gold-rule{margin-top:28px}.hero-wave{bottom:85px;opacity:.2}.hero-foot{bottom:25px}.hero-copy .actions{margin-top:23px}.hero-copy .hero-name{display:none}
.film-poster>img{filter:none}.studio-image img{filter:none}.universe{padding-top:45px;padding-bottom:45px}.universe .section-heading{grid-template-columns:1fr 1fr;align-items:center;margin-bottom:25px}.universe h2{font-size:38px}.universe .section-heading p{font-size:15px}.projects{grid-template-columns:repeat(3,1fr);column-gap:35px}.projects h3{font-size:24px}.projects a{padding:17px 0;gap:12px}.projects a>span{font-size:9px}
@media(max-width:900px){.hero-copy{padding-top:55px}.hero-portrait{left:32%;right:-80px}.hero h1{font-size:83px}.projects{grid-template-columns:1fr 1fr}.universe .section-heading{gap:30px}}
@media(max-width:600px){.hero{min-height:980px;height:auto;max-height:none}.hero-copy{padding:35px 6vw 100px;width:100%}.profile-name{font-size:17px;margin-bottom:12px}.hero .eyebrow{font-size:8px;margin-bottom:35px}.hero h1{font-size:clamp(56px,14vw,83px);max-width:100%;line-height:.95}.hero-portrait{inset:315px -50px 180px -40px;mask-image:none;opacity:1}.approved-portrait{width:100%;height:100%;overflow:visible}.hero .gold-rule{margin-top:385px}.hero-intro{font-size:14px;max-width:330px}.hero-copy .actions{margin-top:20px}.hero-foot{bottom:25px;left:6vw;right:6vw}.hero-wave{bottom:200px;opacity:.2}.motion{right:12px;bottom:12px;font-size:9px;padding:8px 10px}.universe .section-heading{grid-template-columns:1fr;gap:20px}.universe h2{font-size:35px}.projects{grid-template-columns:1fr 1fr;gap:0 20px}.projects h3{font-size:21px}.projects a>span:first-child{display:none}}
@media(min-width:601px){.hero{min-height:720px}.hero-portrait{inset:30px -10px 45px 35%}}
@media(max-width:600px){.hero{min-height:920px}.hero-portrait{inset:300px -50px 270px -40px}}
@media(max-width:600px){.track{grid-template-columns:44px 1fr 45px}.play{width:44px;height:44px}}