@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");

@font-face {
	font-family:"tan pearl";
	src:url("tan-pearl.otf") format("opentype");
	font-weight:400;
	font-style:normal;
	font-display:swap;
}

* {
	box-sizing:border-box;
}

html {
	scroll-behavior:smooth;
	overflow-x:hidden;
}

body {
	margin:0;
	background-color:#ffffff;
	background-image:
		repeating-linear-gradient(45deg,rgba(172,57,49,.035) 0,rgba(172,57,49,.03) 2px,transparent 2px,transparent 16px),
		repeating-linear-gradient(-45deg,rgba(210,126,63,.03) 0,rgba(210,126,63,.03) 2px,transparent 2px,transparent 16px);
	background-size:32px 32px;
	color:#000000;
	font-family:"Montserrat",Arial,sans-serif;
	overflow-x:hidden;
}

img {
	max-width:100%;
}

a,
button {
	-webkit-tap-highlight-color:transparent;
}

a:focus,
button:focus,
a[class]:focus,
a[class]:active,
button[class]:focus,
button[class]:active {
	color:#ffffff;
	outline:3px dotted #ab06ce;
	background-color:#ab06ce;
	outline-offset:3px;
}

.tg-skip-link {
	position:fixed;
	top:12px;
	left:12px;
	z-index:5000;
	padding:12px 16px;
	border:2px solid #ffffff;
	background:#000000;
	color:#ffffff;
	font-size:15px;
	font-weight:700;
	line-height:20px;
	text-decoration:none;
	transform:translateY(-180%);
	transition:transform .15s ease-in-out;
}

.tg-skip-link:focus {
	transform:translateY(0);
}

#tg-main:focus {
	outline:none;
}

/* HEADER */
.tg-site-header {
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
	background:#000000e8;
	border-bottom:1px solid #ffffff26;
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
}

.tg-header-inner {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:22px;
	width:min(1320px,90%);
	min-height:82px;
	margin:0 auto;
}

.tg-header-brand {
	display:flex;
	flex-direction:column;
	flex:0 0 auto;
	color:#ffffff;
	font-family:"tan pearl",serif;
	font-size:25px;
	font-weight:400;
	line-height:26px;
	letter-spacing:.01em;
}

.tg-header-brand span {
	margin-top:5px;
	color:#ffffff;
	font-family:"Montserrat",Arial,sans-serif;
	font-size:10px;
	font-weight:600;
	line-height:12px;
	letter-spacing:.19em;
	text-transform:uppercase;
}

.tg-primary-nav {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:6px;
}

.tg-nav-link,
.tg-nav-reserve {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
	padding:10px 13px;
	border-radius:999px;
	font-size:12px;
	font-weight:600;
	line-height:18px;
	letter-spacing:.03em;
	text-decoration:none;
	white-space:nowrap;
}

.tg-nav-link {
	border:1px solid transparent;
	background:transparent;
	color:#ffffff;
}

.tg-nav-link:hover {
	border-color:#ffffff66;
	background:#ffffff0f;
	color:#ffffff;
}

.tg-nav-reserve {
	border:1px solid #ffffff;
	background:#ffffff;
	color:#000000;
}

.tg-nav-reserve:hover {
	background:#000000;
	color:#ffffff;
}

.tg-nav-link:focus,
.tg-nav-reserve:focus,
.tg-menu-toggle:focus {
	border-color:#ab06ce;
	color:#ffffff;
	outline:3px dotted #ab06ce;
	background:#ab06ce;
	outline-offset:3px;
}

.tg-menu-toggle {
	display:none;
	min-width:82px;
	min-height:44px;
	padding:10px 16px;
	border:1px solid #ffffff;
	border-radius:999px;
	background:#000000;
	color:#ffffff;
	font-family:"Montserrat",Arial,sans-serif;
	font-size:13px;
	font-weight:700;
	line-height:18px;
	cursor:pointer;
}

/* EXISTING TULUM BANNER, NOW PARALLAX */
.tg-hero-section {
	position:relative;
	margin-top:82px;
	min-height:620px;
	height:min(51vw,900px);
	overflow:hidden;
	background:#000000;
}

.tg-hero-parallax {
	position:absolute;
	top:-8%;
	left:0;
	width:100%;
	height:116%;
	will-change:transform;
}

.tg-hero-video {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}

.tg-hero-shade {
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 45%,rgba(0,0,0,.72));
}

.tg-hero-logo-wrap {
	position:absolute;
	left:20%;
	bottom:40%;
	z-index:2;
	width:min(550px,36vw);
}

.tg-hero-logo {
	display:block;
	width:100%;
	height:auto;
}

.tg-hero-border {
	position:absolute;
	left:0;
	bottom:0;
	z-index:3;
	display:block;
	width:100%;
	height:auto;
}

.tg-hero-motion {
	position:absolute;
	right:24px;
	bottom:24px;
	z-index:4;
	min-width:104px;
	min-height:44px;
	padding:10px 14px;
	border:1px solid #ffffff;
	border-radius:999px;
	background:#000000c7;
	color:#ffffff;
	font-size:12px;
	font-weight:700;
	line-height:18px;
	cursor:pointer;
}


/* TULUM SUNDIAL — MATCHES ARTICLE PAGES */
img#tulum-sundial {
	position:relative;
	z-index:5;
	display:block;
	margin:-9.25em auto 0;
	text-align:center;
	animation:sundial-spin 30s linear infinite;
	max-width:160px;
}

@keyframes sundial-spin {
	from {
		transform:rotate(0deg);
	}

	to {
		transform:rotate(360deg);
	}
}

@media screen and (max-width:1800px) {
	img#tulum-sundial {
		margin:-8.75em auto 0;
		max-width:160px;
	}
}

@media screen and (max-width:1680px) {
	img#tulum-sundial {
		margin:-7.5em auto 0;
		max-width:140px;
	}
}

@media screen and (max-width:1280px) {
	img#tulum-sundial {
		margin:-6em auto 0;
		max-width:110px;
	}
}

@media screen and (max-width:980px) {
	img#tulum-sundial {
		margin:-5em auto 0;
		max-width:100px;
	}
}

@media screen and (max-width:736px) {
	img#tulum-sundial {
		margin:-4em auto 0;
		max-width:80px;
	}
}

@media screen and (max-width:550px) {
	img#tulum-sundial {
		margin:-3em auto 0;
		max-width:60px;
	}
}

@media (prefers-reduced-motion:reduce) {
	img#tulum-sundial {
		animation:none;
	}
}

/* STORY */
.tg-story-section {
	padding:118px 0;
	background:transparent;
}

.tg-story-shell {
	position:relative;
	width:min(1320px,90%);
	min-height:720px;
	margin:0 auto;
}

.tg-story-heading {
	width:39%;
	padding:20px 0 0;
}

.tg-story-flow {
	display:flow-root;
	margin-top:28px;
}

.tg-story-flow .tg-story-lead,
.tg-story-flow .tg-story-text {
	max-width:39%;
}

.tg-story-media {
	position:absolute;
	top:110px;
	right:0;
	width:52%;
	margin:0;
	box-shadow:24px 24px 0 #d8cbbd;
}

.tg-story-image {
	display:block;
	width:100%;
	height:auto;
	object-fit:cover;
}

.tg-eyebrow,
.tg-menu-eyebrow,
.tg-gallery-eyebrow,
.tg-dining-parallax-eyebrow,
.tg-wine-eyebrow,
.tg-catering-eyebrow {
	margin:0 0 13px;
	color:#7a332b;
	font-size: 1em;
	font-weight:700;
	line-height:18px;
	letter-spacing:.20em;
	text-transform:uppercase;
}

.tg-story-title,
.tg-menu-title,
.tg-gallery-title,
.tg-dining-parallax-title,
.tg-wine-title,
.tg-catering-title {
	font-family:"tan pearl",serif;
	font-weight:800;
	letter-spacing:-.01em;
}

.tg-story-title {
	margin:0 0 25px;
	font-size:2.5em;
	line-height:calc(1em + .25in);
}

.tg-story-lead {
	margin:0 0 18px;
	font-size:19px;
	font-weight:500;
	line-height:32px;
}

.tg-story-text {
	margin:0 0 16px;
	font-size:16px;
	line-height:29px;
}

.tg-story-link {
	display:inline-block;
	margin-top:10px;
	padding-bottom:4px;
	border-bottom:1px solid #000000;
	color:#000000;
	font-size:13px;
	font-weight:700;
	line-height:20px;
	text-decoration:none;
}


/* MENU */
.tg-menu-section {
	padding:118px 0 132px;
	background:#000000;
}

.tg-menu-shell {
	width:min(1320px,90%);
	margin:0 auto;
}

.tg-menu-heading {
	max-width:940px;
	margin:0 auto 56px;
	text-align:center;
}

.tg-menu-eyebrow {
	color:#dfb797;
}

.tg-menu-title {
	margin:0;
	color:#ffffff;
	font-size:2.5em;
	line-height:calc(1em + .25in);
}

.tg-menu-intro {
	max-width:760px;
	margin:20px auto 0;
	color:#ffffff;
	font-size:15px;
	line-height:28px;
}

.tg-menu-grid {
	display:grid;
	grid-template-columns:minmax(300px,1fr) minmax(300px,420px) minmax(300px,1fr);
	align-items:stretch;
	gap:28px;
}

.tg-menu-card {
	position:relative;
	display:flex;
	height:100%;
	min-height:350px;
	margin:0;
	overflow:hidden;
}

.tg-menu-image {
	display:block;
	width:100%;
	min-width:300px;
	height:100%;
	min-height:350px;
	aspect-ratio:600 / 350;
	object-fit:cover;
}

.tg-menu-caption {
	position:absolute;
	left:18px;
	bottom:18px;
	padding:9px 12px;
	background:#000000c9;
	color:#ffffff;
	font-size:12px;
	font-weight:700;
	line-height:18px;
}

.tg-menu-copy-card {
	display:grid;
	grid-template-rows:auto 1fr auto;
	align-items:start;
	height:100%;
	min-height:350px;
	padding:42px 34px;
	background:#f7f3ed;
}

.tg-menu-copy-title {
	margin:0 0 18px;
	font-family:"tan pearl",serif;
	font-size: 1.65em;
	font-weight: 800;
	line-height:1.5em;
}

.tg-menu-copy-text {
	margin:0;
	font-size:15px;
	line-height:28px;
}

.tg-menu-button,
.tg-catering-button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:46px;
	margin-top:28px;
	padding:11px 18px;
	border:1px solid #000000;
	border-radius:999px;
	background:#000000;
	color:#ffffff;
	font-size:12px;
	font-weight:700;
	line-height:18px;
	text-decoration:none;
}

.tg-menu-button:hover,
.tg-catering-button:hover {
	background:#ffffff;
	color:#000000;
}

/* CONTINUOUS GALLERY */
.tg-gallery-section {
	padding:110px 0 94px;
	background:transparent;
	overflow:hidden;
}

.tg-gallery-heading {
	width:min(900px,90%);
	margin: 0 auto .5em auto;
	text-align:center;
}

.tg-gallery-title {
	margin:0;
	font-size:2.5em;
	line-height:calc(1em + .25in);
}

.tg-gallery-intro,
.tg-gallery-instructions {
	max-width:760px;
	margin:20px auto 0;
	font-size:14px;
	line-height:26px;
}

.tg-gallery-browse,
.tg-gallery-skip,
.tg-gallery-return,
.tg-gallery-control {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:46px;
	padding:10px 18px;
	border:1px solid #000000;
	border-radius:999px;
	background:#000000;
	color:#ffffff;
	font-size:12px;
	font-weight:700;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}

.tg-gallery-browse {
	margin-top:24px;
}

.tg-gallery-skip,
.tg-gallery-return {
	display:flex;
	width:max-content;
	max-width:calc(100% - 40px);
	margin-left:auto;
	margin-right:auto;
}

.tg-gallery-return {
	margin-top:22px;
}

.tg-gallery-browse:hover,
.tg-gallery-skip:hover,
.tg-gallery-return:hover,
.tg-gallery-control:hover,
.tg-gallery-pause[aria-pressed="true"] {
	background:#ffffff;
	color:#000000;
}

.tg-gallery-viewport {
	position:relative;
	width:min(1320px,90%);
	height:590px;
	margin:0 auto;
	overflow:hidden;
}

.tg-gallery-track {
	position:absolute;
	left:0;
	top:0;
	display:flex;
	align-items:flex-end;
	width:max-content;
	height:100%;
	will-change:transform;
}

.tg-gallery-group {
	display:flex;
	align-items:flex-end;
	gap:0;
	flex:0 0 auto;
	padding:0;
}

.tg-gallery-slide {
	position:relative;
	flex:0 0 350px;
	width:350px;
	margin:0 -40px 0 0;
	transform-origin:center 450px;
	will-change:transform;
}

.tg-gallery-slide > a {
	display:block;
	width:350px;
	color:#000000;
	text-decoration:none;
}

.tg-gallery-slide:focus-within {
	z-index:200 !important;
}

.tg-gallery-slide > a:focus {
	outline:none;
	background:transparent;
}

.tg-gallery-image {
	display:block;
	width:350px;
	height:450px;
	object-fit:cover;
	border: 2px solid #ffffff;
    border-top-right-radius: 1em;
    border-top-left-radius: 1em;
	box-shadow:
		-8px -2px 14px -10px rgba(0,0,0,.25),
		8px -2px 14px -10px rgba(0,0,0,.25),
		0 -12px 20px -8px rgba(0,0,0,.25);
}

.tg-gallery-slide > a:focus .tg-gallery-image {
	outline:4px dotted #ab06ce;
	outline-offset:-8px;
}

.tg-gallery-caption {
	display:block;
	width:350px;
	padding:10px 8px 0;
	color:#000000;
	font-size:11px;
	font-weight:700;
	line-height:16px;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.tg-gallery-controls {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:10px;
	margin-top: 1em;
}

.tg-gallery-control {
	min-width:112px;
}

/* SECOND PARALLAX */
.tg-dining-parallax-section {
	position:relative;
	display:flex;
	align-items:center;
	min-height:590px;
	overflow:hidden;
	background:#000000;
}

.tg-dining-parallax-media {
	position:absolute;
	top:-16%;
	left:0;
	z-index:0;
	width:100%;
	height:132%;
	background-image:url('../../images/backgroundpic.jpg');
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	will-change:transform;
}

.tg-dining-parallax-shade {
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(90deg,#000000d6 0%,#0000009e 48%,#00000047 100%);
}

.tg-dining-parallax-content {
	position:relative;
	z-index:2;
	width:min(1280px,90%);
	margin:0 auto;
	padding:90px 0;
}

.tg-dining-parallax-eyebrow {
	max-width:660px;
	color:#ffffff;
}

.tg-dining-parallax-title {
	max-width:850px;
	margin:0;
	color:#ffffff;
	font-size:2.5em;
	line-height:calc(1em + .25in);
}

.tg-dining-parallax-text {
	max-width:690px;
	margin:22px 0 0;
	color:#ffffff;
	font-size:17px;
	line-height:31px;
}

/* COCKTAILS + DESSERT */
.tg-wine-section {
	padding:118px 0;
	background:#ffffffd9;
}

.tg-wine-shell {
	display:grid;
	grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);
	align-items:center;
	gap:80px;
	width:min(1320px,90%);
	margin:0 auto;
}

.tg-wine-title {
	margin:0 0 24px;
	font-size:2.5em;
	line-height:calc(1em + .25in);
}

.tg-wine-text {
	margin:0 0 16px;
	font-size:16px;
	line-height:29px;
}

.tg-wine-images {
	position:relative;
	min-height:590px;
}

.tg-wine-image-large {
	position:absolute;
	top:0;
	left:0;
	width:76%;
	height:520px;
	object-fit:cover;
}

.tg-wine-image-small {
	position:absolute;
	right:0;
	bottom:0;
	z-index:2;
	width:48%;
	height:300px;
	border:12px solid #f7f3ed;
	object-fit:cover;
}

/* CATERING */
.tg-catering-section {
	padding:120px 0;
	background:transparent;
}

.tg-catering-shell {
	display:grid;
	grid-template-columns:minmax(460px,1.15fr) minmax(0,.85fr);
	align-items:center;
	gap:76px;
	width:min(1320px,90%);
	margin:0 auto;
}

.tg-catering-image-wrap {
	position:relative;
}

.tg-catering-image-wrap::after {
	content:"";
	position:absolute;
	right:-20px;
	bottom:-20px;
	z-index:0;
	width:54%;
	height:54%;
	border:1px solid #000000;
}

.tg-catering-image {
	position:relative;
	z-index:1;
	display:block;
	width:100%;
	height:560px;
	object-fit:cover;
}

.tg-catering-title {
	margin:0 0 24px;
	font-size:2.5em;
	line-height:calc(1em + .25in);
}

.tg-catering-text {
	margin:0 0 16px;
	font-size:16px;
	line-height:29px;
}

/* FOOTER */
.tg-footer-section {
	padding:76px 0 42px;
	background:#000000;
	color:#ffffff;
}

.tg-footer-shell {
	width:min(1320px,90%);
	margin:0 auto;
}

.tg-footer-brand,
.tg-footer-tagline,
.tg-footer-address,
.tg-footer-contact-title,
.tg-accessibility-title,
.tg-accessibility-text,
.tg-footer-copyright {
	color:#ffffff;
}

.tg-footer-top {
	display:grid;
	grid-template-columns:1.15fr 1fr .8fr;
	gap:60px;
	padding-bottom:42px;
	border-bottom:1px solid #ffffff33;
}

.tg-footer-brand {
	display:block;
	font-family:"tan pearl",serif;
	font-size:38px;
	font-weight:400;
	line-height:42px;
}

.tg-footer-tagline,
.tg-footer-address {
	margin:10px 0 0;
	font-size:14px;
	line-height:25px;
}

.tg-footer-contact-title {
	margin:0 0 10px;
	font-size:14px;
	font-weight:700;
	line-height:22px;
	text-transform:uppercase;
}

.tg-footer-links {
	display:grid;
	align-content:start;
	gap:8px;
}

.tg-footer-link,
.tg-accessibility-link {
	color:#ffffff;
	font-size:13px;
	font-weight:700;
	line-height:24px;
	text-decoration:underline;
	text-underline-offset:4px;
}

.tg-footer-accessibility {
	padding:38px 0 30px;
	border-bottom:1px solid #ffffff33;
}

.tg-accessibility-title {
	margin:0 0 10px;
	font-size:15px;
	font-weight:700;
	line-height:23px;
}

.tg-accessibility-text {
	margin:0;
	font-size:15px;
	line-height:25px;
}

.tg-footer-bottom {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:1em 0;
	text-align:center;
}

.tg-footer-copyright {
	margin:1em 0;
	font-size:20px;
	font-weight:700;
}

.tg-footer-top-link {
	display:block;
	width:104px;
	height:44px;
	margin:1em 0;
	border:1px solid #ffffff;
	border-radius:999px;
	background:#000000;
	color:#ffffff;
	font-size:11px;
	font-weight:700;
	line-height:42px;
	text-align:center;
	text-decoration:none;
}

.tg-footer-credit-image {
	display:block;
	width:145px;
	height:auto;
	margin:0 auto;
}
@media screen and (max-width:1280px) {

    .tg-menu-copy-title {
	font-size: 1.35em;
     }

    .tg-menu-grid {
	grid-template-columns:minmax(260px,1fr) minmax(280px,360px) minmax(260px,1fr);
	gap:22px;
     }

    .tg-menu-card,
    .tg-menu-copy-card {
	min-height:320px;
     }

    .tg-menu-image {
	min-width:260px;
	min-height:320px;
     }

}
@media screen and (max-width:1180px) {
	.tg-header-inner {
		min-height:74px;
	}
	.tg-menu-toggle {
		display:inline-flex;
		align-items:center;
		justify-content:center;
	}

	.tg-primary-nav {
		position:absolute;
		top:74px;
		right:5%;
		display:none;
		width:min(390px,90vw);
		padding:16px;
		background:#000000;
		border:1px solid #ffffff33;
	}

	.tg-primary-nav.is-open {
		display:grid;
		gap:4px;
	}

	.tg-nav-link,
	.tg-nav-reserve {
		justify-content:flex-start;
		width:100%;
		border-radius:3px;
	}

	.tg-hero-section {
		margin-top:74px;
	}

	.tg-wine-shell,
	.tg-catering-shell {
		gap:52px;
	}
}
@media screen and (max-width:980px) {
	.tg-wine-shell,
	.tg-catering-shell,
	.tg-menu-grid,
	.tg-footer-top {
		grid-template-columns:1fr;
	}
     .tg-eyebrow,
	.tg-menu-eyebrow,
	.tg-gallery-eyebrow,
	.tg-dining-parallax-eyebrow,
	.tg-wine-eyebrow,
	.tg-catering-eyebrow {
		font-size: .8em;
	}
	.tg-menu-card,
	.tg-menu-copy-card {
		height:auto;
		min-height:0;
	}

	.tg-menu-image {
		min-width:0;
		height:420px;
	}
}
@media screen and (max-width:860px) {
	.tg-hero-section {
		min-height:520px;
		height:66vw;
	}

	.tg-hero-logo-wrap {
		left:12%;
		width:min(460px,52vw);
	}

	.tg-menu-copy-card {
		order:2;
	}

	.tg-menu-card-two {
		order:3;
	}

	.tg-gallery-viewport {
		height:430px;
	}

	.tg-gallery-slide,
	.tg-gallery-slide > a,
	.tg-gallery-caption {
		width:240px;
	}

	.tg-gallery-slide {
		flex-basis:240px;
		margin-right:-28px;
		transform-origin:center 309px;
	}

	.tg-gallery-image {
		width:240px;
		height:309px;
	}

	.tg-wine-images {
		min-height:520px;
	}
}

@media screen and (max-width:580px) {
	.tg-header-inner {
		width:90%;
		min-height:68px;
	}
     .tg-story-lead {
	font-size: 1em;
    }
    .tg-story-text {
    font-size: .85em;
    }
	.tg-header-brand {
		font-size:22px;
		line-height:23px;
	}

	.tg-primary-nav {
		top:68px;
	}

	.tg-hero-section {
		min-height:430px;
		height:82vw;
		margin-top:68px;
	}

	.tg-hero-logo-wrap {
		left:50%;
		bottom:37%;
		width:68vw;
		transform:translateX(-50%);
	}

	.tg-story-section,
	.tg-menu-section,
	.tg-gallery-section,
	.tg-wine-section,
	.tg-catering-section {
		padding:76px 0;
	}

	.tg-story-shell,
	.tg-menu-shell,
	.tg-wine-shell,
	.tg-catering-shell,
	.tg-footer-shell {
		width:90%;
	}

	

	.tg-menu-image,
	.tg-catering-image {
		height:380px;
	}

	.tg-gallery-viewport {
		height:320px;
	}

	.tg-gallery-slide,
	.tg-gallery-slide > a,
	.tg-gallery-caption {
		width:160px;
	}

	.tg-gallery-slide {
		flex-basis:160px;
		margin-right:-18px;
		transform-origin:center 206px;
	}

	.tg-gallery-image {
		width:160px;
		height:206px;
	}

	.tg-gallery-controls {
		margin-top:0;
	}

	.tg-dining-parallax-section {
		min-height:500px;
	}

	

	.tg-wine-images {
		min-height:430px;
	}

	.tg-wine-image-large {
		width:84%;
		height:360px;
	}

	.tg-wine-image-small {
		width:52%;
		height:220px;
		border-width:8px;
	}
}

@media (prefers-reduced-motion:reduce) {
	html {
		scroll-behavior:auto;
	}
}



/* STORY EDITORIAL LAYOUT — intentionally not grid/flex */
@media screen and (max-width:1280px) {
	.tg-story-shell {
		min-height:0;
	}

	.tg-story-heading {
		width:100%;
		max-width:900px;
		margin:0 auto 42px;
		padding:0;
		text-align:center;
	}

	.tg-story-flow {
		display:flow-root;
		margin-top:0;
	}

	.tg-story-media {
		position:relative;
		top:auto;
		right:auto;
		float:right;
		width:54%;
		margin:0 0 34px 48px;
	}

	.tg-story-flow .tg-story-lead,
	.tg-story-flow .tg-story-text {
		max-width:none;
	}
}

@media screen and (max-width:980px) {
	.tg-story-heading {
		max-width:760px;
		margin-bottom:36px;
	}

	.tg-story-media {
		width:56%;
		margin:0 0 30px 36px;
	}
}

@media screen and (max-width:726px) {
	.tg-story-heading {
		max-width:none;
		margin-bottom:30px;
		text-align:left;
	}

	.tg-story-media {
		float:none;
		width:100%;
		margin:0 0 34px;
		box-shadow:16px 16px 0 #d8cbbd;
	}
}

/* TAN Pearl display title sizing */
@media screen and (max-width:1600px) {
	.tg-story-title,
	.tg-menu-title,
	.tg-gallery-title,
	.tg-dining-parallax-title,
	.tg-wine-title,
	.tg-catering-title {
		font-size: 2.25em;
	}
}

@media screen and (max-width:1280px) {
	.tg-story-title,
	.tg-menu-title,
	.tg-gallery-title,
	.tg-dining-parallax-title,
	.tg-wine-title,
	.tg-catering-title {
		font-size: 1.85em;
	}
}
@media screen and (max-width:980px) {
	.tg-story-title,
	.tg-menu-title,
	.tg-gallery-title,
	.tg-dining-parallax-title,
	.tg-wine-title,
	.tg-catering-title {
		font-size: 1.7em;
	}
}

@media screen and (max-width:726px) {
	.tg-story-title,
	.tg-menu-title,
	.tg-gallery-title,
	.tg-dining-parallax-title,
	.tg-wine-title,
	.tg-catering-title {
		font-size: 1.5em;
	}
}

@media screen and (max-width:550px) {
	.tg-story-title,
	.tg-menu-title,
	.tg-gallery-title,
	.tg-dining-parallax-title,
	.tg-wine-title,
	.tg-catering-title {
		font-size:1.25em;
	}
}

@media screen and (max-width:480px) {
	.tg-story-title,
	.tg-menu-title,
	.tg-gallery-title,
	.tg-dining-parallax-title,
	.tg-wine-title,
	.tg-catering-title {
		font-size:1.15em;
	}
}

