/*! 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-steps-section{padding-block-start:var(--spacing-l-1)}.c-steps-section h2{font-size:var(--font-size-l-4);line-height:var(--font-size-l-4-line-height);max-width:var(--max-width-1);margin-inline:auto;padding-inline:var(--spacing-l);padding-block:var(--spacing-l) var(--spacing-l-2)}.c-steps-section .o-site-logo{position:relative;top:.5rem}.c-steps-section .o-site-logo svg{border:0;font-size:.85em}.c-steps{display:grid;padding-inline:var(--spacing-l)}.c-steps .c-polaroid{object-fit:cover;block-size:100%}.c-steps__step{position:relative;display:grid;justify-content:center;text-align:center;align-items:center;gap:var(--spacing-m);padding-block-end:var(--spacing-l)}:nth-child(1 of.c-steps__step){padding-block-start:var(--spacing-m)!important}.c-steps__step:nth-child(2n) .c-steps__step__text{text-align:left;justify-self:start}.c-steps__step:nth-child(2n) .c-steps__step__image{transform:scale(-1)}.c-steps__step__text{max-width:19rem;margin-inline:auto;font-size:var(--font-size-s-1);font-weight:var(--font-family-main-weight-medium);font-weight:var(--font-family-main-weight-light)}.c-steps__step__counter{color:#fff;text-shadow:var(--text-shadow-blue-light);font-size:var(--font-size-jumbo-3);line-height:var(--font-size-jumbo-3-line-height);font-family:var(--font-family-headline);font-weight:var(--font-family-headline-weight-strong)}.c-steps__polaroid-break{max-width:var(--max-width-1);margin-inline:auto;padding-block-end:var(--spacing-l-3);display:grid;gap:var(--spacing-l);align-items:center}.c-steps__polaroid-break h2{font-family:var(--font-family-decorative);font-size:var(--font-size-l-3-decorative);line-height:var(--font-size-l-3-line-height-decorative);font-weight:400;padding-block:0 var(--spacing-m)}.c-steps__polaroid-break__polaroids{display:flex}.c-steps__polaroid-break__polaroids .c-polaroid:nth-child(odd){rotate:var(--polaroid-rotate-right-3);z-index:var(--z-index-above-body)}.c-steps__polaroid-break__polaroids .c-polaroid:nth-child(2n){position:relative;rotate:var(--polaroid-rotate-left-1)}.c-steps__polaroid-break__text{max-width:26rem;text-align:center}.c-steps__polaroid-break__text h2{padding-inline:0}@media (width < 915px){.c-steps__step{padding-block:var(--spacing-l)}.c-steps__polaroid-break__text{grid-column:1 / -1;margin-inline:auto}}@media (width >= 915px){.c-steps__polaroid-break{grid-template-columns:repeat(2,1fr);padding-block-end:var(--spacing-vh-m)}.c-steps__polaroid-break__polaroids{display:flex}.c-steps__polaroid-break__polaroids .c-polaroid:nth-child(2n){top:var(--spacing-l-3)}.c-steps__polaroid-break__polaroids .c-polaroid:not(:first-child){right:var(--spacing-l)}.c-steps__step{grid-template-columns:1fr auto 1fr}.c-steps__step:not(:nth-last-child(1 of.c-steps__step)){padding-block:var(--spacing-l-1)}.c-steps__step:nth-child(odd) .c-steps__step__text{order:1}.c-steps__step:nth-child(odd) .c-steps__step__counter{order:2}.c-steps__step:nth-child(odd) .c-steps__step__image{order:3}.c-steps__step:nth-child(2n) .c-steps__step__text{order:3}.c-steps__step:nth-child(2n) .c-steps__step__counter{order:2}.c-steps__step__text{text-align:right;justify-self:end;margin-inline:unset}}}@layer modifiers{.c-steps__step__image--polaroid{max-width:22rem;margin-inline:5rem;position:relative}@media (width < 1600px){.c-steps__step__image--polaroid{block-size:84%}.c-steps__step__image--polaroid .c-polaroid{block-size:100%}}}@media (min-width: 1024px){.c-steps{view-timeline-name:--polaroids}.c-steps__polaroids{--move-by: -10vh;will-change:transform;animation:parallax auto linear;animation-timeline:--polaroids;animation-range:cover 0% cover 110%}}