/* Native Bricks compatibility; source design follows. */html{ font-size:100%; }body.hjs-bricks-page :where(.hjs-native.brxe-div){ display:block; flex:none; align-items:normal; width:auto; }body.hjs-bricks-page :where(.hjs-native.brxe-text-basic,.hjs-native.brxe-text-link,.hjs-native.brxe-heading){ width:auto; }body.hjs-bricks-page :where(span.hjs-native){ display:inline; }body.hjs-bricks-page :where(a.hjs-native){ display:inline; }body.hjs-bricks-page .hjs-native.brxe-heading{ color:inherit; }:root{--ink:#122a32;--blue:#007d9e;--pale:#eaf5f6;--line:#d8e2e4;--muted:#52666d;--paper:#fff}body.hjs-bricks-page *{box-sizing:border-box}body.hjs-bricks-page{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.65;background:var(--paper)}body.hjs-bricks-page a{color:inherit;text-decoration:none}body.hjs-bricks-page button,body.hjs-bricks-page input,body.hjs-bricks-page textarea,body.hjs-bricks-page select{font:inherit}body.hjs-bricks-page button,body.hjs-bricks-page a,body.hjs-bricks-page input,body.hjs-bricks-page textarea,body.hjs-bricks-page select,body.hjs-bricks-page summary{-webkit-tap-highlight-color:transparent}body.hjs-bricks-page a:hover{color:var(--blue)}body.hjs-bricks-page a:focus-visible,body.hjs-bricks-page button:focus-visible,body.hjs-bricks-page summary:focus-visible,body.hjs-bricks-page input:focus-visible,body.hjs-bricks-page select:focus-visible,body.hjs-bricks-page textarea:focus-visible{outline:3px solid #0099b8;outline-offset:5px}body.hjs-bricks-page button{cursor:pointer}body.hjs-bricks-page img{max-width:100%;height:auto;display:block}body.hjs-bricks-page [hidden]{display:none!important}body.hjs-bricks-page .wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}body.hjs-bricks-page .topbar{background:var(--ink);color:#fff;font-size:13px;padding:7px 0}body.hjs-bricks-page .topbar .wrap{display:flex;justify-content:space-between}body.hjs-bricks-page .topbar a:hover{color:#b9edf4}body.hjs-bricks-page header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}body.hjs-bricks-page .nav{display:flex;align-items:center;justify-content:space-between;min-height:108px}body.hjs-bricks-page .wordmark{font-size:21px;font-weight:900;letter-spacing:-1px;line-height:1.05}body.hjs-bricks-page .wordmark>span{display:block;letter-spacing:4px;font-size:26px}body.hjs-bricks-page .brand-dot{color:var(--blue)}body.hjs-bricks-page nav{display:flex;align-items:center;gap:36px;font-size:15px;font-weight:600}body.hjs-bricks-page .button{display:inline-block;padding:15px 25px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:4px;font-size:15px;font-weight:600;line-height:1.5}body.hjs-bricks-page .button:hover{background:var(--blue);border-color:var(--blue);color:#fff}body.hjs-bricks-page .button.small{padding:12px 24px}body.hjs-bricks-page .text-link{border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:15px;font-weight:600}body.hjs-bricks-page .hero{display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:center;padding-block:76px 84px}body.hjs-bricks-page .eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:1.7px;font-weight:700;margin:0 0 24px;color:var(--blue)}body.hjs-bricks-page h1:where(.hjs-native),body.hjs-bricks-page h2:where(.hjs-native),body.hjs-bricks-page h3:where(.hjs-native),body.hjs-bricks-page p{margin-top:0}body.hjs-bricks-page h1:where(.hjs-native){font-size:clamp(48px,5.5vw,80px);font-weight:500;line-height:1.04;letter-spacing:-3.5px;margin-bottom:28px}body.hjs-bricks-page h1 em{font-style:normal;color:var(--blue)}body.hjs-bricks-page h2:where(.hjs-native){font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.15;letter-spacing:-1.7px;margin-bottom:28px}body.hjs-bricks-page h3:where(.hjs-native){font-size:22px;line-height:1.3;letter-spacing:-.5px;font-weight:600}body.hjs-bricks-page .intro{font-size:18px;line-height:1.8;max-width:660px;color:var(--muted);margin-bottom:30px}body.hjs-bricks-page .actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}body.hjs-bricks-page .hero-foot{font-size:12px;margin:34px 0 0;color:var(--muted)}body.hjs-bricks-page .hero-art{background:var(--pale);border-radius:6px;overflow:hidden;padding:24px 28px}body.hjs-bricks-page .art-label{font-size:12px;display:flex;justify-content:space-between;gap:16px}body.hjs-bricks-page .art-label span{font-size:10px;letter-spacing:1px}body.hjs-bricks-page .hero-art img{width:100%;height:355px;object-fit:contain;mix-blend-mode:multiply;margin:15px auto}body.hjs-bricks-page .art-bottom{border-top:1px solid #b8d4d9;padding-top:18px;display:flex;justify-content:space-between;gap:25px;font-size:14px;line-height:1.4}body.hjs-bricks-page .art-bottom>a{font-size:12px;max-width:110px;text-decoration:underline;text-underline-offset:4px}body.hjs-bricks-page .service-strip{background:var(--pale);border-block:1px solid #d3e7ea;font-size:16px}body.hjs-bricks-page .service-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:23px}body.hjs-bricks-page .service-strip span{color:var(--blue)}body.hjs-bricks-page .section{padding-block:86px}body.hjs-bricks-page .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:40px}body.hjs-bricks-page .section-head h2:where(.hjs-native){margin:0}body.hjs-bricks-page .section-head>p{max-width:355px;color:var(--muted);margin-bottom:3px}body.hjs-bricks-page .section-head .eyebrow{margin-bottom:16px}body.hjs-bricks-page .service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}body.hjs-bricks-page .service-card{padding:30px 24px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;transition:background .15s}body.hjs-bricks-page .service-card:hover{background:var(--pale);color:var(--ink)}body.hjs-bricks-page .service-card .index{font-size:13px;color:var(--blue);margin-bottom:36px}body.hjs-bricks-page .service-card p{font-size:15px;color:var(--muted);flex:1}body.hjs-bricks-page .service-card h3:where(.hjs-native){font-size:23px}body.hjs-bricks-page .service-card .text-link{font-size:13px;margin-top:20px}body.hjs-bricks-page .portfolio-bg{background:#f4f7f7}body.hjs-bricks-page .projects{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 28px}body.hjs-bricks-page .project img{width:100%;height:370px;object-fit:contain;background:white;padding:30px;border:1px solid #e4e9ea;border-radius:4px;transition:transform .2s}body.hjs-bricks-page .project a:hover img{transform:translateY(-4px)}body.hjs-bricks-page .project> a>div{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:20px}body.hjs-bricks-page .project h3:where(.hjs-native){font-size:19px;margin:0}body.hjs-bricks-page .project span{font-size:13px;color:var(--muted);white-space:nowrap}body.hjs-bricks-page .review{display:grid;grid-template-columns:1fr 1.5fr;gap:100px;padding-block:95px;border-bottom:1px solid var(--line)}body.hjs-bricks-page .review figure{margin:0}body.hjs-bricks-page .stars{color:var(--blue);font-size:20px;letter-spacing:3px}body.hjs-bricks-page blockquote{font-size:25px;line-height:1.6;letter-spacing:-.5px;margin:22px 0 26px}body.hjs-bricks-page figcaption{font-size:14px;font-weight:700}body.hjs-bricks-page figcaption span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}body.hjs-bricks-page .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:48px}body.hjs-bricks-page .steps>div{border-top:1px solid var(--line);padding-top:22px}body.hjs-bricks-page .steps span{font-size:14px;color:var(--blue);display:block;margin-bottom:30px}body.hjs-bricks-page .steps p{color:var(--muted);font-size:16px}body.hjs-bricks-page .cta{padding:65px;background:var(--ink);border-radius:5px;margin-block:20px 80px;color:#fff;position:relative}body.hjs-bricks-page .cta .eyebrow{color:#99dce7}body.hjs-bricks-page .cta h2:where(.hjs-native){font-size:52px;margin-bottom:0}body.hjs-bricks-page .cta .button{position:absolute;right:65px;bottom:67px}body.hjs-bricks-page .button.light{background:#fff;color:var(--ink);border-color:white}body.hjs-bricks-page .button.light:hover{background:#d5f1f5}body.hjs-bricks-page footer{background:#f4f7f7;padding-top:65px}body.hjs-bricks-page .footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1.2fr;gap:55px;padding-bottom:55px}body.hjs-bricks-page .footer-grid h3:where(.hjs-native){font-size:14px;margin-bottom:20px}body.hjs-bricks-page .footer-grid a{display:block;font-size:14px;overflow-wrap:anywhere;margin-bottom:8px}body.hjs-bricks-page .footer-grid p{font-size:14px;color:var(--muted)}body.hjs-bricks-page .footer-note{font-size:14px;letter-spacing:0;font-weight:400;line-height:1.7;margin-top:22px}body.hjs-bricks-page .foot-bottom{display:flex;gap:30px;padding-block:20px;border-top:1px solid var(--line);font-size:12px}body.hjs-bricks-page .foot-bottom span{margin-right:auto}body.hjs-bricks-page .services-menu summary{cursor:pointer;list-style:none}body.hjs-bricks-page .services-menu summary::-webkit-details-marker{display:none}body.hjs-bricks-page .services-menu summary span{margin-left:8px}body.hjs-bricks-page .mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1240px,calc(100% - 48px));background:#fff;box-shadow:0 20px 45px #122a3220;border:1px solid var(--line);border-radius:0 0 6px 6px;display:grid;grid-template-columns:250px 1fr;padding:20px;gap:35px}body.hjs-bricks-page .categories{background:#f4f7f7;padding:12px}body.hjs-bricks-page .category{border:0;background:none;width:100%;text-align:left;padding:18px 15px;border-radius:3px;font-size:15px;display:flex;justify-content:space-between;color:var(--ink)}body.hjs-bricks-page .category.selected{background:white;color:var(--blue);box-shadow:0 2px 8px #122a3210}body.hjs-bricks-page .categories>a{display:block;margin:25px 15px 10px;font-size:14px;color:var(--blue)}body.hjs-bricks-page .menu-panel{display:grid;grid-template-columns:1fr 235px;gap:35px;padding:18px 15px}body.hjs-bricks-page .menu-links{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;margin-top:25px}body.hjs-bricks-page .menu-links a{font-size:15px}body.hjs-bricks-page .menu-panel .eyebrow{margin-bottom:10px}body.hjs-bricks-page .all-services{font-size:19px}body.hjs-bricks-page .menu-feature img{width:100%;height:180px;object-fit:contain;background:var(--pale);border-radius:4px;padding:10px;margin-bottom:15px}body.hjs-bricks-page .menu-feature strong{font-size:16px}body.hjs-bricks-page .menu-type{background:var(--ink);color:white;padding:30px 20px;font-size:24px;margin-bottom:15px}body.hjs-bricks-page .page-hero{padding-block:80px 60px;border-bottom:1px solid var(--line)}body.hjs-bricks-page .page-hero h1:where(.hjs-native){max-width:950px;font-size:clamp(44px,5vw,70px)}body.hjs-bricks-page .page-hero .intro{max-width:760px}body.hjs-bricks-page .breadcrumb{display:block;font-size:14px;color:var(--muted);margin-bottom:30px;text-decoration:underline}body.hjs-bricks-page .narrow{max-width:860px}body.hjs-bricks-page .faq{padding:22px 0;border-bottom:1px solid var(--line)}body.hjs-bricks-page .faq summary{font-weight:600;cursor:pointer;font-size:18px}body.hjs-bricks-page .faq p{margin:18px 0 0;color:var(--muted)}body.hjs-bricks-page .filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}body.hjs-bricks-page .filter{background:white;color:var(--ink);border:1px solid var(--line);border-radius:3px;padding:10px 20px}body.hjs-bricks-page .filter.active{background:var(--ink);color:white;border-color:var(--ink)}body.hjs-bricks-page .case-note{border:1px solid var(--line);background:#fff;padding:38px;max-width:740px}body.hjs-bricks-page .case-note p{max-width:580px}body.hjs-bricks-page .about-grid,body.hjs-bricks-page .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}body.hjs-bricks-page .contact-grid a{overflow-wrap:anywhere}body.hjs-bricks-page .contact-grid form{background:var(--pale);padding:40px;border-radius:5px}body.hjs-bricks-page .contact-grid h2:where(.hjs-native){font-size:34px}body.hjs-bricks-page label{display:block;font-size:14px;font-weight:600;margin:20px 0 7px}body.hjs-bricks-page input,body.hjs-bricks-page select,body.hjs-bricks-page textarea{width:100%;padding:12px;border:1px solid #aec4ca;border-radius:3px;background:white;color:var(--ink)}body.hjs-bricks-page textarea{resize:vertical}body.hjs-bricks-page .form-note{font-size:13px;margin-top:20px;color:var(--muted)}body.hjs-bricks-page #form-status{font-size:14px;margin-top:18px}body.hjs-bricks-page .skip{position:absolute;left:-9999px}body.hjs-bricks-page .skip:focus{left:15px;top:15px;background:white;padding:12px;z-index:100}
@media(min-width:1600px){body.hjs-bricks-page .hero{padding-block:100px}body.hjs-bricks-page .hero-art img{height:410px}}
@media(max-width:1050px){body.hjs-bricks-page .wrap{width:calc(100% - 48px)}body.hjs-bricks-page .hero{gap:30px}body.hjs-bricks-page h1:where(.hjs-native){letter-spacing:-2px}body.hjs-bricks-page .hero-art{padding:20px}body.hjs-bricks-page .hero-art img{height:280px}body.hjs-bricks-page .art-label span{display:none}body.hjs-bricks-page .service-grid{grid-template-columns:repeat(2,1fr)}body.hjs-bricks-page .review{gap:50px}body.hjs-bricks-page .cta h2:where(.hjs-native){font-size:42px}body.hjs-bricks-page .cta .button{position:static;margin-top:25px}body.hjs-bricks-page .mega{grid-template-columns:200px 1fr;gap:10px}body.hjs-bricks-page .menu-panel{grid-template-columns:1fr 180px;gap:15px}body.hjs-bricks-page .contact-grid{gap:40px}body.hjs-bricks-page .project>a>div{display:block}body.hjs-bricks-page .project span{display:block;margin-top:6px}}
@media(max-width:700px){body.hjs-bricks-page .wrap{width:calc(100% - 36px)}body.hjs-bricks-page .topbar{font-size:11px}body.hjs-bricks-page .nav{min-height:94px;gap:15px}body.hjs-bricks-page .wordmark{font-size:14px;letter-spacing:-.5px}body.hjs-bricks-page .wordmark>span{font-size:18px;letter-spacing:2px}body.hjs-bricks-page nav{gap:16px;font-size:14px;flex-wrap:wrap;justify-content:flex-end}body.hjs-bricks-page nav>a:not(.button){display:none}body.hjs-bricks-page .button.small{padding:10px 14px;font-size:13px}body.hjs-bricks-page .hero{grid-template-columns:1fr;padding-block:48px;gap:35px}body.hjs-bricks-page h1:where(.hjs-native){font-size:58px;letter-spacing:-3px}body.hjs-bricks-page .intro{font-size:17px}body.hjs-bricks-page .hero .eyebrow{font-size:11px}body.hjs-bricks-page .hero-foot{margin-top:24px}body.hjs-bricks-page .hero-art img{height:285px}body.hjs-bricks-page .hero-art{padding:23px}body.hjs-bricks-page .art-label span{display:block;font-size:9px}body.hjs-bricks-page .actions{gap:20px}body.hjs-bricks-page .service-strip .wrap{flex-wrap:wrap;justify-content:center;font-size:13px;gap:10px 17px}body.hjs-bricks-page .service-strip span:nth-of-type(2){display:none}body.hjs-bricks-page .section{padding-block:55px}body.hjs-bricks-page .section-head{display:block;margin-bottom:30px}body.hjs-bricks-page .section-head>p,body.hjs-bricks-page .section-head>.text-link{margin-top:22px;display:block}body.hjs-bricks-page .service-card{padding:25px 18px}body.hjs-bricks-page .service-card h3:where(.hjs-native){font-size:20px}body.hjs-bricks-page .service-card .index{margin-bottom:25px}body.hjs-bricks-page .service-card .text-link{font-size:12px}body.hjs-bricks-page .projects{grid-template-columns:1fr;gap:32px}body.hjs-bricks-page .project img{height:340px}body.hjs-bricks-page .review{grid-template-columns:1fr;gap:32px;padding-block:55px}body.hjs-bricks-page .review h2 br{display:none}body.hjs-bricks-page blockquote{font-size:23px}body.hjs-bricks-page .steps{grid-template-columns:1fr;gap:20px;margin-top:32px}body.hjs-bricks-page .steps span{margin-bottom:14px}body.hjs-bricks-page .steps h3:where(.hjs-native){margin-bottom:14px}body.hjs-bricks-page .cta{padding:35px 25px;margin-block:15px 50px}body.hjs-bricks-page .cta h2:where(.hjs-native){font-size:38px}body.hjs-bricks-page .footer-grid{grid-template-columns:1fr 1fr;gap:35px}body.hjs-bricks-page .footer-grid>div:last-child{grid-column:1/-1}body.hjs-bricks-page .foot-bottom{flex-wrap:wrap;gap:15px}body.hjs-bricks-page .foot-bottom span{width:100%}body.hjs-bricks-page .mega{width:calc(100% - 20px);grid-template-columns:1fr;padding:10px;gap:5px;max-height:75vh;overflow:auto}body.hjs-bricks-page .categories{display:grid;grid-template-columns:1fr 1fr;padding:5px;gap:3px}body.hjs-bricks-page .category{padding:10px;font-size:13px}body.hjs-bricks-page .categories>a{grid-column:1/-1;margin:8px 10px}body.hjs-bricks-page .menu-panel{display:block;padding:15px}body.hjs-bricks-page .menu-feature{display:none}body.hjs-bricks-page .menu-links{gap:18px}body.hjs-bricks-page .page-hero{padding-block:50px 40px}body.hjs-bricks-page .page-hero h1:where(.hjs-native){font-size:45px;letter-spacing:-2px}body.hjs-bricks-page .about-grid,body.hjs-bricks-page .contact-grid{grid-template-columns:1fr;gap:25px}body.hjs-bricks-page .contact-grid form{padding:24px}body.hjs-bricks-page .eyebrow{font-size:11px}body.hjs-bricks-page .filters{gap:8px}body.hjs-bricks-page .filter{font-size:13px;padding:9px 13px}body.hjs-bricks-page .case-note{padding:25px}}
@media(prefers-reduced-motion:reduce){body.hjs-bricks-page *{transition:none!important;scroll-behavior:auto!important}}body.hjs-bricks-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}body.hjs-bricks-page .honey{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}body.hjs-bricks-page .contact-phone{font-size:30px;font-weight:600}body.hjs-bricks-page .form-note a{text-decoration:underline}body.hjs-bricks-page button:disabled{opacity:.65;cursor:wait}@media(max-width:700px){body.hjs-bricks-page .form-row{grid-template-columns:1fr;gap:0}}
/* IT service navigation and overview layouts */body.hjs-bricks-page .it-services{grid-template-columns:repeat(3,minmax(0,1fr))}body.hjs-bricks-page .home-services{grid-template-columns:repeat(6,minmax(0,1fr))}body.hjs-bricks-page .home-services .service-card{grid-column:span 2}body.hjs-bricks-page .home-services .service-card:nth-last-child(-n+2){grid-column:span 3}body.hjs-bricks-page #enquiry-form{scroll-margin-top:24px}
@media(max-width:700px){body.hjs-bricks-page .it-services{grid-template-columns:1fr}body.hjs-bricks-page .home-services{grid-template-columns:repeat(2,minmax(0,1fr))}body.hjs-bricks-page .home-services .service-card{grid-column:span 1}body.hjs-bricks-page .home-services .service-card:nth-last-child(-n+2){grid-column:span 1}body.hjs-bricks-page .home-services .service-card:last-child{grid-column:1/-1}}
/* Marketing and IT transformation: equal prominence across the site. */body.hjs-bricks-page .hero{grid-template-columns:1.1fr 1fr}body.hjs-bricks-page .hero h1:where(.hjs-native){font-size:clamp(46px,5vw,72px)}body.hjs-bricks-page .focus-panel{border:1px solid var(--line);border-radius:5px;overflow:hidden}body.hjs-bricks-page .focus-panel>a{display:block;padding:30px;background:var(--pale)}body.hjs-bricks-page .focus-panel>a+ a{border-top:1px solid var(--line);background:#f4f7f7}body.hjs-bricks-page .focus-panel .eyebrow{margin-bottom:14px}body.hjs-bricks-page .focus-panel h2:where(.hjs-native){font-size:32px;margin-bottom:16px}body.hjs-bricks-page .focus-panel p:not(.eyebrow){font-size:15px;color:var(--muted)}body.hjs-bricks-page .pillar-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:5px}body.hjs-bricks-page .pillar-grid article{padding:38px}body.hjs-bricks-page .pillar-grid article+article{border-left:1px solid var(--line)}body.hjs-bricks-page .pillar-grid h3:where(.hjs-native){font-size:30px}body.hjs-bricks-page .pillar-grid p{color:var(--muted)}body.hjs-bricks-page .pillar-links{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-top:24px}body.hjs-bricks-page .pillar-links a{padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}body.hjs-bricks-page .service-strip .wrap{flex-wrap:wrap}body.hjs-bricks-page .it-services{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){body.hjs-bricks-page .hero{grid-template-columns:1fr}body.hjs-bricks-page .hero h1:where(.hjs-native){font-size:48px}body.hjs-bricks-page .focus-panel>a{padding:25px}body.hjs-bricks-page .pillar-grid{grid-template-columns:1fr}body.hjs-bricks-page .pillar-grid article{padding:25px}body.hjs-bricks-page .pillar-grid article+article{border-left:0;border-top:1px solid var(--line)}body.hjs-bricks-page .pillar-links{grid-template-columns:1fr}body.hjs-bricks-page .it-services{grid-template-columns:1fr}}body.hjs-bricks-page .pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.hjs-bricks-page .pillar-grid article{padding:30px}body.hjs-bricks-page .pillar-links{grid-template-columns:1fr}body.hjs-bricks-page .focus-panel h2:where(.hjs-native){font-size:27px}body.hjs-bricks-page .focus-panel>a{padding:24px 28px}body.hjs-bricks-page .hero{align-items:start}body.hjs-bricks-page .hero-copy{padding-top:40px}@media(max-width:900px){body.hjs-bricks-page .pillar-grid{grid-template-columns:1fr}body.hjs-bricks-page .pillar-grid article+article{border-left:0;border-top:1px solid var(--line)}}@media(max-width:700px){body.hjs-bricks-page .hero-copy{padding-top:0}}
/* Real website previews and clearly labelled illustrative ad reporting. */body.hjs-bricks-page .website-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}body.hjs-bricks-page .website-case{min-width:0}body.hjs-bricks-page .browser-mockup{display:block;border:1px solid #ccdadd;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 12px 25px #122a3210;transition:transform .2s}body.hjs-bricks-page .browser-mockup:hover{transform:translateY(-4px)}body.hjs-bricks-page .browser-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 17px;background:#e6edef;font-size:12px;color:#53686f}body.hjs-bricks-page .browser-toolbar>span:first-child{letter-spacing:3px;color:#879b9f;font-size:9px}body.hjs-bricks-page .browser-mockup img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}body.hjs-bricks-page .website-caption{padding:24px 2px}body.hjs-bricks-page .website-caption .eyebrow{margin-bottom:9px}body.hjs-bricks-page .website-caption h3:where(.hjs-native){font-size:27px;margin-bottom:12px}body.hjs-bricks-page .website-caption p:not(.eyebrow){color:var(--muted);font-size:16px}body.hjs-bricks-page .website-caption .project-note{font-size:13px!important}body.hjs-bricks-page .ad-examples{display:grid;gap:32px}body.hjs-bricks-page .ad-example{margin:0;max-width:1000px}body.hjs-bricks-page .ad-example img{width:100%;height:auto;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #122a320a}body.hjs-bricks-page .ad-example figcaption{padding-top:18px}body.hjs-bricks-page .ad-example figcaption strong{font-size:15px}body.hjs-bricks-page .ad-example figcaption p{font-size:14px;font-weight:400;color:var(--muted);margin-top:6px}body.hjs-bricks-page .campaign-examples>.intro{max-width:740px}@media(max-width:700px){body.hjs-bricks-page .website-gallery{grid-template-columns:1fr}body.hjs-bricks-page .browser-toolbar{padding:10px 12px;font-size:11px}body.hjs-bricks-page .ad-example figcaption strong{font-size:14px}}

/* Native form layout */body.hjs-bricks-page .brxe-form.hjs-native{ display:flex; flex-wrap:wrap; gap:0; width:100%; }body.hjs-bricks-page .brxe-form.hjs-native .form-group{ width:100%; padding-bottom:18px; }body.hjs-bricks-page .brxe-form.hjs-native label{ display:block; margin-bottom:6px; font-size:14px; font-weight:600; }body.hjs-bricks-page .brxe-form.hjs-native input,body.hjs-bricks-page .brxe-form.hjs-native select,body.hjs-bricks-page .brxe-form.hjs-native textarea{ width:100%; border:1px solid var(--line); border-radius:4px; padding:12px; background:#fff; color:var(--ink); font:inherit; }body.hjs-bricks-page .brxe-form.hjs-native textarea{ min-height:130px; }body.hjs-bricks-page .brxe-form.hjs-native button[type=submit]{ padding:15px 25px; background:var(--ink); color:#fff; border-radius:4px; font:inherit; }body.hjs-bricks-page .brxe-form.hjs-native button[type=submit]:hover{ background:var(--blue); }
