/* Good Unusual runtime system. Load last; opt-in agency shells only. */
@font-face{font-family:'GU Manrope';src:url('/assets/landing/fonts/Manrope-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'GU Manrope';src:url('/assets/landing/fonts/Manrope-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'GU Manrope';src:url('/assets/landing/fonts/Manrope-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'GU Manrope';src:url('/assets/landing/fonts/Manrope-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--gu-space-1:4px;--gu-space-2:8px;--gu-space-3:12px;--gu-space-4:16px;--gu-space-5:24px;--gu-space-6:32px;--gu-space-7:48px;--gu-space-8:64px;--gu-space-9:80px;--gu-space-10:96px;--gu-space-11:128px;--gu-space-12:160px;--gu-gutter:20px;--gu-content-max:1280px;--gu-section-space:64px;--gu-font-ui:'GU Manrope',sans-serif;--gu-font-body:16px;--gu-type-h1:clamp(36px,5vw,72px);--gu-type-h2:clamp(32px,3.5vw,48px);--gu-type-h3:clamp(24px,2.1vw,30px);--gu-font-h1:var(--gu-type-h1);--gu-font-h2:var(--gu-type-h2);--gu-font-h3:var(--gu-type-h3);--gu-line-body:1.6;--gu-line-h1:1.12;--gu-line-h2:1.2;--gu-line-h3:1.28;--gu-color-stone:#eeedea;--gu-color-ink:#111;--gu-color-accent:#ff4938;--gu-color-muted:#62615d;--gu-color-border:#95948f;--gu-color-on-accent:#111;--gu-motion-hover:180ms;--gu-motion-menu:260ms;--gu-motion-reveal:400ms;--gu-motion-ease:cubic-bezier(.2,.7,.2,1);--gu-control-min:48px;--gu-focus-width:3px}
@media(min-width:600px){:root{--gu-gutter:32px;--gu-section-space:96px}}
@media(min-width:1024px){:root{--gu-gutter:48px;--gu-section-space:128px;--gu-font-body:18px}}
body[data-gu-system]{font-family:var(--gu-font-ui)!important;font-size:var(--gu-font-body);line-height:var(--gu-line-body);letter-spacing:0}
body[data-gu-system] *,body[data-gu-system] *:before,body[data-gu-system] *:after{box-sizing:border-box}
body[data-gu-system] :is(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,.text-menu,[class*='text-size-']){font-family:var(--gu-font-ui)!important}
body[data-gu-system] :is(h1,.gu-ds-h1){font-size:var(--gu-type-h1)!important;line-height:var(--gu-line-h1)!important;letter-spacing:-.015em;word-spacing:normal;text-wrap:balance;max-width:none}
body[data-gu-system] :is(h2,.gu-ds-h2){font-size:var(--gu-type-h2)!important;line-height:var(--gu-line-h2)!important;letter-spacing:-.015em;word-spacing:normal;text-wrap:balance;max-width:none}
body[data-gu-system] :is(h3,.gu-ds-h3){font-size:var(--gu-type-h3)!important;line-height:var(--gu-line-h3)!important;letter-spacing:-.01em;word-spacing:normal;text-wrap:balance;max-width:none}
:where(body[data-gu-system]) p{font-size:inherit;line-height:var(--gu-line-body);letter-spacing:normal;max-width:60ch}
body[data-gu-system] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--gu-focus-width) solid var(--gu-color-accent)!important;outline-offset:4px}
body[data-gu-system] p a,body[data-gu-system] .gu-ds-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
body[data-gu-system] .gu-ds-container{width:min(calc(100% - var(--gu-gutter)*2),var(--gu-content-max));margin-inline:auto}
body[data-gu-system] .gu-ds-section{padding-block:var(--gu-section-space)}
body[data-gu-system] :is(.gu-ds-actions,.gu-brief-actions,.form-btn,.gu-services-contact){display:flex;flex-wrap:wrap;align-items:center;gap:var(--gu-space-3)}
body[data-gu-system] :is(.gu-ds-button,.gu-solid-button,.btn-wrap,.contact-submit,.gu-download-brief,.cf-action){display:inline-flex;align-items:center;justify-content:center;gap:var(--gu-space-3);min-height:var(--gu-control-min);min-width:0;padding:12px 24px;border:1px solid currentColor;border-radius:3px;font:600 16px/1.4 var(--gu-font-ui)!important;letter-spacing:0;text-align:center;text-decoration:none;white-space:normal;cursor:pointer;transition:background-color var(--gu-motion-hover),color var(--gu-motion-hover),border-color var(--gu-motion-hover);height:auto}
body[data-gu-system] :is(.gu-ds-button,.gu-solid-button,.contact-submit){background:var(--gu-color-ink);color:var(--gu-color-stone);border-color:var(--gu-color-ink)}
body[data-gu-system] :is(.gu-ds-button,.gu-solid-button,.contact-submit):hover{background:#30302e;border-color:#30302e}
body[data-gu-system] :is(.gu-ds-button--secondary,.gu-download-brief){background:transparent;color:inherit;border-color:currentColor}
body[data-gu-system] :is(.gu-ds-button--secondary,.gu-download-brief):hover{background:#8882;color:inherit}
body[data-gu-system] :is(.gu-ds-button,.gu-solid-button,.contact-submit):active{background:#484843}
body[data-gu-system] :is(button,input):disabled,body[data-gu-system] [aria-disabled=true]{opacity:.45;cursor:not-allowed}
body[data-gu-system] :is(.gu-controls,.cf-controls){display:flex;flex-wrap:wrap;gap:var(--gu-space-3)}
body[data-gu-system] :is(.gu-controls,.cf-controls) button{min-height:48px;font-family:var(--gu-font-ui);transition:background-color var(--gu-motion-hover),color var(--gu-motion-hover)}
body[data-gu-system] .gu-ds-field{display:grid;gap:var(--gu-space-2);max-width:60ch}
body[data-gu-system] .gu-ds-field :is(input,textarea,select){width:100%;min-height:48px;border:1px solid var(--gu-color-border);border-radius:3px;background:transparent;color:inherit;font:inherit;padding:12px 16px}
body[data-gu-system] .gu-ds-field textarea{min-height:144px;resize:vertical}
body[data-gu-system] .gu-ds-field [aria-invalid=true]{border:2px solid #a82b20}
body[data-gu-system] .gu-ds-error{color:#a82b20;font-size:14px}
body[data-gu-system] .gu-ds-card{padding:var(--gu-space-6);border:1px solid var(--gu-color-border);border-radius:4px;min-width:0}
body[data-gu-system] .gu-ds-card>:first-child{margin-top:0}
body[data-gu-system] .gu-ds-card>:last-child{margin-bottom:0}

/* Text roles, rather than treating every paragraph as body copy. */
body[data-gu-system] :is(.gu-kicker,.gu-small-label,.hero__kicker-text,.ds-kicker){font-size:12px!important;line-height:1.5!important;letter-spacing:.07em!important}
body[data-gu-system='agency'] :is(.gu-services-lead,.about_subtitle p,.gu-quiet-cta p:not(.gu-kicker)){font-size:var(--gu-font-body);line-height:1.6;letter-spacing:0}
body[data-gu-system='agency'] .gu-services-index header :is(h1,p){margin-block:0}
body[data-gu-system='agency'] .gu-services-index header{display:grid;gap:24px}
body[data-gu-system='agency'] .gu-services-index .gu-service-directory{margin-top:var(--gu-space-8)}
/* One content edge for full-width sections, without nested extra gutters. */
body[data-gu-system='agency'] :is(.gu-service-hero,.gu-case-narrative,.gu-evidence-section,.gu-delivery,.gu-process-section,.gu-case-context,.gu-service-next,.gu-preview-row,.gu-brand-story,.cf-band,.gu-services-index,.gu-quiet-cta){width:100%;max-width:none;margin-inline:0;padding-inline:max(var(--gu-gutter),calc((100% - var(--gu-content-max))/2))}
body[data-gu-system='agency'] .footer .container-huge{max-width:none}
body[data-gu-system='agency'] .footer_component{padding-inline:max(var(--gu-gutter),calc((100% - var(--gu-content-max))/2))}

/* Editorial introductions and forms follow a deliberate reading column. */
body[data-gu-system='agency'] .about-hero{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gu-space-5)}
body[data-gu-system='agency'] .about-hero .bubble{width:auto;max-width:60ch;align-self:flex-start;justify-content:flex-start;margin:0;padding:0}
body[data-gu-system='agency'] .about-hero .bubble-wrap{display:none}
body[data-gu-system='agency'] .about-hero .bubble-text{width:auto;max-width:none;margin:0;padding:0;text-align:left}
body[data-gu-system='agency'] .contact_component{width:100%;max-width:800px;margin-inline:auto}
body[data-gu-system='agency'] .contact_heading{padding-top:calc(var(--gu-section-space) + var(--gu-space-8));padding-bottom:var(--gu-space-7)}
body[data-gu-system='agency'] .contact_form{width:100%;max-width:none;margin:0;padding:0}
body[data-gu-system='agency'] .contact_form .contact-block{width:100%;max-width:none;margin:0}

/* Existing agency compositions retain grid and imagery; normalize their reading rhythm. */
body[data-gu-system='agency'] .padding-global{padding-inline:var(--gu-gutter)}
body[data-gu-system='agency'] :is(.gu-proof-plate,.gu-offer-case,.gu-studio-practical,.gu-studio-services,.gu-home-journal){padding-inline:var(--gu-gutter)}
body[data-gu-system='agency'] :is(.container-huge,.container-large,.container-medium){max-width:var(--gu-content-max);width:100%}
body[data-gu-system='agency'] :is(.gu-case-narrative,.gu-delivery,.gu-process-section,.gu-proof-plate,.gu-offer-case,.gu-studio-practical,.gu-studio-services,.gu-home-journal,.cf-band,.gu-quiet-cta){padding-block:var(--gu-section-space)}
body[data-gu-system='agency'] :is(.gu-service-hero-grid,.gu-two-col,.gu-process-grid,.gu-proof-grid){gap:var(--gu-space-6)}
body[data-gu-system='agency'] :is(.gu-service-intro p,.gu-two-col p,.cf-lab p,.gu-process-grid p,.gu-proof-grid p,.w-richtext p,.w-richtext li){font-size:var(--gu-font-body)!important;line-height:var(--gu-line-body)!important;letter-spacing:0}
body[data-gu-system='agency'] .btn-wrap{overflow:visible;background:var(--gu-color-ink);color:var(--gu-color-stone)}
body[data-gu-system='agency'] .btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:0!important;min-height:0;height:auto;background:transparent;color:inherit}
body[data-gu-system='agency'] .btn-txt{height:auto!important;overflow:visible!important}
body[data-gu-system='agency'] .btn-txt>:first-child{transform:none!important;opacity:1!important;visibility:visible!important;font-size:16px;line-height:1.4}
body[data-gu-system='agency'] :is(.btn-txt .is--hover,.btn-bg,.gu-footer-label-copy){display:none!important}
body[data-gu-system='agency'] .btn_img{position:static;flex:none;width:20px;height:20px;transform:none!important;transition:transform var(--gu-motion-hover)}
body[data-gu-system='agency'] .btn-wrap:is(:hover,:focus-visible) .btn_img{transform:rotate(90deg)!important}
body[data-gu-system='agency'] .gu-footer-label{transform:none!important;transition:none!important}
/* Readable initial and final states override legacy inline GSAP transforms. */
body[data-gu-system='agency'] :is([data-journey-reveal],[data-journey-reveal]>* ,[data-journey-reveal-group]>*,[data-split],.split-line,.split-word,.split-char,.line,.word,.char){opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important}
body[data-gu-system='agency'] :is(h1,h2,h3,.heading-style-h1,.heading-style-h2) [style]{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important}
body[data-gu-system='agency'] :is(.image-parallax,[data-parallax]){transform:none!important}
body[data-gu-system='agency'] .footer_reveal{height:auto!important;min-height:0!important;padding-bottom:0!important;isolation:auto}
body[data-gu-system='agency'] .footer_reveal>.footer,body[data-gu-system='agency'] .footer{position:relative!important;inset:auto!important;height:auto!important;transform:none!important}
body[data-gu-system='agency'] .gu-shift{--shift-turn:0deg!important;animation:none!important;transition:transform var(--gu-motion-hover)}
body[data-gu-system='agency'] .gu-shift:is(:hover,:focus-visible){transform:rotate(90deg)}
@media(max-width:599px){body[data-gu-system] :is(.gu-ds-actions,.gu-brief-actions,.form-btn,.gu-services-contact){flex-direction:column;align-items:stretch;width:100%}body[data-gu-system] :is(.gu-ds-actions,.gu-brief-actions,.form-btn,.gu-services-contact)>:is(a,button,input){width:100%;margin:0}body[data-gu-system='agency'] .btn-wrap{max-width:100%}}
@media(prefers-reduced-motion:reduce){body[data-gu-system]{scroll-behavior:auto!important}body[data-gu-system] *,body[data-gu-system] *:before,body[data-gu-system] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body[data-gu-system='agency'] .btn-wrap:is(:hover,:focus-visible) .btn_img,body[data-gu-system='agency'] .gu-shift:is(:hover,:focus-visible){transform:none!important}}
/* Native landing CTA variants share the same control geometry and states. */
body[data-gu-system='landing'] .knop--light.gu-ds-button{background:var(--gu-color-stone);color:var(--gu-color-ink);border-color:var(--gu-color-stone)}
body[data-gu-system='landing'] .knop--light.gu-ds-button:hover{background:#d9d8d3;border-color:#d9d8d3}
body[data-gu-system='landing'] .knop--accent.gu-ds-button{background:var(--gu-color-accent);color:var(--gu-color-ink);border-color:var(--gu-color-accent)}
/* Header, dialog close and article share targets: same 48px interaction floor. */
body[data-gu-system='agency'] :is(.menu[role='button'],.notifications[role='button'],.nav_close[role='button'],.share-link){min-width:var(--gu-control-min)!important;min-height:var(--gu-control-min)!important;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}
/* Explicit composition slots: generic reading measures must not override labels. */
body[data-gu-system='landing'] .sector__num{max-width:calc(100% - 40px)}


body[data-gu-system='agency'] .gu-services-index{padding-top:calc(var(--gu-section-space) + var(--gu-space-8));padding-bottom:var(--gu-section-space)}
body[data-gu-system='agency'] :is(.gu-services-index>header,.gu-services-index>.gu-service-directory,.gu-services-contact){max-width:var(--gu-content-max)}
body[data-gu-system='agency'] .gu-brand-story{padding-block:var(--gu-section-space)}
body[data-gu-system='agency'] .faq_component{padding-bottom:var(--gu-section-space)}

/* Legacy GSAP also moved the footer contents, independently of the shell. */
body[data-gu-system='agency'] .footer_component{transform:none!important;translate:none!important;scale:none!important;rotate:none!important;opacity:1!important}

/* Pill is an explicit variant, retaining the same shared control and focus rules. */
body[data-gu-system] .gu-ds-button--pill{border-radius:999px;min-height:56px;padding:16px 24px}
body[data-gu-system='landing'] .knop--accent.gu-ds-button:hover{background:#ff7669;border-color:#ff7669;color:#111}