* {
	box-sizing:border-box
}
html {
	scroll-behavior:smooth
}
body {
	margin:0;
	background:#000;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:1.48
}
a {
	color:inherit
}
.container {
	width:min(100% - 64px,1400px);
	margin-inline:auto
}
.site-header {
	min-height:88px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:30px;
	padding:20px clamp(24px,6vw,90px);
	border-bottom:1px solid #a9d0dc;
	background:#02070b 
}
.brand {
	white-space:nowrap;
	text-decoration:none;
	font-size:14px;
	color:#f6d2a0
}
.brand-mark {
	color:#a66d2d
}
.site-header p {
	font-size:13px;
	text-align:center;
	margin:0
}
.hero-shell {
	min-height:calc(100vh - 88px);
	padding:38px 0 60px;
	background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.14) 43%,#000 85%),url('images/background.webp') center top/cover no-repeat
}
.hero {
	display:grid;
	grid-template-columns:minmax(180px,29%) 1fr minmax(170px,23%);
	align-items:start;
	gap:clamp(16px,3vw,45px);
	min-height:420px
}
.book-wrap {
	align-self:start
}
.book-cover {
	display:block;
	width:100%;
	max-width:355px;
	height:auto
}
.hero-center h1 {
	font-size:clamp(24px,3.1vw,44px);
	font-weight:400;
	line-height:1.2;
	text-align:center;
	white-space:nowrap;
	transform:rotate(-2deg);
	text-decoration:underline;
	text-decoration-thickness:2px;
	text-underline-offset:9px;
	margin:12px 0
}
.author {
	text-align:center;
	padding-top:8px
}
.author img {
	display:block;
	width:100%;
	max-width:110px;
	height:130px;
	object-fit:cover;
	margin:0 0 18px auto;
	border-radius:5px
}
.author p {
	font-size:13px;
	line-height:1.35;
	margin:0
}
.hero-subtitle {
	text-align:right;
	font-size:15px;
	margin:0 0 24px
}
.synopsis {
	font-size:13px
}
.synopsis p {
	margin:0 0 14px
}
.page-arrow {
	display:block;
	width:60px;
	height:60px;
	border:none;
	border-radius:0;
	background:none;
	text-decoration:none;
	transition:transform .2s ease
}
.page-arrow:hover {
	transform:scale(1.1);
	background:none
}
.page-arrow img {
	display:block;
	width:100%;
	height:100%;
	object-fit:contain
}
.down {
	margin:20px 0 0 auto
}
.reviews-layout {
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr .75fr;
	column-gap:clamp(24px,4vw,64px);
	row-gap:42px;
	padding-top:60px
}
.review-book img {
	width:100%;
	max-width:290px;
	display:block;
	margin:auto
}
.reviews-intro h1 {
	text-align:center;
	font-size:25px;
	margin:0 0 65px
}
.reviews-layout blockquote {
	margin:0;
	font-size:13px;
	font-weight:600;
	line-height:1.35;
	text-align:justify
}
.reviews-layout blockquote p {
	margin:0 0 16px
}
.reviews-layout blockquote footer {
	text-align:left
}
.contact {
	text-align:center
}
.contact h2 {
	font-size:20px;
	font-weight:400;
	margin:12px 0 15px
}
.contact nav {
	display:flex;
	gap:10px;
	justify-content:center
}
.contact a {
	width:29px;
	height:29px;
	text-decoration:none;
	display:grid;
	place-items:center;
	font-size:22px;
	font-weight:bold
}
.facebook {
	background:#1877f2
}
.instagram {
	background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7)
}
.linkedin {
	background:#0a66c2
}
.review-grid {
	grid-column:1/-1;
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:clamp(22px,3vw,52px)
}
.up {
	grid-column:3;
	justify-self:end
}
.copyright {
	text-align:center;
	padding:26px 20px 32px;
	font-size:13px
}
@media(max-width:1000px) {
	.hero {
		grid-template-columns:34% 1fr;
		min-height:0
	}
	.hero-center h1 {
		white-space:normal
	}
	.author {
		grid-column:2;
		display:flex;
		align-items:center;
		gap:18px;
		text-align:left
	}
	.author img {
		margin:0;
		width:90px;
		height:100px;
		flex-shrink:0
	}
	.hero-subtitle {
		margin-top:20px
	}
	.reviews-layout {
		grid-template-columns:1fr 1.5fr
	}
	.contact {
		grid-column:1/-1;
		grid-row:2
	}
	.review-grid {
		grid-row:3
	}
	.up {
		grid-column:2
	}
}
@media(max-width:650px) {
	.container {
		width:min(100% - 36px,480px)
	}
	.site-header {
		flex-direction:column;
		min-height:0;
		gap:12px;
		padding:18px
	}
	.site-header p {
		font-size:12px
	}
	.hero-shell {
		padding-top:26px;
		background-position:center top
	}
	.hero {
		display:flex;
		flex-direction:column;
		align-items:center;
		gap:26px
	}
	.book-cover {
		max-width:255px
	}
	.hero-center {
		order:-1
	}
	.hero-center h1 {
		font-size:28px;
		margin:0;
		text-align:center
	}
	.author {
		display:flex;
		flex-direction:column;
		text-align:center;
		gap:12px
	}
	.author img {
		width:105px;
		height:120px
	}
	.author p {
		max-width:420px
	}
	.hero-subtitle {
		text-align:center;
		margin:30px 0 20px
	}
	.synopsis {
		font-size:14px
	}
	.down {
		margin-top:28px
	}
	.reviews-layout {
		display:flex;
		flex-direction:column;
		padding-top:38px;
		gap:32px
	}
	.review-book img {
		max-width:210px
	}
	.reviews-intro h1 {
		margin:0 0 25px
	}
	.reviews-layout blockquote {
		font-size:14px
	}
	.contact {
		order:3
	}
	.review-grid {
		display:flex;
		flex-direction:column;
		gap:28px
	}
	.up {
		align-self:flex-end
	}
	.copyright {
		padding-top:10px
	}
}
/* Single-page navigation */
.testimonials-section {
	background:#000;
	scroll-margin-top:0
}
@media(prefers-reduced-motion:reduce) {
	html {
		scroll-behavior:auto
	}
}