/*! Notes...

    Author: Jay George
    Author URI: https://jaygeorge.co.uk

    ABOUT THIS CSS
    ===================================================
    - Only edit filename-dev.css, then process with Laravel Mix (1. Configure with `webpack.mix.js` 2. `npm run production` will compile into prod/ on the server)

*/@layer objects{.o-grid{margin-block-end:var(--spacing-l-2);margin-inline:auto;padding-inline:var(--spacing-s);position:relative}.o-grid:last-child{padding-block-end:0}.o-grid__item{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-block-end:0!important;padding-block:var(--spacing-s) var(--spacing-l-2);text-align:center}.o-grid ul{list-style:none;text-align:left}.o-grid__item--with-rows{--image-height:14.25rem;align-items:start;display:grid;grid-template-columns:12.5rem;grid-template-rows:var(--image-height) auto 1fr;position:relative}.o-grid__item--with-rows img{max-height:var(--image-height);width:100%}.o-grid__item--with-rows .c-grid-title{margin-block-end:var(--spacing-s-0)}body .o-grid__item--with-rows svg{margin-block-end:0}.o-grid__item--with-svg{grid-template-columns:1fr}.o-grid__item--with-svg img{width:auto}.o-grid__item--with-list{justify-content:flex-start;margin-block-start:var(--spacing-s)}.o-grid__item__list .c-grid-title,.o-grid__item__list ul{padding-inline-start:var(--spacing-s-1)}.o-grid__item__list{text-align:left}.o-grid__item__list .c-grid-title{margin-block-end:var(--spacing-s)}main>:last-child.o-grid .o-grid__item:last-child{padding-block-end:0}@media (min-width:500px){.o-grid__item__list .c-grid-title,.o-grid__item__list ul{padding-inline-start:var(--spacing-l)}}@media (max-width:767px){.o-grid__item:not(:last-child){padding-block-end:var(--spacing-l-1);padding-block-start:var(--spacing-s)}}@media (min-width:768px){.o-grid{display:flex;flex-wrap:wrap;justify-content:center;margin-block-end:var(--spacing-l-3);padding-inline:var(--spacing-l-2)}.o-grid__item{border-bottom:1px solid var(--colour-black-off-2);border-right:1px solid var(--colour-black-off-2)}.o-grid>.o-grid__item{flex:0 0 50%;padding-inline-start:1rem}.o-grid>.o-grid__item:last-child:nth-child(odd){padding-inline-start:0}}@media (min-width:768px) and (max-width:1159px){.o-grid__item{border-right:1px solid var(--colour-black-off-2)}.o-grid__item:nth-child(2n){border-right:0}.o-grid__item:last-child{border:0}}@media (min-width:1160px){.o-grid{max-width:var(--max-width-2);padding-inline:var(--spacing-l)}.o-grid>.o-grid__item{flex:0 0 33.333%;margin-block-end:1rem;padding-inline:.5rem}.o-grid__item:last-child,.o-grid__item:nth-child(3n){border-right:0}}}@layer modifiers{.o-grid__item--with-svg [src*=svg]{filter:grayscale(100%)}.o-grid--spaced .o-grid__item{padding-block-end:var(--spacing-l-3)}.o-grid--compressed .o-grid__item:last-child{padding-block-end:0}@media (max-width:767px){.o-grid--spaced .o-grid__item{padding-block-end:var(--spacing-l-2)}}@media (min-width:768px){.o-grid--spaced .o-grid__item{padding-block-start:var(--spacing-l)}}@media (min-width:768px) and (max-width:1159px){.o-grid--spaced>.o-grid__item:nth-child(n+3){padding-block-start:var(--spacing-l-3)}}@media (min-width:1160px){.o-grid--compressed .o-grid__item:last-child:nth-child(4){border:1px solid var(--colour-black-off-2);border-block:0}.o-grid--spaced>.o-grid__item:nth-child(n+4){padding-block-start:var(--spacing-l-3)}}}@layer components{.c-grid-title{color:var(--colour-grey-light);font-family:var(--font-family-main);font-size:var(--font-size-s);font-weight:var(--font-family-main-weight-normal);width:100%}.c-grid-title,.c-grid-title-sub{padding-block:0}.c-grid-title-sub,.c-grid-title-sub a{font-family:var(--font-family-main);font-weight:var(--font-family-main-weight-normal)}.c-grid-title-sub{text-wrap:balance;font-size:var(--font-size-s);line-height:var(--font-size-s-line-height)}.c-grid-icon svg,.o-grid__item--with-svg [src*=svg]{color:var(--colour-grey);font-size:12em;margin-block-end:var(--spacing-m)}.o-grid__item--with-rows .c-grid-title-sub{margin-inline:auto;max-width:15rem}.c-grid-title--meta{font-size:var(--font-size-s-0-0);letter-spacing:var(--letter-spacing-s);text-transform:uppercase}.c-grid-refresh{position:relative}.c-grid-refresh__icon{display:none}.c-grid-refresh__icon:focus{box-shadow:0 -3px 0 blue;outline:none}.c-grid-refresh__icon:after{background:var(--colour-black);bottom:calc(0% - var(--spacing-l));color:blue;content:"Shuffle";font-family:var(--font-family-main);font-size:var(--font-size-s-0-0);left:0;letter-spacing:var(--letter-spacing-s);padding-block-end:var(--spacing-s);position:absolute;text-transform:uppercase}.c-grid-refresh__icon:focus:not(:focus-visible){box-shadow:none}@media (min-width:768px){.o-grid__item--with-rows .c-grid-title-sub{min-height:3em}.c-grid-refresh__icon{--border-width:1.2rem;--icon-font-size:1.2rem;background:var(--colour-black);border:var(--border-width) solid var(--colour-black);border-radius:50%;display:grid;font-size:var(--icon-font-size);left:calc(50% - var(--border-width)*2 - var(--icon-font-size) + .3em);position:absolute;top:20.5em}.c-grid-refresh__icon svg{color:blue}html:not(.js--not-ios) .c-grid-refresh__icon{left:calc(50% - var(--border-width)*2 - var(--icon-font-size) - .4em);top:20.5em}}@media (min-width:1160px){.c-grid-bordered-6-items-or-less .o-grid__item:nth-child(n+4),.c-grid-bordered-8-items-or-more .o-grid__item:last-child,.c-grid-bordered-8-items-or-more .o-grid__item:nth-last-child(-n+3):not(:nth-child(3n)){border-bottom:0}.c-grid-bordered-7-items .o-grid__item:nth-last-child(3){border-bottom:1px solid var(--colour-black-off-2)!important}.c-grid-bordered-7-items .o-grid__item:last-child{border:1px solid var(--colour-black-off-2);border-block-end:0;border-block-start:0}}}@layer modifiers{.c-grid--intrigue .o-grid__item:last-child{padding-block-end:0}@media (max-width:767px){.c-grid--intrigue .o-grid__item:first-child{padding-block-start:0}}}