/* Présentation d’identité Noïde : styles limités à cette réalisation. */
.identity-page{font-weight:500}
.identity-page .identity-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:44px 0 48px}
.identity-page .identity-hero .eyebrow{margin-bottom:16px;color:#346d82}
.identity-page .identity-hero h1{font-size:clamp(34px,3.7vw,51px);line-height:1.12;max-width:20ch;color:#173f52}
.identity-page .identity-intro{margin-top:23px;color:#425e6e;font-size:16px;line-height:1.75;max-width:55ch}
.identity-page .identity-hero .text-link{display:inline-block;margin-top:24px;font-size:14px}
.identity-logo{margin:0;background:#f6f3ed;min-height:260px;padding:46px 34px 26px;display:flex;flex-direction:column;justify-content:center;gap:42px;border-radius:7px}
.identity-logo img{width:100%;height:auto}
.identity-logo figcaption{font-size:12px;line-height:1.5;letter-spacing:.03em;text-align:center;color:#5a6263}
.identity-scene{margin-block:0}
.identity-scene-link{display:block;position:relative;border-radius:7px;overflow:hidden;background:#f6f3ed;cursor:zoom-in}
.identity-scene-link img{display:block;width:100%;height:auto}
.identity-zoom{position:absolute;right:20px;bottom:20px;padding:10px 15px;background:#fff;color:#173f52;border:1px solid #d3e1e7;border-radius:5px;font-weight:700;font-size:13px;box-shadow:0 4px 16px #132e4520}
.identity-scene figcaption{font-size:12px;line-height:1.65;color:#506674;margin-top:14px;max-width:100ch}
.identity-work{padding-block:55px 52px}
.identity-work .eyebrow{margin-bottom:12px;color:#346d82}
.identity-work h2{font-size:clamp(27px,3vw,35px);line-height:1.2;max-width:28ch}
.identity-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:30px}
.identity-work-grid article{border-top:2px solid #d5e4e9;padding-top:20px}
.identity-work-grid h3{font-size:19px;letter-spacing:-.025em;line-height:1.3;color:#173f52}
.identity-work-grid p{font-size:14px;line-height:1.75;color:#425e6e;margin-top:10px}
.identity-method{margin-top:24px;color:#506674;font-size:13px;line-height:1.65}
.identity-cta{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:36px 40px;background:#163f52;color:#fff;border-radius:7px;margin-bottom:48px}
.identity-cta .eyebrow{color:#a9e2ec;margin-bottom:13px}
.identity-cta h2{color:#fff;font-size:clamp(26px,2.8vw,35px);line-height:1.17;letter-spacing:-.035em}
.identity-cta p:not(.eyebrow){font-size:14px;color:#e1edf1;margin-top:17px;line-height:1.75}
.identity-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:19px}
.identity-cta .button{background:#fff;color:#173f52;border-color:#fff;font-size:14px}
.identity-cta .button:hover{background:#dff5f8;color:#173f52}
.identity-cta .text-link{color:#fff;font-size:13px;text-decoration-color:#91c2d1}
.identity-page dialog{width:min(1440px,calc(100% - 32px));max-height:94dvh;padding:16px;border:0;border-radius:8px;color:#173f52;background:#fff}
.identity-page dialog::backdrop{background:#071d2ae8}
.identity-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px}
.identity-viewer-head h2{font-size:18px;letter-spacing:-.02em;line-height:1.3}
.identity-viewer-head button{border:0;border-radius:4px;background:#174f68;color:white;font-size:14px;font-weight:700;min-height:44px;padding:10px 16px}
.identity-page dialog img{max-height:calc(94dvh - 120px);width:auto;max-width:100%;margin:auto;object-fit:contain}
.identity-viewer-file{display:inline-block;font-size:13px;font-weight:600;margin-top:14px}
/* Carte du portfolio et liens depuis l’offre : aucun effet sur les autres cas. */
.portfolio-page .case-30 .case-preview{display:block;background:#f6f3ed}
.identity-card-preview{display:block;text-decoration:none;position:relative}
.identity-card-preview img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.portfolio-page .case-30 .sample-enlarge{display:block;padding:13px 16px;font-size:13px;font-weight:700;background:#f6f3ed;text-align:right;color:#173f52;text-decoration:none}
.identity-offer-link{display:inline-block;margin-top:13px;font-size:13px;font-weight:700;color:#245a70;text-underline-offset:4px}
.identity-page .identity-hero.identity-collection-intro{display:block;padding-bottom:32px;max-width:1240px}
.identity-collection-intro .identity-intro{max-width:65ch}
.identity-project-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:48px}
.identity-project-nav a{display:block;color:#173f52;text-decoration:none;border-bottom:2px solid #d5e4e9;padding-bottom:14px}
.identity-project-nav img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:5px;margin-bottom:13px;transition:filter .2s}
.identity-project-nav a:hover img{filter:brightness(1.06)}
.identity-project-nav strong{display:block;font-size:16px;line-height:1.4}
.identity-project-nav span{display:block;font-size:12px;color:#506674;line-height:1.5;margin-top:4px}
.identity-project{margin-bottom:48px;scroll-margin-top:125px}
.identity-project-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:19px}
.identity-project-heading .eyebrow{margin-bottom:10px;color:#346d82}
.identity-project-heading h2{font-size:clamp(25px,3vw,35px);line-height:1.2;color:#173f52}
.identity-project-heading>p{max-width:46ch;font-size:14px;line-height:1.7;color:#425e6e}
.identity-project .identity-scene{margin:0}
.identity-card-more{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#f6f3ed}
.identity-card-more a{display:block}
.identity-card-more img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.identity-project-nav a:focus-visible,.identity-card-more a:focus-visible,.identity-scene-link:focus-visible{outline:3px solid #245a70;outline-offset:4px}
@media(max-width:600px){.identity-project-nav{gap:10px;margin-bottom:32px}.identity-project-nav strong{font-size:13px}.identity-project-nav span{font-size:11px}.identity-project-nav img{margin-bottom:9px}.identity-project{margin-bottom:33px;scroll-margin-top:105px}.identity-project-heading{display:block}.identity-project-heading>p{margin-top:13px;font-size:14px}.identity-page .identity-hero.identity-collection-intro{padding-bottom:25px}}
@media(max-width:800px){
 .identity-page .identity-hero{grid-template-columns:1fr;gap:26px;padding:28px 0 28px}
 .identity-page .identity-hero h1{font-size:36px;max-width:20ch}
 .identity-page .identity-intro{margin-top:18px;font-size:15px}
 .identity-logo{padding:37px 25px 23px;min-height:190px;gap:28px}
 .identity-zoom{right:10px;bottom:10px;padding:8px 11px;font-size:12px}
 .identity-scene figcaption{font-size:11px;margin-top:12px}
 .identity-work{padding-block:34px}
 .identity-work-grid{grid-template-columns:1fr;gap:20px;margin-top:24px}
 .identity-work-grid article{padding-top:16px}
 .identity-work-grid p{font-size:14px;max-width:65ch}
 .identity-cta{grid-template-columns:1fr;gap:24px;padding:26px 24px;margin-bottom:32px}
 .identity-cta .button{width:100%}
 .identity-cta-actions{align-items:stretch}
 .identity-cta .text-link{text-align:center}
 .identity-viewer-head h2{font-size:15px}
 .identity-page dialog{padding:12px}
}