/* FuturEvoLab inner-page components — extends ../assets/style.css */
.phead{position:relative;min-height:clamp(340px,40vh,460px);display:flex;align-items:flex-end;padding:96px 6vw 64px;overflow:hidden;border:0;background:var(--bg)}
.phead:before{content:"";position:absolute;width:60vmax;height:60vmax;right:-15vmax;top:-30vmax;border-radius:50%;background:radial-gradient(circle,rgba(31,122,92,.38),transparent 62%);pointer-events:none}
.phead:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:96px 96px;mask:linear-gradient(180deg,transparent,#000 40%,transparent);-webkit-mask:linear-gradient(180deg,transparent,#000 40%,transparent);opacity:.5;pointer-events:none}
.phead .wrap{position:relative;z-index:1;width:100%}
.crumb ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;font-size:12px;letter-spacing:.12em;color:var(--mute);margin-bottom:28px}
.crumb li+li:before{content:"/";margin-right:10px;color:var(--line)}
.crumb a:hover{color:var(--gold)}.crumb [aria-current]{color:var(--ink)}
.phead h1{font-size:clamp(40px,6vw,88px);line-height:1.05;margin-bottom:22px}
.phead .lead{max-width:640px;color:var(--mute);font-size:clamp(15px,1.4vw,18px)}
.tbd{color:var(--champ);font-size:.85em;letter-spacing:.05em}
/* model grid */
.mgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.mcard{border:1px solid var(--line);background:var(--bg);transition:border-color .5s}
.mcard:hover{border-color:var(--gold)}
.mimg{aspect-ratio:4/5;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(95,227,176,.22),transparent 55%),radial-gradient(circle at 80% 90%,rgba(212,185,138,.14),transparent 50%),linear-gradient(160deg,#0E2A20,#07140F)}
.mimg img{width:100%;height:100%;object-fit:cover;display:block}
.mimg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,20,15,.85))}
.mbody{padding:20px 20px 22px}
.tag{display:inline-block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--champ);border:1px solid rgba(212,185,138,.4);padding:3px 8px}
.mbody h3{font-size:20px;line-height:1.25;margin:12px 0 14px}
.plinks{display:flex;gap:16px;font-size:12px;letter-spacing:.12em;color:var(--mute)}
.plinks a:hover{color:var(--gold)}
/* music */
.music{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}
.music .btns{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line)}
.music .btns a{background:var(--bg);padding:28px 32px;display:flex;justify-content:space-between;align-items:center;transition:.4s}
.music .btns a:hover{background:var(--bg2);color:var(--gold)}
.music .btns b{font-family:var(--font-display);font-size:22px}.music .btns i{font-style:normal;color:var(--gold)}
/* services */
.svc{list-style:none;border-top:1px solid var(--line)}
.svc>li{display:grid;grid-template-columns:120px 1fr 1.3fr;gap:40px;padding:48px 0;border-bottom:1px solid var(--line)}
.svc .no{font-family:var(--font-display);color:var(--gold);font-size:15px;letter-spacing:.2em}
.svc h3{font-size:28px;line-height:1.2;margin-bottom:12px}.svc p{color:var(--mute);font-size:15px}
.steps{list-style:none;counter-reset:s;display:grid;gap:10px}
.steps li{counter-increment:s;display:flex;gap:14px;font-size:14px;color:var(--mute)}
.steps li:before{content:counter(s,decimal-leading-zero);color:var(--champ);font-family:var(--font-display);font-size:12px;min-width:22px;padding-top:2px}
/* CTA */
.cta{text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,rgba(31,122,92,.35),transparent 60%),var(--bg)}
.cta h2{margin-bottom:20px}.cta p{color:var(--mute);max-width:560px;margin:0 auto 36px}
@media(max-width:1024px){.mgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){
.phead{min-height:clamp(280px,34vh,340px);padding:64px 6vw 44px}
section{padding:80px 6vw}
.music{grid-template-columns:1fr;gap:36px}
.svc>li{grid-template-columns:1fr;gap:16px;padding:36px 0}
.mgrid{grid-template-columns:1fr 1fr;gap:12px}.mbody{padding:14px}.mbody h3{font-size:16px}
.btn{padding:14px 26px;min-height:44px}.langs a{padding:10px 12px}
}
@media(max-width:380px){.mgrid{grid-template-columns:1fr}}
.phead nav.crumb{padding:0;display:block}
.plinks{flex-wrap:wrap;row-gap:6px}.plinks a{white-space:nowrap}@media(max-width:768px){.plinks{gap:12px;font-size:11px;letter-spacing:.06em}}
/* Confirmed content only; decorative model panels use the green palette. */
.mimg{background:radial-gradient(circle at 30% 20%,rgba(95,227,176,.22),transparent 55%),linear-gradient(160deg,#0E2A20,#07140F)}
.mgrid{margin:36px 0}.playlist-copy{margin:28px 0;color:var(--mute)}
header nav{flex-wrap:wrap}header nav ul{gap:20px;flex-wrap:wrap}
header a,.crumb a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.crumb a{justify-content:center}.langs a{justify-content:center}
@media(max-width:960px){header nav ul{display:flex;order:3;flex-basis:100%;gap:12px 24px}}
.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}.phead h1{word-break:keep-all;line-break:strict;overflow-wrap:anywhere}@media(max-width:560px){.phead h1{font-size:clamp(28px,8vw,40px)}}.crumb ol{display:flex;align-items:baseline;gap:.6em;flex-wrap:wrap}.crumb li,.crumb [aria-current],.crumb a{font-size:12px;line-height:1.4;vertical-align:baseline;position:static;top:auto}.crumb a{display:inline;min-height:0;min-width:0;padding:12px 0}.crumb li+li:before{content:"/";margin-right:.6em;color:#9FB3A8}.crumb [aria-current]{color:#F2EFE8}@media(max-width:960px){header nav{row-gap:16px}}