dialog {
    background: #fff;
    border: solid;
    color: #000;
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content;
}

    dialog:not([open]) {
        display: none;
    }

    dialog + .backdrop {
        background: rgba(0, 0, 0, 0.1);
    }

    ._dialog_overlay,
    dialog + .backdrop {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }

    dialog.fixed {
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
    }

.glide {
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

    .glide * {
        box-sizing: inherit;
    }

.glide__slides,
.glide__track {
    overflow: hidden;
}

.glide__slides {
    backface-visibility: hidden;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    touch-action: pan-Y;
    transform-style: preserve-3d;
    white-space: nowrap;
    width: 100%;
    will-change: transform;
}

.glide__slide,
.glide__slides--dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.glide__slide {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    flex-shrink: 0;
    height: 100%;
    white-space: normal;
    width: 100%;
}

    .glide__slide a {
        -webkit-user-drag: none;
        -webkit-user-select: none;
        user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

.glide__arrows,
.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.glide--rtl {
    direction: rtl;
}

:root {
    --primary-color: #000;
    --background-color: #fff;
    --secondary-color: #ce0e2d;
}

.dark {
    --primary-color: #fff;
    --background-color: #000;
    background: var(--background-color) !important;
}

.dark,
.light {
    color: var(--primary-color);
}

.light {
    --primary-color: #000;
    --background-color: #fff;
    background: var(--background-color);
}

:root {
    --header-height: 70px;
}

@media screen and (min-width: 768px) {
    :root {
        --header-height: 110px;
    }
}

/*!
 * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
:after,
:before {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    font-family: sans-serif;
    line-height: 1.15;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    background-color: #fff;
    color: #212529;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-block-end: 0;
    margin-block-start: 0;
    margin-bottom: 0.5rem;
    margin-top: 0;
}

p {
    margin-bottom: 1rem;
    margin-top: 0;
}

abbr[data-original-title],
abbr[title] {
    border-bottom: 0;
    cursor: help;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

address {
    font-style: normal;
    line-height: inherit;
}

address,
dl,
ol,
ul {
    margin-bottom: 1rem;
}

dl,
ol,
ul {
    margin-top: 0;
}

    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin-bottom: 0;
    }

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: transparent;
    color: #007bff;
    text-decoration: none;
}

    a:not([href]):not([tabindex]),
    a:not([href]):not([tabindex]):focus,
    a:not([href]):not([tabindex]):hover {
        color: inherit;
        text-decoration: none;
    }

        a:not([href]):not([tabindex]):focus {
            outline: 0;
        }

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

pre {
    -ms-overflow-style: scrollbar;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto;
}

figure {
    margin: 0 0 1rem;
}

img {
    border-style: none;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

table {
    border-collapse: collapse;
}

caption {
    caption-side: bottom;
    color: #6c757d;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    text-align: left;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color;
    }

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[type="reset"],
[type="submit"],
button,
html [type="button"] {
    -webkit-appearance: button;
}

    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    border: 0;
    min-width: 0;
}

legend {
    color: inherit;
    display: block;
    font-size: 1.5rem;
    line-height: inherit;
    margin-bottom: 0.5rem;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    width: 100%;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: none;
    outline-offset: -2px;
}

    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

output {
    display: inline-block;
}

summary {
    cursor: pointer;
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

body.mceContentBody {
    font-size: 13px;
}

.ir {
    background-repeat: no-repeat;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}

    .hidden,
    .ir br {
        display: none;
    }

.hidden {
    visibility: hidden;
}

.visuallyhidden {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -2px;
    overflow: hidden;
    padding: 0;
    width: 1px;
}

    .visuallyhidden,
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        font-family: Gotham A, Gotham B, Lato;
        font-style: normal;
        font-weight: 700;
        letter-spacing: ls(100);
        position: absolute;
        text-transform: uppercase;
    }

        .visuallyhidden.focusable:active,
        .visuallyhidden.focusable:focus {
            clip: auto;
            background-color: #fff;
            color: #000;
            font-size: 0.8em;
            height: auto;
            margin: 5px 0 0;
            outline: 0;
            overflow: visible;
            padding: 0.25em 0.5em;
            width: auto;
        }

.invisible {
    visibility: hidden;
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center,
.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-center {
    text-wrap: balance;
    text-align: center;
}

.text-right {
    text-align: right;
}

.no-pad-top {
    padding-top: 0 !important;
}

@media (min-width: 640px) {
    .larger {
        font-size: 1.5rem;
    }
}

img {
    height: auto;
    max-width: 100%;
}

    img.left {
        margin: 0.5em 2em 1em 0;
        max-width: 50%;
    }

    img.right {
        margin: 0.5em 0 1em 2em;
        max-width: 50%;
    }

    img.leftAlone {
        float: left;
        margin-right: 100%;
    }

    img.center,
    img.leftAlone {
        clear: both;
        margin-bottom: 1em;
    }

    img.center {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

.captionImage {
    margin-top: 0.5em;
    width: 100%;
}

    .captionImage img {
        float: none;
        margin: 0;
        max-width: none;
        width: 100%;
    }

    .captionImage p {
        clear: both;
        font-style: italic;
        margin: 0.5em 0;
    }

    .captionImage.left {
        margin: 0.5em 3em 2em 0;
        max-width: 50%;
    }

        .captionImage.left img {
            margin-right: -1em;
        }

    .captionImage.right {
        margin: 0.5em 0 2em 3em;
        max-width: 50%;
    }

        .captionImage.right img {
            margin-left: -1em;
        }

        .captionImage.right p {
            margin-left: -1em;
            text-align: left;
        }

    .captionImage.leftAlone {
        float: none;
        margin: 0 2em 2em 0;
    }

    .captionImage.center {
        margin: 0 auto 2em;
    }

@keyframes fade-in {
    0% {
        opacity: 0;
    }
}

@keyframes fade-out {
    to {
        opacity: 0;
    }
}

@keyframes full-slide-from-right {
    0% {
        transform: translateX(100%);
    }
}

@keyframes full-slide-to-left {
    to {
        transform: translateX(-100%);
    }
}

@keyframes grow {
    0% {
        transform: scale(1);
    }

    to {
        transform: scale(100);
    }
}

@keyframes shrink {
    0% {
        transform: scale(100);
    }

    to {
        transform: scale(1);
    }
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/Montserrat-Thin.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/Montserrat-ThinItalic.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/Montserrat-ExtraLight.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/Montserrat-ExtraLightItalic.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Montserrat-Light.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/Montserrat-LightItalic.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Montserrat-Regular.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/Montserrat-Italic.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Montserrat-Medium.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/Montserrat-MediumItalic.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Montserrat-SemiBold.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/Montserrat-SemiBoldItalic.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Montserrat-Bold.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/Montserrat-BoldItalic.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/Montserrat-ExtraBold.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/Montserrat-ExtraBoldItalic.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Montserrat-Black.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/Montserrat-BlackItalic.otf') format('opentype');
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
}

    h1 span,
    h2 span,
    h3 span,
    h4 span,
    h5 span,
    h6 span {
        display: block;
        font-size: clamp(0.75rem, 0.543rem + 0.85vw, 1.563rem);
        letter-spacing: clamp(0.263rem, 0.247rem + 0.06vw, 0.323rem);
        margin-bottom: 1em;
    }

    h1 + p,
    h2 + p,
    h3 + p,
    h4 + p,
    h5 + p,
    h6 + p {
        margin-top: 1.1em;
    }

p {
    font-size: clamp(0.75rem, 0.623rem + 0.52vw, 1.25rem);
    line-height: 1.45;
}

.primary {
    font-size: clamp(1.875rem, 1.158rem + 2.94vw, 4.688rem);
    font-weight: 700;
    letter-spacing: clamp(0.094rem, 0.058rem + 0.15vw, 0.234rem);
}

.secondary {
    font-size: clamp(1.875rem, 1.461rem + 1.7vw, 3.5rem);
    letter-spacing: clamp(0.094rem, 0.046rem + 0.2vw, 0.281rem);
}

.Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy h2,
.Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy h2,
.Gcc\\Pages\\WorldPost section.split-grid .copy h2,
.third {
    font-size: clamp(1.563rem, 1.164rem + 1.63vw, 3.125rem);
    letter-spacing: clamp(0.188rem, 0.14rem + 0.2vw, 0.375rem);
}

.product-title {
    font-size: clamp(1.563rem, 1.244rem + 1.31vw, 2.813rem);
    font-weight: 600;
}

a:not(.btn) {
    color: currentColor;
    text-decoration: underline;
}

body {
    background: var(--background-color);
    color: var(--primary-color);
    font-family: DM Sans, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    padding-top: var(--header-height);
    scroll-behavior: smooth;
}

    body,
    body * {
        scroll-margin-top: var(--header-height);
    }

main {
    width: 100%;
}

    main :not(:defined) {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

.container {
    margin: 0 auto;
    max-width: 1500px;
    position: relative;
    width: 90%;
}

.bg {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.dots {
    display: none;
}

@media (min-width: 768px) {
    .dots {
        display: flex;
        flex-direction: column;
        gap: 20px;
        height: 100%;
        z-index: 1;
    }

        .dots a,
        .dots button {
            align-items: center;
            border: 1px solid transparent;
            border-radius: 50%;
            display: flex;
            height: 18px;
            justify-content: center;
            line-height: 1;
            text-decoration: none;
            width: 18px;
        }

            .dots a.active,
            .dots a:hover,
            .dots button.active,
            .dots button:hover {
                border-color: currentColor;
            }

    .split-grid {
        display: flex;
    }

        .split-grid:nth-of-type(odd) {
            flex-direction: row-reverse;
        }
}

.split-grid .content {
    padding: clamp(3.125rem, 1.962rem + 4.77vw, 7.688rem) 0;
}

@media (min-width: 768px) {
    .split-grid .content {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2em 5%;
        width: 50%;
    }
}

.split-grid span {
    display: inline-block !important;
}

.split-grid .asset,
.split-grid .glide {
    width: 100%;
}

    .split-grid .asset video,
    .split-grid .glide video {
        height: auto;
        width: 100%;
    }

@media (min-width: 768px) {
    .split-grid .asset,
    .split-grid .glide {
        width: 50%;
    }
}

.video-player-container {
    align-items: center;
    background: #000;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

    .video-player-container video {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }

    .video-player-container button {
        aspect-ratio: 1;
        color: #fff;
        left: 50%;
        max-width: 138px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 16%;
    }

        .video-player-container button svg {
            height: auto;
            transition: transform 0.3s;
            width: 100%;
        }

        .video-player-container button:hover svg {
            transform: scale(1.2);
        }

.bottom-ad-unit {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

    .bottom-ad-unit.next {
        z-index: 5;
    }

    .bottom-ad-unit .container {
        padding: clamp(3.125rem, 2.169rem + 3.92vw, 6.875rem) 0;
    }

        .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy .bottom-ad-unit .container h2,
        .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy .bottom-ad-unit .container h2,
        .Gcc\\Pages\\WorldPost section.split-grid .copy .bottom-ad-unit .container h2,
        .bottom-ad-unit .container .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy h2,
        .bottom-ad-unit .container .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy h2,
        .bottom-ad-unit .container .Gcc\\Pages\\WorldPost section.split-grid .copy h2,
        .bottom-ad-unit .container .third {
            font-weight: 600;
            margin-bottom: 1.25rem;
        }

            .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy .bottom-ad-unit .container h2 span,
            .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy .bottom-ad-unit .container h2 span,
            .Gcc\\Pages\\WorldPost section.split-grid .copy .bottom-ad-unit .container h2 span,
            .bottom-ad-unit .container .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy h2 span,
            .bottom-ad-unit .container .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy h2 span,
            .bottom-ad-unit .container .Gcc\\Pages\\WorldPost section.split-grid .copy h2 span,
            .bottom-ad-unit .container .third span {
                font-weight: 400;
            }

@media (min-width: 768px) {
    .bottom-ad-unit {
        aspect-ratio: 1920/725;
    }
}

#smooth-content img {
    pointer-events: none;
}

#smooth-content a img {
    pointer-events: auto;
}

.tba p a {
    display: inline-block;
}

input[type="number"] {
    -moz-appearance: textfield;
}

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

::-moz-placeholder {
    color: #6a6a6a;
    text-transform: uppercase;
}

::placeholder {
    color: #6a6a6a;
    text-transform: uppercase;
}

input[type="email"],
input[type="file"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
textarea {
    background: none;
    border: 1px solid;
    border-radius: 0;
    box-sizing: border-box;
    color: var(--primary-color);
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    letter-spacing: 1.35px;
    padding: 0.8em 1em;
    text-align: left;
    text-transform: none;
    width: 100%;
}

    input[type="email"].error,
    input[type="file"].error,
    input[type="number"].error,
    input[type="password"].error,
    input[type="tel"].error,
    input[type="text"].error,
    textarea.error {
        border-color: #ce0e2d;
    }

textarea {
    height: 8em;
}

.custom-select {
    background: transparent url(/images/svg/chevron-down.svg) no-repeat 99% 50%;
    background-position-x: calc(100% - 0.7em);
    background-size: 1rem;
    border: 1px solid;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    text-transform: none;
    width: 100%;
}

@media (max-width: 480px) {
    .custom-select {
        background-size: 0.9rem;
    }
}

.custom-select label.error {
    position: absolute;
}

.custom-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--primary-color);
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    height: 100%;
    left: 0;
    letter-spacing: 1.35px;
    padding: 0.8em 1em;
    position: relative;
    top: 0;
    width: 100%;
}

    .custom-select select option[value=""] {
        color: #6a6a6a;
    }

    .custom-select select:focus {
        outline: 0;
    }

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.field {
    margin-bottom: clamp(1.25rem, 1.091rem + 0.65vw, 1.875rem);
}

label:not(.checkbox, .radio) {
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1.2px;
    margin-bottom: 1em;
    text-transform: uppercase;
}

label.error,
span.error {
    color: red;
    display: block !important;
    font-size: 0.8em;
    font-style: italic;
    margin: 0.25em 0 0.5em;
    text-transform: none;
}

label.checkbox,
label.radio {
    color: #8e8d91;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.5em;
    padding-left: 2.5em;
    position: relative;
    text-align: left;
    width: auto;
}

    label.checkbox a,
    label.radio a {
        color: currentColor;
        text-decoration: underline;
    }

    label.checkbox span,
    label.radio span {
        align-items: center;
        background: #fff;
        border: 1px solid var(--primary-color);
        border-radius: 0;
        display: flex;
        height: 1.5em;
        justify-content: center;
        left: 0;
        line-height: 1.5em;
        position: absolute;
        top: 0;
        width: 1.5em;
    }

        label.checkbox span:after,
        label.radio span:after {
            align-items: center;
            color: #fff;
            content: url(/images/svg/close-icon.svg);
            display: flex;
            display: none;
            font-family: sans-serif;
            font-weight: 700;
            height: 75%;
            justify-content: center;
            left: 12.5%;
            line-height: 1em;
            position: absolute;
            text-align: center;
            top: 12.5%;
            width: 75%;
        }

    label.checkbox input,
    label.radio input {
        opacity: 0;
        position: absolute;
        z-index: -1;
    }

        label.checkbox input:disabled ~ span,
        label.radio input:disabled ~ span {
            background: #ccc;
            opacity: 0.6;
            pointer-events: none;
        }

        label.checkbox input:checked ~ span,
        label.radio input:checked ~ span {
            background: var(--secondary-color);
            color: var(--primary-color);
        }

            label.checkbox input:checked ~ span:after,
            label.radio input:checked ~ span:after {
                display: block;
            }

    label.checkbox:hover input:not([disabled]):checked ~ span,
    label.checkbox:hover input ~ span,
    label.radio:hover input:not([disabled]):checked ~ span,
    label.radio:hover input ~ span {
        background: var(--secondary-color);
    }

@media (max-width: 640px) {
    label.checkbox {
        margin-bottom: 0;
    }
}

label.radio span {
    border-radius: 50%;
    overflow: hidden;
}

    label.radio span:after {
        background: var(--secondary-color);
        border-radius: 50%;
        content: "";
        height: 75%;
        left: 0;
        position: relative;
        top: 0;
        width: 75%;
    }

label.radio input:disabled ~ span {
    background: #ccc;
    opacity: 0.6;
    pointer-events: none;
}

label.radio input:checked ~ span {
    background: var(--background-color);
}

label.radio:hover input ~ span {
    background: var(--secondary-color);
}

label.radio:hover input:not([disabled]):checked ~ span {
    background: var(--primary-color);
}

form .legal {
    text-wrap: balance;
    color: #656565;
    font-size: 12px;
    margin: 2em auto;
}

form .btn-toolbar,
form .legal {
    text-align: center;
}

form#ContactForm_ContactForm,
form#CrmForm_CrmForm {
    margin: 0 auto;
    max-width: 770px;
}

    form#ContactForm_ContactForm fieldset,
    form#CrmForm_CrmForm fieldset {
        display: flex;
        flex-wrap: wrap;
        gap: 4%;
    }

        form#ContactForm_ContactForm fieldset .field,
        form#CrmForm_CrmForm fieldset .field {
            width: 100%;
        }

@media (min-width: 768px) {
    form#ContactForm_ContactForm fieldset .field,
    form#CrmForm_CrmForm fieldset .field {
        width: 48%;
    }

        form#ContactForm_ContactForm fieldset .field.textarea,
        form#CrmForm_CrmForm fieldset .field.textarea {
            width: 100%;
        }

        form#ContactForm_ContactForm fieldset .field.checkbox,
        form#ContactForm_ContactForm fieldset .field.radio,
        form#CrmForm_CrmForm fieldset .field.checkbox,
        form#CrmForm_CrmForm fieldset .field.radio {
            margin-left: auto;
            margin-right: auto;
            width: 90%;
        }

        form#ContactForm_ContactForm fieldset .field#CrmForm_CrmForm_Zip_Holder,
        form#CrmForm_CrmForm fieldset .field#CrmForm_CrmForm_Zip_Holder {
            margin-left: auto;
            margin-right: auto;
        }

        form#ContactForm_ContactForm fieldset .field#CrmForm_CrmForm_Optin_Holder,
        form#CrmForm_CrmForm fieldset .field#CrmForm_CrmForm_Optin_Holder {
            margin-bottom: 1em;
        }
}

section.formwrap.container {
    padding: clamp(3.125rem, 2.328rem + 3.27vw, 6.25rem) 0;
}

    section.formwrap.container form {
        padding-top: clamp(0.75rem, 0.145rem + 2.48vw, 3.125rem);
    }

    section.formwrap.container + section.formwrap.container {
        padding-top: 0;
    }

button,
input[type="submit"] {
    all: unset;
    cursor: pointer;
}

a {
    cursor: pointer;
}

.btn,
button.btn,
button[type="submit"],
input[type="submit"] {
    border-bottom: 2px solid var(--primary-color);
    color: currentColor;
    display: inline-block;
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size: clamp(0.75rem, 0.686rem + 0.26vw, 1rem);
    font-style: normal;
    font-weight: 600;
    letter-spacing: clamp(0.022rem, 0.021rem + 0.01vw, 0.03rem);
    padding: 0 0 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: color 0.3s ease, border-color 0.3s ease;
}

    .btn:after,
    button.btn:after,
    button[type="submit"]:after,
    input[type="submit"]:after {
        background: var(--secondary-color);
        bottom: -2px;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        transition: width 0.3s ease;
        width: 0;
    }

    .btn:hover,
    button.btn:hover,
    button[type="submit"]:hover,
    input[type="submit"]:hover {
        color: var(--secondary-color);
    }

        .btn:hover:after,
        button.btn:hover:after,
        button[type="submit"]:hover:after,
        input[type="submit"]:hover:after {
            width: 100%;
        }

    .btn.nounderline,
    button.btn.nounderline,
    button[type="submit"].nounderline,
    input[type="submit"].nounderline {
        background: none;
        border: none;
        color: currentColor;
        padding: 10px 0;
    }

    .btn.large,
    .btn.square,
    button.btn.large,
    button.btn.square,
    button[type="submit"].large,
    button[type="submit"].square,
    input[type="submit"].large,
    input[type="submit"].square {
        border: 2px solid;
        font-size: clamp(0.75rem, 0.686rem + 0.26vw, 1rem);
        padding: clamp(0.795rem, 0.679rem + 0.48vw, 1.25rem) clamp(1.193rem, 0.94rem + 1.04vw, 2.188rem);
        transition: all 0.3s;
    }

.dark .btn.large span,
.dark .btn.square span,
.dark button.btn.large span,
.dark button.btn.square span,
.dark button[type="submit"].large span,
.dark button[type="submit"].square span,
.dark input[type="submit"].large span,
.dark input[type="submit"].square span {
    position: relative;
    z-index: 1;
}

.btn.large:after,
.btn.square:after,
button.btn.large:after,
button.btn.square:after,
button[type="submit"].large:after,
button[type="submit"].square:after,
input[type="submit"].large:after,
input[type="submit"].square:after {
    background: var(--secondary-color);
    border: none;
    bottom: auto;
    content: "";
    height: 100%;
    top: 0;
    z-index: -1;
}

.dark .btn.large:after,
.dark .btn.square:after,
.dark button.btn.large:after,
.dark button.btn.square:after,
.dark button[type="submit"].large:after,
.dark button[type="submit"].square:after,
.dark input[type="submit"].large:after,
.dark input[type="submit"].square:after {
    z-index: 0;
}

.btn.large:hover,
.btn.square:hover,
button.btn.large:hover,
button.btn.square:hover,
button[type="submit"].large:hover,
button[type="submit"].square:hover,
input[type="submit"].large:hover,
input[type="submit"].square:hover {
    color: #fff;
}

.btn.large,
button.btn.large,
button[type="submit"].large,
input[type="submit"].large {
    border-color: var(--secondary-color);
    font-size: clamp(0.813rem, 0.765rem + 0.2vw, 1rem);
    letter-spacing: 1.6px;
    min-width: 248px;
    padding: 20px;
}

input[type="submit"]:hover {
    border-color: var(--secondary-color);
}

#agegate-dialog {
    background-size: cover;
    border: 0;
    height: 100dvh;
    left: 0;
    margin: 0;
    max-width: 100%;
    min-height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    top: 0;
    transform: none;
    width: 100%;
}

    #agegate-dialog[open] {
        align-items: stretch;
        display: flex;
        justify-content: center;
    }

    #agegate-dialog .wrap {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        min-height: 500px;
        position: relative;
        width: 100%;
    }

    #agegate-dialog .bg {
        left: 50%;
        max-height: 100dvh;
        -o-object-position: right center;
        object-position: right center;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: object-fit 0.3s;
        transition: object-fit 0.3s, -o-object-fit 0.3s;
    }

@media (min-width: 1140px) {
    #agegate-dialog .bg {
        -o-object-position: center center;
        object-position: center center;
    }
}

#agegate-dialog svg {
    height: auto;
    max-width: 355px;
    position: relative;
    width: 50%;
}

@media (min-height: 640px) {
    #agegate-dialog svg {
        left: 50%;
        position: fixed;
        top: var(--header-height);
        transform: translateX(-50%);
    }
}

#agegate-dialog h1 {
    font-size: clamp(1.563rem, 0.925rem + 2.61vw, 4.063rem);
    letter-spacing: 0.12em;
    margin-bottom: 0.5em;
}

#agegate-dialog .btns {
    align-items: center;
    display: flex;
    gap: 2.4em;
    justify-content: center;
}

    #agegate-dialog .btns .btn {
        font-size: clamp(1.25rem, 1.123rem + 0.52vw, 1.75rem);
        font-weight: 400;
        letter-spacing: 0.1em;
        padding: 0 1em 10px;
    }

#agegate-dialog .sgw {
    display: inline-block;
    margin-top: 3em;
}

#agegate-dialog p {
    font-size: clamp(0.688rem, 0.624rem + 0.26vw, 0.938rem);
    margin: 1em 0 0;
}

@media (min-width: 1140px) {
    #agegate-dialog .copy {
        transform: translateX(22%);
    }
}

header.main {
    view-transition-name: main-header;
    align-items: center;
    display: flex;
    height: var(--header-height);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
}

    header.main .container {
        align-items: center;
        display: flex;
        justify-content: space-between;
        max-width: 1762px;
        position: relative;
        width: 90%;
        z-index: 1;
    }

@media (min-width: 768px) {
    header.main .container {
        justify-content: center;
    }
}

header.main .container a.logo {
    display: inline-block;
    max-width: 450px;
    width: 30%;
}

    header.main .container a.logo img {
        /*        aspect-ratio: 450/30;
*/ height: auto;
        width: 100%;
    }

.logo-head {
    flex: 0 0 auto;
}

.menu-head {
    flex: 1;
}

.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
}

    .menu li {
        margin-left: 20px;
    }

        .menu li a {
            display: inline-block;
            font-family: 'Montserrat', Arial, sans-serif;
            font-size: clamp(1.125rem, 1.045rem + 0.1vw, 1.438rem);
            font-style: normal;
            font-weight: 800;
            line-height: 1;
            margin-bottom: 0.5em;
            text-decoration: none;
            text-transform: uppercase;
        }


        .menu li:first-child {
            margin-left: 0;
        }



@media (max-width: 660px) {
    .menu-head {
        display: none;
    }
}

@media (min-width: 1150px) {
    header.main .hamburger {
        display: none;
    }
}

header.main .hamburger {
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
}

    header.main .hamburger svg {
        aspect-ratio: 1;
        height: auto;
        margin-right: 1em;
        overflow: visible;
    }

        header.main .hamburger svg line {
            stroke: currentColor;
            transition: transform 0.2s;
        }

    header.main .hamburger:hover {
        color: var(--secondary-color);
    }

@media (min-width: 768px) {
    header.main .hamburger {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

header.main nav {
    align-items: stretch;
    display: flex;
    height: calc(100dvh - var(--header-height));
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: var(--header-height);
    transform: translateX(100%);
    transition: transform 0.3s;
    width: 100%;
}

    header.main nav ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        margin: 1em auto;
        max-width: 1762px;
        min-height: calc(100dvh - var(--header-height));
        padding: 0;
        position: relative;
        width: 90%;
        z-index: 1;
    }

@media (min-height: 640px) {
    header.main nav ul {
        justify-content: space-evenly;
        margin: 0 auto;
    }
}

@media (min-width: 768px) {
    header.main nav ul {
        left: 80px;
    }
}

header.main nav ul li a {
    display: inline-block;
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size: clamp(3.125rem, 3.045rem + 0.33vw, 3.438rem);
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0.5em;
    text-decoration: none;
    text-transform: uppercase;
}

@media (min-height: 660px) {
    header.main nav ul li a {
        margin: 0;
    }
}

@media (min-width: 768px) {
    header.main nav ul li a {
        font-weight: 300;
        line-height: 1.1;
        transition: all 0.3s ease;
    }

        header.main nav ul li a:hover {
            font-size: clamp(3.25rem, -0.321rem + 7.14vw, 8.25rem);
            font-weight: 800;
        }
}

header.main .bg {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

    header.main .bg .svg-navcircles {
        height: 120%;
        position: absolute;
        right: -10%;
        top: -10%;
        width: auto;
    }

@media (min-width: 768px) {
    header.main .bg .svg-navcircles {
        left: -10%;
        right: auto;
        top: -10%;
    }
}

header.main .dots {
    display: none;
}

@media (min-width: 768px) {
    header.main .dots {
        display: flex;
        justify-content: center;
        left: 50%;
        max-width: 1762px;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 90%;
    }
}

header.main.active .hamburger line:first-of-type {
    transform: rotate(30deg) translate(1px, 5.25px);
    transform-origin: top;
}

header.main.active .hamburger line:last-of-type {
    transform: rotate(-30deg) translate(-5px, -7px);
    transform-origin: top;
}

header.main.active nav {
    transform: none;
}

footer.main a:not(.logo) {
    transition: color 0.3s;
}

    footer.main a:not(.logo):hover {
        color: var(--secondary-color) !important;
    }

footer.main .crm {
    padding-top: clamp(3.875rem, 3.27rem + 2.48vw, 6.25rem);
}

    footer.main .crm h4 {
        font-size: clamp(1rem, 0.857rem + 0.59vw, 1.563rem);
        font-weight: 600;
        letter-spacing: clamp(0.1rem, 0.086rem + 0.06vw, 0.156rem);
    }

        footer.main .crm h4 svg {
            fill: currentColor;
            display: block;
            margin: 0 auto 20px;
        }

@media (min-width: 768px) {
    footer.main .crm h4 svg {
        margin: 0 20px 0 0;
    }

    footer.main .crm h4 {
        align-items: center;
        display: flex;
        justify-content: center;
    }
}

footer.main nav {
    padding: clamp(3.875rem, 3.27rem + 2.48vw, 6.25rem) 0;
}

    footer.main nav .container {
        max-width: 1764px;
        width: 74%;
    }

@media (min-width: 768px) {
    footer.main nav .container {
        width: 90%;
    }
}

footer.main nav ul {
    list-style: none;
    padding: 0;
}

    footer.main nav ul svg path,
    footer.main nav ul svg rect {
        fill: currentColor;
    }

footer.main nav .social {
    align-items: center;
    display: flex;
    gap: 35px;
    justify-content: center;
    margin: 50px 0;
}

    footer.main nav .social a {
        display: block;
    }

    footer.main nav .social svg {
        aspect-ratio: 1;
        -o-object-fit: contain;
        object-fit: contain;
        width: 35px;
    }

footer.main nav .legal ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (min-width: 768px) {
    footer.main nav .legal ul {
        flex-direction: row;
        gap: 90px;
        justify-content: center;
    }
}

footer.main nav .legal a,
footer.main nav .legal ul {
    color: #818186;
    font-size: 10px;
    text-decoration: none;
}

@media (min-width: 768px) {
    footer.main nav .legal a,
    footer.main nav .legal ul {
        font-size: 12px;
    }
}

footer.main nav .legal img {
    display: block;
    margin: 50px auto 0;
}

@media (min-width: 1500px) {
    footer.main nav .legal img {
        bottom: 100px;
        margin: 0;
        position: absolute;
        right: 0;
    }
}

section.locator {
    padding: clamp(3.125rem, 2.169rem + 3.92vw, 6.875rem) 0;
}

@media (min-width: 768px) {
    section.locator {
        padding-bottom: 1em;
    }
}

section.locator h4 {
    margin-bottom: 1em;
    text-align: center;
}

section.locator form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;
    min-width: 170px;
    width: 50%;
}

@media (min-width: 768px) {
    section.locator form {
        align-items: center;
        flex-direction: row;
        justify-content: center;
        margin: 0;
        width: auto;
    }
}

section.locator form .zipinput {
    display: flex;
    gap: 20px;
}

    section.locator form .zipinput input {
        border: 0;
        padding: 0;
    }

    section.locator form .zipinput:hover input {
        color: var(--primary-color);
    }

    section.locator form .zipinput ::-moz-placeholder {
        text-transform: none;
    }

    section.locator form .zipinput ::placeholder {
        text-transform: none;
    }

section.locator form .or {
    display: block;
    text-align: center;
}

@media (min-width: 768px) {
    section.locator .form-actions {
        align-items: center;
        display: flex;
        flex-direction: row;
        gap: 20px;
        justify-content: center;
    }
}

section.locator .btn.online {
    display: block;
    margin: 40px auto 0;
    min-width: 170px;
    width: 50%;
}

@media (min-width: 768px) {
    section.locator .btn.online {
        margin: 0 0 0 40px;
        width: auto;
    }
}

section.locator .results {
    padding: clamp(2.25rem, 1.804rem + 1.83vw, 4rem) 0 0;
}

    section.locator .results .themap {
        margin-bottom: clamp(2.25rem, 1.804rem + 1.83vw, 4rem);
    }

        section.locator .results .themap div[role="dialog"] div.content {
            line-height: 1.2;
        }

            section.locator .results .themap div[role="dialog"] div.content h5 {
                font-weight: 600;
                margin-bottom: 0.5em;
            }

            section.locator .results .themap div[role="dialog"] div.content address {
                margin-bottom: 0.5em;
            }

    section.locator .results ul {
        display: flex;
        flex-direction: column;
        gap: 50px;
        list-style: none;
        padding: 0;
    }

        section.locator .results ul li.third {
            border-bottom: 1px solid;
            font-size: clamp(1.125rem, 1.013rem + 0.46vw, 1.563rem);
            font-weight: 400;
            letter-spacing: normal;
            padding-bottom: 30px;
            text-transform: uppercase;
        }

        section.locator .results ul h5 {
            font-size: clamp(1.563rem, 1.483rem + 0.33vw, 1.875rem);
            font-weight: 700;
        }

        section.locator .results ul address {
            margin: 1em 0 2em;
        }

        section.locator .results ul address,
        section.locator .results ul span.distance {
            font-size: clamp(0.75rem, 0.686rem + 0.26vw, 1rem);
        }

    section.locator .results.online ul h5 {
        margin-bottom: 1em;
        text-transform: none;
    }

@media (min-width: 1150px) {
    section.locator .results.search {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

        section.locator .results.search .themap {
            height: 450px !important;
            width: 43% !important;
        }

        section.locator .results.search ul {
            height: 450px;
            overflow-y: auto;
            width: 53%;
        }

            section.locator .results.search ul li:not(.third) {
                display: grid;
                gap: 10%;
                grid-template-columns: 1.5fr 1.5fr 1fr;
            }

                section.locator .results.search ul li:not(.third) address {
                    margin: 0;
                }

                section.locator .results.search ul li:not(.third) .distance {
                    min-width: 18%;
                }
}

.Gcc\\Pages\\LocatorPage .wtb-wrap {
    padding-bottom: clamp(3.125rem, 2.169rem + 3.92vw, 6.875rem);
}

.Gcc\\Pages\\HomePage main {
    position: relative;
    width: 100%;
}

    .Gcc\\Pages\\HomePage main #hype {
        aspect-ratio: 16/9;
        background: #000;
        display: block;
        height: auto;
        margin-bottom: -2px;
        -o-object-fit: contain;
        object-fit: contain;
        transition: opacity 0.3s;
        width: 100%;
    }

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage main #hype {
        display: none;
    }

        .Gcc\\Pages\\HomePage main #hype.animate {
            display: block;
            height: 100dvh;
            left: 0;
            position: fixed;
            top: 0;
            z-index: 6;
        }
}

.Gcc\\Pages\\HomePage main .svg-split-dot {
    display: block;
    height: auto;
    max-width: 58px;
    pointer-events: none;
    width: 6.28%;
}

    .Gcc\\Pages\\HomePage main .svg-split-dot#fixeddot {
        view-transition-name: fixed-dot;
        display: none;
    }

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage main .svg-split-dot#fixeddot {
        display: block;
        width: 6.28vw;
    }
}

.Gcc\\Pages\\HomePage main section.snap {
    scroll-margin-top: var(--header-height);
}

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage main section.snap {
        background: #fff;
        height: calc(100dvh - var(--header-height));
        left: 0;
        overflow: clip;
        scroll-snap-align: start;
        top: 0;
        width: 100%;
    }

        .Gcc\\Pages\\HomePage main section.snap .svg-split-dot {
            display: none;
        }
}

.Gcc\\Pages\\HomePage main section.snap .content {
    margin: 0 auto;
    position: relative;
    width: 84%;
    z-index: 1;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage main section.snap .content {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        opacity: 0;
        transform: translate(-50%);
        transition: all 0.5s;
        width: 50% !important;
        z-index: 0;
    }

        .Gcc\\Pages\\HomePage main section.snap .content.reverse {
            transform: translate(50%);
        }

        .Gcc\\Pages\\HomePage main section.snap .content.animated {
            opacity: 1;
            transform: none !important;
        }
}

@media (min-width: 768px) and (prefers-reduced-motion) {
    .Gcc\\Pages\\HomePage main section.snap .content {
        opacity: 1;
        transform: none !important;
    }
}

.Gcc\\Pages\\HomePage main section.snap .content .svg-split-dot {
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 50%);
}

.Gcc\\Pages\\HomePage main .split {
    display: flex;
    flex-direction: column;
    position: relative;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage main .split {
        flex-direction: row;
    }

        .Gcc\\Pages\\HomePage main .split#collection,
        .Gcc\\Pages\\HomePage main .split#luxury {
            flex-direction: row-reverse;
        }
}

.Gcc\\Pages\\HomePage main .split img,
.Gcc\\Pages\\HomePage main .split video {
    aspect-ratio: 1;
    display: block;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage main .split img,
    .Gcc\\Pages\\HomePage main .split video {
        aspect-ratio: auto;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
    }

        .Gcc\\Pages\\HomePage main .split img.animated,
        .Gcc\\Pages\\HomePage main .split video.animated {
            height: auto;
            position: relative;
            width: 50%;
        }
}

@media (min-width: 768px) and (prefers-reduced-motion) {
    .Gcc\\Pages\\HomePage main .split img,
    .Gcc\\Pages\\HomePage main .split video {
        height: auto;
        position: relative;
        width: 50%;
    }
}

.Gcc\\Pages\\HomePage main .split.padded .content {
    padding-bottom: 3em;
    padding-top: 3em;
}

    .Gcc\\Pages\\HomePage main .split.padded .content p {
        margin: 1.6em 0;
        width: 65%;
    }

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage main .split.padded .content p {
        width: 100%;
    }
}

@media (prefers-reduced-motion) {
    .Gcc\\Pages\\HomePage main .split.padded .content {
        opacity: 1;
        transform: none !important;
    }
}

.Gcc\\Pages\\HomePage main .split.padded .wrap {
    max-width: 487px;
}

.Gcc\\Pages\\HomePage main .split#craft img,
.Gcc\\Pages\\HomePage main .split#craft video {
    view-transition-name: craft-image;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage main .split#craft .wrap {
        max-width: 356px;
    }

    .Gcc\\Pages\\HomePage main .split#craft img,
    .Gcc\\Pages\\HomePage main .split#craft video {
        left: auto;
        right: 0;
    }
}

.Gcc\\Pages\\HomePage main nav.scroll {
    display: none;
    pointer-events: none;
}

    .Gcc\\Pages\\HomePage main nav.scroll button {
        pointer-events: auto;
    }

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage main nav.scroll {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: calc(100dvh - var(--header-height));
        justify-content: space-between;
        left: 50%;
        max-width: 58px;
        position: fixed;
        top: var(--header-height);
        transform: translateX(-50%);
        width: 6.28vw;
        z-index: 2;
    }

    .Gcc\\Pages\\HomePage main {
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        width: 100%;
    }

        .Gcc\\Pages\\HomePage main .dots.scrolljack {
            color: #fff;
            left: 2vw;
            position: fixed;
            top: 50%;
        }

            .Gcc\\Pages\\HomePage main .dots.scrolljack.black {
                color: #000;
            }
}

.Gcc\\Pages\\HomePage #luxury .content {
    text-align: left;
}

@media (max-width: 389px) {
    .Gcc\\Pages\\HomePage #luxury .content {
        width: 94%;
    }
}

.Gcc\\Pages\\HomePage #luxury .secondary {
    padding: 1.6666667em 0;
}

    .Gcc\\Pages\\HomePage #luxury .secondary strong {
        display: block;
        font-size: 2.7em;
        font-weight: 800;
    }

        .Gcc\\Pages\\HomePage #luxury .secondary strong sup {
            font-size: 0.125em;
            font-weight: 300;
            top: -5em;
        }

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage #luxury .secondary {
        font-size: clamp(1.563rem, 0.271rem + 2.69vw, 3.5rem);
        padding: 0;
    }
}

.Gcc\\Pages\\HomePage main section.featured {
    overflow: clip;
    position: relative;
    width: 100%;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage main section.featured {
        display: flex;
    }
}

@media (orientation: landscape) and (min-width: 768px) and (max-height: 600px) {
    .Gcc\\Pages\\HomePage main section.featured {
        min-height: 600px;
    }
}

.Gcc\\Pages\\HomePage main section.featured .stick {
    display: block;
    height: 200%;
    left: 50%;
    max-width: unset;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0.15;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    z-index: 0;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage main section.featured .stick {
        height: 100%;
        left: auto;
        opacity: 1;
        right: 0;
        top: 0;
        transform: none;
        width: 100%;
        z-index: 1;
    }
}

@media (min-width: 768px) and (prefers-reduced-motion) {
    .Gcc\\Pages\\HomePage main section.featured .stick {
        height: auto;
        position: relative;
        width: 50%;
    }
}

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage main section.featured .stick.animated {
        height: auto;
        position: relative;
        width: 50%;
    }
}

.Gcc\\Pages\\HomePage main section.featured .content {
    text-wrap: unset;
    margin: 0 auto;
    padding: 4em 0;
    position: relative;
    width: 75%;
    z-index: 1;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage main section.featured .content {
        transform: translateX(50%);
        z-index: 0;
    }

        .Gcc\\Pages\\HomePage main section.featured .content img {
            aspect-ratio: 602/500;
            max-height: calc(60dvh - var(--header-height));
            max-width: 602px;
            -o-object-fit: contain;
            object-fit: contain;
            width: 90%;
        }
}

@media (min-width: 768px) and (prefers-reduced-motion) {
    .Gcc\\Pages\\HomePage main section.featured .content {
        opacity: 1;
        transform: none !important;
    }
}

.Gcc\\Pages\\BasicProduct .Gcc\\Pages\\HomePage main section.featured section.content.sbs .copy-container .copy h2,
.Gcc\\Pages\\HomePage main section.featured .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy h2,
.Gcc\\Pages\\HomePage main section.featured .content .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy h2,
.Gcc\\Pages\\HomePage main section.featured .content .Gcc\\Pages\\WorldPost section.split-grid .copy h2,
.Gcc\\Pages\\HomePage main section.featured .content .third,
.Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy .Gcc\\Pages\\HomePage main section.featured .content h2,
.Gcc\\Pages\\WorldPost section.split-grid .copy .Gcc\\Pages\\HomePage main section.featured .content h2 {
    font-weight: 800;
    margin-bottom: -0.5em;
    position: relative;
    z-index: 1;
}

    .Gcc\\Pages\\BasicProduct .Gcc\\Pages\\HomePage main section.featured section.content.sbs .copy-container .copy h2 span,
    .Gcc\\Pages\\HomePage main section.featured .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy h2 span,
    .Gcc\\Pages\\HomePage main section.featured .content .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy h2 span,
    .Gcc\\Pages\\HomePage main section.featured .content .Gcc\\Pages\\WorldPost section.split-grid .copy h2 span,
    .Gcc\\Pages\\HomePage main section.featured .content .third span,
    .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy .Gcc\\Pages\\HomePage main section.featured .content h2 span,
    .Gcc\\Pages\\WorldPost section.split-grid .copy .Gcc\\Pages\\HomePage main section.featured .content h2 span {
        font-weight: 400;
    }

.Gcc\\Pages\\HomePage main section.featured .content p {
    margin: 1.8em auto 1em;
    width: 75%;
}

.Gcc\\Pages\\HomePage #world {
    padding: 1.875em 0 3.5em;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage #world {
        display: flex;
        flex-direction: column;
        height: calc(100vh - var(--header-height));
        padding: 0;
    }

        .Gcc\\Pages\\HomePage #world .intro {
            align-items: center;
            display: flex;
            flex-direction: column;
            height: 50%;
            justify-content: center;
        }

        .Gcc\\Pages\\HomePage #world .images {
            align-items: flex-start;
            display: flex;
            height: 50%;
            padding: 2em 0;
            width: 100%;
        }

            .Gcc\\Pages\\HomePage #world .images .glide,
            .Gcc\\Pages\\HomePage #world .images .glide ul,
            .Gcc\\Pages\\HomePage #world .images .glide__track {
                height: 100%;
            }
}

.Gcc\\Pages\\HomePage #world .images .glide__slide {
    align-items: center;
    display: flex;
    height: 100%;
    height: calc(45vh - var(--header-height));
    position: relative;
    transition: all 0.3s;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage #world .images .glide__slide {
        height: 100%;
    }
}

.Gcc\\Pages\\HomePage #world .images .glide__slide:nth-of-type(3n + 1) {
    z-index: 1;
}

.Gcc\\Pages\\HomePage #world .images .glide__slide:nth-of-type(8n-1),
.Gcc\\Pages\\HomePage #world .images .glide__slide:nth-of-type(8n-6) {
    transform: translateY(20%);
}

.Gcc\\Pages\\HomePage #world .images .glide__slide:nth-of-type(8n-3) {
    transform: translateY(-5%);
}

.Gcc\\Pages\\HomePage #world .images .glide__slide:nth-of-type(8n-5) {
    transform: translateY(-10%);
}

.Gcc\\Pages\\HomePage #world .images .glide__slide:nth-of-type(8n) {
    transform: translateY(-3%);
}

.Gcc\\Pages\\HomePage #world .images .glide__slide:hover {
    z-index: 2;
}

.Gcc\\Pages\\HomePage #world .images img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1.2);
    width: 100%;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\HomePage {
        -webkit-overflow-scrolling: auto;
        overflow: initial;
        overscroll-behavior: none;
        scroll-snap-stop: always;
        scroll-snap-type: y mandatory;
        width: 100%;
    }
}

.Gcc\\Pages\\HomePage .topit,
.Gcc\\Pages\\HomePage footer.main {
    position: relative;
    scroll-snap-align: start;
    z-index: 3;
}

.Gcc\\Pages\\ProductsPage main section {
    padding: clamp(3.125rem, 1.532rem + 6.54vw, 9.375rem) 0;
}

    .Gcc\\Pages\\ProductsPage main section h3 {
        border-bottom: 1px solid #818186;
        margin-bottom: 1.42em;
        padding-bottom: 0.71em;
    }

        .Gcc\\Pages\\ProductsPage main section h3.cigar-class {
            opacity: 0;
            transform: translateY(40px);
        }

@media (prefers-reduced-motion) {
    .Gcc\\Pages\\ProductsPage main section h3.cigar-class {
        opacity: 1 !important;
        transform: translateY(0) !important;
        visibility: unset !important;
    }
}

.Gcc\\Pages\\ProductsPage main section .product-title {
    font-size: clamp(1.438rem, 1.087rem + 1.44vw, 2.813rem);
    letter-spacing: 0.01em;
}

.Gcc\\Pages\\ProductsPage main section.dark h3 {
    border-bottom-color: #dedede;
}

.Gcc\\Pages\\ProductsPage main .container.max {
    max-width: 1720px;
}

.Gcc\\Pages\\ProductsPage .intro {
    opacity: 0;
    padding-top: clamp(4.188rem, 3.598rem + 2.42vw, 6.5rem);
}

@media (prefers-reduced-motion) {
    .Gcc\\Pages\\ProductsPage .intro {
        opacity: 1;
    }
}

.Gcc\\Pages\\ProductsPage .featured:first-of-type {
    padding-top: clamp(3.125rem, 2.328rem + 3.27vw, 6.25rem);
}

.Gcc\\Pages\\ProductsPage .featured p {
    font-size: clamp(1.125rem, 0.934rem + 0.78vw, 1.875rem);
}

.Gcc\\Pages\\ProductsPage .featured img {
    margin-bottom: clamp(0.75rem, 0.384rem + 1.5vw, 2.188rem);
    margin-top: clamp(1rem, 0.458rem + 2.22vw, 3.125rem);
}

.Gcc\\Pages\\ProductsPage .product-carousel h3 {
    margin-bottom: 0.71em;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\ProductsPage .product-carousel h3 {
        margin-bottom: 1.42em;
    }
}

.Gcc\\Pages\\ProductsPage .product-carousel li {
    text-align: center;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\ProductsPage .product-carousel li {
        text-align: left;
    }
}

.Gcc\\Pages\\ProductsPage .product-carousel li a {
    display: block;
    text-decoration: none;
    width: 100%;
}

    .Gcc\\Pages\\ProductsPage .product-carousel li a .image-container {
        align-items: center;
        aspect-ratio: 520/838;
        display: flex;
        height: auto;
        justify-content: center;
        max-height: 65vh;
        overflow: hidden;
        width: 100%;
    }

        .Gcc\\Pages\\ProductsPage .product-carousel li a .image-container img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            transition: all 0.3s;
            width: 100%;
        }

    .Gcc\\Pages\\ProductsPage .product-carousel li a:hover img {
        scale: 1.2;
        transition: all 0.3s;
    }

    .Gcc\\Pages\\ProductsPage .product-carousel li a:hover .product-title.hover {
        color: #ce0e2d;
    }

.Gcc\\Pages\\ProductsPage .product-carousel .controls {
    align-items: center;
    display: flex;
    font-size: clamp(1.875rem, 1.461rem + 1.7vw, 3.5rem);
    gap: 24px;
    justify-content: center;
    margin-bottom: 0.71em;
    opacity: 0;
    pointer-events: none;
    transform: none !important;
}

@media (prefers-reduced-motion) {
    .Gcc\\Pages\\ProductsPage .product-carousel .controls {
        opacity: 1 !important;
        visibility: unset !important;
    }
}

.Gcc\\Pages\\ProductsPage .product-carousel .controls button {
    pointer-events: auto;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\ProductsPage .product-carousel .controls {
        position: unset;
    }

        .Gcc\\Pages\\ProductsPage .product-carousel .controls button {
            align-items: center;
            background-color: #fff;
            display: flex;
            height: 88px;
            justify-content: center;
            position: absolute;
            top: 45%;
            transform: translateY(-50%);
            width: 58px;
            z-index: 2;
        }

            .Gcc\\Pages\\ProductsPage .product-carousel .controls button.prev {
                left: 0;
            }

            .Gcc\\Pages\\ProductsPage .product-carousel .controls button.next {
                right: 0;
            }

            .Gcc\\Pages\\ProductsPage .product-carousel .controls button:hover svg path {
                stroke: #ce0e2d !important;
            }

            .Gcc\\Pages\\ProductsPage .product-carousel .controls button svg {
                height: auto;
                width: 22px !important;
            }

                .Gcc\\Pages\\ProductsPage .product-carousel .controls button svg path {
                    stroke: #000 !important;
                }
}

.Gcc\\Pages\\ProductsPage .product-carousel .controls svg {
    height: auto;
    width: 10px;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\ProductsPage .product-carousel .controls svg {
        width: 16px;
    }
}

.Gcc\\Pages\\ProductsPage .product-carousel .controls svg path {
    stroke: #818186;
    stroke-opacity: 1;
}

.Gcc\\Pages\\ProductsPage .product-carousel .product-title {
    margin-bottom: 0.3333em;
    margin-top: clamp(0.75rem, 0.543rem + 0.85vw, 1.563rem);
}

.Gcc\\Pages\\ProductsPage .product-carousel.dark .controls svg path {
    stroke: #dedede;
}

@media (prefers-reduced-motion) {
    .Gcc\\Pages\\ProductsPage .product-carousel .glide__slide {
        opacity: 1 !important;
        transform: translateY(0) !important;
        visibility: unset !important;
    }
}

.Gcc\\Pages\\ProductsPage .product-carousel.vault li a {
    position: relative;
}

    .Gcc\\Pages\\ProductsPage .product-carousel.vault li a img {
        aspect-ratio: 648/999;
        max-height: 80vh;
    }

    .Gcc\\Pages\\ProductsPage .product-carousel.vault li a .content {
        align-items: center;
        background: rgba(0, 0, 0, 0.6);
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

@media (hover: hover) and (pointer: fine) {
    .Gcc\\Pages\\ProductsPage .product-carousel.vault li a .content:hover {
        opacity: 1;
    }
}

@media (pointer: coarse) and (max-width: 767px) {
    .Gcc\\Pages\\ProductsPage .product-carousel.vault li.glide__slide--active .content {
        opacity: 1;
    }
}

@media (pointer: coarse) and (min-width: 768px) {
    .Gcc\\Pages\\ProductsPage .product-carousel.vault li.glide__slide--active + li .content {
        opacity: 1;
    }
}

.Gcc\\Pages\\ProductsPage section.limited ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .Gcc\\Pages\\ProductsPage section.limited ul a {
        text-decoration: none;
    }

    .Gcc\\Pages\\ProductsPage section.limited ul img {
        view-transition-name: var(--name);
        aspect-ratio: 350/210;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }

    .Gcc\\Pages\\ProductsPage section.limited ul .content {
        border-top: 1px solid #818186;
        margin-top: clamp(1.25rem, 0.868rem + 1.57vw, 2.75rem);
        padding-top: clamp(0.875rem, 0.62rem + 1.05vw, 1.875rem);
    }

        .Gcc\\Pages\\ProductsPage section.limited ul .content * {
            opacity: 0;
            transform: translateY(40px);
        }

@media (prefers-reduced-motion) {
    .Gcc\\Pages\\ProductsPage section.limited ul .content * {
        opacity: 1 !important;
        visibility: unset !important;
    }
}

.Gcc\\Pages\\ProductsPage section.limited ul .content p {
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size: clamp(0.75rem, 0.463rem + 1.18vw, 1.875rem);
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.02em;
    margin-bottom: 0;
}

@media (min-width: 1150px) {
    .Gcc\\Pages\\ProductsPage section.limited ul .content p {
        margin: 0 0 0 1em;
    }

    .Gcc\\Pages\\ProductsPage section.limited ul .content {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
}

@media (min-width: 768px) {
    .Gcc\\Pages\\ProductsPage section.limited ul {
        gap: 0 40px;
    }
}

.Gcc\\Pages\\ProductsPage section.limited ul li {
    margin-bottom: clamp(2.813rem, 1.936rem + 3.59vw, 6.25rem);
    width: 100%;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\ProductsPage section.limited ul li {
        width: calc(50% - 20px);
    }

        .Gcc\\Pages\\ProductsPage section.limited ul li .image-container {
            aspect-ratio: 840/500;
        }

        .Gcc\\Pages\\ProductsPage section.limited ul li:nth-child(3n + 1) {
            width: 100%;
        }

            .Gcc\\Pages\\ProductsPage section.limited ul li:nth-child(3n + 1) .image-container {
                aspect-ratio: 1720/575;
            }
}

.Gcc\\Pages\\ProductsPage section.limited ul li .image-container {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    overflow: hidden;
    width: 100%;
}

@media (prefers-reduced-motion) {
    .Gcc\\Pages\\ProductsPage section.limited ul li .image-container {
        opacity: 1 !important;
        visibility: unset !important;
    }
}

.Gcc\\Pages\\ProductsPage section.limited ul li .image-container img {
    aspect-ratio: unset;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.3s;
    width: 100%;
}

.Gcc\\Pages\\ProductsPage section.limited ul li a:hover img {
    scale: 1.2;
    transition: all 0.3s;
}

.Gcc\\Pages\\ProductsPage section.limited ul li a:hover .product-title {
    color: #ce0e2d;
}

.Gcc\\Pages\\ProductsPage section.featured a .image-container {
    --w: 3441;
    --h: 1150;
    align-items: center;
    aspect-ratio: var(--w) / var(--h);
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    margin-bottom: clamp(0.75rem, 0.384rem + 1.5vw, 2.188rem);
    margin-top: clamp(1rem, 0.458rem + 2.22vw, 3.125rem);
    overflow: hidden;
    width: 100%;
}

    .Gcc\\Pages\\ProductsPage section.featured a .image-container img {
        transition: all 0.3s;
    }

.Gcc\\Pages\\ProductsPage section.featured a:hover img {
    transform: scale(1.2);
    transition: all 0.3s;
}

.Gcc\\Pages\\BasicProduct section.wbf,
.Gcc\\Pages\\LimitedProduct section.wbf,
.Gcc\\Pages\\VaultProduct section.wbf {
    background: var(--secondary-color) !important;
    padding: clamp(3.5rem, 2.162rem + 5.49vw, 8.75rem) 0;
    position: relative;
    z-index: 3;
}

    .Gcc\\Pages\\BasicProduct section.wbf ul,
    .Gcc\\Pages\\LimitedProduct section.wbf ul,
    .Gcc\\Pages\\VaultProduct section.wbf ul {
        display: flex;
        flex-direction: column;
        gap: 2.375rem;
        list-style-type: none;
        margin: 0 auto 2.375rem;
        max-width: 1680px;
        min-width: 262px;
        padding: 0;
        width: 66%;
    }

@media (min-width: 768px) {
    .Gcc\\Pages\\BasicProduct section.wbf ul,
    .Gcc\\Pages\\LimitedProduct section.wbf ul,
    .Gcc\\Pages\\VaultProduct section.wbf ul {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 3%;
        justify-content: space-between;
        margin: 0 auto;
        width: 87.5%;
    }
}

.Gcc\\Pages\\BasicProduct section.wbf ul li.segment,
.Gcc\\Pages\\LimitedProduct section.wbf ul li.segment,
.Gcc\\Pages\\VaultProduct section.wbf ul li.segment {
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size: clamp(1rem, 0.888rem + 0.46vw, 1.438rem);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 175%;
}

    .Gcc\\Pages\\BasicProduct section.wbf ul li.segment p,
    .Gcc\\Pages\\LimitedProduct section.wbf ul li.segment p,
    .Gcc\\Pages\\VaultProduct section.wbf ul li.segment p {
        font-size: 1em;
        margin-bottom: 0;
        margin-top: 0;
    }

        .Gcc\\Pages\\BasicProduct section.wbf ul li.segment p + p,
        .Gcc\\Pages\\LimitedProduct section.wbf ul li.segment p + p,
        .Gcc\\Pages\\VaultProduct section.wbf ul li.segment p + p {
            margin-top: 0.5em;
        }

    .Gcc\\Pages\\BasicProduct section.wbf ul li.segment .btn,
    .Gcc\\Pages\\LimitedProduct section.wbf ul li.segment .btn,
    .Gcc\\Pages\\VaultProduct section.wbf ul li.segment .btn {
        margin-top: 1em;
    }

@media (min-width: 768px) {
    .Gcc\\Pages\\BasicProduct section.wbf ul li.segment,
    .Gcc\\Pages\\LimitedProduct section.wbf ul li.segment,
    .Gcc\\Pages\\VaultProduct section.wbf ul li.segment {
        font-size: clamp(0.875rem, 0.5rem + 0.78vw, 1.438rem);
        margin-bottom: 3.26em;
        width: 48%;
    }

        .Gcc\\Pages\\BasicProduct section.wbf ul li.segment.accolades,
        .Gcc\\Pages\\LimitedProduct section.wbf ul li.segment.accolades,
        .Gcc\\Pages\\VaultProduct section.wbf ul li.segment.accolades {
            width: 100%;
        }
}

@media (min-width: 1150px) {
    .Gcc\\Pages\\BasicProduct section.wbf ul li.segment.wrapper,
    .Gcc\\Pages\\LimitedProduct section.wbf ul li.segment.wrapper,
    .Gcc\\Pages\\VaultProduct section.wbf ul li.segment.wrapper {
        max-width: 260px;
        width: 15.4%;
    }

    .Gcc\\Pages\\BasicProduct section.wbf ul li.segment.binder,
    .Gcc\\Pages\\LimitedProduct section.wbf ul li.segment.binder,
    .Gcc\\Pages\\VaultProduct section.wbf ul li.segment.binder {
        max-width: 270px;
        width: 16%;
    }

    .Gcc\\Pages\\BasicProduct section.wbf ul li.segment.filler,
    .Gcc\\Pages\\LimitedProduct section.wbf ul li.segment.filler,
    .Gcc\\Pages\\VaultProduct section.wbf ul li.segment.filler {
        flex-shrink: 1;
        max-width: 590px;
        width: 29%;
    }

    .Gcc\\Pages\\BasicProduct section.wbf ul li.segment.frontmarks,
    .Gcc\\Pages\\LimitedProduct section.wbf ul li.segment.frontmarks,
    .Gcc\\Pages\\VaultProduct section.wbf ul li.segment.frontmarks {
        max-width: 420px;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.Gcc\\Pages\\BasicProduct section.wbf ul li.segment h3,
.Gcc\\Pages\\LimitedProduct section.wbf ul li.segment h3,
.Gcc\\Pages\\VaultProduct section.wbf ul li.segment h3 {
    border-bottom: 2px solid;
    font-size: clamp(1.188rem, 1.012rem + 0.72vw, 1.875rem);
    font-weight: 700;
    letter-spacing: 0.18em;
    margin-bottom: 0.63em;
    padding-bottom: 0.63em;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\BasicProduct section.wbf ul li.segment h3,
    .Gcc\\Pages\\LimitedProduct section.wbf ul li.segment h3,
    .Gcc\\Pages\\VaultProduct section.wbf ul li.segment h3 {
        text-wrap: nowrap;
        font-size: 1.3em;
    }
}

.Gcc\\Pages\\BasicProduct section.wbf ul li.segment ul,
.Gcc\\Pages\\LimitedProduct section.wbf ul li.segment ul,
.Gcc\\Pages\\VaultProduct section.wbf ul li.segment ul {
    flex-direction: column;
    gap: 0.5em;
    margin: 0;
}

    .Gcc\\Pages\\BasicProduct section.wbf ul li.segment ul li,
    .Gcc\\Pages\\LimitedProduct section.wbf ul li.segment ul li,
    .Gcc\\Pages\\VaultProduct section.wbf ul li.segment ul li {
        margin-bottom: 0;
        width: 100%;
    }

        .Gcc\\Pages\\BasicProduct section.wbf ul li.segment ul li strong,
        .Gcc\\Pages\\LimitedProduct section.wbf ul li.segment ul li strong,
        .Gcc\\Pages\\VaultProduct section.wbf ul li.segment ul li strong {
            font-family: Manrope, Arial, Helvetica, sans-serif;
            font-style: normal;
            font-weight: 700;
            text-transform: uppercase;
        }

        .Gcc\\Pages\\BasicProduct section.wbf ul li.segment ul li .span,
        .Gcc\\Pages\\LimitedProduct section.wbf ul li.segment ul li .span,
        .Gcc\\Pages\\VaultProduct section.wbf ul li.segment ul li .span {
            font-family: Manrope, Arial, Helvetica, sans-serif;
            font-style: normal;
            font-weight: 300;
        }

    .Gcc\\Pages\\BasicProduct section.wbf ul li.segment ul:not(.all) li:nth-child(n + 5),
    .Gcc\\Pages\\LimitedProduct section.wbf ul li.segment ul:not(.all) li:nth-child(n + 5),
    .Gcc\\Pages\\VaultProduct section.wbf ul li.segment ul:not(.all) li:nth-child(n + 5) {
        display: none;
    }

.Gcc\\Pages\\BasicProduct section.wbf .btn-container,
.Gcc\\Pages\\LimitedProduct section.wbf .btn-container,
.Gcc\\Pages\\VaultProduct section.wbf .btn-container {
    align-items: center;
    display: flex;
    justify-content: center;
}

    .Gcc\\Pages\\BasicProduct section.wbf .btn-container .btn.square:after,
    .Gcc\\Pages\\LimitedProduct section.wbf .btn-container .btn.square:after,
    .Gcc\\Pages\\VaultProduct section.wbf .btn-container .btn.square:after {
        background-color: var(--primary-color);
    }

    .Gcc\\Pages\\BasicProduct section.wbf .btn-container .btn.square:hover,
    .Gcc\\Pages\\LimitedProduct section.wbf .btn-container .btn.square:hover,
    .Gcc\\Pages\\VaultProduct section.wbf .btn-container .btn.square:hover {
        color: var(--secondary-color);
    }

.Gcc\\Pages\\BasicProduct .intro {
    position: relative;
    z-index: 1;
}

    .Gcc\\Pages\\BasicProduct .intro .sticky {
        display: flex;
        flex-direction: column;
        padding: calc(110px + 1em) 0 1em;
        position: relative;
        text-align: center;
        width: 100%;
        z-index: 1;
    }

@media (prefers-reduced-motion) {
    .Gcc\\Pages\\BasicProduct .intro .sticky {
        padding: 1em 0 !important;
    }
}

@media (max-width: 767px) {
    .Gcc\\Pages\\BasicProduct .intro .sticky {
        padding: 90px 0 1em;
    }

        .Gcc\\Pages\\BasicProduct .intro .sticky h1 {
            padding-top: 2em;
        }
}

.Gcc\\Pages\\BasicProduct .intro .sticky a {
    margin: 0 2em;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
}

.Gcc\\Pages\\BasicProduct .intro .canvas-container {
    height: 100svh;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}

@media (prefers-reduced-motion) {
    .Gcc\\Pages\\BasicProduct .intro .canvas-container {
        transform: translateY(0) !important;
    }
}

.Gcc\\Pages\\BasicProduct .intro .canvas-container .webgl {
    max-height: 100svh;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    outline: none;
    width: 100%;
}

.Gcc\\Pages\\BasicProduct .photos {
    align-items: center;
    display: grid;
    grid-template-areas: "box box stick stick" "box box  lifeStyle ." "lifeStyleTwo lifeStyleTwo . .";
    grid-template-columns: repeat(4, 1fr);
    height: 100%;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1;
}

@media (max-width: 767px) {
    .Gcc\\Pages\\BasicProduct .photos {
        gap: 1em;
        grid-template-areas: "box box box box box box" "box box box box box box" "lifeStyle lifeStyle  lifeStyle . . ." "lifeStyle lifeStyle  lifeStyle lifeStyleTwo lifeStyleTwo lifeStyleTwo" "blank blank blank lifeStyleTwo lifeStyleTwo lifeStyleTwo" "stick stick stick stick stick stick" "stick stick stick stick stick stick";
        grid-template-columns: repeat(6, 1fr);
        padding-top: 5vh;
    }
}

.Gcc\\Pages\\BasicProduct .photos .image-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .Gcc\\Pages\\BasicProduct .photos .image-container:first-child {
        grid-area: box;
        z-index: 5;
    }

@media (min-width: 768px) {
    .Gcc\\Pages\\BasicProduct .photos .image-container:first-child {
        margin-left: 15%;
    }
}

.Gcc\\Pages\\BasicProduct .photos .image-container:first-child img {
    position: relative;
}

.Gcc\\Pages\\BasicProduct .photos .image-container:nth-child(2) {
    aspect-ratio: 1/1;
    grid-area: stick;
}

@media (max-width: 767px) {
    .Gcc\\Pages\\BasicProduct .photos .image-container:nth-child(2) {
        margin: 2em auto auto;
        max-width: 90%;
    }
}

.Gcc\\Pages\\BasicProduct .photos .image-container:nth-child(3) {
    aspect-ratio: 1/1;
    grid-area: lifeStyle;
}

.Gcc\\Pages\\BasicProduct .photos .image-container:nth-child(4) {
    aspect-ratio: 2.2/1;
    grid-area: lifeStyleTwo;
}

@media (max-width: 767px) {
    .Gcc\\Pages\\BasicProduct .photos .image-container:nth-child(4) {
        grid-column-end: 7;
        grid-column-start: 3;
        grid-row-end: 6;
        grid-row-start: 4;
        margin-top: 2em;
    }
}

.Gcc\\Pages\\BasicProduct .photos .image-container:nth-child(2),
.Gcc\\Pages\\BasicProduct .photos .image-container:nth-child(3),
.Gcc\\Pages\\BasicProduct .photos .image-container:nth-child(4) {
    align-self: self-start;
    z-index: 3;
}

    .Gcc\\Pages\\BasicProduct .photos .image-container:nth-child(2) img,
    .Gcc\\Pages\\BasicProduct .photos .image-container:nth-child(3) img,
    .Gcc\\Pages\\BasicProduct .photos .image-container:nth-child(4) img {
        height: 130%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%;
    }

@media (max-width: 767px) {
    .Gcc\\Pages\\BasicProduct section.content {
        padding: 4em 0 0;
    }
}

.Gcc\\Pages\\BasicProduct section.content.sbs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media (max-width: 767px) {
    .Gcc\\Pages\\BasicProduct section.content.sbs {
        justify-content: flex-end;
    }
}

.Gcc\\Pages\\BasicProduct section.content.sbs .copy-container,
.Gcc\\Pages\\BasicProduct section.content.sbs .image-container {
    height: auto;
    width: 50%;
}

.Gcc\\Pages\\BasicProduct section.content.sbs .copy-container {
    margin: auto;
    max-width: 90%;
}

@media (max-width: 767px) {
    .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container {
        width: 100%;
    }
}

.Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy {
    text-wrap: pretty;
    margin: auto;
    max-width: clamp(19.625rem, 14.846rem + 19.61vw, 38.375rem);
    opacity: 0;
    padding: 2em 0;
}

@media (prefers-reduced-motion) {
    .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy {
        opacity: 1 !important;
    }
}

@media (max-width: 767px) {
    .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy {
        text-align: center;
    }
}

.Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy p {
    color: #818186;
    line-height: 1.75em;
}

.Gcc\\Pages\\BasicProduct section.content.sbs .image-container {
    aspect-ratio: 33/25;
    overflow: hidden;
    position: relative;
}

    .Gcc\\Pages\\BasicProduct section.content.sbs .image-container img {
        height: 120%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%;
    }

@media (max-width: 767px) {
    .Gcc\\Pages\\BasicProduct section.content.sbs .image-container {
        width: 58.5%;
    }

        .Gcc\\Pages\\BasicProduct section.content.sbs .image-container img {
            height: 140%;
        }
}

.Gcc\\Pages\\BasicProduct section.video {
    width: 100%;
}

    .Gcc\\Pages\\BasicProduct section.video .media-container {
        align-items: center;
        display: flex;
        justify-content: center;
        overflow: hidden;
        position: relative;
    }

        .Gcc\\Pages\\BasicProduct section.video .media-container video {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
        }

        .Gcc\\Pages\\BasicProduct section.video .media-container img {
            height: 140%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .Gcc\\Pages\\BasicProduct section.video button {
        aspect-ratio: 1;
        left: 50%;
        max-width: 141px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 16%;
    }

        .Gcc\\Pages\\BasicProduct section.video button svg {
            height: auto;
            transition: transform 0.3s;
            width: 100%;
        }

        .Gcc\\Pages\\BasicProduct section.video button:hover svg {
            transform: scale(1.2);
        }

@media (max-width: 767px) {
    .Gcc\\Pages\\BasicProduct {
        padding: 0;
    }
}

.Gcc\\Pages\\BasicProduct .main {
    overflow: unset;
}

    .Gcc\\Pages\\BasicProduct .main .footer {
        position: relative;
        z-index: 10;
    }

    .Gcc\\Pages\\BasicProduct .main #smooth-content {
        background-color: var(--background-color);
    }

    .Gcc\\Pages\\BasicProduct .main .legal {
        align-items: center;
        display: flex;
        justify-content: center;
        padding: 1em 0;
    }

        .Gcc\\Pages\\BasicProduct .main .legal .copy {
            font-family: Manrope, Arial, Helvetica, sans-serif;
            font-style: normal;
            font-weight: 400;
            max-width: 90%;
            text-align: center;
        }

            .Gcc\\Pages\\BasicProduct .main .legal .copy p {
                color: #818186;
                font-size: clamp(0.688rem, 0.624rem + 0.26vw, 0.938rem);
                margin-bottom: 0;
            }

.Gcc\\Pages\\ExperiencePage .intro {
    max-width: 1060px;
    padding: clamp(3.125rem, 1.962rem + 4.77vw, 7.688rem) 0;
}

@media (prefers-reduced-motion: no-preference) {
    .Gcc\\Pages\\ExperiencePage .intro {
        opacity: 0;
    }
}

.Gcc\\Pages\\ExperiencePage .glide {
    aspect-ratio: 965/825;
}

.Gcc\\Pages\\ExperiencePage .glide__track {
    height: 100%;
}

.Gcc\\Pages\\ExperiencePage .glide__slides {
    height: 100% !important;
    transform: translateZ(0) !important;
    width: 100% !important;
}

.Gcc\\Pages\\ExperiencePage .glide__slide {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.4s ease;
    width: 100%;
    z-index: 0;
}

    .Gcc\\Pages\\ExperiencePage .glide__slide img {
        display: block;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }

.Gcc\\Pages\\ExperiencePage .glide__slide--active {
    opacity: 1;
    z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
    .Gcc\\Pages\\ExperiencePage .split-grid .content {
        opacity: 0;
    }
}

@media (min-width: 768px) {
    .Gcc\\Pages\\ExperiencePage .split-grid .content {
        transform: translateY(30px);
    }
}

.Gcc\\Pages\\BasicProduct .Gcc\\Pages\\ExperiencePage .split-grid section.content.sbs .copy-container .copy h2,
.Gcc\\Pages\\ExperiencePage .Gcc\\Pages\\WorldPost section.split-grid .content .copy h2,
.Gcc\\Pages\\ExperiencePage .Gcc\\Pages\\WorldPost section.split-grid .copy .content h2,
.Gcc\\Pages\\ExperiencePage .split-grid .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy h2,
.Gcc\\Pages\\ExperiencePage .split-grid .content .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy h2,
.Gcc\\Pages\\ExperiencePage .split-grid .content .third,
.Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy .Gcc\\Pages\\ExperiencePage .split-grid .content h2,
.Gcc\\Pages\\WorldPost .Gcc\\Pages\\ExperiencePage section.split-grid .content .copy h2,
.Gcc\\Pages\\WorldPost .Gcc\\Pages\\ExperiencePage section.split-grid .copy .content h2 {
    font-weight: 600;
}

    .Gcc\\Pages\\BasicProduct .Gcc\\Pages\\ExperiencePage .split-grid section.content.sbs .copy-container .copy h2 span,
    .Gcc\\Pages\\ExperiencePage .Gcc\\Pages\\WorldPost section.split-grid .content .copy h2 span,
    .Gcc\\Pages\\ExperiencePage .Gcc\\Pages\\WorldPost section.split-grid .copy .content h2 span,
    .Gcc\\Pages\\ExperiencePage .split-grid .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy h2 span,
    .Gcc\\Pages\\ExperiencePage .split-grid .content .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy h2 span,
    .Gcc\\Pages\\ExperiencePage .split-grid .content .third span,
    .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy .Gcc\\Pages\\ExperiencePage .split-grid .content h2 span,
    .Gcc\\Pages\\WorldPost .Gcc\\Pages\\ExperiencePage section.split-grid .content .copy h2 span,
    .Gcc\\Pages\\WorldPost .Gcc\\Pages\\ExperiencePage section.split-grid .copy .content h2 span {
        font-weight: 400;
        margin-bottom: 1.25em;
        margin-top: 1.25em;
    }

.Gcc\\Pages\\ExperiencePage .split-grid .content p {
    color: #818186;
    margin-bottom: 1.8em;
    margin-top: 0;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\ExperiencePage .split-grid .content p {
        max-width: 85%;
    }
}

.Gcc\\Pages\\CraftPage #smooth-content {
    padding-top: var(--header-height);
}

.Gcc\\Pages\\CraftPage .intro {
    padding: 0 0 clamp(3.125rem, 1.962rem + 4.77vw, 7.688rem);
}

@media (prefers-reduced-motion: no-preference) {
    .Gcc\\Pages\\CraftPage .intro {
        opacity: 0;
        padding: clamp(3.125rem, 1.962rem + 4.77vw, 7.688rem) 0;
    }
}

.Gcc\\Pages\\CraftPage .intro h1 span {
    font-weight: 400;
}

@media (max-width: 767px) {
    .Gcc\\Pages\\CraftPage .split-grid {
        display: flex;
        flex-direction: column-reverse;
    }
}

.Gcc\\Pages\\CraftPage .split-grid:not(:first-of-type) {
    padding: 5vh 0;
}

.Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy .Gcc\\Pages\\CraftPage .split-grid h2,
.Gcc\\Pages\\CraftPage .Gcc\\Pages\\WorldPost section.split-grid .copy h2,
.Gcc\\Pages\\CraftPage .split-grid .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy h2,
.Gcc\\Pages\\CraftPage .split-grid .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy h2,
.Gcc\\Pages\\CraftPage .split-grid h2.third,
.Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy .Gcc\\Pages\\CraftPage .split-grid h2,
.Gcc\\Pages\\WorldPost .Gcc\\Pages\\CraftPage section.split-grid .copy h2 {
    color: #333;
    font-weight: 400;
    letter-spacing: clamp(0.025rem, 0.016rem + 0.04vw, 0.063rem);
    line-height: 1.45;
    text-transform: none;
}

.Gcc\\Pages\\CraftPage .split-grid p {
    color: #818186;
    line-height: 1.75;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\CraftPage .split-grid .asset {
        width: 53.28125%;
    }
}

.Gcc\\Pages\\CraftPage .split-grid .asset.animated {
    position: relative;
}

    .Gcc\\Pages\\CraftPage .split-grid .asset.animated img:not(.a),
    .Gcc\\Pages\\CraftPage .split-grid .asset.animated video:not(.a) {
        left: 0;
        position: absolute;
        top: 0;
    }

@media (min-width: 768px) {
    .Gcc\\Pages\\CraftPage .split-grid .asset.scaled {
        transform: scale(1.1);
    }
}

@media (prefers-reduced-motion: no-preference) {
    .Gcc\\Pages\\CraftPage .split-grid .content {
        opacity: 0;
    }
}

@media (min-width: 768px) {
    .Gcc\\Pages\\CraftPage .split-grid .content {
        transform: translateY(30px);
        width: 46.71875%;
    }

    .Gcc\\Pages\\CraftPage .split-grid.alt .asset {
        width: 46.71875%;
    }

    .Gcc\\Pages\\CraftPage .split-grid.alt .content {
        width: 53.28125%;
    }
}

.Gcc\\Pages\\CraftPage .collection {
    align-items: center;
    aspect-ratio: 390/285;
    display: flex;
    justify-content: center;
    margin: clamp(1.25rem, 0.055rem + 4.9vw, 5.938rem) 0;
    overflow: hidden;
    position: relative;
}

    .Gcc\\Pages\\CraftPage .collection .container {
        padding: clamp(3.125rem, 2.169rem + 3.92vw, 6.875rem) 0;
    }

        .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy .Gcc\\Pages\\CraftPage .collection .container h2,
        .Gcc\\Pages\\CraftPage .collection .container .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy h2,
        .Gcc\\Pages\\CraftPage .collection .container .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy h2,
        .Gcc\\Pages\\CraftPage .collection .container .Gcc\\Pages\\WorldPost section.split-grid .copy h2,
        .Gcc\\Pages\\CraftPage .collection .container .third,
        .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy .Gcc\\Pages\\CraftPage .collection .container h2,
        .Gcc\\Pages\\WorldPost section.split-grid .copy .Gcc\\Pages\\CraftPage .collection .container h2 {
            font-weight: 600;
            margin-bottom: 1.25rem;
        }

            .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy .Gcc\\Pages\\CraftPage .collection .container h2 span,
            .Gcc\\Pages\\CraftPage .collection .container .Gcc\\Pages\\BasicProduct section.content.sbs .copy-container .copy h2 span,
            .Gcc\\Pages\\CraftPage .collection .container .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy h2 span,
            .Gcc\\Pages\\CraftPage .collection .container .Gcc\\Pages\\WorldPost section.split-grid .copy h2 span,
            .Gcc\\Pages\\CraftPage .collection .container .third span,
            .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy .Gcc\\Pages\\CraftPage .collection .container h2 span,
            .Gcc\\Pages\\WorldPost section.split-grid .copy .Gcc\\Pages\\CraftPage .collection .container h2 span {
                font-weight: 400;
            }

@media (min-width: 768px) {
    .Gcc\\Pages\\CraftPage .collection {
        aspect-ratio: 1920/725;
        margin-bottom: 0;
    }
}

.Gcc\\Pages\\VaultProduct {
    --primary-color: #fff;
    --background-color: #000;
}

    .Gcc\\Pages\\VaultProduct .intro {
        display: flex;
        flex-direction: column;
        padding: calc(110px + 1em) 0 1em;
        position: relative;
        z-index: 1;
    }

@media (prefers-reduced-motion) {
    .Gcc\\Pages\\VaultProduct .intro {
        padding: 1em 0 !important;
    }
}

.Gcc\\Pages\\VaultProduct .intro h1 {
    display: flex;
    flex-direction: column;
    padding: 0.5em 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 3;
}

@media (max-width: 767px) {
    .Gcc\\Pages\\VaultProduct .intro {
        padding: 90px 0 1em;
    }

        .Gcc\\Pages\\VaultProduct .intro h1 {
            padding-top: 2em;
        }
}

.Gcc\\Pages\\VaultProduct .intro nav a {
    margin: 0 2em;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
}

.Gcc\\Pages\\VaultProduct .intro .stick {
    margin: 0 auto clamp(3rem, 1.573rem + 5.86vw, 8.6rem);
    max-width: 1490px;
    width: 78%;
}

.Gcc\\Pages\\VaultProduct .intro .canvas-container {
    height: 100svh;
    position: relative;
    width: 100%;
    z-index: -1;
}

    .Gcc\\Pages\\VaultProduct .intro .canvas-container .webgl {
        max-height: 100svh;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        outline: none;
        width: 100%;
    }

.Gcc\\Pages\\VaultProduct section.photos {
    align-items: center;
    display: grid;
    grid-template-areas: "one one one one . . . ." "one one one one two two . ." "three three three . four four four four" ". . . . four four four four";
    grid-template-columns: repeat(8, 1fr);
    height: 100%;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1;
}

@media (max-width: 767px) {
    .Gcc\\Pages\\VaultProduct section.photos {
        gap: 2em;
        grid-template-areas: "one one one one one one" "one one one one one one" "two two two . . ." "four four four four four four" "four four four four four four" ". . three three three three";
        grid-template-columns: repeat(6, 1fr);
        z-index: 1;
    }
}

.Gcc\\Pages\\VaultProduct section.photos .image-container {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .Gcc\\Pages\\VaultProduct section.photos .image-container:first-child {
        aspect-ratio: 1/1;
        grid-area: one;
    }

    .Gcc\\Pages\\VaultProduct section.photos .image-container:nth-child(2) {
        aspect-ratio: 1/1;
        grid-area: two;
    }

    .Gcc\\Pages\\VaultProduct section.photos .image-container:nth-child(3) {
        aspect-ratio: 3/1.5;
        grid-area: three;
    }

        .Gcc\\Pages\\VaultProduct section.photos .image-container:nth-child(3) img {
            height: 160%;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
        }

    .Gcc\\Pages\\VaultProduct section.photos .image-container:nth-child(4) {
        aspect-ratio: 1/1;
        grid-area: four;
    }

        .Gcc\\Pages\\VaultProduct section.photos .image-container:nth-child(4) img {
            bottom: 0;
            height: auto;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            width: 100%;
        }

    .Gcc\\Pages\\VaultProduct section.photos .image-container:first-child,
    .Gcc\\Pages\\VaultProduct section.photos .image-container:nth-child(2) {
        align-self: self-start;
        z-index: 3;
    }

        .Gcc\\Pages\\VaultProduct section.photos .image-container:first-child img,
        .Gcc\\Pages\\VaultProduct section.photos .image-container:nth-child(2) img {
            height: 140%;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
        }

@media (max-width: 767px) {
    .Gcc\\Pages\\VaultProduct {
        padding: 0;
    }
}

.Gcc\\Pages\\VaultProduct main.main {
    overflow: unset;
}

    .Gcc\\Pages\\VaultProduct main.main #smooth-content {
        background-color: var(--background-color);
    }

.Gcc\\Pages\\VaultProduct .legal {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 1em 0;
}

    .Gcc\\Pages\\VaultProduct .legal .copy {
        font-family: Manrope, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: 400;
        max-width: 90%;
        text-align: center;
    }

        .Gcc\\Pages\\VaultProduct .legal .copy p {
            color: #818186;
            font-size: clamp(0.688rem, 0.624rem + 0.26vw, 0.938rem);
            margin-bottom: 0;
        }

.Gcc\\Pages\\LimitedProduct {
    --primary-color: #fff;
    --background-color: #000;
}

    .Gcc\\Pages\\LimitedProduct section.intro {
        padding-top: var(--header-height);
        position: relative;
    }

@media (prefers-reduced-motion) {
    .Gcc\\Pages\\LimitedProduct section.intro {
        padding-top: 0 !important;
    }
}

.Gcc\\Pages\\LimitedProduct section.intro nav.sticky .btn {
    margin: 1em 2em 2em;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\LimitedProduct section.intro nav.sticky {
        left: 5vw;
        margin: 0;
        position: absolute;
        top: 6.25%;
        z-index: 1;
    }
}

@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
    .Gcc\\Pages\\LimitedProduct section.intro nav.sticky {
        transform: translateY(var(--header-height));
    }
}

.Gcc\\Pages\\LimitedProduct section.intro .media-container {
    align-items: center;
    aspect-ratio: 390/285;
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\LimitedProduct section.intro .media-container {
        aspect-ratio: 1920/768;
    }
}

.Gcc\\Pages\\LimitedProduct section.intro .media-container img,
.Gcc\\Pages\\LimitedProduct section.intro .media-container video {
    view-transition-name: var(--name);
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.Gcc\\Pages\\LimitedProduct section.intro .media-container .centered-container {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    z-index: 1;
}

    .Gcc\\Pages\\LimitedProduct section.intro .media-container .centered-container .icon + .title {
        margin-bottom: 0.786em;
    }

.Gcc\\Pages\\LimitedProduct section.intro .media-container button svg {
    transform: scale(1);
    transition: transform 0.3s;
}

.Gcc\\Pages\\LimitedProduct section.intro .media-container button:hover svg {
    transform: scale(1.2);
    transition: transform 0.3s;
}

.Gcc\\Pages\\LimitedProduct section.photos {
    align-items: flex-start;
    display: grid;
    grid-template-areas: "one     .     two  two" "one     .     two  two" "one     .     two  two" ".       .     two  two" "three   three two  two" "three   three four ." "three   three four ." ".       .     four .";
    grid-template-columns: repeat(4, 1fr);
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1;
}

@media (max-width: 767px) {
    .Gcc\\Pages\\LimitedProduct section.photos {
        gap: 1em;
        grid-template-areas: "one   one   one   .     .     ." "one   one   one   two   two   two" ".     .     .     two   two   two" ".     .     .     .     .     ." "three three three three three three" ".     .     .     .     .     ." ".     .     .     four  four  four";
        grid-template-columns: repeat(6, 1fr);
        padding-top: 4em;
    }
}

.Gcc\\Pages\\LimitedProduct section.photos video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.Gcc\\Pages\\LimitedProduct section.photos .image-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .Gcc\\Pages\\LimitedProduct section.photos .image-container img {
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

    .Gcc\\Pages\\LimitedProduct section.photos .image-container:first-child {
        aspect-ratio: 1;
        grid-area: one;
    }

    .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(2) {
        aspect-ratio: 957/718;
        display: flex;
        grid-area: two;
    }

@media (max-width: 767px) {
    .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(2) {
        aspect-ratio: 271/192;
        grid-column-end: 7;
        grid-column-start: 3;
        grid-row-end: 3;
        grid-row-start: 2;
        margin-top: 3em;
    }
}

.Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) {
    grid-area: three;
    height: auto;
    width: 100%;
}

    .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy {
        margin: auto;
        max-width: clamp(21.625rem, 17.355rem + 17.52vw, 38.375rem);
        opacity: 0;
        padding: 2em 1em;
    }

@media (max-width: 767px) {
    .Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(3) .copy {
        padding: 2em 0;
        text-align: center;
    }
}

.Gcc\\Pages\\LimitedProduct section.photos .image-container:nth-child(4) {
    aspect-ratio: 1;
    grid-area: four;
}

.Gcc\\Pages\\LimitedProduct section.product-data {
    padding: 4em 0;
    position: relative;
}

    .Gcc\\Pages\\LimitedProduct section.product-data .glide {
        position: relative;
    }

    .Gcc\\Pages\\LimitedProduct section.product-data .glide__track {
        box-shadow: inset 0 -2px 0 var(--primary-color);
        margin: auto;
        max-width: 1750px;
        width: 85%;
    }

    .Gcc\\Pages\\LimitedProduct section.product-data .glide__slides {
        margin: auto;
    }

    .Gcc\\Pages\\LimitedProduct section.product-data .glide__slide {
        pointer-events: none;
    }

        .Gcc\\Pages\\LimitedProduct section.product-data .glide__slide button.year {
            box-sizing: border-box;
            font-family: Manrope, Arial, Helvetica, sans-serif;
            font-size: clamp(1.25rem, 0.852rem + 1.63vw, 2.813rem);
            font-style: normal;
            font-weight: 200;
            padding-bottom: 0.25em;
            pointer-events: auto;
            text-align: center;
            width: 100%;
        }

            .Gcc\\Pages\\LimitedProduct section.product-data .glide__slide button.year.active,
            .Gcc\\Pages\\LimitedProduct section.product-data .glide__slide button.year:focus,
            .Gcc\\Pages\\LimitedProduct section.product-data .glide__slide button.year:hover {
                box-shadow: inset 0 -6px 0 var(--primary-color);
                font-family: Manrope, Arial, Helvetica, sans-serif;
                font-style: normal;
                font-weight: 500;
                outline: none;
            }

    .Gcc\\Pages\\LimitedProduct section.product-data .glide .controls {
        align-items: center;
        display: flex;
        font-size: clamp(1.875rem, 1.461rem + 1.7vw, 3.5rem);
        justify-content: space-between;
        left: 50%;
        max-width: 1750px;
        max-width: unset;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 85%;
    }

        .Gcc\\Pages\\LimitedProduct section.product-data .glide .controls button {
            pointer-events: auto;
            position: relative;
            top: -8px;
        }

            .Gcc\\Pages\\LimitedProduct section.product-data .glide .controls button.prev {
                padding-right: 0.5em;
            }

            .Gcc\\Pages\\LimitedProduct section.product-data .glide .controls button.next {
                padding-left: 0.5em;
            }

        .Gcc\\Pages\\LimitedProduct section.product-data .glide .controls svg {
            height: auto;
            width: 10px;
        }

@media (min-width: 768px) {
    .Gcc\\Pages\\LimitedProduct section.product-data .glide .controls svg {
        width: 16px;
    }
}

.Gcc\\Pages\\LimitedProduct section.product-data .glide .controls svg path {
    stroke: #818186;
    stroke-opacity: 1;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\LimitedProduct section.product-data .glide .controls:not(.show-desktop) {
        display: none;
    }
}

.Gcc\\Pages\\LimitedProduct section.product-data .product-data-container .sbs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5%;
    justify-content: center;
    margin: auto;
    max-width: 1402px;
    padding: clamp(3rem, 2.235rem + 3.14vw, 6rem) 0;
    width: 80%;
}

    .Gcc\\Pages\\LimitedProduct section.product-data .product-data-container .sbs .wbf,
    .Gcc\\Pages\\LimitedProduct section.product-data .product-data-container .sbs img {
        height: auto;
        width: 47.5%;
    }

@media (max-width: 767px) {
    .Gcc\\Pages\\LimitedProduct section.product-data .product-data-container .sbs .wbf,
    .Gcc\\Pages\\LimitedProduct section.product-data .product-data-container .sbs img {
        width: 100%;
    }

    .Gcc\\Pages\\LimitedProduct section.product-data .product-data-container .sbs img {
        margin-bottom: 2em;
    }
}

.Gcc\\Pages\\LimitedProduct section.product-data .product-data-container .sbs section.wbf {
    background: var(--background-color) !important;
    max-width: 662px;
    padding: 0;
}

    .Gcc\\Pages\\LimitedProduct section.product-data .product-data-container .sbs section.wbf ul {
        justify-content: space-between;
        margin: auto;
        row-gap: 2.375rem;
        width: 100%;
    }

        .Gcc\\Pages\\LimitedProduct section.product-data .product-data-container .sbs section.wbf ul li {
            margin-bottom: 0;
            width: 100%;
        }

@media (min-width: 768px) {
    .Gcc\\Pages\\LimitedProduct section.product-data .product-data-container .sbs section.wbf ul li.binder,
    .Gcc\\Pages\\LimitedProduct section.product-data .product-data-container .sbs section.wbf ul li.wrapper {
        width: 45%;
    }
}

.Gcc\\Pages\\LimitedProduct section.product-data .product-data-container .sbs .btn-container {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 4em auto 0;
    max-width: 662px;
    opacity: 0;
}

.Gcc\\Pages\\LimitedProduct section.product-data .cigar-images-wrapper {
    position: relative;
}

.Gcc\\Pages\\LimitedProduct section.product-data .cigar-images {
    align-items: flex-start;
    display: grid;
    grid-template-areas: ".   .    .  one" "two two  .  one" "two two  .  one" "two two  .  .";
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    left: 0;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.5s;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}

    .Gcc\\Pages\\LimitedProduct section.product-data .cigar-images.active {
        opacity: 1;
        position: relative;
        transition-delay: 0.5s;
        visibility: visible;
    }

@media (max-width: 767px) {
    .Gcc\\Pages\\LimitedProduct section.product-data .cigar-images {
        grid-template-areas: "one one  .    ." "one one  two  two" ".   .    two  two";
        grid-template-columns: repeat(4, 1fr);
        padding-top: 4em;
    }
}

.Gcc\\Pages\\LimitedProduct section.product-data .cigar-images .image-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .Gcc\\Pages\\LimitedProduct section.product-data .cigar-images .image-container img {
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: -25%;
        width: 100%;
    }

    .Gcc\\Pages\\LimitedProduct section.product-data .cigar-images .image-container:first-child {
        aspect-ratio: 961/596;
        grid-area: two;
    }

        .Gcc\\Pages\\LimitedProduct section.product-data .cigar-images .image-container:first-child img {
            aspect-ratio: 961/596;
        }

@media (max-width: 767px) {
    .Gcc\\Pages\\LimitedProduct section.product-data .cigar-images .image-container:first-child {
        grid-column-end: 5;
        grid-column-start: 2;
        grid-row-end: 3;
        grid-row-start: 3;
        margin-top: -3em;
    }

        .Gcc\\Pages\\LimitedProduct section.product-data .cigar-images .image-container:first-child img {
            z-index: 4;
        }
}

.Gcc\\Pages\\LimitedProduct section.product-data .cigar-images .image-container:nth-child(2) {
    aspect-ratio: 1;
    grid-area: one;
}

    .Gcc\\Pages\\LimitedProduct section.product-data .cigar-images .image-container:nth-child(2) img {
        aspect-ratio: 1;
    }

.Gcc\\Pages\\LimitedProduct section.product-data .productyears-wrap {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.Gcc\\Pages\\LimitedProduct section.product-data .productyears-enter-active .sbs,
.Gcc\\Pages\\LimitedProduct section.product-data .productyears-leave-active .sbs {
    opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
    .Gcc\\Pages\\LimitedProduct section.product-data .productyears-enter-active .sbs,
    .Gcc\\Pages\\LimitedProduct section.product-data .productyears-leave-active .sbs {
        transition: all 0.5s linear;
    }
}

.Gcc\\Pages\\LimitedProduct section.product-data .productyears-enter-from .sbs,
.Gcc\\Pages\\LimitedProduct section.product-data .productyears-leave-to .sbs {
    opacity: 0;
}

.Gcc\\Pages\\LimitedProduct section.product-data .productyears-leave-active {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

    .Gcc\\Pages\\LimitedProduct section.product-data .productyears-leave-active section.wbf {
        opacity: 0;
    }

@media (prefers-reduced-motion: no-preference) {
    .Gcc\\Pages\\LimitedProduct section.product-data .productyears-enter-active .sbs {
        transition-delay: 0.5s;
    }
}

@media (max-width: 767px) {
    .Gcc\\Pages\\LimitedProduct {
        padding: 0;
    }
}

.Gcc\\Pages\\LimitedProduct main#main {
    overflow: unset;
}

    .Gcc\\Pages\\LimitedProduct main#main #smooth-content {
        background-color: var(--background-color);
    }

.Gcc\\Pages\\LimitedProduct .legal {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 1em 0;
}

    .Gcc\\Pages\\LimitedProduct .legal .copy {
        font-family: Manrope, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: 400;
        max-width: 90%;
        text-align: center;
    }

        .Gcc\\Pages\\LimitedProduct .legal .copy p {
            color: #818186;
            font-size: clamp(0.688rem, 0.624rem + 0.26vw, 0.938rem);
            margin-bottom: 0;
        }

.Gcc\\Pages\\WorldPage {
    padding-top: 0;
}

    .Gcc\\Pages\\WorldPage .carousel {
        display: grid;
        grid-auto-rows: auto;
        grid-template-columns: 1fr;
        height: 100dvh;
        overflow: hidden;
        padding-bottom: clamp(2.25rem, 2.027rem + 0.92vw, 3.125rem);
        padding-top: var(--header-height);
        position: relative;
        width: 100%;
    }

        .Gcc\\Pages\\WorldPage .carousel h1 {
            color: #e6e6e5;
            font-family: Manrope, Arial, Helvetica, sans-serif;
            font-size: 25vw;
            font-style: normal;
            font-weight: 800;
            left: 0;
            letter-spacing: -0.3%;
            position: absolute;
            text-align: center;
            top: calc(50% + var(--header-height) / 2);
            transform: translateY(-50%) scale(1.1);
            width: 100%;
        }

@media (min-width: 768px) {
    .Gcc\\Pages\\WorldPage .carousel h1 {
        display: none;
    }
}

.Gcc\\Pages\\WorldPage .carousel h1.desktop {
    display: none;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\WorldPage .carousel h1.desktop {
        text-wrap: nowrap;
        display: block;
        font-size: 15vw;
        left: 20vw;
        padding-right: 0.5em;
        top: 50%;
        white-space: nowrap;
        width: auto;
    }
}

.Gcc\\Pages\\WorldPage .tagline {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
}

    .Gcc\\Pages\\WorldPage .tagline p {
        text-wrap: balance;
        color: #333;
        font-size: clamp(1.25rem, 1.043rem + 0.85vw, 2.063rem);
        line-height: 1.5;
        margin: auto;
        max-width: clamp(19.875rem, 18.661rem + 4.76vw, 24.375rem);
        text-align: center;
    }

@media (min-width: 768px) {
    .Gcc\\Pages\\WorldPage .tagline p {
        text-align: left;
    }

    .Gcc\\Pages\\WorldPage .tagline {
        bottom: 12vh;
        left: 56vw;
        max-width: 400px;
        text-align: left;
        top: auto;
        width: 20vw;
    }
}

@media (min-width: 2200px) {
    .Gcc\\Pages\\WorldPage .tagline {
        left: 40vw;
    }
}

.Gcc\\Pages\\WorldPage .photos {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
}

.Gcc\\Pages\\WorldPage .grid {
    display: grid;
    flex-grow: 1;
    gap: 10vw;
    grid-auto-flow: column;
    grid-template-columns: auto;
    grid-template-rows: 1fr;
    height: 100%;
    justify-content: flex-start;
    width: auto;
}

@media (max-width: 767px) {
    .Gcc\\Pages\\WorldPage .grid {
        gap: 10vw;
        padding-top: 10vh;
    }
}

.Gcc\\Pages\\WorldPage .grid .post {
    display: grid;
    height: 100%;
    max-width: 330px;
    pointer-events: none;
    width: 20vw;
}

@media (max-width: 767px) {
    .Gcc\\Pages\\WorldPage .grid .post {
        left: 10vw;
        position: relative;
    }
}

.Gcc\\Pages\\WorldPage .grid .post:nth-of-type(2n) {
    align-items: flex-start;
}

    .Gcc\\Pages\\WorldPage .grid .post:nth-of-type(2n) button {
        transform-origin: top left;
    }

.Gcc\\Pages\\WorldPage .grid .post:nth-of-type(odd) {
    align-items: flex-end;
}

    .Gcc\\Pages\\WorldPage .grid .post:nth-of-type(odd) button {
        transform-origin: bottom right;
    }

.Gcc\\Pages\\WorldPage .grid .post button {
    display: flex;
    max-height: 35dvh;
    pointer-events: auto;
    transform: scale(2);
    width: 100%;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\WorldPage .grid .post button {
        transform: scale(1.2);
    }
}

.Gcc\\Pages\\WorldPage .grid .post img {
    height: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: auto;
    width: auto;
}

.Gcc\\Pages\\WorldPage dialog.article {
    background: none;
    background: hsla(0, 0%, 100%, 0);
    border: 0;
    height: 100dvh;
    left: 0;
    margin: 0;
    max-height: 100dvh;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    position: fixed;
    top: 0;
    transform: none;
    width: 100%;
    z-index: 20;
}

    .Gcc\\Pages\\WorldPage dialog.article::backdrop {
        background: none;
    }

    .Gcc\\Pages\\WorldPage dialog.article[open] {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .Gcc\\Pages\\WorldPage dialog.article .encapsolute {
        margin: auto;
    }

    .Gcc\\Pages\\WorldPage dialog.article .back-button {
        margin: 0;
        z-index: 1;
    }

@media (min-width: 768px) {
    .Gcc\\Pages\\WorldPage dialog.article .back-button .btn {
        margin: 1em 2em 2em;
    }
}

@media (max-width: 767px) {
    .Gcc\\Pages\\WorldPage dialog.article .back-button {
        margin: 2em 0;
    }
}

.Gcc\\Pages\\WorldPage dialog.article article {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 1084px;
    overflow-y: auto;
    width: 80%;
}

    .Gcc\\Pages\\WorldPage dialog.article article .description-container {
        display: flex;
        flex-direction: column;
        margin: auto;
    }

@media (min-width: 768px) {
    .Gcc\\Pages\\WorldPage dialog.article article .description-container {
        align-items: flex-end;
        flex-direction: row;
        justify-content: space-between;
    }

        .Gcc\\Pages\\WorldPage dialog.article article .description-container button {
            width: 57%;
        }
}

.Gcc\\Pages\\WorldPage dialog.article article .description-container img {
    width: 100%;
}

.Gcc\\Pages\\WorldPage dialog.article article .description-container .copy {
    margin-bottom: 1em;
    text-align: left;
}

@media (min-width: 768px) {
    .Gcc\\Pages\\WorldPage dialog.article article .description-container .copy {
        margin-bottom: 5%;
        width: 38%;
    }
}

.Gcc\\Pages\\WorldPage dialog.article article .description-container .copy h2 {
    font-size: clamp(1.25rem, 0.852rem + 1.63vw, 2.813rem);
    font-weight: 600;
    margin-top: 1em;
}

.Gcc\\Pages\\WorldPage dialog.article article .description-container .copy p {
    color: #333;
}

.Gcc\\Pages\\WorldPage .scroll-icon-container {
    align-items: center;
    bottom: clamp(1.25rem, 0.517rem + 3.01vw, 4.125rem);
    display: flex;
    justify-content: center;
    position: absolute;
    right: 5%;
    z-index: 5;
}

@media (max-width: 767px) {
    .Gcc\\Pages\\WorldPage .scroll-icon-container {
        left: 50%;
        right: unset;
        transform: translateX(-50%);
    }
}

.Gcc\\Pages\\WorldPage .scroll-icon-container h4 {
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-right: 1.5em;
}

.Gcc\\Pages\\WorldPage .scroll-icon-container .scroll-icon {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

    .Gcc\\Pages\\WorldPage .scroll-icon-container .scroll-icon svg:first-of-type {
        margin-bottom: 0.25em;
    }

    .Gcc\\Pages\\WorldPage .scroll-icon-container .scroll-icon svg:nth-of-type(2) {
        bottom: -0.25em;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
    }

.Gcc\\Pages\\WorldPost {
    padding-top: 0;
}

    .Gcc\\Pages\\WorldPost #smooth-content {
        padding-top: var(--header-height);
    }

    .Gcc\\Pages\\WorldPost .split-grid img {
        -o-object-fit: cover;
        object-fit: cover;
    }

    .Gcc\\Pages\\WorldPost .intro a.btn {
        margin: 1em 2em 2em;
        text-align: center;
        width: -moz-fit-content;
        width: fit-content;
    }

    .Gcc\\Pages\\WorldPost .intro .primary {
        margin-bottom: 2em;
        text-align: center;
    }

        .Gcc\\Pages\\WorldPost .intro .primary span {
            color: #333;
            font-family: Manrope, Arial, Helvetica, sans-serif;
            font-style: normal;
            font-weight: 400;
            letter-spacing: 0.2em;
            line-height: 1.6;
        }

    .Gcc\\Pages\\WorldPost section.split-grid .copy {
        width: 100%;
    }

@media (prefers-reduced-motion: no-preference) {
    .Gcc\\Pages\\WorldPost section.split-grid .copy {
        opacity: 0;
    }
}

.Gcc\\Pages\\WorldPost section.split-grid .copy h2 {
    text-wrap: balance;
    color: #333;
    font-weight: 400;
    line-height: 1.25;
    text-transform: none;
}

.Gcc\\Pages\\WorldPost section.split-grid .copy p {
    color: #818186;
    display: inline-block;
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size-adjust: none;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75;
    width: 100%;
}

    .Gcc\\Pages\\WorldPost section.split-grid .copy p a {
        color: #000;
        font-weight: 700;
    }

        .Gcc\\Pages\\WorldPost section.split-grid .copy p a span {
            text-decoration: underline;
        }

.Gcc\\Pages\\WorldPost section.split-grid .video-player-container {
    aspect-ratio: 1618/1226;
}

    .Gcc\\Pages\\WorldPost section.split-grid .video-player-container video {
        height: 100%;
    }

.Gcc\\Pages\\WorldPost section.photos {
    align-items: center;
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: repeat(2, 1fr);
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1;
}

@media (max-width: 767px) {
    .Gcc\\Pages\\WorldPost section.photos {
        grid-template-columns: repeat(1, 1fr);
    }
}

.Gcc\\Pages\\WorldPost section.photos .image-container {
    --w: 1;
    --h: 1;
    aspect-ratio: var(--w) / var(--h);
}

.Gcc\\Pages\\WorldPost section.photos .image-container,
.Gcc\\Pages\\WorldPost section.photos video {
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .Gcc\\Pages\\WorldPost section.photos .image-container img,
    .Gcc\\Pages\\WorldPost section.photos video img {
        height: 130%;
        left: 50%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

@media (min-width: 768px) {
    .Gcc\\Pages\\WorldPost section.photos .image-container:nth-of-type(odd),
    .Gcc\\Pages\\WorldPost section.photos video:nth-of-type(odd) {
        grid-column: 1;
        width: 50%;
    }

    .Gcc\\Pages\\WorldPost section.photos .image-container:nth-of-type(2n),
    .Gcc\\Pages\\WorldPost section.photos video:nth-of-type(2n) {
        grid-column: 2;
    }

    .Gcc\\Pages\\WorldPost section.photos .image-container:nth-of-type(6n),
    .Gcc\\Pages\\WorldPost section.photos video:nth-of-type(6n) {
        align-self: flex-end;
        justify-self: flex-end;
        width: 66%;
    }

    .Gcc\\Pages\\WorldPost section.photos .image-container:nth-of-type(6n + 1),
    .Gcc\\Pages\\WorldPost section.photos video:nth-of-type(6n + 1) {
        grid-column: 2;
        width: 100%;
    }

    .Gcc\\Pages\\WorldPost section.photos .image-container:nth-of-type(6n + 2),
    .Gcc\\Pages\\WorldPost section.photos video:nth-of-type(6n + 2) {
        align-self: flex-end;
        grid-column: 1;
        justify-self: flex-end;
        width: 50%;
    }

    .Gcc\\Pages\\WorldPost section.photos .image-container:nth-of-type(6n-3),
    .Gcc\\Pages\\WorldPost section.photos video:nth-of-type(6n-3) {
        align-self: flex-start;
        justify-self: flex-start;
    }

    .Gcc\\Pages\\WorldPost section.photos .image-container:nth-of-type(6n-1),
    .Gcc\\Pages\\WorldPost section.photos video:nth-of-type(6n-1) {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .Gcc\\Pages\\WorldPost section.photos .image-container:nth-of-type(3n-1),
    .Gcc\\Pages\\WorldPost section.photos video:nth-of-type(3n-1) {
        align-self: flex-end;
        justify-self: flex-end;
        width: 50%;
    }

    .Gcc\\Pages\\WorldPost section.photos .image-container:nth-of-type(3n),
    .Gcc\\Pages\\WorldPost section.photos video:nth-of-type(3n) {
        align-self: flex-start;
        justify-self: flex-start;
        width: 65%;
    }
}

.Gcc\\Pages\\ContactPage.thanks .text-center,
.Gcc\\Pages\\CrmPage.thanks .text-center {
    padding: 6em 0;
}

    .Gcc\\Pages\\ContactPage.thanks .text-center p,
    .Gcc\\Pages\\CrmPage.thanks .text-center p {
        text-wrap: wrap;
        font-family: Manrope, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: 400;
        margin-left: auto;
        margin-right: auto;
        max-width: 586px;
    }