/*! 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 base,elements,objects,components,modifiers,vendors,ui,utilities,scope;@layer components{.c-polaroids-edge{position:relative;z-index:var(--z-index-above-body);min-height:100vh;min-height:100svh;display:grid;max-width:100rem;margin-inline:auto;justify-content:center;align-items:center;color:#fff}.c-polaroids-edge .o-eyebrow-heading{top:-1rem;left:1rem;color:var(--color-yellow-legacy)}@media (min-width: 1024px){.c-polaroids-edge .o-eyebrow-heading{left:-2rem}}@supports (background: oklch(0% 0 0)){.c-polaroids-edge .o-eyebrow-heading{color:var(--color-yellow)}}.c-polaroids-edge__text .o-site-logo{position:relative;top:.75rem}.c-polaroids-edge__text .o-site-logo svg{font-size:1em}@media (max-width: 1023px){.c-polaroids-edge{--polaroid-border-thickness: 10px;gap:var(--spacing-l-4)}.c-polaroids-edge__polaroids{display:flex;padding-inline-end:var(--spacing-s-1)}.c-polaroids-edge__polaroids>*{flex-basis:50%}.c-polaroids-edge__polaroids>:nth-child(3){display:none}.c-polaroids-edge__polaroids:nth-child(1)>:nth-child(2){rotate:8deg}.c-polaroids-edge__polaroids:nth-child(3)>:nth-child(1){rotate:calc(0deg - var(--polaroid-rotate-left-1))}.c-polaroids-edge__polaroids:nth-child(3)>:nth-child(2){rotate:-8deg}.c-polaroids-edge__polaroids:has(>:last-child:nth-child(1)){justify-content:center}.c-polaroids-edge__text{width:100vw;margin-inline:auto;padding-inline:var(--spacing-gutter)}}@media (min-width: 768px) and (max-width: 1199px){.c-polaroids-edge{--polaroid-border-thickness: 15px}}@media (min-width: 1024px){.c-polaroids-edge{grid-template-columns:1fr 3fr 1fr}}}@layer modifiers{@media (min-width: 1024px){.c-polaroids-edge__polaroids{--pull-outwards: -5rem}.c-polaroids-edge__polaroids>*{position:relative}.c-polaroids-edge__polaroids:nth-child(1)>*{left:var(--pull-outwards);top:5rem;margin-block-end:-1rem}.c-polaroids-edge__polaroids:nth-child(1)>:nth-child(2){rotate:var(--polaroid-rotate-right-1);top:-3rem;left:-8rem;margin-bottom:-3rem}.c-polaroids-edge__polaroids:nth-child(1)>:nth-child(3){rotate:var(--polaroid-rotate-left-2);left:unset;top:min(-8rem,-17vh);margin-block-end:-8rem}@supports (animation-timeline: auto){.c-polaroids-edge__polaroids:nth-child(1)>:nth-child(3){top:min(-3rem,-17vh);margin-block-end:min(-3rem,-20vh)}}.c-polaroids-edge__polaroids:nth-child(3)>*{right:var(--pull-outwards)}.c-polaroids-edge__polaroids:nth-child(3)>:nth-child(1){rotate:var(--polaroid-rotate-right-2);z-index:1}.c-polaroids-edge__polaroids:nth-child(3)>:nth-child(2){top:-3rem;margin-bottom:-3rem}}}@media (min-width: 1024px){.c-polaroids-edge{view-timeline-name:--polaroids}.c-polaroids-edge__polaroids{--move-by: -10vh;will-change:transform;animation:parallax auto linear;animation-timeline:--polaroids;animation-range:cover 0% cover 110%}}@layer modifiers{.c-polaroids-edge--l{padding-block-start:var(--spacing-l-4)}.c-polaroids-edge--l .o-eyebrow-heading{width:100%;max-width:48rem;left:50%;transform:translate(-50%);top:-2rem;text-align:center}@media (min-width: 1024px){.c-polaroids-edge--l h2{font-size:var(--font-size-jumbo-2);line-height:var(--font-size-jumbo-2-line-height)}.c-polaroids-edge--l .o-eyebrow-heading{top:-5rem}}}@layer scope{@media (max-width: 1023px){:where(main)>.c-polaroids-edge:first-child{padding-block-end:var(--spacing-vh-s)}}.s-white-body .c-polaroids-edge h2{color:var(--color-yellow)}}