
/* ===== QuizMania - accueil ===== */
body:has(.qm-vb) #header-image-main{display:none!important}
body:has(.qm-vb) #content{margin-top:0!important}
body:has(.qm-vb) .article-inner,body:has(.qm-vb) .entry-content{padding-top:0!important}
body:has(.qm-vb) #container,body:has(.qm-vb) #main,body:has(.qm-vb) #main>article,body:has(.qm-vb) .article-inner{overflow:visible!important}
body:has(.qm-vb) #site-wrapper{overflow-x:hidden}
body:has(.qm-vb) .entry-header{display:none!important}
body:has(.qm-vb) .entry-content>*{max-width:none}
.qm{--navy:#2b1608;--blue:#d9600b;--orange:#f7941d;--pink:#e8590c;--ink:#2b1d14;--muted:#6b5a4e;--soft:#fff5ea;--line:#f6e3cf;font-family:"Open Sans",sans-serif;color:var(--ink);font-size:17px;line-height:1.65}
.qm *{box-sizing:border-box}
.qm h2,.qm h3{font-family:"Bricolage Grotesque",sans-serif!important;color:var(--navy)!important;letter-spacing:-.01em;margin:0 0 14px!important}
.qm h2{font-size:clamp(26px,3vw,38px)!important;line-height:1.12!important;font-weight:800!important}
.qm h3{font-size:21px!important;line-height:1.25!important;font-weight:800!important}
.qm p{margin:0 0 14px!important}
.qm a{color:var(--blue)}
.qm-s{max-width:1140px;margin:0 auto 80px!important;padding:0 20px}
.qm-head{max-width:760px;margin:0 auto 34px;text-align:center}
.qm-eyebrow{display:inline-block;margin:0 0 12px!important;padding:6px 14px;border-radius:999px;background:#fff1d8;color:#9a5d00!important;font:700 12px/1.2 "Open Sans",sans-serif!important;letter-spacing:.12em;text-transform:uppercase}
.qm-lead{color:var(--muted);font-size:18px}
.qm .qm-eyebrow--lg{font-size:15.5px!important;padding:9px 22px!important;letter-spacing:.14em;margin-bottom:16px!important}
.qm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:999px;font:700 15px/1 "Open Sans",sans-serif;text-decoration:none!important;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;border:0}
.qm-btn--orange{background:var(--orange);color:var(--navy)!important;box-shadow:0 10px 26px rgba(247,148,29,.4)}
.qm-btn--orange:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(239,170,43,.5)}
.qm-btn--line{background:#fff;color:var(--blue)!important;border:2px solid var(--blue)}
.qm-btn--line:hover{background:var(--blue);color:#fff!important}
.qm-ctas{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px}
/* --- bandeau vidéo --- */
.qm-vb{position:relative;width:calc(100vw - var(--qm-sb,0px));max-width:none!important;margin:0 0 34px calc(50% - 50vw + var(--qm-sb,0px) / 2)!important;aspect-ratio:16/9;max-height:78vh;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--navy);color:#fff;isolation:isolate;font-family:"Open Sans",sans-serif}
.qm-vb__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-3;filter:contrast(1.05) saturate(1.12)}
.qm-vb__shade{position:absolute;inset:0;z-index:-2;pointer-events:none;transition:opacity .6s ease;background:radial-gradient(ellipse 55% 40% at 50% 50%,rgba(30,14,4,.45) 0%,rgba(30,14,4,0) 100%),linear-gradient(180deg,rgba(30,14,4,.35) 0%,rgba(30,14,4,0) 18%,rgba(30,14,4,0) 70%,rgba(255,255,255,.55) 92%,#fff 100%)}
.qm-vb__live{position:absolute;top:22px;left:24px;display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(30,14,4,.55);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:700 12px/1 "Open Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:opacity .4s ease}
.qm-vb__live i{width:9px;height:9px;border-radius:50%;background:#ff3b3b;animation:qmPulse 1.6s infinite}
@keyframes qmPulse{0%{box-shadow:0 0 0 0 rgba(255,59,59,.7)}70%{box-shadow:0 0 0 10px rgba(255,59,59,0)}100%{box-shadow:0 0 0 0 rgba(255,59,59,0)}}
.qm-vb__inner{position:relative;max-width:900px;padding:50px 24px 90px;text-align:center;transition:opacity .5s ease,transform .5s ease}
.qm-vb__kicker{display:inline-block;margin:0 0 18px!important;padding:7px 16px;border-radius:999px;background:rgba(30,14,4,.45);border:1px solid rgba(239,170,43,.8);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#ffd88f!important;font:700 12px/1.2 "Open Sans",sans-serif!important;letter-spacing:.12em;text-transform:uppercase;animation:qmUp .8s .1s both}
.qm-vb h1{margin:0 0 20px!important;color:#fff!important;font-family:"Bricolage Grotesque",sans-serif!important;font-weight:800!important;font-size:clamp(25px,3.2vw,44px)!important;line-height:1.05!important;letter-spacing:-.02em;text-shadow:0 2px 6px rgba(0,0,0,.55),0 8px 34px rgba(0,0,0,.6);animation:qmUp .8s .25s both}
.qm-vb h1 .qm-hl{display:block;text-shadow:none;margin-top:.12em;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));background:linear-gradient(90deg,#ffd27a,#f7941d 35%,#ffb347 65%,#ffd27a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;background-size:200% 100%;animation:qmShine 6s linear infinite}
.qm-vb h1 .qm-hl em{font-style:normal;-webkit-text-fill-color:initial;color:#fff}
@keyframes qmShine{to{background-position:-200% 0}}
.qm-vb__lead{max-width:680px;margin:0 auto 28px!important;color:#fff!important;font-size:clamp(15px,1.3vw,18px)!important;line-height:1.55!important;text-shadow:0 1px 3px rgba(0,0,0,.8),0 2px 18px rgba(0,0,0,.7);animation:qmUp .8s .4s both}
.qm-vb .qm-ctas{margin-top:0;animation:qmUp .8s .55s both}
.qm-btn--ghost{background:rgba(30,14,4,.45);color:#fff!important;border:1.5px solid rgba(255,255,255,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.qm-btn--ghost:hover{background:rgba(30,14,4,.7);transform:translateY(-2px)}
.qm-btn--ghost b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--navy);font-size:11px;padding-left:2px}
@keyframes qmUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.qm-vb__close{position:absolute;top:20px;right:22px;z-index:3;display:none;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:rgba(30,14,4,.6);color:#fff;font:700 14px/1 "Open Sans",sans-serif;cursor:pointer}
.qm-vb.is-watching .qm-vb__inner,.qm-vb.is-watching .qm-vb__live{opacity:0;pointer-events:none;transform:translateY(10px)}
.qm-vb.is-watching .qm-vb__shade{opacity:0}
.qm-vb.is-watching .qm-vb__video{object-fit:contain;background:#000;filter:none}
.qm-vb.is-watching{background:#000}
.qm-vb.is-watching .qm-vb__close{display:block}
/* --- atouts + chiffres --- */
.qm-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.qm-feat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 24px;box-shadow:0 8px 26px rgba(110,50,5,.06)}
.qm-feat__ico{display:grid;place-items:center;width:60px;height:60px;margin-bottom:18px;border-radius:18px;background:linear-gradient(135deg,#ffb347,#f26a0c);color:#fff;box-shadow:0 10px 22px rgba(242,106,12,.32),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .25s ease}
.qm-feat:hover .qm-feat__ico{transform:translateY(-3px) rotate(-4deg)}
.qm-feat__ico svg{display:block}
.qm-feat p{color:var(--muted);margin:0!important;font-size:16px}
.qm-band{position:relative;overflow:hidden;isolation:isolate;box-sizing:border-box;max-width:980px!important;margin:0 auto 46px!important;border-radius:28px;color:#fff;padding:46px 30px 64px;background:radial-gradient(circle at 8% 10%,rgba(255,255,255,.18),transparent 38%),linear-gradient(110deg,#fb9a2c 0%,#f5861a 35%,#eb6a12 68%,#d9480c 100%);box-shadow:0 22px 50px rgba(226,90,10,.28)}
.qm-band::before{content:"";position:absolute;z-index:-1;right:-110px;top:-120px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35) 0 22px,transparent 23px),repeating-radial-gradient(circle,rgba(255,255,255,.13) 0 1px,transparent 1.5px 7px);opacity:.85;animation:qmSpin 18s linear infinite}
.qm-band::after{content:"♪  ♫  ♪";position:absolute;z-index:-1;left:26px;top:14px;font-size:22px;letter-spacing:6px;color:rgba(255,255,255,.35)}
@keyframes qmSpin{to{transform:rotate(360deg)}}
.qm-band ul{position:relative;z-index:1}
.qm-eq{position:absolute;z-index:0;left:0;right:0;bottom:0;height:50px;display:flex;justify-content:space-between;align-items:flex-end;gap:5px;padding:0 26px;opacity:.2;pointer-events:none}
.qm-eq i{flex:1;max-width:14px;background:#fff;border-radius:6px 6px 0 0;height:30%;animation:qmEq 1.2s ease-in-out infinite alternate}
.qm-eq i:nth-child(3n){animation-duration:.9s;animation-delay:-.3s}
.qm-eq i:nth-child(4n+1){animation-duration:1.5s;animation-delay:-.7s}
.qm-eq i:nth-child(5n+2){animation-duration:.7s;animation-delay:-.2s}
.qm-eq i:nth-child(7n){animation-duration:1.1s;animation-delay:-.5s}
@keyframes qmEq{0%{height:10%}50%{height:75%}100%{height:32%}}
.qm-band ul{list-style:none;max-width:1140px;margin:0 auto!important;padding:0!important;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.qm-band li{margin:0!important}
.qm-band strong{display:block;white-space:nowrap;font:800 clamp(30px,3.4vw,44px)/1 "Bricolage Grotesque",sans-serif;color:#fff;margin-bottom:8px;text-shadow:0 2px 10px rgba(120,40,0,.25)}
.qm-band span{font-size:15px;color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(120,40,0,.45)}
/* --- cartes publics / formats --- */
.qm-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.qm-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none!important;color:var(--ink)!important;transition:transform .25s ease,box-shadow .25s ease}
.qm-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(110,50,5,.14)}
.qm-card .wp-block-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin:0!important}
.qm-card__b{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.qm-card__b p{color:var(--muted);font-size:15.5px;flex:1}
.qm-more{font-weight:700;color:var(--blue);font-size:15px}
.qm-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.qm-format{position:relative;display:block;padding:24px 22px 22px 22px;border-radius:16px;background:var(--soft);border:1px solid var(--line);text-decoration:none!important;color:var(--ink)!important;transition:background .2s ease,transform .2s ease}
.qm-format:hover{background:#fff;transform:translateY(-3px);box-shadow:0 12px 30px rgba(110,50,5,.1)}
.qm-format h3{font-size:19px!important;margin-bottom:6px!important}
.qm-format p{color:var(--muted);font-size:15.5px;margin:0!important}
.qm-format--hot{background:linear-gradient(135deg,#fff1d8,#ffe2c4)}
.qm-tag{position:absolute;top:14px;right:14px;padding:4px 10px;border-radius:999px;background:var(--pink);color:#fff;font:700 11px/1.2 "Open Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.qm-after{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
.qm-after .qm-after__a{position:relative;display:block;border-radius:18px;overflow:hidden;min-height:240px;text-decoration:none!important;color:#fff!important}
.qm-after .qm-after__a .wp-block-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0!important;transition:transform .5s ease}
.qm-after .qm-after__a:hover .wp-block-image img{transform:scale(1.05)}
.qm-after .qm-after__a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,14,4,0) 30%,rgba(30,14,4,.85))}
.qm-after .qm-after__a .wp-block-group{position:absolute;left:24px;right:24px;bottom:20px;z-index:1}
.qm-after h3{color:#fff!important;margin-bottom:4px!important}
.qm-after p{margin:0!important;font-size:15.5px;opacity:.95}
/* --- démo --- */
.qm-demo{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;background:var(--soft);border-radius:24px;padding:44px}
.qm-demo .wp-block-image img{width:100%;height:auto;border-radius:14px;box-shadow:0 14px 34px rgba(110,50,5,.18);margin:0!important}
.qm-demo .qm-ctas{justify-content:flex-start;margin-top:20px}
.qm-s.qm-logos{margin-bottom:0!important}.qm-logos .qm-head{margin-bottom:0}

.qm.qm-s.qm-intro{margin-bottom:34px!important}
@media (max-width:781px){.qm.qm-s.qm-intro{margin-bottom:26px!important}
 .qm-vb,.qm-vb.is-watching{background:radial-gradient(circle at -12% 108%,transparent 0 30px,rgba(247,148,29,.10) 31px 32px,transparent 33px 44px,rgba(247,148,29,.10) 45px 46px,transparent 47px 58px,rgba(247,148,29,.10) 59px 60px,transparent 61px),linear-gradient(180deg,#fff8ef 0%,#ffefdc 62%,#fff 100%)!important}
 .qm-vb__video{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.6) 75%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.6) 75%,transparent 100%)}
 .qm-vb__inner{position:relative;isolation:isolate;padding-top:6px!important;padding-bottom:58px!important;margin-top:-44px!important;z-index:1}
 .qm-vb__inner::before{content:"";position:absolute;z-index:-1;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='%23f7941d'%3E%3Cpath d='M30 10v38a8 6 0 1 1-4-5V18l26-6v30a8 6 0 1 1-4-5V4z'/%3E%3Cpath d='M92 40v28a7 5 0 1 1-3.5-4.3V40c6 1 12 5 14 11-4-3-7-4-10.5-4z' opacity='.7'/%3E%3C/svg%3E") right 4px top 108px/46px 35px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='%23f7941d'%3E%3Cpath d='M30 10v38a8 6 0 1 1-4-5V18l26-6v30a8 6 0 1 1-4-5V4z'/%3E%3Cpath d='M92 40v28a7 5 0 1 1-3.5-4.3V40c6 1 12 5 14 11-4-3-7-4-10.5-4z' opacity='.7'/%3E%3C/svg%3E") left 2px top 210px/36px 27px no-repeat;opacity:.3;pointer-events:none}
 .qm-vb__inner::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 44' fill='%23f7941d'%3E%3Crect x='2' y='26' width='6' height='18' rx='3'/%3E%3Crect x='12' y='14' width='6' height='30' rx='3'/%3E%3Crect x='22' y='30' width='6' height='14' rx='3'/%3E%3Crect x='32' y='8' width='6' height='36' rx='3'/%3E%3Crect x='42' y='20' width='6' height='24' rx='3'/%3E%3Crect x='52' y='32' width='6' height='12' rx='3'/%3E%3Crect x='62' y='16' width='6' height='28' rx='3'/%3E%3Crect x='72' y='4' width='6' height='40' rx='3'/%3E%3Crect x='82' y='24' width='6' height='20' rx='3'/%3E%3Crect x='92' y='12' width='6' height='32' rx='3'/%3E%3Crect x='102' y='28' width='6' height='16' rx='3'/%3E%3Crect x='112' y='18' width='6' height='26' rx='3'/%3E%3Crect x='122' y='34' width='6' height='10' rx='3'/%3E%3Crect x='132' y='22' width='6' height='22' rx='3'/%3E%3C/svg%3E") bottom left/140px 40px repeat-x;opacity:.16;pointer-events:none}
 .qm-vb__inner h1{color:#2b1608!important;text-shadow:none!important}
 .qm-vb__lead{color:#6b5a4e!important;text-shadow:none!important}
 .qm-vb .qm-hl,.qm-vb .qm-hl *{background:none!important;-webkit-text-fill-color:#e2550a!important;color:#e2550a!important;text-shadow:none!important}
 .qm-vb__kicker{background:#fff1d8!important;border-color:#f7c27a!important;color:#9a5d00!important;backdrop-filter:none!important}
 .qm-vb .qm-btn--ghost{background:#fff!important;border:2px solid #f7941d!important;color:#c94a08!important}
 .qm-vb .qm-btn--ghost b{background:#f7941d!important;color:#fff!important}
}


.qm-s:has(.qm-about){margin-top:70px!important}
.qm-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.qm-about .wp-block-image img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:22px;box-shadow:0 20px 44px rgba(110,50,5,.2);margin:0!important}
.qm-about ul{margin:6px 0 18px!important;padding:0!important;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.qm-about li{margin:0!important;padding:6px 14px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font-size:14.5px;font-weight:600}
.qm-sign{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;color:var(--blue);font-size:19px}
.qm-zone{text-align:center;background:var(--soft);border-radius:24px;padding:44px 28px}
.qm-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 0!important;padding:0!important;list-style:none}
.qm .qm-zone__more{margin:38px 0 0!important;font-weight:600;color:var(--muted)}
.qm-zone__more a{font-weight:700}
.qm-chips li{margin:0!important;padding:7px 15px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14.5px;font-weight:600;color:var(--navy)}
.qm-faq{max-width:860px;margin-left:auto!important;margin-right:auto!important}
.qm-s.qm-faq{margin-bottom:44px!important}
.qm-faq details{border:1px solid var(--line);border-radius:14px;background:#fff;margin:0 0 12px;transition:box-shadow .2s ease}
.qm-faq details[open]{box-shadow:0 10px 26px rgba(110,50,5,.08)}
.qm-faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 22px;position:relative;font-weight:700;color:var(--navy);font-size:17px}
.qm-faq summary::-webkit-details-marker{display:none}
.qm-faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--orange);font-weight:700}
.qm-faq details[open] summary::after{content:"–"}
.qm-faq details p{padding:0 22px 18px;color:var(--muted);margin:0!important}
.qm-read{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.qm-read a{display:block;padding:18px;border-radius:14px;border:1px solid var(--line);background:#fff;font-weight:700;color:var(--navy)!important;text-decoration:none!important;font-size:15.5px;line-height:1.35;transition:border-color .2s ease,transform .2s ease}
.qm-read a:hover{border-color:var(--orange);transform:translateY(-2px)}
.qm-read small{display:block;margin-bottom:6px;color:var(--orange);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.qm-contact{width:calc(100vw - var(--qm-sb,0px));margin:0 0 -30px calc(50% - 50vw + var(--qm-sb,0px) / 2)!important;background:radial-gradient(ellipse 60% 50% at 15% 0%,rgba(255,255,255,.22),transparent 70%),radial-gradient(ellipse 50% 60% at 100% 100%,rgba(190,50,0,.35),transparent 70%),linear-gradient(160deg,#ffb04a 0%,#f7941d 32%,#ee7014 66%,#dc4f0c 100%);padding:70px 20px 80px}
.qm-contact__in{max-width:1100px;margin:0 auto}
.qm-contact{position:relative;overflow:hidden;isolation:isolate}
.qm-contact__in{position:relative;z-index:2}
.qm-ans{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:900px;margin:-6px auto 30px}
.qm-ans span{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:14px;background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.55);color:#fff;font:700 15px/1.2 "Open Sans",sans-serif;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 6px 16px rgba(140,40,0,.15)}
.qm-ans b{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#fff;color:#e2550a;font:800 14px/1 "Bricolage Grotesque",sans-serif}
.qm-ans .is-ok{background:#fff;color:#2b1608;border-color:#fff;animation:qmOk 2.4s ease-in-out infinite}
.qm-ans .is-ok b{background:#2fbf71;color:#fff}
@keyframes qmOk{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}50%{box-shadow:0 0 0 8px rgba(255,255,255,0)}}
@media (max-width:781px){.qm-ans{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}.qm-ans span{font-size:13.5px;padding:9px 11px}}

.qm-deco{position:absolute;z-index:1;color:#fff;pointer-events:none;line-height:1}
.qm-deco--vinyl{left:-110px;top:-110px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4) 0 28px,rgba(255,255,255,0) 29px 31px,rgba(255,255,255,.12) 32px 34px,transparent 35px),repeating-radial-gradient(circle,rgba(255,255,255,.13) 0 1px,transparent 1.5px 7px);opacity:.75;animation:qmSpin 22s linear infinite}
.qm-deco--q{right:3%;top:16px;font:800 190px/1 "Bricolage Grotesque",sans-serif;opacity:.15;transform:rotate(14deg)}
.qm-deco--q2{left:3.5%;top:46%;font:800 120px/1 "Bricolage Grotesque",sans-serif;opacity:.13;transform:rotate(-14deg)}
.qm-deco--n{font-size:36px;opacity:.4;animation:qmFloat 6s ease-in-out infinite}
.qm-n1{left:18%;top:36px}.qm-n2{right:20%;top:70px;font-size:44px;animation-delay:-2s}.qm-n3{left:5%;bottom:140px;font-size:30px;animation-delay:-4s}.qm-n4{right:5%;bottom:190px;font-size:40px;animation-delay:-1s}
.qm-deco--buzz{right:2.5%;top:44%;width:86px;opacity:.3;transform:rotate(-10deg)}
.qm-deco--mic{left:2.5%;top:24%;width:70px;opacity:.28;transform:rotate(12deg)}
.qm-deco--head{right:22%;bottom:34px;width:64px;opacity:.22}
.qm-deco svg{display:block;width:100%;height:auto}
.qm-eq--contact{height:70px;opacity:.16;z-index:1}
@keyframes qmFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(6deg)}}
@media (max-width:1200px){.qm-deco--q2,.qm-deco--mic,.qm-deco--buzz{display:none}}
@media (max-width:781px){.qm-deco--vinyl{width:200px;height:200px;left:-80px;top:-80px}.qm-deco--q{font-size:120px}.qm-n3,.qm-n4,.qm-deco--head{display:none}}

.qm-contact .qm-head{max-width:760px}
.qm-contact .qm-head h2,.qm-contact .qm-head p{color:#fff!important}
.qm-contact .qm-eyebrow{background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.45);color:#fff!important;font-size:15px!important;padding:10px 22px!important;letter-spacing:.14em!important;box-shadow:0 6px 18px rgba(150,50,0,.18)}
.qm-contact__form{background:#fff;border-radius:24px;padding:40px 48px;box-shadow:0 24px 60px rgba(0,0,0,.25)}
.qm-contact__form .wpforms-title,.qm-contact__form .wpforms-head-container{display:none!important}
.qm-contact__form .wpforms-container{margin:0!important}
.qm-contact__form button[type=submit]{background:var(--orange)!important;color:#2b1608!important;border:0!important;border-radius:999px!important;padding:14px 30px!important;font-weight:700!important;height:auto!important}
.qm-mail{text-align:center;margin-top:18px!important;color:#fff;font-size:15px}
.qm-mail a{color:#fff!important;font-weight:700;text-decoration:underline!important}
@media (max-width:1000px){
 .qm-cards{grid-template-columns:repeat(2,1fr)}
 .qm-formats{grid-template-columns:repeat(2,1fr)}
 .qm-read{grid-template-columns:repeat(2,1fr)}
 .qm-band ul{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width:781px){
 .qm{font-size:16px}
 body:has(.qm-vb) #content{padding-left:0!important;padding-right:0!important}
 body:has(.qm-vb) #main>article{border:0!important;box-shadow:none!important}
 body:has(.qm-vb) .article-inner{padding-left:0!important;padding-right:0!important}
 .qm-s{margin-bottom:56px!important;padding:0 16px}
 .qm-vb{display:block;aspect-ratio:auto;max-height:none;min-height:0;margin-bottom:26px!important}
 .qm-vb__video{position:relative;inset:auto;display:block;aspect-ratio:4/3;height:auto;z-index:0;object-position:center}
 .qm-vb__shade{display:none}
 .qm-vb__inner{padding:26px 18px 40px}
 .qm-vb__inner,.qm-vb.is-watching .qm-vb__inner{opacity:1;transform:none;pointer-events:auto}
 .qm-vb.is-watching{background:var(--navy)}
 .qm-vb.is-watching .qm-vb__close{top:12px;right:12px}
 .qm-vb__live{top:14px;left:14px;font-size:10px;padding:6px 11px}
 .qm-btn{width:100%;padding:15px 22px}
 .qm-ctas{max-width:360px;margin-left:auto;margin-right:auto}
 .qm-demo .qm-ctas{margin-left:0}
 .qm-feats,.qm-formats,.qm-after,.qm-demo,.qm-about{grid-template-columns:1fr}
 .qm-cards{grid-template-columns:1fr 1fr;gap:12px}
 .qm-card__b{padding:14px}
 .qm-card__b p{font-size:14px}
 .qm-card h3{font-size:17px!important}
 .qm-demo{padding:26px 20px;gap:24px}
 .qm-about{gap:26px}
 .qm-about .wp-block-image img{aspect-ratio:1/1}
 .qm-band{padding:34px 16px 54px;margin:0 16px 56px!important;border-radius:22px}
 .qm-band::before{width:220px;height:220px;right:-90px;top:-90px}
 .qm-zone{padding:32px 18px}
 .qm-contact{padding:50px 16px 60px}
 .qm-contact__form{padding:20px}
}
@media (max-width:420px){.qm-cards{grid-template-columns:1fr}.qm-read{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.qm *{animation:none!important;transition:none!important}}

.qmc{display:contents}
.qm .wp-block-group__inner-container,.qmn .wp-block-group__inner-container{display:contents}
.qm .wp-block-image,.qmn .wp-block-image{margin:0}
:where(.qm,.qmn) .wp-block-image img{max-width:100%;height:auto}
.qmlink{position:relative}
.qmlink__cover{position:absolute;inset:0;z-index:5;border-radius:inherit}

.qm h2.qm-title-orange{color:#f7941d !important}
