/* Temporary standalone product pages, independent of the home-page carousel. */
:root { color-scheme: light; }
* { box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; min-height: 100svh; background: #faf7f0; color: #181918; font-family: var(--font-brand, Arial, sans-serif); }
a { color: inherit; }
.page { min-height: 100svh; display: flex; flex-direction: column; }
.header { background: #181918; padding: 21px clamp(24px, 6vw, 88px); }
.header a { display: inline-flex; align-items: center; }
.header img { width: min(205px, 48vw); height: auto; display: block; }
.content { width: min(100% - 48px, 980px); margin: auto; padding: clamp(72px, 12vh, 150px) 0; }
.eyebrow { margin: 0 0 18px; color: #877565; font-size: 12px; letter-spacing: .17em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(64px, 12vw, 154px); line-height: 1; font-weight: 400; letter-spacing: -.065em; }
.rule { width: 76px; height: 5px; background: #a9292e; margin: 34px 0 28px; }
p { max-width: 570px; margin: 0; font-size: clamp(16px, 1.7vw, 21px); line-height: 1.55; color: #57554f; }
.back { display: inline-flex; align-items: center; gap: 12px; margin-top: 45px; padding: 13px 17px; border: 1px solid #b9ab9a; text-decoration: none; font-size: 15px; }
.back:hover { background: #e8ded1; }
a:focus-visible { outline: 2px solid #877565; outline-offset: 4px; }
.footer { border-top: 1px solid #d3c9ba; padding: 23px clamp(24px, 6vw, 88px); color: #877565; font-size: 12px; }