/* Campaign pages and conversion sections share the Studio type and colour system. */
.studio-campaign-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:24px;border-bottom:1px solid #18181822}
.studio-campaign-header .logo{font-size:28px;letter-spacing:-1.5px;font-weight:700;margin:0}.studio-campaign-header a{color:inherit;text-decoration:none}
.studio-campaign-header p{margin:0}.studio-campaign-header .studio-header-cta{font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.studio-funnel{--funnel-accent:#304cf4}.studio-funnel p{max-width:70ch}.studio-funnel .eyebrow{color:var(--funnel-accent)}
.studio-funnel-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);align-items:start;gap:clamp(30px,5vw,80px);padding-top:clamp(48px,7vw,100px);padding-bottom:64px}
.studio-funnel h1{font-family:"Space Grotesk",Arial,sans-serif;font-size:clamp(46px,5.9vw,86px);line-height:1.02;letter-spacing:-.065em;margin:24px 0;max-width:13ch}
.studio-funnel-summary{font-size:clamp(18px,1.65vw,23px);line-height:1.55;margin:0 0 26px}.studio-funnel .studio-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:24px 0}
.studio-funnel .studio-cta-primary a,.studio-cta-primary a{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;background:#181818;color:#fafaf8;border:1px solid #181818;padding:16px 22px;font-size:14px;font-weight:600;text-decoration:none;line-height:1.35;transition:background .2s,color .2s}
.studio-funnel .studio-cta-primary a:hover,.studio-cta-primary a:hover{background:#304cf4;border-color:#304cf4;color:#fff}.studio-funnel a:focus-visible,.studio-conversion a:focus-visible{outline:3px solid #304cf4;outline-offset:5px}
.studio-funnel-note{font-size:13px!important;line-height:1.6;color:#575752}.studio-funnel-offer{background:#eeeef0;border-top:3px solid var(--funnel-accent);padding:clamp(24px,3vw,40px);margin:20px 0 0}
.studio-funnel-offer h2{font-size:29px;line-height:1.15;letter-spacing:-.04em;margin:18px 0}.studio-funnel-offer ul{padding-left:20px;margin:22px 0;line-height:1.65}.studio-funnel-offer li+li{margin-top:12px}.studio-funnel-offer .ms-upwork-card{margin-top:24px;max-width:100%}
.studio-funnel-section{padding-top:64px;padding-bottom:64px;border-top:1px solid #18181826}.studio-funnel-section>h2,.studio-funnel-section>.studio-section-heading h2{font-size:clamp(32px,3.6vw,52px);line-height:1.09;letter-spacing:-.045em;max-width:21ch;margin:18px 0 30px}
.studio-funnel-section>.studio-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.studio-funnel .studio-service-card{min-width:0;border:1px solid #18181822;background:#fff;padding:24px}.studio-funnel .studio-service-card h3{font-size:23px;line-height:1.2;margin:16px 0}.studio-funnel .studio-service-card p{font-size:16px;line-height:1.65}.studio-funnel .studio-service-card p:last-child{margin-bottom:0}
.studio-funnel-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,70px);align-items:center}.studio-funnel-flow>*{min-width:0}.studio-funnel-flow-copy h3{font-size:30px;line-height:1.15;letter-spacing:-.035em}.studio-funnel-flow-copy p{font-size:17px;line-height:1.7}
.studio-funnel-diagram{background:#fff;border:1px solid #18181822;padding:clamp(16px,2vw,30px)}.studio-funnel-diagram .wp-block-canaryblue-mermaid-diagram{margin:0}.studio-funnel-diagram .wp-block-canaryblue-mermaid-diagram__output{min-width:0}.studio-funnel-diagram svg{max-width:100%!important;width:100%;height:auto;max-height:640px}.studio-funnel-diagram .studio-funnel-note{margin-bottom:0}
.studio-funnel-proof{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.studio-funnel-proof h3{font-size:30px;line-height:1.2}.studio-funnel-proof p{font-size:17px;line-height:1.7}
.studio-funnel details{border-top:1px solid #18181830;padding:20px 0}.studio-funnel summary{font-size:19px;font-weight:600;cursor:pointer}.studio-funnel details p{font-size:16px;line-height:1.7;margin:18px 0 0}
.studio-funnel-brief{scroll-margin-top:36px;background:#eeeef0;border-top:3px solid #304cf4;padding:clamp(26px,5vw,64px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,70px);margin-top:40px;margin-bottom:64px}
.studio-funnel-brief h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.05em;line-height:1.05;margin:20px 0}.studio-funnel-brief p{font-size:16px;line-height:1.65}.studio-funnel-brief .ms-subtleforms,.studio-funnel-brief .form-card{min-width:0;width:100%;max-width:100%;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.studio-funnel-brief label{font-size:14px}.studio-funnel-brief input,.studio-funnel-brief textarea{max-width:100%}
.studio-campaign-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:30px;border-top:1px solid #18181826;font-size:13px}.studio-campaign-footer p{margin:0}.studio-campaign-footer a{color:inherit;text-underline-offset:4px}
.studio-conversion{margin-top:32px;margin-bottom:32px;padding:clamp(26px,4vw,48px);background:#eeeef0;border-left:3px solid #304cf4;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.studio-conversion h2,.studio-conversion h3{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.04em;margin:0 0 10px}.studio-conversion p{margin:0;max-width:56ch;font-size:16px;line-height:1.65}.studio-conversion .studio-cta-primary{flex-shrink:0}.studio-conversion-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.studio-conversion-options>div{padding:28px;border:1px solid #18181824;background:#fff;min-width:0}.studio-conversion-options h3{font-size:25px;letter-spacing:-.035em;line-height:1.15}.studio-conversion-options p{font-size:16px;line-height:1.65}.studio-conversion-options a{font-weight:600;text-underline-offset:5px}
/* Inline code stays legible in prose; samples retain whitespace in their own scroll region. */
:where(.prose,.wp-block-post-content,.editor-styles-wrapper) :not(pre)>code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;line-height:inherit;color:#283578;background:#eeeeF4;padding:.15em .38em;border:1px solid #dcdde6;border-radius:4px;overflow-wrap:anywhere;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-weight:500}
:where(.prose,.wp-block-post-content,.editor-styles-wrapper) a>code{text-decoration:underline;text-underline-offset:3px}
:where(.prose,.wp-block-post-content,.editor-styles-wrapper) pre.wp-block-code,:where(.prose,.wp-block-post-content,.editor-styles-wrapper) pre.wp-block-preformatted{box-sizing:border-box;max-width:100%;min-width:0;overflow-x:auto;padding:clamp(20px,3vw,32px);margin:30px 0;background:#181b25;color:#eef0f8;border:1px solid #303442;border-radius:6px;tab-size:2;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.8;white-space:pre;word-break:normal;overflow-wrap:normal;text-align:left;box-shadow:0 10px 30px #1818180a}
:where(.prose,.wp-block-post-content,.editor-styles-wrapper) pre code{display:block;font:inherit!important;line-height:inherit!important;color:inherit!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;white-space:pre;overflow-wrap:normal;word-break:normal;box-shadow:none}
:where(.prose,.wp-block-post-content,.editor-styles-wrapper) pre::selection,:where(.prose,.wp-block-post-content,.editor-styles-wrapper) pre code::selection{background:#526bdb;color:white}
@media(max-width:900px){.studio-funnel-hero,.studio-funnel-flow,.studio-funnel-proof,.studio-funnel-brief{grid-template-columns:1fr}.studio-funnel h1{max-width:16ch}.studio-funnel-offer{margin-top:0}.studio-funnel-section>.studio-card-grid,.studio-conversion-options{grid-template-columns:1fr}.studio-funnel-section{padding-top:44px;padding-bottom:44px}.studio-funnel-flow{gap:24px}.studio-funnel-diagram svg{max-height:560px}.studio-funnel-brief{margin-top:20px}.studio-campaign-header{padding-top:20px;padding-bottom:20px}.studio-campaign-header .logo{font-size:25px}.studio-campaign-header .studio-header-cta{font-size:12px}.studio-conversion{display:block}.studio-conversion .studio-cta-primary{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.studio-cta-primary a{transition:none}}

.studio-campaign-paths{padding-top:56px;padding-bottom:64px}.studio-campaign-paths>h2{font-size:clamp(32px,4vw,56px);line-height:1.1;letter-spacing:-.045em;max-width:22ch;margin:18px 0 32px}
/* Editorial photography and attributed client feedback remain native editable blocks. */
.studio-funnel-hero-image{margin:0 0 28px!important}.studio-funnel-hero-image img{display:block;width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;filter:grayscale(1);border:1px solid #18181815}.studio-funnel-hero-image figcaption{font-size:10px!important;line-height:1.5;text-align:left;margin-top:9px;color:#575752}.studio-funnel-hero-image figcaption a{color:inherit;text-underline-offset:3px}
.ms-service-icon{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;color:#304cf4;background:#eef0ff;border:1px solid #304cf420;border-radius:10px}.ms-service-icon svg{width:25px;height:25px}.studio-service-card>.ms-service-icon{margin-bottom:12px}.studio-service-card>.ms-service-icon+.eyebrow{display:none}
.studio-client-proof{margin-top:32px;padding-top:24px;border-top:1px solid #18181825;max-width:58ch}.studio-client-proof>.eyebrow{font-size:10px!important;letter-spacing:.09em;margin:0 0 14px}.studio-client-quote{margin:0!important;padding:0 0 0 20px!important;border:0!important;border-left:2px solid #304cf4!important}.studio-client-quote p{font-size:clamp(22px,2.1vw,29px)!important;font-weight:500;line-height:1.3!important;letter-spacing:-.025em;margin:0 0 14px}.studio-client-quote p::before{content:'“'}.studio-client-quote p::after{content:'”'}.studio-client-quote cite{font-size:12px;font-style:normal;line-height:1.5}.studio-review-project{font-size:11px!important;line-height:1.55!important;color:#575752;margin:14px 0 0 22px}.studio-review-source{font-size:11px!important;margin:5px 0 0 22px}.studio-review-source a{color:#283578;text-underline-offset:4px}
@media(max-width:900px){.studio-client-proof{margin-top:28px}.studio-funnel-hero-image img{aspect-ratio:2.1}.studio-funnel-hero{padding-bottom:44px}}
