.commercial-page{--mg-acid: #FF5722}.commercial-page :where(a,button,summary):focus-visible,.portfolio-page :where(a,button):focus-visible{outline:2px solid currentColor;outline-offset:4px}.commercial-breadcrumb{display:flex;flex-wrap:wrap;gap:.4rem .7rem;margin-bottom:2rem;color:#625e57;font-size:.8rem;line-height:1.6}.commercial-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.commercial-page .mg-seo-hero{padding-block:clamp(2rem,4vw,4rem) clamp(3rem,6vw,5rem)}.commercial-page .mg-seo-hero__grid{padding-top:clamp(2rem,4vw,3rem)}.commercial-page .mg-seo-hero__copy h1{max-width:17ch;font-size:clamp(2.65rem,5.3vw,5rem);line-height:.95}.commercial-page .mg-seo-hero__copy .commercial-hero-price{margin-top:1.2rem;color:#09090a;font-size:1rem}.commercial-hero-price strong{font-size:1.35rem}.commercial-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;margin-bottom:2rem}:is(.commercial-heading,.commercial-benefits,.commercial-process,.commercial-territory,.commercial-offer,.case-story,.case-details,.case-identity,.portfolio-concepts) h2{max-width:24ch;font-family:Archivo,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(2rem,3vw,3rem);line-height:1;letter-spacing:-.035em}.commercial-page section:not(.mg-seo-hero):not(.mg-seo-cta):not(.mg-seo-related){margin-bottom:clamp(3rem,6vw,5rem)}.commercial-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.commercial-examples--graphic{grid-template-columns:repeat(3,minmax(0,1fr))}.commercial-examples img{width:100%;height:auto;aspect-ratio:8 / 5;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border:1px solid #09090A26}.commercial-examples--graphic img{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;background:#f4f2ed}.commercial-examples figcaption{padding-top:1rem}.commercial-examples h3,.portfolio-grid h3{font-size:1.2rem;font-weight:700;line-height:1.3}.commercial-examples h3 a,.portfolio-grid h3{display:flex;align-items:start;gap:.5rem}.commercial-examples h3 svg,.portfolio-grid h3 svg{width:1rem;height:1rem;flex:0 0 auto;margin-top:.25rem}.commercial-examples p,.commercial-benefits p,.commercial-process p,.commercial-territory p,.commercial-offer p,.case-story p,.case-identity p,.portfolio-grid p,.portfolio-concepts>p{margin-top:.8rem;max-width:65ch;font-size:1rem;line-height:1.65;color:#625e57}.commercial-benefits__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem;border-block:1px solid #09090A35}.commercial-benefits__grid article{padding-block:1.6rem 2rem}.commercial-index{display:block;margin-bottom:1rem;font-size:.75rem;color:#b73a0b;font-weight:700}.commercial-benefits h3,.commercial-process h3,.case-details h3{font-size:1.2rem;font-weight:700}.commercial-benefits ul{display:grid;gap:.65rem;margin-top:1rem;font-size:.9rem;line-height:1.45}.commercial-benefits li{display:flex;gap:.6rem}.commercial-benefits li svg{width:1rem;height:1rem;flex-shrink:0;color:#b73a0b;margin-top:.2rem}.commercial-benefits .web-offer-text-link{margin-top:1rem}.commercial-offer{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;padding-block:2.5rem;border-block:1px solid #09090A40}.commercial-offer h2 strong{display:block;margin-top:.4rem;font-size:clamp(3rem,5vw,4.7rem);color:#b73a0b}.commercial-offer p{margin-top:0}.commercial-offer .mg-button{margin-top:1.5rem}.commercial-offer .web-offer-text-link{display:flex;margin-top:1rem;width:-moz-fit-content;width:fit-content}.commercial-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem}.commercial-process li{border-top:2px solid #FF5722;padding-top:1rem}.commercial-territory>div{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.2rem}.commercial-faq{padding-top:0}.commercial-page .mg-seo-cta{margin-top:0}.commercial-page .mg-seo-cta h2{font-size:clamp(2.5rem,4vw,4rem)}.commercial-page .mg-seo-related{padding-block:clamp(3rem,6vw,5rem)}.commercial-page .mg-seo-related h2{margin-top:.5rem;font-size:clamp(2rem,3vw,3rem)}.portfolio-heading{padding-block:2rem 3rem}.portfolio-heading h1{max-width:20ch;font-family:Archivo,sans-serif;font-weight:900;font-size:clamp(2.65rem,5.6vw,5.2rem);line-height:.95;letter-spacing:-.04em;text-transform:uppercase}.portfolio-heading>p:not(.web-offer-kicker){max-width:58ch;margin-top:1.5rem;font-size:1.1rem;line-height:1.65}.portfolio-heading .portfolio-meta,.portfolio-meta{font-size:.8rem;line-height:1.5;color:#625e57}.portfolio-page section{margin-block:3rem 5rem}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 2rem}.portfolio-grid img{width:100%;height:auto;aspect-ratio:8 / 5;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border:1px solid #09090A26}.portfolio-grid--graphic img{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;background:#f4f2ed}.portfolio-card{display:block}.portfolio-card>span{display:block;margin-block:1rem .5rem;color:#625e57;font-size:.8rem}.portfolio-grid figcaption{padding-top:1rem}.portfolio-grid figcaption .portfolio-meta{margin-top:0;margin-bottom:.5rem}.portfolio-concepts{border-top:1px solid #09090A35;padding-top:3rem}.portfolio-concepts .portfolio-grid{margin-top:2rem}.case-main-image img{width:100%;height:auto}.case-main-image figcaption,.case-details figcaption{padding-top:.75rem;font-size:.8rem;color:#625e57}.case-story,.case-details,.case-identity{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.case-details{padding-block:2.5rem;border-block:1px solid #09090A35}.case-details ul{margin-block:1.2rem 2rem;padding-left:1.3rem;list-style:disc;line-height:1.65}.case-details figure{justify-self:center;width:min(100%,390px)}.case-details figure img{width:100%;height:auto;border:1px solid #09090A26}.case-identity img{max-width:100%;height:auto}.portfolio-next{display:flex;flex-wrap:wrap;gap:1rem 2rem;padding-block:0 3rem}@media(max-width:1023px){.commercial-benefits__grid{grid-template-columns:1fr;gap:0}.commercial-benefits__grid article+article{border-top:1px solid #09090A25}.commercial-examples--graphic{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.commercial-page .mg-seo-hero__copy h1{max-width:none;font-size:clamp(2.4rem,10vw,3.2rem)}.commercial-examples,.commercial-examples--graphic,.commercial-offer,.commercial-process ol,.commercial-territory>div,.portfolio-grid,.case-story,.case-details,.case-identity{grid-template-columns:1fr;gap:2rem}.commercial-page .mg-seo-hero__grid{gap:2.5rem}.commercial-offer{gap:1.5rem}.commercial-breadcrumb{font-size:.75rem}.commercial-page section:not(.mg-seo-hero):not(.mg-seo-cta):not(.mg-seo-related){margin-bottom:3rem}.portfolio-page section{margin-block:2.5rem 3.5rem}}
