/* Clarté de l’offre et parcours commercial. */
.hero-description{max-width:520px;font-size:16px;line-height:1.65}.hero-description strong{display:block;font-size:13px;font-weight:400;color:#b3bbaa;margin-top:12px}.case-brief{border-top:1px solid #c7cebf;margin-top:18px;padding-top:15px;display:grid;gap:11px}.case-brief p{font-size:12px;line-height:1.6;color:#596250}.case-brief b{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#2f3c28;margin-bottom:3px}.case-brief .case-scope{font-size:10px;color:#72786b}.case-brief>a{font-size:12px;color:#33442a;text-decoration:underline;text-underline-offset:4px;width:fit-content;min-height:40px;display:inline-flex;align-items:center}.project-info>div{min-width:0}.trust-compact{display:flex;justify-content:space-between;align-items:center;gap:50px;padding-top:55px;padding-bottom:55px}.trust-compact>div{max-width:750px}.trust-compact h2{font-size:clamp(27px,3vw,43px);margin:18px 0}.trust-compact h2 em{color:#62754f}.trust-compact p:not(.eyebrow){font-size:13px;color:#536249;max-width:660px}.trust-button{background:#293e22;color:#fff;flex-shrink:0;gap:20px}.studio-statement h2{font-size:clamp(32px,3.5vw,52px)}.brief-options{margin-bottom:23px;border-bottom:1px solid #58654c}.brief-options summary{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:44px;font-size:12px;color:#ced6c6;padding-bottom:10px}.brief-options summary>span{font-size:10px;color:#a3b097}.brief-options .form-row{padding-top:15px}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-sensitive{font-size:10px;color:#a9b59f;margin-top:10px}#contact-submit .submit-label{font:600 12px Arial}#contact-submit:disabled{cursor:wait;opacity:.7}.contact-fallback{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:14px}#copy-brief{min-height:44px}.contact-intro h2{margin-top:26px}.contact-intro .email{min-height:44px}.section-heading h2{font-size:clamp(38px,4.5vw,68px)}
@media(max-width:1100px){.trust-compact{align-items:flex-start;flex-direction:column;gap:25px}}
@media(max-width:760px){.hero{padding-top:28px;padding-bottom:75px}.hero h1{font-size:clamp(34px,7.7vw,52px);margin:20px 0}.hero h1 .title-line{display:inline;overflow:visible;padding:0;margin:0}.hero h1 .title-line>span,.hero h1 .title-line>em{display:inline}.hero h1 .title-line:not(:last-child):after{content:' '}.hero h1 .title-line:last-child{display:block;margin-top:2px}.hero-description{font-size:14px;max-width:500px}.hero-description strong{font-size:12px;margin-top:7px}.hero-actions{margin-top:18px;gap:14px}.creative-stage{height:280px;width:min(100%,430px);margin-top:28px;margin-bottom:68px}.stage-coordinate{display:none}.stage-web{top:30px;width:76%;left:4%}.stage-web-page{height:160px}.stage-web-logo{font-size:16px;top:10px;left:14px}.stage-web-title{font-size:23px;top:64px;left:14px}.stage-web-title small{margin-top:12px;font-size:5px;padding:7px}.stage-film{height:192px;top:4px;width:30%;right:2%}.stage-film-title{font-size:27px;left:11px;bottom:39px}.stage-film-top{font-size:5px;left:9px;top:11px}.stage-restaurant{height:80px;bottom:0;left:14%;width:68%}.stage-restaurant>span{top:17px;left:15px;font-size:5px}.stage-restaurant em{font-size:20px;margin-top:6px}.stage-restaurant>b{font-size:15px;bottom:10px}.stage-selector{bottom:-59px}.creative-stage[data-world=film] .stage-film{transform:translate(-72%,16%) rotate(-3deg) scale(1.15)}.creative-stage[data-world=restaurant] .stage-restaurant{transform:translate(0,-94%) rotate(-2deg) scale(1.1)}.creative-stage[data-world=web] .stage-web{transform:translate(6%,0) rotate(0) scale(1.02)}.trust-compact{padding-top:38px;padding-bottom:38px;gap:24px}.trust-compact h2{font-size:30px}.trust-button{width:100%;max-width:350px}.case-brief{gap:10px;margin-top:14px}.case-brief p{font-size:12px}.case-brief>a{min-height:44px}.contact h2{font-size:47px}.studio-statement h2{font-size:36px}.hero-bottom{bottom:18px}.motion-on .hero.entering .title-line>span,.motion-on .hero.entering .title-line>em{animation:none}.motion-on .hero.entering h1{animation:soft-arrival .75s both}}
@media(max-width:380px){.hero h1{font-size:34px}.creative-stage{height:250px;margin-bottom:70px}.stage-web-page{height:140px}.stage-web-title{font-size:20px;top:60px}.stage-web-title small{margin-top:8px}.stage-film{height:172px}.stage-film-title{font-size:24px}.stage-restaurant{height:73px}.stage-restaurant em{font-size:18px}.stage-selector button{padding:9px 10px}.contact h2{font-size:40px}}

.demo-sillage .preview-nav b,.demo-sillage .preview-copy strong{font-family:Arial,sans-serif;font-weight:700}.demo-sillage .preview-copy strong{font-size:25px}.demo-sillage .preview-copy strong i{font-style:normal;color:#376242}.demo-sillage .preview-cta{background:#d87338;color:#21190d}.demo-sillage .preview-nav{background:#f4f3ed}


/* V7 — finitions après revue des captures ordinateur. */
/* Portrait ancré dans la carte ; le titre garde sa propre zone à gauche. */
.film-visual{background:#211b30}
.film-visual>img{inset:0 0 0 auto;width:64%;height:100%;object-fit:cover;object-position:50% 27%;filter:brightness(.95)}
.film-visual:after{background:linear-gradient(90deg,#211b30 22%,#211b30e6 35%,#211b3055 52%,transparent 72%),linear-gradient(0deg,#100d20b3,transparent 35%)}
.film-title{left:28px;bottom:87px;font-size:clamp(44px,4.1vw,64px);line-height:.94}
.film-title em{font-size:1.08em;line-height:.94}
.film-title small{font-size:14px;margin-top:17px}
.film-visual .project-tag{max-width:calc(100% - 50px);text-shadow:0 1px 8px #000}
.film-visual .play{background:#211b3070;bottom:76px;width:54px;height:54px}
/* Les textes utiles restent lisibles ; les miniatures gardent leur échelle. */
.header nav{font-size:14px;gap:24px}
.header-cta,.button,.text-link{font-size:13px}
.hero-description strong{font-size:14px;color:#c2c9ba}
.section-note{font-size:13px}
.work .section-note,.project-info p,.project-disclosure{color:#535d4b}
.section-heading>p{font-size:16px;color:#535d4b}
.work-filters button{font-size:13px;min-height:44px}
.work-filters sup{font-size:10px}
.concept-label,.project-tag{font-size:10px;line-height:1.5;letter-spacing:.8px}
.concept-label{right:25px;color:#43493b}
.demo-braise .concept-label{color:#e1d4c6}
.visual-bottom{font-size:10px;letter-spacing:.7px;line-height:1.5}
.project-info p{font-size:14px;line-height:1.65;margin-top:6px}
.case-brief{gap:13px;padding-top:18px}
.case-brief p{font-size:15px;color:#46523d;line-height:1.7}
.case-brief b{font-size:11px;letter-spacing:.8px;margin-bottom:5px}
.case-brief .case-scope{font-size:13px;color:#59634f}
.case-brief>a{font-size:14px;min-height:44px}
.project-disclosure{font-size:12px;line-height:1.7;max-width:960px}
.expertise-intro>p,.service-body,.studio-copy p,.contact-intro>p:not(.eyebrow){font-size:16px;line-height:1.75}
.expertise-intro>p{max-width:430px}
.service-body ul{font-size:14px;line-height:1.7}
.service-body a{font-size:14px;display:inline-flex;align-items:center;min-height:44px}
.studio-copy p{color:#40354c}
.process article>span{font-size:11px;color:#534260}
.process p{font-size:14px;line-height:1.75;color:#493954}
.trust-compact p:not(.eyebrow){font-size:15px;line-height:1.75;color:#47593d}
.faq-list summary{font-size:16px;min-height:44px}
.faq-list p{font-size:15px;line-height:1.75}
.contact label{font-size:13px;color:#d4ddcc}
.contact input,.contact select,.contact textarea{font-size:16px;line-height:1.6}
.contact input::placeholder,.contact textarea::placeholder{color:#bdc7b3}
.brief-options summary{font-size:14px}
.brief-options summary>span{font-size:12px;color:#c0ccb5}
.form-note,.contact-sensitive{font-size:13px;line-height:1.7;color:#c1ccb7}
#form-status,#copy-brief{font-size:14px}
#contact-submit .submit-label{font-size:14px}
.social-links{font-size:13px}
.social-links a{display:inline-flex;align-items:center;min-height:44px}
.footer-line{font-size:12px;color:#b5bfad;align-items:center}
.footer-line a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1100px){.header nav{font-size:16px;gap:12px}.header-cta{font-size:12px}}
@media(max-width:760px){
  .hero-description{font-size:15px}.hero-description strong{font-size:13px}
  .hero .button,.hero .text-link{font-size:12px}
  .section-heading>p{font-size:15px}
  .work-filters button{font-size:12px;padding:9px 12px}
  .project-info p{font-size:13px}
  .case-brief p{font-size:14px}.case-brief .case-scope{font-size:12px}
  .concept-label,.project-tag{left:20px;right:20px;font-size:10px}
  .visual-bottom{left:20px;right:20px;font-size:10px;letter-spacing:.4px}
  .film-visual>img{width:69%;object-position:50% 25%}
  .film-title{left:22px;font-size:clamp(42px,8vw,58px);bottom:87px}
  .film-visual .play{right:20px;width:48px;height:48px}
  .expertise-intro>p,.studio-copy p,.contact-intro>p:not(.eyebrow){font-size:15px}
  .service-body{font-size:15px;padding-left:0}
  .faq-list summary{font-size:15px}
  .form-note,.contact-sensitive{font-size:12px}
  .brief-options summary{flex-wrap:wrap;gap:8px}
  .footer-line{font-size:11px;gap:12px 24px}
}
@media(max-width:440px){
  .process{grid-template-columns:1fr;gap:25px}
  .process h3{margin-top:12px}
  .work-filters{width:100%;gap:6px}
  .work-filters button{font-size:11px;padding:9px 7px;flex:1}
  .work-filters sup{font-size:9px;margin-left:4px}
  .film-title{font-size:42px}.film-title small{font-size:12px;letter-spacing:5px}
  .contact form{padding:20px}
}