body {
background-color: var(--st-label);
color: var(--st-cream);
font-family: var(--st-serif);
font-size: var(--st-fs-body);
font-weight: 400;
font-variation-settings: "opsz" 14;
line-height: 1.6;
font-variant-numeric: oldstyle-nums proportional-nums; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
p {
hanging-punctuation: first;
text-wrap: pretty;
} .uncode_text_column p,
.uncode_text_column li {
max-width: var(--st-measure);
line-height: 1.6;
}
@media (max-width: 600px) {
.uncode_text_column p,
.uncode_text_column li { line-height: 1.55; }
} h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
font-family: var(--st-serif) !important;
font-weight: 480 !important;
font-optical-sizing: auto;
font-variation-settings: normal;
font-variant-caps: normal;
font-variant-numeric: lining-nums proportional-nums;
font-synthesis: none;
text-transform: none !important;
text-wrap: balance;
hyphens: manual;
color: var(--st-cream);
}
h1, .h1 {
font-size: var(--st-fs-display) !important;
line-height: .97 !important;
letter-spacing: -.028em !important;
}
h2, .h2 {
font-size: var(--st-fs-h2) !important;
line-height: 1.02 !important;
letter-spacing: -.022em !important;
}
h3, .h3 {
font-size: var(--st-fs-h3) !important;
line-height: 1.15 !important;
letter-spacing: -.01em !important;
font-weight: 470 !important;
}
h4, .h4 {
font-size: 1.25rem !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
font-weight: 500 !important;
}
h5, h6, .h5, .h6 {
font-family: var(--st-sans) !important;
font-size: var(--st-fs-ui) !important;
font-weight: 560 !important;
letter-spacing: .012em !important;
text-transform: none !important;
line-height: 1.3 !important;
} .st-line { display: block; } .uncode_text_column :is(h1, h2):not(.st-run),
.heading-text :is(h1, h2) {
margin-left: -.05em !important;
} .st-hang { margin-left: -.52em; }
@media (max-width: 600px) {
.st-hang { margin-left: -.42em; } }
em, i { font-style: italic; }
strong, b { font-weight: 600; } a {
color: inherit;
transition: color var(--st-quick) ease-out, text-decoration-color var(--st-quick) ease-out;
}
.uncode_text_column p a:not([class]),
.uncode_text_column li a:not([class]),
.uncode_text_column dd a:not([class]) {
color: var(--st-cream);
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: rgba(236, 228, 214, .38);
text-underline-offset: .22em;
}
.uncode_text_column p a:not([class]):hover,
.uncode_text_column li a:not([class]):hover,
.uncode_text_column dd a:not([class]):hover {
color: var(--st-cream);
text-decoration-color: var(--st-gold);
} .price,
.amount,
.st-price,
table,
.st-meta,
.st-caption {
font-variant-numeric: lining-nums tabular-nums;
}
.st-nowrap { white-space: nowrap; } :focus-visible {
outline: 2px solid var(--st-gold-text) !important;
outline-offset: 3px;
} html body :is(input, textarea, select, button, .btn):focus-visible { outline-color: var(--st-gold-text) !important; }
::selection {
background: var(--st-gold);
color: var(--st-label);
} @media (max-width: 600px) {
h1, h2, h3, h4,
.h1, .h2, .h3, .h4,
.product_title,
dd {
overflow-wrap: anywhere;
hyphens: auto;
hyphenate-limit-chars: 10 4 4;
}
.uncode_text_column p {
hyphens: auto;
-webkit-hyphenate-limit-before: 4;
-webkit-hyphenate-limit-after: 4;
hyphenate-limit-chars: 8 4 4;
}
} html { color-scheme: dark; } html,
body,
body.custom-background,
.box-container,
.main-wrapper,
.main-container {
background-color: var(--st-label) !important;
} .main-wrapper a,
.site-footer a {
transition: color var(--st-quick) var(--st-ease), text-decoration-color var(--st-quick) var(--st-ease), opacity var(--st-quick) var(--st-ease);
}
html body .uncode_text_column :is(p, li, dd) a:not([class]):is(:hover, :focus-visible) {
color: var(--st-cream) !important;
text-decoration-color: var(--st-gold) !important;
}
html body .site-footer .uncode_text_column :is(p, li) a:not([class]):hover { color: var(--st-cream) !important; }
html body .st-footer-base .st-footer-legal a:is(:hover, :focus-visible) {
color: var(--st-cream) !important;
text-decoration: underline 1px !important;
text-decoration-color: var(--st-gold) !important;
text-underline-offset: .22em;
}