/* Variables
--------------------------------------------- */
:root {
	--color-bg: 			248, 242, 234;
	--color-brenne: 		148, 212, 235;
	--color-brenne-ten: 	46, 65, 80;
	--color-brenne-accent:	92, 143, 180;
	--color-gold:			250, 168, 107;
	--color-gold-emboss:	rgba(250, 168, 107, .69);
	/* */
	--color-bg-accent: 		243, 232, 218;
	--color-brenne-text: 	115, 193, 221;
	
	--font-copy: 'Libre Baskerville', Georgia, serif;
	--font-nav:	'Josefin Sans', 'Verlag', 'Lato', Helvetica, sans-serif;
	
	--nav-height: 160px;
	--nav-pinned-height: 139px;
	--nav-item-padding: 60px;
	
	--btn-height: 62px;
}



/* Core
--------------------------------------------- */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	height: 100%;
	font-size: 16px;
}
body { background: rgb(var(--color-bg)); }
body, input, textarea, select, button {
	color: rgb(var(--color-brenne-ten));
	font-family: var(--font-copy);
	font-weight: 400;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
	text-rendering: optimizeLegibility;
}
optgroup { color: red; }
optgroup[label] { color: red; }


/* Typography
--------------------------------------------- */
h1, h2, h3, h4 { font-weight: 400; }
h1, h2 {}
h1 {
	font-size: 4.8rem;
	letter-spacing: -.024em;
	line-height: 1.1;
}
h2 {
	font-size: 1.7125rem;
	line-height: 1.5;
	margin-bottom: 1.75rem;
}
h3 {
	border-bottom: 1px solid rgba(var(--color-brenne-accent), .39);
	font-family: var(--font-nav);
	font-size: .9375rem;
	font-weight: 600;
	letter-spacing: .125rem;
	margin-top: .5em;
	padding-bottom: 1.5em;
	text-transform: uppercase;
}
h4 {
	font-size: 1.125rem;
	line-height: 1.4;
}

h1 strong, h2 strong { font-weight: inherit; }
h1 em {
	font-style: inherit;
	letter-spacing: inherit;
	position: relative;
}
h1 .catchword, h2 .catchword {
	border-bottom: 2px solid;
	font-size: 45%;
	letter-spacing: 0;
	position: relative;
	top: -.32em;
}

h2.feature {
	font-size: 2.4rem;
	line-height: 1.25;
}
h2:only-child { margin: 0; }
h2 .catchword {
	font-size: 50%;
	text-transform: uppercase;
}

p, li, dt, dd {
	font-size: .9rem;
	line-height: 2.1;
}
p, dt + dd { margin-bottom: 2rem; }
dt { font-weight: bold; }
strong {}
em { letter-spacing: .0125em; }
ol, ul {}
a {
	color: inherit;
	cursor: pointer !important;
	text-decoration: none;
}

sup { font-size: 57%; }
blockquote, q { position: relative; }
q { quotes: "“" "”" "“" "”"; }
blockquote:before, q:before {
	content: open-quote;
	font-size: 4.2rem;
	margin-right: .48rem;
    position: absolute;
    top: -.69rem;
	right: 100%;
}
q:after { display: none; }

p.large {
	font-size: 1.25rem;
	line-height: 1.5;
}
h2.flush, p.flush { margin-bottom: 0; }

.rel { position: relative; }
.smooth, .btn, h3, nav ul, p.large { -webkit-font-smoothing: antialiased; }

/* Link Hover & Highlighter Styles */
.highlighted, nav li a { position: relative; }
.highlighted:before, nav li a:before, h1 em:before {
	background: rgba(var(--color-brenne), .39);
	content: '';
	height: .75em;
	left: -.25em;
	pointer-events: none;
	position: absolute;
	margin-top: -.69em;
	right: -.25em;
	top: 100%;
	z-index: -1;
}
h1 em.punctuated:before {
	right: .125em;
}
nav li a:before {
	border-radius: 1px;
	bottom: -.05em;
	top: auto;
	transition: height .21s cubic-bezier(0.31, 0.32, 0.48, 1.39);
}
nav li a:not(:hover):not(.highlighted):before {
	bottom: -.2em;
	height: 0;
}
body:not(.mast-cleared) nav.invert li a:before { background: rgba(var(--color-brenne), .57); }

p a:not(.hint), h2 a:not(.hint) {
	box-shadow: inset 0 0 0 0 rgba(var(--color-brenne-text), .21), 0 2px 0 0 rgba(var(--color-brenne), .69);
	color: rgb(var(--color-brenne-ten));
	font-weight: 700;
	padding: 0 1px;
}
p a:not(.hint), h2 a:not(.hint), #site-footer li a, #site-footer p a { transition: color .12s ease-out, box-shadow .21s cubic-bezier(0.31, 0.32, 0.48, 1.21); }
p a:before, h2 a:before { display: none; }
p a:hover, h2 a:hover, #site-footer li a:hover, h2 strong, a.hint.link-block:hover {
	border-bottom: none;
	box-shadow: inset 0 -.65em 0px 0px rgba(var(--color-brenne), .39), 0 .1em 0 0 rgba(var(--color-brenne), .39);
	color: rgb(var(--color-brenne-ten));
}
p a.hint:hover, a.hint.link-block:hover { border-bottom: 1px solid rgba(var(--color-brenne), .39); }

h1 em:before {
	border-radius: 2px;
	height: .6em;
	left: -.084em;
	right: -.175em;
	margin-top: -.72em;
}
.hero h1 em:before { background: rgba(var(--color-brenne), .69); }

/* Hinted Links */
a.hint { border-bottom: 1px solid rgba(var(--color-brenne-ten), .07); }
a.brenne.hint { border-bottom: 1px solid rgba(var(--color-brenne), .07); }
a.brenne-cream.hint { border-bottom: 1px solid rgba(var(--color-bg), .07); }
a.brenne-cream.hint:hover {
	border-bottom: 1px solid rgba(var(--color-bg), .39);
	color: #fff;
}
a.link-block {
	display: inline-block;
	margin-bottom: 2.35rem;
}
a.link-block p {
	line-height: 1.2;
	margin-bottom: 0;
	margin-top: 0.4rem;
}

/* Color Shortcuts */
.brenne { color: rgb(var(--color-brenne-text)); }
.brenne-fill { background: rgb(var(--color-brenne)); }
.brenne-ten-fill { background: rgb(var(--color-brenne-ten)); }
.brenne-ten-fill h1, .brenne-ten-fill h3, .brenne-ten-fill p:not(.brenne) { color: rgb(var(--color-bg)); }
.brenne-cream { color: rgb(var(--color-bg)); }
.brenne-cream-fill { background: rgb(var(--color-bg-accent)); }

.btn {
	border-radius: 7px;
	cursor: pointer !important;
	display: inline-block;
	font-family: var(--font-nav);
	font-size: .9375rem;
	font-weight: 600;
	height: var(--btn-height);
	letter-spacing: .125rem;
	line-height: 65px;
	margin-top: 2.69rem;
	max-width: 240px;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.btn.light {
	background: rgb(var(--color-bg));
	color: rgb(var(--color-brenne-ten));
}
.btn.brenne {
	background: rgb(var(--color-brenne));
	color: rgb(var(--color-brenne-ten));
}
.btn.brenne-ten {
	background: rgb(var(--color-brenne-ten));
	color: rgb(var(--color-bg));
}
.btn.outline.light {
	background: transparent;
	box-shadow: inset rgb(var(--color-bg)) 0 0 0 2px;
	color: rgb(var(--color-bg));
}
.btn.outline.brenne {
	background: transparent;
	box-shadow: inset rgb(var(--color-brenne-text)) 0 0 0 2px;
	color: rgb(var(--color-brenne-text));
}
.btn.outline.brenne-ten {
	background: transparent;
	box-shadow: inset rgb(var(--color-brenne-ten)) 0 0 0 2px;
	color: rgb(var(--color-brenne-ten));
}
.btn em {
	margin-left: -1px;
	padding-right: 1px;
	text-transform: none;
}

.no-br { white-space: nowrap; }
.align-right { text-align: right; }

.in-gutter {
    position: absolute;
    top: 0;
	right: 100%;
}
.align-right .in-gutter {
    left: 100%;
    margin-left: -2px;
	right: auto;
}

/* Side Notes */
em.aside {
	color: rgba(var(--color-brenne-accent));
	font-size: .8rem;
	font-style: italic;
	line-height: 1.75;
}
em.aside.in-gutter {
	height: calc(100% - .8rem);
	margin-right: 33.333%;
	text-align: right;
	top: .5em;
	width: 120px;
}
em.aside.in-gutter:after {
	background: rgba(var(--color-brenne-accent), .39);
	content: '';
	height: 100%;
	position: absolute;
	right: -1.5em;
	top: 0;
	width: 1px;
}



/* Core Layout
--------------------------------------------- */
#page-wrap {
	overflow: hidden;
	transition: filter .12s linear;
}
#page-wrap:not(.flush) { padding-top: var(--nav-height); }
.wrap {
	margin: 0 auto;
	max-width: 1440px;
	position: relative;
	width: 100%;
	z-index: 100;
}
.outer-wrap, section { padding: 0 5%; }
section { display: flex; }

.emboss { position: relative; }
.emboss:after {
	background: var(--color-gold-emboss);
	bottom: 7px;
	content: '';
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 1;
}

/* Grid Setup */
.grid { display: flex; }
.grid-fill { height: 100%; }
.grid.stacked { flex-direction: column; }

.col-1  { width: 8.333%; }
.col-2  { width: 16.667%; }
.col-3  { width: 25%; }
.col-4  { width: 33.333%; }
.col-5  { width: 41.667%; }
.col-6  { width: 50%; }
.col-7  { width: 58.333%; }
.col-8  { width: 66.667%; }
.col-9  { width: 75%; }
.col-10 { width: 83.333%; }
.col-11 { width: 91.667%; }
.col-12 { width: 100%; }

.push-1  { margin-left: 8.333%; }
.push-2  { margin-left: 16.667%; }
	.push-2-7 { margin-left: 28.57%; }
.push-3, .push-quarter  { margin-left: 25%; }
	.push-3-8 { margin-left: 37.5%; }
.push-4  { margin-left: 33.333%; }
.push-5  { margin-left: 41.667%; }
.push-6, .push-half  { margin-left: 50%; }
.push-7  { margin-left: 58.333%; }
.push-8  { margin-left: 66.667%; }
.push-9  { margin-left: 75%; }
.push-10 { margin-left: 83.333%; }
.push-11 { margin-left: 91.667%; }

div[class^='col-'], div[class*=' col-'] { padding-top: 6.5rem; }
.mag-cols div[class^='col-'], .mag-cols div[class*=' col-'] { padding-top: 4.5rem; }
.mag-cols div[class^='col-'].margin-top, .mag-cols div[class*=' col-'].margin-top, .mag-cols .margin-top { padding-top: 3.5rem; }
.mag-cols p:last-child { margin-bottom: 0; }
.mag-cols aside p:last-child { margin-bottom: 2rem; }

div[class^='col-'].align-btm, div[class*=' col-'].align-btm {
	align-self: flex-end;
	padding-top: 0;
}
div[class^='col-'].flush-top, div[class*=' col-'].flush-top { padding-top: 0; }
div[class^='col-'].flush-top-margin, div[class*=' col-'].flush-top-margin { padding-top: 2rem; }
div[class^='col-'].pad-btm, div[class*=' col-'].pad-btm { padding-bottom: 7.1rem; }
div[class^='col-'].pad-right, div[class*=' col-'].pad-right { padding-right: 5%; }
div[class^='col-'].pad-left, div[class*=' col-'].pad-left { padding-left: 5%; }
div[class^='col-'].v-center, div[class*=' col-'].v-center {
	align-self: center;
	padding-top: 0;
}

.btn-pair { display: flex; }
.btn-pair .btn:first-child, .btn-pair .btn-wrap:first-child { margin-right: 2.1rem; }
.btn-pair .btn-wrap {
	max-width: 240px;
	width: 100%;
}

.img img { width: 100%; }

.v-center-wrap {
	display: table;
	height: 100%;
	width: 100%;
}
.v-center-cell {
	display: table-cell;
	vertical-align: middle;
}



/* --- Logo --- */
h1#logo {
	background: url(../_i/logo-big.png) center center no-repeat;
	background-size: 100%;
	color: transparent;
	display: block;
	font-size: 0;
	height: 264px;
	margin: 66px auto -160px auto;
	max-width: 912px;
	overflow: hidden;
	position: relative;
	text-indent: 100%;
	z-index: 1000;
	width: 93%;
}


/* --- Nav Bar --- */
nav {
	height: var(--nav-height);
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: height .26s ease-out;
	z-index: 5000;
}
nav .wrap {
	position: relative;
	z-index: 10;
}

.nav-fill, .nav-bevel {
	background: linear-gradient(to bottom, rgba(var(--color-bg), 1) 0%, rgba(var(--color-bg), 1) 50%, rgba(var(--color-bg), .93) 100%);
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.nav-bevel {
	background: transparent;
	opacity: 1;
}
.nav-bevel:after {
	background: rgba(var(--color-brenne-accent), .12);
	content: '';
	height: 1px;
	left: 5%;
	margin-top: calc(var(--nav-height) - 1px);
	position: absolute;
	right: 5%;
	transition: all .26s ease-out;
}
@media screen and (min-width: 1600px) {
	body:not(.nav-pinned) .nav-bevel:after {
    	left: 50%;
		margin-left: -720px;
		right: auto;
		width: 1440px;
	}
}

nav ul {
	display: flex;
	font-family: var(--font-nav);
	font-weight: 600;
	height: 160px;
	justify-content: center;
	text-align: center;
	width: 100%;
	
	/* NOTE:
	This is a hacky fix for centering uneven list elements.
	Depending on the menu items, can pad the list on the left or right, as needed.
	*/
	padding-right: 16px;
}

nav li {
	font-size: .9375rem;
	line-height: var(--nav-height);
	margin: 0 4.167%;
	transition: line-height .26s ease-out;
	white-space: nowrap;
}
nav li:first-child { margin-left: 0; }
nav li:last-child { margin-right: 0; }
#nav-fleur {
	background: transparent url(../_i/fleur.svg) center center no-repeat;
	background-size: 48px auto;
	position: relative;
	top: 0;
	transition: top .26s cubic-bezier(0.31, 0.32, 0.37, 2);
    width: 48px;
}
body:not(#page-home):not(.nav-open) #nav-fleur { cursor: pointer; }
#nav-fleur:after {
	background: transparent url(../_i/logo-small.svg) center center no-repeat;
	content: '';
	height: 48px;
	opacity: 0;
	position: absolute;
	left: 50%;
	margin-left: -72px;
	top: 18px;
    transition: top .26s cubic-bezier(0.31, 0.32, 0.37, 2), opacity .15s linear;
	width: 144px;
}
.nav-pinned #nav-fleur { top: 10px; }
.nav-pinned #nav-fleur:after {
	opacity: 1;
	top: 12px;
}

nav li a {
	color: inherit;
	letter-spacing: .125rem;
	text-transform: uppercase;
}

/* Inverted Nav */
nav.invert .nav-fill { transition: opacity .21s linear; }
body.mast-cleared nav.invert .nav-fill { opacity: 1; } 
body:not(.mast-cleared) nav.invert { color: rgb(var(--color-bg)); }
body:not(.mast-cleared) nav.invert .nav-fill {
	background: linear-gradient(to bottom, rgba(var(--color-brenne-ten), 1) 0%, rgba(var(--color-brenne-ten), 0) 84%, rgba(var(--color-brenne-ten), 0) 100%);
	opacity: .39;
}
body:not(.mast-cleared) nav.invert .nav-bevel:after { background: rgba(var(--color-bg), .12); }
body:not(.mast-cleared) nav.invert #nav-fleur { background-image: url(../_i/fleur-invert.svg); }
body:not(.mast-cleared) nav.invert #nav-fleur:after { background-image: url(../_i/logo-small-invert.svg); }

/* Pinned Nav */
.nav-pinned nav { height: var(--nav-pinned-height); }
.nav-pinned .nav-bevel:after {
	left: 0;
	margin-left: 0;
	margin-top: calc(var(--nav-pinned-height) - 1px);
	right: 0;
	width: 100%;
}
.nav-pinned nav li { line-height: var(--nav-pinned-height); }

/* Mobile Nav */
#nav-toggle {
	cursor: pointer;
	display: none;
	height: 36px;
	margin-top: -18px;
	position: absolute;
	right: 5%;
	top: 50%;
	width: 40px;
}
#nav-toggle div {
	background: rgb(var(--color-brenne-ten));
	border-radius: 2px;
	height: 4px;
	position: absolute;
	transition: transform 0.45s cubic-bezier(0.9, -0.6, 0.3, 1.6), width 0.2s ease 0.2s;
}
body:not(.mast-cleared) nav.invert #nav-toggle div { background: rgb(var(--color-bg)); }
#nav-toggle div:first-child {
	left: 0;
	margin: -2px 0 0 0;
	top: 50%;
	transform-origin: 50% 50%;
	width: 40px;
}
#nav-toggle div:first-child + div {
	left: 0;
	top: 2px;
	transform-origin: 0 50%;
	width: 20px;
}
#nav-toggle div:last-child {
	bottom: 2px;
	right: 0;
	transform: translate(-12px, 0);
	transform-origin: 100% 50%;
	width: 28px;
}
.nav-open #nav-toggle div:first-child {
	transform: rotate(-45deg);
	transition: transform 0.45s cubic-bezier(0.9, -0.6, 0.3, 1.6) 0.1s;
}
.nav-open #nav-toggle div:first-child + div {
	transform: translate(6px, 0) rotate(45deg);
	transition: transform 0.45s cubic-bezier(0.9, -0.6, 0.3, 1.6) 0.1s, width 0.2s ease;
	width: 19px;
}
.nav-open #nav-toggle div:last-child {
	transform: translate(-6px, 0) rotate(45deg);
	transition: transform 0.45s cubic-bezier(0.9, -0.6, 0.3, 1.6) 0.1s, width 0.2s ease;
	width: 19px;
}

#m-home-click {
	content: '';
	cursor: default;
	display: none;
	height: var(--nav-height);
	left: 1.84%;
	position: fixed;
	top: 0;
	width: 102px;
	z-index: 500;
}


/* --- Mast --- */
#page-wrap.flush #mast.hero .wrap { padding-top: var(--nav-height); }
#mast.hero {
	height: 93vh;
	max-height: 1020px;
	min-height: 700px;
}
#mast.hero.emboss .v-center:not(.no-pad) { padding-bottom: 3.9rem; }

.no-hero {
	padding-top: 4.8rem;
	text-align: center;
}



/* Footer
--------------------------------------------- */
#site-footer { margin-top: 12rem; }
#site-footer .wrap:before, #site-footer .wrap:after {
	background: rgb(var(--color-brenne-ten));
	border-radius: 2px;
	content: '';
	height: 2px;
	position: absolute;
	top: 0;
	width: 33.333%;
}
#site-footer .wrap:before { left: 0; }
#site-footer .wrap:after { right: 0; }

#site-footer > .wrap > .grid { padding-bottom: 6.5rem; }
#site-footer > .wrap > .grid:before {
	background: transparent url(../_i/footer-flourish.svg) center top no-repeat;
	content: '';
	height: 50px;
	position: absolute;
	left: 50%;
	margin-left: -130px;
	top: -18px;
	width: 260px;
}

#site-footer h3 {
	border-bottom: none;
	margin-bottom: 1.25rem;
	margin-top: 0;
	padding-bottom: 0;
}
#site-footer li {
	font-size: .84rem;
	line-height: 1.5;
	margin-top: .75rem;
}
#site-footer a:not(.brenne-cream):not(.brenne):not(.default) { color: inherit; }
#site-footer a.brenne:hover { color: rgb(var(--color-brenne)); }
#site-footer a.hint:hover:not(.default) { box-shadow: none; }

#events-item, #connect-block {
	border-radius: 6px;
	font-size: 0;
	margin-top: -1.5rem;
	min-height: calc(100% + 1.5rem);
	padding: 1.5rem 1.5rem 1.2rem 1.5rem;
}
#event-details {
	display: inline-block;
	height: 100%;
	vertical-align: top;
	width: calc(100% - 184px);
}
#event-link {
	display: inline-block;
	height: 7.4rem;
	width: 184px;
}

#events-item h4 {
	margin-top: -.9rem;
	margin-bottom: .5rem;
}
#events-item p {
	font-size: .84rem;
	line-height: 1.5;
	margin: .125rem 0 0 0;
	overflow: hidden;
	padding-right: 3.4%;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#events-item p em {
	font-size: .9rem;
}
#events-item a {
	align-self: center;
	margin: 0;
	width: 184px;
	white-space: nowrap;
}

#connect-block { text-align: center; }
#connect-block .grid div[class^='col-'] { padding-top: 0; }
#connect-block h3 { margin-bottom: 1.75rem; }
#connect-block h4 {
	display: inline-block;
	margin-top: .3rem;
	margin-left: .25rem;
	min-height: 34px;
	padding-left: 1.39rem;
	position: relative;
	vertical-align: top;
}
	#connect-block h4:before {
		background-color: rgba(var(--color-brenne), .39);
		border-radius: 100%;
		content: '';
		height: 6px;
		left: 0;
		margin-top: calc(-3px - .3rem);
		position: absolute;
		top: 50%;
		transform: rotate(21deg);
		width: 6px;
	}

#connect-block a.link-block { margin: 0; }
#connect-block a.icon-social {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	display: inline-block;
	height: 34px;
	margin-right: 1rem;
	overflow: hidden;
	text-indent: 100%;
	width: 34px;
}
	#connect-block a.icon-social.instagram { background-image: url(../_i/insta.png); }
	#connect-block a.icon-social.facebook { background-image: url(../_i/fb.png); }
	
#footer-copy {
	margin-bottom: 6.5rem;
	margin-top: -1.5rem;
	padding-top: 5.25rem;
	position: relative;
	text-align: center;
}
#footer-copy:before {
	background: rgba(var(--color-brenne-ten), .12);
	content: '';
	height: 1px;
	position: absolute;
	left: 41.667%;
	top: 0;
	width: 16.667%;
}
#footer-copy p {
	color: rgba(var(--color-brenne-ten), .39);
	font-size: .675rem;
	line-height: 2.1;
	margin: 0;
}
#footer-copy p:before {
	background: transparent url(../_i/logo-small.svg) center center no-repeat;
	background-size: 100%;
	content: '';
	height: 48px;
	opacity: .39;
	position: absolute;
	left: 50%;
	margin-left: -57px;
	top: 24px;
	width: 114px;
}
#footer-copy p abbr {
	background: transparent url(../_i/avec-brenne.png) center center no-repeat;
	background-size: 100%;
	display: inline-block;
	font-size: 0;
	height: 16px;
	margin: 0 2px;
	opacity: .34;
	overflow: hidden;
	text-indent: 100%;
	vertical-align: middle;
	width: 17px;
}
#footer-copy p a:hover { color: rgb(var(--color-brenne-ten)); }



/* InstaGrid
--------------------------------------------- */
.igrid {
	display: flex;
	font-size: 0;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 9.3rem;
}
.igrid .col { width: 12%; }
.igrid .col.wide { width: 24.5%; }
.igrid .col:first-child { margin-right: calc(.125% + 1px); }
.igrid .col.right { text-align: right; }
.igrid .pic {
	background: rgb(var(--color-bg-accent));
	background-position: center center;
	background-size: cover;
	border-radius: 5px;
	display: inline-block;
	margin: 1%;
	padding-top: 98%;
	overflow: hidden;
	width: 98%;
}
.igrid .col:not(.wide) .pic { margin: 2%; }
.igrid .col.wide .pic:not(.big) {
	padding-top: 48%;
	width: 48%;
}
.igrid .pic.solo { display: block; }
.igrid :not(.wide) .pic.push-row { margin-top: 104%; }

.igrid .instafill {
	background: rgb(var(--color-brenne));
	position: relative;
}
.instalogo {
	background: transparent url(../_i/instagram-brenne.png) center center no-repeat;
	background-size: 60px 60px;
	height: 60px;
	left: 0;
	margin-top: -30px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
}
.instalogo p {
	font-family: var(--font-nav);
	font-size: .9375rem;
	letter-spacing: .125rem;
	line-height: 1.4rem;
	margin: 0;
	position: absolute;
	text-transform: uppercase;
	width: 100%;
}
.instalogo p:first-child {
	bottom: 100%;
	margin-bottom: .62rem;
}
.instalogo p:last-child {
	margin-top: 1rem;
	top: 100%;
}



/* Age Gate & Alert Banner
--------------------------------------------- */
html.gate body { overflow: hidden; }
html.gate #page-wrap {
	filter: blur(24px);
	position: relative;
	z-index: 100;
}
#page-wrap:after {
	background: rgba(var(--color-brenne-ten), .21);
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: opacity .12s linear;
	width: 100%;
	z-index: 8000;
}
html.gate #page-wrap:after {
	content: '';
	opacity: 1;
}
#age-gate {
	align-items: center;
	display: none;
	height: 100%;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9000;
}
html.gate #age-gate { display: flex; }
html.gate #page-wrap:after { background: rgba(var(--color-brenne-ten), .21); }
html.hideGate #page-wrap { filter: blur(0); }
html.hideGate #page-wrap:after { opacity: 0; }

/* General Modal Setup */
.modal {
	background: rgb(var(--color-bg));
	border-radius: 12px;
	box-shadow: rgb(var(--color-brenne-ten)) 0 0 69px, rgba(var(--color-brenne-ten), .06) 0 3px 0;
	display: none;
	max-width: 570px;
	overflow: hidden;
	padding: 2rem;
	position: relative;
	width: 93%;
}
.modal .contents {
	position: relative;
	z-index: 10;
}
.modal h1 em { z-index: 50; }
.modal .btns:not(.flush) { margin-top: 6.8rem; }
.modal .btns .btn { margin: .4rem 0 0 0; }
.modalShow .modal, .modal.modalShow {
	animation: modalShow 0.34s cubic-bezier(.21, .48, .43, .93) both;
	display: block;
}
.modalHide .modal, .modal.modalHide {
	animation: modalHide 0.34s cubic-bezier(.84, .21, .81, .75) both;
	display: block;
	pointer-events: none;
}
@keyframes modalShow {
	0% {
		box-shadow: rgba(var(--color-brenne-ten), 0) 0 0 0, rgba(var(--color-brenne-ten), 0) 0 0 0;
		opacity: 0;
		top: 39px;
	}
	39% {
		opacity: 1;
	}
	100% {
		box-shadow: rgb(var(--color-brenne-ten)) 0 0 84px, rgba(var(--color-brenne-ten), .06) 0 3px 0;
		top: 0;
	}
}
@keyframes modalHide {
	0% {
		box-shadow: rgb(var(--color-brenne-ten)) 0 0 84px, rgba(var(--color-brenne-ten), .06) 0 3px 0;
		opacity: 1;
		top: 0;
	}
	100% {
		box-shadow: rgba(var(--color-brenne-ten), 0) 0 0 0, rgba(var(--color-brenne-ten), 0) 0 0 0;
		opacity: 0;
		top: 120px;
	}
}

/* Age Gate Modal */
#age-gate .modal .fill {
	background-image: url(../_i/bottle-hero.png), url(../_i/bottle-hero-shadow.png);
	background-position: -42% 32.7%;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
#age-gate .modal p.aside {
	line-height: 1.4;
	margin-top: .39rem;
}


/* Page Adjustments
--------------------------------------------- */

/* --- Home --- */
#page-home #mast { min-height: 700px; }
#page-home #mast .wrap {
	overflow: hidden;
	padding-top: var(--nav-height);
}
#page-home #mast .align-btm { padding-bottom: 4.2rem; }
#page-home #mast h1 { color: rgb(var(--color-bg)); }

#page-home h1:not(#logo) {
	font-size: 3.325rem;
	letter-spacing: -.0125em;
	line-height: 1.25;
}

.titleRoll > .rolling { display: inline-block; }
@keyframes pulse {
	from { transform: scale3d(1, 1, 1); }
	50% { transform: scale3d(1.02, 1.02, 1.02); }
	to { transform: scale3d(1, 1, 1); }
}
.pulse { animation-name: pulse; }
.rolling {
	animation-duration: 1.2s;
	animation-fill-mode: both;
}

#page-home h1 + h2 { margin-top: 1.84rem; }
#page-home #mast h1 + h2 {
	color: rgb(var(--color-brenne-ten));
	margin-bottom: 0;
}
#page-home #mast h1 + h2 em:before { content: 'Avec grâce et saveur'; }
#page-home #mast h1 + h2:hover em:before { content: 'With grace and taste'; }

#page-home #bottle-hero {
	height: 1750px;
	left: 50%;
	margin-left: -420px;
	pointer-events: none;
	position: absolute;
	top: -34px;
	width: 840px;
	z-index: 101;
}
#page-home #mast .wrap:before, #page-home #bottle-hero:after, #page-home #bottle-hero:before {
	content: '';
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
}
#page-home #mast .wrap:before {
	background: url(../_i/bottle-hero-shadow.png) center top no-repeat;
	height: 930px;
	z-index: 1;
}
#page-home #bottle-hero:after {
	background: url(../_i/bottle-hero.png) center top no-repeat;
	height: 100%;
	z-index: 2;
}
#page-home #bottle-hero:before {
	background: url(../_i/bottle-hero-details.png) center top no-repeat;
	height: 100%;
	z-index: 1;
}

#bec h2 strong {
	box-shadow: none;
	font-style: italic;
	font-weight: 600;
}

#bten { margin-top: 15.4rem; }
#bten:before, #bten:after {
	background: url(../_i/bten-hero.png) left center no-repeat;
	content: '';
	height: 100%;
	position: absolute;
	left: 43%;
	top: 0;
	width: 930px;
	z-index: 2;
}
#bten:after {
	background: url(../_i/bten-hero-details.png) left center no-repeat;	
	z-index: 1;
}

#allison { margin-top: 12rem; }
#allison .grid { position: relative; }
#allison .grid:before {
	background: rgb(var(--color-bg-accent)) url(../_i/meet-allison.jpg) center top no-repeat;
	border-radius: 12px;
	content: '';
	height: 100%;
	left: 8.333%;
	overflow: hidden;
	position: absolute;
	width: 83.333%;
	z-index: 5;
}
#allison .grid div[class^='col-'], #allison .grid div[class*=' col-'] {
	position: relative;
	z-index: 10;
}
#allison .padded-copy, #allison .btn-pair { padding-right: 20%; }


/* --- Story --- */
#page-story #mast.hero {
	background-image: url(../_i/gallery/brenne-story-mast.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
#story-copy-block .col-4 { order: 1; }
#story-copy-block .col-5 { order: 2; }
video {
	cursor: pointer;
	width: 100%;
}


/* --- Contact --- */
#contact-methods {}
#contact-methods .mailbox {
	height: 50vh;
	min-height: 37vw;
	padding: 1.69rem 2rem 0 2rem;
}
#contact-methods .mailbox .contacts {
	left: 2rem;
	position: absolute;
	right: 2rem;
	bottom: 2rem;
}
#contact-assets .mailbox {
	background: rgba(var(--color-brenne), .39);
	margin-right: 12%;
}
#contact-sales .mailbox {
	background: rgb(var(--color-bg-accent));
	margin: 0 6%;
}
#contact-allison .mailbox {
	background: rgb(var(--color-brenne-ten)) url(../_i/contact-allison.jpg) center top no-repeat;
	background-size: cover;
	color: rgb(var(--color-bg));
	display: block;
	margin-left: 12%;
}
#contact-allison .insta {
	padding-left: calc(34px + .5rem);
	position: relative;
}
#contact-allison .insta em {
	color: rgb(var(--color-brenne));
}
#contact-allison .insta:before {
	background: url(../_i/insta.png) center center no-repeat;
	background-size: 100%;
	content: '';
	height: 34px;
	left: 0;
	margin-top: -17px;
	position: absolute;
	top: 50%;
	width: 34px;
}
.mailbox h4 { font-weight: bold; }
.mailbox .sub-contact h4 { font-size: .9rem; }
.mailbox a { font-weight: normal; }

#social-mast.no-hero { padding-top: 6rem; }
#social-mast.no-hero + .igrid { padding-top: 3.4rem; }


/* --- Allison --- */
#page-allison #mast.hero {
	background-image: url(../_i/gallery/brenne-allison-mast.jpg);
	background-position: center 21%;
	background-repeat: no-repeat;
	background-size: cover;
}
#page-allison #mast h2 {
	margin-top: 1rem;
	margin-bottom: 0;
}
#allison-background q {
	display: block;
	margin: -1rem 0;
}


/* --- Products --- */
#products-brenne { padding-bottom: 9rem; }
#products-brenne-ten { padding-bottom: 3.4rem; }
#page-products section:not(#mast) h1 {
	font-size: 3.325rem;
	letter-spacing: -.0125em;
	line-height: 1.25;
}

/* Bevels */
#page-products .tasting-notes > div { padding-top: 9.3rem; }
#page-products .awards > div { padding-top: 7.66rem; }
#page-products .blurb, #page-products .buy-wrap, #page-products .awards > div { position: relative; }
#page-products .blurb:before, #page-products .buy-wrap:before, #page-products .awards > div:before {
	background: rgb(var(--color-brenne));
	content: '';
	height: 3px;
	left: 0;
	position: absolute;
	top: 4.3rem;
	width: 50%;
}
#page-products .buy-wrap:before, #page-products .details:before, #page-products .awards > div + div:before { width: 100%; }
#page-products .awards > div:before { margin-top: -1.6rem; }
#products-brenne-ten .tasting-notes > div:not(.bottle):before, #products-brenne-ten .awards > div:not(.bottle):before { background: rgb(var(--color-brenne-ten)); }

/* Notes */
#page-products .blurb { order: 1; }
#page-products .tasting-notes .blurb p { padding-right: 6%; }
#page-products .tasting-notes .btn { margin: 0; }

/* Bottle */
#page-products .bottle {
	order: 2;
	position: relative;
}
#page-products .bottle-hero {
	background: url(../_i/gallery/brenne-product-estate.png) center top no-repeat;
	background-size: 100% auto;
	height: 1093px;
	left: 50%;
	margin-left: -255px;
	max-width: 474px;
	order: 2;
	pointer-events: none;
	position: absolute;
	top: -12rem;
	width: 33vw;
}
#page-products .bottle-hero.ten { background-image: url(../_i/gallery/brenne-product-ten.png); }

/* Buy Button */
#page-products .buy-wrap {
	order: 3;
	padding-top: 7.3rem;
}

/* Awards */
#page-products .awards dd strong {
	float: left;
	font-size: 3rem;
	font-weight: normal;
	letter-spacing: -.12rem;
	line-height: 1.2;
	margin-right: .69rem;
}
#page-products .awards dd .force-br {
	display: block;
	line-height: 1.2;
	margin-bottom: 2.4rem;
}

/* Details */
#page-products div.details { order: 3; }
#page-products .details dt, #page-products .details dd {
	line-height: 1.4;
	margin: 0;
}
#page-products .details dt {
	color: rgb(var(--color-brenne-text));
	font-size: 1.2rem;
	margin: 0;
}
#page-products .details dd {
	font-size: 2.4rem;
	letter-spacing: -.02rem;
	margin-bottom: 1.5rem;
}


/* Where to Buy */
#buy-instant { order: 1; }
#buy-usa { order: 2; }
#buy-intl { order: 3; }
.buy-option {
	background: rgba(var(--color-brenne), .39);
	margin-bottom: 4.8rem;
	padding: 1.69rem 2rem 3rem 2rem;
	text-align: center;
}
#buy-instant .buy-option { margin-right: 12%; }
#buy-usa .buy-option {
	/*
	margin: 0 6%;
	padding: 1.69rem 2rem 3rem 2rem;
	*/
	margin: -1.5rem 6% 0 6%;
	padding: 3.19rem 2rem 4.5rem 2rem;
	
	/* --- */
	
	background: rgb(var(--color-brenne-ten));
	border-radius: 4px;
	box-shadow: 0 9px 34px rgba(var(--color-brenne-ten), .39);
	color: rgb(var(--color-bg));
}
	#buy-usa .buy-option p { color: rgb(var(--color-brenne)); }
#buy-intl .buy-option {
	background: rgb(var(--color-bg-accent));
	margin-left: 12%;
}

.buy-option .btn { margin-top: 1.48rem; }
.buy-option p { margin-bottom: 1rem; }

.btn-select {
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16' viewBox='0 0 26 16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%232e4150;fill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath id='Rounded_Rectangle_1' data-name='Rounded Rectangle 1' class='cls-1' d='M4.94,0.019L11.6,6.569c1.96,1.891.805,1.891,2.765,0l6.658-6.55h3.5c1.96,1.891,1.96,2.671,0,4.561L14.363,14.569c-1.96,1.891-.805,1.891-2.765,0L1.445,4.58c-1.96-1.891-1.96-2.671,0-4.561h3.5Z'/%3E%3C/svg%3E%0A"), linear-gradient(to bottom, #fff 0%, #fff 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	border: none;
	border-radius: .25rem;
	box-shadow: rgba(var(--color-brenne-ten), .39) 0 0 0 1px, rgba(0,0,0,.04) 0 3px 0;
	line-height: 61px;
	margin: 1.48rem auto 0 auto;
	max-width: 240px;
	padding: 0 2.1rem 0 .8rem;
	position: relative;
	width: 100%;
	
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.btn-select::-ms-expand { display: none; }
.btn-select:hover { box-shadow: rgba(var(--color-brenne-ten), .57) 0 0 0 1px, rgba(0,0,0,.04) 0 3px 0; }
.btn-select:focus { outline: none; }
.btn-select option { font-weight: normal; }

.locales {
	font-size: 0;
	padding: .25rem 0;
}
.locales strong {
	color: rgb(var(--color-brenne-accent));
	display: inline-block;
	font-size: .57rem;
	line-height: 17px;
	padding-right: .5rem;
	text-transform: uppercase;
	font-weight: 700;
	vertical-align: top;
}
.locales strong em {
	font-style: normal;
	text-decoration: underline;
}
.locales ul + strong { padding-left: .5rem; }
.locales ul {
	display: inline-block;
	font-size: 0;
}
.locales li {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 2px;
	box-shadow: inset rgba(0,0,0,.12) 0 0 0 1px, rgba(0,0,0,.04) 0 2px 0;
	display: inline-block;
	height: 15px;
	line-height: 15px;
	margin: 0;
	overflow: hidden;
	text-indent: 100%;
	width: 21px;
}
.locale_US { background-image: url(../_i/locales/US.png); }
.locale_FR { background-image: url(../_i/locales/FR.png); }

#brenne-finder {
	display: block;
	height: 73.2rem;
	padding: 0;
	position: relative;
	margin: 0 auto 5rem auto;
	max-width: 1440px;
	text-align: center;
	width: 100%;
}
#brenne-finder iframe {
	border: none;
	display: block;
	height: 100%;
	margin: 0;
	width: 100%;
}
#brenne-finder:before {
	bottom: calc((1.7125rem + 1.75rem + .9rem + 2rem + 1.875rem) * -1);
	box-shadow: inset rgb(var(--color-bg)) 0 -9px 12px;
	content: '';
	height: 21px;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
}



/* Responsive Adjustments
--------------------------------------------- */
/* Desktop Breakpoints */
@media screen and (max-width: 1520px) {
	/* Page Adjustments
	--------------------------------------------- */
	/* Story */
	#page-story #mast .col-4.push-7 {
		margin-left: 50%;
		width: 41.667%;
	}
}
@media screen and (max-width: 1390px) {
	/* Page Adjustments
	--------------------------------------------- */
	/* Home */
	h1#logo { max-width: 840px; }
	#page-home h1:not(#logo) { font-size: 3rem; }
	#page-home #bottle-hero {
		margin-left: -26%;
		top: -21px;
		width: 52%;
	}
	#page-home #bottle-hero:before, #page-home #bottle-hero:after { background-size: 100%; }
	#bec .grid + .grid > div { margin-top: -9.3rem; }
	#bten { margin-top: 12rem; }
	#allison .grid:before {
		background-position: 62% top;
		left: 0;
		width: 100%;
	}
	#allison .padded-copy, #allison .btn-pair { padding-right: 0; }
	
	/* Story */
	.mag-cols.stacked > .push-1, .mag-cols:not(#story-copy-block) > .push-1:first-child,
	#story-copy-block > .push-1:last-child { margin-left: 0; }
	#story-copy-block .col-4 { width: 50%; }
	#story-distillery .mag-cols:first-child .col-7.push-4 {
		margin-left: 25%;
		width: 75%;
	}
	#story-distillery .mag-cols:nth-child(2) .col-6 { width: 58.333%; }
	#story-distillery .mag-cols:nth-child(2) .col-6 .push-half { margin-left: 42.86%; }
	#story-distillery .mag-cols:nth-child(2) .col-3 { width: 33.333%; }
	#story-distillery .mag-cols .col-10 { width: 100%; }
	#story-video .col-10 {
		margin-left: 0;
		width: 100%;
	}
	
	/* Contact */
	#contact-assets .mailbox { margin-right: 8%; }
	#contact-sales .mailbox { margin: 0 4%; }
	#contact-allison .mailbox { margin-left: 8%; }
	.mailbox h2 { font-size: 2.1vw; }
	
	/* Allison */
	#allison-background .grid:first-child > .col-7,
	#allison-background .grid:last-child > .col-7 { width: 66.667%; }
	#allison-background .grid:nth-child(2) > .col-3 { width: 33.333%; }
	#allison-awards .grid > div { width: 50%; }
	
	/* Products */
	#page-products #main-wrap .push-1 { margin-left: 0; }
	#page-products .blurb, #page-products .awards > div:first-child { margin-left: 8.333%; }
	#page-products .bottle.col-3 { width: 33.333%; }
	#page-products .bottle-hero { width: 40vw; }
	.details.col-2.push-3 { margin-left: 33.333%; }
}
@media screen and (max-width: 1280px) {
	/* Page Adjustments
	--------------------------------------------- */
	/* Home */
	#page-home #bottle-hero { top: 0; }
	#bec .grid + .grid > div { margin-top: -12rem; }
	#bten { margin-top: 9.3rem; }
}
@media screen and (max-width: 1200px) {
	/* Core Layout
	--------------------------------------------- */
	/* Nav Bar */
	#nav-fleur { width: 102px; }
	
	
	/* Page Adjustments
	--------------------------------------------- */
	/* Home */
	#page-home #mast .wrap:before {
		background-position: right bottom;
		background-size: 57%;
	}
	#page-home #bottle-hero {
		left: auto;
		margin-left: 0;
		right: -6.2rem;
		top: 4vw;
		width: 60%;
	}
	#page-home #bottle-hero:before {  }
	#page-home #mast { min-height: 0; }
	#page-home #mast .wrap { padding-top: calc(var(--nav-height) + 2.4rem); }
	#page-home #mast .grid .col-4.push-8 {
		align-self: center;
		margin-left: 0;
		width: 62%;
	}
	
	#bec div[class^='col-'], #bec div[class*=' col-'] { width: 62%; }
	#bec .grid + .grid > div {
		margin-top: 0;
		margin-left: 0;
	}
	#bec h2.feature.rel { display: inline-block; }
	#bec .align-right { text-align: left; }
	#bec div[class^='col-'].flush-top { padding-top: 5rem; }
	
	#allison .grid:before { background-position: 52% top; }
	#allison .grid div[class^='col-'] { width: 50%; }
	#allison .grid div[class^='col-'] .padded-copy h2 { padding-right: 4.2%; }
	#allison .padded-copy p,
	#allison .btn-pair { padding-right: 10%; }
	
	/* Story */
	#page-story #mast .col-4.push-7 { width: 50%; }
	#story-background .stacked .col-7 { width: 66.667%; }
	#story-background .stacked .col-6 { width: 58.333%; }
	
	/* Allison */
	#page-allison #mast.hero { background-position: 62% 21%; }
	#page-allison #mast .col-4.push-7 {
		margin-left: 50%;
		width: 50%;
	}
	#allison-background .grid:first-child > .col-7,
	#allison-background .grid:last-child > .col-7 {
		margin-left: 25%;
		width: 75%;
	}
	#allison-background .img { overflow: hidden; }
	#allison-background .img img {
		margin-left: -10%;
		width: 120%;
	}
	#allison-awards .grid > div {
		margin-left: 25%;
		width: 50%;
	}
	
	/* Products */
	#page-products #main-wrap h1 { padding-right: 10%; }
	#products-brenne { padding-bottom: 6rem; }
	#page-products .blurb, #page-products .awards > div:first-child {
		margin-left: 0;
		width: 41.667%;
	}
	#page-products .bottle-hero {
		background-position: center center;
		margin-left: -72%;
	}
	#page-products .buy-wrap, #page-products .details.col-2 { width: 25%; }
}
@media screen and (max-width: 1100px) {
	/* Page Adjustments
	--------------------------------------------- */
	/* Home */
	#page-home #bottle-hero { top: 6vw; }
	
	/* Buy Now */
	#buy-instant { order: 2; }
	#buy-usa { order: 1; }
	#buy-intl { order: 3; }
	#buy-online .grid { flex-direction: column; }
	#buy-online .grid > div { width: 100%; }
	#buy-online .grid > div:not(:first-child) { padding-top: 2.1rem; }
	#buy-online .grid > div .buy-option { margin: 0; }
	#buy-online .grid > div#buy-intl .buy-option { margin-bottom: 4.8rem; }
	#buy-usa .buy-option {
		margin: 0 6%;
		padding: 1.69rem 2rem 3rem 2rem;
	}
}

/* Tablet Landscape */
@media screen and (max-width: 1024px) {
	/* Typography
	--------------------------------------------- */
	h1 { font-size: 4.3rem; }
	
	
	/* Page Adjustments
	--------------------------------------------- */
	/* Home */
	#page-home #bottle-hero {
		top: 8vw;
		right: -7.5rem;
		width: 66%;
	}
	#bten:before, #bten:after {
		background-size: 84%;
		left: 50%;
	}
	#bten div[class^='col-'].pad-btm { width: 57%; }
	
	#allison { margin-top: 10rem; }
	#allison .grid:before {
		background-position: 52% top;
		background-size: 142%;
	}
	#allison .grid div[class^='col-'] { margin-left: 48%; }
	#allison div[class^='col-'].pad-btm {
    	padding-bottom: 5.7rem;
		padding-top: 4.8rem;
	}
	#allison .padded-copy h2 { font-size: 3.7vw; }
	#allison .padded-copy p { font-size: 1.93vw; }
	
	/* Story */
	#story-background .stacked .col-6 { width: 66.667%; }
	#story-copy-block { display: block; }
	#story-copy-block .col-5 {
		float: right;
		margin-bottom: 1.5rem;
		width: 48%;
	}
	#story-copy-block .col-4 { width: 100%; }
	
	/* Contact */
	#contact-assets .mailbox { margin-right: 4%; }
	#contact-sales .mailbox { margin: 0 2%; }
	#contact-allison .mailbox { margin-left: 4%; }
	.mailbox p { font-size: .84rem; }
	
	/* Allison */
	#allison-background .grid:first-child > .col-7,
	#allison-background .grid:last-child > .col-7 {
		margin-left: 0;
		width: 100%;
	}
	#allison-background h2.push-2-7 { margin-left: 16.667%; }
	#allison-background .img { margin-left: -9.5%; }
	#allison-background .img img {
		margin-left: -26%;
		width: 156%;
	}
	#allison-awards .grid > div {
		margin-left: 16.667%;
		width: 66.667%;
	}
	
	/* Products */
	#page-products .product {
		padding-bottom: var(--btn-height);
		width: 66.666%;
	}
	#page-products section:not(#mast) h1 { font-size: 3rem; }
	#page-products #main-wrap h1 { padding-right: 0; }
	#products-brenne { padding-bottom: 8.4rem; }
	#page-products .tasting-notes { position: relative; }
	#page-products .tasting-notes > div { padding-top: 4rem; }
	#page-products .buy-wrap {
		left: 0;
		order: 1;
		padding: 0 !important;
		position: absolute;
		top: -2rem;
		width: 66.666%;
	}
	#page-products .blurb:before, #page-products .buy-wrap:before { display: none; }
	#page-products .blurb {
		order: 2;
		width: 66.666%;
	}
	#page-products .bottle {
		order: 3;
		width: 33.333%;
	}
	#page-products .bottle-hero {
	    background-position: center top;
	    margin-left: -60%;
		width: 39vw;
	}
	#page-products .awards { width: 66.666%; }
	#page-products .awards > div {
		margin: 0 4.3% 0 0 !important;
		padding-top: 4rem;
		width: 50% !important;
	}
	#page-products .awards > div:before {
		margin-top: -3.4rem;
		width: 100%;
	}
	#page-products .awards dd { line-height: 1.7; }
	#page-products .awards dd .force-br {
		display: inline;
		white-space: normal;
	}
	#page-products .awards dd strong { line-height: 1; }


	/* Footer
	--------------------------------------------- */
	#page-home #site-footer { margin-top: 10rem; }
	#event-details { width: calc(100% - 100px); }
	#event-link, #event-link .btn { width: 100px; }
	#event-link .btn span { display: none; }
}

/* Anything Under Tablet Landscape */
@media screen and (max-width: 1023px) {
	/* Instagram Grid */
	.igrid .col, .igrid .col.wide { width: calc(33.333% - (.125% + 1px)); }
	.igrid :not(.wide) .pic.push-row { margin-top: 2%; }
	.igrid .col:first-child, .igrid .col:last-child { display: none; }
}

/* Tablet Portrait & Large Phones */
@media screen and (max-width: 1000px) {
	:root {
		--nav-height: 84px;
		--nav-pinned-height: 84px;
	}
	.no-br-m { white-space: nowrap; }
	
	
	/* Core Layout
	--------------------------------------------- */
	/* Nav Bar */
	#nav-toggle {
		display: block;
		transform: scale(.75);
		z-index: 100;
	}
	.main-nav ul {
		align-content: center;
		align-items: center;
		height: 100%;
		flex-wrap: wrap;
		left: 0;
		overflow-y: auto;
		padding: 0;
		pointer-events: none;
		position: fixed;
		text-align: center;
		top: 0;
		width: 100%;
	}
	.main-nav ul:after {
		background: rgb(var(--color-brenne));
		content: '';
		height: 100%;
		left: 0;
		opacity: 0;
		position: absolute;
		width: 100%;
		z-index: 1;
	}
	#nav-fleur {
		background-size: 48% !important;
		height: var(--nav-height);
		left: 1.84%;
		margin-left: 0;
		position: fixed;
		top: 0;
	}
	.nav-pinned #nav-fleur {
		background-size: auto;
		top: 0;
	}
	#nav-fleur:after { display: none; }
	
	body:not(#page-home):not(.nav-open) #m-home-click {
		cursor: pointer;
		display: block;
	}
	
	.nav-open .main-nav ul {
		display: flex;
		pointer-events: auto;
	}
	.nav-open .main-nav ul:after {
		opacity: 1;
		pointer-events: none;
	}
	.main-nav li:not(#nav-fleur) {
		font-size: 9vw;
		line-height: 1.2 !important;
		margin: 2vh 0;
		opacity: 0;
		left: -1em;
		position: relative;
		width: 100%;
		z-index: 10;
	}
	.nav-open #nav-about { transition: .12s .05s opacity linear, .39s .05s left cubic-bezier(0.9, -0.6, 0.3, 1); }
	.nav-open #nav-story { transition: .12s .1s opacity linear, .39s .1s left cubic-bezier(0.9, -0.6, 0.3, 1); }
	.nav-open #nav-buy { transition: .12s .15s opacity linear, .39s .15s left cubic-bezier(0.9, -0.6, 0.3, 1); }
	.nav-open #nav-contact { transition: .12s .2s opacity linear, .39s .2s left cubic-bezier(0.9, -0.6, 0.3, 1); }
	.nav-open .main-nav li:not(#nav-fleur) {
		opacity: 1 !important;
		left: 0 !important;
	}
	
	
	/* Footer
	--------------------------------------------- */
	#site-footer .wrap > .grid { flex-wrap: wrap; }
	#site-footer .wrap > .grid > div {
		order: 2;
		width: 33.333%;
	}
	#site-footer .wrap > .grid > div:not(#events-block) {
		padding: 3rem 1.5rem 0 1.5rem;
		text-align: center;
	}
	#site-footer #events-block {
		order: 1;
		width: 100%;
	}
	#event-details { width: calc(100% - 184px); }
	#event-link, #event-link .btn { width: 184px; }
	#event-link .btn span { display: inline; }
	#connect-block h3 { padding-bottom: 1rem; }
	#connect-block h4 {
		margin-left: 0;
		padding-left: 0;
		padding-top: .5rem;
	}
	#connect-block h4:before { display: none; }
	
	
	/* Page Adjustments
	--------------------------------------------- */
	/* Home */
	#page-home #mast .wrap {
	    padding-top: calc(var(--nav-height) + 6rem);
	}
	#page-home #bottle-hero {
		right: -8.4rem;
		top: 8vw;
		width: 73%;
	}
	#bec div[class^='col-'], #bec div[class*=' col-'] { width: 57%; }
	
	/* Story */
	#story-background .grid.stacked > div { width: 100% !important; }
	#story-copy-block .col-5 {
		float: none;
		margin: 0;
		width: 100%;
	}
	#story-distillery .mag-cols:first-child .col-7.push-4 {
		margin-left: 0;
		width: 100%;
	}
	#story-distillery .mag-cols:nth-child(2) > div { width: 45.833% !important; }
	#story-distillery .mag-cols:nth-child(2) .col-6 .push-half { margin-left: 0; }
	#story-distillery em.aside.in-gutter {
		display: block;
		margin: .5rem 0 0 0;
		position: static;
		text-align: left;
		width: auto;
	}
	#story-distillery em.aside.in-gutter:after { display: none; }
	#story-video .col-10 { padding-top: 4.5rem; }
	
	/* Allison */
	#page-allison #mast.hero { background-position: 48% 21%; }
	#allison-background .grid:nth-child(2) { flex-direction: column; }
	#allison-background .grid:nth-child(2) > div { width: 100%; }
	#allison-background h2.push-2-7 {
		margin-left: 8.333%;
		margin-right: 8.333%;
	}
	#allison-background .img { margin-left: 0; }
	#allison-background .img img {
		margin-left: 0;
		width: 100%;
	}
	#allison-background .grid:nth-child(2) > .col-3 {
		margin-left: 0;
		width: 100%;
	}
	#allison-awards .grid > div {
		margin-left: 8.333%;
		width: 83.333%;
	}
	
	/* Products */
	#products-brenne { padding-bottom: 4.8rem; }
	#products-brenne-ten { padding-bottom: 1.2rem; }

	#page-products .blurb, #page-products .buy-wrap, #page-products .awards { width: 63%; }
	#page-products .bottle.col-3 { width: 37%; }
	#page-products .bottle-hero {
		margin-left: -66%;
		width: 48vw;
	}
}
@media screen and (max-width: 930px) {
	/* Page Adjustments
	--------------------------------------------- */
	/* Home */
	#allison .grid:before {
		background-position: 54% top;
		background-size: 142%;
	}
	#allison div[class^='col-'].pad-btm {
		margin-left: 46%;
    	padding-bottom: 5.7rem;
		padding-top: 4.8rem;
		width: 54%;
	}
	#allison .padded-copy h2 { font-size: 3.7vw; }
	#allison .padded-copy p { font-size: 1.93vw; }
	#allison .btn.outline {
		background: rgb(var(--color-brenne-ten));
		box-shadow: none;
		color: rgb(var(--color-bg));
	}
	#allison .btn-pair .btn:first-child { margin-right: 4%; }
	
	/* Allison */
	#page-allison #mast .no-br { white-space: normal; }
	
	/* Contact */
	#contact-methods .grid { flex-direction: column; }
	#contact-methods .grid > div { width: 100%; }
	#contact-methods .grid > div:not(:first-child) { padding-top: 2.1rem; }
	#contact-methods .mailbox {
		height: auto;
		margin: 0;
		min-height: 57vh;
	}
	.mailbox h2 {
		font-size: 1.5rem;
		padding-bottom: 2rem;
	}
	#contact-social h1 {
		font-size: 9.3vw;
		margin-bottom: .5rem;
	}
	#contact-social h2 { font-size: 5.7vw; }
	
	/* Where to Buy */
	#buy-online .col-8.push-2 {
		margin-left: 10%;
		width: 80%;
	}
}
@media screen and (max-width: 768px) {
	/* Page Adjustments
	--------------------------------------------- */
	/* Home */
	#page-home #mast .wrap:before {
		background-position: 120% 48%;
		background-size: 62%;
	}
	#page-home #bottle-hero {
		right: -8.4rem;
		top: 4.8vw;
		width: 78%;
	}
	#page-home #bottle-hero:before { display: none; }
	#bec div[class^='col-'], #bec div[class*=' col-'] {
		width: 55%;
	}
	#bec #mast-terroir {
		width: 100%;
	}
	#bten:before, #bten:after {
		background-size: 84%;
		left: 48%;
	}
	#bten div[class^='col-'].pad-btm {
		width: 57%;
	}
	
	#allison .padded-copy h2 { font-size: 3.9vw; }
	#allison .padded-copy p { font-size: 2.1vw; }
	#allison .btn-pair .btn { padding-left: 1rem; padding-right: 1rem; }
	
	/* Where to Buy */
	#buy-online .col-8.push-2 {
		margin-left: 0;
		width: 100%;
	}
	#brenne-finder { height: 81rem; }
}

/* Anything Under Tabled Portrait */
@media screen and (max-width: 767px) {
	#mast.hero {
		height: 62vh;
		min-height: 62vh;
	}
	
	#bten div[class^='col-'].pad-btm {
		padding-top: 5.7rem;
		padding-bottom: 6.2rem;
	}
	#bten .btn-pair { margin-right: -75%; }
	#bten .btn-pair .btn.outline {
		background: rgb(var(--color-bg));
		box-shadow: none;
		color: rgb(var(--color-brenne-ten));
	}
	#bten-buy, #bten-notes { position: relative; }
	#bten-buy:before, #bten-notes:before {
		background: rgb(var(--color-bg));
		bottom: 0;
		content: '';
		left: 0;
		pointer-events: none;
		position: absolute;
		right: 0;
		top: 0;
	}
	#bten-buy:before { content: 'Buy Now'; }
	#bten-notes:before { content: 'Notes'; }
	
	#page-story #mast.hero, #page-allison #mast.hero { background-position: 2% bottom; }
	#page-story #mast.hero:before, #page-allison #mast.hero:before {
		background: rgba(var(--color-brenne-ten), .12);
		bottom: 0;
		content: '';
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}
	#page-story #mast.hero .grid-fill > div, #page-allison #mast.hero .grid-fill > div {
		margin-left: 0;
		text-align: center;
		width: 100%;
	}
	#page-story #mast h1, #page-allison #mast h1, #page-allison #mast h2 { text-shadow: rgba(var(--color-brenne-ten), .84) 0 0 21px; }
	#page-story #mast.hero .btn-pair, #page-allison #mast.hero .btn-pair { display: none; }
	
	#page-allison #mast.hero .grid-fill > div {
		align-self: flex-end;
		padding-bottom: 1.48rem;
	}
	#page-allison #mast h1, #page-allison #mast h2 { color: rgba(var(--color-bg)); }
	#page-allison #mast h2 { font-size: 4.3vw; }
	#page-allison #mast h2 q:before {
		font-size: 3.4rem;
		margin-right: .21rem;
	}

	#brenne-finder { height: 89rem; }
	
	.igrid .col, .igrid .col.wide { width: calc(50% - (.125% + 1px)); }
	.igrid .col:last-child { display: block; }
	.igrid .col:last-child .pic { margin: 1%; }
	.igrid .col:nth-child(4) .pic:not(.instafill) { display: none; }
	
	
	#age-gate .modal .fill { background-position: -4% 32.7%; }
	#age-gate .modal .btns { width: 57%; }
	#age-gate .modal h2 { font-size: 5.7vw; }
	#age-gate .modal p.aside { width: 62%; }
}

/* Mobile */
@media screen and (max-width: 414px) {
	:root {
		--btn-height: 54px;
	}
	
	/* Typography
	--------------------------------------------- */
	h1 { font-size: 3.4rem; }
	h2.feature {
	    font-size: 8.1vw;
	    line-height: 1.25;
	}
	.btn {
		font-size: .9rem;
		line-height: 57px;
	}
	
	/* Nav
	--------------------------------------------- */
	#nav-fleur {
		left: 0;
		margin-left: -6px;
	}
	#nav-toggle { margin-right: -2px; }
	#m-home-click { left: 0; }
	
	/* Footer
	--------------------------------------------- */
	#site-footer .wrap:before, #site-footer .wrap:after { width: 17%; }
	#site-footer .wrap > .grid > div:not(#events-block) {
		padding: 1rem 0;
		text-align: left;
		width: 100%;
	}
	#site-footer .wrap > .grid > div:not(#events-block):first-child { padding-top: 3rem; }
	#site-footer h3 { margin-bottom: 0; }
	#site-footer #event-details h3 { margin-bottom: 1.25rem; }
	#site-footer li {
		display: inline-block;
		margin-right: 1rem;
	}
	#events-item { position: relative; }
	#event-details { width: 100% }
	#event-link, #event-link .btn {
		height: 100%;
		left: 0;
		max-width: none;
		opacity: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	
	/* Page Adjustments
	--------------------------------------------- */
	/* Home */
	#page-home h1:not(#logo) {
		font-size: 8.1vw;
		line-height: 1.2;
	}
	h1#logo {
		height: 175px;
		margin-top: 0;
		margin-bottom: -99px;
		width: 84%;
	}
	#page-home #bottle-hero {
		right: -4.3rem;
		top: 3.9vw;
		width: 81%;
	}
	#page-home #mast .wrap { padding-top: calc(var(--nav-height) + 1rem); }
	#page-home #mast .wrap:before {
	    background-position: 192% bottom;
	    background-size: 81%;
		height: 100%;
	}
	#page-home #mast .grid .col-4.push-8 { width: 100%; }
	#page-home #mast .grid .col-4.push-8 h1 { width: 64%; }
	
	#page-home #mast .grid .col-4.push-8 h2 {
		font-size: 4.3vw;
		width: 57%;
	}
	#page-home h1 + h2 { margin-top: 1.2rem; }
	#page-home #mast .btn {
		padding-left: 1.7rem;
		padding-right: 1.7rem;
		width: auto;
	}
	
	#page-home #bec .grid .col-4.align-right {
		padding-top: 4rem;
		width: 100%;
	}
	#page-home #bec .grid .col-4.align-right h2 { width: 57%; }
	#bec .align-right .in-gutter { position: static; }
	
	#bten:before, #bten:after {
		background-position: left top;
		background-size: 69%;
		left: 39%;
	}
	#bten:after { display: none; }
	#bten div[class^='col-'].pad-btm {
		padding-bottom: 3.9rem;
		padding-top: 4.3rem;
		width: 100%;
	}
	#bten h2 {
		font-size: 5vw;
		padding-right: 40%;
	}
	#bten p {
		font-size: 3.9vw;
		padding-right: 40%;
	}
	#bten .btn-pair { margin-right: 0%; }
	#bten .btn {
		padding-left: 1.7rem;
		padding-right: 1.7rem;
		width: auto;
	}
	
	#allison { margin-top: 8rem; }
	#allison .grid:before {
		background-position: 29% top;
		background-size: cover;
	}
	#allison div[class^='col-'].pad-btm {
		padding-top: 3.4rem;
		padding-bottom: 3.4rem;
	}
	#allison div[class^='col-'].pad-btm:after {
		background: linear-gradient(to right, rgba(var(--color-bg), 0) 0%, rgba(var(--color-bg), .69) 43%, rgba(var(--color-bg), .57) 100%);
		bottom: -2px;
		content: '';
		left: -69%;
		position: absolute;
		right: -2px;
		top: -2px;
		z-index: -1;
	}
	#allison .padded-copy h2 { font-size: 6.2vw; }
	#allison .padded-copy p { font-size: 3.9vw; }
	#allison .btn-pair { display: block; }
	#allison .btn {
		display: block !important;
		margin: 1rem 0 0 0 !important;
		width: 100% !important;
	}
	#allison .btn:first-child { margin-top: 2.4rem !important; }
	
	/* Story */
	#story-distillery .mag-cols:nth-child(2) { flex-direction: column; }
	#story-distillery .mag-cols:nth-child(2) > div {
		margin: 0;
		width: 100% !important;
	}
	#story-distillery .mag-cols:nth-child(2) > div + div { padding-top: 0; }
	
	/* Products */
	#page-products section:not(#mast) h1 { font-size: 9.3vw; }
	#products-brenne { padding-bottom: 0; }
	#products-brenne-ten { margin-top: -2rem; }
	#products-brenne .awards > div:first-child:after,
	#products-brenne-ten .awards > div:first-child:after {
		background: rgb(var(--color-bg));
		content: 'Awards & Recognition';
		font-family: var(--font-nav);
		font-size: .9375rem;
		font-weight: 600;
		left: 50%;
		letter-spacing: .125rem;
		margin-left: -105px;
		position: absolute;
		text-align: center;
		text-transform: uppercase;
		top: .25rem;
		width: 210px;
	}
	#products-brenne .awards > div:first-child:after { color: rgb(var(--color-brenne-text)); }
	#page-products .product, #page-products .awards { width: 100%; }
	#page-products .bottle {
		position: absolute;
		right: 0;
		top: 0;
	}
	#page-products .bottle-hero {
		background-size: contain;
		height: 430px;
		top: -4rem;
	}
	#page-products .awards > div:first-child { width: 100% !important; }
	#page-products .awards > .details {
	    top: calc(6.5rem + 9.3vw + 430px);
		margin: 0 !important;
		position: absolute;
		right: 0;
		text-align: center;
	    width: 33% !important;
	}
	#page-products .awards > .details dl { margin-top: -1rem; }
	#page-products .details dd { font-size: 1.2rem; }
	#page-products .awards dd .force-br {
		display: block;
		white-space: nowrap;
	}

	/* Where To Buy */
	#page-buy #buy-online .grid { display: block; }
	#page-buy #buy-online .col-4 { width: 100%; }
	#page-buy #buy-online .col-4:first-child .buy-option { margin-bottom: 0; }
	#page-buy #buy-online .col-4 + .col-4 { padding-top: 1.2rem; }
	.buy-option#online { margin-right: 0; }
	.buy-option#local { margin-left: 0; }
	.buy-option .btn { margin-top: .21rem; }
	
	/* Where to Buy */
	#buy-online .btn-pair { display: block; }
	#buy-online .btn-wrap { margin: .75rem auto 0 auto !important; }
	
	#brenne-finder { height: 120rem; }
	
	/* Newsletter */

	
	
	/* Footer
	--------------------------------------------- */
	#site-footer { margin-top: 8.4rem; }
	#page-home #site-footer { margin-top: 7.8rem; }
}
@media screen and (max-width: 375px) {
	#age-gate .modal .fill { background-position: 1% 32.7%; }
	
	/* Page Adjustments
	--------------------------------------------- */
	/* Home */
	#bten:before, #bten:after {
		background-size: 65%;
		left: 37%;
	}
}
@media screen and (max-width: 320px) {
	:root {
		--nav-height: 66px;
		--nav-pinned-height: 66px;
	}
	html, body { font-size: 14.5px; }
	
	
	/* Nav
	--------------------------------------------- */
	#nav-fleur {
		margin-left: -3px;
		width: 84px;
	}
	
	
	/* Age Gate */
	#age-gate .modal .fill { background-position: 7% 32.7%; }
	
	
	/* Page Adjustments
	--------------------------------------------- */
	#brenne-finder { height: 130rem; }
}