*{font-style:normal!important}
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@300;400;500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#f3f1ed;font-family:"Montserrat",Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:10;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:linear-gradient(#090909cc,transparent);backdrop-filter:blur(4px)}.logo{font-weight:700;letter-spacing:.12em;font-size:14px}.logo span{font-weight:300}nav{display:flex;gap:30px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}nav a{opacity:.8}nav a:hover{opacity:1}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{height:100vh;min-height:650px;position:relative;display:flex;align-items:center;padding:0 9vw;background:linear-gradient(110deg,#050505 8%,#111 48%,#050505 100%);overflow:hidden}.hero:after{content:"";position:absolute;width:55vw;height:75vh;right:-10vw;top:12%;background:radial-gradient(ellipse,rgba(150,110,60,.22),transparent 65%);filter:blur(20px)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,transparent 70%)}.hero-content{position:relative;z-index:2;max-width:850px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#b6a27e;margin:0 0 24px}.hero h1{font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(48px,7vw,100px);line-height:.94;margin:0 0 30px;font-weight:500;letter-spacing:-.04em}.hero h1 em,h2 em{font-family:"Bebas Neue",Impact,sans-serif;font-weight:400}.intro{max-width:560px;color:#bdbdbd;line-height:1.7;font-size:16px}.buttons{display:flex;gap:14px;margin-top:36px}.btn{display:inline-block;padding:15px 23px;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.primary{background:#f3f1ed;color:#111}.ghost{border:1px solid #555}.scroll{position:absolute;z-index:2;bottom:35px;left:9vw;font-size:9px;letter-spacing:.25em;color:#888}.section{padding:130px 9vw}.split{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#f0eee9;color:#141414}.split .eyebrow{color:#8d7044}.split h2{font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(42px,5vw,72px);line-height:.98;font-weight:500;margin:0}.copy{max-width:570px;align-self:end;color:#4b4b4b;line-height:1.8}.copy p{margin-top:0;margin-bottom:25px}.text-link{color:#111;border-bottom:1px solid #999;padding-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.dark{background:#0d0d0d}.section h2{font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(42px,5vw,70px);font-weight:500;margin:0 0 65px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#303030}.cards article{background:#0d0d0d;min-height:230px;padding:30px;transition:.3s}.cards article:hover{background:#151515}.cards span{font-size:10px;color:#a99169}.cards h3{font-size:22px;font-weight:500;margin:45px 0 14px}.cards p{color:#888;font-size:13px;line-height:1.7;margin:0}.portfolio{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project{height:420px;position:relative;display:flex;align-items:end;padding:30px;overflow:hidden;background:linear-gradient(135deg,#242424,#090909)}.project:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 35%,#705e45,transparent 42%);opacity:.65;transition:.5s}.project:hover:before{transform:scale(1.1);opacity:.85}.project div{position:relative;z-index:1}.project small{font-size:9px;letter-spacing:.2em;color:#d1c2a9}.project h3{font-size:30px;font-weight:500;margin:8px 0}.p2:before{background:radial-gradient(circle at 40% 30%,#473f58,transparent 45%)}.p3:before{background:radial-gradient(circle at 70% 50%,#3d4a48,transparent 45%)}.p4:before{background:radial-gradient(circle at 35% 55%,#55413a,transparent 45%)}.note{color:#666;font-size:11px;margin-top:18px}.statement{padding:150px 9vw;text-align:center;background:#b8a27e;color:#151515}.statement p{font-family:"Bebas Neue",Impact,sans-serif;font-style:normal;font-size:clamp(35px,5vw,70px);margin:0}.specs{display:flex;flex-wrap:wrap;gap:10px}.specs span{border:1px solid #aaa;padding:10px 13px;font-size:9px;letter-spacing:.14em}.contact{padding:150px 9vw;text-align:center;background:#f0eee9;color:#111}.contact .eyebrow{color:#8d7044}.contact h2{font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(48px,7vw,95px);font-weight:500;line-height:.95;margin:0 0 30px}.contact p{color:#666}.contact .primary{margin-top:25px}.socials{display:flex;justify-content:center;gap:30px;margin-top:70px;font-size:10px;text-transform:uppercase;letter-spacing:.15em}footer{padding:30px 9vw;display:flex;justify-content:space-between;color:#777;font-size:10px;letter-spacing:.1em}footer strong{color:#eee}@media(max-width:800px){nav{display:none}.menu{display:block}.nav{padding:0 6vw}.hero{padding:0 6vw}.section{padding:90px 6vw}.split{grid-template-columns:1fr;gap:45px}.cards{grid-template-columns:1fr}.portfolio{grid-template-columns:1fr}.project{height:330px}.scroll{left:6vw}.socials{flex-wrap:wrap}.hero h1{font-family:"Bebas Neue",Impact,sans-serif;font-size:54px}}

.logo img{display:block;width:118px;height:auto;max-height:54px;object-fit:contain;object-position:center}
.hero-logo{display:block;width:min(230px,42vw);height:auto;max-height:125px;object-fit:contain;object-position:center left;margin-bottom:28px}
@media(max-width:800px){.logo img{width:100px}.hero-logo{width:190px;max-height:105px}}

/* Studio Android custom portfolio */
.director{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);min-height:680px;background:#111;color:#eee}
.director-image{min-height:680px;overflow:hidden;background:#050505}
.director-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.director-copy{padding:100px 9vw;display:flex;flex-direction:column;justify-content:center}
.director-copy h2{font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(55px,7vw,100px);line-height:.9;margin:0 0 15px;font-weight:500}
.director-copy .role{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#b6a27e;margin-bottom:35px}
.director-copy>p:not(.eyebrow):not(.role){color:#999;line-height:1.85;max-width:540px}
.director-tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 40px}
.director-tags span{border:1px solid #444;padding:10px 12px;font-size:9px;letter-spacing:.12em;color:#bbb}
.portfolio-section{background:#090909}
.portfolio-section h2{font-family:"Bebas Neue",Impact,sans-serif;margin-bottom:60px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.work{position:relative;min-height:500px;overflow:hidden;background:#111}
.work img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease;filter:saturate(.9)}
.work:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.9))}
.work:hover img{transform:scale(1.05)}
.work-info{position:absolute;z-index:2;left:25px;right:25px;bottom:25px}
.work-info small{font-size:9px;letter-spacing:.2em;color:#d3b77f}
.work-info h3{font-size:24px;line-height:1.05;margin:8px 0}
.work-info p{font-size:11px;color:#aaa;margin:0}
.work-link{display:inline-block;margin-top:14px;padding:9px 12px;border:1px solid rgba(255,212,71,.5);border-radius:2px;background:linear-gradient(90deg,rgba(143,16,36,.72),rgba(7,27,73,.72),rgba(228,185,95,.35));color:#f7d85a;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .25s ease,filter .25s ease,box-shadow .25s ease}.work-link:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 8px 25px rgba(0,0,0,.28)}
@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.director{grid-template-columns:1fr}.director-image{height:560px;min-height:0}.director-copy{padding:75px 6vw}.portfolio-grid{grid-template-columns:1fr}.work{min-height:480px}}

/* Coulisses de tournage */
.behind-scenes{background:#111;color:#eee}
.behind-heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:55px}
.behind-heading h2{font-family:"Bebas Neue",Impact,sans-serif;margin:0;font-size:clamp(45px,5.5vw,78px);line-height:.95;font-weight:500}
.behind-heading>p{max-width:520px;color:#8f8f8f;line-height:1.8;margin:0}
.behind-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:250px;grid-auto-flow:dense;gap:12px}
.behind-item{position:relative;display:block;border:0;padding:0;overflow:hidden;background:#1a1a1a;cursor:pointer;grid-column:span 4;grid-row:span 1;text-align:left}
.behind-item.wide{grid-column:span 8}.behind-item.tall{grid-row:span 2}
.behind-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88);transition:transform .7s ease,filter .5s ease}
.behind-item:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.8));pointer-events:none}
.behind-item:hover img{transform:scale(1.055);filter:saturate(1)}
.behind-item span{position:absolute;z-index:2;left:20px;bottom:18px;color:#eee;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:5vw;opacity:0;visibility:hidden;transition:.25s}
.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:94vw;max-height:90vh;width:auto;height:auto;object-fit:contain;box-shadow:0 20px 80px rgba(0,0,0,.6)}
.lightbox-close{position:absolute;top:25px;right:35px;border:0;background:none;color:#fff;font-size:42px;line-height:1;cursor:pointer;font-weight:200}
@media(max-width:900px){.behind-heading{grid-template-columns:1fr;gap:30px}.behind-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:280px}.behind-item,.behind-item.wide{grid-column:span 1}.behind-item.tall{grid-row:span 1}}
@media(max-width:600px){.behind-grid{grid-template-columns:1fr;grid-auto-rows:330px}.behind-item,.behind-item.wide{grid-column:span 1}.behind-item.tall{grid-row:span 1}.lightbox{padding:20px}.lightbox-close{right:18px;top:14px}}

.contact-details{margin:28px 0 10px;display:grid;gap:8px}.contact-details p{margin:0;color:rgba(255,255,255,.78)}.contact-details a{color:inherit;text-decoration:none}.contact-details a:hover{text-decoration:underline}.socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.socials a{display:inline-block}

/* Intro d'accueil cinématographique */
.welcome-splash{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#050505;opacity:1;visibility:visible;transition:opacity 1s ease,visibility 1s ease;}
.welcome-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none;}
.welcome-content{text-align:center;padding:30px;animation:welcomeRise 1.2s ease both;}
.welcome-content p{margin:0 0 12px;font-family:"Montserrat",Arial,sans-serif;font-size:12px;letter-spacing:.45em;color:#b6a27e;}
.welcome-content h1{margin:0;font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(58px,10vw,150px);font-weight:500;line-height:.9;letter-spacing:.02em;color:#f3f1ed;}
.welcome-content img{display:block;width:min(270px,52vw);height:auto;margin:35px auto 0;opacity:0;animation:logoFade 1.1s ease .55s forwards;}
@keyframes welcomeRise{from{opacity:0;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes logoFade{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@media(max-width:800px){.welcome-content h1{font-size:clamp(52px,15vw,90px)}.welcome-content p{font-size:9px;letter-spacing:.28em}.welcome-content img{width:190px;margin-top:28px}}

/* Nouvelle direction artistique couleur — Studio Android HD */
:root{
  --sa-black:#070707;
  --sa-dark:#0d0f14;
  --sa-panel:#12151c;
  --sa-gold:#e4b95f;
  --sa-gold-light:#f4d98c;
  --sa-red:#e43d3d;
  --sa-blue:#2d72d9;
  --sa-white:#f7f5ef;
  --sa-muted:#a8abb3;
  --sa-line:rgba(228,185,95,.24);
}
body{background:var(--sa-black);color:var(--sa-white)}
.nav{background:linear-gradient(180deg,rgba(7,7,7,.96),rgba(7,7,7,.58),transparent);border-bottom:1px solid rgba(228,185,95,.08)}
.logo{color:var(--sa-white)}
.logo span{color:var(--sa-gold)}
nav a{transition:color .25s ease,opacity .25s ease}
nav a:hover{color:var(--sa-gold);opacity:1}
.hero{background:radial-gradient(circle at 82% 35%,rgba(228,61,61,.13),transparent 24%),radial-gradient(circle at 72% 70%,rgba(45,114,217,.13),transparent 26%),linear-gradient(120deg,#050505,#10131a 55%,#070707)}
.hero:after{background:radial-gradient(ellipse,rgba(228,185,95,.20),transparent 65%)}
.hero-overlay{background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.62) 45%,transparent 82%)}
.eyebrow{color:var(--sa-gold)}
.hero h1,.section h2,.director-copy h2,.portfolio-section h2,.behind-heading h2,.contact h2{color:var(--sa-white)}
.intro{color:#c5c7cd}
.btn{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.btn:hover{transform:translateY(-2px)}
.primary{background:linear-gradient(135deg,var(--sa-gold-light),var(--sa-gold));color:#101010;box-shadow:0 10px 30px rgba(228,185,95,.18)}
.ghost{border-color:rgba(228,185,95,.5);color:var(--sa-white)}
.ghost:hover{background:rgba(228,185,95,.09)}
.split{background:linear-gradient(135deg,#f3f0e8,#e9e5dc);color:#141414}
.split .eyebrow,.contact .eyebrow{color:#9b6f22}
.dark,.portfolio-section,.behind-scenes{background:linear-gradient(180deg,#0a0b0e,#10131a 55%,#090a0d)}
.cards{background:linear-gradient(90deg,var(--sa-gold),rgba(45,114,217,.55));padding:1px}
.cards article{background:linear-gradient(145deg,#101219,#0b0c10)}
.cards article:hover{background:linear-gradient(145deg,#171a22,#101219)}
.cards span,.project small,.work-info small{color:var(--sa-gold-light)}
.cards h3,.project h3,.work-info h3{color:var(--sa-white)}
.cards p,.work-info p{color:#9fa3ad}
.portfolio{gap:18px}
.project{background:linear-gradient(135deg,#161922,#08090c);border:1px solid rgba(228,185,95,.12)}
.project:before{background:radial-gradient(circle at 65% 35%,rgba(228,185,95,.32),transparent 42%)}
.p2:before{background:radial-gradient(circle at 40% 30%,rgba(45,114,217,.34),transparent 45%)}
.p3:before{background:radial-gradient(circle at 70% 50%,rgba(228,61,61,.30),transparent 45%)}
.p4:before{background:radial-gradient(circle at 35% 55%,rgba(228,185,95,.25),transparent 45%)}
.statement{background:linear-gradient(135deg,#c79b45,#e4b95f 55%,#b97b36);color:#111;position:relative;overflow:hidden}
.statement:after{content:"";position:absolute;width:280px;height:280px;right:-100px;top:-100px;border-radius:50%;background:rgba(45,114,217,.16);filter:blur(3px)}
.specs span{border-color:rgba(228,185,95,.35);background:rgba(228,185,95,.04);transition:.25s}
.specs span:hover{background:rgba(228,185,95,.1);border-color:var(--sa-gold)}
.director{background:linear-gradient(115deg,#090a0d,#141821);border-top:1px solid rgba(228,185,95,.12);border-bottom:1px solid rgba(228,185,95,.12)}
.director-copy .role{color:var(--sa-gold)}
.director-tags span{border-color:rgba(228,185,95,.25);color:#c8cbd2;background:rgba(228,185,95,.025)}
.work{background:#0d0f14;border:1px solid rgba(228,185,95,.10)}
.work:after{background:linear-gradient(transparent 28%,rgba(3,4,6,.94))}
.behind-heading>p{color:#a3a6af}
.behind-item{background:#0d0f14;border:1px solid rgba(228,185,95,.08)}
.behind-item span{color:var(--sa-gold-light)}
.contact{background:linear-gradient(135deg,#f3f0e8,#e4e0d7);color:#111}
.contact p{color:#5d5d62}
.contact-details p{color:#3f4147}
.contact-details a:hover{color:#9b6f22}
.socials a{padding:10px 15px;border:1px solid rgba(17,17,17,.18);border-radius:999px;transition:.25s}
.socials a:hover{border-color:#9b6f22;color:#9b6f22;transform:translateY(-2px)}
footer{background:#050505;color:#747780;border-top:1px solid rgba(228,185,95,.1)}
footer strong{color:var(--sa-gold-light)}
.welcome-splash{background:radial-gradient(circle at 50% 45%,rgba(228,185,95,.10),transparent 30%),radial-gradient(circle at 20% 80%,rgba(45,114,217,.08),transparent 25%),radial-gradient(circle at 85% 20%,rgba(228,61,61,.08),transparent 25%),#050505}
.welcome-content p{color:var(--sa-gold-light)}
.welcome-content h1{background:linear-gradient(90deg,#fff,var(--sa-gold-light),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}

/* STUDIO ANDROID — RED / DEEP BLUE / GOLD GRADIENT EDITION */
:root{
  --sa-red:#d62939;
  --sa-red2:#8f1024;
  --sa-blue:#071b49;
  --sa-blue2:#123b7a;
  --sa-yellow:#ffd447;
  --sa-gold:#e9a91a;
  --sa-cream:#ffe7a3;
  --sa-ink:#050b18;
}
html{background:var(--sa-ink)}
body{background:linear-gradient(135deg,var(--sa-ink) 0%,var(--sa-blue) 42%,#260b22 72%,var(--sa-red2) 100%);color:var(--sa-cream)}
.nav{background:linear-gradient(90deg,rgba(5,11,24,.98),rgba(7,27,73,.94),rgba(143,16,36,.82));border-bottom:1px solid rgba(255,212,71,.25)}
.logo,.logo span{color:var(--sa-yellow)}
nav a{color:var(--sa-cream)}
nav a:hover{color:var(--sa-yellow)}
.menu{color:var(--sa-yellow)}
.hero{background:radial-gradient(circle at 78% 28%,rgba(255,212,71,.22),transparent 20%),radial-gradient(circle at 82% 72%,rgba(214,41,57,.28),transparent 28%),linear-gradient(125deg,#040a18 0%,#071b49 48%,#3b0d2b 76%,#8f1024 100%)}
.hero:after{background:radial-gradient(ellipse,rgba(255,212,71,.30),rgba(214,41,57,.16) 35%,transparent 70%)}
.hero-overlay{background:linear-gradient(90deg,rgba(4,10,24,.98),rgba(7,27,73,.62) 48%,rgba(143,16,36,.12) 85%,transparent)}
.eyebrow,.scroll,.project small,.cards span,.director-copy .role,.work-info small{color:var(--sa-yellow)}
.hero h1,.section h2,.director-copy h2,.portfolio-section h2,.behind-heading h2,.contact h2{background:linear-gradient(90deg,var(--sa-yellow),#fff0a8,var(--sa-red));-webkit-background-clip:text;background-clip:text;color:transparent}
.intro,.copy,.director-copy>p:not(.eyebrow):not(.role),.behind-heading>p,.cards p,.work-info p,.note{color:#f2d99a}
.buttons .primary,.contact .primary{background:linear-gradient(135deg,var(--sa-yellow),var(--sa-gold),var(--sa-red));color:var(--sa-ink);border:0;box-shadow:0 12px 35px rgba(255,212,71,.22)}
.buttons .ghost{border:1px solid rgba(255,212,71,.55);color:var(--sa-cream);background:linear-gradient(135deg,rgba(7,27,73,.72),rgba(143,16,36,.42))}
.buttons .ghost:hover{background:linear-gradient(135deg,var(--sa-blue2),var(--sa-red2));color:var(--sa-yellow)}
.split{background:linear-gradient(135deg,#071b49 0%,#123b7a 42%,#4c1835 72%,#8f1024 100%);color:var(--sa-cream)}
.split .eyebrow,.contact .eyebrow{color:var(--sa-yellow)}
.text-link{color:var(--sa-yellow);border-color:rgba(255,212,71,.55)}
.dark,.portfolio-section,.behind-scenes{background:linear-gradient(135deg,#040a18 0%,#071b49 40%,#32102c 70%,#8f1024 100%);color:var(--sa-cream)}
.cards{background:linear-gradient(90deg,var(--sa-yellow),var(--sa-red),var(--sa-blue2))}
.cards article{background:linear-gradient(145deg,rgba(5,11,24,.98),rgba(7,27,73,.94),rgba(61,13,42,.94));border:0}
.cards article:hover{background:linear-gradient(145deg,#071b49,#8f1024)}
.cards h3,.project h3{color:var(--sa-cream)}
.portfolio{background:linear-gradient(90deg,var(--sa-yellow),var(--sa-red),var(--sa-blue2));padding:2px}
.project{background:linear-gradient(135deg,#071b49,#32102c,#8f1024)}
.project:before{background:radial-gradient(circle at 65% 35%,rgba(255,212,71,.45),rgba(214,41,57,.22),transparent 62%)}
.p2:before{background:radial-gradient(circle at 40% 30%,rgba(18,59,122,.7),rgba(214,41,57,.24),transparent 62%)}
.p3:before{background:radial-gradient(circle at 70% 50%,rgba(255,212,71,.52),rgba(7,27,73,.35),transparent 62%)}
.p4:before{background:radial-gradient(circle at 35% 55%,rgba(214,41,57,.55),rgba(18,59,122,.35),transparent 62%)}
.specs span,.director-tags span{border-color:rgba(255,212,71,.45);color:var(--sa-cream);background:linear-gradient(135deg,rgba(7,27,73,.55),rgba(143,16,36,.35))}
.statement{background:linear-gradient(120deg,var(--sa-red2),var(--sa-red),var(--sa-gold),var(--sa-yellow),var(--sa-blue2));color:var(--sa-ink)}
.statement p{color:var(--sa-ink)}
.contact{background:linear-gradient(135deg,#071b49 0%,#123b7a 40%,#55152f 72%,#8f1024 100%);color:var(--sa-cream)}
.contact p,.contact-details p{color:#f2d99a}
.socials a{color:var(--sa-yellow)}
.socials a:hover{color:#fff0a8}
footer{background:linear-gradient(90deg,#040a18,#071b49,#3b0d2b,#8f1024);color:#e7c978;border-top:1px solid rgba(255,212,71,.18)}
footer strong{color:var(--sa-yellow)}
.director{background:linear-gradient(135deg,#040a18,#071b49 45%,#55152f 78%,#8f1024);color:var(--sa-cream)}
.director-image{background:linear-gradient(135deg,#071b49,#8f1024)}
.work{background:linear-gradient(135deg,#071b49,#3b0d2b,#8f1024)}
.work:after{background:linear-gradient(transparent 25%,rgba(4,10,24,.92))}
.behind-item{background:linear-gradient(135deg,#071b49,#8f1024)}
.behind-item:after{background:linear-gradient(transparent 35%,rgba(4,10,24,.9))}
.behind-item span{color:var(--sa-cream)}
.lightbox{background:linear-gradient(135deg,rgba(4,10,24,.97),rgba(7,27,73,.96),rgba(143,16,36,.94))}
.lightbox-close{color:var(--sa-yellow)}
.welcome-splash{background:radial-gradient(circle at 50% 35%,rgba(255,212,71,.20),transparent 18%),linear-gradient(135deg,#040a18,#071b49 45%,#55152f 72%,#8f1024)}
.welcome-content p{color:var(--sa-yellow)}
.welcome-content h1{background:linear-gradient(90deg,var(--sa-yellow),#fff0a8,var(--sa-red));-webkit-background-clip:text;background-clip:text;color:transparent}
.contact-details a{color:var(--sa-cream)}

/* Studio Android — fond cinématographique inspiré de la référence */
html,body{min-height:100%;background:var(--sa-ink)}
body{position:relative;background:linear-gradient(135deg,#030711 0%,#071b49 45%,#210d24 72%,#650d20 100%);}
body:before{content:"";position:fixed;inset:-4%;z-index:-2;background:linear-gradient(120deg,rgba(3,7,17,.96),rgba(7,27,73,.82) 42%,rgba(55,10,34,.82) 72%,rgba(143,16,36,.72)),url('assets/CALEB.jpg') center/cover no-repeat;filter:blur(5px);transform:scale(1.04);opacity:.9}
body:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 18% 15%,rgba(255,212,71,.10),transparent 24%),radial-gradient(circle at 82% 25%,rgba(214,41,57,.14),transparent 28%),radial-gradient(circle at 70% 82%,rgba(18,59,122,.18),transparent 30%);pointer-events:none}
.nav{background:linear-gradient(90deg,rgba(3,7,17,.97),rgba(7,27,73,.91),rgba(92,11,30,.82));backdrop-filter:blur(12px)}
.hero{background:linear-gradient(90deg,rgba(3,7,17,.96),rgba(7,27,73,.68) 48%,rgba(92,11,30,.35)),url('assets/CALEB.jpg') center 25%/cover no-repeat;}
.hero-overlay{background:linear-gradient(90deg,rgba(3,7,17,.94),rgba(7,27,73,.48) 48%,rgba(92,11,30,.10) 86%,transparent)}
.dark,.portfolio-section,.behind-scenes,.director{background:linear-gradient(135deg,rgba(3,7,17,.92),rgba(7,27,73,.86) 44%,rgba(50,10,35,.88) 74%,rgba(110,12,30,.82));backdrop-filter:blur(2px)}
.cards article{background:linear-gradient(145deg,rgba(3,7,17,.94),rgba(7,27,73,.90),rgba(61,13,42,.90))}
.project,.work{background:linear-gradient(135deg,rgba(7,27,73,.92),rgba(50,16,44,.88),rgba(143,16,36,.86))}
.behind-item{background:linear-gradient(135deg,rgba(7,27,73,.90),rgba(143,16,36,.82))}
.split{background:linear-gradient(135deg,rgba(7,27,73,.92),rgba(18,59,122,.84) 42%,rgba(76,24,53,.88) 72%,rgba(143,16,36,.84));color:var(--sa-cream)}
.contact{background:linear-gradient(135deg,rgba(7,27,73,.93),rgba(18,59,122,.84) 40%,rgba(85,21,47,.88) 72%,rgba(143,16,36,.86));color:var(--sa-cream)}
footer{background:linear-gradient(90deg,rgba(3,7,17,.98),rgba(7,27,73,.94),rgba(59,13,43,.92),rgba(143,16,36,.88))}
.buttons .primary,.contact .primary{background:linear-gradient(135deg,#ffd447 0%,#e9a91a 38%,#d62939 100%);color:#050b18;box-shadow:0 12px 34px rgba(255,212,71,.24),0 8px 25px rgba(214,41,57,.16)}
.buttons .ghost{background:linear-gradient(135deg,#071b49 0%,#123b7a 48%,#8f1024 100%);border:1px solid rgba(255,212,71,.55);color:#ffe7a3;box-shadow:0 10px 28px rgba(7,27,73,.25)}
.buttons .ghost:hover{background:linear-gradient(135deg,#123b7a,#d62939 72%,#ffd447);color:#050b18;border-color:#ffd447}
.work-link{background:linear-gradient(90deg,#071b49,#123b7a 42%,#d62939 72%,#ffd447);color:#050b18;border:0;box-shadow:0 8px 22px rgba(7,27,73,.25)}
.specs span,.director-tags span{background:linear-gradient(135deg,rgba(7,27,73,.75),rgba(143,16,36,.48),rgba(255,212,71,.10));}

/* ===== STUDIO ANDROID — FINISHING PASS / PREMIUM HUMAN DESIGN ===== */
:root{
  --sa-night:#040914;
  --sa-deep:#07152f;
  --sa-blue:#0d2d63;
  --sa-red:#8e162b;
  --sa-red-bright:#c52b3e;
  --sa-yellow:#f5c542;
  --sa-gold:#d99b22;
  --sa-cream:#f3dfaa;
  --sa-muted:#b9ad92;
  --sa-line:rgba(245,197,66,.18);
}

html{background:var(--sa-night)}
body{
  color:var(--sa-cream);
  background:var(--sa-night);
  overflow-x:hidden;
}
body:before{
  background:
    linear-gradient(115deg,rgba(2,6,15,.98) 0%,rgba(4,14,34,.90) 38%,rgba(48,8,26,.78) 78%,rgba(93,12,29,.72) 100%),
    url('assets/CALEB.jpg') center/cover no-repeat;
  filter:blur(7px);
  opacity:.72;
}
body:after{
  background:
    radial-gradient(circle at 12% 18%,rgba(245,197,66,.08),transparent 24%),
    radial-gradient(circle at 86% 32%,rgba(197,43,62,.11),transparent 26%),
    radial-gradient(circle at 52% 90%,rgba(13,45,99,.16),transparent 34%);
}

/* subtle film grain: keeps the design organic instead of overly synthetic */
body .nav:after, body .hero:after{pointer-events:none}
.nav{
  height:76px;
  padding:0 6vw;
  background:linear-gradient(90deg,rgba(3,7,16,.96),rgba(5,17,39,.90),rgba(51,8,25,.78));
  border-bottom:1px solid rgba(245,197,66,.13);
  backdrop-filter:blur(16px) saturate(115%);
}
.logo img{width:112px;max-height:52px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}
nav{gap:28px}
nav a{
  color:#ead9a8;
  opacity:.78;
  transition:color .25s ease,opacity .25s ease,transform .25s ease;
}
nav a:hover{color:var(--sa-yellow);opacity:1;transform:translateY(-1px)}
.menu{color:var(--sa-yellow)}

.hero{
  min-height:720px;
  padding:0 9vw;
  background:
    linear-gradient(90deg,rgba(2,6,15,.97) 0%,rgba(5,18,42,.82) 43%,rgba(54,9,27,.44) 78%,rgba(92,12,29,.18) 100%),
    url('assets/CALEB.jpg') center 22%/cover no-repeat;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 73% 34%,rgba(245,197,66,.12),transparent 18%);
  pointer-events:none;
}
.hero:after{
  width:44vw;height:62vh;right:-12vw;top:20%;
  background:radial-gradient(ellipse,rgba(197,43,62,.18),rgba(245,197,66,.08) 32%,transparent 70%);
  filter:blur(24px);
}
.hero-overlay{background:linear-gradient(90deg,rgba(2,6,15,.78),rgba(5,18,42,.26) 55%,transparent 88%)}
.hero-content{max-width:900px;padding-top:34px}
.hero-logo{width:min(205px,38vw);max-height:112px;margin-bottom:30px;filter:drop-shadow(0 10px 28px rgba(0,0,0,.4))}
.eyebrow,.scroll,.project small,.cards span,.director-copy .role,.work-info small{
  color:var(--sa-yellow);
}
.eyebrow{font-weight:600;font-size:10px;letter-spacing:.25em}
.hero h1,.section h2,.director-copy h2,.portfolio-section h2,.behind-heading h2,.contact h2{
  background:linear-gradient(100deg,var(--sa-yellow) 0%,#f0d98e 44%,var(--sa-red-bright) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 10px 35px rgba(0,0,0,.22);
}
.hero h1{font-size:clamp(56px,7.4vw,104px);letter-spacing:-.035em;margin-bottom:28px}
.intro,.copy,.director-copy>p:not(.eyebrow):not(.role),.behind-heading>p,.cards p,.work-info p,.note{
  color:var(--sa-muted);
}
.intro{max-width:600px;font-size:15px;line-height:1.85}
.buttons{margin-top:34px;gap:12px}
.btn{border-radius:4px;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.btn:hover{transform:translateY(-2px)}
.buttons .primary,.contact .primary{
  background:linear-gradient(135deg,#ffd85c 0%,var(--sa-yellow) 48%,var(--sa-gold) 100%);
  color:#07101f;
  box-shadow:0 12px 30px rgba(245,197,66,.18);
}
.buttons .primary:hover,.contact .primary:hover{filter:brightness(1.06);box-shadow:0 16px 36px rgba(245,197,66,.25)}
.buttons .ghost{
  background:rgba(5,17,39,.58);
  border:1px solid rgba(245,197,66,.35);
  color:#e9d59b;
  backdrop-filter:blur(8px);
}
.buttons .ghost:hover{background:linear-gradient(135deg,#0d2d63,#6f1328);border-color:rgba(245,197,66,.65);color:#f5c542}
.scroll{color:#9e947e}

/* Sections: controlled gradients, not rainbow blocks */
.section,.portfolio-section,.behind-scenes,.dark,.director,.contact,.split{
  position:relative;
  overflow:hidden;
}
.section:before,.director:before,.contact:before,.split:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 85% 20%,rgba(245,197,66,.055),transparent 24%),radial-gradient(circle at 8% 82%,rgba(197,43,62,.07),transparent 28%);
}
.split{
  background:linear-gradient(120deg,#07162f 0%,#0a234d 46%,#2b1027 100%);
  color:var(--sa-cream);
}
.split h2{margin-bottom:0}
.copy{position:relative;z-index:1}
.text-link{color:var(--sa-yellow);border-color:rgba(245,197,66,.38);transition:.25s}
.text-link:hover{border-color:var(--sa-yellow);letter-spacing:.13em}

.dark,.portfolio-section,.behind-scenes{
  background:linear-gradient(125deg,#030914 0%,#07172f 48%,#250d25 100%);
  color:var(--sa-cream);
}
.section h2{margin-bottom:58px}

/* Services — elegant cards with colored edge instead of heavy gradients */
.cards{
  position:relative;z-index:1;
  gap:1px;
  background:linear-gradient(90deg,var(--sa-yellow),var(--sa-red-bright),var(--sa-blue));
  border:1px solid rgba(245,197,66,.12);
  border-radius:10px;
  overflow:hidden;
}
.cards article{
  min-height:240px;
  padding:32px;
  background:linear-gradient(145deg,rgba(4,12,27,.98),rgba(7,24,53,.96));
  transition:background .35s ease,transform .35s ease;
}
.cards article:hover{background:linear-gradient(145deg,#0b2b5f,#40102c);transform:translateY(-2px)}
.cards h3{color:#e9d7a5;margin-top:42px}
.cards p{font-size:12px}

/* Director */
.director{
  background:linear-gradient(115deg,#030914,#081a38 48%,#3b1029 100%);
}
.director-image{background:#050b18}
.director-image img{filter:saturate(.92) contrast(1.02)}
.director-copy{position:relative;z-index:1}
.director-copy h2{margin-bottom:12px}
.director-copy .role{color:var(--sa-yellow)}
.director-tags span{
  border-color:rgba(245,197,66,.22);
  color:#cdbf9f;
  background:rgba(5,17,39,.42);
  border-radius:3px;
}
.director-tags span:hover{border-color:rgba(245,197,66,.55);color:var(--sa-yellow)}

/* Portfolio */
.portfolio-grid{position:relative;z-index:1;gap:16px}
.work{
  border:1px solid rgba(245,197,66,.09);
  border-radius:5px;
  background:#09152c;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.work img{filter:saturate(.88) contrast(1.03);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.work:after{background:linear-gradient(180deg,transparent 30%,rgba(2,7,16,.15) 45%,rgba(2,7,16,.96) 100%)}
.work:hover{border-color:rgba(245,197,66,.26)}
.work:hover img{filter:saturate(1.02) contrast(1.04)}
.work-info{bottom:28px}
.work-info h3{color:#ead9a8}
.work-link{
  background:linear-gradient(90deg,#0a2a5b 0%,#16468b 45%,#a51f35 78%,#f5c542 100%);
  color:#07101f;
  border-radius:3px;
  padding:10px 13px;
}

/* Coulisses */
.behind-heading{position:relative;z-index:1}
.behind-item{
  border:1px solid rgba(245,197,66,.08);
  border-radius:4px;
  background:#07172f;
}
.behind-item img{filter:saturate(.86) contrast(1.02)}
.behind-item:hover{border-color:rgba(245,197,66,.25)}
.behind-item span{color:#ead9a8}
.lightbox{background:rgba(2,7,16,.97)}
.lightbox-close{color:var(--sa-yellow)}

/* Contact — dark, direct and professional */
.contact{
  background:linear-gradient(120deg,#06142c 0%,#0b2a5a 52%,#4a102b 100%);
  color:var(--sa-cream);
}
.contact p,.contact-details p{color:#c4b798}
.contact-details a{color:#ead9a8;transition:color .25s}
.contact-details a:hover{color:var(--sa-yellow)}
.socials{gap:12px}
.socials a{
  border:1px solid rgba(245,197,66,.18);
  background:rgba(3,10,24,.28);
  border-radius:4px;
  color:#ddcc9e;
  padding:10px 14px;
  transition:.25s;
}
.socials a:hover{border-color:rgba(245,197,66,.55);color:var(--sa-yellow);background:rgba(245,197,66,.05)}

footer{
  background:#030812;
  color:#827a69;
  border-top:1px solid rgba(245,197,66,.13);
}
footer strong{color:var(--sa-yellow)}

/* Welcome */
.welcome-splash{
  background:radial-gradient(circle at 50% 38%,rgba(245,197,66,.12),transparent 22%),linear-gradient(125deg,#020711,#07172f 50%,#430e29 100%);
}
.welcome-content p{color:var(--sa-yellow);letter-spacing:.28em}
.welcome-content h1{background:linear-gradient(90deg,#f5c542,#efd996,#c52b3e);-webkit-background-clip:text;background-clip:text;color:transparent}
.welcome-content img{filter:drop-shadow(0 12px 35px rgba(245,197,66,.16))}

/* Small screens */
@media(max-width:800px){
  .nav{height:70px}
  .hero{min-height:680px;padding:0 6vw;background-position:58% center}
  .hero-content{padding-top:30px}
  .hero-logo{width:180px}
  .buttons{flex-direction:column;align-items:flex-start}
  .btn{width:auto}
  .cards article{min-height:210px}
  .director-copy{padding:70px 6vw}
  .contact{padding:110px 6vw}
}


/* ===== FINAL CLEAN CINEMATIC ART DIRECTION ===== */
:root{
  --sa-bg:#03070d;
  --sa-panel:rgba(8,15,27,.78);
  --sa-panel-2:rgba(10,20,36,.88);
  --sa-gold:#f4bf2f;
  --sa-gold-soft:#ffd86b;
  --sa-red:#b82035;
  --sa-blue:#0b315e;
  --sa-text:#eee8dc;
  --sa-muted:#a9a6a0;
}
body{background:var(--sa-bg);color:var(--sa-text)}
body:before{
  background:
    linear-gradient(115deg,rgba(2,5,10,.97) 0%,rgba(3,10,22,.84) 43%,rgba(20,8,20,.78) 76%,rgba(65,8,20,.68) 100%),
    url('assets/hero-studio-cinema.png') center/cover no-repeat;
  filter:blur(2px);
  opacity:.72;
}
body:after{
  background:
    radial-gradient(circle at 8% 20%,rgba(210,35,55,.16),transparent 22%),
    radial-gradient(circle at 90% 24%,rgba(244,191,47,.13),transparent 23%),
    radial-gradient(circle at 58% 70%,rgba(12,49,94,.18),transparent 32%);
}
.nav{
  height:78px;padding:0 5vw;
  background:linear-gradient(180deg,rgba(2,6,12,.94),rgba(2,8,16,.54),transparent);
  border-bottom:1px solid rgba(244,191,47,.10);
  backdrop-filter:blur(14px);
}
.logo img{width:126px;max-height:58px}
nav{gap:26px}
nav a{font-size:11px;letter-spacing:.08em;text-transform:none;color:#ded9cf;opacity:.82}
nav a:hover{color:var(--sa-gold);opacity:1}
.hero{
  min-height:820px;height:100vh;padding:0 7vw;
  background:
    linear-gradient(90deg,rgba(2,6,12,.96) 0%,rgba(3,12,26,.82) 42%,rgba(5,13,27,.42) 70%,rgba(50,8,20,.16) 100%),
    url('assets/hero-studio-cinema.png') center/cover no-repeat;
}
.hero-overlay{background:linear-gradient(90deg,rgba(2,6,12,.50),rgba(3,12,26,.10) 62%,transparent)}
.hero-content{max-width:720px;padding-top:35px}
.hero-logo{width:155px;max-height:90px;margin-bottom:38px}
.eyebrow{font-size:10px;letter-spacing:.27em;color:var(--sa-gold);margin-bottom:20px}
.hero h1{
  font-size:clamp(62px,7.5vw,108px);line-height:.90;letter-spacing:-.025em;margin-bottom:25px;
  color:#f0ece5;background:none;-webkit-text-fill-color:initial;
  text-shadow:0 10px 35px rgba(0,0,0,.35);
}
.hero h1 em{color:var(--sa-gold);-webkit-text-fill-color:var(--sa-gold);font-style:normal}
.intro{max-width:560px;color:#c7c4bd;font-size:14px;line-height:1.8}
.buttons{margin-top:30px;gap:14px}
.btn{border-radius:28px;padding:14px 21px;font-size:10px;letter-spacing:.05em;text-transform:none;font-weight:600}
.buttons .primary,.contact .primary{
  background:linear-gradient(135deg,#ffd96a 0%,#f4bf2f 62%,#d99318 100%);
  color:#10151b;border:0;box-shadow:0 10px 30px rgba(244,191,47,.18)
}
.buttons .ghost{background:rgba(5,13,24,.52);border:1px solid rgba(244,191,47,.45);color:#eee8dc}
.buttons .ghost:hover{background:rgba(11,49,94,.72);color:#fff;border-color:rgba(244,191,47,.75)}
.scroll{left:7vw;color:#b6b0a5}
.section,.portfolio-section,.behind-scenes,.dark,.director,.contact,.split{background:linear-gradient(180deg,#03080f 0%,#061321 55%,#03070d 100%);color:var(--sa-text)}
.section{padding:110px 7vw}
.split{padding-top:120px;padding-bottom:120px}
.split h2,.section h2,.director-copy h2,.portfolio-section h2,.behind-heading h2,.contact h2{
  color:#f1ece3;background:none;-webkit-text-fill-color:initial;
}
.split h2 em,.section h2 em,.director-copy h2 em,.portfolio-section h2 em,.behind-heading h2 em{color:var(--sa-gold);font-style:normal}
.copy,.intro,.director-copy>p:not(.eyebrow):not(.role),.behind-heading>p,.cards p,.work-info p,.note{color:var(--sa-muted)}
.cards{grid-template-columns:repeat(5,1fr);gap:12px;background:none;border:0}
.cards article{
  min-height:190px;padding:28px 22px;border-radius:14px;
  background:linear-gradient(145deg,rgba(10,20,34,.92),rgba(5,11,20,.86));
  border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 45px rgba(0,0,0,.18)
}
.cards article:hover{transform:translateY(-5px);background:linear-gradient(145deg,rgba(12,49,94,.82),rgba(88,13,29,.70));border-color:rgba(244,191,47,.24)}
.cards span{color:var(--sa-gold)}
.cards h3{color:#eee8dc;font-size:17px;margin:38px 0 10px}
.cards p{font-size:11px}
.director{grid-template-columns:1fr 1fr;min-height:680px}
.director-image{background:#03070d}
.director-image img{filter:saturate(.82) contrast(1.03);object-position:center top}
.director-copy{padding:100px 7vw}
.director-copy h2{font-size:clamp(60px,7vw,100px)}
.director-copy .role{color:var(--sa-gold)}
.director-tags span{border:1px solid rgba(244,191,47,.18);background:rgba(8,15,27,.58);color:#bdb7aa;border-radius:999px;padding:9px 12px}
.portfolio-grid{grid-template-columns:repeat(4,1fr);gap:16px}
.work{min-height:450px;border-radius:14px;border:1px solid rgba(255,255,255,.07);box-shadow:0 20px 55px rgba(0,0,0,.28)}
.work-info{bottom:22px;left:20px;right:20px}
.work-info h3{font-size:19px;color:#f0ece5}
.work-info small{color:var(--sa-gold)}
.work-link{border-radius:999px;padding:9px 12px;background:linear-gradient(90deg,#d72c3e,#b82035 48%,#f4bf2f);color:#080d14;box-shadow:none}
.behind-heading{gap:7vw}
.behind-grid{gap:14px}
.behind-item{border-radius:12px;border:1px solid rgba(255,255,255,.06);box-shadow:0 16px 40px rgba(0,0,0,.24)}
.behind-item span{color:#eee8dc}
.contact{padding:120px 7vw;text-align:center}
.contact h2{font-size:clamp(55px,7vw,96px)}
.contact-details a{color:#eee8dc}
.socials a{border-radius:999px;background:rgba(8,15,27,.65);border:1px solid rgba(244,191,47,.18);color:#d8d2c5}
footer{background:#02060c;color:#77736a;border-top:1px solid rgba(244,191,47,.12)}
footer strong{color:var(--sa-gold)}
.welcome-splash{background:linear-gradient(135deg,#02060c,#07172d 52%,#4d0b1e)}
.welcome-content h1{color:var(--sa-gold);background:none;-webkit-text-fill-color:initial}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){
  .nav{height:70px;padding:0 6vw}.logo img{width:105px}.hero{min-height:720px;padding:0 6vw;background-position:62% center}.hero-content{padding-top:45px}.hero h1{font-size:58px}.hero-logo{width:135px}.section{padding:85px 6vw}.cards{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr}.work{min-height:430px}.director{grid-template-columns:1fr}.director-image{height:500px;min-height:0}.director-copy{padding:75px 6vw}
}
@media(max-width:520px){.cards{grid-template-columns:1fr}.hero h1{font-size:52px}.buttons{align-items:flex-start}.btn{width:auto}}


/* ===== J'AIME — interaction premium ===== */
.likes-summary{
  display:flex;align-items:center;gap:10px;width:max-content;margin:0 0 26px;
  padding:10px 16px;border:1px solid rgba(245,197,66,.18);border-radius:999px;
  background:linear-gradient(135deg,rgba(7,21,47,.78),rgba(142,22,43,.28));
  color:var(--sa-muted);font-size:.82rem;letter-spacing:.04em;backdrop-filter:blur(10px);
}
.likes-summary strong{color:var(--sa-yellow);font-weight:700}
.likes-heart{color:#e44b5f;font-size:1rem;text-shadow:0 0 18px rgba(229,75,95,.35)}
.like-btn{
  display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:9px 13px;
  border:1px solid rgba(245,197,66,.24);border-radius:999px;
  background:linear-gradient(135deg,rgba(7,21,47,.9),rgba(142,22,43,.45));
  color:#eadfbe;font:600 .76rem/1 Montserrat,Arial,sans-serif;cursor:pointer;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
.like-btn:hover{transform:translateY(-2px);border-color:rgba(245,197,66,.7);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.like-btn .like-icon{font-size:1rem;color:#d9c9a4;transition:transform .22s ease,color .22s ease}
.like-btn .like-count{min-width:1.2em;text-align:center;color:var(--sa-yellow)}
.like-btn.is-liked{background:linear-gradient(135deg,rgba(142,22,43,.82),rgba(197,43,62,.62));border-color:rgba(245,197,66,.58);color:#fff4d0}
.like-btn.is-liked .like-icon{color:#ff5d73;transform:scale(1.12);text-shadow:0 0 12px rgba(255,93,115,.4)}
@media(max-width:700px){.likes-summary{font-size:.72rem}.like-btn{padding:8px 11px}}

/* Services étendus — grille premium */
#services .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#services .cards article { min-height: 220px; display:flex; flex-direction:column; }
#services .cards article p { max-width: 42ch; }
@media (max-width: 900px) { #services .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { #services .cards { grid-template-columns: 1fr; } }

/* ===== LOCATION DE MATÉRIEL — galerie professionnelle ===== */
#location-materiel{scroll-margin-top:80px;background:linear-gradient(180deg,rgba(3,8,15,.98),rgba(5,16,34,.96) 55%,rgba(34,7,22,.96));}
.equipment-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:end;margin:0 0 42px}
.equipment-heading>p{max-width:52ch;color:var(--sa-muted);line-height:1.8;margin:0}
.equipment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.equipment-card{overflow:hidden;border:1px solid rgba(245,197,66,.14);border-radius:16px;background:linear-gradient(145deg,rgba(7,21,47,.92),rgba(4,10,18,.96));box-shadow:0 18px 50px rgba(0,0,0,.28);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.equipment-card:hover{transform:translateY(-6px);border-color:rgba(245,197,66,.48);box-shadow:0 25px 60px rgba(0,0,0,.4)}
.equipment-media{height:190px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(245,197,66,.09),transparent 55%),linear-gradient(145deg,#07152f,#02060c)}
.equipment-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 15px 18px rgba(0,0,0,.38));transition:transform .3s ease}
.equipment-card:hover .equipment-media img{transform:scale(1.04)}
.equipment-info{padding:20px 18px 19px}
.equipment-info small{color:var(--sa-gold);font-size:10px;letter-spacing:.18em;font-weight:700}
.equipment-info h3{margin:9px 0 8px;color:#f0ece5;font-size:18px}
.equipment-info p{min-height:44px;color:var(--sa-muted);font-size:12px;line-height:1.6;margin:0 0 16px}
.equipment-cta{display:inline-flex;padding:9px 13px;border-radius:999px;border:1px solid rgba(245,197,66,.45);color:var(--sa-yellow);font-size:11px;font-weight:700;text-decoration:none;background:linear-gradient(90deg,rgba(7,27,73,.7),rgba(142,22,43,.42));transition:.2s ease}
.equipment-cta:hover{background:linear-gradient(90deg,#0d2d63,#c52b3e);color:#fff1bd;transform:translateY(-2px)}
.equipment-note{margin-top:28px;padding:24px 28px;border-radius:16px;border:1px solid rgba(245,197,66,.15);background:linear-gradient(90deg,rgba(7,21,47,.9),rgba(78,12,31,.65));display:flex;align-items:center;gap:20px}
.equipment-note span{color:var(--sa-yellow);font-weight:700;white-space:nowrap}.equipment-note p{margin:0;color:var(--sa-muted);font-size:12px;line-height:1.6;flex:1}
.service-link-card>a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.service-link-card strong{margin-top:auto;color:var(--sa-yellow);font-size:11px;letter-spacing:.04em}
@media(max-width:1200px){.equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.equipment-heading{grid-template-columns:1fr;gap:20px}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-note{flex-direction:column;align-items:flex-start}.nav nav a[href="#location-materiel"]{display:none}}
@media(max-width:520px){.equipment-grid{grid-template-columns:1fr}.equipment-media{height:220px}}

/* ===== DEMANDE DE DEVIS ===== */
.quote-section{padding:110px 7vw;background:linear-gradient(180deg,rgba(2,6,12,.94),rgba(7,18,39,.97) 58%,rgba(48,8,25,.94));border-top:1px solid rgba(245,197,66,.10)}
.quote-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:end;margin-bottom:42px}
.quote-heading h2{font-size:clamp(54px,7vw,92px);margin:.15em 0 0}
.quote-heading>p{max-width:54ch;color:var(--sa-muted);line-height:1.85;margin:0}
.quote-form{max-width:1100px}
.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.quote-grid label{display:flex;flex-direction:column;gap:8px;color:#d9d4c9;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.quote-grid label.full{grid-column:1/-1}
.quote-grid input,.quote-grid select,.quote-grid textarea{width:100%;box-sizing:border-box;border:1px solid rgba(245,197,66,.18);border-radius:12px;background:linear-gradient(135deg,rgba(7,21,47,.82),rgba(36,8,24,.72));color:#f1eee7;padding:15px 16px;font:500 14px/1.5 Montserrat,Arial,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.quote-grid input::placeholder,.quote-grid textarea::placeholder{color:#8e929a}
.quote-grid select{appearance:auto}
.quote-grid input:focus,.quote-grid select:focus,.quote-grid textarea:focus{border-color:rgba(245,197,66,.65);box-shadow:0 0 0 3px rgba(245,197,66,.08);transform:translateY(-1px)}
.quote-grid textarea{resize:vertical;min-height:130px}
.quote-actions{display:flex;gap:14px;align-items:center;margin-top:24px;flex-wrap:wrap}
.quote-actions .btn{border:none;cursor:pointer;text-decoration:none}
.quote-note{color:#777d88;font-size:11px;line-height:1.6;margin-top:14px}
.service-quote{display:inline-flex;margin-top:auto;padding:9px 12px;border-radius:999px;border:1px solid rgba(245,197,66,.25);color:var(--sa-yellow);background:rgba(4,10,18,.28);font-size:10px;font-weight:700;text-decoration:none;letter-spacing:.03em;transition:.2s ease}
.service-quote:hover{background:linear-gradient(90deg,#0d2d63,#c52b3e);color:#fff0c4;transform:translateY(-2px)}
@media(max-width:800px){.quote-heading{grid-template-columns:1fr;gap:20px}.quote-grid{grid-template-columns:1fr}.quote-grid label.full{grid-column:auto}.quote-section{padding:85px 6vw}}

/* ===== LIVE STREAMING ===== */
.live-section{background:linear-gradient(180deg,rgba(2,6,12,.98),rgba(6,18,40,.96) 55%,rgba(42,7,23,.97));position:relative;overflow:hidden}
.live-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:end;margin-bottom:42px}
.live-heading>p{max-width:52ch;color:var(--sa-muted);line-height:1.85;margin:0}
.live-player-wrap{position:relative;max-width:1180px;margin:0 auto}
.live-player{position:relative;aspect-ratio:16/9;min-height:420px;border-radius:18px;overflow:hidden;border:1px solid rgba(245,197,66,.18);background:radial-gradient(circle at 50% 40%,rgba(197,43,62,.24),transparent 32%),linear-gradient(135deg,#02060c 0%,#07152f 55%,#210815 100%);box-shadow:0 30px 90px rgba(0,0,0,.48)}
.live-player:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,rgba(245,197,66,.07) 45%,transparent 75%);pointer-events:none}
.live-status{position:absolute;z-index:2;top:18px;left:18px;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(2,6,12,.72);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);color:#eee8dc;font-size:10px;letter-spacing:.15em;font-weight:700}
.live-dot{width:8px;height:8px;border-radius:50%;background:#e43b52;box-shadow:0 0 16px rgba(228,59,82,.8);animation:livePulse 1.5s infinite}
.live-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 24px 30px}
.live-placeholder h3{font-family:"Bebas Neue",sans-serif;font-size:clamp(32px,4vw,58px);letter-spacing:.03em;color:#f0ece5;margin:16px 0 8px}
.live-placeholder p{max-width:580px;color:#9da4af;font-size:13px;line-height:1.8;margin:0 0 24px}
.live-play{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#c52b3e,#f4bf2f);color:#07101d;font-size:23px;padding-left:4px;box-shadow:0 12px 40px rgba(197,43,62,.28)}
.live-actions{margin:22px auto 0;max-width:1180px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border:1px solid rgba(245,197,66,.13);border-radius:15px;background:linear-gradient(90deg,rgba(7,21,47,.82),rgba(54,8,27,.62))}
.live-actions div{display:flex;flex-direction:column;gap:5px}.live-actions strong{color:#f1ece2;font-size:13px}.live-actions span{color:#858c97;font-size:11px}
.live-iframe{width:100%;height:100%;border:0;display:block}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}
@media(max-width:800px){.live-heading{grid-template-columns:1fr;gap:20px}.live-player{min-height:300px}.live-actions{flex-direction:column;align-items:flex-start}.nav nav a[href="#live"]{display:none}}

/* Live payant */
.paid-live-card{margin-top:28px;padding:28px;border:1px solid rgba(240,180,50,.25);background:linear-gradient(135deg,rgba(8,13,25,.94),rgba(35,8,12,.86));box-shadow:0 24px 70px rgba(0,0,0,.35);border-radius:20px}
.paid-live-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.live-badge{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;letter-spacing:.16em;font-weight:800;color:#ffd35a}
.live-price{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.06em;background:linear-gradient(90deg,#ffd34d,#ff8a3d,#e84b3f);-webkit-background-clip:text;background-clip:text;color:transparent}
.paid-live-content{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:end}
.paid-live-content small{color:#f3b83f;letter-spacing:.15em;font-weight:700}
.paid-live-content h3{font-size:2rem;margin:.45rem 0}
.paid-live-content p{max-width:650px;opacity:.78}
.paid-live-actions{display:flex;flex-direction:column;gap:16px}
.live-access-form label{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;opacity:.75}
.access-row{display:flex;gap:8px}.access-row input{min-width:0;flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:13px 16px;color:inherit;outline:none}.access-row input:focus{border-color:#e9b93f;box-shadow:0 0 0 3px rgba(233,185,63,.1)}
.access-message{min-height:1.2em;margin:8px 0 0!important;font-size:.84rem!important}
.live-player-wrap.gated{margin-top:28px}.live-player-wrap[hidden]{display:none}.live-player{aspect-ratio:16/9;background:#05070b;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.live-player iframe{width:100%;height:100%;border:0}.live-private-note{text-align:center;font-size:.82rem;opacity:.6;margin-top:10px}
@media(max-width:800px){.paid-live-content{grid-template-columns:1fr}.paid-live-top{align-items:flex-start}.access-row{flex-direction:column}.access-row .btn{width:100%}}

/* Services — présentation cinématographique inspirée du modèle fourni */
.services-modern{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 15%,rgba(228,61,61,.12),transparent 25%),radial-gradient(circle at 90% 70%,rgba(228,185,95,.10),transparent 28%),linear-gradient(180deg,#07090d,#0c1118 55%,#07090d);}
.services-intro{text-align:center;max-width:900px;margin:0 auto 55px}.services-intro .eyebrow{margin-bottom:12px}.services-intro h2{font-size:clamp(52px,6vw,82px);margin:0 0 12px;line-height:.9;letter-spacing:.01em}.services-intro h2 span{background:linear-gradient(90deg,#f4d98c,#e4b95f,#ffd76b);-webkit-background-clip:text;background-clip:text;color:transparent}.services-intro>p:last-child{margin:0;color:#c5c7cd;font-size:16px;line-height:1.6}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1440px;margin:0 auto}.service-card{position:relative;min-height:365px;border:1px solid rgba(228,185,95,.22);border-radius:14px;overflow:hidden;background:#0c1016;isolation:isolate;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.service-card:before{content:"";position:absolute;inset:0;background-image:var(--service-bg);background-size:cover;background-position:center;opacity:.54;filter:saturate(.85);transition:transform .6s ease,opacity .4s ease}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,12,.25) 5%,rgba(3,7,12,.58) 45%,rgba(3,5,8,.96) 100%);z-index:0}.service-card:hover{transform:translateY(-5px);border-color:rgba(244,217,140,.7);box-shadow:0 18px 45px rgba(0,0,0,.38)}.service-card:hover:before{transform:scale(1.06);opacity:.62}.service-card-content{position:relative;z-index:1;height:100%;min-height:350px;padding:32px 26px 26px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}.service-icon{display:grid;place-items:center;width:68px;height:68px;margin:auto auto 22px;border:1px solid rgba(255,255,255,.7);border-radius:50%;font-size:27px;color:#fff;background:rgba(0,0,0,.22);text-shadow:0 0 18px rgba(255,255,255,.18)}.service-card h3{font-family:"Bebas Neue",Impact,sans-serif;font-size:30px;letter-spacing:.02em;line-height:1;margin:0 0 12px;color:#fff}.service-card p{max-width:300px;min-height:48px;margin:0 0 22px;color:#e0e2e5;font-size:12px;line-height:1.55}.service-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:150px;padding:12px 20px;border:1px solid #e4b95f;border-radius:999px;background:rgba(4,7,11,.42);color:#f4d98c;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:.25s}.service-btn b{font-size:17px;font-weight:400;line-height:1}.service-btn:hover{background:linear-gradient(90deg,#e4b95f,#f4d98c);color:#0a0b0d;box-shadow:0 8px 24px rgba(228,185,95,.2);transform:translateY(-2px)}.services-cta{margin-top:64px;padding:28px 34px;border:1px solid rgba(228,185,95,.2);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(90deg,rgba(10,14,21,.95),rgba(18,20,24,.7));box-shadow:inset 0 1px rgba(255,255,255,.03)}.services-cta strong{font-family:"Bebas Neue",Impact,sans-serif;font-size:36px;letter-spacing:.02em;color:#fff}.services-cta strong span{color:#e4b95f}.services-cta p{margin:8px 0 0;color:#aeb2ba;font-size:12px;line-height:1.6}.services-cta .btn{white-space:nowrap}
@media(max-width:1180px){.service-grid{grid-template-columns:repeat(3,1fr);gap:18px}}
@media(max-width:800px){.service-grid{grid-template-columns:repeat(2,1fr);gap:16px}.service-card,.service-card-content{min-height:340px}.service-card h3{font-size:24px}.services-cta{flex-direction:column;align-items:flex-start}.services-cta strong{font-size:31px}}
@media(max-width:560px){.service-grid{grid-template-columns:1fr;gap:18px}.service-card,.service-card-content{min-height:360px}.services-intro{text-align:left}.services-intro h2{font-size:56px}.services-cta{padding:24px}.services-cta .btn{width:100%;text-align:center}}