/* Parcours du Studio, de la vitrine au contact. */
.studio-skip{position:fixed;top:9px;left:12px;padding:9px 15px;background:#d8f995;color:#130d1a;transform:translateY(-200%);z-index:150}
.studio-skip:focus{transform:none}
body[data-page="studio"]{--container:1260px}
[data-page="studio"] .chapter:not(.hero){padding-block:clamp(46px,7vw,98px);scroll-margin-top:80px}
.studio-console{background:#130d1b;color:#f6f3eb;padding:clamp(34px,6vw,84px) 0;scroll-margin-top:72px}
.console-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(24px,6vw,85px)}
.studio-console h2,.showcase h2,[data-page="studio"] .chapter-head h2{font-family:var(--font-display);font-size:clamp(2rem,4.8vw,4.55rem);line-height:1.02;letter-spacing:-.065em}
.studio-console .mono-tag{color:#d8f995}
.studio-console h2+p{margin-top:14px;color:#d6c7de;max-width:38ch}
.console-links{border-top:1px solid #534161}
.console-links a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 8px;border-bottom:1px solid #534161}
.console-links a:hover,.console-links a:focus-visible{background:#251a31}
.console-links .mono,.console-links a>span:last-child{color:#d8f995}
.console-links strong,.console-links small{display:block}
.console-links small{color:#d6c7de;margin-top:1px}
.showcase{margin-bottom:clamp(34px,6vw,76px)}
.showcase-grid{margin-top:20px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1px;background:#5c4968;border:1px solid #5c4968}
.showcase-card{display:flex;flex-direction:column;min-width:0;background:#150f1d;color:#f6f3eb}
.showcase-card>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#291c35;border-bottom:1px solid #5c4968}
.showcase-caption{display:grid;gap:7px;align-content:start;padding:15px 15px 19px}
.showcase-caption .mono{color:#d8f995;font-size:10px;letter-spacing:.1em}
.showcase-caption strong{font:650 clamp(1.45rem,3vw,2.3rem)/1 var(--font-display);letter-spacing:-.06em}
.showcase-caption strong span{font:15px var(--font-mono);color:#d8f995}
.showcase-caption>span:last-child{color:#d6c7de;font-size:.9rem;line-height:1.45}
.showcase-card:hover{background:#2a1d35}
.showcase-card:focus-visible,.console-links a:focus-visible{outline:2px solid #d8f995;outline-offset:-3px}
[data-page="studio"] #projets{background:#f6f3eb}
[data-page="studio"] :is(.pc,.car-btn,.fchip,.p-tab,.about-card,.journal,.contact-box){border-radius:4px}
[data-page="studio"] .rz-creativite{margin-top:clamp(38px,6vw,77px);padding-top:26px;border-top:1px solid var(--border)}
[data-page="studio"] .project-story{font-size:1rem;margin-top:10px;max-width:60ch}
[data-page="studio"] #piliers{background:#110c17}
[data-page="studio"] details.factory-pilots{padding:0 0 16px;scroll-margin-top:80px}
.factory-pilots summary{cursor:pointer;padding:11px max(24px,calc((100vw - var(--container)) / 2 + 24px));color:#d8f995;font-weight:600}
.factory-pilots summary:focus-visible{outline:2px solid #d8f995;outline-offset:-3px}
.factory-pilots .pilot-grid{padding-block:16px}
[data-page="studio"] #ecosysteme{background:#eee8f0}
[data-page="studio"] #studio{background:#eee8f0}
[data-page="studio"] #contact{background:#150e1f;color:#f6f3eb}
[data-page="studio"] .contact-box{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(22px,4vw,60px);padding:clamp(19px,4vw,55px);background:#1d1327;border-color:#5c476d}
[data-page="studio"] .contact-box::before{display:none}
.contact-intro .mono-tag,.contact-intro a{color:#d8f995!important}
.contact-intro .contact-sub{color:#d9c9e4;margin-bottom:0}
[data-page="studio"] .contact-form :is(input,select,textarea){background:#f6f3eb;color:#1b1221;border-radius:4px}
[data-page="studio"] .contact-form label{color:#e6d8ed}
[data-page="studio"] .contact-form .field-opt{color:#cfbadc}
[data-page="studio"] .contact-form .btn-primary{background:#d8f995;color:#1b1221;border-radius:4px}
[data-page="studio"] .contact-form .direct-email{color:#d8f995}
@media(max-width:830px){.console-grid,[data-page="studio"] .contact-box{grid-template-columns:1fr}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-card:first-child{grid-column:1/-1}.showcase-card:first-child>img{aspect-ratio:2.2}}
@media(max-width:500px){.showcase-grid{grid-template-columns:1fr}.showcase-card:first-child>img{aspect-ratio:16/9}.showcase-caption{padding:12px}.console-links a{gap:8px}.studio-console h2{max-width:15ch}}