<style>
:root {
--ink:#16202c;
--paper:#fbf7ef;
--accent:#b44d35;
--gold:#b98a52
}
* {
	box-sizing:border-box
}
html {
	scroll-behavior:smooth
}
body {
	margin:0;
	color:var(--ink);
	font-family:Arial, Helvetica, sans-serif;
	background:#f3eee5 url('/.imagens/bk8a.avif') center/cover fixed no-repeat
}
body {
	background: url('../imagens/bkg8a.avif') center/cover fixed;
	overflow-x: hidden;
}
main {
	width:min(1120px, 94%);
	margin:24px auto 48px
}
.cover {
	display:block;
	width:100%;
	max-height:560px;
	object-fit:cover;
	object-position:center;
	border-radius:8px;
	box-shadow:0 8px 28px #0002
}
.intro {
	margin:22px 0 28px;
	padding:clamp(22px, 4vw, 42px);
	background:rgba(251, 247, 239, .96);
	border-radius:8px;
	box-shadow:0 5px 20px #00000012
}
.kicker {
	margin:0 0 8px;
	color:var(--accent);
font-size:.78rem;
	font-weight:700;
	letter-spacing:.16em;
	text-transform:uppercase
}
h1, h2, h3 {
	font-family:Georgia, 'Times New Roman', serif
}
h1 {
	font-size:clamp(2rem, 5vw, 3.5rem);
	line-height:1.05;
	margin:0 0 14px
}
.intro p {
	font-size:1rem;
	line-height:1.7;
	margin:10px 0
}
.highlight {
	font-family:Georgia, serif;
	font-style:italic;
	font-weight:bold;
	color:var(--accent)
}
.section-heading {
	padding:12px 4px;
	margin:30px 0 14px;
	color:#fff;
	text-shadow:0 1px 4px #0008
}
.section-heading h2 {
	font-size:clamp(1.6rem, 3.5vw, 2.3rem);
	margin:0 0 6px
}
.section-heading p {
	margin:0;
	line-height:1.5
}
.catalogo {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:16px
}
.produto {
	min-width:0;
	display:flex;
	align-items:center;
	gap:16px;
	padding:14px;
	background:rgba(251, 247, 239, .97);
	border:1px solid #16202c18;
	border-radius:7px;
	box-shadow:0 3px 12px #0000000d;
	color:inherit;
	text-decoration:none;
transition:transform .15s ease, box-shadow .15s ease
}
.produto:hover {
	transform:translateY(-2px);
	box-shadow:0 7px 18px #00000018
}
.produto:focus-visible, .colecao a:focus-visible {
outline:3px solid var(--accent);
outline-offset:3px
}
.produto img {
	display:block;
	width:36%;
	max-width:190px;
	aspect-ratio:1/1;
	object-fit:contain;
	background:#fff;
	border:1px solid #16202c12;
	border-radius:4px
}
.copia {
	min-width:0
}
.copia h3 {
	font-size:clamp(1rem, 1.5vw, 1.2rem);
	line-height:1.25;
	margin:0 0 9px
}
.copia p {
	margin:0;
	color:var(--accent);
font-size:.9rem;
	font-weight:700;
	line-height:1.4
}
.colecao {
	margin:30px 0 0;
	padding:24px;
	text-align:center;
	background:rgba(251, 247, 239, .97);
	border-radius:8px
}
.colecao p {
	margin:0 0 10px;
	color:#555b64
}
.colecao a {
	color:var(--accent);
	font-weight:700
}
footer {
	margin-top:22px;
	text-align:center;
	color:#fff;
	text-shadow:0 1px 4px #0008;
font-size:.9rem;
	line-height:1.6
}
footer a {
	color:#fff;
	font-weight:700
}
@media(max-width:640px) {
 main {
width:min(100% - 20px, 560px);
margin:10px auto 28px
}
 .cover {
max-height:none;
border-radius:5px
}
 .intro {
margin:12px 0 18px;
padding:20px 16px
}
 .catalogo {
grid-template-columns:1fr;
gap:10px
}
 .produto {
gap:12px;
padding:10px
}
 .produto img {
width:34%;
max-width:140px
}
 .copia h3 {
font-size:1rem
}
 .copia p {
font-size:.85rem
}
 .section-heading {
margin:20px 0 10px
}
}
@media(prefers-reduced-motion:reduce) {
html {
scroll-behavior:auto
}
.produto {
transition:none
}
}
</style>