/* Shared live briefing component; form fields and submission scripts stay intact. */
body :is(#form,#contact).mb-briefing .mb-briefing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:max-content 1fr;grid-template-areas:'copy form' 'person form';gap:32px clamp(36px,4vw,80px);width:100%;max-width:none;margin-inline:auto;align-items:start}
body :is(#form,#contact).mb-briefing .mb-briefing-copy{grid-area:copy;grid-column:auto;display:block;min-width:0;max-width:none}
body :is(#form,#contact).mb-briefing .mb-briefing-copy>:is(.eyebrow,.av2-kicker){display:block;margin:0 0 24px}
body :is(#form,#contact).mb-briefing .mb-briefing-copy>h2{font-size:clamp(36px,4vw,80px)!important;line-height:1.1;margin:0 0 28px!important;max-width:22ch;text-wrap:balance;letter-spacing:-.045em}
body :is(#form,#contact).mb-briefing .mb-briefing-copy>h2.mb-briefing-heading-long{font-size:clamp(34px,3.2vw,68px)!important;max-width:25ch}
body :is(#form,#contact).mb-briefing .mb-briefing-copy>h2 em{font-style:normal;color:inherit}
body :is(#form,#contact).mb-briefing .mb-briefing-copy>:is(.lead,.av2-lead,.contact-intro){margin:0;padding:0;border:0;max-width:52ch;font-size:18px;line-height:1.65}
body :is(#form,#contact).mb-briefing .cta-bullets{display:grid;gap:14px;margin:28px 0 0;padding:0;max-width:54ch;list-style:none}
body :is(#form,#contact).mb-briefing .cta-bullets li{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:16px;line-height:1.55}
body :is(#form,#contact).mb-briefing .cta-bullets svg{flex:0 0 18px;margin-top:3px}
body :is(#form,#contact).mb-briefing .mb-briefing-copy>p:not(.lead):not(.av2-lead):not(.contact-intro){margin:24px 0 0;font-size:15px;line-height:1.6}
body :is(#form,#contact).mb-briefing :is(.mb-briefing-details,.advertising-brief-details){margin-top:28px;border-top:1px solid #343e38;max-width:56ch}
body :is(#form,#contact).mb-briefing :is(.mb-briefing-details,.advertising-brief-details) details{border-bottom:1px solid #343e38}
body :is(#form,#contact).mb-briefing :is(.mb-briefing-details,.advertising-brief-details) summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;padding:16px 0;font-size:15px;line-height:1.5;color:#f5f6f3}
body :is(#form,#contact).mb-briefing summary::-webkit-details-marker{display:none}
body :is(#form,#contact).mb-briefing summary::after{content:'+';flex-shrink:0;font-size:22px;color:#c6ff31}
body :is(#form,#contact).mb-briefing details[open]>summary::after{content:'\2212'}
body :is(#form,#contact).mb-briefing details p{margin:0;padding:0 0 18px;color:#b9c5bf;font-size:15px;line-height:1.65}
body :is(#form,#contact).mb-briefing .mb-briefing-form{grid-area:form;min-width:0;width:100%;max-width:none;justify-self:stretch}
body :is(#form,#contact).mb-briefing .mb-briefing-form :is(#form-root,form){min-width:0;width:100%;max-width:none}
body :is(#form,#contact).mb-briefing .mb-briefing-form :is(.form-card,#project-form,.av2-lead-form){display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:clamp(28px,2.1vw,44px);background:#141a1b;border:1px solid #343e38;border-radius:24px;min-width:0}
body :is(#form,#contact).mb-briefing .mb-briefing-form :is(.form-row,.form-grid,.av2-form-fields){grid-column:1/-1;grid-template-columns:minmax(0,1fr);margin:0;gap:20px}
body :is(#form,#contact).mb-briefing .mb-briefing-form :is(input:not([type=checkbox]),select,textarea){min-width:0;max-width:100%}
body :is(#form,#contact).mb-briefing .mb-briefing-form .form-title{font-size:clamp(23px,1.8vw,32px);line-height:1.3;margin:0 0 4px}
body :is(#form,#contact).mb-briefing :is(.form-privacy-line,.form-privacy){display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:4px 0 0;font-size:13px;line-height:1.55}
body :is(#form,#contact).mb-briefing :is(.form-policy,.form-privacy p){margin:0;font-size:13px;line-height:1.55;text-align:left;align-self:stretch}
body :is(#form,#contact).mb-briefing :is(.form-consent,.consent-check){display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.55}
body :is(#form,#contact).mb-briefing :is(.form-consent,.consent-check) input{flex:0 0 16px;width:16px;height:16px;margin-top:3px;align-self:flex-start}
body :is(#form,#contact).mb-briefing .mb-briefing-person{grid-area:person;grid-column:auto;position:static;display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px 20px;align-items:start;min-width:0;width:100%;max-width:none;padding:clamp(24px,1.7vw,36px);border:1px solid #343e38;border-radius:22px;background:#141a1b;justify-self:start}
body :is(#form,#contact).mb-briefing .mb-briefing-portrait{grid-column:1;grid-row:1/5;position:relative;width:76px;height:76px;aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0;background:#4d5354}
body :is(#form,#contact).mb-briefing .mb-briefing-portrait img{position:absolute;width:190%;max-width:none;height:auto;left:50%;top:0;transform:translateX(-50%);object-fit:initial}
body :is(#form,#contact).mb-briefing .mb-briefing-role{grid-column:2;font-size:12px;line-height:1.5;color:#a8b5ad;margin:0}
body :is(#form,#contact).mb-briefing .mb-briefing-person h3{grid-column:2;margin:0;font-size:22px;line-height:1.3;letter-spacing:-.03em}
body :is(#form,#contact).mb-briefing .mb-briefing-person-note{grid-column:2;margin:0;font-size:14px;line-height:1.6;color:#b9c5bf}
body :is(#form,#contact).mb-briefing .mb-briefing-person-links{grid-column:2;display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:4px}
body :is(#form,#contact).mb-briefing .mb-briefing-person-links a{display:inline-block;margin:0;font-size:14px;line-height:1.5;color:#c6ff31}
body :is(#form,#contact).mb-briefing :is(summary,a,button,input,textarea,select):focus-visible{outline:2px solid #c6ff31;outline-offset:4px}
/* Each cinematic step keeps its one existing top boundary. Ranges are pills. */
body .mb-process-clean::before{content:none;display:none}
body .process-step-num.mb-process-range{width:max-content;min-width:58px;height:38px;padding:0 12px;border-radius:999px;white-space:nowrap;line-height:1;flex-shrink:0}
@media(max-width:1000px){
 body :is(#form,#contact).mb-briefing .mb-briefing-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:'copy' 'form' 'person';gap:32px}
 body :is(#form,#contact).mb-briefing .mb-briefing-form{justify-self:stretch;max-width:none}
}
/* Wide forms use the existing paired rows, keeping the original fields and order. */
@media(min-width:1280px){
 body :is(#form,#contact).mb-briefing .mb-briefing-form :is(.form-row,.form-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}
@media(max-width:600px){
 body :is(#form,#contact).mb-briefing .mb-briefing-copy>:is(.lead,.av2-lead,.contact-intro){font-size:16px}
 body :is(#form,#contact).mb-briefing .mb-briefing-copy>h2{font-size:34px!important}
 body :is(#form,#contact).mb-briefing .mb-briefing-copy>h2.mb-briefing-heading-long{font-size:32px!important}
 body :is(#form,#contact).mb-briefing .mb-briefing-form :is(.form-card,#project-form,.av2-lead-form){padding:22px}
 body :is(#form,#contact).mb-briefing .mb-briefing-person{grid-template-columns:60px minmax(0,1fr);gap:8px 16px;padding:20px}
 body :is(#form,#contact).mb-briefing .mb-briefing-portrait{width:60px;height:60px}
 body :is(#form,#contact).mb-briefing .mb-briefing-person h3{font-size:20px}
 body :is(#form,#contact).mb-briefing .mb-briefing-person-links{grid-column:1/-1;margin-top:12px}
}