/*! 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 scope{html{contain:paint}@media (max-width: 1023px){.c-site-header{display:none}}.c-site-header li,.c-site-footer{display:none}}@layer components{.c-age-gate-splash{--button-width: 75%;position:relative;min-height:100vh;min-height:100sh;contain:paint;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.c-age-gate-splash picture{position:absolute;bottom:0}.c-age-gate-splash__left-glass,.c-age-gate-splash__right-glass{inline-size:min(25rem,50%)}@media (width >= 1200px){.c-age-gate-splash__left-glass,.c-age-gate-splash__right-glass{inline-size:33.33%}}.c-age-gate-splash__left-glass{left:-7.5%}.c-age-gate-splash__right-glass{right:-7.5%}.c-age-gate-splash__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:var(--filter-image-boost)}.c-age-gate-splash__text{position:absolute;z-index:var(--z-index-above-body);padding-block-start:var(--spacing-vh-s);text-align:center;width:100%}.c-age-gate-splash__text h1{display:none}.c-age-gate-splash__text h2{rotate:var(--decorative-text-rotate-1);padding-inline:var(--spacing-l);padding-block:var(--spacing-l-4) var(--spacing-m);color:var(--color-blue);font-family:var(--font-family-decorative);font-weight:400;font-size:var(--font-size-l-2-decorative);font-size:var(--font-size-l-4-decorative);line-height:var(--font-size-l-2-line-height-decorative)}.c-age-gate-splash__text .c-age-gate-splash__text__buttons :where(button,a){display:inline-block;justify-content:center;padding:var(--spacing-l) var(--spacing-l-2);font-size:var(--font-size-l-2);line-height:var(--font-size-l-2-line-height);font-family:var(--font-family-headline);text-transform:uppercase;text-decoration:none;font-weight:var(--font-family-headline-weight-strong);border:3px solid white;border-radius:50%;color:#fff;text-shadow:var(--text-shadow-blue-light)}.c-age-gate-form{display:grid;gap:var(--spacing-l)}@media (max-width: 1023px){.c-age-gate-splash__text__buttons{max-width:min(80%,30rem);margin-inline:auto}}@media (min-width: 1024px){.c-age-gate-splash__text__buttons{max-width:40%;margin-inline:auto}}}@layer modifiers{.c-age-gate-splash--centered{text-align:center}.c-age-gate-splash :where(button:hover,button:focus){text-decoration-line:underline;text-decoration-thickness:3px}.c-age-gate-splash :where(button:hover,button:focus){color:var(--color-blue-legacy);transition:all .2s ease-in 0s}@supports (background: oklch(0% 0 0)){.c-age-gate-splash :where(button:hover,button:focus){color:var(--color-blue)}}}