/** Shopify CDN: Minification failed

Line 53:0 Unexpected "<"

**/
/* Font Families */

@font-face {
    font-family: 'PP Editorial New';
    src: url('PPEditorialNew-Ultralight.eot');
    src: url('PPEditorialNew-Ultralight.eot?#iefix') format('embedded-opentype'),
        url('PPEditorialNew-Ultralight.woff2') format('woff2'),
        url('PPEditorialNew-Ultralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maison Neue';
    src: url('MaisonNeue-Book.eot');
    src: url('MaisonNeue-Book.eot?#iefix') format('embedded-opentype'),
        url('MaisonNeue-Book.woff2') format('woff2'),
        url('MaisonNeue-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* Root Elements */

:root {
    --Ff: 8.333rem;
    --Fh: 5.333rem;
    --Fxl: 4rem;
    --Fl: 3rem;
    --Fm: 2rem;
    --Fs: 1.5rem;
    --Fb: 1.083rem;
    --black: #232322;
    --white: #f2f2f0;
    --light: #F5F4F0;
    --brown: #50453D;
    --fg: var(--brown);
    --bg: var(--light);
    --Pm: 1.333rem;
    --Ph: calc(0.5 * var(--Pm));
    --Pd: calc(2 * var(--Pm));
    --Hh: 2.667rem;
}

< !--HG add to stop horizontal scroll-->html,
body {
    max-width: 100vw;
    overflow-x: hidden;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

body {
    line-height: 1.3;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
}

.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

.hidden {
    display: none !important;
}

textarea,
input,
button,
select {
    font-family: inherit;
    font-size: inherit;
    text-align: inherit;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

input,
textarea,
input::placeholder,
textarea::placeholder {
    background: inherit;
    color: inherit;
    border: none;
    padding: 0;
    outline: inherit;
    opacity: 1;
    margin: 0;
}

textarea {
    resize: none;
}

input:not([type='submit']),
textarea {
    display: block;
    width: 100%;
}

select {
    background: none;
    width: 100%;
    cursor: pointer;
    border: none;
    outline: none;
}

select option {
    background: var(--bg);
}

select:focus {
    outline: none;
}

ul,
li {
    text-decoration: none;
    list-style: none;
}

button,
input[type="submit"],
input[type="reset"],
div[role="button"] {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="button"],
input[type="button"]:focus {
    outline: none;
}

a:link,
a:visited,
a:link span,
a:visited span {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}


/* Universal Elements */

html {
    font-size: 12px;
    font-family: 'Maison Neue', sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    color: var(--fg);
    background: var(--bg);
}


/* Universal Text Styling */

h1,
h2,
h3,
h4,
p,
a,
button,
span {
    font-size: var(--Fb);
    line-height: 1.3;
}

.nav-mobile__container>nav>ul>li>details>summary>p {
    font-size: var(--Fm);
}

.font_float {
    font-size: var(--Ff);
    line-height: 1.2;
}

.font_head {
    font-size: var(--Fh);
    line-height: 1.2;
    letter-spacing: 0.02em;
}

.font_xl {
    font-size: var(--Fxl);
    line-height: 1.2;
    letter-spacing: 0.02em;
}

.font_large {
    font-size: var(--Fl);
    line-height: 1.2;
    letter-spacing: 0.02em;
}

.font_medium {
    font-size: var(--Fm);
    line-height: 1.2;
    letter-spacing: 0.02em;
}

.font_small {
    font-size: var(--Fs);
    line-height: 1.2;
    letter-spacing: 0.03em;
}

.font_body {
    font-size: var(--Fb);
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.font_up {
    text-transform: uppercase;
}

.font_sans {
    font-family: 'Maison Neue';
}

.font_serif {
    font-family: 'PP Editorial New';
}


/* Video Controller */

.vsc-controller {
    height: 0 !important;
    width: 0 !important;
    object-fit: unset !important;
}


/* Button Elements */

a,
a p,
p a,
button {
    position: relative;
    width: fit-content;
    height: fit-content;
}

a:after,
a p:after,
a h4:after,
p a:after,
.hover_link:after {
    content: "";
    border-bottom: 1px solid;
    width: 100%;
    max-width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.3s;
}

.hover_exclude:after {
    content: none !important;
}

.hover_lined,
.hover_lined h2,
.hover_lined h3,
.hover_lined h4,
.hover_lined p {
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-text-decoration-color: transparent;
    -moz-text-decoration-color: transparent;
    transition: all 0.3s;
}

a .aspectholder {
    transition: all 0.3s;
}


/* @media(hover: hover) { */
    /* a:hover .aspectholder, */
/* @media screen and (min-width: 1025px) { */
/* } */
/* } */
@media(hover: hover) and (pointer: fine) {
      a:hover .aspectholder:not(.card_imges .aspectholder),
      a:hover > .card_imges {
          -moz-box-shadow: 0 0 1px var(--fg);
          -webkit-box-shadow: 0 0 1px var(--fg);
          box-shadow: 0 0 0 1px var(--fg);
      }

    a:hover:after,
    a:hover p:after,
    a:hover h4:after,
    p:hover a p a:hover:after,
    .hover_link:hover:after,
    .hover_link.current:after,
    a.current:after {
        max-width: 100%;
    }

    .hover_lined:hover,
    .hover_lined:hover h2,
    .hover_lined:hover h3,
    .hover_lined:hover h4,
    .hover_lined:hover p {
        text-decoration-color: var(--fg);
        -webkit-text-decoration-color: var(--fg);
        -moz-text-decoration-color: var(--fg);
    }
}
@media (hover: none) and (pointer: coarse) {
    @supports (-webkit-touch-callout: none) {
        a:hover .aspectholder:not(.card_imges .aspectholder),
        a:hover > .card_imges {
            pointer-events: none; /* Disable hover on Safari touch devices */
        }
    }
}

.hover_link.hovered:after,
a.hovered:after {
    max-width: 100%;
}

/* a.hovered .aspectholder { */
a.hovered {
    -moz-box-shadow: 0 0 1px var(--fg);
    -webkit-box-shadow: 0 0 1px var(--fg);
    box-shadow: 0 0 0 1px var(--fg);
}

.hover_link {
    position: relative;
}


/* Product Cards */
.card {
    cursor: pointer;
    position: relative;
}

.card .aspectholder {
    width: 100%;
}

.card .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card__text {
    margin-top: 3.333rem;
    /* margin-top: 10px; */
}

.card__info {
    margin-top: var(--Pm);
    display: flex;
    align-items: center;
}

.card__info>*:not(:last-of-type) {
    margin-right: 2rem;
}

.card__variants {
    opacity: 0;
    transition: all 0.3s;
}

.card:hover .card__variants {
    opacity: 1;
}

.card__variants span:not(:last-of-type)::after {
    content: ", "
}

.card h3,
.card h4 {
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-text-decoration-color: transparent;
    -moz-text-decoration-color: transparent;
    transition: all 0.3s;
}

@media(hover: hover) and (pointer: fine) {

    .card:hover h3,
    .card:hover h4 {
        text-decoration-color: var(--fg);
        -webkit-text-decoration-color: var(--fg);
        -moz-text-decoration-color: var(--fg);
    }
}

.card p::after {
    content: none !important;
}

.card .placeholder {
    background-color: #e6d779;
}


/* Forms */

.form_inline form {
    width: 100%;
}

.form_inline form .form__error {
    margin-bottom: 1em;
}

.form__container {
    width: 100%;
    padding-bottom: 0.167rem;
    display: flex;
    align-items: center;
}

#popup .form__container {
    border-bottom: 1px solid;
}

.form_inline input::placeholder {
    opacity: 0.5;
}

.form_inline [type="submit"] {
    margin-left: 1rem;
    transition: all 0.3s;
}

.form_inline [type="submit"]:hover {
    opacity: 0.5;
}


/* Button Styling */

.button_outline,
.button_fill {
    padding: var(--Ph);
    width: 100%;
    border: 1px solid;
    text-align: center;
    transition: all 0.3s;
    border-radius: 3px;
    line-height: 1;
}

.button_outline::after,
.button_fill::after {
    content: none;
}

.button_outline:hover {
    background-color: var(--fg);
    color: var(--bg);
    border-color: var(--fg);
}

.button_fill {
    background-color: var(--fg);
    color: var(--bg);
    border-color: var(--fg);
}

.button_fill:hover {
    background-color: var(--bg);
    color: var(--fg);
}


/* Chat Bot */
#dummy-chat-button-iframe,
#ShopifyChat {
    bottom: 50px !important;
}


/* Details Styling */

details,
summary {
    width: 100%;
    justify-content: space-between;
}

summary,
summary:focus {
    outline: none;
    list-style-type: none;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
}

details summary::-webkit-details-marker,
details summary::marker {
    display: none;
}

details summary p {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
}

details[open] summary~* {
    animation: appear .3s ease;
    -webkit-animation: appear .3s ease;
}

@-webkit-keyframes appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/* Text Indents */

.indent_upper>*:first-child,
.indent_lower>*:last-child {
    text-align: right;
}

.indent_upper>*:last-child,
.indent_lower>*:first-child {
    width: fit-content;
}


/* Splash */

#splash {
    height: 100vh;
    width: 100vw;
    z-index: 999999999;
    position: fixed;
    color: var(--fg);
    background-color: var(--bg);
    transition: all 1.75s;
    -webkit-transition: all 1.75s;
    -moz-transition: all 1.75s;
    -o-transition: all 1.75s;
    -ms-transition: all 1.75s;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


/* Fader */

#fader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    pointer-events: none;
    background: var(--bg);
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#fader.fade-out {
    opacity: 0;
    -webkit-animation-name: fade-out;
    animation-name: fade-out;
}

#fader.fade-in {
    opacity: 1;
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
}


/* Main Styling */

body {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.active {
    overflow: hidden;
}

main {
    flex-grow: 1;
    height: 100%;
    transition: all 0.3s;
    border-bottom: 1px solid;
}

main.active {
    /* transform: translateY(15vh); */
}

header,
main>*>div,
.bar,
footer {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-auto-rows: auto;
    column-gap: var(--Pm);
    row-gap: var(--Pm);
    width: 100%;
    position: relative;
    height: min-content;
}

main section {
    padding: 0 var(--Pm);
    width: 100%;
}

main section:not(:last-of-type) {
    border-bottom: 1px solid;
}

main section.grid {
    border-bottom: 1px solid;
}


/* Header */

#shopify-section-header {
    position: sticky;
    top: 0;
    z-index: 20;
}

header {
    align-items: center;
    left: 0;
    background-color: var(--bg);
    transition: all 0.2s, color 0s;
    row-gap: 0;
    width: 100%;
    padding: 0 var(--Pm);
    height: var(--Hh);
    z-index: 12;
}

header.scroll {
    background-color: transparent;
    color: var(--bg);
}

header.scroll.menu,
header.scroll.drawer {
    background-color: var(--bg);
    color: var(--fg);
}

header>* {
    transition: all 0.3s;
}

header h1 {
    grid-column: 1/5;
    grid-row: 1;
    z-index: 3;
}

header h1 a:after {
    content: none;
}

.header__menu-open,
.header__menu-total {
    display: none;
}

header nav {
    grid-column: 8/18;
    grid-row: 1;
    width: fit-content;
    justify-self: center;
}

.header__cart,
.header__modal,
.header__alt,
.nav-mobile__close {
    grid-column: 21/25;
    grid-row: 1;
    width: fit-content;
    justify-self: flex-end;
    transition: all;
    z-index: 3;
    transition: all 0.3s;
}

.header__menu-upper>li>a,
.header__menu-upper>li>details>summary {
    transition: opacity 0.3s, visiblity 0.3s;
}

.header__menu-upper.open>li>a,
.header__menu-upper.open>li>details>summary {
    opacity: 0;
    visibility: hidden;
}

header ul {
    display: flex;
    align-items: center;
}

header ul li:not(:last-of-type) {
    margin-right: 1.667rem;
}

header .header__menu-sub {
    position: absolute;
    top: 0;
    left: 50%;
    width: fit-content;
    height: 100%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.175s;
    transform: translateX(-50%);
    /* opacity: 0;
    visibility: hidden; */
}

.header__close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg);
    z-index: 2;
    cursor: default;
}

header.scroll .header__close {
    background-color: transparent;
}

header.scroll.menu .header__close,
header.scroll.drawer .header__close {
    background-color: var(--bg);
}

header ul li:hover .header__menu-sub {
    opacity: 1;
    visibility: visible;
}

.header__modal,
.header__alt,
.nav-mobile__close,
.header__menu-total,
header.active-modal nav,
header.drawer nav,
header.active-modal .header__cart,
header.drawer .header__cart,
header.menu .header__cart,
header.drawer .header__menu-open {
    opacity: 0;
    visibility: hidden;
}

header.active-modal .header__modal,
header.drawer .header__alt,
header.menu .nav-mobile__close,
header.drawer .header__menu-total {
    opacity: 1;
    visibility: visible;
}

/* Secondary Menu */
.nav-mobile {
    display: none;
}


/* Footer */

footer {
    row-gap: 0.333rem;
    background: var(--bg);
    z-index: 5;
    padding: 0.333rem var(--Pm);
    align-items: center;
}

footer * {
    line-height: 1 !important;
}

.footer__block {
    grid-column: 1/25;
    border-bottom: 1px solid;
    width: calc(100% + var(--Pd));
    margin-left: calc(-1 * var(--Pm));
}

footer h2,
.footer__newsletter {
    grid-column: 1/7;
}

.footer__newsletter {
    max-width: 280px;
}

.footer__newsletter form {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

footer nav {
    grid-column: 17/25;
}

footer nav ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 1rem;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

footer nav ul::-webkit-scrollbar {
    display: none;
}

footer nav ul a,
footer nav ul button {
    transition: all 0.3s;
}

footer nav ul a:hover,
footer nav ul button:hover {
    opacity: 0.5;
}

footer .form__container {
    padding-bottom: 0;
}


/* Chatbot */

/* #shopify-chat {
    opacity: 0.85;
} */


/* Overlay Popups */
.overlay {
    position: fixed;
    top: var(--Hh);
    left: 0;
    height: 100vh;
    width: 100vw;
    overflow-y: scroll;
    min-height: 100%;
    background: var(--bg);
    z-index: 19;
    border-bottom: 0;
    padding: 0 var(--Pm);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    border-top: 1px solid;
}

.overlay.active-modal {
    opacity: 1;
    visibility: visible;
}

.overlay.sizing {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-auto-rows: auto;
    column-gap: var(--Pm);
}

/* Terms/Privacy Overlay */
.terms__column {
    padding-bottom: var(--Pd);
}

.terms__column h3 {
    margin-bottom: 4rem;
}


/* CTA Popup */
.popup {
    width: 23.333rem;
    position: fixed;
    bottom: var(--Pd);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--bg);
    border: 1px solid;
    z-index: 18;
    transform: translateY(150%);
    visibility: hidden;
    transition: all 0.3s;
}

.popup.align_left {
    left: var(--Pd);
}

.popup.align_right {
    right: var(--Pd);
}

.popup.active {
    visibility: visible;
    transform: translateY(0);
}

.popup.hidden {
    transform: translateY(150%) !important;
    transition: all 0.3s;
}

.popup>* {
    padding: 2rem;
    width: 100%;
}

.popup__header {
    display: flex;
    width: 100%;
    height: 3.75rem;
    align-items: center;
    justify-content: space-between;
}

.popup__header button {
    transition: all 0.3s;
    margin-left: 1rem;
}

.popup__header button:hover {
    opacity: 0.5;
}

.popup__header svg {
    width: var(--Fb);
    height: var(--Fb)
}

.popup.popup_news .popup__content {
    padding: 4rem var(--Pm);
}

.popup.popup_cta .popup__content {
    padding-top: 9.75rem;
}

.popup__content {
    position: relative;
}

.popup__content,
.popup__image {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.popup.popup_news .popup__content>*:not(:last-child),
.popup.popup_news .popup__image>*:not(:last-child) {
    margin-bottom: 4rem;
}

.popup.popup_cta .popup__content>*:not(:last-child) {
    margin-bottom: 9.75rem;
}

.popup.popup_cta .popup__image>*:not(:last-child) {
    margin-bottom: 2rem;
}

.popup__newsletter {
    width: 100%;
}

.popup__content .aspectholder {
    width: 100%;
    max-width: 12.5rem;
}

.popup__content .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
}

.popup__content form {
    text-align: left;
}

.popup.popup_cta .popup__image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: all 0.3s;
    padding: 2rem;
    margin-bottom: 0 !important;
    opacity: 0;
}

.popup__text {
    transition: all 0.3s;
}

.popup.popup_cta .popup__content:hover .popup__image {
    opacity: 1;
}

.popup.popup_cta .popup__content:hover .popup__text {
    opacity: 0;
}

.popup__text>*:not(:last-child) {
    margin-bottom: 2rem;
}

.popup__content>a {
    margin-bottom: 0 !important;
}

.popup__cta {
    display: none;
}

/* Error Page */
.error div {
    padding-top: 3.75rem;
}

.error h2,
.error p {
    grid-column: 1/5;
}

.error p {
    margin-top: var(--Pm);
}


/* Blocks */

/* Image Banner Block */
#shopify-section-main-index {
    padding: 0 var(--Pm);
    z-index: 6;
    margin-top: calc(-1 * var(--Hh));
}

.banner {
    height: 100vh;
    transition: all 0.2s;
}

.banner.active {
    height: 0;
    overflow: hidden;
}

.banner__upper {
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translateX(-50%);
}

.banner__lower {
    position: absolute;
    bottom: 4rem;
    left: 50%;
    transform: translateX(-50%);
}

.banner__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.banner__logo .aspectholder {
    width: 100%;
    height: fit-content;
    max-width: 25rem;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.banner__logo .aspectholder>* {
    width: 100%;
    height: auto;
}

.banner__media {
    grid-column: 1/25;
    width: calc(100% + var(--Pd));
    margin-left: calc(-1 * var(--Pm));
}

.banner__media .aspectholder {
    height: 100vh;
    width: 100%;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.banner__media .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Image + Caption Block */
.image-caption.block_inline {
    padding: 11rem 0;
}

.image-caption.block_stack {
    padding-bottom: 13.333rem;
}

.image-caption__text>* {
    margin-bottom: 2rem;
}

.image-caption__image .aspectholder {
    width: 100%;
}
.image-caption__image .hovered .aspectholder {
    -moz-box-shadow: 0 0 1px var(--fg);
    -webkit-box-shadow: 0 0 1px var(--fg);
    box-shadow: 0 0 0 1px var(--fg);
}

.image-caption__image .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
}

.image-caption.block_inline .image-caption__text {
    padding-top: 9rem;
}

.image-caption.block_inline.align_left .image-caption__text {
    grid-column: 17/23;
    grid-row: 1;
}

.image-caption.block_inline.align_left .image-caption__image.size_full {
    grid-column: 1/13;
    grid-row: 1;
    width: calc(100% + var(--Pm));
    margin-left: calc(-1 * var(--Pm));
}

.image-caption.block_inline.align_left .image-caption__image.size_fit {
    grid-column: 3/12;
    grid-row: 1;
}

.image-caption.block_inline.align_right .image-caption__text {
    grid-column: 3/9;
    grid-row: 1;
}

.image-caption.block_inline.align_right .image-caption__image.size_full {
    grid-column: 13/25;
    grid-row: 1;
    width: calc(100% + var(--Pm));
}

.image-caption.block_inline.align_right .image-caption__image.size_fit {
    grid-column: 14/23;
    grid-row: 1;
}

.image-caption.block_stack.align_left .image-caption__text {
    grid-column: 1/7;
}

.image-caption.block_stack.align_right .image-caption__text {
    grid-column: 13/19;
}

.image-caption.block_stack .image-caption__image.size_full {
    grid-column: 1/25;
    width: calc(100% + var(--Pd));
    margin-left: calc(-1 * var(--Pm));
}

.image-caption.block_stack .image-caption__image.size_fit {
    grid-column: 1/25;
}

.image-caption__image.size_full .aspectholder {
    height: 100%;
    max-height: 110vh;
}

.image-caption__image.size_full .aspectholder>* {
    object-fit: cover;
}

/* Media Pair Block */
.media-pair {
    align-items: center;
    padding: 11rem 0;
}
.media-pair__image .hovered .aspectholder {
    -moz-box-shadow: 0 0 1px var(--fg);
    -webkit-box-shadow: 0 0 1px var(--fg);
    box-shadow: 0 0 0 1px var(--fg);
}
.media-pair__item:nth-of-type(1) {
    grid-column: 3/12;
}

.media-pair__item:nth-of-type(2) {
    grid-column: 14/22;
}

.media-pair__item .aspectholder {
    width: 100%;
}

.media-pair__item .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
}

.media-pair__item>*:not(:last-child) {
    margin-bottom: 3rem;
}

.media-pair__text>*:not(:last-child) {
    margin-bottom: 2rem;
    width: 70%;
}

/* Featured Collection Block */
.featured-collection {
    padding: 6.667rem 0 16.667rem 0;
    row-gap: 6.667rem;
}

.featured-collection h2 {
    grid-column: 4/22;
    text-align: center;
}

.featured-collection__container {
    grid-column: 4/22;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 6.667rem;
    row-gap: 6.667rem;
}

.featured-collection__container .card .aspectholder {
    /* height: 17.361111vw; */
    /* height: 100%; */
      position: relative;
    padding-bottom: 150%;
}
.featured-collection__container .card .aspectholder img{
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
.featured-collection__link {
    grid-column: 4/22;
    width: fit-content;
    justify-self: center;
}

/* Featured Block */
.featured-block {
    padding: 10rem 0;
    row-gap: 6.667rem;
}

.featured-block h2,
.featured-block a {
    grid-column: 3/23;
    justify-self: center;
}

.featured-block .aspectholder {
    grid-column: 11/15;
    justify-self: center;
}

.featured-block .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
}

/* Featured Blog Block */
.featured-blog {
    row-gap: 10rem;
    padding: var(--Pm) 0 15rem 0;
}

.featured-blog h2 {
    grid-column: 1/5;
}

.featured-blog>p {
    grid-column: 5/25;
    height: fit-content;
}

.featured-blog__container {
    grid-column: 1/25;
}

.featured-blog__item {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
}

.featured-blog__item:not(:last-child) {
    margin-bottom: 4rem;
}

.featured-blog__item>* {
    height: fit-content;
}

.featured-blog__date {
    grid-column: 1/4;
}

.featured-blog__date>*:not(:last-child) {
    margin-bottom: 1rem;
}

.featured-blog__tags-mob {
    display: none;
}

.featured-blog__info {
    grid-column: 5/20;
}

.featured-blog__info a,
.featured-blog__info h3 {
    display: block;
    width: fit-content;
}

.featured-blog__info>*:not(:last-child) {
    margin-bottom: 1rem;
}

.featured-blog__images-link {
    width: 100% !important;
}

.featured-blog__images {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5.436111vw, min-content));
    grid-auto-rows: auto;
    column-gap: var(--Ph);
    row-gap: var(--Ph);
    white-space: nowrap;

}

.featured-blog__images .aspectholder {
    width: 5.436111vw;
    height: 6.666667vw;
    position: relative;
    transition: all 0.3s;
}

.featured-blog__images-link .aspectholder {
    background-color: #50453D;
    opacity: 0.85;
}

.featured-blog__images-link .aspectholder>* {
    filter: grayscale(100%);
    transition: all 0.3s;
    opacity: 0.5;

}

.featured-blog__title:hover+.featured-blog__images-link .aspectholder,
.featured-blog__images-link:hover .aspectholder {
    opacity: 1;
}

.featured-blog__title:hover+.featured-blog__images-link .aspectholder>*,
.featured-blog__images-link:hover .aspectholder>* {
    filter: grayscale(0);
    opacity: 1;
}

.featured-blog__images .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 0.3s;
}

.featured-blog__tags {
    grid-column: 22/25;
}

.featured-blog__tags-mob span:not(:last-child)::after,
.featured-blog__tags span:not(:last-child)::after {
    content: ", "
}

/* Ticker Block */
.ticker {
    position: relative;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
    height: 3.167rem;
    overflow: hidden;
    /* width: 100vw; */
    width: 100%;
    margin-left: calc(-1 * var(--Pm));
}

.ticker__container {
    grid-column: 1/25;
    width: 100%;
    height: 100%;
}

.ticker__container a {
    height: 100%;
    width: 100%;
    position: absolute;
    transition: all 0.3s;
}

.ticker__container a:hover {
    color: var(--bg);
    background-color: var(--fg);
    border-color: var(--fg);
}

.ticker__container a:after,
.ticker__container p:after {
    content: none;
}

.marquee {
    margin: 0 auto;
    white-space: nowrap;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 0.7778rem;
}

.marquee span {
    display: inline-block;
    padding-left: 120%;
    animation: marquee-rtl 80s linear infinite;
    line-height: 1 !important;
    padding-top: 5px;
}

.marquee2 span {
    animation-delay: 20s;
}

.marquee3 span {
    animation-delay: 40s;
}

.marquee4 span {
    animation-delay: 60s;
}

@keyframes marquee-rtl {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-250%, 0);
    }
}

/* Ticker Bar */
#shopify-section-bar {
    position: sticky;
    top: 100vh;
    z-index: 5;
}

.bar {
    position: absolute;
    bottom: 0;
    background-color: var(--bg);
    transition: all 0.3s;
    border-top: 1px solid;
    transform: translateY(100%);
    height: 3.167rem;
}

.bar.active {
    transform: translateY(0);
}

.bar.ticker {
    margin-left: 0;
}

.bar__close {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: var(--bg);
    height: 100%;
    width: calc(2 * var(--Fs));
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid;
    transition: all 0.3s;
}

.bar__close svg {
    width: var(--Fs);
    height: var(--Fs);
}

.bar__close svg line {
    stroke: var(--fg);
    transition: all 0.3s;
}

.bar__close:hover {
    background-color: var(--fg);
}

.bar__close:hover svg line {
    stroke: var(--bg);
}


/* Pages */

/* Collection Page */
/* Collection Section */
.collection {
    padding: 14rem 0;
    row-gap: 6.667rem;
}

.collection__meta {
    grid-column: 1/4;
    position: sticky;
    height: fit-content;
    top: calc(var(--Hh) + 3rem);
}

.collection__meta>*:not(:last-child) {
    margin-bottom: 4rem;
}

/* .collection__filters {
    margin-top: 0.833rem;
} */

.collection__filters>*:not(:last-child) {
    margin-bottom: 4rem;
}

.collection__variant summary {
    width: fit-content;
    transition: all 0.3s;
}

.collection__variant summary:hover {
    opacity: 0.5;
}

.collection__variant summary h4::after {
    content: "+";
    margin-left: var(--Ph);
}

.collection__variant[open] summary h4::after {
    content: "-";
}

.collection__variant ul {
    margin-top: var(--Pm);
}

.collection__filters ul:not(:last-child) {
    margin-bottom: 2rem;
}

.collection__filters li {
    position: relative;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    transition: all 0.3s;
}

.collection__filters li:not(:last-child) {
    margin-bottom: 0.167rem;
}

.collection__filters a::after {
    content: none;
}

.collection__filters a,
.collection__filters button {
    position: relative;
    display: flex;
    align-items: center;
}

.collection__filters a::before,
.collection__filters button::before {
    content: "";
    width: 6px;
    height: 6px;
    border: 1px solid;
    display: inline-block;
    margin-right: 0.833rem;
    transition: all 0.3s;
    margin-top: -2px;
}

.collection__filters a:hover::before,
.collection__filters li.active a::before,
.collection__filters button:hover::before,
.collection__filters li.active button::before {
    background-color: var(--fg);
}

.collection__container {
    grid-column: 5/25;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    /* column-gap: 7px;
    row-gap: 30px; */
    column-gap: 9rem;
    row-gap: 9rem;
    /* row-gap: 14rem; */
}

.collection__container .aspectholder {
    /* height: 43.402778vw; */
    /* height: 700px; */
      /* height: 100%; */
      position: relative;
     /* padding-bottom: 124%; */
     padding-bottom: 75%;
}
.collection__container .aspectholder img {
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
.card_imges {
  display: flex;
  gap: 7px;
  line-height: 0;
}
.card:hover .card__rollover {
    opacity: 1;
    visibility: visible;
}
@media (hover: none) and (pointer: coarse) {
    @supports (-webkit-touch-callout: none) {
      @media screen and (max-width: 1200px) {
        .card:hover .card__rollover {
            opacity: 0;
            visibility: visible;
        }
      }
    }
}
.card__rollover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 43.402778vw;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.card__rollover .aspectholder {
    background-color: var(--bg);
}

@media screen and (min-width: 1441px) {
    .collection__container {
        /* grid-template-columns: repeat(3, 1fr); */
        grid-template-columns: repeat(2, 1fr);
    }

    /* .collection__container .aspectholder{
        height: 100%;
    } */
    /* .collection__container .aspectholder, */
    .card__rollover {
        height: 26.041667vw;
        /* height: 1000px; */
    }
}

/* Featured Collections Section */
.collection-featured {
    padding: var(--Pm) 0 25rem 0;
    row-gap: 4rem;
}

.collection-list {
    padding: 14rem 0 25rem 0;
}

.collection-featured h2 {
    grid-column: 1/5;
}

.collection-featured__list {
    grid-column: 1/13;
}

.collection-featured__list li {
    width: fit-content;
}

.collection-featured__list li:not(:last-child) {
    margin-bottom: var(--Ph);
}


/* Product Page */
.product {
    padding-bottom: 16.667rem;
}

.product__gallery {
    grid-column: 1/25;
    width: calc(100% + var(--Pd));
    height: calc(100vh - var(--Pd) - var(--Fm) - var(--Hh));
    margin-left: calc(-1 * var(--Pm));
    position: relative;
    overflow: hidden;
}

.swiper-button {
    position: absolute;
    width: 20%;
    height: 100%;
    z-index: 10;
    top: 0;
    display: none;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
}

.product__gallery .aspectholder {
    height: 100%;
    width: auto;
}

.product__gallery .aspectholder>* {
    width: auto;
    height: 100%;
    display: block;
}

.swiper-slide {
    width: fit-content !important;
}

.swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.swiper-wrapper {
    -webkit-transform-style: preserve-3d;
}

.swiper-slide:not(:last-of-type) {
    margin-right: 10px;
}

.swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.swiper-scrollbar {
    border-radius: 0;
    position: relative;
    -ms-touch-action: none;
    background: var(--bg)
}

.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    height: 7.5px;
    width: 100%;
}

.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    width: 7.5px;
    height: 100%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--fg);
    border-radius: 0;
    left: 0;
    top: 0
}

.product h2,
.product__info {
    grid-column: 1/7;
}

.product h2 {
    margin-bottom: 4rem;
}

.product__info>*:not(:last-child) {
    margin-bottom: var(--Pd);
}

.product__info>div>h4:not(:last-child) {
    margin-bottom: var(--Pm);
}

.product__info-inner>*:not(:last-child) {
    margin-bottom: 1.3rem;
}


.product__byline {
    grid-column: 9/15;
    display: flex;
    justify-content: space-between;
    width: 100%;
    column-gap: var(--Pm);
}

.product__data {
    grid-column: 9/15;
}

.product__data>*:not(:last-child) {
    margin-bottom: var(--Pd);
}

.product__variants {
    margin-bottom: 2rem;
}

.product__variants,
.product__variants fieldset {
    display: flex;
    align-items: center;
}

.product__variants>p {
    margin-right: 1rem;
}

.product__variant:not(:last-of-type) {
    margin-right: 3rem;
}

.product__variant {
    position: relative;
    white-space: nowrap;
}

.product__radio {
    position: absolute;
    top: -2px;
    appearance: auto;
    -webkit-appearance: auto;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: var(--Fb);
}

.product__radio:before {
    content: "[";
    position: absolute;
    top: 0;
    left: -8px;
    transition: all 0.3s;
    opacity: 0;
}

.product__radio:after {
    content: "]";
    position: absolute;
    top: 0;
    right: -8px;
    transition: all 0.3s;
    opacity: 0;
}

.product__radio:hover:before,
.product__radio[checked="checked"]:before,
.product__radio:hover:after,
.product__radio[checked="checked"]:after {
    opacity: 1;
}

.product__buttons {
    display: flex;
    flex-direction: column;
}

.product__buttons>* {
    width: 100%;
    line-height: 1;
    align-items: center;
    justify-content: center;
}

.product__buttons span {
    line-height: 1;
}

.product__data.true .product__buttons button {
    display: flex;
}

.product__data.true .product__buttons div {
    display: none;
}

.product__data.false .product__buttons button {
    display: none;
}

.product__data.false .product__buttons div {
    display: flex;
}

.product__data.true .product__notification {
    display: none;
}

.product__notification .form__container {
    border-bottom: 1px solid;
}

.product__data.false .product__notification {
    display: flex;
}

.product__meta-mob {
    display: none;
}

.product__metafields summary,
.product__metafields button,
.product__metafields-item {
    width: fit-content;
    transition: all 0.3s;
}

.product__metafields button {
    display: flex;
    align-items: center;
    margin: 0;
}

.product__metafields summary:hover,
.product__metafields button:hover,
.product__metafields-item:hover {
    opacity: 0.5;
}

.product__metafields summary h4::after,
.product__metafields button::after {
    content: "+";
    margin-left: var(--Ph);
}

.product__metafields-item a {
    display: flex;
}

.product__metafields-item a::after {
    content: "+" !important;
    margin-left: var(--Ph);
    position: static;
    border-bottom: none;
    width: fit-content;
    max-width: fit-content;
}

.product__metafields details[open] summary h4::after {
    content: "-";
}

.product__accordion {
    padding: 1rem 0 2rem 0;
}

.product__related {
    grid-column: 1/15;
    margin-top: calc(10rem - var(--Pm));
}

.product__related h3:not(:last-child) {
    margin-bottom: 3.333rem;
}

.product__related-inner {
    display: flex;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 1px;
}

.product__related-inner::-webkit-scrollbar {
    display: none;
}

.product__related-inner>*:not(:last-child) {
    margin-right: var(--Pm);
}

.product__item .aspectholder {
    width: 6.666667vw;
    height: 10.333333vw;
    margin-bottom: var(--Ph);
}

.product__item .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product__item h4 {
    width: fit-content;
    position: relative;
}

/* Related Products Section */
.related-products {
    padding: var(--Pm) 0 12.5rem 0;
    row-gap: 3.333rem;
}

.related-products h2 {
    grid-column: 1/13;
}

.related-products__container {
    grid-column: 1/25;
}

.related-products__container ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: var(--Pm);
    row-gap: var(--Pd);
}

.related-products__container li .aspectholder {
    /* height: 19.375vw; */
      position: relative;
    padding-bottom: 150%;
}
.related-products__container li .aspectholder img {
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
.related-products__container .card__text {
    opacity: 0;
    transition: all 0.3s;
}

.related-products__container .card:hover .card__text,
.related-products__container .card__variants {
    opacity: 1;
}

/* Blog Page */
.nourish {
    padding-bottom: 16.667rem;
    row-gap: 5rem;
    overflow: hidden;
    grid-auto-rows: min-content 1fr;
    margin-top: 15rem;
}

.nourish h2 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    transition: all 0.3s;
    white-space: nowrap;
}

.nourish h2.active {
    opacity: 0;
    visibility: hidden;
}

.nourish nav {
    grid-column: 1/4;
    grid-row: 1;
}

.nourish nav a {
    opacity: 0.5;
    transition: all 0.3s;
}

.nourish nav a:hover,
.nourish nav a.active {
    opacity: 1;
}

.nourish nav a:after {
    content: none;
}

.nourish__description {
    grid-column: 7/25;
    grid-row: 1;
}

/* Blog Page - Journal */
.nourish__articles {
    margin-top: 4rem;
    grid-column: 1/25;
    display: grid;
    grid-template-columns: repeat(25, 1fr);
    column-gap: var(--Pm);
}

.nourish__article {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    grid-column-end: span 6;
}

.nourish__article:nth-of-type(7n + 1) {
    grid-column-start: 3;
}

.nourish__article:nth-of-type(7n + 2) {
    grid-column-start: 15;
    margin-top: -100%;
}

.nourish__article:nth-of-type(7n + 3) {
    grid-column-start: 7;
    margin-top: 4rem;
}

.nourish__article:nth-of-type(7n + 4) {
    grid-column-start: 18;
    margin-top: -115%;
}

.nourish__article:nth-of-type(7n + 5) {
    grid-column-start: 15;
    margin-top: 18rem;
}

.nourish__article:nth-of-type(7n + 6) {
    grid-column-start: 3;
    margin-top: -130%;
}

.nourish__article:nth-of-type(7n + 7) {
    grid-column-start: 9;
    margin-top: 4rem;
}

.nourish__article:nth-of-type(7n + 8) {
    margin-top: 2rem;
}

.nourish__article>*:not(:last-child) {
    margin-bottom: 3.333rem;
}

.nourish__article .aspectholder {
    width: 100%;
    height: 100%;
    max-height: 17.361111vw;
}

.nourish__article .nourish__image::after {
    content: none;
}

.nourish__article .aspectholder>* {
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
    display: block;
}

.nourish__article>p:last-of-type {
    text-align: left;
    text-indent: 2rem;
}


/* Article Page */
.article {
    padding-bottom: 20rem;
    margin-top: 14rem;
    row-gap: 6.667rem;
}

.article__date,
.article h2,
.article__excerpt {
    grid-column: 2/15
}

.article__image {
    grid-column: 2/24;
    height: 100%;
    max-height: 110vh;
}

.article__image .aspectholder {
    width: 100%;
    height: 100%;
}

.article__image .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.article__content {
    grid-column: 2/24;
}

.article__content>*:not(:last-child) {
    margin-bottom: 10rem;
}

.article__content * {
    line-height: 1.3;
    font-size: var(--Fb);
}

.article__content blockquote>table>tbody>tr>td:first-child {
    width: 20% !important;
}

.article__content blockquote>table>tbody>tr>td:last-child {
    width: 80% !important;
}

.article__content blockquote>table>tbody>tr:not(:last-child)>td>*:last-child {
    padding-bottom: 1.3rem;
}

.article__content blockquote strong {
    margin-right: 5.5rem;
    font-family: 'PP Editorial New';
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: 0.03em;
}

.article__content>table {
    width: calc(100% + var(--Pd)) !important;
    border-spacing: var(--Pm);
    border-collapse: separate;
    margin: 0 calc(-1 * var(--Pm));
}

.article__content>table>tbody>tr>td {
    width: 50% !important;
}

.article__content>table>tbody>tr>td>*:not(:last-child) {
    margin-bottom: 1.3rem;
}

.article__content img {
    width: 100%;
    display: block;
    max-height: 110vh;
    object-fit: contain;
}


/* Listen Article Page */
.article-listen__content {
    grid-column: 2/13;
}

.article-listen__content * {
    font-size: var(--Fb);
    line-height: 1.3;
}

.article-listen__content>*:not(:last-child) {
    margin-bottom: 1.3rem;
}

.article-listen__content ol {
    counter-reset: counter;
}

.article-listen__content li {
    counter-increment: counter;
    padding-left: var(--Pd);
    display: list-item;
    position: relative;
}

.article-listen__content li::before {
    content: counter(counter) ".";
    position: absolute;
    left: 0;
}

.article-listen__image {
    grid-column: 13/24;
    height: 100%;
    max-height: 110vh;
}

.article-listen__image .aspectholder {
    width: 100%;
    height: 100%;
}

.article-listen__image .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


/* Studio Page */
[data-template="page.story"] main>section:first-child,
[data-template="page.materials"] main>section:first-child,
[data-template="page.choices"] main>section:first-child {
    border-top: 1px solid;
    margin-top: 12.5rem;
}

.studio {
    padding: var(--Pm) var(--Pm) 20rem var(--Pm);
    row-gap: 5rem;
    overflow: hidden;
    grid-auto-rows: min-content 1fr;
    border-top: 1px solid;
    margin: calc(12.5rem - var(--Pm)) 0 0 calc(-1 * var(--Pm));
    width: calc(100% + var(--Pd));
}

.studio h2 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    transition: all 0.3s;
}

.studio h2.active {
    opacity: 0;
    visibility: hidden;
}

.studio nav {
    grid-column: 1/4;
    grid-row: 1;
    z-index: 2;
}

.studio nav a {
    opacity: 0.5;
    transition: all 0.3s;
}

.studio nav a:hover,
.studio nav a.active {
    opacity: 1;
}

.studio nav a:after {
    content: none;
}

.studio__description {
    grid-column: 7/13;
    grid-row: 1;
    z-index: 2;
}

.studio.story .studio__description {
    grid-row: span 2;
}

/* Studio Page - Choices */
.studio__image-choices {
    grid-column: 17/25;
    width: calc(100% + var(--Pm));
}

.studio__image-choices .aspectholder {
    width: 100%;
}

.studio__image-choices .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
}

.studio__image-choices .aspectholder:not(:last-of-type) {
    margin-bottom: var(--Pm);
}

/* Studio Page - Story */
.studio.story {
    row-gap: var(--Pm);
}

.studio__contact,
.studio__image-story {
    grid-column: 19/23;
}

.studio__contact>li:not(:last-of-type) {
    margin-bottom: 1.3em;
}

.studio__image-story .aspectholder {
    width: 100%;
}

.studio__image-story .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
}

/* Studio Page - Materials */
.studio.materials {
    row-gap: 10rem;
    min-height: calc(100vh - var(--Hh) - 10rem - var(--Pm));
}

.studio__materials {
    grid-column: 7/13;
    transition: all 0.3s;
}

.studio__materials ul {
    position: relative;
}

.studio__materials h3 {
    opacity: 0.5;
    transition: all 0.3s;
    cursor: pointer;
    z-index: 10;
}

.studio__materials li:hover h3 {
    opacity: 1;
}

.studio__materials li>h3 {
    display: none;
}

.studio__info {
    position: absolute;
    bottom: -6.667rem;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    z-index: -1;
}

.studio__materials li {
    z-index: 2;
}

.studio__info.active {
    opacity: 1;
    visibility: visible;
}

.studio__image-materials {
    position: absolute;
    right: -175%;
    top: 0;
    z-index: -1;
    transform: translateY(-50%);
}

.studio__image-materials .aspectholder>* {
    display: block;
}


/* Sizing Page */
[data-template="page.sizing"] main,
[data-template="page.sizing"] main>section:first-of-type {
    display: flex;
    flex-direction: column;
}

[data-template="page.sizing"] main>section:first-of-type {
    border-top: 1px solid;
    flex: 1 1 auto;
}

.sizing {
    flex: 1 1 auto;
}

.sizing>* {
    height: 100%;
    padding: var(--Pm) 0 5rem 0;
}

.sizing__info {
    grid-column: 1/7;
    border-right: 1px solid;
    padding-right: var(--Pm);
}

.sizing__info>*:not(:last-child) {
    margin-bottom: 4rem;
}

.sizing__description {
    grid-column: 13/25;
    border-left: 1px solid;
    padding-left: var(--Pm);
}

.sizing__text>*:not(:last-child) {
    margin-bottom: 1.3rem;
}

.sizing__text th {
    padding-bottom: 2.25rem;
    text-align: left;
}

.sizing__text table tr:not(:last-child) td {
    padding-bottom: 0.25rem;
}

.sizing__text tr th,
.sizing__text tr td {
    width: 15% !important;
}

.sizing__text tr th:first-child,
.sizing__text tr td:first-child {
    width: 25% !important;
}

/* Shipping Page */
[data-template="page.shipping"] main,
[data-template="page.shipping"] main>section:first-of-type {
    display: flex;
    flex-direction: column;
}

[data-template="page.shipping"] main>section:first-of-type {
    border-top: 1px solid;
    flex: 1 1 auto;
}

.shipping {
    flex: 1 1 auto;
    grid-template-columns: repeat(4, 1fr);
}

.shipping>* {
    height: 100%;
    padding: var(--Pm) 0 5rem 0;
}

.shipping__column:not(:nth-child(4n + 4)) {
    border-right: 1px solid;
    padding-right: var(--Pm);
    height: 100%;
}

.shipping__column>*:not(:last-child) {
    margin-bottom: 4rem;
}

.shipping__text * {
    font-size: var(--Fb);
    line-height: 1.3;
}

.shipping__text>*:not(:last-child) {
    margin-bottom: 1.3rem;
}

.shipping__text ul {
    padding-left: var(--Pm);
}

.shipping__text ul li {
    list-style: outside;
    line-height: 1.3;
}

.shipping__text ul li::marker {
    color: var(--fg);
    line-height: 1.3;
    font-size: 7px;
}

.shipping__rate:not(:last-child) {
    margin-bottom: 4rem;
}

.shipping__rate>*:not(:last-child) {
    margin-bottom: var(--Pm);
}

.shipping__rate-type {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shipping__rate-body>* {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shipping__rate-body span {
    flex-grow: 1;
    margin: 0 0.333rem;
    border-bottom: 1px dotted;
    padding-top: 5px;
}


/* Stockists Page */
[data-template="page.stockists"] main,
[data-template="page.stockists"] main>section:first-of-type {
    display: flex;
    flex-direction: column;
}

[data-template="page.stockists"] main>section:first-of-type {
    border-top: 1px solid;
    flex: 1 1 auto;
}

.stockists {
    flex: 1 1 auto;
    grid-template-columns: repeat(4, 1fr);
}

.stockists>* {
    height: 100%;
    padding: var(--Pm) 0 5rem 0;
}

.stockists__column-1,
.stockists__column-2,
.stockists__column-3 {
    border-right: 1px solid;
    padding-right: var(--Pm);
    height: 100%;
}

.stockists__column>*:not(:last-child) {
    margin-bottom: 4rem;
}

.stockists__text>*:not(:last-child) {
    margin-bottom: 1.3rem;
}

/* Contact Page */
[data-template="page.contact"] main,
[data-template="page.contact"] main>section:first-of-type {
    display: flex;
    flex-direction: column;
}

[data-template="page.contact"] main>section:first-of-type {
    border-top: 1px solid;
    flex: 1 1 auto;
}

.contact {
    flex: 1 1 auto;
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--Pm);
}

.contact>* {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--Pm);
}

.contact__inner {
    height: 100%;
    padding: var(--Pm) 0 5rem 0;
}

.contact>*:not(:last-child),
.contact__inner:not(:last-child) {
    border-right: 1px solid;
}

.contact__inner:nth-child(1),
.contact>*:not(:last-child) .contact__inner:last-child {
    padding-right: var(--Pm);
}

.contact__text>*:not(:last-child) {
    margin-bottom: 1.3rem;
}

.contact__text a {
    display: block;
}


/* Challenge Page */
.shopify-challenge__container {
    height: calc(100vh - var(--Hh));
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.shopify-challenge__container form input[type="submit"] {
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s;
}

@media(hover: hover) and (pointer: fine) {
    .shopify-challenge__container form input[type="submit"]:hover {
        opacity: 0.5;
    }
}


/* Customer Pages */
.customer {
    padding: 0 var(--Pm);
    min-height: calc(100vh - var(--Hh));
}

.customer h3 {
    margin-bottom: 0.167rem;
}

.customer>div {
    row-gap: 5rem;
}

.customer input:not([type="submit"]):not([type="checkbox"]),
.customer select {
    border-bottom: 1px solid;
    padding-bottom: 0.167rem;
    width: 100%;
}

.customer input:not([type="submit"]):not([type="checkbox"]):not(:last-child),
.customer select:not(:last-child),
.select {
    margin-bottom: 2rem;
}

.customer select {
    margin-top: 0.625rem;
}

.check {
    display: flex;
    align-items: center;
}

.customer input[type="checkbox"] {
    width: fit-content;
    margin-right: 1rem;
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    -ms-appearance: auto;
}

.customer form input::placeholder {
    opacity: 0.5;
}

.customer__span {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.customer__span>*:not(:last-child) {
    margin-right: var(--Pm);
}

/* Customer - Login Page */
.customer.login {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.customer-login {
    align-items: center;
    row-gap: 5rem;
}

.customer-login>* {
    grid-column: 9/17;
}

.customer__heading {
    display: flex;
    justify-content: space-between;
}

.customer__heading h3 {
    margin-right: 1rem;
}

.customer__buttons {
    margin-top: 5rem;
}

.customer__buttons>* {
    max-width: 11.25rem;
    margin: 0 auto;
    display: block;
    line-height: 1;
}

.customer .tab-content {
    grid-row: 1;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.3s;
}

.customer .tab-content.active {
    height: fit-content;
    opacity: 1;
    visibility: visible;
}

/* Customer - Account Page */
.customer-account {
    padding-top: 10rem;
}

.customer__info {
    grid-column: 1/6;
}

.customer__info>*:not(:last-child),
.customer__orders>*:not(:last-child) {
    margin-bottom: 3rem;
}

.customer__orders {
    grid-column: 7/16;
}

.customer__orders table {
    width: 100%;
    text-align: left;
}

.customer__orders table thead tr th {
    padding-bottom: 2rem;
}

.customer__orders table tbody tr:not(:last-child) td,
.customer__orders table tfoot tr:not(:last-child) td {
    padding-bottom: 1rem;
}

.customer__orders table tfoot tr:first-of-type td {
    padding-top: 3rem;
}

.customer__order {
    grid-column: 7/25 !important;
}

/* Customer - Addresses Page */
.customer.addresses form {
    margin-top: 1rem;
}

.customer.addresses .customer__orders ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--Pm);
    row-gap: 4rem;
}

.customer.addresses .customer__orders ul .customer__buttons {
    margin-top: 2rem;
}


/* Cart Page */
.cart {
    height: calc(100vh - var(--Hh));
    grid-auto-rows: var(--Hh) 1fr min-content;
    /* padding-top: 5rem; */
    row-gap: 0;
}

.cart>*,
.cart__item {
    display: grid;
    grid-column: 1/25;
    grid-template-columns: repeat(24, 1fr);
    grid-auto-rows: auto;
    column-gap: var(--Pm);
    align-items: center;
    padding: 0 var(--Pm);
}

.cart__header {
    grid-row: 1;
    border-bottom: 1px solid;
    align-items: center;
    grid-auto-rows: auto;
}

.cart__col_1 {
    grid-column: 1/6;
}

.cart__col_2 {
    grid-column: 7/12;
}

.cart__col_3 {
    grid-column: 17/19;
}

.cart__col_4 {
    grid-column: 20/22;
}

.cart__col_5 {
    grid-column: 23/25;
}

.cart__title {
    grid-column: 1/6;
    height: min-content;
    display: flex;
    align-items: center;
}

.cart__title::after {
    content: none;
}

.cart__title>*:not(:last-child) {
    margin-right: var(--Ph);
}

.cart__title .aspectholder {
    width: 5.436111vw;
    height: 6.666667vw;
}

.cart__title .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart__content {
    height: auto;
    min-height: 21.79rem;
    flex-grow: 1;
    overflow: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative;
    align-items: flex-start;
    grid-auto-rows: min-content;
}

.cart__content::-webkit-scrollbar {
    display: none;
}

.cart__note {
    grid-column: 1/7;
}

.cart__note textarea {
    border-radius: 3px;
    padding: 1rem;
    border: 1px solid;
}

.cart__note textarea::placeholder {
    opacity: 0.65;
}

.cart__footer {
    row-gap: 1rem;
    grid-auto-rows: 1fr;
    align-items: center;
    justify-content: center;
    height: fit-content;
    padding: 5rem var(--Pm);
}

.cart__footer-inner {
    grid-column: 19/25;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    height: 100%;
}

.cart__checkout {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.cart__checkout * {
    line-height: 1 !important;
}

.cart__checkout .button_fill {
    color: var(--bg) !important;
}

.cart__checkout .button_fill:hover {
    color: var(--fg) !important;
}

.cart__item {
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%;
    padding: 0;
    padding: 1rem 0;
    min-height: var(--Hh);
}

.cart__quantity {
    display: flex;
    align-items: center;
    grid-column: 20/22;
    text-align: left;
}

.cart__quantity-number {
    width: 30px;
    height: 1rem;
    margin: 0;
    text-align: center;
    font-size: 1rem;
    border: none;
    outline: none;
    -moz-appearance: textfield;
}

.cart__quantity-number::-webkit-inner-spin-button,
.cart__quantity-number::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    display: none
}

.cart__quantity-button {
    width: min-content;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.3s ease;
}

.js-go-cart-quantity-minus {
    padding-right: 0.25rem;
}

.js-go-cart-quantity-plus {
    padding-left: 0.25rem;
}

.cart__image {
    display: none;
}

/* Search Page */
.search {
    padding: 14rem 0;
}

.search__form {
    grid-column: 1/4;
    position: sticky;
    height: fit-content;
    top: calc(var(--Hh) + 3rem);
}

.search__form>*:not(:last-child) {
    margin-bottom: 3rem;
}

.search__form form {
    border-bottom: 1px solid;
}

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

input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}


/* Policies Page */
.shopify-policy__container {
    max-width: unset !important;
    margin: unset !important;
    padding: var(--Pm) var(--Pm) 5rem var(--Pm) !important;
    border-top: 1px solid;
}

.shopify-policy__container>*:not(:last-child) {
    margin-bottom: 4rem;
}

.shopify-policy__title {
    text-align: left !important;
}

.shopify-policy__title h1 {
    grid-column: 1/25;
    text-transform: uppercase;
}

.shopify-policy__body>* {
    grid-column: 1/25;
}

.shopify-policy__body>*:not(:last-child),
.shopify-policy__body>*>*:not(:last-child) {
    margin-bottom: 1.3rem;
}
/* custom */
.font_up.hovered {
    -moz-box-shadow: none !Important;
    -webkit-box-shadow: none !Important;
    box-shadow: none !Important;
}