*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html{-moz-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-inline-size:100%}button,input,select,textarea{font:inherit}@font-face{font-display:swap;font-family:Mono-Semi;font-style:normal;src:url(/assets/fonts/IBMPlexMono-SemiBold.ttf)}@font-face{font-display:swap;font-family:Plex-Sans;font-style:normal;src:url(/assets/fonts/IBMPlexSans-Regular.ttf)}@font-face{font-display:swap;font-family:Sans-Semi;font-style:normal;src:url(/assets/fonts/IBMPlexSans-SemiBold.ttf)}:root{--color-light:#f9fcd5;--color-primary:#ffd521;--space-2xs:clamp(0.5rem,0.46rem + 0.20vw,0.625rem);--space-xs:clamp(0.75rem,0.68rem + 0.30vw,0.9375rem);--space-s:clamp(1rem,0.91rem + 0.40vw,1.25rem);--space-m:clamp(2rem,1.82rem + 0.80vw,2.5rem);--space-l:clamp(3rem,2.74rem + 1.20vw,3.75rem);--space-xl:clamp(5rem,4.56rem + 2.00vw,6.25rem);--space-2xl:clamp(8rem,7.30rem + 3.20vw,10rem);--space-3xl:clamp(13rem,11.86rem + 5.20vw,16.25rem);--space-xs-s:clamp(0.75rem,0.57rem + 0.80vw,1.25rem);--space-s-m:clamp(1rem,0.69rem + 1.40vw,1.875rem);--space-m-l:clamp(1.5rem,1.15rem + 1.60vw,2.5rem);--space-l-xl:clamp(2rem,1.39rem + 2.80vw,3.75rem);--space-l-2xl:clamp(2rem,0.95rem + 4.80vw,5rem);--space-xl-2xl:clamp(3rem,2.30rem + 3.20vw,5rem);--space-2xl-3xl:clamp(4rem,2.77rem + 5.60vw,7.5rem);--size-step-00:clamp(0.9375rem,0.85rem + 0.40vw,1.1875rem);--size-step-0:clamp(1rem,0.82rem + 0.80vw,1.5rem);--size-step-1:clamp(1.0625rem,0.78rem + 1.30vw,1.875rem);--size-step-2:clamp(1.125rem,0.69rem + 2.00vw,2.375rem);--size-step-3:clamp(1.1875rem,0.57rem + 2.80vw,2.9375rem);--size-step-4:clamp(1.25rem,0.46rem + 3.60vw,3.5rem);--size-step-5:clamp(1.375rem,0.28rem + 5.00vw,4.5rem);--size-step-6:clamp(1.5rem,0.10rem + 6.40vw,5.5rem);--size-step-7:clamp(1.625rem,-0.17rem + 8.20vw,6.75rem);--font-display:Sans-Semi,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--font-base:Plex-Sans,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--font-mono:Mono-Semi,monospace;--gutter:var(--space-s-m);--border-radius:0.5rem;--transition-base:250ms ease;--transition-movement:200ms linear;--transition-fade:200ms ease;--transition-bounce:500ms cubic-bezier(0.5,0.05,0.2,1.5);--tracking:-0.05ch;--tracking-s:-0.075ch;--transition-duration:0.3s}body{background:var(--color-light);color:var(--color-dark);font-family:var(--font-base);font-size:var(--size-step-0);letter-spacing:var(--tracking);line-height:1.4}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tracking-s);line-height:1}h1{font-size:var(--size-step-3)}h2{font-size:var(--size-step-2)}h3{font-size:var(--size-step-1)}blockquote:not([class]),li,p{max-inline-size:50ch}h1,h2,h3{max-inline-size:20ch}blockquote{border-inline-start:.8rem solid var(--color-primary);font-size:var(--size-step-2);padding:var(--space-m-l)}blockquote>*+*{margin-block-start:var(--space-m-l)}blockquote :last-child{font-family:var(--font-base);font-size:var(--size-step-1);font-style:normal}svg{block-size:2ex;flex:none;inline-size:auto}[role=list]{padding:0}a{color:currentcolor}a:hover{text-decoration:none}:focus{outline:3px solid;outline-offset:.3ch}:target{scroll-margin-top:2ex}main:focus{outline:none}article [href^=http]:not([href*="wokinghamwebsitedesigns.co.uk"]):after{background-image:url(/assets/images/icn-external.svg);background-position:50%;background-repeat:no-repeat;background-size:60% auto;block-size:1em;content:"(external link)";display:inline-block;inline-size:1em;overflow:hidden;text-indent:1em;white-space:nowrap}img,picture{height:auto}::-moz-selection{background:var(--color-primary);color:var(--color-light)}::selection{background:var(--color-primary);color:var(--color-light)}mark{background:var(--color-primary);color:var(--color-light)}.preload-transitions *{transition:none!important}.blog h1{font-size:var(--size-step-4)}.blog h2{font-size:var(--size-step-3)}.blog h3{font-size:var(--size-step-2)}.blog img{block-size:auto;max-inline-size:var(--max-img-width,100%)}.breakout{--flow-space:var(--space-m-l);--gutter:var(--space-m) var(--space-l-xl);margin-left:50%;padding-bottom:3.5rem;padding-left:var(--space-s-m);padding-right:var(--space-s-m);padding-top:3.5rem;position:relative;transform:translateX(-50%);width:calc(100% + var(--space-s-m)*2)}.breakout__action{--flow-space:var(--space-xs);flex-grow:1;padding-top:.5em}.breakout__action>*{width:100%}.breakout a{text-decoration-color:currentColor}.bg{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;height:360px;-o-object-fit:cover;object-fit:cover;width:100%}.btn{background-color:var(--color-primary);color:var(--color-light);cursor:pointer;display:flex;justify-content:center;line-height:clamp(2.875rem,5.5vw,3.5rem);min-width:11.25rem;padding:0 2rem;position:relative;text-decoration:none;z-index:10}.cut:hover{background-color:var(--color-tertiary)}.slide:before{background:var(--color-tertiary);content:"";height:100%;left:0;position:absolute;transition:width var(--transition-duration);width:0;z-index:-10}.slide:hover:before{width:100%}.cut_cta{background-color:var(--color-secondary);color:var(--color-dark)}.cut_cta:hover{background-color:var(--color-dark);color:var(--color-secondary)}.card{background:var(--color-dark);border:4px solid var(--color-dark);border-radius:var(--border-radius);color:var(--color-light);max-inline-size:unset;padding:var(--space-m-l)}.card ::-moz-selection{background:var(--color-secondary);color:var(--color-dark)}.card ::selection{background:var(--color-secondary);color:var(--color-dark)}.card h2{font-size:var(--size-step-3)}.card h2 a,.card h3 a{text-decoration:none}.card:focus-within,.card:hover{border:4px solid var(--color-primary)}.card a{text-decoration:none}.card:focus-within a:focus{outline:none}.card{position:relative}.card a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}code,pre{background:var(--color-dark);border-radius:var(--border-radius);color:var(--color-light);font-family:var(--font-mono);font-size:var(--size-step-0);padding:.125em .4em}pre[class*=language-]{padding:var(--space-s-m)}code[class*=language-]{padding:0}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:var(--color-dark);border-radius:var(--border-radius);color:var(--color-light);-webkit-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}:not(pre)>code[class*=language-]{border-radius:var(--border-radius);padding:.1em;white-space:normal}pre[class*=language-]{overflow:auto;position:relative}.language-css>code,.language-sass>code,.language-scss>code{color:#fd9170}[class*=language-] .namespace{opacity:.7}.token.atrule{color:#d2b1e7}.token.attr-name{color:#ffcb6b}.token.attr-value,.token.attribute{color:#80cbc4}.token.boolean{color:#d2b1e7}.token.builtin{color:#ffcb6b}.token.cdata,.token.char{color:#80cbc4}.token.class{color:#ffcb6b}.token.class-name,.token.color{color:#ff8b59}.token.comment{color:#779daf}.token.constant{color:#d2b1e7}.token.deleted{color:#ee979c}.token.doctype{color:#546e7a}.token.entity{color:#ee979c}.token.function{color:#d2b1e7}.token.hexcode{color:#ff8b59}.token.id,.token.important{color:#d2b1e7;font-weight:700}.token.inserted{color:#80cbc4}.token.keyword{color:#d2b1e7;font-style:italic}.token.number{color:#fd9170}.token.operator{color:#89ddff}.token.prolog{color:#546e7a}.token.property,.token.pseudo-class,.token.pseudo-element,.token.punctuation{color:#80cbc4}.token.regex{color:#ff8b59}.token.selector{color:#ee979c}.token.string{color:#f48ea2}.token.symbol{color:#d2b1e7}.token.tag,.token.unit{color:#ee979c}.token.url{color:#fd9170}.token.variable{color:#ee979c}.codepen{border:2px dashed var(--color-bg-accent);color:var(--color-text-accent);padding:var(--space-xs)}.cp_embed_wrapper{display:grid;grid-template-areas:"container";overflow:auto;place-items:center;position:relative;resize:horizontal}.cp_embed_wrapper iframe{grid-area:container;inline-size:100%}.divider-heading hr{border-top-color:var(--color-primary);margin:0!important;max-width:100%}header .menu{position:relative;z-index:1}.menu ul{--gutter:var(--space-2xs) var(--space-s-m);margin:0}.menu a{color:var(--color-dark);font-size:var(--size-step-00);font-weight:400;letter-spacing:-.04ch;text-decoration:none;text-transform:uppercase}.menu a[aria-current=page]:not([href*="#"]){text-decoration:underline;text-decoration-color:var(--color-dark);text-decoration-thickness:.3ex;text-underline-offset:.5ex}.page img{block-size:auto;border:1px solid var(--color-dark);max-inline-size:var(--max-img-width,100%)}.prose{--flow-space:var(--space-m-l);--wrapper-max-width:55rem}.prose :is(h2,h3,h4)+*{--flow-space:var(--space-s-m)}.prose .heading-anchor:is(:hover,:focus){text-decoration:underline}.prose .heading-anchor{text-decoration:none}.prose mark{background:var(--color-primary-glare)}.prose :not(.grid) li+li{margin-top:var(--space-s)}.prose :is(ul:not(.grid),ol:not(.grid)){padding-inline-start:var(--space-s)}section>.seperator:first-child{transform:rotate(180deg) translateY(-1px)}.section__inner{background:var(--spot-color,var(--color-dark));color:var(--color-light)}section blockquote{font-size:var(--size-step-4);font-weight:700;letter-spacing:var(--tracking-s);line-height:1}section :is(h1,h2,h3,blockquote){opacity:95%}.seperator{fill:var(--spot-color,var(--color-light));block-size:3.5em;display:block;inline-size:100%}.site-foot svg{height:clamp(1.25rem,1.034rem + 2.33vw,3rem);width:clamp(1.25rem,1.034rem + 2.33vw,3rem)}.site-head{flex-wrap:wrap;justify-content:space-between}.logo,.site-head{align-items:center;display:flex}.logo{display:inline-block;font-size:var(--size-step-1);font-weight:700;gap:var(--space-2xs);letter-spacing:var(--tracking-s);padding:var(--space-xs) 0;padding-left:1.125rem;padding-right:1.125rem;position:relative;text-transform:uppercase}@media (min-width:50em){.logo{padding-left:2rem;padding-right:2rem}.logo img,.logo svg{width:140px}}.header__logo{display:inline-block;padding-left:1.125rem;padding-right:1.125rem;position:relative}.header__logo *{stroke:none;display:block;height:auto;position:relative;width:4.375rem;z-index:1}@media (min-width:50em){.header__logo{padding-left:2rem;padding-right:2rem}.header__logo *{display:block;height:auto;position:relative;width:9.375rem;z-index:1}}.header__logo * .logo-prim{fill:var(--color-primary)}.header__logo * .logo-sec{fill:var(--color-secondary)}.header__logo * .logo-ter{fill:var(--color-tertiary)}.header__logo * .cls-4{isolation:isolate}.header__logo * *{transition:all var(--transition-duration) ease}.header__logo :hover .logo-top-w,.header__logo :hover .logo-ts{transform:translateY(-27px)}.header__logo :hover .logo-left-w,.header__logo :hover .logo-ls{transform:translate(-20px,13px)}.header__logo :hover .logo-right-d,.header__logo :hover .logo-rs{transform:translate(20px,13px)}.header__logo :hover .logo-left-w .logo-ter,.header__logo :hover .logo-ls,.header__logo :hover .logo-right-d .logo-prim,.header__logo :hover .logo-rs,.header__logo :hover .logo-top-w .logo-sec,.header__logo :hover .logo-ts{fill:var(--color-quaternary)}.header__logo :hover .logo-left-w .logo-prim,.header__logo :hover .logo-left-w .logo-sec,.header__logo :hover .logo-right-d .logo-sec,.header__logo :hover .logo-right-d .logo-ter,.header__logo :hover .logo-top-w .logo-prim,.header__logo :hover .logo-top-w .logo-ter{fill:var(--color-light)}.skip-link{clip:rect(1px,1px,1px,1px);block-size:1px;display:block;inline-size:1px;left:1rem;overflow:hidden;position:absolute;top:1rem;z-index:999}.skip-link:focus{clip:auto;background-color:var(--color-dark);block-size:auto;color:var(--color-light);inline-size:auto;line-height:1;overflow:visible;padding:var(--space-s-m)}.skip-link:not(:focus){clip:rect(0 0 0 0);block-size:auto;border:0;inline-size:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.servimg{height:-moz-fit-content;height:fit-content}svg #Layer_Lifetime1,svg #Layer_Lifetime4{fill:var(--color-tertiary)}svg #Layer_Lifetime4{animation:svg-anim 2s linear 0s infinite normal;transform:scale(0)}@keyframes svg-anim{0%{transform:translate(-100%)}40%{transform:translate(0)}60%{transform:translate(0)}to{transform:translate(100%,1vh)}}.gradient-text{background:conic-gradient(var(--color-primary) 0 33%,var(--color-secondary) 0 55%,#1471bb 0 70%,#ff8b59 0 87%,#c569bc 0 100%);-webkit-background-clip:text;background-clip:text;background-size:50%;color:transparent;padding:.6rem 0}.youtube-embed{aspect-ratio:16/9}.cluster{align-items:var(--cluster-vertical-alignment,center);gap:var(--gutter,var(--space-s-m));justify-content:var(--cluster-horizontal-alignment,flex-start)}.cluster,.cluster>*{display:flex;flex-wrap:wrap}.cluster>*{margin:calc(var(--space-s-l)/2*-1)}.cluster>*>*{margin:calc(var(--space-s-l)/2)}.column{display:flex;flex-direction:column}.grid{display:grid;gap:var(--gutter,var(--space-s-l));grid-template-columns:repeat(var(--grid-placement,auto-fill),minmax(var(--grid-min-item-size,16rem),1fr))}.grid[data-rows=masonry]{align-items:start;grid-template-rows:masonry}.grid[data-layout="50-50"]{--grid-placement:auto-fit;--grid-min-item-size:clamp(16rem,50vw,33rem)}.grid[data-layout=thirds]{--grid-placement:auto-fit;--grid-min-item-size:clamp(16rem,33%,20rem)}.grid[data-layout=twelfths]{display:grid;grid-template-columns:repeat(12,1fr)}.grid[data-layout="lg:10/2"]{grid-template-columns:100%}@media (min-width:50em){.grid[data-layout="lg:10/2"]{grid-template-columns:clamp(40rem,80vw,60rem)}}@media (min-width:80em){.grid[data-layout="lg:10/2"]{grid-template-columns:10fr 2fr}}.repel{align-items:var(--repel-vertical-alignment,center);display:flex;flex-wrap:wrap;gap:var(--gutter,var(--space-s-m));justify-content:space-between}.repel[data-nowrap]{flex-wrap:nowrap}.sidebar{display:flex;flex-wrap:wrap;gap:var(--gutter,var(--space-s-l))}.sidebar>:first-child{flex-basis:var(--sidebar-target-width,20rem);flex-grow:1}.sidebar>:last-child{flex-basis:0;flex-grow:999;min-width:var(--sidebar-content-min-width,50%)}.sidebar-50-50{display:flex;flex-wrap:wrap;gap:var(--gutter,var(--space-s-l))}.split-50-50>:first-child{flex-basis:var(--sidebar-target-width,20rem);flex-grow:1}.split-50-50>:last-child{flex-grow:1;min-width:var(--sidebar-content-min-width,50%)}.switcher{align-items:var(--switcher-vertical-alignment,flex-start);display:flex;flex-wrap:wrap;gap:var(--gutter,var(--space-s-l))}.switcher>*{flex-basis:calc((var(--switcher-target-container-width, 40rem) - 100%)*999);flex-grow:1}.switcher>:nth-child(n+3){flex-basis:100%}.yo-yo .sidebar{--sidebar-vertical-alignment:flex-start;--sidebar-target-width:27rem;gap:var(--space-m-l) var(--space-l-xl)}.yo-yo:nth-child(odd) .sidebar{flex-direction:row-reverse}.yo-yo .cluster img{flex-shrink:1;width:min(100%,39rem);width:clamp(100%,50%,39rem)}.yo-yo+.yo-yo{margin-top:var(--space-l)}@media (min-width:50em){.yo-yo+.yo-yo{margin-top:var(--space-2xl)}}.content{--wrapper-max-width:75rem;display:grid;grid-template-columns:1fr min(48ch,100%) 1fr}.content>*{grid-column:2}.content .breakout{grid-column:1/4;inline-size:100%}.flow>*+*{margin-block-start:var(--flow-space,1em)}.region{padding-block-end:var(--region-space-bottom,var(--space-l-2xl));padding-block-start:var(--region-space-top,var(--space-l-2xl))}.wrapper{margin-inline:auto;max-inline-size:clamp(16rem,var(--wrapper-max-width,100vw),80rem);padding-inline:var(--gutter);position:relative}.logo-rs{fill:#f99}.relative{position:relative}.bg-primary{--tw-bg-opacity:1;background-color:rgb(255 213 33/var(--tw-bg-opacity))}.p-s{padding:clamp(1rem,.91rem + .4vw,1.25rem)}.font-display{font-family:Sans-Semi,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.font-mono{font-family:Mono-Semi,monospace}.text-step-1{font-size:clamp(1.0625rem,.78rem + 1.3vw,1.875rem)}.text-step-2{font-size:clamp(1.125rem,.69rem + 2vw,2.375rem)}