/* Shared alignment and interaction polish. Original content and image sources remain intact. */
body.ui-polished{--ui-ease:cubic-bezier(.22,1,.36,1)}
body.ui-polished .ui-accordion>summary>span:empty{display:none}
/* Text labels in disclosure headers are not the decorative FAQ plus icon. */
body.ui-polished .g-detail summary{gap:20px;flex-wrap:wrap}
body.ui-polished .g-detail summary>span{width:auto;height:auto;float:none;flex:0 1 auto;position:static;line-height:1.5}
body.ui-polished .g-detail summary>span:before,body.ui-polished .g-detail summary>span:after{content:none}
body.ui-polished[data-layout="google-studio"] .google-studio .news-icon svg{width:26px;height:26px;stroke:#147f99;color:#147f99}
body.ui-polished[data-layout="google-studio"] .google-studio .news-icon{flex:0 0 48px;border-color:#c8e5ec}
body.ui-polished main :is(section,article,figure,header,div){min-width:0}
body.ui-polished main :is(h1,h2,h3){text-wrap:balance}
body.ui-polished main p{text-wrap:pretty}
body.ui-polished main img{max-width:100%}
body.ui-polished :is(button,.button,summary){touch-action:manipulation}
body.ui-polished :is(a,button,summary,input,select):focus-visible{outline:2px solid #36b9cf;outline-offset:5px}
body.ui-polished :is(.button,.text-link){transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease,transform .3s var(--ui-ease)}
body.ui-polished .button{max-width:100%;text-align:center;justify-content:center;white-space:normal}
body.ui-polished .section-heading{align-items:center}
body.ui-polished :is(.meta-tool-showcase,.email-gallery-section)>.eyebrow,body.ui-polished .email-gallery-heading{text-align:center}
body.ui-polished :is(.meta-tool-showcase,.email-gallery-heading)>:is(h2,p){margin-inline:auto}
body.ui-polished .meta-tool-showcase>h2,body.ui-polished .meta-tool-showcase>.meta-tools-lead{text-align:center}
body.ui-polished .meta-tool-showcase>.meta-tools-offer{display:table;margin:12px auto 24px}
body.ui-polished .meta-tool-copy{margin-inline:auto;text-align:center;max-width:760px}
body.ui-polished .meta-tool-images-three{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ui-polished .meta-tool-images-three>img:first-child{grid-column:1/-1}
body.ui-polished .specialists{align-items:center}
body.ui-polished .specialist-photos{margin-inline:auto}
body.ui-polished .specialists .specialist-photos img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}
body.ui-polished .service-opening-summary{padding-bottom:0}
body.ui-polished .cta-compact{margin-inline:auto}
/* A single, compact FAQ treatment, with a real SVG affordance. */
body.ui-polished main :is(.page-faq,.faq-section){width:min(960px,calc(100% - 64px));max-width:960px;display:grid;grid-template-columns:1fr;gap:28px;margin-inline:auto}
body.ui-polished main :is(.page-faq,.faq-section)>div:first-child{max-width:680px;text-align:center;margin-inline:auto}
body.ui-polished main :is(.page-faq,.faq-section)>div:first-child h2{max-width:none;margin-inline:auto}
body.ui-polished main :is(.page-faq,.faq-section)>div:first-child p{max-width:58ch;margin:16px auto 0}
body.ui-polished .faq-section:before{display:none}
body.ui-polished main :is(.page-faq,.faq-list,.faq-section) details.ui-accordion{box-sizing:border-box;padding:0 24px;margin:0 0 12px;border:1px solid #a6bed02e;border-radius:14px;background:#101a2a;transition:border-color .25s ease,background-color .25s ease}
body.ui-polished main .ui-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;min-height:64px;padding:19px 0;font-size:1rem;line-height:1.5;color:#eef5fc;cursor:pointer}
body.ui-polished main .ui-accordion>summary::-webkit-details-marker{display:none}
body.ui-polished main .ui-accordion>summary:after{display:none;content:none}
body.ui-polished .faq-chevron{display:block;width:20px;height:20px;flex:0 0 20px;color:#69dbe9;transition:transform .3s var(--ui-ease)}
body.ui-polished summary[aria-expanded="true"]>.faq-chevron{transform:rotate(180deg)}
body.ui-polished .faq-answer{display:flow-root}
body.ui-polished main .ui-accordion .faq-answer p{margin:0;padding:0 36px 22px 0;max-width:75ch;line-height:1.75;color:#b9c9d9;animation:none}
body.ui-polished main .ui-accordion[open]{border-color:#65dce861}
/* Google Ads light surfaces must not inherit dark-theme text or icon tiles. */
body.ui-polished[data-layout="google-studio"] .google-studio{--text:#11203a;--muted:#536277;--accent:#147f99;--line:#dbe4ef;color:#11203a}
body.ui-polished[data-layout="google-studio"] .google-studio :is(.g-hero,.g-tools,.g-final){--text:#f4f8ff;--muted:#bdccda;--accent:#65dce8;--line:#ffffff26;color:#f4f8ff}
body.ui-polished[data-layout="google-studio"] .google-studio :is(h1,h2,h3){color:inherit}
body.ui-polished[data-layout="google-studio"] .google-studio :is(.g-formats,.g-plan,.meta-market,.page-faq,.specialists,.google-news) p{color:#536277}
body.ui-polished[data-layout="google-studio"] .google-studio .eyebrow{color:#396d80}
body.ui-polished[data-layout="google-studio"] .google-studio :is(.g-hero,.g-tools,.g-final) .eyebrow{color:#8edfec}
body.ui-polished[data-layout="google-studio"] .google-studio .meta-market-heading{text-align:center;margin:0 auto 40px;max-width:740px}
body.ui-polished[data-layout="google-studio"] .google-studio .meta-market-heading h2{margin-inline:auto}
body.ui-polished[data-layout="google-studio"] .google-studio .meta-market-heading>p:last-child{margin:20px auto 0;max-width:58ch}
body.ui-polished[data-layout="google-studio"] .google-studio .meta-market-group{padding:30px;color:#11203a}
body.ui-polished[data-layout="google-studio"] .google-studio .meta-market-intro h3{color:#11203a;margin:18px 0 12px}
body.ui-polished[data-layout="google-studio"] .google-studio .meta-market-symbol{display:grid;place-items:center;width:48px;height:48px;margin:0;background:#e4f3f7;border:1px solid #c8e5ec;border-radius:14px;color:#147f99}
body.ui-polished[data-layout="google-studio"] .google-studio .meta-market-list{border-color:#dbe4ef;margin-top:22px;padding-top:24px}
body.ui-polished[data-layout="google-studio"] .google-studio .meta-market-list :is(li,span){color:#263b55}
body.ui-polished[data-layout="google-studio"] .google-studio .meta-market-list .service-icon{color:#147f99}
body.ui-polished[data-layout="google-studio"] .google-studio :is(.g-tools-heading,.g-plan>header){text-align:center;margin-inline:auto}
body.ui-polished[data-layout="google-studio"] .google-studio :is(.g-tools-heading,.g-plan>header) :is(h2,p){margin-inline:auto}
body.ui-polished[data-layout="google-studio"] .google-studio .g-tool-heading{align-items:center}
body.ui-polished[data-layout="google-studio"] .google-studio .g-final h2{margin-inline:auto;max-width:24ch}
body.ui-polished[data-layout="google-studio"] .google-studio .page-faq details.ui-accordion{background:#fff;border-color:#d5e0ec;padding:0 24px;border-radius:14px;margin-bottom:12px}
body.ui-polished[data-layout="google-studio"] .google-studio .ui-accordion summary{color:#11203a;padding-block:19px}
body.ui-polished[data-layout="google-studio"] .google-studio .ui-accordion .faq-chevron{color:#147f99}
body.ui-polished[data-layout="google-studio"] .google-studio .ui-accordion .faq-answer p{color:#536277;padding-bottom:22px}
body.ui-polished[data-layout="google-studio"] .google-studio .g-plan-grid p{margin-top:12px}
body.ui-polished[data-layout="google-studio"] .google-studio .news-icon{background:#e4f3f7;color:#147f99}
body.ui-polished[data-layout="google-studio"] .google-studio .news-source{border-color:#dbe4ef}
body.ui-polished[data-layout="google-studio"] .google-studio .text-link{color:#116a82}
body.ui-polished[data-layout="google-studio"] .google-studio .button.primary{background:#65dce8;color:#081521;border-color:#65dce8}
/* Allow navigation, cards and headings to reflow without tiny text. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.ui-polished .button:hover{transform:translateY(-2px)}body.ui-polished main .ui-accordion:hover{border-color:#65dce85a}}
@media(max-width:1000px){body.ui-polished .service-opening-grid{gap:32px}body.ui-polished .section-heading{gap:28px}body.ui-polished .study-hero-grid{gap:32px}}
@media(max-width:760px){body.ui-polished main .wrap,body.ui-polished.results-redesign main .wrap{width:calc(100% - 36px);margin-inline:auto}body.ui-polished main :is(.page-faq,.faq-section){width:calc(100% - 36px);gap:24px}body.ui-polished main :is(.page-faq,.faq-list,.faq-section) details.ui-accordion{padding-inline:18px}body.ui-polished main .ui-accordion>summary{gap:16px;padding-block:17px;min-height:60px}body.ui-polished main .ui-accordion .faq-answer p{padding-right:0}body.ui-polished .section-heading{align-items:flex-start}body.ui-polished .specialists{gap:28px}body.ui-polished .specialists>div:last-child{max-width:600px}body.ui-polished .meta-tool-images,body.ui-polished .meta-tool-images-three{grid-template-columns:1fr}body.ui-polished .meta-tool-images-three>img:first-child{grid-column:auto}body.ui-polished .footer-grid{gap:28px 20px}body.ui-polished .site-footer :is(a,address){overflow-wrap:anywhere}body.ui-polished[data-layout="google-studio"] .google-studio .meta-market-group{padding:24px}body.ui-polished[data-layout="google-studio"] .google-studio .meta-market-list{grid-template-columns:1fr 1fr;gap:18px}body.ui-polished[data-layout="google-studio"] .google-studio .g-report{border-radius:14px}}
@media(max-width:420px){body.ui-polished .service-opening h1{font-size:clamp(2rem,9.5vw,2.6rem)}body.ui-polished[data-layout="google-studio"] .google-studio .meta-market-list{grid-template-columns:1fr}body.ui-polished .site-header .brand{flex-shrink:1;min-width:0}body.ui-polished .site-header .brand img{max-width:120px}}
@media(prefers-reduced-motion:reduce){body.ui-polished :is(.faq-chevron,.button,.text-link){transition:none!important}body.ui-polished{scroll-behavior:auto}}

/* Responsive audit: give tablet content the space its nested layouts require. */
@media (min-width:761px) and (max-width:1000px){
 body.ui-polished .service-opening-grid{grid-template-columns:1fr;gap:24px}
 body.ui-polished .service-opening-summary>p{max-width:62ch}
 body.ui-polished .service-intro-panel ol{grid-template-columns:1fr;gap:24px}
 body.ui-polished .service-intro-panel li p{max-width:65ch}
 body.ui-polished.service-redesign .specialists{grid-template-columns:1fr;gap:32px}
 body.ui-polished.service-redesign .specialist-photos{max-width:520px}
 body.ui-polished.service-redesign .specialists>div:last-child{max-width:65ch}
 body.ui-polished .service-offerings{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 body.ui-polished .study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.ui-polished.results-redesign .study-layout{grid-template-columns:1fr;gap:28px}
 body.ui-polished .study-contents{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
}
@media (max-width:760px){
 body.ui-polished .service-opening-grid{grid-template-columns:1fr;gap:24px}
 body.ui-polished .service-intro-panel ol{grid-template-columns:1fr}
 body.ui-polished.service-redesign .specialists{grid-template-columns:1fr}
 body.ui-polished .service-offerings{grid-template-columns:1fr}
 body.ui-polished .gallery-footer{flex-wrap:wrap;gap:16px}
 body.ui-polished .gallery-controls{flex-shrink:0}
 body.ui-polished .story-milestone.is-active .story-detail{max-height:none}
 body.ui-polished .creative-viewer{padding:68px 48px 48px;overflow-y:auto}
 body.ui-polished .creative-viewer figure{height:auto;min-height:0}
 body.ui-polished .creative-viewer figcaption{overflow-wrap:anywhere}
 body.ui-polished .fit-step fieldset{min-inline-size:0}
 body.ui-polished .fit-step :is(input:not([type=radio]):not([type=checkbox]),select){min-width:0;max-width:100%}
}
@media (max-width:600px){
 body.ui-polished[data-layout="google-studio"] .google-studio .meta-market-list{grid-template-columns:1fr}
 body.ui-polished .email-featured-grid{grid-template-columns:1fr}
 body.ui-polished .study-photos,body.ui-polished.results-redesign .study-photos.three{grid-template-columns:1fr}
 body.ui-polished .study-quote{grid-template-columns:1fr}
 body.ui-polished .study-quote figure{max-width:180px}
}
/* A tall nested email scroller must still leave room to scroll the page. */
body.ui-polished .email-example-scroll{max-height:65svh;overscroll-behavior-y:auto}
@media (max-height:500px) and (max-width:1200px){
 body.ui-polished .creative-viewer{padding:60px 64px 42px;overflow-y:auto}
 body.ui-polished .creative-viewer figure{height:auto;min-height:0}
 body.ui-polished .creative-viewer figure img{max-height:calc(100dvh - 150px)}
 body.ui-polished .audit-dialog .booking-card{padding-top:64px}
}

/* Closing word pairs are protected in HTML, even across emphasis or links. */
:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;word-break:normal;overflow-wrap:normal}
:where(p,blockquote,figcaption,li,summary,label,dt,dd,address){text-wrap:pretty}
/* A hidden break must still separate the surrounding words on narrow screens. */
@media(max-width:1024px){
 :is(h1,h2,h3,h4) br{display:none}
}
@media(max-width:600px){
 body.ui-polished .values-section h2{font-size:clamp(1.5rem,7vw,2.5rem)}
 body.ui-polished.results-redesign .study-index h1{font-size:clamp(1.625rem,8vw,3rem)}
 body.ui-polished[data-layout="google-studio"] .google-studio .g-final h2{font-size:clamp(1.75rem,8vw,2.8rem)}
 body.ui-polished.production-page .production-final h2{font-size:clamp(1.65rem,7.5vw,2.7rem)}
 body.ui-polished.results-redesign .study-chapter h2{font-size:clamp(1.5rem,7vw,2rem)}
}
@media(min-width:701px) and (max-width:1000px){
 body.ui-polished .google-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Let names use the card width instead of competing with the role label. */
body.ui-polished .member-info{display:block}
body.ui-polished .member-info>span{display:block;text-align:left;max-width:none;margin-top:10px}
body.ui-polished.results-redesign .study-hero-grid>div:first-child{container-type:inline-size}
body.ui-polished.results-redesign .study-hero h1{font-size:clamp(1.65rem,8.5cqw,3.15rem)}
@media(min-width:761px) and (max-width:1000px){
 body.ui-polished .service-card h3{font-size:1.375rem}
}
@media(min-width:1001px) and (max-width:1100px){
 body.ui-polished .industry-group ul,
 body.ui-polished[data-layout="google-studio"] .google-studio .meta-market-list{grid-template-columns:1fr}
}
@media(max-width:360px){
 body.ui-polished .footer-grid{grid-template-columns:1fr}
 body.ui-polished .industry-card figcaption{font-size:.78125rem;padding-inline:5px}
 body.ui-polished.production-page .production-capabilities h3{font-size:1.2rem}
}
@media(max-width:360px){
 body.ui-polished.production-page .production-final{padding-inline:12px}
}