:root {
  --accent: #c9a46a;
  --line: #3a3d3f;
  --muted: #b6bbbd;
}
.skip-link { position: absolute; top: -80px; left: 20px; z-index: 20; background: var(--accent); color: #111; padding: 12px 20px; }
.skip-link:focus { top: 8px; }
header { flex-wrap: wrap; }
nav { gap: 22px; }
.hero-copy { padding-top: 68px; }
.hero h1 { font-size: clamp(42px, 4.2vw, 66px); }
.hero .eyebrow { max-width: 400px; }
.audience { border-bottom: 1px solid var(--line); }
.standards { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; }
.standards-list article { position: relative; padding: 0 0 24px 44px; margin-bottom: 24px; border-bottom: 1px solid var(--line); }
.standards-list article > span { position: absolute; left: 0; color: var(--accent); }
.standards-list h3 { font-size: 25px; }
.brochure { display: grid; grid-template-columns: 0.9fr 1fr; align-items: center; gap: 100px; background: #202224 !important; }
.brochure-art { position: relative; width: min(100%, 340px); aspect-ratio: 0.72; background: #111; padding: 28px; box-shadow: 16px 18px 0 #0c0d0e; overflow: hidden; }
.brochure-art > span, .brochure-art > strong, .brochure-art > small { position: relative; z-index: 1; }
.brochure-art > span { display: block; font-size: 12px; letter-spacing: 3px; color: var(--accent); }
.brochure-art > strong { display: block; font: 32px/1.2 Georgia, serif; margin-top: 60px; max-width: 70%; }
.brochure-art img { position: absolute; right: 0; top: 0; width: 34%; height: 100%; object-fit: cover; opacity: .68; }
.brochure-art small { display: block; margin-top: 56px; font-size: 10px; color: var(--accent); }
.download-note { margin-top: 20px; font-size: 13px; }
.collection-preview { padding-top: 25px; padding-bottom: 35px; }
.collection-preview > details { border: 1px solid var(--line); padding: 18px 24px; }
.collection-preview #shop { margin-top: 24px; padding: 25px 0; }
.faq a { color: var(--accent); text-decoration: underline; }
#form-status, #basket-status { color: #dfc393; }
.faq { max-width: none; padding-left: 14%; padding-right: 14%; }
@media (max-width: 1150px) {
  header { gap: 18px; }
  nav { display: flex; order: 3; width: 100%; justify-content: center; padding-top: 12px; border-top: 1px solid var(--line); }
  .standards, .brochure { gap: 42px; }
}
@media (max-width: 650px) {
  nav { justify-content: flex-start; gap: 22px; overflow-x: auto; white-space: nowrap; font-size: 13px; padding-bottom: 4px; }
  .standards, .brochure { grid-template-columns: 1fr; gap: 30px; }
  .brochure-art { width: 260px; margin: 0 auto 12px; }
  .brochure-art > strong { font-size: 27px; margin-top: 35px; }
  .brochure-art small { margin-top: 45px; }
  .hero h1 { font-size: 43px; }
  .faq { padding-left: 6%; padding-right: 6%; }
  .collection-preview > details { padding: 15px; }
  .brand small { letter-spacing: .9px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}