/* MEDIACREA V2 - stylesheet unique pour le front, charge apres site.css */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#060b10;--panel:#0e1821;--accent:#18dcc5;--muted:#aab9c3;--text:#f7fbfc}
body{font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--text)}
.wrap{width:min(1320px,calc(100% - 88px))}
.site-header{position:absolute;min-height:110px;height:110px;padding:0 clamp(28px,4vw,76px);gap:32px;background:rgba(4,9,13,.91);border-bottom:1px solid rgba(24,220,197,.15);backdrop-filter:blur(18px)}
.site-header .brand{display:flex;align-items:center;flex:0 1 min(46vw,530px);min-width:0;max-width:530px}
.site-header .brand img.mediacrea-brand-logo{width:100%;height:auto;max-height:100px;max-width:530px;object-fit:contain;object-position:left center}
.site-header nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(15px,1.6vw,30px);flex:1;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;white-space:nowrap}
.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--accent)}
.site-header nav .nav-cta{border:1px solid var(--accent);border-radius:5px;padding:12px 16px;color:var(--accent)}.site-header nav .nav-cta:hover{background:var(--accent);color:#031a19}
.hero{height:min(95svh,980px);min-height:700px;max-height:none}.hero-content{padding-top:120px}.hero h1{font-size:clamp(44px,5.6vw,82px);line-height:1.1;max-width:850px;font-weight:800;letter-spacing:-.055em;margin:21px 0 24px}.hero-lead{max-width:640px;font-size:clamp(16px,1.5vw,20px);line-height:1.75}
.hero-placeholder{background:radial-gradient(ellipse at 80% 40%,#164542 0%,#0d252b 27%,#060b10 72%)}
.hero-placeholder:after{content:'';position:absolute;inset:15% 8% 8% 52%;opacity:.2;filter:blur(3px);background:repeating-linear-gradient(90deg,transparent 0 10%,#18dcc5 10.1% 10.4%,transparent 11% 20%),linear-gradient(0deg,transparent 25%,#168c86 26% 28%,transparent 29% 48%,#168c86 49% 51%,transparent 52%);transform:perspective(600px) rotateY(-12deg)}
.hero-overlay{background:linear-gradient(90deg,rgba(3,8,12,.96),rgba(3,8,12,.78) 45%,rgba(3,8,12,.28)),linear-gradient(0deg,#060b10,transparent 30%)}
.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.13em}.btn{border-radius:6px;background:var(--accent);border-color:var(--accent);color:#05211e;padding:15px 23px;font-weight:800;transition:transform .2s,filter .2s}.btn:hover{background:var(--accent);filter:brightness(1.1);transform:translateY(-2px)}.btn.ghost{color:#fff;border-color:#8da6ae;background:transparent}.btn.ghost:hover{border-color:var(--accent);background:#18dcc516}
.section{padding-top:100px;padding-bottom:105px}.section h2{font-size:clamp(33px,4.2vw,58px);font-weight:800;letter-spacing:-.045em;line-height:1.14}.section-heading{display:flex;align-items:end;gap:40px;margin-bottom:36px}.section-heading p,.intro{font-size:17px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-card{overflow:hidden;border:1px solid #273b43;border-radius:10px;background:linear-gradient(160deg,#11212a,#090f16);transition:transform .25s,border-color .25s,box-shadow .25s}.service-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 16px 38px #0007}.service-card img,.service-card .card-placeholder{width:100%;height:210px;object-fit:cover}.service-card img{transition:transform .5s}.service-card:hover img{transform:scale(1.04)}
/* Aucune forme turquoise massive lorsque les images n'ont pas encore ete chargees */
.card-placeholder{position:relative;overflow:hidden;background:linear-gradient(145deg,#14242c,#0b151d 72%)}.card-placeholder:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 25%,rgba(24,220,197,.07) 55%,transparent 70%)}.card-placeholder:after{content:'';position:absolute;width:80px;height:2px;left:24px;bottom:27px;background:linear-gradient(90deg,var(--accent),transparent)}.placeholder-mark{position:absolute;right:25px;top:25px;width:55px;height:55px;border:1px solid #18dcc52d;border-radius:50%}
.card-copy{padding:23px 20px 28px}.card-copy .eyebrow{font-size:10px}.card-copy h3{font-size:19px;line-height:1.3}.card-copy p:last-child{font-size:13px;line-height:1.7;color:var(--muted)}
.method{position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 10%,#153735,#0b141d 65%)}.method-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08111ac9,#08111a25)}.method .intro{max-width:700px}.steps{margin-top:65px;gap:22px}.steps>div{border-top:1px solid #35605e;padding-top:25px}.steps b{font-size:38px;color:var(--accent)}.steps h3{font-size:20px;margin:8px 0}.steps p{font-size:13px;line-height:1.7;color:var(--muted)}
.projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.project{background:#101a23;border:1px solid #2b4048;border-radius:9px;overflow:hidden;transition:border-color .2s,transform .2s}.project:hover{border-color:var(--accent);transform:translateY(-4px)}.project img,.project .card-placeholder{height:245px}.project>div:last-child{padding:24px}.project h3{font-size:21px}
.contact{background:linear-gradient(130deg,#09131a,#142b2c)}.contact-grid{gap:75px}.contact-form{background:#14242c;border:1px solid #2c4b4d;border-radius:10px;padding:28px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-form label:nth-of-type(5),.contact-form .consent,.contact-form .btn,.contact-form .form-info{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{background:#1d303a;border:1px solid #3c5660;border-radius:5px;color:#fff;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #18dcc525}.contact-form .btn{width:100%}.form-info{margin:0}
footer{background:#060b10;border-top:1px solid #18dcc51b}.footer-brand img{width:min(420px,100%);max-height:140px;object-fit:contain;object-position:left}
.holding .brand{color:#fff}.holding .redline{background:var(--accent)}
@media(max-width:1200px){.site-header .brand{flex-basis:370px;max-width:370px}.site-header .brand img.mediacrea-brand-logo{max-width:370px}.site-header nav{gap:14px}.site-header nav .nav-cta{padding:10px}}
@media(max-width:1000px){.site-header{height:88px;min-height:88px}.site-header .brand{flex-basis:330px;max-width:330px}.site-header .brand img.mediacrea-brand-logo{max-width:330px}.site-header nav .nav-cta{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.wrap{width:calc(100% - 56px)}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-header{height:76px;min-height:76px;padding:0 18px;gap:12px}.site-header .brand{flex:0 1 auto;max-width:calc(100vw - 95px)}.site-header .brand img.mediacrea-brand-logo{width:min(72vw,360px);max-width:100%;max-height:67px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0a141b;padding:24px;flex-direction:column;align-items:flex-start;gap:19px;white-space:normal}.site-header nav.open{display:flex}.site-header nav .nav-cta{display:block}.hero{height:auto;min-height:690px}.hero-content{padding-top:95px}.hero h1{font-size:clamp(39px,10vw,60px)}.hero-overlay{background:linear-gradient(90deg,#040a0fe8,#040a0f9c),linear-gradient(0deg,#060b10,transparent 45%)}.section{padding-top:78px;padding-bottom:80px}.section-heading{display:block}.cards,.projects,.contact-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}.contact-grid{gap:28px}.contact-form{grid-template-columns:1fr;padding:20px}.contact-form label{grid-column:1/-1}.service-card img,.service-card .card-placeholder{height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero video{display:none}}