/** Shopify CDN: Minification failed

Line 14:12 Expected ")" to end URL token
Line 15:9 Expected ")" to end URL token
Line 16:9 Expected ")" to end URL token
Line 24:12 Expected ")" to end URL token
Line 25:9 Expected ")" to end URL token
Line 26:9 Expected ")" to end URL token

**/
/* -------------------------------------------------------------------------------------------------- */
@font-face {
	font-family: 'JetBrains Mono';
	src: url({{'JetBrainsMono-Medium.woff2' | asset_url }}) format('woff2'),
			url({{'JetBrainsMono-Medium.woff' | asset_url }}) format('woff'),
			url({{'JetBrainsMono-Medium.ttf'  | asset_url }}) format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'JetBrains Mono';
	src: url({{'JetBrainsMono-MediumItalic.woff2' | asset_url }}) format('woff2'),
			url({{'JetBrainsMono-MediumItalic.woff' | asset_url }}) format('woff'),
			url({{'JetBrainsMono-MediumItalic.ttf' | asset_url }}) format('truetype');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}


/* —— Cowell's · Editorial 1973 · v1.0 ————————————— */

/* =========================================================
	TOKENS
========================================================= */

:root {

	/* =======================================================
		COLORS
	======================================================= */

	--c-page:       #FBFAF6;
	--c-ivory:      #FEFBF1;
	--c-ivory-deep: #F7F0DC;
	--c-panel:      #FFFFFF;

	--c-ink:        #0D0C08;
	--c-mute:       rgba(13,12,8,0.65);
	--c-hairline:   rgba(13,12,8,0.14);

	--c-gold:       #A39460;
	--c-gold-deep:  #665D3C;
	--c-gold-light: #C9B97A;
}

:root {

	/* =======================================================
		FONTS
	======================================================= */

	--f-serif: 'Cormorant', Georgia, serif;
	--f-sans: 'Schibsted Grotesk', system-ui, sans-serif;
	--f-mono: 'JetBrains Mono', ui-monospace, monospace;
}

:root {

	/* =======================================================
		TYPE SCALE
	======================================================= */

	/* Fluid Sizes */
	--fs-display-1: clamp(58px, 6.666vw, 96px);
	--fs-display-2: clamp(44px, 4.444vw, 64px);
	--fs-display-3: clamp(32px, 2.777vw, 40px);

	--fs-lede: clamp(20px, 1.527vw, 22px);

	--fs-body: 15px;
  --fs-button: 12px;
  --fs-eyebrow: 11px;


	/* Font Shorthands */
	--font-display-1: normal 500 var(--fs-display-1)/0.9 var(--f-serif);
	--font-display-2: normal 500 var(--fs-display-2)/1.05 var(--f-serif);
	--font-display-3: normal 500 var(--fs-display-3)/1.05 var(--f-serif);

	--font-lede: italic 400 var(--fs-lede)/1.45 var(--f-serif);

	--font-body: normal 400 var(--fs-body)/1.6 var(--f-sans);
  --font-button: normal 600 var(--fs-button)/1 var(--f-sans);
  --font-eyebrow: normal 500 var(--fs-eyebrow)/1 var(--f-mono);

  --tracking-display-1: -0.024em;
  --tracking-display-2: -0.02em;
  --tracking-display-3: -0.015em;

  --tracking-button: 0.22em;
  --tracking-eyebrow: 0.28em;
}

/* =======================================================
	LAYOUT
======================================================= */
:root {
	--pad-page-x: 56px;
	--pad-section: 120px;
	--max-content: 1440px;
	--hairline-w: 1px;
}

/* =========================================================
   TYPOGRAPHY
========================================================= */

/* =========================================================
   BASE TYPOGRAPHY
========================================================= */

.text-body,
body,
.body-copy,
p {
	font: var(--font-body);
	letter-spacing: 0.06rem;
}


/* =========================================================
   HEADINGS BASE
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3 {
	color: rgb(var(--color-foreground));
	word-break: normal;
  	overflow-wrap: normal;
}


/* =========================================================
   DISPLAY
========================================================= */

/* =========================================================
   DISPLAY
========================================================= */

.display-1,
h1,
.h1 {
	font: var(--font-display-1);
	letter-spacing: var(--tracking-display-1);
}

.display-2,
h2,
.h2 {
	font: var(--font-display-2);
	letter-spacing: var(--tracking-display-2);
}

.display-3,
h3,
.h3 {
	font: var(--font-display-3);
	letter-spacing: var(--tracking-display-3);
}


/* =========================================================
   EXTENDED DISPLAY SCALE
========================================================= */

.hxxl {
	font: normal 500 clamp(72px, 8vw, 120px)/0.88 var(--f-serif);
	letter-spacing: -0.03em;
}

.hxl {
	font: normal 500 clamp(64px, 7vw, 108px)/0.89 var(--f-serif);
	letter-spacing: -0.028em;
}

.h0 {
	font: normal 500 clamp(52px, 6vw, 84px)/0.9 var(--f-serif);
	letter-spacing: -0.026em;
}


/* =========================================================
   ADDITIONAL HEADINGS
========================================================= */

h4,
.h4 {
	font: var(--font-h4);
	letter-spacing: -0.012em;
}

h5,
.h5 {
	font: var(--font-h5);
	letter-spacing: -0.01em;
}

h6,
.h6 {
	font: var(--font-h6);
	letter-spacing: 0;
	color: rgb(var(--color-foreground));
}


/* =========================================================
   LEDE / EMPHASIS
========================================================= */

em {
	font-family: var(--f-serif);
	font-style: italic;
}

.highlighted-text {
	color: rgb(var(--color-foreground-highlighted));
}
.lede {
	font: var(--font-lede);
	color: rgb(var(--color-foreground));
}


/* =========================================================
   BLOCKQUOTE
========================================================= */

blockquote {
	font: var(--font-lede);
	color: rgb(var(--color-foreground));
	border-left: 2px solid var(--c-hairline);
	padding-left: 1.5rem;
}


/* =========================================================
   CAPTIONS
========================================================= */

.caption {
	font: var(--font-eyebrow);
	letter-spacing: 0.07rem;
}

.caption-with-letter-spacing {
	font: var(--font-eyebrow);
	letter-spacing: 0.13rem;
	text-transform: uppercase;
}

.caption-with-letter-spacing--medium {
	letter-spacing: 0.16rem;
}

.caption-with-letter-spacing--large {
	letter-spacing: 0.18rem;
}

/* =========================================================
   FORM / UI TEXT
========================================================= */

.caption-large,
.customer .field input,
.customer select,
.field__input,
.form__label,
.select__select {
	font: var(--font-body);
	letter-spacing: 0.04rem;
}

/* =========================================================
   BUTTONS
========================================================= */

.btn-gold {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 16px 28px;
	border: 1px solid var(--c-gold);
	background: transparent;
	color: var(--c-ink);
	font: var(--font-button);
	letter-spacing: var(--tracking-button);
	text-transform: uppercase;
	text-decoration: none;
}

.btn-gold-dark {
	background: var(--c-ink);
	color: var(--c-ivory);
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 16px 28px;
	border: 1px solid var(--c-gold);
	font: var(--font-button);
	letter-spacing: var(--tracking-button);
	text-transform: uppercase;
	text-decoration: none;
}
.btn-underlined {
    background: transparent;
    color: var(--c-ivory);
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 16px 1px;
    font: var(--font-button);
    letter-spacing: var(--tracking-button);
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
}
.btn-underlined:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    height: 1.6px;
    background: var(--c-gold);
}
.btn-svg {
    display: flex;
    width: 12px;
    height: 12px;
}

.btn-svg svg {
	width: 100%;
	height: 100%;
}

.btn-svg svg path {
    fill: var(--c-gold);
}
/* =========================================================
   EYEBROW
========================================================= */

.eyebrow {
	font: var(--font-eyebrow);
	letter-spacing: var(--tracking-eyebrow);
	text-transform: uppercase;
	color: var(--c-gold);
}


/* =========================================================
   UTILITY
========================================================= */

.golden-dot {
	color: var(--c-gold);
	font-size: 22px;
	line-height: 1;
}

.image-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.mob-only {
	display: none !important;
}
/* body sticky-header{
	background-color: #fbfaf6 !important;
} */
@media screen and (max-width: 749px) {
	.mob-only {
			display: block !important;
	}
	.desk-only {
			display: none !important;
	}
}
/*-------------------------------- announcement bar css start ------------------------ */
.announcement-bar-line.desk-only {
    display: flex;
}
@media screen and (max-width: 749px) {
	.announcement-bar, .announcement-bar__announcement {
		justify-content: center;
	}
}
@media screen and (min-width: 750px) {
	.announcement-bar-line.desk-only {
    justify-content: space-between;
	}
}
/*-------------------------------- announcement bar css end ------------------------ */
/*-------------------------------- header css start ------------------------ */
header {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	text-transform: uppercase;
	font: var(--font-micro);
}   
.header__icon.header__icon--cart {
	display: inline-flex;
	white-space: nowrap;
	text-decoration: none;
	gap: 2px;
}
/*-------------------------------- header css end ------------------------ */
/*-------------------------------- new image banner css start ------------------------ */
.new-image-banner .subtitle * {
	font: var(--font-lede);
}


/* .banner__box:has(.caption-text) {
    padding-bottom: 0 !important;
} */

.banner__content.banner__content--middle-left:has(.caption-text) {
    padding-bottom: 0;
}
.banner__content .banner__box:has(.caption-text) {
	height: 100%;
}
.banner__text.caption-text {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
}
@media only screen and (min-width: 750px) {
	.new-image-banner.banner--content-align-left.banner--desktop-transparent .banner__box,
	.new-image-banner.banner--content-align-right.banner--desktop-transparent .banner__box,
	.new-image-banner.banner--medium.banner--desktop-transparent .banner__box {
		max-width: 52rem;
    }
	.new-image-banner .banner__heading {
		margin-bottom: 3rem;
	}
}
@media only screen and (max-width: 749px) {
	.new-image-banner.banner--content-align-mobile-center .banner__text caption-text {
		width: 100%;
	}
	.banner--content-align-mobile-center .banner__buttons--multiple>* {
		flex-grow: 0; 
		min-width: auto;
	}
	.new-image-banner.banner--content-align-mobile-center .banner__buttons {
		justify-content: center;
		flex-direction: column;
	}
	.new-image-banner.banner--content-align-mobile-center .banner__buttons--multiple>* {
		flex-grow: 0;
		min-width: auto;
		max-width: max-content;
		margin: 0 auto;
	}
	.banner__text.caption-text {
		bottom: -15px;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100%;
	}
}

/*-------------------------------- new image banner css end ------------------------ */
/*-------------------------------- new image with text css start ------------------------ */
.image-with-text__text.image-with-text__text--caption {
    color: var(--c-gold-deep);
    margin: 0 0 20px;
} 	
.image-with-text__media-item.grid__item {
    outline: 1px solid var(--c-gold);
    padding: 10px;
}
.image-with-text__content {
	background: transparent;
}
.image-logo {
	margin: 0 0 20px;
}
@media screen and (min-width: 750px) {
	.image-with-text__grid.image-with-text__grid--reverse .image-with-text__content {
		max-width: 520px;
		margin-right: auto;
		margin-left: 0;
	}
	.image-with-text__grid.image-with-text__grid--reverse .image-with-text__content {
		padding-left: 0 !important;
	}
	.image-with-text__grid:not(.image-with-text__grid--reverse) .image-with-text__content {
		padding-right: 0 !important;
	}
}
@media screen and (max-width: 749px) {
	.image-with-text .image-with-text__content {
		padding: 4rem calc(1rem / var(--font-body-scale)) 0rem;
    }
	.image-logo {
		max-width: 40% !important;
		margin: 0 0 10px;
	}
	.image-with-text__media-item.grid__item {
		outline-offset: 7px;
	}
}
/*-------------------------------- new image with text css end ------------------------ */
footer .field__label {
	font-size: 1.2rem;
	line-height: 2;
}
.field:after {
	box-shadow: 0 0 0 var(--inputs-border-width) var(--c-gold);
}
.footer-block__details-content a,
.footer-block__newsletter p {
	font-size: 12px;
}
.footer-block-image {
	display: flex;
    flex-direction: column;
}
.footer__content-bottom-wrapper {
	border-top: 1px solid var(--c-gold);
}
footer .field button{
	background-color: var(--c-gold) !important;
    color: #121212;
    font: var(--font-button);
    text-transform: uppercase;
    padding: 10px 20px;
}

.footer-bottom-copyright-wrp {
	padding-top: 40px;
}
.copyright__content{
	color: rgba(var(--color-foreground), 0.75)
}
.footer__copyright ul.policies.list-unstyled li:first-child::before {
	display: none;
}

.footer__copyright ul.policies.list-unstyled li {
	text-transform: uppercase;
}
@media screen and (max-width: 749px) {
	.footer-block__details-content a{
		padding: 0;
	}
	.footer__copyright {
		flex-direction: column;
		gap: 20px;
	}
	footer .footer-block__heading {
		margin-bottom: 1rem;
	}
}