/* UNSEEN — unseenary.com · tokens */
:root{
  --nuit:#050505;      /* fond */
  --graphite:#141312;  /* cartes */
  --pellicule:#F2EEE7; /* texte clair, sections claires */
  --signal:#F26A21;    /* le point orange : le détail visible */
  --cendre:#8A847C;    /* texte secondaire */
  --encre:#0B0A09;     /* texte sur clair */
  --line:#262422;
  --D:Anton,'Avenir Next Condensed',Impact,sans-serif;
  --B:Inter,system-ui,sans-serif;
  --M:'IBM Plex Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--nuit);color:var(--pellicule);font-family:var(--B);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}img,video{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.D{font-family:var(--D);font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.92}
.mono{font-family:var(--M);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.eyebrow{font-family:var(--M);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}
.w{max-width:1320px;margin:0 auto;padding:0 32px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* grain de pellicule sur tout le site */
.grain{position:fixed;inset:-50%;z-index:60;pointer-events:none;opacity:.07;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-2%,6%)}80%{transform:translate(5%,-2%)}100%{transform:translate(0,0)}}

/* curseur */
.cur{position:fixed;left:0;top:0;z-index:70;width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--signal);pointer-events:none;display:flex;align-items:center;justify-content:center;transition:width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1),margin .35s cubic-bezier(.2,.8,.2,1)}
.cur span{font-family:var(--M);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#000;opacity:0;transition:opacity .2s}
.cur.big{width:88px;height:88px;margin:-44px 0 0 -44px}.cur.big span{opacity:1}
@media (hover:none){.cur{display:none}}

/* nav */
nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;transition:background .4s,padding .4s}
nav.solid{background:rgba(5,5,5,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 32px}
nav img{height:24px}
nav .l{display:flex;gap:28px;align-items:center}
nav .l a{text-decoration:none;font-family:var(--M);font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.8;transition:opacity .2s,color .2s}
nav .l a:hover{opacity:1;color:var(--signal)}
nav .lg{border:1px solid #fff4;padding:4px 9px}

/* HERO */
.hero{position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden;background:var(--nuit)}
#gl{position:absolute;inset:0;width:100%;height:100%}
.fallback{display:none}
.nogl .fallback{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;font-size:24vw}
.nogl .fallback i{font-style:normal;color:var(--signal)}
.hero-top{position:absolute;top:84px;left:32px;right:32px;display:flex;justify-content:space-between;color:var(--cendre);z-index:2}
.hero-bot{position:absolute;left:32px;right:32px;bottom:44px;z-index:2;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end}
.claim{font-size:clamp(40px,5.2vw,86px);margin:10px 0 0}.claim i{font-style:normal;color:var(--signal)}
.lead{margin:0 0 24px;color:#d9d3ca;max-width:520px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;text-decoration:none;font-family:var(--M);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;margin:0 10px 10px 0;transition:background .25s,color .25s,border-color .25s}
.b1{background:var(--signal);color:#000}.b1:hover{background:var(--pellicule)}
.b2{border:1px solid #fff5}.b2:hover{border-color:var(--signal);color:var(--signal)}
.b3{background:none;border:0;color:#F2EEE7;cursor:pointer;font-family:var(--M);text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--signal)}.b3:hover{color:var(--signal)}
.hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);color:var(--cendre);z-index:2;white-space:nowrap}
.hero-bot,.hero-top,.hint{opacity:0}

/* REEL : le point devient film */
.reel{position:relative;height:100vh;height:100svh;background:var(--nuit)}
.reel-pin{position:relative;height:100%;overflow:hidden}
.frame{position:absolute;inset:0;background:var(--signal);clip-path:inset(46% 46% 46% 46%)}
.frame video{width:100%;height:100%;object-fit:cover;opacity:0}
.reel-lines{position:absolute;left:32px;right:32px;bottom:9vh;z-index:2;pointer-events:none}
.reel-lines p{margin:0;font-size:clamp(40px,7vw,120px);opacity:0}
.reel-lines .l2{color:var(--signal)}
.frame:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#000c 100%)}

/* MANIFESTE */
.manifesto{padding:22vh 0 18vh}
.words{font-family:var(--D);text-transform:uppercase;font-size:clamp(34px,4.6vw,76px);line-height:1.02;margin:22px 0 34px;max-width:1180px}
.words .wd{display:inline-block;margin-right:.22em;opacity:.13}
.words .hl{color:var(--signal)}
.sig{color:var(--cendre);font-style:italic;margin:0}

/* CINÉMA : bobine horizontale */
.cine{padding:14vh 0 0}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;margin-bottom:48px}
.head h2{font-size:clamp(44px,6vw,104px);margin:14px 0 0;max-width:880px}
.head p{max-width:400px;color:#b9b3aa;margin:0}
.hs{position:relative;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:40px}
.track{display:flex;gap:28px;padding:0 32px;width:max-content}
.card{position:relative;width:min(56vw,74vh*1.5,900px);cursor:pointer;flex:0 0 auto}
.card .v{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--graphite)}
.card video{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.card:hover video{transform:scale(1)}
.card .tc{position:absolute;top:14px;left:16px;color:#fff;mix-blend-mode:difference}
.card .meta{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:18px}
.card h3{font-family:var(--D);font-weight:400;text-transform:uppercase;font-size:clamp(28px,2.6vw,42px);margin:0;letter-spacing:.01em}
.card p{margin:6px 0 0;color:#b9b3aa;max-width:620px}
.card .n{color:var(--cendre)}
.progress{position:absolute;left:32px;right:32px;bottom:5vh;height:1px;background:var(--line)}
.progress i{position:absolute;inset:0;background:var(--signal);transform-origin:left;transform:scaleX(0)}

/* UGC */
.ugc{padding:16vh 0}
.ugc-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:56px;align-items:center}
.ugc h2{font-size:clamp(44px,5vw,88px);margin:14px 0 22px}
.ugc .txt p{color:#b9b3aa;margin:0 0 24px;max-width:420px}
.langs{display:flex;flex-direction:column;gap:2px;font-family:var(--D);text-transform:uppercase;font-size:clamp(26px,2.4vw,40px);line-height:1.1}
.langs span:nth-child(1){color:var(--signal)}
.phone{position:relative;width:min(330px,72vw);aspect-ratio:9/16;border-radius:34px;overflow:hidden;border:1px solid #333;background:var(--graphite);cursor:pointer;box-shadow:0 40px 120px -30px #F26A2140}
.phone video{width:100%;height:100%;object-fit:cover}
.phone .cap{position:absolute;left:0;right:0;bottom:0;padding:60px 20px 20px;background:linear-gradient(#0000,#000d)}
.phone .cap b{font-family:var(--D);font-weight:400;text-transform:uppercase;font-size:24px;display:block}
.phone .cap span{color:#d9d3ca;font-size:14px}
.cta9{display:flex;flex-direction:column;justify-content:flex-end;min-height:420px;padding:34px;border:1px solid #F26A2155;text-decoration:none;background:radial-gradient(120% 70% at 50% 115%,#F26A2138,#0000 70%);transition:border-color .3s}
.cta9:hover{border-color:var(--signal)}
.cta9 .t9{font-size:clamp(36px,3.4vw,56px);margin:14px 0}
.cta9 p{color:#c9c3ba;margin:0 0 20px}.cta9 .go{color:var(--signal)}

/* sections claires */
.light{background:var(--pellicule);color:var(--encre)}
.light .head p,.light .muted{color:#5e5953}

/* MÉTHODE */
.method{padding:18vh 0}
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding-top:40px}
.steps .rule{position:absolute;top:0;left:0;right:0;height:2px;background:var(--encre);transform-origin:left}
.step b{font-family:var(--D);font-weight:400;text-transform:uppercase;font-size:clamp(34px,3vw,48px);display:block;margin-top:8px}
.step .tc2{font-family:var(--M);font-size:12px;letter-spacing:.1em;color:var(--signal)}
.step p{margin:12px 0 0;color:#5e5953}

/* OFFRES */
.offers{padding:18vh 0 14vh}
.offs{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}
.off h3{font-family:var(--M);font-weight:500;font-size:12px;letter-spacing:.16em;color:var(--signal);margin:0 0 8px}
.row{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);transition:padding .3s}
.row:hover{padding-left:10px}
.row b{font-family:var(--D);font-weight:400;text-transform:uppercase;font-size:26px}
.row span{flex:1;margin:0 18px;color:var(--cendre);font-size:15px}
.row em{font-style:normal;font-family:var(--D);font-size:34px}.row em small{font-family:var(--M);font-size:11px;color:var(--cendre);margin-left:6px}
.star{margin-top:56px;background:var(--signal);color:#000;padding:44px 48px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;clip-path:inset(0 0 0 0)}
.star .eyebrow{color:#000}
.star h3{font-family:var(--D);font-weight:400;text-transform:uppercase;font-size:clamp(40px,4.6vw,72px);margin:8px 0 10px;line-height:.95}
.star p{margin:0;max-width:560px}
.star .p{font-family:var(--D);font-size:clamp(72px,9vw,140px);line-height:.9}.star .p small{font-family:var(--M);font-size:14px;margin-left:8px}
.camp{margin:24px 0 0;color:var(--cendre);font-size:15px}.pdf{color:var(--signal);font-weight:600}

/* STUDIO */
.studio{padding:16vh 0}
.studio .grid2{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:end}
.studio h2{font-size:clamp(44px,5.4vw,92px);margin:14px 0 0}
.studio p{font-size:19px;margin:0}

/* CONTACT */
.contact{padding:14vh 0 10vh;overflow:hidden}
.marquee{white-space:nowrap;font-family:var(--D);text-transform:uppercase;font-size:clamp(80px,14vw,230px);line-height:1}
.mq{display:inline-block;will-change:transform}.mq i{font-style:normal;color:var(--signal)}
.ct{text-align:center;margin-top:7vh}
.ct p{color:#b9b3aa;max-width:560px;margin:0 auto 34px;font-size:19px}
.mail{font-size:clamp(22px,2.8vw,36px);font-weight:600;text-decoration:none;border-bottom:2px solid var(--signal);padding-bottom:4px}
.soc{margin-top:30px;display:flex;gap:28px;justify-content:center}.soc a{text-decoration:none;color:#b9b3aa}.soc a:hover{color:var(--signal)}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--cendre);font-size:13px}
footer .w{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* lecteur */
.modal{position:fixed;inset:0;background:#000f5;z-index:80;display:none;align-items:center;justify-content:center;padding:4vh 4vw}
.modal.on{display:flex}.modal video{max-height:88vh;max-width:100%;width:auto;background:#000}
.modal button{position:absolute;top:18px;right:22px;background:none;border:1px solid #fff6;color:#fff;font-family:var(--M);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;cursor:pointer}


.reel-btn{position:absolute;left:50%;bottom:6vh;transform:translateX(-50%);z-index:3;background:#F26A21;color:#000;border:0;padding:18px 28px;font-size:15px;cursor:pointer;opacity:0}
.reel-btn:hover{background:#F2EEE7}
.motion{padding:14vh 0}
.mot-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;align-items:center}
.motion h2{font-size:clamp(50px,5.4vw,96px);margin:14px 0 22px}
.motion .txt p{color:#b9b3aa;font-size:clamp(18px,1.4vw,21px);max-width:560px;margin:0 0 26px}
.mlist{list-style:none;padding:0;margin:0;font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:clamp(24px,2.2vw,36px);line-height:1.5}
.mlist li:before{content:'';display:inline-block;width:.4em;height:.4em;background:#F26A21;margin-right:.45em;vertical-align:middle}
.motion .phone{justify-self:center;background:#000}
.offs .row b{font-size:clamp(20px,1.6vw,27px)}.offs .row span{font-size:14px;margin:0 10px}.offs .row em{font-size:clamp(28px,2.2vw,38px)}
/* ===== LISIBILITÉ : tailles généreuses, texte aéré (demande d'Amer, 30.09) ===== */
body{font-size:clamp(17px,1.3vw,20px);line-height:1.65}
.mono{font-size:clamp(13px,.95vw,15px);letter-spacing:.06em}
.eyebrow{font-size:clamp(13px,.95vw,15px);letter-spacing:.1em;margin-bottom:6px}
.D{letter-spacing:.015em;line-height:.98}
nav{padding:22px 40px}nav.solid{padding:14px 40px}nav img{height:30px}
nav .l{gap:34px}nav .l a{font-size:15px;letter-spacing:.08em;opacity:.9}nav .lg{padding:6px 12px}
.hero-top{top:96px;left:40px;right:40px}
.hero-bot{left:40px;right:40px;bottom:56px;gap:64px}
.claim{font-size:clamp(52px,6.4vw,112px)}
.lead{font-size:clamp(18px,1.45vw,23px);line-height:1.55;max-width:600px;margin-bottom:30px}
.btn{font-size:15px;letter-spacing:.1em;padding:19px 30px}
.hint{font-size:14px;bottom:18px}
.reel-lines{left:40px;right:40px}
.words{font-family:var(--B);text-transform:none;font-weight:500;font-size:clamp(30px,3.5vw,58px);line-height:1.28;letter-spacing:-.01em;max-width:1200px}
.words .wd{margin-right:.26em;opacity:.16}
.sig{font-size:19px}
.w{padding:0 40px}
.head{margin-bottom:60px}
.head h2{font-size:clamp(50px,6.4vw,112px)}
.head p{font-size:clamp(18px,1.4vw,22px);max-width:460px;line-height:1.55}
.card .tc{background:#000b;mix-blend-mode:normal;padding:7px 11px;font-size:13px}
.card .meta{margin-top:22px}
.card h3{font-size:clamp(32px,3vw,50px)}
.card p{font-size:clamp(17px,1.3vw,20px);margin-top:8px}
.card .n{font-size:14px}
.ugc h2{font-size:clamp(50px,5.4vw,96px)}
.ugc .txt p{font-size:clamp(18px,1.4vw,21px);max-width:460px}
.langs{font-size:clamp(30px,2.8vw,46px)}
.phone{width:min(380px,78vw)}
.phone .cap b{font-size:28px}.phone .cap span{font-size:16px}
.cta9 .t9{font-size:clamp(40px,3.6vw,60px)}.cta9 p{font-size:18px}.cta9 .go{font-size:15px}
.step b{font-size:clamp(40px,3.6vw,60px)}
.step .tc2{font-size:15px}
.step p{font-size:clamp(17px,1.35vw,20px);line-height:1.6}
.off h3{font-size:15px;letter-spacing:.1em}
.row{padding:22px 0}
.row b{font-size:clamp(26px,2.2vw,34px)}
.row span{font-size:17px}
.row em{font-size:clamp(34px,2.8vw,44px)}.row em small{font-size:13px}
.star p{font-size:19px}
.camp{font-size:17px;line-height:1.7}
.studio p{font-size:clamp(19px,1.6vw,24px);line-height:1.6}
.ct p{font-size:clamp(19px,1.5vw,23px);max-width:620px}
.soc{gap:34px}.soc a{font-size:15px}
footer{font-size:15px;padding:34px 0}
.modal button{font-size:14px;padding:11px 18px}
.cur span{font-size:12px}

/* mobile */
@media (max-width:900px){
  .w{padding:0 20px}nav,nav.solid{padding:14px 20px}nav img{height:26px}
  .hero-top{top:70px;left:20px;right:20px}.hero-bot{left:20px;right:20px;bottom:56px;gap:18px}
  .claim{font-size:clamp(44px,13vw,64px)}.lead{font-size:17.5px}
  .btn{padding:17px 22px;font-size:14px}
  .words{font-size:clamp(26px,7vw,34px);line-height:1.3}
  .head h2,.ugc h2{font-size:clamp(42px,12vw,60px)}
  .reel-lines{left:20px;right:20px}.reel-lines p{font-size:clamp(34px,10vw,54px)}
  .row b{font-size:24px}.row em{font-size:32px}
  .star h3{font-size:40px}.star .p{font-size:76px}
  .w{padding:0 18px}nav,nav.solid{padding:14px 18px}nav .l a:not(.lg){display:none}
  .hero-top{top:64px;left:18px;right:18px}.hero-top span:last-child{display:none}
  .hero-bot{left:18px;right:18px;bottom:48px;grid-template-columns:1fr;gap:14px}
  .lead{font-size:15.5px;margin-bottom:16px}
  .hs{height:auto;display:block;padding-top:0}.track{flex-direction:column;width:auto;padding:0 18px 8vh;gap:44px}.card{width:100%}.progress{display:none}
  .ugc-grid,.mot-grid{grid-template-columns:1fr;gap:40px;justify-items:center}.motion .txt{justify-self:stretch}.ugc .txt{justify-self:stretch}.cta9{min-height:260px;width:100%}
  .steps,.offs,.studio .grid2{grid-template-columns:1fr;gap:34px}
  .row span{display:none}.star{padding:30px 24px}
  .reel-lines{left:18px;right:18px}
}
@media (prefers-reduced-motion:reduce){
  .grain{animation:none}.hero-bot,.hero-top,.hint{opacity:1}
  .frame{clip-path:none}.frame video{opacity:1}.reel-lines p{opacity:1}.words .wd{opacity:1}
}

/* ===== V3 : vidéo en ouverture + menu flottant (30.09 soir) ===== */
.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(180deg,rgba(5,5,5,.72) 0%,rgba(5,5,5,.25) 30%,rgba(5,5,5,.25) 55%,rgba(5,5,5,.92) 100%),rgba(5,5,5,.35)}
#gl{z-index:2}.hero-top,.hero-bot,.hint{z-index:3}
nav,nav.solid{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:22px 40px;transition:transform .5s cubic-bezier(.2,.8,.2,1),background .4s,padding .4s,top .4s,border-radius .4s,width .4s,left .4s}
nav.hide{transform:translateY(-130%)}
nav.float{top:14px;left:50%;width:min(1180px,calc(100% - 32px));transform:translateX(-50%);padding:10px 14px 10px 24px;border-radius:999px;
  background:rgba(12,11,10,.62);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(242,238,231,.1)}
nav.float.hide{transform:translate(-50%,-160%)}
nav.float img{height:22px}
@media (max-width:900px){nav.float{padding:8px 10px 8px 18px}nav.float img{height:20px}}

/* ===== SHOWREEL (Reel 2026) — visible dès l'arrivée, s'agrandit au scroll ===== */
.showreel{position:relative;height:100vh;height:100svh;background:#050505}
.sr-pin{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sr-kick{position:absolute;top:9vh;left:0;right:0;text-align:center;color:#F26A21;font-size:15px;letter-spacing:.2em;z-index:2}
.sr-frame{position:relative;width:78vw;height:78vh;border-radius:28px;overflow:hidden;background:#000 center/cover no-repeat;will-change:transform,border-radius;box-shadow:0 40px 140px -40px #F26A2155}
.sr-frame video{width:100%;height:100%;object-fit:cover;display:block}
.sr-sound{position:absolute;right:22px;bottom:22px;background:#F26A21;color:#000;border:0;padding:14px 20px;font-size:14px;cursor:pointer;z-index:3}
.sr-sound:hover{background:#F2EEE7}
@media (max-width:900px){.sr-frame{width:88vw;height:74vh;border-radius:22px}.sr-kick{top:7vh}}

/* ===== MOBILE PREMIUM (30.09 soir) ===== */
.sr-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border:0;border-radius:50%;background:rgba(5,5,5,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;display:none;z-index:4}
.sr-play span{position:absolute;left:33px;top:26px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent #F26A21}
.sr-frame.paused .sr-play{display:block}
@media (max-width:900px){
  section{padding-left:0;padding-right:0}
  .w{padding:0 22px}
  .eyebrow{font-size:12.5px;letter-spacing:.14em}
  /* showreel : carte 9:16 nette, pas d'agrandissement */
  .showreel{height:auto;padding:72px 0 40px}
  .sr-pin{height:auto;display:block;overflow:visible}
  .sr-kick{position:static;margin:0 22px 18px;text-align:left}
  .sr-frame{width:calc(100vw - 44px)!important;height:auto!important;aspect-ratio:9/16;margin:0 22px;border-radius:22px!important;transform:none!important;box-shadow:0 30px 90px -30px #F26A2166}
  .sr-sound{position:static;display:block;width:calc(100vw - 44px);margin:14px 22px 0;padding:16px;font-size:13px;text-align:center}
  /* titres et textes alignés à gauche, même rythme */
  .head{margin-bottom:34px}
  .head h2,.ugc h2,.motion h2,.studio h2{font-size:clamp(40px,11.5vw,52px);line-height:1}
  .head p,.ugc .txt p,.motion .txt p{font-size:16.5px;line-height:1.6;max-width:none}
  .manifesto{padding:90px 0 70px}
  .words{font-size:clamp(25px,6.8vw,30px)}
  /* films */
  .cine{padding-top:70px}
  .track{padding:0 22px 40px;gap:38px}
  .card h3{font-size:30px}.card p{font-size:16px}
  /* UGC */
  .ugc{padding:70px 0}
  .ugc-grid,.mot-grid{gap:30px;justify-items:stretch}
  .langs{font-size:28px;margin-top:6px}
  .phone{width:100%!important;max-width:none;border-radius:24px}
  .cta9{min-height:0;padding:26px}
  .cta9 .t9{font-size:36px}
  /* motion */
  .motion{padding:70px 0}
  .mlist{font-size:21px;line-height:1.55}
  .motion .phone{aspect-ratio:9/16}
  /* méthode / offres */
  .method,.offers,.studio{padding:80px 0}
  .steps{gap:30px}.step b{font-size:36px}
  .offs{gap:30px}
  .row{padding:16px 0}.row b{font-size:22px}.row em{font-size:30px}
  .star{margin-top:36px;padding:28px 22px;border-radius:0}
  .star h3{font-size:38px}.star .p{font-size:70px}
  .camp{font-size:15px}
  .contact{padding:80px 0 60px}.marquee{font-size:80px}
  .ct p{font-size:17px;padding:0 22px}.mail{font-size:21px}
  footer .w{flex-direction:column;gap:8px;font-size:13px}
  .hero-bot{bottom:40px}
}

/* ===== SIMULATEUR DE TARIF — la jauge (01.10) ===== */
.sim{--f:.5;margin-top:80px;border:1px solid var(--line);background:var(--graphite);padding:52px 56px 48px}
.sim-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:48px}
.sim-head h3{font-size:clamp(42px,4.6vw,76px);margin:10px 0 14px}
.sim-head p{color:#b9b3aa;max-width:640px;margin:0;font-size:clamp(17px,1.3vw,20px)}
.sim-tabs{display:flex;border:1px solid #3a3633}
.sim-tabs button{font-family:var(--M);font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding:15px 26px;background:none;border:0;color:var(--cendre);cursor:pointer;transition:background .25s,color .25s}
.sim-tabs button[aria-selected=true]{background:var(--pellicule);color:var(--encre)}
.sim-body{display:grid;grid-template-columns:1.2fr 1fr;gap:0;align-items:stretch}
.sim-dial{padding-right:56px}
.sim-l{color:var(--cendre)}
.sim-dur{display:block;font-size:clamp(88px,10.5vw,176px);line-height:.88;margin:10px 0 30px;white-space:nowrap}
.sim-dur small{font-size:.4em;color:var(--cendre);letter-spacing:.02em}
.sim-range{position:relative;padding-bottom:54px}
.sim input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:46px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}
.sim input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--signal) calc(15px + (100% - 30px) * var(--f)),#3a3633 0)}
.sim input[type=range]::-moz-range-track{height:3px;background:#3a3633}
.sim input[type=range]::-moz-range-progress{height:3px;background:var(--signal)}
.sim input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-13.5px;background:var(--signal);border:0;border-radius:0;box-shadow:0 0 0 7px rgba(242,106,33,.16);transition:transform .2s,box-shadow .2s}
.sim input[type=range]::-moz-range-thumb{width:30px;height:30px;background:var(--signal);border:0;border-radius:0;box-shadow:0 0 0 7px rgba(242,106,33,.16)}
.sim input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 12px rgba(242,106,33,.2)}
.sim input[type=range]:focus-visible{outline:none}.sim input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--pellicule);outline-offset:4px}
.sim-ticks{position:absolute;left:0;right:0;top:38px;height:40px}
.sim-ticks button{position:absolute;top:0;transform:translateX(-50%);background:none;border:0;padding:16px 4px 0;color:var(--cendre);cursor:pointer;font-size:13px;white-space:nowrap;min-width:22px;min-height:40px;transition:color .2s}
.sim-ticks button::before{content:'';position:absolute;top:0;left:50%;width:1px;height:9px;background:#4a4541}
.sim-ticks button.on{color:var(--pellicule)}.sim-ticks button.on::before{background:var(--signal);height:12px}
.sim-strip{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 16px;min-height:18px}
.sim-strip i{display:block;width:11px;height:16px;border-radius:1.5px;background:rgba(242,238,231,.22)}
.sim-strip i:last-child{background:var(--signal)}
.sim-meta{color:var(--cendre)}
.sim-out{border-left:1px solid var(--line);padding-left:56px}
.sim-tier{color:var(--signal);font-size:15px}
.sim-price{position:relative;display:flex;align-items:baseline;gap:12px;font-size:clamp(92px,10.5vw,176px);line-height:.88;margin:12px 0 20px;font-variant-numeric:tabular-nums}
.sim-price small{font-family:var(--M);font-size:16px;color:var(--cendre);letter-spacing:.08em}
.sim-delta{position:absolute;right:0;top:-24px;font-size:14px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
.sim-delta.on{opacity:1;transform:none}.sim-delta.up{color:var(--signal)}.sim-delta.down{color:var(--pellicule)}
.sim-desc{color:#cfc8bf;margin:0 0 22px;max-width:540px;min-height:3.3em}
.sim-opt{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--line);cursor:pointer}
.sim-opt input{-webkit-appearance:none;appearance:none;flex:none;width:21px;height:21px;margin:0;border:1.5px solid var(--cendre);cursor:pointer;transition:background .2s,border-color .2s}
.sim-opt input:checked{background:var(--signal);border-color:var(--signal)}
.sim-opt span{flex:1}.sim-opt em{font-style:normal;font-family:var(--M);color:var(--cendre);font-size:14px}
.sim-dep{color:var(--cendre);border-top:1px solid var(--line);padding-top:18px;margin:0 0 28px}
.sim-cta{display:inline-block}
.sim-note{color:var(--cendre);font-size:15px;margin:20px 0 0;line-height:1.55}
@media (max-width:900px){
  .sim{margin-top:52px;padding:30px 20px 28px}
  .sim-head{margin-bottom:28px}.sim-tabs{width:100%}.sim-tabs button{flex:1;padding:14px 10px}
  .sim-body{grid-template-columns:1fr}.sim-dial{padding-right:0}
  .sim-dur{font-size:clamp(76px,24vw,112px);margin-bottom:22px}
  .sim-ticks button:not(.on):not(.edge),.sim-ticks button.edge.near{font-size:0}
  .sim-out{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:28px;margin-top:22px}
  .sim-price{font-size:clamp(80px,24vw,116px)}
}
@media (prefers-reduced-motion:reduce){.sim-delta,.sim-tabs button,.sim input[type=range]::-webkit-slider-thumb{transition:none}}

/* ===== LÉMAN — le film se déroule au scroll (02.10) ===== */
.lm{position:relative;height:480vh;background:var(--nuit)}
.lm-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
#lmC,.lm-dot,.lm-shade{position:absolute;inset:0;width:100%;height:100%}
#lmC{display:block;clip-path:inset(46.5% 48% 46.5% 48%)}
.lm-dot{background:var(--signal);pointer-events:none}
.lm-shade{background:linear-gradient(180deg,#0000 45%,#000b 100%);opacity:0;pointer-events:none}
.lm-top{position:absolute;left:32px;bottom:40px;display:flex;gap:26px;color:#F2EEE7;opacity:0;pointer-events:none;text-shadow:0 1px 12px #0008}
.lm-top span:first-child{color:var(--signal)}
.lm-lines{position:absolute;left:32px;right:32px;bottom:12vh;pointer-events:none}
.lm-lines p{margin:0;font-size:clamp(40px,6.2vw,108px);line-height:1;opacity:0;text-shadow:0 2px 30px #0006}
.lm-lines .l2{color:var(--signal)}
.lm-hint{position:absolute;left:0;right:0;bottom:16vh;text-align:center;color:#F2EEE7;opacity:0;pointer-events:none;text-shadow:0 1px 12px #000a}
.lm-sound{position:absolute;right:32px;bottom:34px;background:#0006;border:1px solid #fff5;color:#F2EEE7;padding:12px 18px;cursor:pointer;opacity:0;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .25s,color .25s}
.lm-sound:hover{border-color:var(--signal);color:var(--signal)}
.lm-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff14}
.lm-bar i{position:absolute;inset:0;background:var(--signal);transform-origin:left;transform:scaleX(0)}
@media (max-width:899px){
  .lm{height:400vh;height:400svh}
  .lm-top{left:18px;right:18px;bottom:88px;justify-content:space-between}
  .lm-lines{left:18px;right:18px;bottom:17vh}
  .lm-lines p{font-size:clamp(34px,10.5vw,56px)}
  .lm-sound{left:18px;right:18px;bottom:26px;text-align:center}
  .lm-hint{bottom:30vh}
}
footer a{color:inherit;text-decoration:underline;text-underline-offset:3px}footer a:hover{color:var(--signal)}

/* ===== Réserver un appel (Cal.com, 02.10) ===== */
.cal-wrap{max-width:1000px;margin:56px auto 0;text-align:center}.cal-wrap .cal-s{max-width:none}
.cal-s{color:#c9c3ba;margin:10px 0 18px}
#cal-inline{width:100%;min-height:640px;border:1px solid #2a2a2a;overflow:auto}
.sim-call{margin-right:10px}
/* carte « Réserver un appel » (remplace le calendrier intégré, 02.10) */
.cal-card{max-width:640px;margin:60px auto 0;padding:38px 34px;border:1px solid #F26A2155;background:radial-gradient(120% 80% at 50% 120%,#F26A2130,#0000 70%);text-align:center}
.cal-card .cal-t{font-size:clamp(34px,4vw,56px);line-height:1;margin:12px 0 10px}
.cal-card .cal-s{color:#c9c3ba;margin:0 0 24px}
.cal-card .cal-go{margin:0}
.cal-card .cal-t{color:#F2EEE7}.cal-card .cal-t i{font-style:normal;color:var(--signal)}

/* ===== FAQ (SEO/GEO, 02.10) ===== */
.faq{padding:14vh 0 12vh}
.faq h2{font-size:clamp(40px,5vw,84px);margin:14px 0 40px}
.faq details{border-top:1px solid #ffffff22;padding:22px 0}
.faq details:last-child{border-bottom:1px solid #ffffff22}
.faq summary{cursor:pointer;list-style:none;font-size:clamp(19px,1.6vw,24px);font-weight:600;display:flex;justify-content:space-between;gap:24px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';color:var(--signal);font-size:28px;line-height:1;transition:transform .25s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{color:#c9c3ba;font-size:clamp(17px,1.3vw,20px);max-width:900px;margin:14px 0 0}
@media (max-width:899px){.faq{padding:80px 0}}