:root {
 --wg-dark:#200f38; --wg-dark-light:#301950; --wg-pink:#fad4db; --wg-white:#fff;
 --wg-silver:#f5f4f7; --wg-ink:#200f38; --wg-muted:#6d6578; --wg-line:#e5e1ea;
 --wg-soft-white:rgba(255,255,255,.74); --wg-glass:rgba(255,255,255,.08);
 --space-xs:.5rem; --space-sm:1rem; --space-md:1.5rem; --space-lg:2rem;
 --space-xl:clamp(2rem,4vw,4rem); --space-2xl:clamp(3.5rem,7vw,6.5rem);
 --space-3xl:clamp(5rem,9vw,8rem); --wg-radius:18px; --wg-ease:cubic-bezier(.2,.7,.2,1);
}
.wg-container { width:min(1120px,calc(100% - 64px)); margin-inline:auto; }
.wg-section { padding-block:var(--space-2xl); }
.wg-section :where(h2,h3,p,figure,blockquote), .wg-hero :where(h1,p,figure), .wg-footer :where(h3,p,figure) { margin:0; }
.wg-homepage, .wg-homepage > .wp-block-post-content, .wg-homepage > .wp-block-post-content > * { margin-block:0; }
.wg-heading { font-weight:500; letter-spacing:-.045em; line-height:1.08; text-wrap:balance; }
.wg-heading em { font-style:normal; color:var(--wg-pink); }
h3.wg-heading { font-size:clamp(1.5rem,2.2vw,2rem); }
.wg-section-title { text-align:center; margin-bottom:var(--space-xl)!important; }
.wg-eyebrow { font-size:.75rem; line-height:1.4; letter-spacing:.1em; font-weight:500; margin-bottom:var(--space-md)!important; }
.wg-section > .wg-container > .wg-eyebrow { text-align:center; }
.wg-muted { color:var(--wg-muted); }
.wg-text-link a { display:inline-flex; align-items:center; gap:16px; font-weight:500; text-decoration:none; }
.wg-text-link a span, .wg-button a span { display:inline-block; transition:transform .3s var(--wg-ease); }
.wg-text-link a:hover span, .wg-button a:hover span { transform:translate(3px,-3px); }
.wg-text-link a:hover { text-decoration:underline; text-decoration-thickness:1px; }
.wg-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.wg-button .wp-block-button__link { display:flex; justify-content:center; align-items:center; gap:30px; padding:15px 24px; min-height:54px; box-sizing:border-box; border:1px solid transparent; border-radius:100px; background:var(--wg-pink); color:var(--wg-dark); font-size:1rem; line-height:1.3; font-weight:500; transition:background .25s,transform .25s,box-shadow .25s; }
.wg-button .wp-block-button__link:hover { background:var(--wg-white); transform:translateY(-2px); box-shadow:0 8px 24px #16052618; }
.wg-button.is-style-outline .wp-block-button__link { border-color:#ffffff40; background:transparent; color:var(--wg-white); }
.wg-button.is-style-outline .wp-block-button__link:hover { background:var(--wg-glass); }
/* Webgate.digital navigation: separate brand, glass menu and square-arrow CTA. */
.wg-site-header { position:fixed; z-index:30; inset-inline:0; top:0; color:var(--wg-white); }
.admin-bar .wg-site-header { top:32px; }
/* The scroll gradient stays at the viewport top while the navigation slides away. */
.wg-site-header::before { content:""; position:fixed; inset-inline:0; top:-20vh; height:20vh; background:linear-gradient(to bottom,#200f38,#ffffff00); pointer-events:none; opacity:0; transition:opacity .6s ease,transform .6s ease; }
.wg-site-header.is-scrolled::before { opacity:.5; transform:translateY(calc(100% - 1px)) translate3d(0,0,0); }
.wg-site-header.is-hidden { pointer-events:none; }
.wg-site-header.is-hidden .wg-nav { transform:translateY(calc(-100% - 46px)) translate3d(0,0,0); }
.wg-site-header:focus-within,.wg-site-header:has(.is-menu-open) { pointer-events:auto; }
.wg-site-header:focus-within .wg-nav,.wg-site-header:has(.is-menu-open) .wg-nav { transform:none; }
.wg-nav { position:relative; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; min-height:140px; width:min(1840px,calc(100% - 80px)); transition:transform .6s ease; }
.wg-brand { width:165px; margin:0; }
.wg-brand img { display:block; width:100%; height:auto; }
.wg-navigation { margin:0!important; font-size:16px; }
.wg-navigation .wp-block-navigation__container { gap:34px; align-items:center; padding:17px 16px; border-radius:10px; background:rgba(255,255,255,.1); backdrop-filter:blur(4px); }
.wg-navigation .wp-block-navigation-item__content { padding:0; text-decoration:none; line-height:20px; }
.wg-navigation .wp-block-navigation-item__content:hover { color:var(--wg-pink); }
.wg-nav-roll { display:block; overflow:hidden; height:22px; }
.wg-nav-roll > span { display:block; transition:transform .4s ease; line-height:22px; }
.wg-navigation a:is(:hover,:focus-visible) .wg-nav-roll > span { transform:translateY(-100%); }
.wg-navigation .wg-nav-cta { display:none; }
.wg-header-action { justify-self:end; margin:0!important; }
.wg-header-button a,.wg-nav-cta a { display:flex; align-items:center; gap:18px; background:var(--wg-pink); color:var(--wg-dark)!important; padding:12px 16px!important; border:0; border-radius:8px; font-size:16px; font-weight:500; line-height:30px; text-decoration:none; transition:background .3s; }
.wg-header-button a span,.wg-nav-cta a::after { display:inline-grid; place-items:center; width:30px; height:30px; flex-shrink:0; background:white; border-radius:4px; font-size:18px; color:var(--wg-dark); transition:transform .4s ease; }
.wg-nav-cta a::after { content:'↗'; }
.wg-header-button a:is(:hover,:focus-visible),.wg-nav-cta a:hover { background:white; }
.wg-header-button a:is(:hover,:focus-visible) span,.wg-nav-cta a:hover::after { transform:rotate(45deg); background:var(--wg-pink); }
@media(max-width:1100px) and (min-width:1025px) { .wg-nav { width:calc(100% - 48px); gap:16px; } .wg-navigation .wp-block-navigation__container { gap:20px; } .wg-navigation { font-size:14px; } .wg-header-button a { font-size:14px; gap:10px; } }
@media(max-width:1024px) {
 .wg-nav { grid-template-columns:1fr auto auto; min-height:100px; width:calc(100% - 48px); gap:20px; }
 .wg-navigation { grid-column:3; grid-row:1; }
 .wg-header-action { grid-column:2; grid-row:1; }
 .wg-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) { display:none!important; }
 .wg-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) { display:flex!important; padding:8px; border-radius:6px; background:var(--wg-glass); }
 .wg-navigation .wp-block-navigation__responsive-container.is-menu-open { background:var(--wg-dark)!important; color:white!important; padding:32px; }
 .wg-navigation .is-menu-open .wp-block-navigation__container { align-items:flex-start!important; gap:22px; font-size:1.6rem; width:100%; background:none; padding:0; backdrop-filter:none; }
 .wg-navigation .is-menu-open .wp-block-navigation__responsive-container-content { align-items:stretch!important; padding-top:70px; }
 .wg-navigation .is-menu-open .wp-block-navigation-item__content { line-height:1.4; }
 .wg-navigation .is-menu-open .wg-nav-cta { display:flex; margin-top:24px; font-size:1rem; }
 .wg-navigation .is-menu-open .wg-nav-roll { height:36px; }
 .wg-navigation .is-menu-open .wg-nav-roll > span { line-height:36px; }
}
@media(max-width:540px) { .wg-nav { width:calc(100% - 40px); grid-template-columns:1fr auto; min-height:84px; } .wg-header-action { display:none!important; } .wg-navigation { grid-column:2; } .wg-brand { width:145px; } }
/* Hero is intentionally full-bleed; proof cards sit inside the same dark field. */
.wg-hero { padding-block:170px 66px; margin:0!important; }
.wg-hero-copy { text-align:center; padding-bottom:76px; }
.wg-hero-kicker { color:var(--wg-soft-white); }
.wg-hero-title { max-width:1000px; margin:0 auto!important; }
.wg-hero-lead { max-width:710px; color:var(--wg-soft-white); font-size:clamp(1.125rem,1.55vw,1.375rem); margin:28px auto 30px!important; }
.wg-hero-trust { font-size:.8125rem; color:var(--wg-soft-white); margin-top:26px!important; display:flex; align-items:center; justify-content:center; gap:9px; }
.wg-trust-dot { width:6px; height:6px; background:var(--wg-pink); border-radius:50%; box-shadow:0 0 0 4px #fad4db15; }
.wg-proof-track { display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none; padding-inline:max(20px,calc((100vw - 1440px)/2)); padding-bottom:0; margin:0!important; }
.wg-proof-track::-webkit-scrollbar { display:none; }
.wg-proof-card { flex:0 0 calc((min(1440px,100vw - 80px) - 40px)/3); scroll-snap-align:start; position:relative; border-radius:8px; overflow:hidden; margin:0!important; background:transparent; }
.wg-proof-image img { width:100%; height:auto; display:block; aspect-ratio:6/7; object-fit:cover; }
.wg-proof-card .wg-text-link { position:absolute; left:10px; bottom:10px; padding:0; font-size:16px; line-height:1.3; }
.wg-proof-card .wg-text-link a { color:white; gap:8px; display:flex; font-weight:400; }
.wg-proof-card .wg-text-link a span { font-size:0; }
.wg-proof-card .wg-text-link a span::after { content:"→"; font-size:16px; }
.wg-proof-image a::after { content:""; position:absolute; inset:0; }
.wg-proof-track + .wg-carousel-controls { gap:12px; margin-top:20px; }
.wg-proof-track + .wg-carousel-controls button { width:40px; height:40px; border:0; border-radius:8px; background:transparent; color:white; }
.wg-proof-track + .wg-carousel-controls button:hover { background:var(--wg-glass); }
.wg-carousel-controls { display:flex; gap:10px; justify-content:center; margin-top:26px; }
.wg-carousel-controls button { background:transparent; color:var(--wg-white); border:1px solid #ffffff40; border-radius:50%; width:44px; height:44px; cursor:pointer; font:inherit; transition:background .2s,color .2s; }
.wg-carousel-controls button:last-child { background:var(--wg-pink); border-color:var(--wg-pink); color:var(--wg-dark); }
.wg-carousel-controls button:hover { background:white; color:var(--wg-dark); }
.wg-carousel-controls button:disabled { opacity:.35; cursor:default; }
.wg-clients { background:var(--wg-silver); }
.wg-clients .wg-heading { text-align:center; margin:0 auto 40px!important; }
.wg-portfolio-description { max-width:640px; }
.wg-clients .wg-eyebrow { color:var(--wg-muted); margin-bottom:32px!important; }
.wg-logo-wall { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.wg-logo-tile { border:1px solid #e5e1ea70; background:var(--wg-white); border-radius:8px; min-height:106px; display:grid; place-items:center; margin:0!important; transition:transform .3s,box-shadow .3s; }
.wg-logo-tile:hover { transform:translateY(-3px); box-shadow:0 8px 20px #200f3809; }
.wg-client-logo { display:grid; place-items:center; width:100%; }
.wg-client-logo img { width:128px; height:55px; object-fit:contain; }
.wg-services-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:start; }
.wg-service-intro { position:sticky; top:110px; }
.wg-service-intro > .wg-text-link { margin-top:28px; }
.wg-service-note { margin-top:100px!important; background:var(--wg-silver); border-radius:var(--wg-radius); padding:30px; }
.wg-service-note p { font-size:1rem; margin-top:8px; }
.wg-founders { width:150px; margin-bottom:20px!important; }
.wg-founders img { width:100%; height:auto; display:block; }
.wg-accordion { margin:0!important; }
.wg-service { border:1px solid var(--wg-line); border-radius:var(--wg-radius); margin-bottom:14px; padding:25px; background:white; transition:box-shadow .3s,background .3s; }
.wg-service:hover { background:#faf9fc; }
.wg-service[open] { background:var(--wg-silver); box-shadow:0 10px 30px #200f3805; }
.wg-service summary { list-style:none; display:flex; gap:16px; align-items:start; position:relative; cursor:pointer; padding-right:28px; }
.wg-service summary::-webkit-details-marker { display:none; }
.wg-service summary::after { content:'+'; position:absolute; right:0; top:4px; width:24px; height:24px; text-align:center; border-radius:50%; background:var(--wg-silver); line-height:24px; font-size:18px; }
.wg-service[open] summary::after { content:'−'; background:var(--wg-pink); }
.wg-service-number { font-size:.7rem; color:var(--wg-muted); padding-top:7px; }
.wg-service strong { display:block; font-size:1.375rem; font-weight:500; line-height:1.2; }
.wg-service-subtitle { display:block; font-size:1rem; color:var(--wg-muted); margin-top:7px; }
.wg-service > p { font-size:1rem; margin:20px 0 0 32px; color:var(--wg-muted); }
.wg-service .wg-text-link { color:var(--wg-dark); }
.wg-service[open] > p { animation:wg-details-in .35s var(--wg-ease); }
@keyframes wg-details-in { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
.wg-section.wg-work { padding-top:50px; }
.wg-work .wg-section-title { margin-bottom:70px!important; }
@media(min-width:1101px) {
 .wg-work > .wg-container { width:min(896px,calc(80% - 51.2px)); }
}
.wg-project-card { margin-top:70px!important; }
.wg-project-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:28px!important; }
.wg-project-heading h3 { display:inline-block; margin-right:24px; font-size:2rem; }
.wg-tags { display:inline-block; font-size:.7rem; letter-spacing:.05em; vertical-align:middle; background:var(--wg-silver); padding:7px 10px; border-radius:4px; }
.wg-project-description { max-width:650px; color:var(--wg-muted); font-size:1.125rem; margin-top:12px!important; }
.wg-project-heading > .wg-text-link { white-space:nowrap; font-size:1rem; }
.wg-project-grid { display:grid; grid-template-columns:1fr 2fr; gap:20px; align-items:stretch; }
.wg-project-grid--reverse { grid-template-columns:2fr 1fr; }
.wg-project-grid--reverse .wg-project-side { order:2; }
.wg-project-side { display:flex; flex-direction:column; gap:20px; }
.wg-project-main { border-radius:var(--wg-radius); overflow:hidden; background:var(--wg-silver); min-width:0; height:100%; }
.wg-project-main a { display:block; height:100%; }
.wg-project-main img { width:100%; height:100%; min-height:510px; object-fit:cover; transition:transform .8s var(--wg-ease); display:block; }
.wg-project-main:hover img { transform:scale(1.035); }
.wg-project-detail { overflow:hidden; border-radius:var(--wg-radius); background:var(--wg-silver); flex:1; }
.wg-project-detail img { width:100%; height:250px; object-fit:cover; display:block; }
.wg-result-card { padding:28px; background:var(--wg-silver); border-radius:var(--wg-radius); }
.wg-result-card > p { font-size:1rem; }
.wg-result-card > .wg-muted { margin-top:18px; font-size:.9375rem; }
.wg-metric-value { font-size:clamp(2.5rem,4vw,3.5rem)!important; line-height:1.1; letter-spacing:-.05em; font-weight:500; margin-bottom:12px!important; }
.wg-portfolio-cta { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; overflow:hidden; background:var(--wg-dark); color:var(--wg-white); border-radius:var(--wg-radius); padding:50px 0 0 40px; margin-top:70px!important; }
.wg-portfolio-cta > div { padding-bottom:50px; }
.wg-portfolio-cta h3 { font-size:2rem; }
.wg-portfolio-cta .wg-text-link { margin-top:28px; }
.wg-portfolio-cta a { color:var(--wg-pink); }
.wg-portfolio-image { align-self:stretch; }
.wg-portfolio-image img { width:100%; height:100%; display:block; object-fit:cover; object-position:left; border-radius:14px 0 0 0; }
.wg-dark { background:var(--wg-dark); color:var(--wg-white); }
.wg-dark a { color:var(--wg-pink); }
.wg-dark .wg-eyebrow { color:var(--wg-pink); }
.wg-testimonial-grid { columns:3; column-gap:20px; }
.wg-testimonial { break-inside:avoid; border:1px solid #ffffff29; border-radius:var(--wg-radius); padding:28px; margin:0 0 20px!important; }
.wg-quote-mark { font-size:58px; line-height:.8; color:var(--wg-pink); margin-bottom:18px!important; }
.wg-person { display:flex; align-items:center; gap:13px; margin-bottom:22px!important; }
.wg-avatar { width:46px; height:46px; flex-shrink:0; }
.wg-avatar img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.wg-person-name { font-size:1rem; font-weight:500; }
.wg-person-company { font-size:.8125rem; color:var(--wg-soft-white); margin-top:2px!important; }
.wg-quote { padding:0; border:0; font-size:1rem; line-height:1.55; color:var(--wg-soft-white); }
.wg-quote cite { display:none; }
.wg-voices > .wg-container > .wg-text-link { text-align:center; margin-top:35px; }
.wg-section.wg-proof { padding-top:50px; }
.wg-metrics-grid { display:grid; grid-template-columns:1fr 1fr 2fr; gap:20px; }
.wg-metric { padding:32px; border-radius:var(--wg-radius); min-height:185px; margin:0!important; }
.wg-metric--pink { color:var(--wg-dark); background:var(--wg-pink); }
.wg-metric--purple { background:var(--wg-dark-light); }
.wg-metric--team { grid-column:3; grid-row:1 / 3; background:var(--wg-silver); color:var(--wg-dark); display:flex; flex-direction:column; align-items:start; justify-content:center; }
.wg-metric--team .wg-founders { width:180px; }
.wg-metric--team > p { color:var(--wg-muted); margin-top:18px; }
.wg-metric--wide { grid-column:1 / 3; background:white; color:var(--wg-dark); }
.wg-metric--wide a { color:var(--wg-dark); }
.wg-metric--wide .wg-text-link { margin-top:16px; font-size:.9375rem; }
.wg-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.wg-card { border:1px solid var(--wg-line); padding:32px; border-radius:var(--wg-radius); margin:0!important; transition:transform .35s var(--wg-ease),box-shadow .35s; }
.wg-card:hover { transform:translateY(-5px); box-shadow:0 15px 40px #200f380a; }
.wg-feature-icon { width:52px; height:52px; display:grid; place-items:center; background:var(--wg-pink); border-radius:15px; font-size:30px; margin-bottom:25px!important; }
.wg-card h3 { font-size:1.5rem; margin-bottom:18px; }
.wg-card > p:last-child { color:var(--wg-muted); font-size:1rem; }
.wg-silver { background:var(--wg-silver); }
.wg-resource-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:20px; }
.wg-resource-card { display:flex; flex-direction:column; border-radius:var(--wg-radius); background:white; overflow:hidden; margin:0!important; }
.wg-resource-copy { padding:32px; }
.wg-resource-copy .wg-eyebrow { color:var(--wg-muted); }
.wg-resource-copy h3 { font-size:1.65rem; margin-bottom:14px; }
.wg-resource-copy > p:not(.wg-eyebrow,.wg-text-link) { font-size:1rem; color:var(--wg-muted); }
.wg-resource-copy .wg-text-link { margin-top:20px; font-size:1rem; }
.wg-resource-image { width:100%; overflow:hidden; margin-top:auto!important; }
.wg-resource-image a { display:block; width:100%; }
.wg-resource-image img { width:100%; height:260px; object-fit:cover; display:block; transition:transform .8s var(--wg-ease); }
.wg-resource-card:hover img { transform:scale(1.04); }
.wg-resource-card:nth-child(2) { background:var(--wg-pink); }
.wg-resource-card:nth-child(3) { background:var(--wg-dark-light); color:white; }
.wg-resource-card:nth-child(3) a { color:var(--wg-pink); }
.wg-resource-card:nth-child(3) .wg-resource-copy > p { color:var(--wg-soft-white); }
.wg-final-cta { background:radial-gradient(ellipse at 50% 110%,#624272,var(--wg-dark) 70%); color:white; text-align:center; padding-block:var(--space-3xl); }
.wg-cta-title { font-size:clamp(2.5rem,4.5vw,4rem); }
.wg-cta-lead { font-size:1.25rem; color:var(--wg-soft-white); margin:26px auto 32px!important; }
.wg-final-cta .wg-founders { width:110px; margin:40px auto 14px!important; }
.wg-cta-caption { color:var(--wg-soft-white); font-size:.875rem; }
.wg-footer { background:var(--wg-dark); color:white; padding-block:64px 30px; border-top:1px solid #ffffff1c; }
.wg-footer-top { display:flex; justify-content:space-between; align-items:center; padding-bottom:42px; }
.wg-footer-tagline { color:var(--wg-soft-white); font-size:1rem; }
.wg-footer-grid { display:grid; grid-template-columns:1fr 1.4fr 1.2fr 1.2fr; gap:40px; padding-bottom:50px; }
.wg-footer-label { font-size:.75rem; text-transform:uppercase; letter-spacing:.09em; color:var(--wg-pink); font-weight:500; margin-bottom:25px!important; }
.wg-footer-column p { font-size:.9375rem; line-height:1.45; margin-top:13px; }
.wg-footer a { color:var(--wg-soft-white); text-decoration:none; }
.wg-footer a:hover { color:white; text-decoration:underline; }
.wg-footer-address { margin-top:24px!important; color:var(--wg-soft-white); }
.wg-footer-bottom { border-top:1px solid #ffffff26; padding-top:26px; display:flex; justify-content:space-between; gap:20px; color:var(--wg-soft-white); font-size:.8125rem; }
.wg-visually-hidden { position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; }
/* Progressive enhancement: content remains visible if JavaScript fails. */
@media(prefers-reduced-motion:no-preference) {
 .wg-reveal.is-pending { opacity:0; transform:translateY(24px); }
 .wg-reveal { transition:opacity .65s var(--wg-ease),transform .65s var(--wg-ease); }
}

@media(max-width:1100px) {
 .wg-nav { gap:20px; }
 .wg-navigation .wp-block-navigation__container { gap:18px; }
 .wg-navigation { font-size:14px; }
 .wg-brand { width:138px; }
 .wg-services-layout { gap:40px; }
 .wg-card { padding:25px; }
 .wg-testimonial { padding:24px; }
 .wg-project-heading { align-items:start; }
 .wg-project-heading h3 { display:block; margin-bottom:10px; }
}
@media(max-width:900px) {
 .wg-hero { padding-top:145px; }
 .wg-hero-title { font-size:clamp(2.5rem,6vw,3.7rem); }
 .wg-logo-wall { grid-template-columns:repeat(4,1fr); gap:10px; }
 .wg-client-logo img { width:105px; height:45px; }
 .wg-logo-tile { min-height:90px; }
 .wg-services-layout { grid-template-columns:1fr; gap:34px; }
 .wg-service-intro { position:static; }
 .wg-service-intro h2 { max-width:560px; }
 .wg-service-note { display:none; }
 .wg-testimonial-grid { columns:2; }
 .wg-grid { grid-template-columns:repeat(2,1fr); }
 .wg-metrics-grid { grid-template-columns:1fr 1fr; }
 .wg-metric--team { grid-column:2; grid-row:2; }
 .wg-metric--wide { grid-column:1; grid-row:2; }
 .wg-footer-grid { grid-template-columns:1fr 1fr; }
 .wg-project-grid,.wg-project-grid--reverse { grid-template-columns:1fr 1.5fr; }
 .wg-project-grid--reverse .wg-project-side { order:0; }
 .wg-result-card { padding:22px; }
 .wg-project-main img { min-height:460px; }
}
@media(max-width:768px) {
 .wg-container { width:calc(100% - 40px); }
 .wg-nav { min-height:84px; }
 .wg-hero { padding-top:128px; padding-bottom:45px; }
 .wg-hero-copy { padding-bottom:55px; }
 .wg-hero-kicker { font-size:.65rem; letter-spacing:.08em; }
 .wg-hero-lead { max-width:560px; margin-top:24px!important; }
 .wg-actions { flex-direction:column; align-items:stretch; max-width:560px; margin-inline:auto; }
 .wg-actions .wp-block-button { width:100%; }
 .wg-proof-card { flex-basis:calc((100vw - 68px)/2); }
 .wg-logo-wall { grid-template-columns:repeat(2,1fr); gap:12px; }
 .wg-logo-tile { min-height:96px; }
 .wg-client-logo img { width:128px; height:50px; }
 .wg-project-heading { display:block; }
 .wg-project-heading > .wg-text-link { margin-top:20px; }
 .wg-project-grid,.wg-project-grid--reverse { grid-template-columns:1fr; }
 .wg-project-main { order:-1; }
 .wg-project-main img { min-height:0; aspect-ratio:1.25; height:auto; }
 .wg-project-side { display:grid; grid-template-columns:1fr 1fr; }
 .wg-project-detail img { height:100%; max-height:320px; min-height:240px; }
 .wg-portfolio-cta { gap:24px; padding:32px 0 0 28px; }
 .wg-portfolio-cta h3 { font-size:1.6rem; }
 .wg-resource-copy { padding:25px; }
 .wg-resource-image img { height:210px; }
}
@media(max-width:540px) {
 .admin-bar .wg-site-header { top:46px; }
 .admin-bar .wg-site-header.is-sticky { top:0; }
 .wg-hero-title { font-size:2.625rem; line-height:1.06; letter-spacing:-.045em; }
 .wg-hero-title br { display:none; }
 .wg-hero-lead { font-size:1.0625rem; line-height:1.5; }
 .wg-hero-trust { font-size:.75rem; }
 .wg-proof-card { flex-basis:calc(100vw - 40px); }
 .wg-proof-track { padding-inline:20px; gap:16px; }
 .wg-service { padding:22px 18px; }
 .wg-service strong { font-size:1.25rem; }
 .wg-service-subtitle { font-size:.9375rem; }
 .wg-service > p { margin-left:0; }
 .wg-project-side { grid-template-columns:1fr; }
 .wg-project-detail { display:none; }
 .wg-result-card .wg-metric-value { font-size:2.5rem!important; }
 .wg-project-card { margin-top:48px!important; }
 .wg-project-heading h3 { font-size:1.75rem; }
 .wg-portfolio-cta { grid-template-columns:1fr; padding:30px 30px 0; gap:0; }
 .wg-portfolio-cta > div { padding-bottom:30px; }
 .wg-portfolio-image img { max-height:270px; border-radius:12px 12px 0 0; }
 .wg-testimonial-grid { columns:1; }
 .wg-testimonial { padding:25px; }
 .wg-metrics-grid { gap:12px; }
 .wg-metric { padding:24px; }
 .wg-metric--team { grid-column:1 / -1; grid-row:3; }
 .wg-metric--wide { grid-column:1 / -1; grid-row:2; }
 .wg-metric > p:not(.wg-metric-value) { font-size:1rem; }
 .wg-grid,.wg-resource-grid { grid-template-columns:1fr; }
 .wg-card { padding:30px; }
 .wg-resource-image img { height:230px; }
 .wg-cta-lead { font-size:1.125rem; }
 .wg-footer-grid { gap:36px 22px; }
 .wg-footer-column p { font-size:.875rem; }
 .wg-footer-top { align-items:start; flex-direction:column; gap:20px; }
 .wg-footer-bottom { flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after { scroll-behavior:auto!important; }
 .wg-homepage *, .wg-site-header, .wg-site-header::before, .wg-site-header *, .wg-footer * { animation:none!important; transition:none!important; }
 .wg-reveal.is-pending { opacity:1; transform:none; }
}
/* Editor mirrors layout while retaining selection and block controls. */
.editor-styles-wrapper .wg-hero { padding-top:60px; }
.editor-styles-wrapper .wg-service-intro { position:static; }
.editor-styles-wrapper .wg-proof-track { overflow-x:auto; }
.editor-styles-wrapper .wg-reveal { opacity:1; transform:none; }
.editor-styles-wrapper .wg-site-header { position:relative; background:var(--wg-dark); }
/* Source logos share a quiet monochrome treatment, without changing the originals. */
.wg-client-logo img { filter:brightness(0); opacity:.62; max-width:75%; }
.wg-logo-tile:hover img { opacity:1; }
.wp-site-blocks > header:not(.wg-site-header) { background:var(--wg-dark); color:white; }
.wp-site-blocks > main:not(.wg-homepage,.wg-work-page,.wg-contact-page,.wg-clients-page) { padding-inline:24px; }
.editor-styles-wrapper .is-root-container > .wp-block { max-width:none; }
.editor-styles-wrapper .wg-proof-track { padding-inline:24px; }

.wg-footer-column { margin:0!important; }

/* Eyebrow badges follow Webgate.digital's compact square-marker treatment. */
.wg-eyebrow { display:table; width:fit-content; padding:11px 16px; border-radius:10px; background:rgba(32,15,56,.06); color:var(--wg-dark); font-size:13px; line-height:18px; letter-spacing:.025em; font-weight:500; }
.wg-eyebrow::before { content:""; display:inline-block; width:8px; height:8px; border-radius:2px; background:var(--wg-pink); margin-right:10px; vertical-align:1px; }
.wg-section > .wg-container > .wg-eyebrow,.wg-hero-copy > .wg-eyebrow { margin-inline:auto; }
.wg-dark .wg-eyebrow,.wg-hero .wg-eyebrow,.wg-final-cta .wg-eyebrow { background:rgba(255,255,255,.1); color:var(--wg-white); }
.wg-clients .wg-eyebrow { color:var(--wg-dark); }
.wg-client-logo img[src*="logo-lunter"],.wg-client-logo img[src*="logo-thespot"] { height:62px; }
@media(max-width:540px) { .wg-eyebrow { font-size:11px; padding:10px 13px; } }
.wg-navigation .wp-block-navigation-item { background:transparent; }
.wg-team { --wg-team-gutter:max(32px,calc((100vw - 1440px)/2)); position:relative; overflow:hidden; background:#1c0d33; }
.wg-team-intro { margin-inline:var(--wg-team-gutter); max-width:760px; margin-bottom:24px!important; }
.wg-team-intro h2 { font-size:clamp(2.1rem,4vw,3.5rem); }
.wg-team-lead { max-width:680px; color:var(--wg-soft-white); font-size:18px; line-height:1.35; margin-top:24px!important; }
.wg-team-track { display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; padding-inline:var(--wg-team-gutter); scrollbar-width:none; margin:0!important; }
.wg-team-track::-webkit-scrollbar { display:none; }
.wg-team-card { flex:0 0 320px; scroll-snap-align:start; scroll-margin-left:var(--wg-team-gutter); margin:0!important; }
.wg-team-photo { overflow:hidden; border-radius:9px; width:100%; }
.wg-team-photo a { display:block; }
.wg-team-photo img { width:100%; aspect-ratio:365/421; height:auto; object-fit:cover; display:block; transition:transform .6s var(--wg-ease); }
.wg-team-card:hover img { transform:scale(1.035); }
.wg-team-name { margin-top:32px!important; font-size:24px; font-weight:500; line-height:1.25; }
.wg-team-name a { display:flex; justify-content:space-between; align-items:center; gap:12px; color:white; text-decoration:none; }
.wg-team-name a span { display:inline-grid; place-items:center; width:19px; height:19px; border-radius:1px; background:white; color:#1c0d33; font:bold 16px Arial,sans-serif; }
.wg-team-role { color:var(--wg-soft-white); font-size:15px; line-height:1.3; margin-top:8px!important; }
.wg-team .wg-carousel-controls { position:relative; display:flex; justify-content:flex-end; padding-inline:var(--wg-team-gutter); margin:0 0 24px; gap:16px; }
.wg-team .wg-carousel-controls button { border-radius:8px; width:44px; height:44px; background:transparent; border:1px solid #ffffffbb; color:white; }
.wg-team .wg-carousel-controls button:hover { background:var(--wg-glass); }
@media(max-width:1024px) { .wg-team-intro { margin-bottom:24px!important; } .wg-team-card { flex-basis:calc((100vw - 84px)/2); } }
@media(max-width:540px) { .wg-team { --wg-team-gutter:20px; } .wg-team-card { flex-basis:calc(100vw - 64px); } .wg-team-intro { padding-bottom:0; } .wg-team-lead { font-size:16px; } .wg-team-name { margin-top:24px!important; } }
/* These source logos contain solid artwork backgrounds; preserve their lettering. */
.wg-client-logo img[src*="logo-radoreality"],.wg-client-logo img[src*="logo-365bank"],.wg-client-logo img[src*="logo-urpiner"] { filter:grayscale(1); opacity:.8; }
/* Referencie: an uninterrupted loop with an explicit pause control. */
.wg-voices { overflow:hidden; }
.wg-testimonial-grid.is-loop { columns:auto; overflow-x:auto; scrollbar-width:none; width:calc(100vw - 48px); margin-left:calc((1120px - 100vw)/2 + 24px); }
.wg-testimonial-grid.is-loop::-webkit-scrollbar { display:none; }
.wg-testimonial-rail,.wg-testimonial-set { display:flex; width:max-content; align-items:stretch; }
.wg-testimonial-set { gap:20px; padding-right:20px; }
.is-loop .wg-testimonial { flex:0 0 370px; width:370px; box-sizing:border-box; margin:0!important; background:var(--wg-dark-light); }
.is-loop .wg-person { margin-top:0!important; }
.is-loop .wg-quote-mark { height:30px; }
.wg-testimonial-grid.is-static .wg-testimonial-set[aria-hidden] { display:none; }
@media(max-width:1184px){ .wg-testimonial-grid.is-loop { margin-left:-8px; } }
@media(max-width:768px){ .wg-testimonial-grid.is-loop { width:calc(100vw - 40px); margin-left:0; } .is-loop .wg-testimonial { flex-basis:320px; width:320px; } }
/* Preserve the negative-space Bloomreach mark rather than flattening it. */
.wg-client-logo img[src*="logo-bloomreach"] { filter:grayscale(1); opacity:.8; }
/* Ten native image blocks follow the About page's six-column collage. */
.wg-office-gallery { display:grid; grid-template-columns:1fr 1fr 1.58fr 1fr 1fr 1.42fr; gap:6px; height:420px; max-width:1120px; margin-inline:auto; margin-bottom:48px!important; }
.wg-office-column { display:flex; flex-direction:column; gap:6px; min-width:0; margin:0!important; overflow:hidden; }
.wg-office-photo { min-height:0; flex:1; width:100%; overflow:hidden; border-radius:8px; margin:0!important; }
.wg-office-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.wg-office-column--1 .wg-office-photo:first-child { flex:1.75; }
.wg-office-column--2 .wg-office-photo:first-child { flex:2.5; }
.wg-office-column--4 .wg-office-photo:first-child { flex:2.2; }
.wg-office-column--5 .wg-office-photo:first-child { flex:3.3; }
.wg-proof .wg-gradient-background__content > .wg-container { width:min(1440px,calc(100% - 64px)); }
.wg-proof .wg-metrics-grid { max-width:1120px; margin-inline:auto; }
.wg-final-cta { padding:40px 32px; background:var(--wg-dark); }
.wg-cta-panel { max-width:1440px; margin-inline:auto; background:var(--wg-dark-light); border-radius:24px; padding:60px 24px; }
.wg-cta-panel .wg-eyebrow { margin-inline:auto; margin-bottom:24px!important; }
.wg-contact-badge::before { width:25px; height:25px; margin-right:10px; vertical-align:middle; background:var(--wg-pink) url("../images/webgate-symbol.svg") center/19px auto no-repeat; mask:none; }
.wg-cta-title { font-size:clamp(2.25rem,4vw,3.5rem); }
.wg-cta-lead { margin:24px auto 38px!important; font-size:22px; }
.wg-booking-strip { display:flex; align-items:center; justify-content:center; gap:18px; background:#190b2e; border-radius:12px; padding:16px; width:fit-content; margin:0 auto!important; text-align:left; }
.wg-booking-founders { width:74px; margin:0!important; flex-shrink:0; }
.wg-booking-founders img { display:block; width:100%; height:auto; }
.wg-booking-copy { font-size:15px; line-height:1.3; max-width:185px; }
.wg-book-actions { margin:0!important; }
.wg-footer { background:var(--wg-dark-light); border:0; padding:64px 0 0; }
.wg-footer > .wg-container { width:min(1440px,calc(100% - 56px)); }
.wg-footer-proof { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-bottom:60px!important; }
.wg-footer-proof-card { background:#482d69; padding:24px 20px; border-radius:18px; margin:0!important; }
.wg-footer-proof-title { font-size:18px; font-weight:500; margin-bottom:18px!important; }
.wg-ai-links,.wg-footer-ratings { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.wg-ai-link { margin:0!important; }
.wg-ai-link a { display:flex; align-items:center; gap:6px; background:white; color:#18131f; padding:8px; border-radius:6px; font-size:15px; line-height:20px; }
.wg-ai-link a:hover { color:var(--wg-dark); text-decoration:none; background:var(--wg-pink); }
.wg-ai-link img { width:20px; height:20px; }
.wg-footer-ratings figure { margin:0!important; }
.wg-footer-ratings img { display:block; width:auto; height:27px; }
.wg-footer-bottom { padding-block:24px; border-bottom:1px solid #ffffff26; color:#b3a4c5; }
.wg-footer-wordmark { display:block; margin:44px 0 0!important; width:100%; height:15.5vw; max-height:230px; overflow:hidden; }
.wg-footer-wordmark a { display:block; }
.wg-footer-wordmark img { display:block; width:100%; height:auto; }
@media(max-width:768px){ .wg-office-gallery { height:340px; grid-template-columns:150px 150px 230px 150px 150px 215px; overflow-x:auto; } .wg-proof .wg-gradient-background__content > .wg-container { width:calc(100% - 40px); } .wg-final-cta { padding:28px 20px; } .wg-cta-panel { padding:42px 20px; } .wg-cta-lead { font-size:18px; } .wg-footer-proof { gap:20px; grid-template-columns:1fr; } .wg-footer-wordmark { height:16vw; } }
@media(max-width:480px){ .wg-office-gallery { height:280px; grid-template-columns:120px 120px 180px 120px 120px 170px; } .wg-booking-strip { display:grid; grid-template-columns:64px 1fr; } .wg-booking-founders { width:64px; } .wg-book-actions { grid-column:1/-1; } .wg-book-actions,.wg-book-actions .wp-block-button { width:100%; } }

.wg-google-reviews { background:var(--wg-white); color:var(--wg-dark); overflow-x:clip; }
.wg-google-reviews .elfsight-app-0ef60a66-961c-4a06-bdc0-691a1623916e { min-height:380px; }

/* Editable service showcase: 1 / 1 / 2, then 2 / 1 / 1. */
.wg-service-showcase { background:var(--wg-silver); }
.wg-service-showcase__container { width:min(1280px,calc(100% - 64px)); }
.wg-service-showcase__intro { max-width:760px; margin-bottom:44px; }
.wg-service-showcase__intro .wg-section-title { text-align:left; }
.wg-service-bento { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.wg-service-tile { --tile-bg:var(--wg-dark-light); --tile-text:var(--wg-white); position:relative; isolation:isolate; min-width:0; min-height:380px; overflow:hidden; border-radius:8px; background:var(--tile-bg); color:var(--tile-text); padding:24px; margin:0!important; display:flex; flex-direction:column; }
.wg-service-tile::before { content:''; position:absolute; inset:0; pointer-events:none; z-index:-1; background:radial-gradient(ellipse at 90% 100%,#ffffff24,transparent 70%); }
.wg-service-tile__copy { position:relative; z-index:2; max-width:310px; padding-bottom:210px; }
.wg-service-tile__copy h3 { font-size:20px; line-height:1.2; letter-spacing:-.025em; margin-bottom:10px!important; }
.wg-service-tile__copy p { font-size:14px; line-height:1.5; color:inherit; opacity:.86; }
.wg-service-tile__media { position:absolute; z-index:0; width:88%; height:210px; right:-8%; bottom:-10px; margin:0!important; transform:rotate(-7deg); transform-origin:center; transition:transform .65s var(--wg-ease); overflow:hidden; border-radius:8px; box-shadow:0 12px 36px #00000024; }
.wg-service-tile__media img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
.wg-service-tile__link { position:relative; z-index:3; margin-top:auto!important; font-size:13px; }
.wg-service-tile__link a { color:inherit; text-decoration:none; display:inline-flex; align-items:center; gap:10px; background:var(--tile-bg); border-radius:4px; padding:5px 7px; margin-left:-7px; }
.wg-service-tile__link span { transition:transform .25s ease; }
.wg-service-tile:hover .wg-service-tile__media { transform:rotate(-4deg) translateY(-7px) scale(1.025); }
.wg-service-tile__link a:hover span { transform:translate(2px,-2px); }
.wg-service-tile--design { --tile-bg:var(--wg-pink); --tile-text:var(--wg-dark); }
.wg-service-tile--conversion { --tile-bg:var(--wg-dark-light); }
.wg-service-tile--conversion .wg-service-tile__media { width:86%; right:-9%; transform:rotate(7deg); }
.wg-service-tile--landing,.wg-service-tile--systems { grid-column:span 2; }
.wg-service-tile--landing { --tile-bg:var(--wg-dark); }
.wg-service-tile--landing .wg-service-tile__copy,.wg-service-tile--systems .wg-service-tile__copy { max-width:52%; padding-bottom:90px; }
.wg-service-tile--landing .wg-service-tile__media { width:58%; height:290px; right:-5%; bottom:-18px; transform:rotate(-13deg); }
.wg-service-tile--systems { --tile-bg:var(--wg-dark-light); }
.wg-service-tile--systems .wg-service-tile__media { width:58%; height:300px; right:-5%; bottom:-60px; transform:rotate(-7deg); }
.wg-service-tile--ux { --tile-bg:var(--wg-pink); --tile-text:var(--wg-dark); }
.wg-service-tile--ux .wg-service-tile__media { width:90%; right:-4%; bottom:28px; height:155px; transform:rotate(-4deg); }
.wg-service-tile--growth { --tile-bg:var(--wg-white); --tile-text:var(--wg-dark); }
.wg-service-tile--growth .wg-service-tile__media { height:190px; right:-5%; transform:rotate(6deg); }
@media(max-width:1100px) {
 .wg-service-bento { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .wg-service-tile--landing,.wg-service-tile--systems { grid-column:span 1; }
 .wg-service-tile--landing .wg-service-tile__copy,.wg-service-tile--systems .wg-service-tile__copy { max-width:310px; padding-bottom:210px; }
 .wg-service-tile--landing .wg-service-tile__media,.wg-service-tile--systems .wg-service-tile__media { width:84%; height:210px; bottom:-15px; }
}
@media(max-width:600px) {
 .wg-service-showcase__container { width:calc(100% - 40px); }
 .wg-service-bento { grid-template-columns:minmax(0,1fr); }
 .wg-service-tile { min-height:370px; }
 .wg-service-tile__copy { max-width:100%; }
 .wg-service-showcase__intro { margin-bottom:28px; }
}
@media(prefers-reduced-motion:reduce) {
 .wg-service-tile__media,.wg-service-tile__link span { transition:none; }
 .wg-service-tile:hover .wg-service-tile__media { transform:rotate(0); }
}
/* Images remain selectable in the editor; all text and links are ordinary blocks. */
.editor-styles-wrapper .wg-service-tile__media { z-index:1; }

/* Bold statement, sharing the hero renderer at 1.5× speed. */
.wg-statement__content { display:flex; align-items:center; justify-content:center; min-height:clamp(480px,48vw,700px); padding:100px 32px; }
.wg-statement__text { width:min(100%,1280px); margin:0!important; color:var(--wg-white); font-size:clamp(2rem,4vw,3.75rem); font-weight:500; line-height:1.15; letter-spacing:-.045em; text-align:center; }
.wg-statement__highlight { color:inherit; }
.wg-statement__highlight:last-child { color:var(--wg-pink); }
@media(max-width:600px) {
 .wg-statement__content { min-height:480px; padding:80px 24px; }
 .wg-statement__text { font-size:clamp(1.75rem,7.2vw,2.4rem); line-height:1.2; }
}

/* One gentle entrance, using the shared reveal observer. */
@media(prefers-reduced-motion:no-preference) {
 .wg-statement__text { transition:opacity .75s ease,transform .75s var(--wg-ease); }
 .wg-statement__text.is-pending { opacity:0; transform:translateY(10px); }
}
/* Editable technology tiles, matching the AI agency reference. */
.wg-technologies { background:#f7f4fa; color:#1b2241; padding:80px 40px; }
.wg-technologies > .wg-container { width:100%; max-width:1200px; }
.wg-technologies .wg-eyebrow { background:#ffffffb3; color:#1b2241; margin-bottom:28px!important; }
.wg-technologies .wg-tech-heading { max-width:950px; margin:0 auto 48px!important; text-align:center; font-size:58px; font-weight:500; line-height:1.1; letter-spacing:-.025em; }
.wg-tech-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; margin:0!important; }
.wg-tech-tile { box-sizing:border-box; flex:0 0 calc((100% - 80px)/6); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; padding:28px 16px; border:1px solid #e1e1e1; border-radius:16px; background:white; margin:0!important; }
.wg-tech-tile figure { margin:0!important; }
.wg-tech-tile img { display:block; width:40px; height:40px; object-fit:contain; }
.wg-tech-tile p { margin:0!important; color:#1b2241; font-size:18px; font-weight:500; line-height:27px; text-align:center; }
@media(max-width:1024px) { .wg-proof-card { flex-basis:calc((100vw - 100px)/2); } .wg-tech-tile { flex-basis:calc((100% - 48px)/4); } .wg-technologies .wg-tech-heading { font-size:44px; } }
@media(max-width:767px) { .wg-proof-card { flex-basis:calc(100vw - 40px); } .wg-proof-track { padding-inline:20px; gap:16px; } .wg-technologies { padding:56px 20px; } .wg-tech-tile { flex-basis:calc((100% - 16px)/2); padding:24px 12px; } .wg-technologies .wg-tech-heading { font-size:34px; margin-bottom:32px!important; } .wg-tech-heading br { display:none; } }
/* Two continuous rows copied from the AI agency testimonial carousel. */
.wg-voices-reference { background:#200f38; padding-block:80px; }
.wg-voices-reference > .wg-container { margin-bottom:48px!important; }
.wg-voices-reference .wg-testimonial-grid { columns:auto; width:100%; margin:0!important; }
.wg-voices-reference .wg-testimonial-grid + .wg-testimonial-grid { margin-top:24px!important; }
.wg-voices-reference .wg-testimonial-set { gap:24px; padding-right:24px; }
.wg-voices-reference .wg-testimonial { display:flex; flex:0 0 480px; width:480px; gap:22px; padding:32px 18px; border:1px solid #fad4db14; border-radius:6px; background:#212121b3; backdrop-filter:blur(2px); }
.wg-review-images { position:relative; flex:0 0 80px; margin:0!important; }
.wg-review-photo img { display:block; width:80px; height:80px; object-fit:cover; border-radius:4px; }
.wg-review-logo { position:absolute; width:38px; top:62px; left:48px; background:white; border-radius:4px; }
.wg-review-logo img { display:block; width:38px; height:38px; object-fit:contain; border-radius:50%; }
.wg-review-copy { flex:1; min-width:0; margin:0!important; }
.wg-review-copy .wg-review-name { font-size:20px; line-height:30px; font-weight:500; color:#fad4db; margin:0 0 8px!important; }
.wg-review-copy p { font-size:16px; line-height:24px; color:white; margin:0!important; }
@media(max-width:767px) { .wg-voices-reference .wg-testimonial { flex-basis:calc(100vw - 32px); width:calc(100vw - 32px); flex-direction:column; gap:16px; padding:24px 16px; } .wg-review-images { flex-basis:auto; } .wg-review-logo { top:44px; left:67px; width:44px; } .wg-review-logo img { width:44px; height:44px; } }
/* Our Work: Flowout's image-first, three-column project cards. */
.wg-work-page,.wg-contact-page { margin:0; }
.wg-work-page > .wp-block-post-content > *, .wg-contact-page > .wp-block-post-content > * { margin-block:0; }
.wg-work-hero { padding:200px 0 72px; background:var(--wg-dark); color:white; text-align:center; }
.wg-work-hero .wg-eyebrow { margin-inline:auto; background:#ffffff1a; color:white; }
.wg-work-hero h1 { font-size:clamp(48px,5vw,72px); margin:0; }
.wg-work-lead { max-width:640px; margin:24px auto 0; color:var(--wg-soft-white); font-size:20px; line-height:1.5; }
.wg-work-section { padding:72px 0 80px; background:white; color:#092540; }
.wg-work-section .wg-container { max-width:1120px; }
.wg-work-list-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:32px; }
.wg-work-list-heading h2 { margin:0; font-size:36px; line-height:1.2; }
.wg-work-list-heading p { font-size:16px; color:#536778; margin:0; }
.wg-work-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.wg-work-card { min-width:0; border-radius:16px; margin:0!important; }
.wg-work-thumb { margin:0!important; overflow:hidden; border-radius:16px 16px 0 0; background:#e3ebf2; }
.wg-work-thumb a { display:block; }
.wg-work-thumb img { width:100%; display:block; aspect-ratio:750/680; object-fit:cover; object-position:top center; transition:transform .5s ease; }
.wg-work-thumb a:hover img,.wg-work-thumb a:focus-visible img { transform:scale(1.05); }
.wg-work-details { padding:30px; border:1px solid #ededed; border-top:0; border-radius:0 0 16px 16px; margin:0!important; }
.wg-work-details h3 { margin:0 0 10px; font-size:24px; font-weight:700; line-height:1.2; color:#092540; }
.wg-work-details h3 a { color:inherit; text-decoration:none; }
.wg-work-tags { display:flex; gap:10px; flex-wrap:wrap; margin:0!important; }
.wg-work-tags p { margin:0; padding:0 10px; border-radius:4px; background:#e3ebf2; color:#536778; font-size:12px; font-weight:600; line-height:27px; text-transform:uppercase; }
.wg-work-cta { background:#f7f4fa; color:var(--wg-dark); text-align:center; padding:64px 0; }
.wg-work-cta h2 { font-size:40px; margin:0 0 24px; }
.wg-page-button { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:14px 16px; border-radius:8px; background:var(--wg-pink); color:var(--wg-dark); text-decoration:none; font-size:16px; font-weight:500; }
.wg-page-button span { display:grid; place-items:center; background:white; width:30px; height:30px; border-radius:4px; }
.wg-work-cta .wg-page-button { width:fit-content; margin:auto; }
/* Contact components translated from webgate.digital/contact. */
.wg-contact-page { background:#200f38; color:white; }
.wg-contact-hero { padding:210px 0 72px; background:radial-gradient(ellipse at 45% 60%,#fad4db24,transparent 30%),radial-gradient(ellipse at 70% 30%,#60338566,transparent 50%),#1c1033; }
.wg-contact-hero .wg-container { width:min(1360px,calc(100% - 80px)); }
.wg-contact-grid { display:grid; grid-template-columns:1fr .82fr; gap:100px; align-items:center; }
.wg-contact-intro h1 { font-size:clamp(44px,4vw,68px); margin:0 0 30px; }
.wg-contact-intro .wg-eyebrow { background:#ffffff1a; color:white; }
.wg-contact-lead { font-size:20px; line-height:1.35; max-width:600px; margin-bottom:24px; }
.wg-contact-benefits { list-style:none; padding:0; font-size:16px; line-height:1.5; }
.wg-contact-benefits li { margin-bottom:8px; }
.wg-contact-benefits li::before { content:'›'; color:var(--wg-pink); margin-right:12px; }
.wg-contact-person { display:flex; gap:16px; align-items:center; margin:64px 0; }
.wg-contact-avatar { margin:0; flex:0 0 64px; }
.wg-contact-avatar img { display:block; width:64px; height:64px; object-fit:cover; border-radius:50%; }
.wg-contact-person p { margin:0; line-height:1.5; }
.wg-contact-name { font-size:18px; font-weight:500; }
.wg-contact-email { margin-left:24px; }
.wg-contact-email a { color:white; }
.wg-contact-ai { padding:20px; border-radius:16px; background:#301950; width:fit-content; }
.wg-contact-ai > p { margin:0 0 16px; }
.wg-contact-ai-links { display:flex; gap:10px; flex-wrap:wrap; }
.wg-contact-ai-links p { margin:0; }
.wg-contact-ai-links a { display:flex; align-items:center; gap:6px; background:white; color:#200f38; padding:7px 8px; border-radius:3px; text-decoration:none; font-size:14px; }
.wg-contact-panel { border-radius:16px; background:#301950; padding:32px 20px; margin:0!important; }
.wg-contact-panel > p { font-size:16px; color:#ffffffb3; }
.wg-contact-divider { display:flex; align-items:center; gap:10px; margin:32px 0!important; text-align:center; }
.wg-contact-divider::before,.wg-contact-divider::after { content:""; height:1px; flex:1; background:#ffffff40; }
.wg-contact-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.wg-contact-fields label { min-width:0; }
.wg-contact-fields input,.wg-contact-fields textarea { box-sizing:border-box; width:100%; padding:18px 16px; background:#1c1033; border:1px solid transparent; border-radius:8px; color:white; font:inherit; font-size:16px; }
.wg-contact-fields input::placeholder,.wg-contact-fields textarea::placeholder { color:#ffffffb3; }
.wg-contact-fields :is(input,textarea):focus { outline:2px solid var(--wg-pink); outline-offset:2px; }
.wg-contact-message { grid-column:1/-1; }
.wg-contact-form button { display:flex; justify-content:space-between; width:100%; margin:16px 0; padding:18px 16px; background:white; color:#200f38; border:0; border-radius:8px; font:inherit; font-weight:500; cursor:pointer; }
.wg-contact-privacy { font-size:13px; line-height:1.5; color:#ffffff80; }
.wg-contact-privacy a { color:inherit; }
.wg-contact-honeypot { position:absolute; left:-9999px; }
.wg-form-status { padding:16px; border:1px solid var(--wg-pink); border-radius:8px; }
.wg-contact-clients { padding:48px 0; text-align:center; background:#1c1033; }
.wg-contact-clients h2 { font-size:28px; margin:0 0 32px; }
.wg-contact-logo-row { display:flex; align-items:center; justify-content:center; gap:40px; flex-wrap:wrap; }
.wg-contact-client-logo { margin:0; }
.wg-contact-client-logo img { width:125px; height:48px; object-fit:contain; filter:grayscale(1); }
.wg-contact-process { background:#1c1033; }
.wg-contact-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.wg-step-number { color:var(--wg-pink); font-size:42px; font-weight:500; margin:0 0 24px; }
.wg-contact-step h3 { font-size:23px; line-height:1.2; margin:0 0 16px; }
.wg-contact-step p:not(.wg-step-number) { font-size:16px; line-height:1.5; color:var(--wg-soft-white); }
.wg-contact-times { text-align:center; background:#1c1033; }
.wg-contact-times table { width:100%; border-collapse:collapse; text-align:left; margin-top:32px; }
.wg-contact-times :is(td,th) { border-bottom:1px solid #ffffff30; padding:20px; font-size:16px; }
.wg-contact-times th { color:var(--wg-pink); }
@media(max-width:1024px) { .wg-work-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .wg-contact-grid { gap:40px; } .wg-contact-steps { grid-template-columns:repeat(2,1fr); } .wg-contact-person { flex-wrap:wrap; } .wg-contact-email { margin-left:0; } }
@media(max-width:767px) { .wg-work-hero { padding:140px 0 48px; } .wg-work-section { padding:48px 0; } .wg-work-grid { grid-template-columns:1fr; } .wg-work-details { padding:24px; } .wg-work-list-heading h2 { font-size:28px; } .wg-contact-hero { padding:140px 0 48px; } .wg-contact-hero .wg-container { width:calc(100% - 40px); } .wg-contact-grid { grid-template-columns:1fr; } .wg-contact-person { margin:36px 0; } .wg-contact-steps { grid-template-columns:1fr; } .wg-contact-times .wp-block-table { overflow-x:auto; } .wg-contact-times table { min-width:600px; } }
.wg-hero-ratings { display:flex; justify-content:center; align-items:center; gap:24px; flex-wrap:wrap; margin:0 0 28px!important; }
.wg-rating-badge { margin:0!important; font-size:14px; }
.wg-rating-badge a { display:flex; align-items:center; gap:8px; color:white; text-decoration:none; }
.wg-rating-badge strong { font-size:18px; font-weight:500; }
.wg-rating-stars { color:#fbbc04; letter-spacing:1px; white-space:nowrap; }
.wg-rating-clutch .wg-rating-stars { color:#ef4335; }
.wg-rating-trustpilot strong > span { color:#00b67a; }
.wg-footer-google { margin:0!important; }
.wg-footer-google-title { font-size:16px; margin:0 0 12px!important; color:white; }
.wg-google-review-card { margin:0!important; background:white; border-radius:4px; padding:14px 16px; min-width:250px; }
.wg-google-review-card a { display:flex; flex-direction:column; gap:4px; text-decoration:none; color:#202124; }
.wg-google-review-card strong { font-size:20px; font-weight:500; line-height:1.3; }
.wg-google-review-card a > span { font-size:14px; color:#5f6368; }
.wg-google-count { color:#1a0dab; }
.wg-footer-ratings { align-items:center; flex-wrap:wrap; gap:24px; }
@media(max-width:540px) { .wg-hero-ratings { gap:12px 20px; } .wg-rating-badge a { font-size:12px; gap:6px; } .wg-rating-badge strong { font-size:16px; } }
.wg-services-team { width:100%; margin:48px 0 0!important; overflow:hidden; border-radius:18px; }
.wg-services-team img { display:block; width:100%; height:auto; aspect-ratio:1228/918; object-fit:cover; }
@media(max-width:900px) { .wg-services-team { max-width:560px; margin-top:32px!important; } }
main.wg-work-page,main.wg-contact-page { padding-inline:0; }
.wg-contact-page .wg-eyebrow { margin-inline:auto; }
.wg-contact-intro .wg-eyebrow { margin-inline:0; }
.wg-voices-pause { display:block; width:fit-content; margin:24px auto 0; border:1px solid #ffffff40; border-radius:6px; background:transparent; color:white; padding:8px 14px; font:inherit; font-size:13px; cursor:pointer; }
.wg-voices-pause:hover { background:#ffffff14; }
/* Featured project cards: text on the left, artwork on the right. */
.wg-work-section { background:#0b2740; color:white; padding-top:24px; }
.wg-work-list-heading p { color:#c9d5e0; }
.wg-work-grid { display:flex; flex-direction:column; gap:16px; }
.wg-work-card { position:relative; display:grid; grid-template-columns:1fr 1fr; min-height:500px; border:1px solid #ffffff26; overflow:hidden; color:white; transition:border-color .25s ease; }
.wg-work-card:hover { border-color:#ffffff80; }
.wg-work-details { display:flex; flex-direction:column; padding:48px; border:0; border-radius:0; z-index:1; }
.wg-work-card-top { display:flex; align-items:center; gap:28px; flex-wrap:wrap; margin-bottom:60px; }
.wg-work-brand { font-size:24px; font-weight:700; margin:0; }
.wg-work-tags { gap:8px; }
.wg-work-tags p { background:#ffffff1a; color:white; font-size:12px; padding:0 10px; }
.wg-work-details h2 { margin:0 0 20px; font-size:clamp(28px,3vw,36px); line-height:1.12; font-weight:700; }
.wg-work-description { font-size:18px; line-height:1.5; color:#ffffffd9; margin:0 0 36px; }
.wg-work-card-bottom { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:auto; }
.wg-work-result p { margin:0; font-size:18px; }
.wg-work-result .wg-work-result-value { font-size:34px; font-weight:700; line-height:1.2; margin-bottom:8px; }
.wg-work-card-link { margin:0; }
.wg-work-card-link a { color:white; text-decoration:none; font-size:54px; line-height:1; }
.wg-work-card-link a::after { content:''; position:absolute; inset:0; }
.wg-work-card:focus-within { outline:3px solid #fad4db; outline-offset:4px; }
.wg-work-thumb { border-radius:0; background:transparent; min-height:500px; }
.wg-work-thumb img { height:100%; aspect-ratio:auto; object-fit:cover; object-position:top center; }
.wg-projects-cta { background:#200f38; text-align:center; }
.wg-projects-cta .wg-cta-panel { background:#fff0f3; color:#1c2141; border-radius:20px; padding:60px 24px; }
.wg-projects-cta .wg-cta-title { color:#1c2141; font-size:clamp(36px,4vw,56px); margin:0 0 24px; }
.wg-projects-cta .wg-cta-lead { color:#1c2141; font-size:22px; margin:0 0 40px; }
.wg-projects-cta .wg-contact-badge { background:white; color:#1c2141; }
.wg-projects-cta .wg-booking-strip { background:#351b50; color:white; border-radius:10px; }
@media(max-width:767px) { .wg-work-card { grid-template-columns:1fr; } .wg-work-details { padding:28px; } .wg-work-card-top { margin-bottom:32px; gap:16px; } .wg-work-thumb { min-height:0; height:320px; } .wg-work-thumb img { object-fit:cover; } .wg-work-description { font-size:17px; } .wg-projects-cta .wg-cta-lead { font-size:18px; } }
main.wg-clients-page { padding-inline:0; }
.wg-clients-page > .wp-block-post-content > * { margin-block:0; }
.wg-clients-page-hero { position:relative; overflow:hidden; background:#0b2740; color:white; padding:200px 24px 100px; min-height:650px; display:flex; align-items:center; justify-content:center; }
.wg-clients-hero-copy { position:relative; z-index:1; width:min(680px,100%); text-align:center; }
.wg-clients-hero-copy .wg-eyebrow { background:#ffffff1a; color:white; width:fit-content; margin:0 auto 28px!important; }
.wg-clients-hero-copy h1 { font-size:clamp(38px,4vw,56px); line-height:1.1; margin:0 0 28px; }
.wg-clients-hero-copy > p:not(.wg-eyebrow) { font-size:20px; line-height:1.5; }
.wg-client-rating-links { display:flex; flex-wrap:wrap; justify-content:center; gap:28px; margin-top:36px; }
.wg-client-rating-links a { color:white; text-decoration:none; }
.wg-client-rating-links span { color:#ffbc22; }
.wg-clients-hero-logos { position:absolute; inset:0; pointer-events:none; }
.wg-client-floating { position:absolute; width:160px; height:160px; background:#f5f8fa; border-radius:18px; display:flex; align-items:center; justify-content:center; padding:24px; }
.wg-client-floating:nth-child(1) { left:4%; top:190px; transform:rotate(-7deg); }
.wg-client-floating:nth-child(2) { left:10%; top:375px; background:#fad4db; transform:rotate(8deg); }
.wg-client-floating:nth-child(3) { left:-2%; top:525px; transform:rotate(-4deg); }
.wg-client-floating:nth-child(4) { right:3%; top:170px; transform:rotate(10deg); }
.wg-client-floating:nth-child(5) { right:10%; top:360px; background:#b5e6de; transform:rotate(-14deg); }
.wg-client-floating:nth-child(6) { right:-2%; top:535px; transform:rotate(5deg); }
.wg-client-floating figure { margin:0; width:100%; }
.wg-client-floating img { width:100%; max-height:80px; object-fit:contain; }
.wg-client-stories,.wg-client-results,.wg-client-reviews { padding:80px 0; background:white; color:#092540; }
.wg-clients-page .wg-container { max-width:1120px; }
.wg-client-stories h2,.wg-client-results h2,.wg-client-reviews h2 { text-align:center; font-size:clamp(32px,3vw,48px); line-height:1.15; margin:0 auto 56px; max-width:760px; }
.wg-client-stories-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.wg-client-story { position:relative; border-radius:16px; background:#351b50; color:white; overflow:hidden; min-height:310px; display:grid; grid-template-columns:55% 45%; }
.wg-client-story:nth-child(3n+2) { background:#175c65; }
.wg-client-story:nth-child(3n) { background:#6d3c70; }
.wg-client-story-photo { order:2; margin:0!important; height:100%; }
.wg-client-story-photo img { width:100%; height:100%; object-fit:cover; object-position:center; }
.wg-client-story-copy { padding:28px; }
.wg-client-story-copy h3 { font-size:24px; line-height:1.2; margin:20px 0 16px; }
.wg-client-story-copy p { font-size:15px; line-height:1.5; }
.wg-client-story-copy a { color:white; text-decoration:none; font-weight:600; }
.wg-client-story-logo { width:90px; height:40px; margin:0!important; }
.wg-client-story-logo img { width:100%; height:100%; object-fit:contain; object-position:left; }
.wg-client-facts-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.wg-client-fact { border-radius:16px; overflow:hidden; background:#f2f6f9; text-align:center; }
.wg-client-fact-logo { height:135px; padding:36px; display:flex; align-items:center; justify-content:center; }
.wg-client-fact-logo figure { margin:0; width:160px; height:65px; }
.wg-client-fact-logo img { width:100%; height:100%; object-fit:contain; }
.wg-client-fact-number { padding:26px 16px; background:#fad4db; color:#200f38; }
.wg-client-fact:nth-child(3n+2) .wg-client-fact-number { background:#a9dfd8; }
.wg-client-fact:nth-child(3n) .wg-client-fact-number { background:#c7c1f3; }
.wg-client-fact-number p { margin:0; }
.wg-client-fact-value { font-size:42px; font-weight:700; line-height:1.2; margin-bottom:8px!important; }
.wg-client-reviews { background:#f7f9fb; }
.wg-client-reviews h2 { margin-bottom:20px; }
.wg-client-reviews-intro { text-align:center; margin:0 auto 48px; color:#536778; }
.wg-client-reviews-grid { columns:3; column-gap:20px; }
.wg-client-review { break-inside:avoid; margin:0 0 20px!important; padding:30px; background:white; border:1px solid #e3ebf2; border-radius:16px; scroll-margin-top:120px; }
.wg-client-review-logo { width:100px; height:40px; margin:0 0 24px!important; }
.wg-client-review-logo img { width:100%; height:100%; object-fit:contain; object-position:left; }
.wg-client-review-quote { font-size:16px; line-height:1.6; margin:0 0 28px; }
.wg-client-review-person { display:flex; align-items:center; gap:16px; }
.wg-client-review-photo { width:48px; height:48px; flex-shrink:0; margin:0!important; }
.wg-client-review-photo img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.wg-client-review-person h3 { font-size:17px; line-height:1.3; margin:0; }
@media(max-width:1200px) { .wg-client-floating { width:120px; height:120px; } .wg-client-floating:nth-child(2),.wg-client-floating:nth-child(5) { top:480px; } }
@media(max-width:1024px) { .wg-clients-hero-logos { opacity:.25; } .wg-client-reviews-grid { columns:2; } .wg-client-story-copy { padding:22px; } }
@media(max-width:767px) { .wg-clients-page-hero { padding:145px 24px 70px; min-height:0; } .wg-clients-hero-logos { display:none; } .wg-clients-hero-copy > p:not(.wg-eyebrow) { font-size:18px; } .wg-client-stories,.wg-client-results,.wg-client-reviews { padding:56px 0; } .wg-client-stories-grid { grid-template-columns:1fr; } .wg-client-facts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .wg-client-fact-logo { height:100px; padding:20px; } .wg-client-fact-value { font-size:32px; } .wg-client-fact-number { padding:22px 12px; font-size:14px; } .wg-client-reviews-grid { columns:1; } .wg-client-story { grid-template-columns:60% 40%; } .wg-client-story-copy h3 { font-size:22px; } }

.wg-client-story,.wg-client-fact,.wg-client-floating { margin:0!important; }
.wg-client-fact-brand { font-size:26px; font-weight:700; margin:0; }

.wg-client-story-logo { background:#ffffffee; border-radius:6px; padding:6px; box-sizing:content-box; }