/*! 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)

*/:root{--texture-width:17rem;--texture-height:5rem;--texture-push-from-top:10px}@media (min-width:1024px){:root{--texture-push-from-top:40px}}@layer scope{.c-site-footer{@media (max-width:1023px){position:relative;.u-texture{display:none}&:after{background:var(--colour-black);content:"";inset:0;mix-blend-mode:color-dodge;pointer-events:none;position:absolute;z-index:var(--z-index-above-body)}}}}@layer scope{html:not(:has(.c-page-column-layout)){.u-texture:not(.u-texture--2){&:after,&:not([class*=c-]) .u-hue-overlay{top:var(--texture-push-from-top)}}}}@layer utilities{.u-texture:after{background:url(/img/podcast-artwork-texture-horizontal.avif) no-repeat 0 0/var(--texture-width);content:"";height:var(--texture-height);max-width:var(--texture-width);opacity:.4;position:absolute;top:-40px;width:100%}.u-texture--2:after{background-image:url(/img/podcast-artwork-texture-horizontal-2.avif);bottom:0;opacity:.25;top:unset;z-index:-1}div[class*=u-texture]:not([class*=c-]){height:var(--texture-height);max-width:var(--texture-width);position:absolute;top:0;width:100%;z-index:var(--z-index-above-body);&.u-texture--2:not(.u-texture--flipped){z-index:var(--z-index-nav)}&.u-texture--2{bottom:0;top:unset}@media (min-width:1024px){position:fixed;top:0}}@media (min-width:1024px){:root{--texture-width:18rem}.u-texture{&:after{position:fixed}&:not([class*=u-texture--]):after{top:var(--texture-push-from-top)}}}@media (max-width:1799px){.u-texture:after{left:0}}@media (min-width:2060px){div[class*=u-texture]:not([class*=c-]){&.u-texture--2,&.u-texture--2:after{--texture-height:110px}}}}@layer utilities-modifiers{.u-texture--flipped{left:50%;margin-inline:auto;max-width:var(--max-width-2);transform:scaleX(-1) translateX(50%);&:before{right:0;width:var(--texture-width)}}}@layer scope{html:not(:has(.c-page-column-layout)){@media (min-width:1024px){.u-texture{&,&:after,&:before{position:absolute}}}}@media (min-width:1200px) and (max-height:950px){html:has(.c-page-column-layout){.c-site-footer{.u-texture--2:after{content:unset}.u-hue-overlay{&,&:before{background:unset!important}}}}}}@layer texture{@media (min-width:2060px){.u-radial-mask{height:100%;position:relative;z-index:var(--z-index-above-nav);&:before{background:radial-gradient(circle at left,var(--colour-black) 0,transparent 30%);content:"";inset:0;position:absolute}.u-texture:not(.u-texture--2):has(&) &{top:var(--texture-push-from-top)}.u-texture--flipped:has(&) &{width:var(--texture-width)}}}}