/* CODEMA content adaptations. Reference layout and motion remain in _astro/. */
:root{--hint-color:#1550ff}
.homepage__infos-hi{max-width:100%}
.homepage__what-head-title{max-width:100%}
.homepage__talk-link{overflow-wrap:anywhere}
.codema-case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:60px 4vw;background:#f4f3f0}
.codema-case-gallery .project-img-large{padding:0;margin:0;width:100%;max-width:none}
.codema-case-gallery img{display:block;width:100%;height:auto}
.codema-case-gallery .project-img-large:first-child{grid-column:1/-1;max-width:960px;justify-self:center}
.codema-case-live,.codema-next{padding:90px 6vw;background:#111319;color:white;text-align:center;font-size:clamp(24px,5vw,72px);letter-spacing:-.04em}
.codema-case-live{font-size:28px;background:#1550ff}
.project-head .project-h1{text-transform:none}
.codema-hero{width:100%;max-width:100%;aspect-ratio:16/9;overflow:hidden;background:#111319}
.codema-hero .project-hero-image{width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:brightness(.6)}
.codema-case-gallery img[src$="/codema-links/2.webp"]{max-width:390px;margin-inline:auto}
@media(max-width:766px){.codema-case-gallery{grid-template-columns:1fr;padding:24px;gap:24px}.codema-hero{aspect-ratio:auto;height:clamp(220px,60vw,360px)}.homepage__infos-hi{font-size:30px}.homepage__talk-link{font-size:clamp(46px,13vw,90px)}}

/* Editorial and service content, designed to complement the portfolio. */
.codema-service-heading{margin:0;font:inherit}
.codema-seo-content{background:#f4f3f0;color:#111319;padding:clamp(64px,8vw,120px) max(6vw,24px);font-family:Arial,sans-serif}
.codema-seo-content>*{max-width:800px;margin-left:auto;margin-right:auto}
.codema-seo-content h2{font-size:clamp(32px,4.5vw,56px);letter-spacing:-.045em;line-height:1.05;margin-top:0;margin-bottom:28px}
.codema-seo-content h3{font-size:25px;letter-spacing:-.025em;margin-top:48px;margin-bottom:15px}
.codema-seo-content p{font-size:clamp(17px,1.4vw,20px);line-height:1.7;margin-bottom:20px}
.codema-kicker{color:#1550ff;font-size:12px!important;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:20px!important}
.codema-seo-content a{color:#1548d8;text-decoration:underline;text-underline-offset:4px}
.codema-seo-links{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:36px;font-size:17px;font-weight:700}
.codema-service-page{margin:0;background:#111319;color:#f8f8fa;font-family:Arial,sans-serif}
.codema-service-page *{box-sizing:border-box}
.codema-service-nav{padding:25px 6vw;display:flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff2a}
.codema-service-nav>a:first-child{margin-right:auto}.codema-service-nav img{display:block;width:140px;max-height:40px;object-fit:contain}
.codema-service-page a{color:inherit}.codema-service-nav a{text-decoration:none}
.codema-service-hero{padding:clamp(100px,15vw,200px) max(6vw,24px);max-width:1300px}
.codema-service-hero h1{font-size:clamp(46px,7.4vw,104px);line-height:.98;letter-spacing:-.06em;margin:0 0 35px;max-width:1100px}
.codema-service-hero>p:not(.codema-kicker){font-size:clamp(19px,2vw,26px);line-height:1.5;color:#c4c6ce;max-width:690px}
.codema-service-button{display:inline-block;padding:18px 25px;margin-top:25px;background:#1550ff;border-radius:4px;text-decoration:none;font-weight:700}
.codema-service-page .codema-seo-content h2:not(:first-child){margin-top:55px}
.codema-service-page .codema-seo-content a{color:#1548d8}
.codema-service-footer{padding:80px max(6vw,24px);background:#1550ff}.codema-service-footer>a{font-size:clamp(28px,4vw,55px);font-weight:700;letter-spacing:-.04em}.codema-service-footer p:last-child{margin-top:45px}
@media(max-width:600px){.codema-service-nav{gap:18px;font-size:14px}.codema-service-nav img{width:110px}.codema-service-hero{padding-top:100px;padding-bottom:110px}.codema-seo-content{padding-top:65px;padding-bottom:65px}}

/* SEO / accessibilité : texte lisible par les moteurs et les lecteurs d'écran, invisible à l'écran. */
.codema-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.codema-seo-content ul,.codema-seo-content ol{font-size:clamp(17px,1.4vw,20px);line-height:1.7;padding-left:1.3em;margin-bottom:20px}
.codema-seo-content li{margin-bottom:8px}
.codema-seo-content ol li strong{display:inline-block;min-width:0}
.codema-footer-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:35px;font-size:16px}
.codema-footer-links a{text-decoration:underline;text-underline-offset:4px}
.codema-service-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}

/* Reserve the complete greeting while typing and erasing. */
.intro__hi{position:relative}.typewrite__stable-word{white-space:nowrap}.typewrite__stable-caret{position:absolute!important;left:0;top:0;margin:0!important;pointer-events:none}

.codema-legal-footer{padding:24px 6vw;background:#111319;color:#fff;font-size:16px;text-align:center}.codema-legal-footer a,.codema-privacy-link a{text-decoration:underline;text-underline-offset:4px}
.codema-picture{display:contents}
.homepage__work--web>.codema-picture>.homepage__work--media{transform-origin:50% 0;scale:1.2}
.homepage__work[data-magnet]:not(:hover):not(.visible)>.codema-picture>img{transform:scale(1.06)}
.homepage__work--media{transition-property:opacity,transform,scale}
@media(max-width:480px){.codema-service-nav{flex-wrap:wrap}.codema-service-nav>a:first-child{flex:1 0 100%}.codema-service-nav img{width:110px}}