:root { --color-primary: #e4cbbe; --color-primary-hover: #d3b4a3; --color-primary-light: #f3e9e3; --color-dark: #333333; --color-text: #777777; --color-accent: #89a6b0; --color-bg: #ffffff; --color-bg-gray: #f7f7f7; --color-dark-bg: #0a0a0a; --color-white: #ffffff; --color-white-50: rgba(255, 255, 255, 0.5);  --color-gold: #d4af37; --color-gold-light: #f0d67a; --color-gold-dark: #a8842a; --color-gold-ink: #6b4e0f; --color-gold-glow: rgba( 212, 175, 55, 0.6 );   --font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
--font-body: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-ui: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-title: "Cormorant Garamond", Georgia, "Times New Roman", serif; --font-decor: "Satisfy", cursive; --container-max-width: 1200px;
color-scheme: light;
} *,
*::before,
*::after {
box-sizing: border-box;
}
body {
margin: 0;
color: var( --color-text ); background: var( --color-bg );
font-family: var( --font-body );
font-size: 16px;
line-height: 1.5;
} html,
body {
overflow-anchor: none;
}
img {
max-width: 100%;
height: auto;
}
button,
input,
select,
textarea {
font: inherit;
} .site-main h1,
.site-main h2,
.site-main h3,
.site-main h4,
.site-main h5,
.site-main h6 {
font-family: var( --font-heading );
font-weight: 700; } .site {
display: flex;
flex-direction: column;
min-height: 100vh;
} .site-content {
flex: 1 0 auto;
}
.wrap {
max-width: var( --container-max-width );
margin-inline: auto;
padding-inline: 20px;
} .site-main .ps-banner,
.site-main .wrk-banner,
.site-main .pr-banner,
.site-main .mc-banner,
.site-main .contacts-banner {
align-items: stretch;
}
.site-main .ps-banner__inner,
.site-main .wrk-banner__inner,
.site-main .pr-banner__inner,
.site-main .mc-banner__inner,
.site-main .contacts-banner__inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
text-align: center;
} .banner-crumbs {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 15px;
line-height: 1.2;
}
.banner-crumbs__link {
color: #ffffff; font-weight: 600;
text-decoration: none;
transition: color 0.2s ease;
}
.banner-crumbs__link:hover,
.banner-crumbs__link:focus-visible {
color: #ffffff;
text-decoration: underline;
text-underline-offset: 3px;
}
.banner-crumbs__sep {
color: rgba( 255, 255, 255, 0.85 );
}
.banner-crumbs__current {
color: rgba( 255, 255, 255, 0.85 );
} .pagination {
margin-block: 8px 56px;
}
.pagination .nav-links {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px;
}
.pagination .page-numbers {
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding-inline: 14px;
border-radius: 999px;
background: var( --color-primary-light );
color: var( --color-dark );
font-family: var( --font-ui );
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.pagination .page-numbers:hover,
.pagination .page-numbers:focus-visible {
background: var( --color-primary );
}
.pagination .page-numbers.current {
background: var( --color-dark );
color: var( --color-white );
} .pagination .page-numbers.dots {
min-width: auto;
padding-inline: 4px;
background: transparent;
color: var( --color-text );
}
.pagination .page-numbers:focus-visible {
outline: 2px solid var( --color-dark );
outline-offset: 3px;
}