.homepage-hero[data-astro-cid-glgfkru5]{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(36px,4vw,64px);padding-top:38px;padding-bottom:64px;display:grid}.homepage-hero[data-astro-cid-glgfkru5] h1[data-astro-cid-glgfkru5]{letter-spacing:-.035em;margin:0 0 1.4rem;font-size:clamp(3.1rem,5.5vw,5.8rem);line-height:1.02}.homepage-hero[data-astro-cid-glgfkru5] h1[data-astro-cid-glgfkru5] em[data-astro-cid-glgfkru5]{color:#a83b29;font-style:normal}.homepage-hero-copy[data-astro-cid-glgfkru5] p[data-astro-cid-glgfkru5]{max-width:35rem;font-size:clamp(1.05rem,1.25vw,1.2rem);line-height:1.6}.homepage-hero-actions[data-astro-cid-glgfkru5]{flex-wrap:wrap;align-items:center;gap:24px;margin-top:26px;display:flex}.hero-work[data-astro-cid-glgfkru5]{min-width:0}.hero-work-backdrop[data-astro-cid-glgfkru5]{background:#e5d9e9;border-radius:38% 12% 27%/18% 12% 21% 16%;padding:22px 22px 16px}.hero-browser[data-astro-cid-glgfkru5]{background:#faf6ef;border:1px solid #09243630;border-radius:18px;overflow:hidden;box-shadow:0 20px 45px #071d3129}.hero-chrome[data-astro-cid-glgfkru5]{background:#fbf6ef;align-items:center;gap:5px;height:28px;padding:0 12px;display:flex}.hero-chrome[data-astro-cid-glgfkru5] i[data-astro-cid-glgfkru5]{background:#a997a5;border-radius:50%;width:6px;height:6px}.hero-chrome[data-astro-cid-glgfkru5] span[data-astro-cid-glgfkru5]{color:#6c6370;letter-spacing:.06em;margin:auto;font-size:.65rem}.hero-project[data-astro-cid-glgfkru5][hidden]{display:none}.hero-work[data-astro-cid-glgfkru5] .project-video-preview{margin:0}.hero-work[data-astro-cid-glgfkru5] .preview-window{box-shadow:none;aspect-ratio:64/45;border:0;border-radius:0}.hero-work-footer[data-astro-cid-glgfkru5]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:15px 5px 0;display:flex}.hero-project-options[data-astro-cid-glgfkru5]{gap:20px;display:flex}.hero-project-options[data-astro-cid-glgfkru5][hidden]{display:none}.hero-project-options[data-astro-cid-glgfkru5] button[data-astro-cid-glgfkru5]{font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:0;border-bottom:2px solid #0000;padding:7px 0}.hero-project-options[data-astro-cid-glgfkru5] button[data-astro-cid-glgfkru5][aria-pressed=true]{border-color:#a83b29}.hero-work-footer[data-astro-cid-glgfkru5] .text-link[data-astro-cid-glgfkru5]{font-size:.85rem}.hero-work[data-astro-cid-glgfkru5] button[data-astro-cid-glgfkru5]:focus-visible{outline-offset:3px;outline:3px solid #a83b29}@media (width<=900px){.homepage-hero[data-astro-cid-glgfkru5]{grid-template-columns:1fr;gap:30px;padding-top:24px;padding-bottom:45px}.homepage-hero[data-astro-cid-glgfkru5] h1[data-astro-cid-glgfkru5]{font-size:clamp(2.8rem,9vw,4.8rem)}.homepage-hero-copy[data-astro-cid-glgfkru5] p[data-astro-cid-glgfkru5]{max-width:40rem}.hero-work-backdrop[data-astro-cid-glgfkru5]{padding:14px}.hero-work-footer[data-astro-cid-glgfkru5]{gap:8px}.hero-project-options[data-astro-cid-glgfkru5]{gap:14px}}@media (width<=360px){.homepage-hero-actions[data-astro-cid-glgfkru5]{gap:14px}.hero-work-footer[data-astro-cid-glgfkru5]{flex-direction:column;align-items:flex-start}}.service-scenes{--scene-accent:#286b4e;background:color-mix(in srgb,var(--scene-accent) 14%,#f7f1e6);color:var(--ink);border-block:1px solid #071d3110;padding-block:2.5rem;transition:background-color .35s}.scene-heading{margin-bottom:.9rem}.php-version .scene-heading h2{overflow-wrap:normal;max-width:100%;min-height:0;margin:0;font-size:clamp(2.2rem,4.2vw,4rem);line-height:1.08}.scene-heading h2 em{font:inherit;color:var(--scene-accent)}.scene-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.scene-layout>*{min-width:0}.scene-artwork{aspect-ratio:4/3;isolation:isolate;touch-action:pan-y;width:100%;max-height:410px;position:relative}.scene-canvas{pointer-events:none;position:absolute;inset:0}.scene-props{z-index:2;position:absolute;inset:0}.scene-props[hidden],.scene-copy[hidden]{display:none}.scene-blob{background:var(--scene-accent);opacity:.22;z-index:0;border-radius:42% 58% 55% 45%;width:32%;height:42%;transition:background-color .35s,border-radius .35s,transform .35s;position:absolute;bottom:4%;left:9%;transform:rotate(-12deg)}.service-scenes[data-scene-index="1"] .scene-blob{border-radius:58% 42% 45% 55%;transform:rotate(8deg)}.service-scenes[data-scene-index="2"] .scene-blob{border-radius:40% 60% 55% 45%;transform:rotate(-5deg)}.service-scenes[data-scene-index="3"] .scene-blob{border-radius:60% 40% 42% 58%;transform:rotate(12deg)}.service-scenes[data-scene-index="4"] .scene-blob{border-radius:45% 55% 60% 40%;transform:rotate(-8deg)}.scene-character{object-fit:contain;z-index:3;width:auto;height:30%;position:absolute;bottom:9%;left:25%;transform:translate(-50%)}.scene-symbol{background-image:url(/images/services/service-symbols-flyer.webp);background-repeat:no-repeat;width:65%;position:absolute;top:9%;left:27%}.scene-symbol-0{aspect-ratio:530/450;background-position:1.988% 13.066%;background-size:289.811% 227.556%}.scene-symbol-1{aspect-ratio:440/445;background-position:52.007% 12.953%;background-size:349.091% 230.112%;width:53%;left:35%}.scene-symbol-2{aspect-ratio:500/410;background-position:98.938% 16.287%;background-size:307.2% 249.756%}.scene-symbol-3{aspect-ratio:500/480;background-position:2.413% 95.588%;background-size:307.2% 213.333%;width:57%;top:5%;left:34%}.scene-symbol-4{aspect-ratio:520/440;background-position:52.165% 92.466%;background-size:295.385% 232.727%}.scene-copy{max-width:38ch;margin:0}.scene-copy>p{margin:0 0 1.3rem;font-size:1.05rem;line-height:1.65}.scene-copy .button{gap:16px;padding:.8rem 1rem;font-size:.875rem}.scene-copy+.scene-copy{margin-top:1.5rem}.service-scenes[data-ready] .scene-copy{margin:0}.scene-edge-controls button{width:44px;height:44px;color:var(--ink);cursor:pointer;z-index:4;background:#fffaf2dc;border:1px solid #071d3130;border-radius:50%;place-items:center;padding:12px;display:grid;position:absolute;top:45%;box-shadow:0 3px 9px #071d3110}.scene-edge-controls svg{fill:none;stroke:currentColor;stroke-width:2px;width:20px;height:20px}.scene-prev{left:0}.scene-next{right:0}.scene-edge-controls button:hover{border-color:var(--scene-accent);background:#fffaf2}.scene-selectors{justify-content:center;align-items:center;gap:3px;margin:0;display:flex}.scene-selectors button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;min-height:32px;padding:8px;display:grid}.scene-selectors button span{background:#071d312b;border-radius:10px;width:18px;height:5px;display:block}.scene-selectors button[aria-pressed=true] span{background:var(--scene-accent);height:7px}.scene-selectors button:hover span{background:var(--scene-accent)}.scene-edge-controls[hidden],.scene-selectors[hidden]{display:none}.scene-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=800px){.service-scenes{padding-block:1.8rem}.scene-layout{grid-template-columns:1fr;gap:16px}.scene-heading{margin-bottom:0}.scene-artwork{max-width:560px;max-height:none;margin-inline:auto}.scene-copy{max-width:none}.scene-copy>p{margin-bottom:1rem;font-size:1rem;line-height:1.6}.scene-copy .button{min-height:44px}.scene-symbol{top:7%}.scene-selectors{margin-top:-4px}.php-version .scene-heading h2{font-size:clamp(2rem,6vw,3rem)}}@media (prefers-reduced-motion:reduce){.service-scenes,.scene-blob{transition:none}}@media (width<=480px){.scene-symbol{background-image:image-set("/images/optimised/service-symbols-768.webp" 1x,"/images/services/service-symbols-flyer.webp" 2x)}}.scene-heading h2{grid-template-columns:max-content minmax(0,1fr);align-items:start;column-gap:.22em;display:grid}.scene-prefix{white-space:nowrap}.scene-word-window{min-width:0;min-height:1.08em;display:block;position:relative;overflow:hidden}.scene-word-track{width:100%;height:100%;display:block;position:relative}.scene-heading h2 .scene-word{max-width:none;font:inherit;letter-spacing:inherit;font-style:normal;line-height:inherit;overflow-wrap:anywhere;margin:0;display:block;position:absolute;top:0;left:0}.service-scenes:not([data-ready]) .scene-word{position:relative}@media (width<=800px){.scene-heading h2{grid-template-columns:minmax(0,1fr)}.scene-word-window{margin-bottom:.2em}}.php-home-strip[data-astro-cid-lcdefpme]{background:#e6dbea;padding:25px 0}.php-home-strip[data-astro-cid-lcdefpme] .shell[data-astro-cid-lcdefpme]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.php-home-strip[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{margin:0}
