/* Accueil agence 3.80. Couche exclusivement réservée à l’accueil WordPress. */
@font-face{font-family:KreaHome;src:url('../fonts/metropolis/metropolis-bold-webfont.woff2') format('woff2');font-weight:700;font-display:swap}
.k3-home-page{--k3h-green:#3155ee;--k3h-aqua:#9eb4ff;--k3a-night:#091c30;--k3a-blue:#3155ee;--k3a-light:#9eb4ff;--k3a-ease:cubic-bezier(.19,1,.22,1);background:#fff}
.k3-home-page .k3h-header{background:#091c30;color:#fff;border-top:0}
.k3-home-page .k3h-header-inner{height:110px;border-color:#ffffff29}
.k3-home-page .k3h-logo img{filter:brightness(0) invert(1);width:144px;height:72px}
.k3-home-page .k3h-navigation a:hover{color:#fff}
.k3-home-page .k3h-header-contact{border-radius:40px;background:#fff;border-color:#fff;color:#0d2b41!important}
.k3-home-page .k3h-header-contact:hover{background:#3155ee;color:#fff!important}
.k3-home-page .k3h-menu-toggle{color:#fff}
.k3-home-page .k3h-header :focus-visible{outline-color:#fff}
.k3a-home{--k3a-accent:#9eb4ff}
.k3a-home .k3h-wrap{max-width:1490px}
.k3a-home :is(h1,h2,h3){font-family:KreaHome,Arial,sans-serif;font-weight:700;letter-spacing:-.055em}
.k3a-home h2{font-size:clamp(40px,4.6vw,76px)}
.k3a-home .k3h-section{padding-block:clamp(76px,8.5vw,140px)}
.k3a-home .k3h-eyebrow{font-size:11px;line-height:1.65;letter-spacing:.13em}
.k3a-home .k3h-eyebrow::before{display:none}
.k3a-home .k3h-button{min-height:56px;border-radius:6px;padding:16px 24px}
.k3a-home :is(a,button,summary):focus-visible{outline-color:#3155ee}
.k3a-home :is(.k3h-hero,.k3h-references,.k3a-tools,.k3h-closing,.k3h-offer):is(section,article) :focus-visible{outline-color:#fff}

/* Titre et informations stables. Seul le relief SVG réagit au pointeur. */
.k3a-home .k3h-hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(840px,calc(100svh - 110px));background:#091c30;color:#fff}
.k3a-home .k3h-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#091c30 0%,#091c3010 35%,#091c3055 100%);pointer-events:none}
.k3a-terrain-scene{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.k3a-terrain-svg{display:block;width:100%;height:100%;opacity:.65}
.k3a-home .k3h-hero-grid{padding:clamp(55px,7vh,110px) 0 55px;display:flex;align-items:center;justify-content:center;flex:1}
.k3a-home .k3h-hero-copy{width:100%}
.k3a-home .k3h-hero .k3h-eyebrow{text-align:center;color:#e0e6ff;font-size:11px;font-weight:400;letter-spacing:.17em;margin:0 auto 38px}
.k3a-home .k3h-hero h1{font-size:clamp(78px,9.8vw,166px);font-weight:700;line-height:1;letter-spacing:-.068em;text-align:center;max-width:none;overflow-wrap:break-word}
.k3a-title-line{display:block;overflow:clip;padding:0 .03em .1em;margin-bottom:-.1em}
.k3a-title-line>span{display:inline-block}
.k3a-title-line:last-child{color:#fff}
.k3a-hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:70px;align-items:center;max-width:1130px;margin:48px auto 0}
.k3a-home .k3h-hero .k3h-lead{font-size:15px;line-height:1.8;max-width:57ch;margin:0 0 10px;color:#fff}
.k3a-home .k3h-hero .k3h-detail{font-size:13px;line-height:1.7;max-width:57ch;margin:0;color:#c8d5ee}
.k3a-home .k3h-hero .k3h-actions{flex-direction:column;align-items:flex-start;gap:18px}
.k3a-home .k3h-hero .k3h-button{background:#fff;color:#0d2b41!important;border-color:#fff;min-width:250px}
.k3a-home .k3h-hero .k3h-button:hover{background:#3155ee;color:#fff!important;border-color:#3155ee}
.k3a-home .k3h-hero .k3h-text-link{color:#fff;font-weight:400;font-size:13px}
.k3a-home .k3h-baseline{position:relative;padding:20px 0 65px;border-color:#ffffff24;font-size:10px;color:#c8d5ee}
.k3a-home .k3h-baseline>.k3h-wrap{display:flex;gap:22px}
.k3a-scroll-cue{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}
.k3a-scroll-cue>span{display:grid;place-items:center;border:1px solid #ffffff70;width:42px;height:42px;border-radius:50%;font-size:20px;margin:0!important}
.k3a-scroll-cue:hover>span{background:#3155ee}

.k3a-approach-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:100px}
.k3a-home .k3a-approach h2{position:relative;font-size:clamp(58px,6vw,99px);text-wrap:initial}
.k3a-signature-arrow{position:absolute;right:0;bottom:12px;width:140px;stroke:#3155ee;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-12deg)}
.k3a-approach-grid>div{color:#506075;font-size:16px;line-height:1.8;max-width:540px}
.k3a-approach-grid p{margin:0 0 22px}
.k3a-approach-grid .k3a-approach-lead{font-size:23px;color:#0d2b41;line-height:1.6}
.k3a-approach-grid .k3h-text-link{margin-top:10px;color:#0d2b41}
.k3a-home .k3a-shortcuts{padding:0 0 45px;border:0}
.k3a-home .k3a-shortcuts a:hover strong{color:#3155ee}

.k3a-home .k3h-references{position:relative;overflow:hidden;isolation:isolate;background:#091c30;color:#fff;border-radius:36px 36px 0 0}
.k3a-home .k3h-references::before{content:'';position:absolute;z-index:-1;right:-370px;top:50px;width:700px;height:700px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff03}
.k3a-home .k3h-references :is(.k3h-section-intro,.k3h-reference-summary){color:#bfcee5}
.k3a-home .k3h-references :is(.k3h-eyebrow,.k3h-reference-copy>p:first-child){color:#afc0ef}
.k3a-home .k3h-reference-grid{gap:60px 6%}
.k3a-home .k3h-reference:nth-child(2){padding-top:125px}
.k3a-home .k3h-reference:nth-child(-n+2) .k3h-reference-image{aspect-ratio:1.3}
.k3a-home .k3h-reference:nth-child(2) .k3h-reference-image{aspect-ratio:1.05}
.k3a-home .k3h-reference-copy{padding-top:24px}
.k3a-home .k3h-reference-copy h3{font-size:clamp(23px,2.7vw,40px)}
.k3a-home .k3h-reference a:hover h3{color:#fff;text-decoration:underline;text-underline-offset:6px}
.k3a-project-depth{height:100%;width:100%;transform-origin:center}
.k3a-home .k3h-reference-image{height:100%;object-fit:cover}
.k3a-home .k3h-reference a:focus-visible{outline-color:#fff}
.k3a-home .k3h-reference a:focus-visible .k3a-project-visual{clip-path:none!important}

.k3a-home .k3h-offers{border:0}
.k3a-home .k3h-offer{border:1px solid #ccd4df;border-top:4px solid #3155ee;background:#fff;color:#0d2b41}
.k3a-home .k3h-offer:nth-child(2){background:#0d2b41;color:#fff}
.k3a-home .k3h-offer-icon{filter:brightness(0) saturate(100%);opacity:.75}
.k3a-home .k3h-offer:nth-child(2) .k3h-offer-icon{filter:brightness(0) invert(1);opacity:1}
.k3a-home .k3h-offer :is(.k3d-summary,.k3h-offer-brand,.k3h-offer-use,.k3h-price span){color:#506075}
.k3a-home .k3h-offer-pitch-title{color:#0d2b41}
.k3a-home .k3h-price small{color:#3155ee}
.k3a-home .k3h-prices{border-color:#ccd4df}
.k3a-home .k3h-offer:nth-child(2) :is(.k3d-summary,.k3h-offer-brand,.k3h-offer-use,.k3h-price span){color:#d1dcef}
.k3a-home .k3h-offer:nth-child(2) .k3h-offer-pitch-title{color:#fff}
.k3a-home .k3h-offer:nth-child(2) .k3h-price small{color:#aec0ff}
.k3a-home .k3a-offer-action{background:#0d2b41;color:#fff}
.k3a-home .k3h-offer:nth-child(2) .k3a-offer-action{background:#fff;color:#0d2b41}
.k3a-home .k3h-offer:has(a:focus-visible){outline-color:#3155ee}
.k3a-home .k3h-offer:hover{background:#fff;box-shadow:0 12px 40px #091c3010}
.k3a-home .k3h-offer:nth-child(2):hover{background:#153d55}
.k3a-home .k3c-callout{margin-top:54px;border-radius:12px}
.k3a-home .k3h-custom{background:#fff;color:#0d2b41;border-top:1px solid #ccd4df}
.k3a-home .k3h-custom .k3h-eyebrow{color:#3155ee}
.k3a-home .k3h-custom :is(.k3h-custom-copy>p,.k3h-interco p){color:#506075}
.k3a-home .k3h-interco{border-color:#ccd4df}
.k3a-home .k3h-interco .k3h-text-link{color:#0d2b41}
.k3a-home .k3h-custom .k3h-button{background:#0d2b41;color:#fff!important}
.k3a-home .k3h-custom .k3h-button:hover{background:#3155ee}
.k3a-home .k3h-custom :focus-visible{outline-color:#3155ee}

.k3a-home .k3a-tools{background:#091c30;color:#fff;border-radius:36px 36px 0 0;padding-bottom:0}
.k3a-tools .k3h-eyebrow{color:#afc0ef}
.k3a-tools .k3h-section-head>.k3h-text-link{justify-self:end}
.k3a-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px}
.k3a-tool-grid article{position:relative;border-top:1px solid #ffffff55;padding-top:26px;min-width:0}
.k3a-tool-number{font-size:10px;letter-spacing:.11em;color:#b3c6ff}
.k3a-tool-grid svg{display:block;width:75px;height:75px;margin-top:26px;stroke:#9eb4ff;stroke-width:1.6;fill:none}
.k3a-tool-grid svg circle{fill:#091c30}
.k3a-home .k3a-tool-grid h3{font-size:clamp(26px,2.5vw,38px);margin:28px 0 20px;line-height:1.13}
.k3a-tool-grid p{font-size:14px;line-height:1.8;color:#bfcee5;margin:0}
.k3a-tools-note{font-size:11px;color:#bfcee5;margin:35px 0 0;padding-bottom:38px;border-bottom:1px solid #ffffff33}
.k3a-home .k3h-application{background:#091c30;color:#fff;padding-block:65px 100px}
.k3a-home .k3h-application .k3h-eyebrow{color:#afc0ef}
.k3a-home .k3h-application-copy>p:not(.k3h-eyebrow){color:#bfcee5}
.k3a-home .k3h-application :focus-visible{outline-color:#fff}
.k3a-home .k3h-video-preview .k3h-play-icon{background:#fff;color:#0d2b41}
.k3a-home .k3h-video-preview:hover .k3h-play-icon{background:#9eb4ff}
.k3a-home .k3h-steps li>span{color:#3155ee;font-weight:700}
.k3a-home .k3h-team-photos img{filter:grayscale(1);border-radius:10px}
.k3a-home .k3h-team-photos figure:nth-child(2) img{border-radius:10px}
.k3a-home .k3h-team-photos figure:hover img{filter:grayscale(0)}
.k3a-home .k3h-closing{position:relative;isolation:isolate;overflow:hidden;background:#091c30;border:0;border-radius:36px 36px 0 0;padding-block:110px}
.k3a-home .k3h-closing h2{font-size:clamp(65px,7vw,112px)}
.k3a-contact-art{position:absolute;right:-25%;top:-70%;width:90%;height:250%;z-index:-1;fill:none;stroke:#5277f6;stroke-width:1;opacity:.3;pointer-events:none}
.k3-home-page .k3h-footer{padding-bottom:75px;background:#091c30}
.k3-home-page .k3h-footer :focus-visible{outline-color:#3155ee}
.k3-home-page .k3x-dialog{--k3x-green:#3155ee}
.k3-home-page #k3x-offer .k3x-bar>.k3x-canonical:hover{background:#3155ee;border-color:#3155ee}

/* Contenu visible sans JS. Entrées déclenchées à l’intersection, jamais de scroll forcé. */
.k3a-motion-enabled .k3a-title-line>span{animation:k3a-title-open 1.35s var(--k3a-ease) both}
.k3a-motion-enabled .k3a-title-line:nth-child(2)>span{animation-delay:.13s}
.k3a-motion-enabled .k3a-hero-bottom{animation:k3a-soft-enter 1s .35s var(--k3a-ease) both}
.k3a-motion-enabled .k3a-reveal-seen{animation:k3a-soft-enter 1s var(--k3a-ease) both}
.k3a-motion-enabled .k3a-reveal-seen .k3a-signature-arrow path{animation:k3a-draw-line 1.6s .4s var(--k3a-ease) both}
.k3a-motion-enabled .k3a-tool-grid article.k3a-reveal-seen svg{animation:k3a-tool-open 1.3s var(--k3a-ease) both}
@keyframes k3a-title-open{from{transform:translateY(115%) rotate(3deg)}to{transform:none}}
@keyframes k3a-soft-enter{from{transform:translateY(32px);opacity:.1}to{transform:none;opacity:1}}
@keyframes k3a-draw-line{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes k3a-tool-open{from{transform:translateY(15px) rotate(-12deg);opacity:.2}to{transform:none;opacity:1}}
.k3a-motion-paused .k3a-home *{animation:none!important;transition:none!important}
.k3a-page-hidden .k3a-home *{animation-play-state:paused!important}

@media(max-width:1150px){
 .k3a-hero-bottom{gap:45px}.k3a-approach-grid{gap:50px}.k3a-signature-arrow{width:95px;right:0}
 .k3a-tool-grid{gap:32px}.k3a-home .k3h-hero h1{font-size:10.4vw}
}
@media(max-width:900px){
 .k3-home-page .k3h-header-inner{height:auto;min-height:90px}.k3-home-page .k3h-logo img{width:110px;height:55px}
 .k3-home-page .k3h-navigation{background:#091c30;color:#fff}
 .k3a-home .k3h-hero{min-height:670px}.k3a-home .k3h-hero-grid{padding:50px 0 42px}
 .k3a-home .k3h-hero h1{font-size:11.1vw;max-width:none}
 .k3a-hero-bottom{grid-template-columns:1fr;gap:24px;max-width:650px;text-align:center;margin-top:35px}
 .k3a-home .k3h-hero .k3h-lead,.k3a-home .k3h-hero .k3h-detail{max-width:none}
 .k3a-home .k3h-hero .k3h-actions{align-items:center;justify-content:center;flex-direction:row;gap:20px}
 .k3a-home .k3h-baseline{font-size:9px;padding-bottom:65px}
 .k3a-home .k3h-baseline p{max-width:220px}.k3a-home .k3h-baseline>.k3h-wrap>span{max-width:165px;text-align:right}
 .k3a-approach-grid{gap:40px}.k3a-home .k3a-approach h2{font-size:58px}.k3a-signature-arrow{display:none}
 .k3a-approach-grid .k3a-approach-lead{font-size:20px}.k3a-approach-grid>div{font-size:14px}
 .k3a-home .k3h-reference:nth-child(2){padding-top:80px}
 .k3a-home .k3h-application{padding:55px 0 75px}.k3a-home .k3h-closing{padding:80px 0}
}
@media(max-width:650px){
 .k3a-home .k3h-hero{min-height:calc(100svh - 90px)}
 .k3a-home .k3h-hero-grid{padding:45px 0 38px}
 .k3a-home .k3h-hero h1{font-size:clamp(38px,11.3vw,72px)}
 .k3a-home .k3h-hero .k3h-eyebrow{font-size:10px;letter-spacing:.1em;max-width:290px;line-height:1.8;margin-bottom:30px}
 .k3a-home .k3h-hero .k3h-lead{font-size:14px}.k3a-home .k3h-hero .k3h-detail{font-size:12px}
 .k3a-home .k3h-hero .k3h-actions{flex-direction:column;gap:12px}
 .k3a-home .k3h-hero .k3h-button{font-size:13px;min-width:0}
 .k3a-home .k3h-baseline>.k3h-wrap>span{display:none}.k3a-home .k3h-baseline>.k3h-wrap{font-size:9px}
 .k3a-scroll-cue{font-size:0}.k3a-scroll-cue>span{font-size:20px}
 .k3a-terrain-svg{width:170%;max-width:none;margin-left:-50%}
 .k3a-home .k3h-section{padding-block:72px}
 .k3a-approach-grid{grid-template-columns:1fr;gap:34px}.k3a-home .k3a-approach h2{font-size:clamp(48px,13vw,76px)}
 .k3a-signature-arrow{display:block;width:95px;right:0;bottom:6px}
 .k3a-home .k3h-references,.k3a-home .k3a-tools,.k3a-home .k3h-closing{border-radius:22px 22px 0 0}
 .k3a-home .k3h-reference-grid{grid-template-columns:1fr;gap:45px}
 .k3a-home .k3h-reference:nth-child(2){padding-top:0}
 .k3a-home .k3h-reference:nth-child(-n+2) .k3h-reference-image{aspect-ratio:1.2}
 .k3a-home .k3h-reference:last-child:nth-child(odd){max-width:none}
 .k3a-home .k3h-reference-copy h3{font-size:30px}
 .k3a-home .k3h-offer-list{grid-template-columns:1fr}
 .k3a-home .k3a-tools{padding-bottom:0}.k3a-tools .k3h-section-head>.k3h-text-link{justify-self:start}
 .k3a-tool-grid{grid-template-columns:1fr;gap:38px}.k3a-tool-grid svg{position:absolute;right:0;top:12px;width:42px;height:42px;margin:0}
 .k3a-tool-number{padding-right:50px}.k3a-home .k3a-tool-grid h3{font-size:30px;margin:22px 0 18px}.k3a-tool-grid h3 br{display:none}
 .k3a-home .k3h-closing h2{font-size:clamp(54px,14vw,85px)}
 .k3a-contact-art{width:160%;right:-100%;opacity:.2}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}.k3-home-page *{animation:none!important;transition:none!important}
 .k3a-project-visual{clip-path:none!important}
 .k3a-terrain-scene,.k3a-project-depth{transform:none!important}
}
@media print{
 .k3a-terrain-scene,.k3a-contact-art,.k3a-scroll-cue{display:none!important}
 .k3a-home *{animation:none!important;transform:none!important;clip-path:none!important}
 .k3-home-page .k3h-header,.k3a-home section,.k3a-home .k3h-offer,.k3-home-page .k3h-footer{background:#fff!important;color:#000!important}
 .k3a-home :is(p,span,h1,h2,h3,a,small,strong){color:#000!important}
 .k3a-home .k3h-hero{min-height:0}.k3a-home .k3h-hero h1{font-size:46px}
 .k3a-home .k3h-section{padding-block:25px}
}