/*! 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 components{.c-product-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;overflow:hidden}@media (max-width: 1199px){.c-product-hero:before{--gradient-start: 30%;--colour: var(--color-blue-legacy);--angle: -25deg;content:"";position:absolute;z-index:var(--z-index-above-body);left:0;height:100%;width:100%;background:linear-gradient(var(--angle),var(--colour) var(--gradient-start),transparent 100%)}}@media (max-width: 1199px) and (min-width: 768px){.c-product-hero:before{--angle: -55deg}}@supports (background: oklch(0% 0 0)){.c-product-hero:before{--colour: var(--color-blue)}}.c-product-hero__inner{max-width:var(--max-width-2);margin-inline:auto;width:100%;display:flex;flex-wrap:wrap}.c-product-hero__inner picture{position:absolute;top:0;right:0;bottom:0;left:0}.c-product-hero__inner .o-eyebrow-heading{top:0;right:0;bottom:0;left:0}.c-product-hero__text,.c-product-hero__button{position:relative;z-index:var(--z-index-above-body);padding-inline:var(--spacing-l)}.c-product-hero__button{padding-block-start:12rem;text-align:center}@media (min-width: 1200px){.c-product-hero__button{flex-basis:38%}}.c-product-hero__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top}.c-product-hero__text{max-width:var(--max-width-2);display:grid;align-content:center;text-align:center}.c-product-hero__text,.c-product-hero__text *{margin-inline-start:auto}.c-product-hero__text h1{padding-block:0 var(--spacing-m);font-size:var(--font-size-jumbo-3);line-height:var(--font-size-jumbo-3-line-height)}.c-product-hero__text p{max-width:23rem;font-weight:var(--font-family-main-weight-medium);font-size:var(--font-size-s);line-height:1.4}@media (max-width: 1023px){.c-product-hero__text,.c-product-hero__text p{margin-inline:auto}}@media (min-width: 1024px){.c-product-hero__text{flex-basis:55%}.c-product-hero__text,.c-product-hero__text h1{text-align:right}}}@layer modifiers{.c-product-hero__text--long p,.c-product-hero__text--long h1{max-width:33rem}}@layer scope{.s-oklch073-024-23572 .c-product-hero:before{--colour: var(--color-orange)}.s-oklch81-014-7 .c-product-hero:before{--colour: var(--color-red)}.s-oklch835-0175-188 .c-product-hero:before{--colour: var(--color-pink)}.s-oklch87-02-92 .c-product-hero:before{--colour: var(--color-blue-light-1)}}@layer components{.c-bottle-row{display:grid;gap:var(--spacing-l);padding:var(--spacing-l-4) var(--spacing-gutter) var(--spacing-l-4);max-width:var(--max-width-2);margin-inline:auto}.c-bottle-row h2{font-size:var(--font-size-l-1);line-height:var(--font-size-l-1-line-height);padding-block:0 var(--spacing-l);max-width:var(--max-width-reading);text-align:left}.c-product-theme-oklch87-02-92 :is(.c-bottle-row h2){text-align:center;color:var(--color-yellow)}.c-bottle-row .o-eyebrow-heading{width:100%;top:60%;left:unset;right:0;text-align:right;rotate:var(--decorative-text-rotate-1-reverse)}.c-product-theme-oklch87-02-92 :is(.c-bottle-row .o-eyebrow-heading){color:var(--color-blue-mid)}.c-bottle-row__heading>*,.c-bottle-row__text{position:relative}.c-bottle-row__text{flex-direction:row-reverse}.c-bottle-row__text p{font-size:var(--font-size-s);max-width:var(--max-width-reading);font-weight:var(--font-family-main-weight-medium)}.c-bottle-row__text p:first-child{font-size:var(--font-size-s-1);line-height:var(--font-size-s-1-line-height);padding-block-end:var(--spacing-s-1)}@media (max-width: 1023px){.c-bottle-row .o-eyebrow-heading{position:relative}.c-bottle-row .o-eyebrow-heading br,.c-bottle-row__bottle-2{display:none}}@media (min-width: 1024px){.c-bottle-row{gap:var(--spacing-l-4)}.c-bottle-row__heading{--width: 38%;display:flex}.c-bottle-row__heading>:first-child{flex-basis:var(--width)}.c-bottle-row__heading h2{min-height:12rem}.c-bottle-row__bottle-1 picture,.c-bottle-row__bottle-2 picture{position:absolute;top:0}.c-bottle-row__bottle-1 img,.c-bottle-row__bottle-2 img{width:100vw;max-width:var(--max-width-2)}.c-bottle-row__bottle-1 picture{--magic-number: -37%;transform:translateY(var(--magic-number))}.c-bottle-row__bottle-2 picture{--magic-number: -8%;left:-8rem;transform:translate(calc(0% - var(--width))) translateY(var(--magic-number))}.c-bottle-row__text{--width: 38%;display:flex}.c-bottle-row__text>:first-child{flex-basis:var(--width);order:1}.c-bottle-row__text p{max-width:30rem}}@media (min-width: 1260px){.c-bottle-row{padding-block:var(--spacing-vh-l) var(--spacing-vh-s);padding-block-end:22vh}.c-bottle-row h2{font-size:var(--font-size-l-2);line-height:var(--font-size-l-2-line-height)}}}@layer modifiers{.c-product-theme-oklch073-024-23572 :is(.c-bottle-row h2){color:var(--color-orange-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch073-024-23572 :is(.c-bottle-row h2){color:var(--color-orange)}}}@layer scope{.c-product-theme-oklch47-03-265 .c-bottle-row .o-eyebrow-heading{color:var(--color-blue-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch47-03-265 .c-bottle-row .o-eyebrow-heading{color:var(--color-blue)}}}@layer components{.c-lifestyle-lead{position:relative;--product-width: 25%;--image-width: 100%;display:grid}@media (min-width: 1800px){.c-lifestyle-lead{--image-width: 85%}}.c-lifestyle-lead__product{padding:var(--spacing-l-3) var(--spacing-l);background:#fff;display:grid;align-content:center}.c-lifestyle-lead__product .o-eyebrow-heading{top:2.5rem;left:var(--spacing-l);rotate:var(--decorative-text-rotate-2);padding-inline:0}.c-lifestyle-lead__product h2{font-size:var(--font-size-jumbo-3);line-height:var(--font-size-jumbo-3-line-height);text-align:left;padding-block:var(--spacing-s) var(--spacing-l)}@media (min-width: 1150px){.c-lifestyle-lead__product h2{font-size:calc(var(--font-size-jumbo-3) - .8rem)}}@media (min-width: 1150px) and (max-width: 1320px){.c-lifestyle-lead__product h2{font-size:calc(var(--jumbo-2-max) - 2.2rem)}}.c-lifestyle-lead__product p{font-family:var(--font-family-headline);font-weight:var(--font-family-headline-weight-strong);font-size:var(--font-size-m);line-height:var(--font-size-m-line-height);text-transform:uppercase}.c-lifestyle-lead__lifestyle-shot .o-eyebrow-heading{color:#fff}}@layer modifiers{.c-product-theme-oklch073-024-23572 .c-lifestyle-lead{background:var(--color-orange-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch073-024-23572 .c-lifestyle-lead{background:var(--color-orange)}}.c-product-theme-oklch073-024-23572 .c-lifestyle-lead__product h2{color:var(--color-orange-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch073-024-23572 .c-lifestyle-lead__product h2{color:var(--color-orange)}}.c-product-theme-oklch073-024-23572 .c-lifestyle-lead__product .o-eyebrow-heading,.c-product-theme-oklch073-024-23572 .c-lifestyle-lead__product p{color:var(--color-blue-light-1-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch073-024-23572 .c-lifestyle-lead__product .o-eyebrow-heading,.c-product-theme-oklch073-024-23572 .c-lifestyle-lead__product p{color:var(--color-blue-light-1)}}.c-product-theme-oklch87-02-92 .c-lifestyle-lead{background:var(--color-blue-light-1-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch87-02-92 .c-lifestyle-lead{background:var(--color-blue-light-1)}}.c-product-theme-oklch87-02-92 .c-lifestyle-lead__product h2{color:var(--color-yellow-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch87-02-92 .c-lifestyle-lead__product h2{color:var(--color-yellow)}}.c-product-theme-oklch87-02-92 .c-lifestyle-lead__product .o-eyebrow-heading,.c-product-theme-oklch87-02-92 .c-lifestyle-lead__product p{color:var(--color-blue-light-1-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch87-02-92 .c-lifestyle-lead__product .o-eyebrow-heading,.c-product-theme-oklch87-02-92 .c-lifestyle-lead__product p{color:var(--color-blue-light-1)}}.c-product-theme-oklch835-0175-188 .c-lifestyle-lead{background:var(--color-pink-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch835-0175-188 .c-lifestyle-lead{background:var(--color-pink)}}.c-product-theme-oklch835-0175-188 .c-lifestyle-lead__product h2{color:var(--color-pink-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch835-0175-188 .c-lifestyle-lead__product h2{color:var(--color-pink)}}.c-product-theme-oklch835-0175-188 .c-lifestyle-lead__product .o-eyebrow-heading,.c-product-theme-oklch835-0175-188 .c-lifestyle-lead__product p{color:var(--color-turquoise-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch835-0175-188 .c-lifestyle-lead__product .o-eyebrow-heading,.c-product-theme-oklch835-0175-188 .c-lifestyle-lead__product p{color:var(--color-turquoise)}}.c-product-theme-oklch81-014-7 .c-lifestyle-lead{background:var(--color-red-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch81-014-7 .c-lifestyle-lead{background:var(--color-red)}}.c-product-theme-oklch81-014-7 .c-lifestyle-lead__product h2{color:var(--color-pink-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch81-014-7 .c-lifestyle-lead__product h2{color:var(--color-pink)}}.c-product-theme-oklch81-014-7 .c-lifestyle-lead__product .o-eyebrow-heading,.c-product-theme-oklch81-014-7 .c-lifestyle-lead__product p{color:var(--color-red-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch81-014-7 .c-lifestyle-lead__product .o-eyebrow-heading,.c-product-theme-oklch81-014-7 .c-lifestyle-lead__product p{color:var(--color-red)}}}@layer components{.c-lifestyle-lead__lifestyle-shot{overflow:hidden}.c-lifestyle-lead__lifestyle-shot figure{position:relative;top:10%;margin-inline:auto}@media (max-width: 1149px){.c-lifestyle-lead__lifestyle-shot figure{max-width:30rem}}.c-lifestyle-lead__lifestyle-shot .o-eyebrow-heading{position:relative;text-align:center;left:unset;max-width:none;padding-block-end:var(--spacing-s)}.c-lifestyle-lead__lifestyle-shot img{display:block;width:var(--image-width);margin-inline:auto}@media (max-width: 1149px){.c-lifestyle-lead__lifestyle-shot{padding-inline:var(--spacing-l);aspect-ratio:1 / 1.25;margin-inline:auto;--image-width: 85%}}@media (min-width: 1150px){.c-lifestyle-lead{grid-template-columns:repeat(auto-fit,minmax(min(100%,39em),1fr));aspect-ratio:1 / .5}.c-lifestyle-lead__product{aspect-ratio:1 / 1}.c-lifestyle-lead__product .o-eyebrow-heading{top:var(--spacing-l-4)}.c-lifestyle-lead__product p{max-width:20rem;margin-inline-start:auto}.c-lifestyle-lead__lifestyle-shot picture{position:absolute;width:75%;top:50%;left:50%;transform:translate(-50%)}.c-lifestyle-lead__lifestyle-shot figure{top:17.5%}}}@layer components{.c-headline-with-polaroid-masks{display:flex;align-items:center;gap:var(--spacing-l );padding:var(--spacing-l-4) var(--spacing-gutter);--polaroid-border-thickness: .75rem;--headline-width: 33.333%}@media (min-width: 768px){.c-headline-with-polaroid-masks{--polaroid-border-thickness: .9rem}}.c-headline-with-polaroid-masks a{text-decoration:none}.c-product-theme-oklch81-014-7 .c-headline-with-polaroid-masks{background:var(--color-pink-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch81-014-7 .c-headline-with-polaroid-masks{background:var(--color-pink)}}.s-oklch47-03-265 .c-headline-with-polaroid-masks{background:var(--color-orange-spritz-pale-gradient-reverse)}.c-product-theme-oklch835-0175-188 .c-headline-with-polaroid-masks{background:var(--color-turquoise-legacy)}@supports (background: oklch(0% 0 0)){.c-product-theme-oklch835-0175-188 .c-headline-with-polaroid-masks{background:var(--color-turquoise)}}.c-product-theme-oklch87-02-92 .c-headline-with-polaroid-masks{background:var(--color-lemon-spritz-gradient-yellow-reverse)}.c-headline-with-polaroid-masks__headline{flex-basis:var(--headline-width)}.c-headline-with-polaroid-masks__headline h2{color:#fff;font-size:var(--font-size-l-2)}@media (max-width: 1023px){.c-headline-with-polaroid-masks{flex-direction:column;gap:var(--spacing-l-3);padding-inline:var(--spacing-l)}.c-headline-with-polaroid-masks .c-polaroid-caption{min-height:3rem}}@media (min-width: 1024px){.c-headline-with-polaroid-masks__headline h2{text-align:left}}}