/* Art de Vie Agency — styles communs */
@font-face{font-family:'Work Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/work-sans-latin-wght-normal.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/playfair-display-latin-wght-normal.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 900;font-display:swap;src:url(../fonts/playfair-display-latin-wght-italic.woff2) format('woff2')}
body{margin:0;background-color:#241c33;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:inherit;text-decoration:none}a:hover{opacity:0.8}
button{font:inherit;color:inherit}
input,textarea{font:inherit;color:inherit}
input::placeholder,textarea::placeholder{color:inherit;opacity:0.45}
.nav-links{display:flex}.nav-burger{display:none}
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1020px){.team{grid-template-columns:repeat(3,minmax(0,1fr))}.team .g-span{grid-column:1 / -1}}
@media (max-width:640px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1020px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.g4,.g3,.g2{grid-template-columns:minmax(0,1fr)}.g4 .g-span,.g3 .g-span{grid-column:auto}}
@media (max-width:1020px){.nav-links{display:none}.nav-burger{display:inline-flex}}
@keyframes mqx{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.anim .mqx{animation:mqx 60s linear infinite}
@media (prefers-reduced-motion:reduce){.anim .mqx{animation:none}}
@media (max-width:760px){.work{grid-template-columns:minmax(0,1fr) !important}.split{grid-template-columns:minmax(0,1fr) !important}.split-img{order:-1 !important;min-height:300px !important}.svc-head{grid-template-columns:minmax(0,1fr) !important;text-align:center}.svc-head p{max-width:none !important;justify-self:center !important;text-align:center !important}.hide-m{display:none !important}.meta-row{flex-direction:column !important;align-items:flex-start !important;gap:10px !important}.meta-r{text-align:left !important}.quote-foot{justify-content:flex-start !important}.stack{margin-left:-18px !important;width:92px !important;height:118px !important}.faq-a{padding-left:0 !important}.toc{position:static !important;flex-basis:100% !important}}

html{scroll-padding-top:24px}
[hidden]{display:none !important}
.skip{position:absolute;left:12px;top:-60px;z-index:200;padding:10px 16px;border-radius:999px;background:#eeede3;color:#503975;font-size:14px;font-weight:600}
.skip:focus{top:12px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #cfc7dd;outline-offset:3px}
button.nav-burger{background:none;border:0;cursor:pointer;color:inherit}
.faq-panel p{margin:0}
/* menu mobile */
.menu{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;overflow-y:auto;background-color:#241c33;color:#eeede3;font-family:'Work Sans',Arial,Helvetica,sans-serif;font-size:16px;line-height:25px}
.menu-top{display:flex;align-items:center;justify-content:space-between;padding:20px 16px}
.menu-close{display:flex;align-items:center;height:44px;padding:0 2px;background:none;border:0;cursor:pointer;color:inherit;font-size:12px;line-height:16px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase}
.menu nav{flex:1 1 auto;display:flex;flex-direction:column;padding:18px 16px 0}
.menu-big{display:flex;align-items:center;justify-content:space-between;min-height:64px;border-top:1px solid rgba(238,237,227,0.18);font-size:40px;line-height:1;font-weight:600;letter-spacing:-0.045em;text-transform:uppercase}
.menu-sub{display:flex;align-items:center;min-height:44px;padding-left:4px;font-size:20px;line-height:1.1;letter-spacing:-0.02em;text-transform:uppercase}
.menu-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 16px 24px;font-size:12px;line-height:16px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase}
html.menu-open{overflow:hidden}
@media (min-width:1021px){.menu{display:none !important}}