/* Page-scoped advertising examples and briefing layout. */
body.v4-inner #cases.advertising-examples{padding-block:80px}
body.v4-inner #cases.advertising-examples .mb-examples-heading{max-width:850px}
body.v4-inner #cases.advertising-examples .eyebrow{margin-bottom:20px}
body.v4-inner #cases.advertising-examples h2{margin:0}
body.v4-inner #cases.advertising-examples .lead{margin:20px 0 0;max-width:52ch;font-size:18px;line-height:1.6}
body.v4-inner #cases.advertising-examples .cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
body.v4-inner #cases.advertising-examples .case-card{padding:20px;min-width:0}
body.v4-inner #cases.advertising-examples .advertising-example-video{width:100%;aspect-ratio:16/9;min-height:0;border-radius:14px}
body.v4-inner #cases.advertising-examples .showreel-info{display:none}
body.v4-inner #cases.advertising-examples .advertising-example-copy{padding:20px 4px 4px}
body.v4-inner #cases.advertising-examples h3{font-size:24px;margin:0 0 10px;line-height:1.25}
body.v4-inner #cases.advertising-examples .advertising-example-copy p{font-size:15px;line-height:1.5;margin:0}
body.v4-inner #cases.advertising-examples .mb-examples-footer{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:32px}
body.v4-inner #cases.advertising-examples .mb-examples-footer p{margin:0;max-width:60ch;line-height:1.6}
body.v4-inner #cases.advertising-examples .mb-examples-footer .btn{flex-shrink:0}

body.v4-inner #form.advertising-contact .studio-contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,540px);grid-template-areas:'copy form' 'person form';gap:32px clamp(32px,5vw,80px);max-width:1420px;margin-inline:auto;align-items:start}
body.v4-inner #form.advertising-contact .studio-contact-copy{grid-area:copy;display:block;min-width:0;max-width:650px}
body.v4-inner #form.advertising-contact .studio-contact-copy>.eyebrow{display:block;margin:0 0 24px}
body.v4-inner #form.advertising-contact .studio-contact-copy>h2{font-size:clamp(38px,4vw,58px)!important;margin:0 0 24px!important;line-height:1.1;max-width:13ch}
body.v4-inner #form.advertising-contact .studio-contact-copy>.lead{margin:0;max-width:48ch;font-size:18px;line-height:1.65}
body.v4-inner #form.advertising-contact .cta-bullets{display:grid;gap:14px;margin:28px 0 0;padding:0;max-width:50ch}
body.v4-inner #form.advertising-contact .cta-bullets li{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:16px;line-height:1.5}
body.v4-inner #form.advertising-contact .cta-bullets svg{flex:0 0 18px;margin-top:3px}
body.v4-inner #form.advertising-contact .advertising-brief-details{margin-top:28px;max-width:54ch;border-top:1px solid #343a37}
body.v4-inner #form.advertising-contact .advertising-brief-details details{border-bottom:1px solid #343a37}
body.v4-inner #form.advertising-contact .advertising-brief-details summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;padding:16px 0;font-size:15px;line-height:1.5;list-style:none;color:#f5f6f3}
body.v4-inner #form.advertising-contact .advertising-brief-details summary::-webkit-details-marker{display:none}
body.v4-inner #form.advertising-contact .advertising-brief-details summary::after{content:'+';color:#c6ff31;font-size:22px}
body.v4-inner #form.advertising-contact .advertising-brief-details details[open] summary::after{content:'\2212'}
body.v4-inner #form.advertising-contact .advertising-brief-details p{margin:0;padding:0 0 18px;color:#bcc5bf;font-size:15px;line-height:1.65}
body.v4-inner #form.advertising-contact #form-root{grid-area:form;min-width:0;width:100%;max-width:540px;justify-self:end}
body.v4-inner #form.advertising-contact .form-card{grid-template-columns:minmax(0,1fr);padding:28px;gap:20px}
body.v4-inner #form.advertising-contact .form-title{font-size:23px;line-height:1.3;margin:0 0 4px}
body.v4-inner #form.advertising-contact .form-row{grid-column:1/-1}
body.v4-inner #form.advertising-contact .form-row input,body.v4-inner #form.advertising-contact .form-row select{min-width:0;width:100%}
body.v4-inner #form.advertising-contact .form-privacy-line{display:flex;flex-direction:column;gap:12px;margin-top:4px;font-size:13px;line-height:1.5}
body.v4-inner #form.advertising-contact .form-consent input{flex:0 0 auto;margin-top:3px}
body.v4-inner #form.advertising-contact .studio-contact-card{grid-area:person;display:grid;grid-template-columns:76px minmax(0,1fr);gap:0 20px;align-items:center;padding:24px;max-width:650px;width:100%}
body.v4-inner #form.advertising-contact .studio-contact-portrait{grid-column:1;grid-row:1/4;width:76px;height:76px;margin:0}
body.v4-inner #form.advertising-contact .studio-contact-role{grid-column:2}
body.v4-inner #form.advertising-contact .studio-contact-card h3{grid-column:2;font-size:22px;margin:6px 0 12px}
body.v4-inner #form.advertising-contact .advertising-person-links{grid-column:2;display:flex;flex-wrap:wrap;gap:10px 24px}
body.v4-inner #form.advertising-contact .studio-contact-card a{margin:0;font-size:14px;line-height:1.5}
body.v4-inner #form.advertising-contact :is(summary,a,button,input,select):focus-visible{outline:2px solid #c6ff31;outline-offset:4px}
@media(max-width:1000px){
 body.v4-inner #form.advertising-contact .studio-contact-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'form' 'person';gap:32px}
 body.v4-inner #form.advertising-contact #form-root{max-width:650px;justify-self:start}
}
@media(max-width:900px){
 body.v4-inner #cases.advertising-examples{padding-block:56px}
 body.v4-inner #cases.advertising-examples .cases-grid{grid-template-columns:minmax(0,1fr);margin-top:28px}
 body.v4-inner #cases.advertising-examples .mb-examples-footer{flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px}
 body.v4-inner #form.advertising-contact .studio-contact-copy>.lead{font-size:16px}
}
@media(max-width:500px){
 body.v4-inner #form.advertising-contact .form-card{padding:22px}
 body.v4-inner #form.advertising-contact .studio-contact-card{grid-template-columns:60px minmax(0,1fr);gap:0 14px;padding:20px}
 body.v4-inner #form.advertising-contact .studio-contact-portrait{width:60px;height:60px}
 body.v4-inner #form.advertising-contact .studio-contact-card h3{font-size:20px;overflow-wrap:anywhere}
 body.v4-inner #form.advertising-contact .advertising-person-links{grid-column:1/-1;margin-top:18px}
}