/* ============================================================
   GWAS LANDING PAGE FRAMEWORK
   Common styles for future department, occasion, seasonal,
   corporate and editorial landing pages.

   Root class:
   .gwas-landing-page

   Optional theme classes:
   .gwas-landing-department
   .gwas-landing-occasion
   .gwas-landing-seasonal
   .gwas-landing-corporate
   .gwas-landing-editorial
============================================================ */

.gwas-landing-page{
	--gwas-landing-navy:#2f3e52;
	--gwas-landing-navy-dark:#1e2a38;
	--gwas-landing-burgundy:#754a42;
	--gwas-landing-burgundy-dark:#583730;
	--gwas-landing-gold:#b08d57;
	--gwas-landing-gold-light:#d5bd8d;
	--gwas-landing-cream:#f3ecdf;
	--gwas-landing-paper:#e8dcc7;
	--gwas-landing-paper-light:#f6efe3;
	--gwas-landing-ivory:#fcf8f1;
	--gwas-landing-ink:#3c3934;
	--gwas-landing-muted:#706a61;
	--gwas-landing-theme-dark:#4f3d2d;
	--gwas-landing-accent:#754a42;
	--gwas-landing-border:rgba(47,62,82,.16);
	--gwas-landing-gold-border:rgba(176,141,87,.36);
	--gwas-landing-shadow:0 22px 58px rgba(30,42,56,.11);
	background:var(--gwas-landing-ivory) !important;
	color:var(--gwas-landing-ink) !important;
	font-family:Georgia,serif !important;
	overflow:hidden !important;
	width:100% !important;
}

.gwas-landing-page.gwas-landing-occasion{
	--gwas-landing-theme-dark:#583730;
	--gwas-landing-accent:#754a42;
}

.gwas-landing-page.gwas-landing-seasonal{
	--gwas-landing-theme-dark:#465348;
	--gwas-landing-accent:#754a42;
}

.gwas-landing-page.gwas-landing-corporate{
	--gwas-landing-theme-dark:#1e2a38;
	--gwas-landing-accent:#b08d57;
}

.gwas-landing-page.gwas-landing-editorial{
	--gwas-landing-theme-dark:#2f3e52;
	--gwas-landing-accent:#754a42;
}

.gwas-landing-page *,
.gwas-landing-page *::before,
.gwas-landing-page *::after{
	box-sizing:border-box !important;
}

.gwas-landing-page p{
	font-size:16px !important;
	line-height:1.72 !important;
}

.gwas-landing-page h1,
.gwas-landing-page h2,
.gwas-landing-page h3{
	color:var(--gwas-landing-navy-dark) !important;
	font-family:"Cormorant Garamond",Georgia,serif !important;
	font-weight:700 !important;
	letter-spacing:-.025em !important;
	line-height:1.04 !important;
}

.gwas-landing-shell{
	margin:0 auto !important;
	max-width:1220px !important;
	padding-left:32px !important;
	padding-right:32px !important;
	width:100% !important;
}

.gwas-landing-eyebrow{
	color:var(--gwas-landing-gold) !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:9px !important;
	font-weight:700 !important;
	letter-spacing:.16em !important;
	line-height:1.4 !important;
	margin:0 0 11px !important;
	text-transform:uppercase !important;
}

.gwas-landing-lead{
	color:var(--gwas-landing-navy-dark) !important;
	font-family:"Cormorant Garamond",Georgia,serif !important;
	font-size:22px !important;
	font-weight:600 !important;
	line-height:1.46 !important;
}

.gwas-landing-section{
	padding:100px 0 !important;
}

.gwas-landing-section-heading{
	max-width:800px !important;
}

.gwas-landing-section-heading h2{
	font-size:clamp(48px,5vw,68px) !important;
	margin:0 0 20px !important;
}

.gwas-landing-section-heading>p:last-child{
	color:var(--gwas-landing-muted) !important;
}

.gwas-landing-actions,
.gwas-landing-final-actions{
	display:flex !important;
	flex-wrap:wrap !important;
	gap:10px !important;
	margin-top:24px !important;
}

.gwas-landing-button{
	background:var(--gwas-landing-accent) !important;
	border:1px solid var(--gwas-landing-accent) !important;
	color:#fff !important;
	display:inline-block !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:9px !important;
	font-weight:700 !important;
	letter-spacing:.13em !important;
	padding:16px 23px !important;
	text-decoration:none !important;
	text-transform:uppercase !important;
}

.gwas-landing-button:hover{
	background:var(--gwas-landing-navy) !important;
	border-color:var(--gwas-landing-navy) !important;
	color:#fff !important;
}

.gwas-landing-button-light{
	background:transparent !important;
	border-color:var(--gwas-landing-gold) !important;
	color:var(--gwas-landing-navy-dark) !important;
}

/* Breadcrumb */

.gwas-landing-breadcrumb{
	background:var(--gwas-landing-navy-dark) !important;
	border-bottom:1px solid rgba(255,255,255,.12) !important;
	padding:10px 0 !important;
}

.gwas-landing-breadcrumb-inner{
	align-items:center !important;
	display:flex !important;
	justify-content:space-between !important;
}

.gwas-landing-breadcrumb-inner>div{
	align-items:center !important;
	display:flex !important;
	gap:8px !important;
}

.gwas-landing-breadcrumb a,
.gwas-landing-breadcrumb span,
.gwas-landing-breadcrumb strong{
	color:rgba(255,255,255,.74) !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:8px !important;
	font-weight:700 !important;
	letter-spacing:.11em !important;
	text-decoration:none !important;
	text-transform:uppercase !important;
}

.gwas-landing-breadcrumb strong{
	color:var(--gwas-landing-gold-light) !important;
}

.gwas-landing-breadcrumb a:hover,
.gwas-landing-back-shop{
	color:#fff !important;
}

/* Hero */

.gwas-landing-hero{
	background:
		radial-gradient(circle at 18% 20%,rgba(255,255,255,.58),transparent 31%),
		var(--gwas-landing-paper) !important;
	border-bottom:1px solid var(--gwas-landing-gold-border) !important;
	padding:30px 0 0 !important;
}

.gwas-landing-masthead{
	align-items:center !important;
	border-bottom:3px double var(--gwas-landing-theme-dark) !important;
	display:flex !important;
	justify-content:space-between !important;
	padding:0 0 19px !important;
}

.gwas-landing-masthead>div:first-child{
	display:flex !important;
	flex-direction:column !important;
	gap:3px !important;
}

.gwas-landing-masthead span,
.gwas-landing-masthead-meta{
	color:var(--gwas-landing-burgundy) !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:8px !important;
	font-weight:700 !important;
	letter-spacing:.15em !important;
	text-transform:uppercase !important;
}

.gwas-landing-masthead strong{
	color:var(--gwas-landing-theme-dark) !important;
	font-family:"Cormorant Garamond",Georgia,serif !important;
	font-size:23px !important;
}

.gwas-landing-hero-grid{
	align-items:center !important;
	display:grid !important;
	gap:70px !important;
	grid-template-columns:1.08fr .92fr !important;
	padding:78px 0 70px !important;
}

.gwas-landing-hero-copy h1{
	color:var(--gwas-landing-theme-dark) !important;
	font-size:clamp(60px,6.7vw,92px) !important;
	margin:0 0 27px !important;
}

.gwas-landing-hero-copy>p:not(.gwas-landing-eyebrow):not(.gwas-landing-lead){
	color:var(--gwas-landing-muted) !important;
	max-width:680px !important;
}

.gwas-landing-hero-visual{
	padding:18px !important;
	position:relative !important;
}

.gwas-landing-hero-visual::before{
	border:1px dashed rgba(117,74,66,.33) !important;
	content:"" !important;
	inset:0 !important;
	position:absolute !important;
	transform:rotate(-1.5deg) !important;
}

.gwas-landing-photo{
	background:var(--gwas-landing-ivory) !important;
	border:1px solid var(--gwas-landing-gold-border) !important;
	box-shadow:var(--gwas-landing-shadow) !important;
	min-height:470px !important;
	overflow:hidden !important;
	position:relative !important;
	transform:rotate(1deg) !important;
}

.gwas-landing-photo img{
	display:block !important;
	height:470px !important;
	object-fit:cover !important;
	width:100% !important;
}

.gwas-landing-photo-label{
	background:rgba(246,239,227,.95) !important;
	border:1px solid var(--gwas-landing-gold) !important;
	bottom:25px !important;
	left:25px !important;
	padding:20px 22px !important;
	position:absolute !important;
	width:255px !important;
}

.gwas-landing-photo-label span,
.gwas-landing-photo-label small{
	color:var(--gwas-landing-burgundy) !important;
	display:block !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:7px !important;
	font-weight:700 !important;
	letter-spacing:.13em !important;
	text-transform:uppercase !important;
}

.gwas-landing-photo-label strong{
	border-bottom:3px double var(--gwas-landing-theme-dark) !important;
	border-top:3px double var(--gwas-landing-theme-dark) !important;
	color:var(--gwas-landing-theme-dark) !important;
	display:block !important;
	font-family:"Cormorant Garamond",Georgia,serif !important;
	font-size:29px !important;
	line-height:.98 !important;
	margin:13px 0 !important;
	padding:13px 0 !important;
}

/* Intro / dark story panel */

.gwas-landing-intro{
	background:var(--gwas-landing-theme-dark) !important;
	padding:90px 0 !important;
}

.gwas-landing-intro-grid{
	align-items:center !important;
	display:grid !important;
	gap:65px !important;
	grid-template-columns:150px 1fr !important;
}

.gwas-landing-seal{
	align-items:center !important;
	border:2px solid var(--gwas-landing-gold) !important;
	border-radius:50% !important;
	display:flex !important;
	flex-direction:column !important;
	height:145px !important;
	justify-content:center !important;
	text-align:center !important;
	transform:rotate(-6deg) !important;
	width:145px !important;
}

.gwas-landing-seal span,
.gwas-landing-seal small{
	color:var(--gwas-landing-gold-light) !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:7px !important;
	font-weight:700 !important;
	letter-spacing:.12em !important;
}

.gwas-landing-seal strong{
	color:#fff !important;
	font-family:"Cormorant Garamond",Georgia,serif !important;
	font-size:48px !important;
	line-height:.9 !important;
}

.gwas-landing-intro h2{
	color:#fff !important;
	font-size:clamp(47px,5vw,66px) !important;
	margin:0 0 22px !important;
}

.gwas-landing-intro .gwas-landing-lead{
	color:var(--gwas-landing-gold-light) !important;
}

.gwas-landing-intro p:not(.gwas-landing-eyebrow):not(.gwas-landing-lead){
	color:rgba(255,255,255,.76) !important;
	max-width:830px !important;
}

/* Cards */

.gwas-landing-card-grid{
	display:grid !important;
	gap:20px !important;
	grid-template-columns:repeat(3,minmax(0,1fr)) !important;
	margin-top:42px !important;
}

.gwas-landing-card{
	background:var(--gwas-landing-ivory) !important;
	border:1px solid var(--gwas-landing-border) !important;
	box-shadow:0 14px 34px rgba(30,42,56,.06) !important;
	overflow:hidden !important;
}

.gwas-landing-card-image{
	height:275px !important;
	overflow:hidden !important;
	position:relative !important;
}

.gwas-landing-card-image img{
	display:block !important;
	height:100% !important;
	object-fit:cover !important;
	width:100% !important;
}

.gwas-landing-card-content{
	padding:27px !important;
}

.gwas-landing-card-content h3{
	color:var(--gwas-landing-theme-dark) !important;
	font-size:34px !important;
	margin:0 0 14px !important;
}

.gwas-landing-card-content p{
	color:var(--gwas-landing-muted) !important;
	font-size:13px !important;
	line-height:1.6 !important;
}

.gwas-landing-card-content a{
	color:var(--gwas-landing-burgundy) !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:8px !important;
	font-weight:700 !important;
	letter-spacing:.11em !important;
	text-decoration:none !important;
	text-transform:uppercase !important;
}

/* Editorial story */

.gwas-landing-story{
	background:var(--gwas-landing-navy) !important;
	padding:100px 0 !important;
}

.gwas-landing-story-grid{
	align-items:start !important;
	display:grid !important;
	gap:80px !important;
	grid-template-columns:1.05fr .95fr !important;
}

.gwas-landing-story-copy h2{
	color:#fff !important;
	font-size:clamp(48px,5vw,68px) !important;
	margin:0 0 22px !important;
}

.gwas-landing-story-copy .gwas-landing-lead{
	color:var(--gwas-landing-gold-light) !important;
}

.gwas-landing-story-copy>p:not(.gwas-landing-eyebrow):not(.gwas-landing-lead){
	color:rgba(255,255,255,.76) !important;
}

.gwas-landing-story-notes{
	background:var(--gwas-landing-paper) !important;
	border:1px solid var(--gwas-landing-gold) !important;
	box-shadow:0 25px 58px rgba(0,0,0,.18) !important;
	padding:32px !important;
	transform:rotate(1deg) !important;
}

.gwas-landing-story-notes>div{
	border-bottom:1px solid var(--gwas-landing-border) !important;
	padding:19px 0 !important;
}

.gwas-landing-story-notes>div:first-child{
	padding-top:0 !important;
}

.gwas-landing-story-notes>div:last-child{
	border-bottom:0 !important;
	padding-bottom:0 !important;
}

.gwas-landing-story-notes span{
	color:var(--gwas-landing-gold) !important;
	display:block !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:7px !important;
	font-weight:700 !important;
	letter-spacing:.12em !important;
	text-transform:uppercase !important;
}

.gwas-landing-story-notes strong{
	color:var(--gwas-landing-theme-dark) !important;
	display:block !important;
	font-family:"Cormorant Garamond",Georgia,serif !important;
	font-size:22px !important;
	margin:7px 0 !important;
}

.gwas-landing-story-notes p{
	color:var(--gwas-landing-muted) !important;
	font-size:12px !important;
	line-height:1.55 !important;
	margin:0 !important;
}

/* Related / More ways */

.gwas-landing-more{
	background:var(--gwas-landing-paper) !important;
	padding:100px 0 !important;
}

.gwas-landing-more-grid{
	display:grid !important;
	gap:16px !important;
	grid-template-columns:repeat(3,minmax(0,1fr)) !important;
	margin-top:40px !important;
}

.gwas-landing-more-grid a{
	background:var(--gwas-landing-ivory) !important;
	border:1px solid var(--gwas-landing-border) !important;
	display:block !important;
	min-height:245px !important;
	padding:26px !important;
	text-decoration:none !important;
}

.gwas-landing-more-grid span{
	color:var(--gwas-landing-gold) !important;
	display:block !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:7px !important;
	font-weight:700 !important;
	letter-spacing:.11em !important;
	text-transform:uppercase !important;
}

.gwas-landing-more-grid h3{
	color:var(--gwas-landing-theme-dark) !important;
	font-size:29px !important;
	margin:12px 0 11px !important;
}

.gwas-landing-more-grid p{
	color:var(--gwas-landing-muted) !important;
	font-size:13px !important;
	line-height:1.58 !important;
}

.gwas-landing-more-grid strong{
	color:var(--gwas-landing-burgundy) !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:8px !important;
	letter-spacing:.1em !important;
}

/* Personalization */

.gwas-landing-personalize{
	background:var(--gwas-landing-cream) !important;
	padding:100px 0 !important;
}

.gwas-landing-personalize-grid{
	align-items:center !important;
	display:grid !important;
	gap:80px !important;
	grid-template-columns:.85fr 1.15fr !important;
}

.gwas-landing-letter{
	background:var(--gwas-landing-ivory) !important;
	border:1px solid var(--gwas-landing-gold-border) !important;
	box-shadow:var(--gwas-landing-shadow) !important;
	padding:42px !important;
	transform:rotate(-1deg) !important;
}

.gwas-landing-letter>span,
.gwas-landing-letter>small{
	color:var(--gwas-landing-burgundy) !important;
	display:block !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:8px !important;
	font-weight:700 !important;
	letter-spacing:.13em !important;
	text-transform:uppercase !important;
}

.gwas-landing-letter h3{
	border-top:3px double var(--gwas-landing-theme-dark) !important;
	color:var(--gwas-landing-theme-dark) !important;
	font-size:42px !important;
	margin:19px 0 17px !important;
	padding-top:22px !important;
}

.gwas-landing-letter p{
	color:var(--gwas-landing-muted) !important;
	font-size:14px !important;
}

/* Final CTA */

.gwas-landing-final{
	background:var(--gwas-landing-burgundy-dark) !important;
	padding:90px 0 !important;
}

.gwas-landing-final-grid{
	align-items:center !important;
	display:grid !important;
	gap:65px !important;
	grid-template-columns:145px 1fr !important;
}

.gwas-landing-final h2{
	color:#fff !important;
	font-size:clamp(50px,5vw,70px) !important;
	margin:0 0 19px !important;
}

.gwas-landing-final p:not(.gwas-landing-eyebrow){
	color:rgba(255,255,255,.78) !important;
	font-size:16px !important;
	max-width:800px !important;
}

.gwas-landing-final .gwas-landing-button{
	background:var(--gwas-landing-gold) !important;
	border-color:var(--gwas-landing-gold) !important;
	color:#fff !important;
}

.gwas-landing-final .gwas-landing-button-light{
	background:transparent !important;
	border-color:var(--gwas-landing-gold) !important;
	color:#fff !important;
}

/* Utility layouts for future pages */

.gwas-landing-grid-two{
	display:grid !important;
	gap:20px !important;
	grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.gwas-landing-grid-three{
	display:grid !important;
	gap:20px !important;
	grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.gwas-landing-grid-four{
	display:grid !important;
	gap:20px !important;
	grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

.gwas-landing-center{
	text-align:center !important;
}

.gwas-landing-center .gwas-landing-section-heading{
	margin-left:auto !important;
	margin-right:auto !important;
}

/* Responsive */

@media(max-width:1024px){

	.gwas-landing-card-grid,
	.gwas-landing-grid-three,
	.gwas-landing-grid-four,
	.gwas-landing-more-grid{
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
	}

}

@media(max-width:767px){

	.gwas-landing-shell{
		padding-left:20px !important;
		padding-right:20px !important;
	}

	.gwas-landing-breadcrumb-inner{
		align-items:flex-start !important;
		gap:8px !important;
	}

	.gwas-landing-back-shop{
		display:none !important;
	}

	.gwas-landing-hero-grid,
	.gwas-landing-intro-grid,
	.gwas-landing-story-grid,
	.gwas-landing-personalize-grid,
	.gwas-landing-final-grid,
	.gwas-landing-grid-two{
		grid-template-columns:1fr !important;
	}

	.gwas-landing-card-grid,
	.gwas-landing-grid-three,
	.gwas-landing-grid-four,
	.gwas-landing-more-grid{
		grid-template-columns:1fr !important;
	}

	.gwas-landing-hero-grid{
		padding:55px 0 !important;
	}

	.gwas-landing-hero-copy h1{
		font-size:54px !important;
	}

	.gwas-landing-section,
	.gwas-landing-story,
	.gwas-landing-more,
	.gwas-landing-personalize,
	.gwas-landing-final{
		padding:70px 0 !important;
	}

	.gwas-landing-story-notes,
	.gwas-landing-letter{
		transform:none !important;
	}

}

@media(max-width:430px){

	.gwas-landing-masthead{
		align-items:flex-start !important;
		gap:14px !important;
	}

	.gwas-landing-masthead strong{
		font-size:18px !important;
	}

	.gwas-landing-hero-copy h1{
		font-size:46px !important;
	}

	.gwas-landing-actions,
	.gwas-landing-final-actions{
		flex-direction:column !important;
	}

	.gwas-landing-button{
		text-align:center !important;
		width:100% !important;
	}

	.gwas-landing-photo,
	.gwas-landing-photo img{
		height:390px !important;
		min-height:390px !important;
	}

	.gwas-landing-photo-label{
		bottom:17px !important;
		left:17px !important;
		width:215px !important;
	}

	.gwas-landing-letter{
		padding:30px 24px !important;
	}

}