.card{height:100%;position:relative;perspective:1000px;-webkit-perspective:1000px;container-type:inline-size;container-name:card}.card[data-style=more]:before{background-color:var(--colour-pink);border-radius:2.5rem;border-radius:clamp(1.25rem,4vw,2.5rem);content:"";display:block;height:100%;opacity:0;position:absolute;right:0;top:0;transform:translate(0) rotateY(0) scale(.9);transform-origin:right center;transform-style:preserve-3d;-webkit-transform:preserve-3d;width:100%;z-index:0;transition:opacity var(--transition) var(--easing-basic),transform var(--transition) var(--easing-basic);transition-delay:0s}.card[data-style=more].flipped:before,.card[data-style=more]:has(.card--reverse .card--bubble:focus-visible):before{opacity:1;transform:translate(2rem) rotateY(-25deg) scale(1.1);transition-delay:.125s}.card[data-style=more].flipped .card--inner,.card[data-style=more]:has(.card--reverse .card--bubble:focus-visible) .card--inner{transform:rotateY(180deg)}.card[data-style=more].flipped .card--reverse,.card[data-style=more]:has(.card--reverse .card--bubble:focus-visible) .card--reverse{transform:rotateY(360deg)}.card[data-colour=blue]:before{background-color:var(--colour-blue)}.card[data-colour=purple]:before{background-color:var(--colour-purple)}.card[data-colour=grey]:before{background-color:var(--colour-grey-dark)}.card[data-colour=salmon]:before{background-color:var(--colour-salmon)}.card[data-style=news][gradient]:before{background:var(--colour-purple);background:linear-gradient(90deg,#5ed0f6,#6476fc,#7d24ff,#6476fc 75%,#5ed0f6 90%);background-position:0 0;background-size:300% 100%;border-radius:2.5rem;border-radius:clamp(1.25rem,4vw,2.5rem);content:"";display:block;height:7rem;margin-block-end:-6.2rem;position:relative;translate:0 0;transition:translate var(--transition) var(--easing-basic)}.card[data-style=news]:nth-child(2n):before{background:linear-gradient(90deg,#9323fc,#e898e3,#fef3c8,#e898e3 75%,#9323fc 90%);background-position:0 0;background-size:300% 100%}.card[data-style=news]:hover:before{animation:gradientSlide 5s linear infinite}.card[data-style=news]:has(a:hover,a:focus-within):before{translate:0 -.25rem;animation:gradientSlide 5s linear infinite}.card[data-style=news]:has(a:hover,a:focus-within) .card--inner{box-shadow:0 .5rem .5rem -.25rem var(--colour-grey)}@keyframes gradientSlide{0%{background-position:0 0}to{background-position:300% 0}}.card--inner,.card--reverse{backface-visibility:hidden;-webkit-backface-visibility:hidden!important;border-radius:2.5rem;border-radius:clamp(1.25rem,4vw,2.5rem);display:flex;flex-direction:column;justify-content:flex-start;height:100%;padding:clamp(1.75rem,5vw,2.5rem);padding-block-start:2.5rem;transition:transform var(--transition) var(--easing)}[data-style=more] .card--inner,[data-style=more] .card--reverse{padding:clamp(1.25rem,3vw,1.6875rem);padding-block-start:2.5rem}.card--inner{background:var(--colour-pink);background:linear-gradient(150deg,var(--colour-pink) 0%,var(--colour-pink-bright) 100%);color:var(--white);position:relative;transform:rotateY(0);z-index:10;overflow:hidden}.card--inner:before{aspect-ratio:1/1;background-color:var(--colour-pink-light);border-radius:100%;content:"";display:block;filter:blur(5rem);position:absolute;right:0;top:0;translate:50% -60%;width:clamp(14.375rem,50%,30rem);z-index:1}[data-colour=blue] .card--inner{background:var(--colour-blue);background:linear-gradient(150deg,var(--colour-blue) 0%,var(--colour-blue-bright) 100%)}[data-colour=blue] .card--inner:before{background-color:var(--colour-blue-light)}[data-colour=purple] .card--inner{background:var(--colour-purple);background:linear-gradient(150deg,var(--colour-purple) 0%,var(--colour-purple-bright) 100%)}[data-colour=purple] .card--inner:before{background-color:var(--colour-purple-light)}[data-colour=grey] .card--inner{background:var(--colour-grey-dark);background:linear-gradient(150deg,var(--colour-grey-dark) 0%,var(--colour-grey) 100%)}[data-colour=grey] .card--inner:before{background-color:var(--white)}[data-colour=salmon] .card--inner{background:var(--colour-salmon)}[data-colour=salmon] .card--inner:before{background-color:var(--white)}[data-style=news] .card--inner{background:var(--white);box-shadow:3px 3px 20px #d8d8d84a;color:var(--text-colour);transition:box-shadow var(--transition) var(--easing-basic)}[data-style=news] .card--inner:before{display:none}.card--reverse{background-color:var(--white);color:var(--text-colour);height:100%;left:0;position:absolute;z-index:10;top:0;transform:rotateY(180deg);width:100%}.card--split{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between}.card--text{flex-grow:0;flex-shrink:0;margin-block-end:2.625rem;position:relative;z-index:2}.card--split .card--text{max-width:35%}[data-style=news] .card--text{max-width:90%}.card--heading{font-size:1.875rem;font-size:clamp(1.75rem,4vw,1.875rem);line-height:1.3}.card--heading:not(:last-child){margin-block-end:1.25rem}.card--heading+.btn-wrap{margin-block-start:2.625rem}.card--image{flex-grow:1;flex-shrink:1;-webkit-mask:url(/svgs/icon-mask-001.svg) center no-repeat;mask:url(/svgs/icon-mask-001.svg) center no-repeat;-webkit-mask-size:contain;mask-size:contain}.card--image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card[data-style=direct]:nth-child(3n+2) .card--image,.card[data-style=more]:nth-child(3n+2) .card--image{-webkit-mask:url(/svgs/icon-mask-002.svg) center no-repeat;mask:url(/svgs/icon-mask-002.svg) center no-repeat;-webkit-mask-size:contain;mask-size:contain}.card[data-style=direct]:nth-child(3n+3) .card--image,.card[data-style=more]:nth-child(3n+3) .card--image{-webkit-mask:url(/svgs/icon-mask-003.svg) center no-repeat;mask:url(/svgs/icon-mask-003.svg) center no-repeat;-webkit-mask-size:contain;mask-size:contain}[data-style=news] .card--image{-webkit-mask:url(/svgs/icon-mask-003.svg) center no-repeat;mask:url(/svgs/icon-mask-003.svg) center no-repeat;-webkit-mask-size:contain;mask-size:contain;margin-block:-5rem -1rem;margin-inline-start:auto;width:52%}@media only screen and (min-width: 43.75em) and (max-width: 62.5em) and (min-width: 75em){[data-style=news] .card--image{margin-block:-9rem -3rem}}@media only screen and (min-width: 75em){[data-style=news] .card--image{margin-block:-8rem -4.5rem}}.card--description{font-size:1.25rem}.card--actions{align-items:flex-end;display:flex;justify-content:space-between;margin-block-start:auto;position:relative;z-index:2}.card--bubble,.card--bubble:visited{align-items:center;aspect-ratio:1/1;background-color:var(--white);border-radius:100%;box-shadow:0 .25rem .5rem -.25rem var(--colour-grey);display:flex;justify-content:center;width:2.1875rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media screen and (min-width: 64rem){.card--bubble,.card--bubble:visited{width:3.4375rem}}.card--bubble svg,.card--bubble:visited svg{color:var(--colour-purple)}.card--bubble [data-icon=icon-plus],.card--bubble [data-icon=icon-close],.card--bubble:visited [data-icon=icon-plus],.card--bubble:visited [data-icon=icon-close]{height:.75rem;width:.75rem}.card--bubble [data-icon=icon-arrow-right],.card--bubble:visited [data-icon=icon-arrow-right]{height:.875rem;width:.875rem}.card--reverse .card--bubble[href],.card--reverse .card--bubble:visited[href]{background-color:var(--colour-purple)}.card--reverse .card--bubble[href] svg,.card--reverse .card--bubble:visited[href] svg{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.card--bubble:hover,.card--bubble:focus-within,.card--bubble:visited:hover,.card--bubble:visited:focus-within{scale:1.1}.card--number{color:var(--white);font-size:1rem;font-weight:var(--weight-medium);padding-bottom:.5rem}[data-style=news] .card--number{color:var(--colour-purple)}@container card (max-width: 600px){.card--split{flex-direction:column}.card--split .card--text{max-width:100%}.card--split .card--image{margin-block:0 2rem;margin-inline:0}}
