/* Présentation Miera reconstruite avec les blocs natifs. Réglages dans includes/design.php. */
:root{--koma-content-width:1140px;--koma-body-font:'Koma Body',Arial,sans-serif;--koma-heading-font:'Koma Heading',Arial,sans-serif;--koma-body-size:16px;--koma-body-line:30px;--koma-body-spacing:.8px;--koma-heading-size:36px;--koma-heading-weight:600;--koma-heading-spacing:5.4px;--koma-heading-color:#000;--koma-text-color:#666;--koma-accent-color:#978b4e;--koma-filter-color:#f07400;--koma-soft-color:#f7f7f9;--koma-work-color:#f1f1f1;--koma-title-case:uppercase;--koma-section-scale:1;--koma-intro-width:644px;--koma-brand-height:370px;--koma-logo-width:160px;--koma-demo-width:50%;--koma-form-width:730px;--koma-portfolio-columns:3;--koma-portfolio-gap:20px;--koma-separator-display:block;--koma-animation-duration:1000ms;--koma-animation-distance:30px}
body,.editor-styles-wrapper{font-family:var(--koma-body-font);font-size:var(--koma-body-size);font-weight:300;color:var(--koma-text-color);line-height:var(--koma-body-line)}
h1,h2,h3,h4,h5,h6,.koma-navigation{font-family:var(--koma-heading-font)}
a{color:var(--koma-accent-color)}
html{scroll-padding-top:78px}
.wp-site-blocks>.wp-block-template-part:first-child{height:78px}
.koma-header{height:78px;min-height:78px;padding:0 3.4%;box-shadow:none;transition:height .4s,padding .4s}
@media(min-width:782px){.koma-header-shrink .koma-header:not(.is-koma-compact){height:110px;padding-top:30px}}
.koma-header .wp-block-site-logo{width:var(--koma-logo-width);max-width:calc(100vw - 112px);flex:0 0 auto}
.koma-header .custom-logo-link{display:block;width:100%}
.koma-header .custom-logo{display:block;width:100%;height:auto;max-height:60px;object-fit:contain;object-position:left center}
.koma-navigation{font-size:13px;font-weight:600;letter-spacing:1.95px;line-height:1.6}
.koma-navigation .wp-block-navigation__container{gap:40px}
.koma-navigation a{color:#666}
.koma-navigation a:hover,.koma-navigation a.is-koma-active{color:var(--koma-accent-color)}
.koma-navigation .wp-block-navigation__submenu-container a{padding:12px 18px}
.koma-section{padding-inline:max(24px,calc((100% - var(--koma-content-width))/2))}
.koma-section .wp-block-group__inner-container{max-width:var(--koma-content-width)}
.koma-section p{font-size:var(--koma-body-size);font-weight:300;line-height:var(--koma-body-line);letter-spacing:var(--koma-body-spacing);color:var(--koma-text-color);margin:0 0 10px}
.koma-section h2{position:relative;font-size:var(--koma-heading-size);font-weight:var(--koma-heading-weight);line-height:1.6;letter-spacing:var(--koma-heading-spacing);text-transform:var(--koma-title-case);color:var(--koma-heading-color);padding-bottom:48px;margin:0 0 33px}
.koma-section h2::after{content:'';display:var(--koma-separator-display);position:absolute;width:50px;height:1px;background:#bbb;bottom:0;left:50%;transform:translateX(-50%)}
.koma-section h2:not(.has-text-align-center)::after{left:0;transform:none}
.koma-section-about>.wp-block-spacer:first-child{display:block;height:100px!important}
.koma-section-about>.koma-section:not(.has-background){padding-block:0!important}
.koma-section-about .koma-brand{height:calc(var(--koma-brand-height) - 100px);padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}
.koma-brand h1{font-size:var(--koma-heading-size);font-weight:700;line-height:1.8;letter-spacing:var(--koma-heading-spacing);text-transform:var(--koma-title-case);color:var(--koma-heading-color);margin:-18px 0 -5px}
.koma-brand p{font-size:14px;font-weight:400;letter-spacing:2.1px;text-transform:var(--koma-title-case);margin:0;line-height:25px}
.koma-section-about>.koma-inline-video{max-width:none;width:100%;margin:0;aspect-ratio:auto!important;height:auto;padding-top:33%;background:#000}
.koma-section-about>.koma-inline-video iframe{inset:0 auto auto 50%;transform:translateX(-50%);width:var(--koma-demo-width);height:100%}
.koma-section-about>.koma-section.has-background{padding-top:calc(160px * var(--koma-section-scale))!important;padding-bottom:calc(135px * var(--koma-section-scale))!important;background:var(--koma-soft-color)!important}
.koma-section-about .has-text-align-center:not(.koma-brand p){max-width:min(var(--koma-intro-width),100%);margin-inline:auto}
.koma-gallery{max-width:1110px;margin:100px auto 80px!important;gap:30px}
.koma-gallery>.wp-block-group__inner-container{gap:30px}
.koma-gallery img{aspect-ratio:3/2}
.koma-gallery a img{transition:opacity .25s ease}
.koma-gallery a:hover img{opacity:.65}
.koma-section-work>.koma-section{padding-top:calc(165px * var(--koma-section-scale))!important;padding-bottom:calc(250px * var(--koma-section-scale))!important;background:var(--koma-work-color)}
.koma-section-team>.koma-section{padding-top:calc(175px * var(--koma-section-scale))!important;padding-bottom:calc(140px * var(--koma-section-scale))!important;background:var(--koma-soft-color)!important}
.koma-section-team .wp-block-column>.wp-block-columns{gap:0;margin-top:88px}
.koma-section-team .wp-block-column>.wp-block-columns>.wp-block-column{padding-inline:15px}
.koma-section .koma-person .wp-block-image{margin:0 15px}
.koma-person h3{font-size:20px;line-height:30px;font-weight:600;letter-spacing:3px;text-transform:var(--koma-title-case);color:var(--koma-heading-color);text-align:center;margin:38px 0 10px}
.koma-section .koma-person-role{font-size:14px;line-height:25px;letter-spacing:0;text-align:center;margin:0 0 10px}
.koma-section-team .koma-justify{text-align:justify}
.koma-section-contact>.koma-section{padding-top:calc(105px * var(--koma-section-scale))!important;padding-bottom:calc(150px * var(--koma-section-scale))!important}
.koma-section-contact .has-text-align-center:not(h2){max-width:min(var(--koma-intro-width),100%);margin-inline:auto}
.koma-section-contact .wp-block-column>.wp-block-columns{gap:0;margin-top:0}
.koma-section-contact .wpcf7{max-width:var(--koma-form-width);margin-inline:auto}
.koma-section-contact .wp-block-column:has(>.wpcf7){min-width:0}
.koma-form{max-width:var(--koma-form-width)}
.koma-form p{letter-spacing:0}
.koma-form label .koma-field-label{font-size:13px}
.koma-form textarea{min-height:197px}
.koma-form-original .koma-form-grid{gap:0}
.koma-form-original .koma-form-grid>p,.koma-form-original .koma-form>p:has(>.koma-message){margin:0}
.koma-form-original .koma-form label{margin:0;position:relative}
.koma-form-original .koma-field-label,.koma-form-original .required-note{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.koma-form-original .koma-form input:not([type=submit]),.koma-form-original .koma-form textarea{font-family:var(--koma-heading-font);font-size:13px;font-weight:600;letter-spacing:1.95px;line-height:1.6;color:#000;border:2px solid #222;padding:5px 20px;margin:0;background:#fff}
.koma-form-original .koma-form input::placeholder,.koma-form-original .koma-form textarea::placeholder{color:#000;text-transform:uppercase;opacity:1}
.koma-form-original .koma-form input:not([type=submit]){height:65px}
.koma-form-original .koma-form-grid>p:nth-child(even) input{border-left-width:0}
.koma-form-original .koma-form-grid>p:nth-child(n+3) input{border-top-width:0}
.koma-form-original .koma-form textarea{height:197px;border-top-width:0;padding:25px 20px;display:block}
.koma-form-original .koma-form .koma-submit{text-align:center;margin-top:108px}
.koma-form-original .koma-form input[type=submit]{font-family:var(--koma-heading-font);font-weight:600;font-size:13px;letter-spacing:1.95px;text-transform:uppercase;color:#000;border:2px solid #222;background:#fff;height:57px;padding:0 80px;max-width:100%;white-space:normal;transition:background .2s,color .2s}
.koma-form-original .koma-form input[type=submit]:hover{background:#222;color:#fff}
.koma-form-original .wpcf7-spinner{display:block;margin:10px auto}
.koma-form-original .wpcf7-not-valid-tip{padding:4px 12px;background:#fff;letter-spacing:0}
.koma-form-modern .koma-form input[type=submit]{background:var(--koma-filter-color)}
.koma-portfolio .koma-filters{gap:6px;margin-bottom:20px}
.koma-section-work .koma-portfolio{padding-top:10px}
.koma-portfolio .koma-filters button,.koma-portfolio .koma-more{font-family:var(--koma-body-font);font-weight:400;font-size:12px;letter-spacing:0;line-height:19px;background:#333;border:0;color:#fff;padding:5px 10px}
.koma-portfolio .koma-filters button[aria-pressed=true],.koma-portfolio .koma-filters button:hover,.koma-portfolio .koma-more:hover{background:var(--koma-filter-color)}
.koma-portfolio .koma-portfolio-grid{grid-template-columns:repeat(var(--koma-portfolio-columns),minmax(0,1fr));gap:var(--koma-portfolio-gap)}
.koma-portfolio .koma-more-wrap{margin-top:20px}
.koma-project-caption h3{letter-spacing:1px}
.koma-footer{padding:25px max(24px,calc((100% - var(--koma-content-width))/2));font-size:12px;line-height:23px;color:#777;background:var(--koma-soft-color)}
.koma-footer .koma-footer-links{display:flex;align-items:center;gap:24px}
.koma-footer .wp-block-social-links{gap:16px;margin:0;font-size:24px}
.koma-footer .wp-block-social-links.is-style-logos-only .wp-social-link{color:#999}
.koma-page{max-width:calc(var(--koma-content-width) + 48px)}
.koma-page h1{text-transform:var(--koma-title-case);font-weight:var(--koma-heading-weight);letter-spacing:var(--koma-heading-spacing);color:var(--koma-heading-color)}
.koma-page-content .koma-section{padding-block:60px}
.koma-reveal{transition:opacity var(--koma-animation-duration) ease,transform var(--koma-animation-duration) ease}
.koma-reveal.is-koma-pending{opacity:0;transform:translateY(var(--koma-animation-distance))}
.koma-reveal.is-koma-pending.koma-reveal-down{transform:translateY(calc(-1 * var(--koma-animation-distance)))}
.koma-reveal.is-koma-pending.koma-reveal-fade{transform:none}
@media(max-width:1100px){.koma-navigation .wp-block-navigation__container{gap:24px}}
@media(max-width:900px){.koma-portfolio .koma-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.koma-gallery{gap:20px}}
@media(max-width:781px){
 .koma-header{height:78px;padding:0 24px}
 .koma-navigation .wp-block-navigation__responsive-container.is-menu-open{line-height:1.8}
 .koma-section-about>.wp-block-spacer:first-child{height:40px!important}
 .koma-section-about .koma-brand{height:210px}
 .koma-brand h1,.koma-section h2{font-size:min(var(--koma-heading-size),28px);letter-spacing:min(var(--koma-heading-spacing),3px)}
 .koma-section-about>.koma-inline-video{padding-top:56.25%}
 .koma-section-about>.koma-inline-video iframe{width:100%}
 .koma-section-about>.koma-section.has-background,.koma-section-work>.koma-section,.koma-section-team>.koma-section,.koma-section-contact>.koma-section{padding-block:calc(65px * var(--koma-section-scale))!important}
 .koma-section h2{padding-bottom:30px;margin-bottom:30px}
 .koma-gallery{margin:40px auto 0!important;grid-template-columns:repeat(2,minmax(0,1fr))}
 .koma-section-team .wp-block-column>.wp-block-columns{gap:45px;margin-top:30px}
 .koma-section-team .wp-block-column>.wp-block-columns>.wp-block-column{padding-inline:0}
 .koma-section .koma-person .wp-block-image{margin-inline:0}
 .koma-person{margin-bottom:0}
 .koma-person h3{margin-top:28px}
 .koma-section-contact .wp-block-column:has(>.wpcf7){flex-basis:100%!important}
 .koma-form-original .koma-form-grid>p:nth-child(even) input{border-left-width:2px}
 .koma-form-original .koma-form-grid>p:not(:first-child) input{border-top-width:0}
 .koma-form-original .koma-form .koma-submit{margin-top:50px}
 .koma-form-original .koma-form input[type=submit]{width:100%;padding-inline:12px}
 .koma-footer{padding:25px 24px}
}
@media(max-width:600px){.koma-portfolio .koma-portfolio-grid{grid-template-columns:1fr}.koma-portfolio .koma-filters{gap:7px}.koma-portfolio .koma-filters button{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.koma-reveal,.koma-reveal.is-koma-pending{opacity:1;transform:none;transition:none}}