/* Les signes du film prolongent les dossiers, sans ajouter de fonction métier. */
.tacte-character{--character-size:64px;display:block;flex-shrink:0;width:var(--character-size);height:var(--character-size);aspect-ratio:1;background-image:url('/identity/characters-20261006.webp');background-size:300% 200%;background-repeat:no-repeat;background-position:0 0}
.identity-trait{background-size:290% 194%;background-position:0 0;clip-path:inset(8% 0)}
.identity-arrow{background-position:50% 0;clip-path:inset(2% 3%)}
.identity-quotes{background-position:100% 0}
.identity-bracket{background-size:300% 197%;background-position:0 100%}
.identity-equals{background-position:50% 100%}
.identity-link{background-position:100% 100%}

/* URGENT conserve sa place dans le récit : une scène, puis le travail. */
.film-home .casting-inner{column-gap:clamp(32px,5.2vw,78px);align-items:start;padding-bottom:62px}
.film-home .casting-setup h2{font-size:clamp(3.25rem,5.5vw,5.5rem);margin-block:19px 15px}
.film-home .casting-setup .casting-joke{margin-block:8px 17px}
.urgent-scene{max-width:480px;margin:30px 0 0;position:relative;isolation:isolate}
.urgent-scene-image{position:relative;overflow:hidden;background:#1f1b15;aspect-ratio:3/2;border-radius:3px 36px 3px 18px;box-shadow:5px 6px 0 #d9e96b}
.urgent-scene-image:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #e7cd8a45;border-radius:inherit}
.urgent-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.urgent-scene figcaption{margin:15px 0 0;padding-left:15px;border-left:3px solid var(--red);font-size:.875rem;line-height:1.5;color:#5a5147}
.urgent-scene figcaption span{display:block;font-weight:700;color:#221e18;margin-bottom:3px}
.film-home .casting-answer{padding-top:12px}

/* Les silhouettes existantes restent les supports ; les signes prennent corps. */
.film-home .expertise-card:nth-child(n) .identity-gesture{display:grid;grid-template-columns:minmax(0,56%) minmax(0,44%);align-items:center;position:relative;height:220px;margin:0 8%;padding:12px 0 0;gap:0;isolation:isolate}
.film-home .identity-gesture .tacte-character{width:100%;height:auto;max-width:255px;justify-self:center;transform-origin:50% 70%}
.film-home .expertise-card:nth-child(n) .identity-gesture .gesture-word{font:clamp(2.15rem,4.1vw,3.55rem)/1 var(--poster);letter-spacing:-.025em;position:relative;z-index:1;opacity:1;margin-top:28px;text-transform:uppercase;white-space:nowrap}
.film-home .identity-gesture:after{content:'';position:absolute;left:5%;right:0;bottom:11px;height:1px;background:linear-gradient(90deg,transparent,#86734466,transparent)}
.film-home .expertise-card:nth-child(3) .identity-gesture{padding-top:28px;height:236px}
.film-home .expertise-card:nth-child(3) .identity-gesture:after,.film-home .expertise-card:nth-child(4) .identity-gesture:after{background:linear-gradient(90deg,transparent,#f4e0ab70,transparent)}
.film-home .expertise-card:nth-child(n) .card-grain{width:100px;height:86px;opacity:.24;background:repeating-linear-gradient(8deg,transparent 0 8px,#72552c25 8px 9px);pointer-events:none}

/* Deux rôles de méthode accompagnent les quatre expertises, dans une bande compacte. */
.identity-method-crew{display:grid;grid-template-columns:minmax(150px,.62fr) minmax(0,1.2fr) minmax(0,1.2fr);align-items:center;gap:22px;padding:26px 0 24px;margin:12px 0 24px;border-block:1px solid #201d1830;position:relative}
.identity-method-crew:before{content:'';position:absolute;left:0;top:-2px;width:70px;height:4px;background:var(--red)}
.identity-crew-label{margin:0;font-size:1.125rem;line-height:1.4}
.identity-crew-label strong{font:1.8rem/1.25 var(--serif);letter-spacing:-.03em}
.identity-crew-label>span{display:block;font-size:.8125rem;color:#665e54;margin-top:9px}
.identity-crew-role{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:8px;min-width:0}
.identity-crew-role .tacte-character{--character-size:86px}
.identity-role-name{display:block;font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#ae201c}
.identity-crew-role h3{font:1.35rem/1.2 var(--serif);letter-spacing:-.025em;margin:7px 0 8px}
.identity-crew-role p{font-size:.875rem;line-height:1.55;color:#575046;margin:0;max-width:340px}

/* Les mêmes signes se retrouvent là où l’on regarde et prépare un dossier. */
.film-home .tabs button{display:flex;align-items:center;justify-content:center;gap:4px}
.film-home .tabs button>.tacte-character{--character-size:34px}
.film-home .tabs button[data-expertise=communication]>.tacte-character{background-color:#f2f0dc;border-radius:9px 2px 9px 2px}
.film-home .identity-method-symbol{width:90px;height:90px;display:block;margin-bottom:16px;border:0;background:none;position:relative}
.film-home .method-card:nth-child(n) .identity-method-symbol{margin-left:-8px}
.film-home .method-card:nth-child(n) .identity-method-symbol>.tacte-character{--character-size:90px;position:static;background-color:transparent;transform:none}
.film-home .method-card:nth-child(n) .identity-method-symbol>.tacte-character:before,.film-home .method-card:nth-child(n) .identity-method-symbol>.tacte-character:after{display:none}

.identity-atelier-thread{display:flex;flex-wrap:wrap;gap:6px 30px;border-top:1px solid #19191825;margin:0 0 20px;padding-top:10px}
.atelier .identity-atelier-thread p{display:flex;align-items:center;gap:7px;margin:0;font-size:.875rem;font-weight:650;line-height:1.4}
.identity-atelier-thread .tacte-character{--character-size:42px}
.atelier .workflow-tabs .workflow-number{display:none}
.atelier .workflow-tabs button{align-items:center;gap:5px;padding:12px 10px}
.atelier .workflow-tabs .tacte-character{--character-size:55px;display:block}
.atelier .workflow-tabs button[data-kind=communication]>.tacte-character,.atelier .workflow-tabs button[data-kind=achats]>.tacte-character{background-color:#e6e0d0;border-radius:16px 3px 16px 3px}
.identity-file-heading{display:flex;align-items:center;gap:8px}
.identity-file-heading .tacte-character{--character-size:44px}
.identity-profile .identity-file-heading+p{margin-top:4px}

/* Un geste court au contact. L’entrée utilise le repère de visibilité existant. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .film-home .identity-gesture .tacte-character{transition:transform .4s cubic-bezier(.16,1,.3,1)}
 .film-home .expertise-card:is(:hover,:focus-within) .identity-gesture .tacte-character{transform:translateY(-5px) rotate(-4deg)}
 .film-home .expertise-card:nth-child(even):is(:hover,:focus-within) .identity-gesture .tacte-character{transform:translateY(-5px) rotate(4deg)}
 .atelier .workflow-tabs .tacte-character{transition:transform .3s ease}
 .atelier .workflow-tabs button:is(:hover,:focus-visible) .tacte-character{transform:translateY(-3px) rotate(-3deg)}
}
@media(prefers-reduced-motion:no-preference){
 .tacte-moving .casting.tacte-entered .urgent-scene-image img{animation:urgent-arrives 1.1s cubic-bezier(.16,1,.3,1) both}
 @keyframes urgent-arrives{from{transform:scale(1.035) translateY(5px)}to{transform:scale(1) translateY(0)}}
}
.motion-quiet .identity-gesture .tacte-character,.motion-quiet .workflow-tabs .tacte-character,.motion-quiet .urgent-scene-image img{animation:none!important;transition:none!important;transform:none!important}

@media(min-width:1600px){.film-home .expertise-card:nth-child(n) .identity-gesture{height:242px}.film-home .expertise-card:nth-child(3) .identity-gesture{height:258px}}
@media(max-width:1100px){
 .film-home .expertise-card:nth-child(n) .identity-gesture{height:195px}
 .film-home .expertise-card:nth-child(3) .identity-gesture{height:212px}
 .film-home .expertise-card:nth-child(n) .identity-gesture .gesture-word{font-size:clamp(2rem,4vw,3rem)}
 .identity-method-crew{grid-template-columns:1fr 1fr;gap:20px 12px}
 .identity-crew-label{grid-column:1/-1;display:flex;align-items:baseline;gap:8px 15px;flex-wrap:wrap}
 .identity-crew-label br{display:none}
 .identity-crew-label strong{font-size:1.5rem}
 .identity-crew-label>span{margin:0 0 0 auto}
 .identity-crew-role{grid-template-columns:72px minmax(0,1fr)}
 .identity-crew-role .tacte-character{--character-size:72px}
 .film-home .tabs button{gap:2px;padding-inline:10px}
 .film-home .tabs button>.tacte-character{--character-size:28px}
}
@media(max-width:700px){
 .film-home .casting-inner{padding-bottom:45px;gap:33px}
 .film-home .casting-setup h2{font-size:clamp(3.1rem,12vw,4.1rem)}
 .urgent-scene{max-width:100%;margin-top:25px}
 .urgent-scene-image{border-radius:3px 26px 3px 16px;box-shadow:4px 4px 0 #d9e96b}
 .urgent-scene figcaption{font-size:.8125rem;margin-top:13px}
 .film-home .casting-answer{padding-top:3px}
 .film-home .expertise-card:nth-child(n) .identity-gesture{height:186px;margin-inline:9%;padding:7px 0 0;grid-template-columns:minmax(0,53%) minmax(0,47%)}
 .film-home .expertise-card:nth-child(3) .identity-gesture{height:203px;padding-top:27px}
 .film-home .expertise-card:nth-child(n) .identity-gesture .gesture-word{font-size:clamp(2.25rem,8.3vw,3.15rem);margin-top:22px}
 .film-home .identity-gesture .tacte-character{max-width:195px}
 .identity-method-crew{grid-template-columns:1fr;padding:21px 0;margin-top:0;gap:19px}
 .identity-crew-label{grid-column:auto;gap:7px 10px;line-height:1.4}
 .identity-crew-label>span{margin-left:0;flex-basis:100%}
 .identity-crew-role{grid-template-columns:70px minmax(0,1fr);gap:8px}
 .identity-crew-role .tacte-character{--character-size:70px}
 .identity-crew-role h3{font-size:1.35rem}
 .identity-crew-role p{font-size:.875rem;max-width:none}
 .film-home .tabs button>.tacte-character{display:none}
 .film-home .identity-method-symbol{width:76px;height:76px;margin-bottom:10px}
 .film-home .method-card:nth-child(n) .identity-method-symbol>.tacte-character{--character-size:76px}
 .identity-atelier-thread{gap:0 12px;padding-top:7px;margin-bottom:15px}
 .atelier .identity-atelier-thread p{font-size:.8125rem;gap:3px}
 .identity-atelier-thread .tacte-character{--character-size:36px}
 .atelier .workflow-tabs button{gap:9px;padding:8px 12px;min-height:67px}
 .atelier .workflow-tabs .tacte-character{--character-size:50px}
}
@media(max-width:520px){
 .atelier .workflow-tabs{grid-template-columns:minmax(0,1fr)}
 .atelier .workflow-tabs button{min-height:60px;gap:12px}
 .atelier .workflow-tabs .tacte-character{--character-size:44px}
}
@media(max-width:380px){
 .film-home .expertise-card:nth-child(n) .identity-gesture{height:170px}
 .film-home .expertise-card:nth-child(3) .identity-gesture{height:188px}
 .film-home .expertise-card:nth-child(n) .identity-gesture .gesture-word{font-size:8.15vw}
 .identity-crew-role{grid-template-columns:60px minmax(0,1fr)}
 .identity-crew-role .tacte-character{--character-size:60px}
}
@media(prefers-reduced-motion:reduce){
 .identity-gesture .tacte-character,.workflow-tabs .tacte-character,.urgent-scene-image img{animation:none!important;transition:none!important;transform:none!important}
}
@media print{.urgent-scene,.identity-atelier-thread,.identity-method-crew,.tacte-character{display:none!important}}