:root { --bp-tablet: 1100px; --bp-mobile: 640px; --container-max: 1180px;
--container-gutter: 48px;  --color-primary: #064fbc; --color-primary-hover: #054098; --color-on-dark: #ffffff; --color-border-on-dark: rgba(255, 255, 255, 0.07); --color-dark: #162238; --color-footer: #161a22; --color-bg-hero-fallback: #323232; --color-surface: #ffffff; --color-surface-dark: #1b2943; --color-surface-dark-hover: #1f3050; --color-surface-hover: #fafafa; --color-surface-muted: #f9f9f9; --color-border-light: #eeeeee; --color-border-muted: #e2e2e2;   --font-family-base: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
--font-family-display: "Onest", var(--font-family-base); --font-weight-regular: 400; --font-weight-medium: 500; --letter-spacing-tight: -0.5px; --letter-spacing-heading: -1.5px; --font-size-nav: 18px; --font-size-h1: 70px; --font-size-h2: 50px; --font-size-h3: 26px; --font-size-eyebrow: 17px; --line-height-nav: 18px; --line-height-base: 24px; --line-height-relaxed: 26px; --line-height-heading: 1.1; --line-height-tight: 1.2; }*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul,
ol {
margin: 0;
}
ul[role="list"],
ol[role="list"] {
list-style: none;
padding: 0;
}
body {
margin: 0;
min-height: 100vh;
font-family: var(--font-family-base);
font-weight: var(--font-weight-regular);
line-height: 1.5;
text-rendering: optimizeSpeed;
} img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
height: auto;
}
input,
button,
textarea,
select {
font: inherit;
} p,
h1,
h2,
h3,
h4 {
overflow-wrap: anywhere;
}
a {
color: inherit;
text-decoration: none;
}
:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}.container {
width: min(var(--container-max), 100% - 2 * var(--container-gutter));
margin-inline: auto;
} .section {
padding-block: 80px;
}
@media (max-width: 1100px) {
.section {
padding-block: 56px;
}
} .section--rails {
position: relative;
}
@media (min-width: 1600px) {
.section--rails::before,
.section--rails::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background: var(--color-border-light);
pointer-events: none;
}
.section--rails::before {
left: calc(50% - min(800px, 50% - 16px));
}
.section--rails::after {
left: calc(50% + min(800px, 50% - 16px));
}
} @media (min-width: 1600px) { .section.section--hatch {
background-image: repeating-linear-gradient(
-45deg,
var(--color-border-light) 0,
var(--color-border-light) 1px,
transparent 1px,
transparent 6px
);
background-repeat: no-repeat;
background-position: top right;
background-size: calc(50% - 800px) 100%;
}
} .section--divider {
border-block-start: 1px solid var(--color-border-light);
}
@media (max-width: 640px) {
.container {
width: min(var(--container-max), 100% - 2 * 16px);
}
.section {
padding-block: 40px;
}
} .button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 16px 34px;
font-family: var(--font-family-base);
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
letter-spacing: var(--letter-spacing-tight);
line-height: var(--line-height-base);
text-align: center;
cursor: pointer;
border: none;
transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
@media (prefers-reduced-motion: reduce) {
.button {
transition: none;
}
} .button::after {
content: "";
position: absolute;
inset-block-end: 6.5px;
inset-inline-end: 6.5px;
width: 7px;
height: 7px;
opacity: 0.6;
background-color: currentColor;
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
}
.button--primary {
background: var(--color-primary);
color: var(--color-on-dark);
border: 1.5px solid rgba(255, 255, 255, 0.05);
} .button--primary:hover {
background: var(--color-primary-hover);
}
.button--secondary {
background: var(--color-surface);
color: var(--color-dark);
border: 1.2px solid var(--color-border-light);
} .button--secondary::after {
inset-block-end: 6.8px;
inset-inline-end: 6.8px;
opacity: 1;
} .button--secondary:hover {
color: var(--color-primary);
background: #f5f8fd;
border-color: var(--color-border-light);
} .carousel-viewport {
position: relative;
}
.carousel-nav__btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 53px;
height: 53px;
padding: 0;
background: var(--color-surface);
border: 1px solid var(--color-border-light);
cursor: pointer;
transition: border-color 0.18s ease;
}
.carousel-nav__btn:hover {
border-color: var(--color-primary);
} .carousel-nav__btn.swiper-button-disabled,
.carousel-nav__btn:disabled {
cursor: default;
border-color: var(--color-border-light);
} .carousel-nav__btn--prev {
left: -76px;
}
.carousel-nav__btn--next {
right: -76px;
} @media (max-width: 1569px) {
.carousel-nav__btn {
width: 40px;
height: 40px; border: none;
}
.carousel-nav__icon {
width: 18px;
height: 18px;
} .carousel-nav__btn:not(.swiper-button-disabled):not(:disabled):hover
.carousel-nav__icon {
background-color: var(--color-primary);
}
.carousel-nav__btn--prev {
left: -40px;
}
.carousel-nav__btn--next {
right: -40px;
}
}
.carousel-nav__icon {
width: 24px;
height: 24px;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron-right.svg) center / contain no-repeat;
transition: opacity 0.18s ease, background-color 0.18s ease;
}
.carousel-nav__btn--prev .carousel-nav__icon {
transform: rotate(180deg);
}
.carousel-nav__btn.swiper-button-disabled .carousel-nav__icon,
.carousel-nav__btn:disabled .carousel-nav__icon {
opacity: 0.3;
} .carousel-dots {
display: none;
}
.carousel-dots.swiper-pagination-bullets {
position: static;
margin-top: 24px;
}
.carousel-dots .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: var(--color-dark);
opacity: 0.2;
transition: opacity 0.18s ease, background-color 0.18s ease;
}
.carousel-dots .swiper-pagination-bullet-active {
background: var(--color-primary);
opacity: 1;
}
@media (max-width: 640px) {
.carousel-nav__btn {
display: none;
}
.carousel-dots {
display: block;
}
.carousel-dots.swiper-pagination-bullets {
margin-top: 32px;
}
}
@media (prefers-reduced-motion: reduce) {
.carousel-nav__btn,
.carousel-nav__icon,
.carousel-dots .swiper-pagination-bullet {
transition: none;
}
} .ym-pixel {
position: absolute;
left: -9999px;
}.header {
position: fixed;
inset-block-start: 0;
inset-inline: 0;
z-index: 100; --sp: 0;
background-color: rgba(255, 255, 255, 0);
color: var(--color-on-dark);
border-block-end: 1px solid var(--color-border-on-dark);
transition: background-color 0.2s ease, border-color 0.2s ease;
} .header:not(.header--light).is-scrolled {
background-color: var(--color-surface);
border-block-end-color: var(--color-border-light);
}
.header:not(.header--light).is-scrolled .header__divider {
background: var(--color-border-light);
} .header:not(.header--light) .header__nav-list > li > a,
.header:not(.header--light) .header__phone,
.header:not(.header--light) .header__email {
transition: color 0.2s ease;
}
.header:not(.header--light).is-scrolled .header__nav-list > li > a,
.header:not(.header--light).is-scrolled .header__phone,
.header:not(.header--light).is-scrolled .header__email {
color: var(--color-dark);
} .header:not(.header--light) .header__logo {
position: relative;
}
.header:not(.header--light) .header__logo-img--light,
.header:not(.header--light) .header__logo-img--dark {
transition: opacity 0.2s ease;
}
.header:not(.header--light) .header__logo-img--dark {
position: absolute;
inset-block-start: 0;
inset-inline-start: 0;
opacity: 0;
}
.header:not(.header--light).is-scrolled .header__logo-img--light {
opacity: 0;
}
.header:not(.header--light).is-scrolled .header__logo-img--dark {
opacity: 1;
}
@media (prefers-reduced-motion: reduce) { .header__inner {
min-height: 109px !important;
}
.header__logo-img {
height: 64px !important;
}
}
.header__inner {
display: flex;
align-items: center;
gap: 40px;
width: min(1400px, 100% - 2 * 40px);
margin-inline: auto; min-height: calc(109px - 37px * var(--sp, 0));
} .header__logo {
display: inline-flex;
align-items: center;
flex-shrink: 0;
} .header__logo-img {
width: auto; height: calc(64px - 16px * var(--sp, 0));
}
.header__logo-text {
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
letter-spacing: var(--letter-spacing-tight);
} .header__nav,
.header__nav-list {
align-self: stretch;
}
.header__nav-list {
display: flex;
align-items: stretch;
gap: 48px;
min-width: 0;
height: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.header__nav-list > li {
position: relative;
display: flex;
align-items: center;
}
.header__nav-list a {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-nav);
letter-spacing: var(--letter-spacing-tight);
color: var(--color-on-dark);
} .header__nav-list > .menu-item-has-children > a::after {
content: "";
width: 14px;
height: 14px;
flex-shrink: 0;
background-color: currentColor;
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron.svg) center / contain no-repeat;
transform: rotate(180deg);
transition: transform 0.2s ease;
}
.header__nav-list > .menu-item-has-children > a[aria-expanded="true"]::after,
.header__nav-list > .menu-item-has-children:hover > a::after,
.header__nav-list > .menu-item-has-children:focus-within > a::after {
transform: rotate(0deg);
} .header__nav-list .sub-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 20;
display: flex;
flex-direction: column;
width: 395px;
margin: 0;
padding: 16px 0;
list-style: none;
background: #ffffff;
border-top: 1.5px solid var(--color-primary);
box-shadow: 0 12px 28px rgba(22, 34, 56, 0.12);
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
pointer-events: none;
transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s;
} .header__nav-list .sub-menu .sub-menu {
position: static;
width: auto;
padding: 0;
border-top: 0;
box-shadow: none;
transform: none;
max-height: 0;
overflow: hidden; background: var(--color-surface-muted);
border-inline-start: 2px solid var(--color-border-light);
transition: max-height 0.28s ease, opacity 0.2s ease, visibility 0s linear 0.28s;
} .header__nav-list > .menu-item-has-children:hover > .sub-menu,
.header__nav-list > .menu-item-has-children:focus-within > .sub-menu,
.header__nav-list .menu-item-has-children.is-open > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s;
} .header__nav-list .sub-menu .menu-item-has-children.is-open > .sub-menu {
max-height: 80vh;
transition: max-height 0.28s ease, opacity 0.2s ease;
} .header__nav-list .sub-menu .sub-menu a {
padding-inline-start: 40px;
}
@media (prefers-reduced-motion: reduce) {
.header__nav-list .sub-menu {
transition: none;
}
}
.header__nav-list .sub-menu li {
position: relative;
width: 100%;
}
.header__nav-list .sub-menu a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%;
padding: 8px 24px;
color: var(--color-dark);
font-weight: var(--font-weight-regular);
line-height: var(--line-height-relaxed);
transition: color 0.15s ease, background-color 0.15s ease;
} .header__nav-list .sub-menu a:hover,
.header__nav-list .sub-menu a:focus-visible {
color: var(--color-primary);
background: rgba(22, 34, 56, 0.05);
} .header__nav-list .sub-menu .menu-item-has-children > a::after {
content: "";
flex-shrink: 0;
width: 22px;
height: 22px;
opacity: 0.6;
background-color: currentColor;
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron-right.svg) center / contain no-repeat;
} .header__nav-list .sub-menu .has-accordion > a::after {
display: none;
}
.header__nav-list .has-accordion > a {
padding-inline-end: 60px;
} .header__submenu-toggle {
position: absolute;
inset-inline-end: 12px; inset-block-start: 1px;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
appearance: none;
background: transparent;
border: 1px solid var(--color-border-light);
color: var(--color-dark);
cursor: pointer;
transition: background-color 0.18s ease;
}
.header__submenu-toggle:hover,
.header__submenu-toggle:focus-visible {
background: var(--color-surface-muted);
}
.header__submenu-toggle::before {
content: "";
width: 18px;
height: 18px;
background-color: currentColor; -webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron-right.svg) center / contain no-repeat; transform: rotate(90deg);
transition: transform 0.2s ease;
}
.header__nav-list .has-accordion.is-open > .header__submenu-toggle::before {
transform: rotate(-90deg);
}
@media (prefers-reduced-motion: reduce) {
.header__nav-list .sub-menu .sub-menu,
.header__submenu-toggle::before {
transition: none;
}
} .header__right {
display: flex;
align-items: center;
align-self: stretch;
gap: 32px;
margin-inline-start: auto;
}
.header__divider {
align-self: stretch;
width: 1px;
background: var(--color-border-on-dark);
}
.header__contacts {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
}
.header__phone {
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-tight);
color: var(--color-on-dark);
}
.header__email {
font-size: var(--font-size-nav);
font-weight: var(--font-weight-regular);
line-height: var(--line-height-base);
color: var(--color-on-dark);
opacity: 0.8;
text-decoration: underline;
text-decoration-color: rgba(255, 255, 255, 0.3);
} .header__cta {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
min-width: 205px;
min-height: 55px;
padding: 15px 24px;
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-tight);
text-align: center;
color: var(--color-on-dark);
background: var(--color-primary);
border: 1.5px solid rgba(255, 255, 255, 0.05);
transition: background-color 0.18s ease;
} .header__cta:hover {
background: var(--color-primary-hover);
}
@media (prefers-reduced-motion: reduce) {
.header__cta {
transition: none;
}
} .header__cta::after {
content: "";
position: absolute;
inset-block-end: 6.5px;
inset-inline-end: 6.5px;
width: 7px;
height: 7px;
opacity: 0.6;
background-color: var(--color-on-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
} .header--light {
position: sticky;
inset-block-start: 0;
background: var(--color-surface);
color: var(--color-dark);
border-block-end-color: var(--color-border-light);
}
.header--light .header__divider {
background: var(--color-border-light);
}
.header--light .header__nav-list a,
.header--light .header__phone {
color: var(--color-dark);
}
.header--light .header__email {
color: var(--color-dark);
opacity: 0.7;
text-decoration-color: rgba(22, 34, 56, 0.3);
} @media (max-width: 1366px) and (min-width: 1101px) {
.header__inner {
gap: 20px;
width: calc(100% - 2 * 24px);
}
.header__nav-list {
gap: 24px;
}
.header__right {
gap: 16px;
}
.header__cta {
min-width: 0;
padding: 15px 18px;
}
}  .header__icon {
display: block;
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: var(--icon) center / contain no-repeat;
mask: var(--icon) center / contain no-repeat;
}
.header__icon--phone {
--icon: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/phone.svg);
}
.header__icon--burger {
--icon: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/menu.svg);
}
.header__icon--close {
--icon: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/close.svg);
}
.header__icon--max {
--icon: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/max.svg);
}
.header__icon--telegram {
--icon: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/telegram.svg);
} .header__mobile-controls,
.header__mobile-menu {
display: none;
}
@media (max-width: 1100px) { .header__nav,
.header__contacts,
.header__right .header__divider,
.header__right .header__cta {
display: none;
}
.header__inner {
gap: 12px;
} .header__logo {
min-width: 0;
} .header__logo-img {
height: 44px;
} .header__mobile-controls {
display: flex;
align-items: center;
gap: 12px;
}
.header__icon-btn,
.header__burger,
.header__mobile-close {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 46px;
height: 46px;
padding: 0;
border: none;
cursor: pointer;
} .header__icon-btn--phone {
color: var(--color-primary);
background: rgba(255, 255, 255, 0.08);
} .header--light .header__icon-btn--phone,
.header.is-scrolled .header__icon-btn--phone {
background: var(--color-surface);
border: 1px solid var(--color-border-light);
} .header__burger {
color: var(--color-on-dark);
background: var(--color-primary);
} .header__mobile-menu {
position: fixed;
inset: 0;
z-index: 1000;
display: flex;
flex-direction: column;
background: #ffffff;
color: var(--color-dark);
transform: translateX(100%);
visibility: hidden;
transition: transform 0.3s ease, visibility 0s linear 0.3s;
}
.header.is-menu-open .header__mobile-menu {
transform: translateX(0);
visibility: visible;
transition: transform 0.3s ease;
} .header__mobile-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-shrink: 0;
min-height: 80px;
padding: 0 16px;
border-block-end: 1px solid #eeeeee;
}
.header__mobile-logo {
display: inline-flex;
align-items: center;
align-self: stretch;
padding-inline-end: 16px;
border-inline-end: 1px solid #eeeeee;
}
.header__mobile-logo-text {
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
letter-spacing: var(--letter-spacing-tight);
color: var(--color-dark);
}
.header__mobile-bar-actions {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
} .header__icon-btn--outline {
color: var(--color-primary);
background: #ffffff;
border: 1px solid #eeeeee;
} .header__mobile-close {
color: var(--color-on-dark);
background: var(--color-primary);
} .header__mobile-body {
position: relative;
flex: 1 1 auto;
overflow-x: hidden;
overflow-y: auto;
padding-block: 24px;
}
.header__mobile-nav-list,
.header__mobile-nav-list .sub-menu {
display: flex;
flex-direction: column;
gap: 17px;
margin: 0;
padding: 0;
list-style: none;
}
.header__mobile-nav-list a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 0 15px;
font-family: var(--font-family-display);
font-size: 22px;
font-weight: var(--font-weight-medium);
line-height: 1.2;
letter-spacing: var(--letter-spacing-tight);
color: var(--color-dark);
} .header__mobile-nav-list .menu-item-has-children > a::after {
content: "";
flex-shrink: 0;
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron-right.svg) center / contain no-repeat;
} .header__mobile-nav-list .menu-item-has-children.has-drill {
display: flex;
align-items: center;
padding-inline-end: 15px;
}
.header__mobile-nav-list .menu-item-has-children.has-drill > a {
flex: 1 1 auto;
min-width: 0;
padding-inline-end: 8px;
} .header__mobile-nav-list .menu-item-has-children.has-drill > a::after {
content: none;
} .header__mobile-drill {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
background: transparent;
border: 1px solid var(--color-border-light);
color: var(--color-dark);
cursor: pointer;
appearance: none;
transition: background-color 0.18s ease;
}
.header__mobile-drill:hover,
.header__mobile-drill:focus-visible {
background: var(--color-surface-muted);
}
.header__mobile-drill::after {
content: "";
width: 22px;
height: 22px;
background-color: currentColor;
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron-right.svg) center / contain no-repeat;
} .header__mobile-nav-list .sub-menu {
position: absolute;
inset-block-start: 0;
inset-inline: 0;
min-height: 100%;
padding-block-start: 82px;
background: #ffffff;
visibility: hidden;
}
.header__mobile-nav-list .sub-menu.is-open {
visibility: visible;
} .header__mobile-back {
position: absolute;
inset-block-start: 24px;
inset-inline-start: 15px;
z-index: 5;
display: none;
align-items: center;
gap: 8px;
padding: 10px 0;
font-size: 14px;
font-weight: var(--font-weight-medium);
letter-spacing: var(--letter-spacing-tight);
color: var(--color-primary);
background: transparent;
border: 0;
cursor: pointer;
}
.header.is-drilled .header__mobile-back {
display: inline-flex;
}
.header__mobile-back-icon {
width: 12px;
height: 12px;
background-color: currentColor;
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron-right.svg) center / contain no-repeat;
transform: rotate(180deg);
} .header__mobile-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-block-start: 32px;
padding: 24px 15px 0;
border-block-start: 1px solid #eeeeee;
}
.header.is-drilled .header__mobile-footer {
display: none;
} .header__mobile-socials {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.header__icon-btn--social {
color: var(--color-dark);
background: #ffffff;
border: 1px solid #e3e3e3;
} .header__mobile-contacts {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
text-align: end;
}
.header__mobile-phone {
font-family: var(--font-family-display);
font-size: 22px;
font-weight: var(--font-weight-medium);
letter-spacing: var(--letter-spacing-tight);
color: var(--color-dark);
}
.header__mobile-email {
font-size: 16px;
letter-spacing: var(--letter-spacing-tight);
color: rgba(22, 34, 56, 0.7);
} .header__cta--mobile {
flex-shrink: 0;
width: auto;
min-height: 55px;
margin: 16px 15px 20px;
font-size: 16px;
} html,
body {
overflow-x: clip;
} .is-menu-locked {
overflow: hidden;
}
}
@media (prefers-reduced-motion: reduce) {
.header__mobile-menu,
.header__mobile-nav-list .sub-menu {
transition: none;
}
}
@media (max-width: 640px) {
.header__inner {
width: min(1400px, 100% - 2 * 15px);
min-height: 72px;
}
}.footer {
position: relative;
background: var(--color-footer);
color: var(--color-on-dark);
padding-block: 97px;
} .footer__divider {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 1px;
background: var(--color-border-on-dark);
} .footer__inner {
width: min(1400px, 100% - 2 * 40px);
margin-inline: auto;
min-height: 392px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto 1fr;
grid-template-areas:
"logo  top"
"legal links";
column-gap: clamp(48px, 13vw, 200px);
row-gap: 40px;
} .footer__logo {
grid-area: logo;
display: inline-flex;
align-items: flex-start;
}
.footer__logo-img {
display: block;
width: auto;
height: 64px;
object-fit: contain;
} .footer__logo-svg {
display: block;
width: auto;
height: 64px;
} .footer__logo-gear {
transform-box: view-box;
transform-origin: 31px 31px;
animation: atomcae-gear-spin 10s linear infinite;
}
@keyframes atomcae-gear-spin {
to {
transform: rotate(360deg);
}
} @media (prefers-reduced-motion: reduce) {
.footer__logo-gear {
animation: none;
}
}
.footer__logo-text {
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: 22px;
line-height: var(--line-height-tight);
} .footer__right-top {
grid-area: top;
display: flex;
justify-content: space-between;
gap: 40px;
} .footer__legal {
grid-area: legal;
align-self: end;
margin: 0;
max-width: 320px;
font-size: 14px;
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.4;
} .footer__col-title {
margin: 0 0 32px;
font-size: 15px;
line-height: 15px;
letter-spacing: var(--letter-spacing-tight);
opacity: 0.4;
}
.footer__col-title--right {
text-align: right;
} .footer__nav-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 16px;
}
.footer__nav-list a {
color: var(--color-on-dark);
text-decoration: none;
font-size: var(--font-size-nav);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-tight);
transition: color 0.18s ease;
}
.footer__nav-list a:hover,
.footer__nav-list .current-menu-item > a {
color: var(--color-primary);
} .footer__contacts {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 32px;
}
.footer__contacts-list {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
}
.footer__phone,
.footer__email {
color: var(--color-on-dark);
text-decoration: none;
font-family: var(--font-family-display);
font-weight: var(--font-weight-regular);
font-size: var(--font-size-h3);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-tight);
transition: color 0.18s ease;
}
.footer__phone:hover,
.footer__email:hover {
color: var(--color-primary);
} .footer__cta {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 270px;
max-width: 100%;
height: 55px;
padding: 0 24px;
background: var(--color-primary);
border: 1.5px solid rgba(255, 255, 255, 0.05);
color: var(--color-on-dark);
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-tight);
text-align: center;
text-decoration: none;
transition: background-color 0.18s ease;
}
.footer__cta:hover {
background: var(--color-primary-hover);
}
.footer__cta::after {
content: "";
position: absolute;
inset-block-end: 6.5px;
inset-inline-end: 6.5px;
width: 7px;
height: 7px;
opacity: 0.6;
background-color: var(--color-on-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
}
@media (prefers-reduced-motion: reduce) {
.footer__nav-list a,
.footer__phone,
.footer__email,
.footer__cta,
.footer__link {
transition: none;
}
} .footer__links {
grid-area: links;
align-self: end;
justify-self: end;
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
}
.footer__link {
color: var(--color-on-dark);
text-decoration: none;
font-size: var(--font-size-nav);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.4;
transition: opacity 0.18s ease;
}
.footer__link:hover {
opacity: 0.85;
} @media (max-width: 1100px) {
.footer {
padding-block: 56px;
} .footer__logo-img,
.footer__logo-svg {
height: 44px;
}
.footer__inner {
min-height: 0;
display: flex;
flex-direction: column;
gap: 40px;
} .footer__right-top {
flex-direction: column;
gap: 40px;
}
.footer__divider {
display: none;
}
.footer__col-title {
margin-bottom: 24px;
}
.footer__col-title--right {
text-align: left;
}
.footer__contacts {
align-items: flex-start;
}
.footer__contacts-list {
align-items: flex-start;
}
.footer__legal {
max-width: none;
}
.footer__links { align-self: stretch;
justify-self: stretch;
align-items: flex-start;
}
.footer__cta {
width: 100%;
}
} @media (max-width: 640px) {
.footer {
padding-block: 40px;
}
.footer__inner {
width: min(1400px, 100% - 2 * 15px);
gap: 32px;
} .footer__right-top {
gap: 24px;
}
.footer__phone,
.footer__email {
font-size: 20px;
} .footer__link {
font-size: 14px;
}
}.page-intro { padding-block: 100px 60px;
} .page-intro__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
} .page-intro + .services,
.page-intro + .when {
padding-block-start: 0;
} .page-intro + .services .services__eyebrow-arrow {
width: 11px;
height: 11px;
transform: rotate(-45deg);
} .page-intro__crumbs {
margin-block-end: 32px;
font-family: var(--font-family-base);
font-size: 17px;
line-height: 17px;
letter-spacing: var(--letter-spacing-tight); word-spacing: 12px;
color: rgba(22, 34, 56, 0.4);
} .page-intro__crumbs .breadcrumb_last {
word-spacing: normal;
} .page-intro__crumbs a {
color: var(--color-primary);
text-decoration: underline;
text-decoration-color: var(--color-primary);
} .page-intro__crumb-sep {
margin-inline: 8px;
} .page-intro__title {
margin: 0 0 32px;
font-family: var(--font-family-display);
font-size: var(--font-size-h1);
font-weight: var(--font-weight-regular);
line-height: 1;
letter-spacing: var(--letter-spacing-heading);
color: var(--color-dark);
} .page-intro__lead {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
color: var(--color-dark);
opacity: 0.7;
} .page-intro__actions {
margin: 40px 0 0;
}
@media (max-width: 1100px) {
.page-intro {
padding-block: 56px 40px;
}
}
@media (max-width: 640px) {
.page-intro__inner {
width: min(1402px, 100% - 2 * 15px);
}
.page-intro {
padding-block: 40px 32px;
}
.page-intro__crumbs {
margin-block-end: 24px;
font-size: 16px;
line-height: 16px;
}
.page-intro__title {
font-size: 40px;
letter-spacing: -1px;
}
} .post-type-archive-usluga .page-intro + .services,
.post-type-archive-napravlenie .page-intro + .when {
border-block-start: 0;
}.hero {
position: relative;
display: flex; min-height: 100vh;
min-height: 100svh;
overflow: hidden;
color: var(--color-on-dark);
background-color: var(--color-bg-hero-fallback);
} .hero__bg {
position: absolute;
inset: 0;
}
.hero__poster,
.hero__video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hero__video {
z-index: 1; } .hero__overlay {
position: absolute;
inset: 0;
background:
linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0, rgba(0, 0, 0, 0) 165px),
linear-gradient(to top, rgba(0, 0, 0, 0.55) 0, rgba(0, 0, 0, 0) 364px),
rgba(0, 0, 0, 0.18);
}
@media (prefers-reduced-motion: reduce) {
.hero__video {
display: none;
}
} .hero__inner {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
width: min(1400px, 100% - 2 * 40px);
margin-inline: auto;
padding-block: 191px 96px;
}
.hero__eyebrow {
max-width: 354px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
text-decoration: underline;
text-decoration-color: rgba(255, 255, 255, 0.3);
} .hero__plus {
display: block;
width: 19px;
height: 19px;
opacity: 0.5;
background-color: currentColor;
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
}
.hero__plus--lead {
margin-top: 150px;
}
.hero__cols {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 42px;
margin-top: auto;
}
.hero__main {
display: flex;
flex-direction: column;
gap: 23px;
min-width: 0;
max-width: 724px;
}
.hero__title {
margin: 0;
max-width: 724px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-regular);
font-size: var(--font-size-h1);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}
.hero__subtitle {
margin: 0;
max-width: 424px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.8;
}
.hero__aside {
display: flex;
flex-direction: column;
gap: 40px;
flex-shrink: 0;
width: 426px;
}
.hero__desc {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
}
.hero__actions {
display: flex;
gap: 16px;
} .hero__btn {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
flex-shrink: 0;
width: 205px;
min-height: 55px;
padding: 15px 20px;
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-tight);
text-align: center;
transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
@media (prefers-reduced-motion: reduce) {
.hero__btn {
transition: none;
}
}
.hero__btn--primary {
color: var(--color-on-dark);
background: var(--color-primary);
border: 1.5px solid rgba(255, 255, 255, 0.05);
} .hero__btn--primary:hover {
background: var(--color-primary-hover);
} .hero__btn--primary::after {
content: "";
position: absolute;
inset-block-end: 6.5px;
inset-inline-end: 6.5px;
width: 7px;
height: 7px;
opacity: 0.6;
background-color: var(--color-on-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
}
.hero__btn--secondary {
color: var(--color-dark);
background: #ffffff;
border: 1.2px solid rgba(255, 255, 255, 0.05);
} .hero__btn--secondary:hover {
color: var(--color-primary);
background: #f5f8fd;
border-color: #eeeeee;
} @media (max-width: 1100px) {
.hero {
min-height: 100vh;
min-height: 100svh; background-color: #0e121d; } .hero__bg {
top: 16%;
bottom: auto;
inset-inline: 0;
width: 100%;
height: auto;
aspect-ratio: 2108 / 984;
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 30%, #000 66%, transparent 100%);
mask-image: linear-gradient(to bottom, transparent 0%, #000 30%, #000 66%, transparent 100%);
} .hero__overlay {
background:
linear-gradient(to bottom, #0e121d 0%, #0e121d 12%, rgba(14, 18, 29, 0) 30%, rgba(14, 18, 29, 0) 56%, #0e121d 80%, #0e121d 100%),
rgba(14, 18, 29, 0.22);
}
.hero__inner {
padding-block: 130px 56px;
} .hero__plus {
display: none;
}
.hero__cols {
flex-direction: column;
align-items: stretch;
gap: 32px;
}
.hero__aside {
width: 100%;
}
.hero__title {
font-size: 56px;
} .hero__actions {
gap: 16px;
}
.hero__btn {
flex: 1 1 0;
width: auto;
min-width: 0;
}
} @media (max-width: 640px) {
.hero {
min-height: 100vh;
min-height: 100svh; } .hero__bg {
top: 14%;
left: -50%;
right: auto;
width: 200%;
}
.hero__inner {
width: min(1400px, 100% - 2 * 16px);
padding-block: 96px 40px;
}
.hero__eyebrow {
max-width: none;
font-size: 16px;
line-height: 22px;
} .hero__cols,
.hero__main,
.hero__aside {
gap: 24px;
}
.hero__title {
font-size: 36px;
}
.hero__subtitle,
.hero__desc {
font-size: 16px;
line-height: 22px;
opacity: 0.8;
}
.hero__btn {
padding-inline: 12px;
font-size: 16px;
}
}.usluga-hero {
position: relative; --font-size-h1: 60px; overflow-x: clip;
} .usluga-hero__inner {
display: grid;
grid-template-columns: minmax(0, 677fr) minmax(0, 680fr);
column-gap: 43px;
align-items: stretch;
width: min(1400px, 100% - 2 * 40px);
margin-inline: auto;
} .usluga-hero__content { min-width: 0;
padding-block: 80px 32px;
} .usluga-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-block-start: 32px;
} .usluga-hero__media {
position: relative;
overflow: hidden;
aspect-ratio: 680 / 672;
background: var(--color-surface);
} .usluga-hero__media-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
} @media (max-width: 1440px) {
.usluga-hero {
--font-size-h1: 52px;
}
.usluga-hero__content {
padding-block: 60px 32px;
}
} @media (max-width: 1100px) { .usluga-hero {
padding-block-end: 56px;
}
.usluga-hero__inner {
grid-template-columns: minmax(0, 1fr);
row-gap: 40px;
}
.usluga-hero__content {
padding-block: 56px 0;
}
.usluga-hero .page-intro__title {
font-size: 56px;
}
.usluga-hero__media {
aspect-ratio: 16 / 9;
}
.usluga-hero__media-img {
object-fit: cover;
}
} @media (max-width: 640px) {
.usluga-hero {
padding-block-end: 40px;
}
.usluga-hero__inner {
width: min(1400px, 100% - 2 * 15px);
row-gap: 32px;
}
.usluga-hero__content {
padding-block: 40px 0;
} .usluga-hero .page-intro__title {
font-size: 36px;
} .usluga-hero .page-intro__crumbs {
margin-block-end: 24px;
font-size: 14px;
line-height: 16px;
white-space: nowrap;
overflow-x: auto;
scrollbar-width: none; -ms-overflow-style: none; -webkit-mask-image: linear-gradient(to right, #000 88%, transparent 100%);
mask-image: linear-gradient(to right, #000 88%, transparent 100%);
}
.usluga-hero .page-intro__crumbs::-webkit-scrollbar {
display: none; } .usluga-hero__media {
aspect-ratio: 1 / 1;
}
.usluga-hero__media-img {
object-fit: contain;
} .usluga-hero__actions {
flex-direction: column;
}
.usluga-hero__actions .button {
width: 100%;
}
}.advantages {
background: var(--color-surface);
color: var(--color-dark);
}
.advantages__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
} .advantages__head {
display: flex;
flex-direction: column;
gap: 40px;
padding-bottom: 32px;
}
.advantages__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
} .advantages__eyebrow-arrow {
flex-shrink: 0;
width: 10px;
height: 10px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
} .advantages__eyebrow-text {
opacity: 0.4;
}
.advantages__intro {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
}
.advantages__title {
margin: 0;
max-width: 928px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}
.advantages__aside {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
flex-shrink: 0;
width: 452px;
}
.advantages__desc {
margin: 0;
max-width: 433px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.8;
} .advantages__plus {
flex-shrink: 0;
width: 19px;
height: 19px;
opacity: 0.25;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
} .advantages__head--lead {
padding-bottom: 0;
}
.advantages__head--lead .advantages__intro {
flex-direction: column;
align-items: stretch;
gap: 22px;
}
.advantages__head--lead .advantages__title {
max-width: none;
}
.advantages__lead-row {
display: flex;
align-items: center;
gap: 24px;
}
.advantages__lead {
margin: 0;
flex: 1 1 auto;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
}
@media (max-width: 640px) {
.advantages__lead {
font-size: 16px;
line-height: 22px;
}
} .advantages__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 24px;
}
.advantages__card {
position: relative;
display: flex;
flex-direction: column; gap: 48px;
min-height: 330px;
padding: 32px 31px 31px;
background: var(--color-surface);
border: 1px solid var(--color-border-light);
transition: background-color 0.18s ease;
} .advantages__card:hover {
background: var(--color-surface-hover);
}
@media (prefers-reduced-motion: reduce) {
.advantages__card {
transition: none;
}
}
.advantages__icon {
width: 54px;
height: 54px;
flex-shrink: 0;
}
.advantages__icon-img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.advantages__card-body {
display: flex;
flex-direction: column;
gap: 16px;
}
.advantages__card-title {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h3);
line-height: var(--line-height-tight);
letter-spacing: var(--letter-spacing-tight);
}
.advantages__card-text {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .advantages__corner {
position: absolute;
inset-block-end: 31px;
inset-inline-end: 31px;
width: 10px;
height: 10px;
opacity: 0.3;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
} .advantages__media {
position: relative;
grid-column: span 2;
min-height: 330px;
overflow: hidden;
background: var(--color-surface);
border: 1px solid var(--color-border-light);
}
.advantages__media-img,
.advantages__media-video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover; object-position: 50% 88%;
} .single-napravlenie .advantages__media-img,
.single-napravlenie .advantages__media-video {
height: calc(100% + 10px);
bottom: auto;
} .advantages__media-video {
z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
.advantages__media-video {
display: none;
}
} @media (max-width: 1100px) {
.advantages__intro {
flex-direction: column;
align-items: stretch; gap: 24px;
}
.advantages__title {
max-width: none;
font-size: 40px;
}
.advantages__aside {
width: 100%;
} .advantages__desc {
max-width: none;
}
.advantages__grid {
grid-template-columns: repeat(2, 1fr);
} .advantages__media {
grid-column: span 2;
}
} @media (max-width: 768px) {
.advantages__card-title {
font-size: 22px;
}
.advantages__card-text {
font-size: 16px;
line-height: 22px;
}
} @media (max-width: 640px) { .advantages {
padding-block: 30px;
}
.advantages__inner {
width: min(1402px, 100% - 2 * 15px);
} .advantages__head {
gap: 24px;
padding-bottom: 0;
}
.advantages__eyebrow {
font-size: 16px;
line-height: 16px;
}
.advantages__intro {
gap: 16px;
}
.advantages__title {
font-size: 28px;
letter-spacing: -1px;
}
.advantages__desc {
font-size: 16px;
line-height: 22px;
}
.advantages__plus {
display: none;
} .advantages__grid {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 32px;
} .advantages__card {
justify-content: flex-start;
gap: 40px;
min-height: 0;
padding: 24px;
}
.advantages__icon {
width: 46px;
height: 46px;
} .advantages__corner {
position: static;
align-self: flex-end;
} .advantages__media {
grid-column: span 1;
min-height: 306px;
} .advantages__media-img,
.advantages__media-video {
object-position: var(--adv-video-pos-mobile, 50% 100%);
transform: scale(var(--adv-video-scale-mobile, 1));
transform-origin: var(--adv-video-pos-mobile, 50% 100%);
}
} .postid-89 .advantages__media-img,
.postid-89 .advantages__media-video,
.postid-91 .advantages__media-img,
.postid-91 .advantages__media-video,
.postid-93 .advantages__media-img,
.postid-93 .advantages__media-video {
object-fit: contain;
object-position: 50% 50%;
height: 100%;
bottom: 0;
} .postid-90 .advantages__media-img,
.postid-90 .advantages__media-video {
height: 115.38%;
width: auto;
max-width: none; top: -5.59%;
bottom: auto;
left: 50%;
right: auto;
transform: translateX(-50%);
} @media (max-width: 640px) {
.postid-89 .advantages__media {
aspect-ratio: 746 / 550;
min-height: 0;
}
.postid-91 .advantages__media {
aspect-ratio: 1022 / 450;
min-height: 0;
}
.postid-93 .advantages__media {
aspect-ratio: 972 / 244;
min-height: 0;
} .postid-90 .advantages__media {
aspect-ratio: 473 / 286;
min-height: 0;
}
}.cards {
background: var(--color-surface);
color: var(--color-dark);
}
.cards__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
} .cards__head {
display: flex;
flex-direction: column;
gap: 40px;
padding-bottom: 32px;
}
.cards__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
}
.cards__eyebrow-arrow {
flex-shrink: 0;
width: 10px;
height: 10px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
}
.cards__eyebrow-text {
opacity: 0.4;
}
.cards__intro {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
}
.cards__title {
margin: 0;
max-width: 928px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}
.cards__aside {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
flex-shrink: 0;
width: 452px;
}
.cards__desc {
margin: 0;
max-width: 433px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.8;
}
.cards__plus {
flex-shrink: 0;
width: 19px;
height: 19px;
opacity: 0.25;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
} .cards__head--lead {
padding-bottom: 0;
}
.cards__head--lead .cards__intro {
flex-direction: column;
align-items: stretch;
gap: 22px;
}
.cards__head--lead .cards__title {
max-width: none;
}
.cards__lead-row {
display: flex;
align-items: center;
gap: 24px;
}
.cards__lead {
margin: 0;
flex: 1 1 auto;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .cards__list {
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 24px;
} .cards__card {
position: relative;
display: flex;
align-items: stretch;
gap: 40px;
padding: 32px;
background: var(--color-surface);
border: 1px solid var(--color-border-light);
transition: background-color 0.18s ease;
}
.cards__card:hover {
background: var(--color-surface-hover);
}
@media (prefers-reduced-motion: reduce) {
.cards__card {
transition: none;
}
} .cards__media {
position: relative;
flex: 0 0 300px;
min-height: 260px;
overflow: hidden;
border-radius: 4px;
background: var(--color-surface-hover);
}
.cards__media-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .cards__body {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
min-width: 0;
}
.cards__card-title {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h3);
line-height: var(--line-height-tight);
letter-spacing: var(--letter-spacing-tight);
} .cards__corner {
position: absolute;
inset-block-end: 31px;
inset-inline-end: 31px;
width: 10px;
height: 10px;
opacity: 0.3;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
} .cards__text p {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
}
.cards__text p + p {
margin-top: 16px;
} .cards__text :is(ul, ol) + * {
margin-top: 16px;
} .cards__text ul,
.cards__text ol {
margin: 16px 0 0;
padding: 0;
list-style: none;
}
.cards__text li {
position: relative;
padding-left: 30px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
color: rgba(22, 34, 56, 0.7);
}
.cards__text li + li {
margin-top: 8px;
}
.cards__text ul li::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 18px;
height: 18px;
border-radius: 4px;
background: rgba(22, 34, 56, 0.06);
}
.cards__text ul li::after {
content: "";
position: absolute;
left: 2px;
top: 5px;
width: 14px;
height: 14px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / contain no-repeat;
}
.cards__text ol {
counter-reset: cards-ol;
}
.cards__text ol li::before {
counter-increment: cards-ol;
content: counter(cards-ol) ".";
position: absolute;
left: 0;
top: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
color: var(--color-primary);
}
.cards__text a {
color: var(--color-primary);
text-decoration: underline;
text-underline-offset: 2px;
}
.cards__text strong,
.cards__text b {
font-weight: var(--font-weight-medium);
} @media (max-width: 1100px) {
.cards__intro {
flex-direction: column;
align-items: stretch;
gap: 24px;
}
.cards__title {
max-width: none;
font-size: 40px;
}
.cards__aside {
width: 100%;
}
.cards__desc {
max-width: none;
}
} @media (max-width: 768px) {
.cards__card-title {
font-size: 22px;
}
.cards__text p,
.cards__text li {
font-size: 16px;
line-height: 22px;
}
} @media (max-width: 640px) {
.cards {
padding-block: 30px;
}
.cards__inner {
width: min(1402px, 100% - 2 * 15px);
}
.cards__head {
gap: 24px;
padding-bottom: 0;
}
.cards__eyebrow {
font-size: 16px;
line-height: 16px;
}
.cards__intro {
gap: 16px;
}
.cards__title {
font-size: 28px;
letter-spacing: -1px;
}
.cards__desc {
font-size: 16px;
line-height: 22px;
}
.cards__plus {
display: none;
}
.cards__list {
gap: 8px;
margin-top: 32px;
} .cards__card {
flex-direction: column;
align-items: stretch;
gap: 24px;
padding: 24px;
}
.cards__media {
flex-basis: auto;
width: 100%;
min-height: 200px;
}
.cards__corner {
position: static;
align-self: flex-end;
}
}.services {
background: var(--color-surface);
color: var(--color-dark);
}
.services__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
} .services__head {
display: flex;
flex-direction: column;
gap: 40px;
padding-bottom: 32px;
}
.services__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
}
.services__eyebrow-arrow {
flex-shrink: 0;
width: 10px;
height: 10px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
}
.services__eyebrow-text {
opacity: 0.4;
}
.services__intro {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
}
.services__title {
margin: 0;
max-width: 453px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}
.services__aside {
display: flex;
align-items: flex-end;
justify-content: flex-end;
gap: 16px;
flex-shrink: 0;
max-width: 927px;
}
.services__desc {
margin: 0;
max-width: 892px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .services__plus {
flex-shrink: 0;
width: 19px;
height: 19px;
opacity: 0.25;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
} .services--child .services__title {
max-width: 554px;
}
.services--child .services__aside {
max-width: 820px;
}
.services--child .services__desc {
max-width: 605px;
}
.services--child .services__eyebrow-arrow {
width: 11px;
height: 11px;
transform: rotate(-45deg);
}  .services--brief .services__title {
max-width: 672px;
}
.services--brief .services__aside {
max-width: 707px;
}
.services--brief .services__desc {
max-width: 672px;
}
.services--brief .services__eyebrow-arrow {
width: 11px;
height: 11px;
transform: rotate(-45deg);
}
@media (max-width: 1100px) {
.services--child .services__title,
.services--child .services__aside,
.services--child .services__desc,
.services--brief .services__title,
.services--brief .services__aside,
.services--brief .services__desc {
max-width: none;
}
} .services__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 24px;
align-items: stretch;
}
.services__card {
display: flex;
flex-direction: column;
gap: 32px;
padding: 16px 16px 24px;
background: var(--color-surface);
border: 1px solid var(--color-border-light);
} .services__media {
position: relative;
height: 267px;
overflow: hidden;
background: var(--color-surface);
} .services__media-link {
display: block;
width: 100%;
height: 100%;
}
.services__media-img {
display: block;
width: 100%;
height: 100%; object-fit: cover;
} .services__body {
flex: 1;
display: flex;
flex-direction: column;
gap: 24px;
padding-inline: 16px;
} .services__card-head {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: auto;
}
.services__card-title {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h3);
line-height: var(--line-height-tight);
letter-spacing: var(--letter-spacing-tight);
} .services__card-title-link {
color: inherit;
text-decoration: none;
transition: color 0.18s ease;
}
.services__card-title-link:hover {
color: var(--color-primary);
}
@media (prefers-reduced-motion: reduce) {
.services__card-title-link {
transition: none;
}
}
.services__excerpt {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .services__gosty {
list-style: none;
margin: 0;
padding: 16px;
display: flex;
flex-direction: column;
gap: 8px;
background: var(--color-surface-muted);
border: 1px dashed var(--color-border-muted);
}
.services__gost {
display: flex;
gap: 12px;
align-items: flex-start;
margin: 0;
} .services__gost-check {
position: relative;
flex-shrink: 0;
margin-top: 4px; width: 18px;
height: 18px;
border-radius: 4px;
background: rgba(22, 34, 56, 0.06);
}
.services__gost-check::after {
content: "";
position: absolute;
inset: 2px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / contain no-repeat;
}
.services__gost-text {
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
color: var(--color-dark);
} .services__cta {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 55px;
background: var(--color-primary);
color: var(--color-on-dark);
border: 1.5px solid rgba(255, 255, 255, 0.05);
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-base);
letter-spacing: -0.25px;
text-align: center;
transition: background-color 0.18s ease;
}
.services__cta:hover {
background: var(--color-primary-hover);
} .services__cta::after {
content: "";
position: absolute;
inset-block-end: 6.5px;
inset-inline-end: 6.5px;
width: 7px;
height: 7px;
opacity: 0.6;
background-color: var(--color-on-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
}
@media (prefers-reduced-motion: reduce) {
.services__cta {
transition: none;
}
} @media (max-width: 1100px) {
.services__intro {
flex-direction: column;
align-items: stretch; gap: 24px;
}
.services__title {
max-width: none;
font-size: 40px;
}
.services__aside {
max-width: none;
justify-content: flex-start;
} .services__desc {
max-width: none;
}
.services__grid {
grid-template-columns: repeat(2, 1fr);
}
} @media (max-width: 768px) {
.services__card-title {
font-size: 22px;
}
.services__excerpt,
.services__gost-text,
.services__cta {
font-size: 16px;
}
.services__excerpt,
.services__gost-text {
line-height: 22px;
}
} @media (max-width: 640px) { .services {
padding-block: 30px;
}
.services__inner {
width: min(1402px, 100% - 2 * 15px);
} .services__head {
gap: 24px;
padding-bottom: 0;
}
.services__eyebrow {
font-size: 16px;
line-height: 16px;
}
.services__intro {
gap: 16px;
}
.services__title {
font-size: 28px;
letter-spacing: -1px;
}
.services__desc {
font-size: 16px;
line-height: 22px;
}
.services__plus {
display: none;
} .services__grid {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 32px;
} .services__card {
padding: 24px;
}
.services__body {
gap: 16px;
padding-inline: 0;
}
.services__card-head {
margin-bottom: 0;
}
}.directions {
background: var(--color-dark);
color: var(--color-on-dark);
overflow: hidden; padding-block: 100px; }
.directions__inner {
width: min(1401px, 100% - 2 * 40px);
margin-inline: auto;
} .directions.is-pinned {
z-index: 2;
} .directions-backdrop {
position: fixed;
inset: 0;
z-index: 1;
background: var(--color-dark);
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.directions-backdrop.is-visible {
opacity: 1;
visibility: visible;
} .directions__head {
display: flex;
flex-direction: column;
gap: 40px;
padding-bottom: 32px;
border-bottom: 1px solid var(--color-border-on-dark);
}
.directions__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
} .directions__eyebrow-arrow {
flex-shrink: 0;
width: 10px;
height: 10px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
} .directions__eyebrow-text {
opacity: 0.4;
}
.directions__intro {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 22px;
}
.directions__title {
margin: 0;
max-width: 749px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}
.directions__desc {
margin: 0;
max-width: 631px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
}  .directions__scroll {
margin-top: 24px;
margin-right: calc(50% - 50vw);
overflow-x: hidden;
overflow-y: hidden;
} .directions__track {
display: flex;
gap: 24px;
will-change: transform;
} .directions.is-static .directions__scroll {
overflow-x: auto;
scrollbar-width: thin;
} .directions__card {
position: relative;
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 69px;
width: 747px;
height: 204px;
padding: 0 33px 0 41px;
background: var(--color-surface-dark);
border: 1px solid var(--color-border-on-dark);
overflow: hidden;
color: inherit;
text-decoration: none;
transition: border-color 0.18s ease, background-color 0.18s ease;
}
.directions__card:hover {
background: var(--color-surface-dark-hover);
border-color: rgba(255, 255, 255, 0.18);
}
@media (prefers-reduced-motion: reduce) {
.directions__card {
transition: none;
}
}
.directions__icon {
flex: 0 0 135px;
width: 135px;
height: 135px;
}
.directions__icon-img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.directions__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 16px;
min-width: 0;
}
.directions__card-title {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h3);
line-height: var(--line-height-tight);
letter-spacing: var(--letter-spacing-tight);
}
.directions__card-text {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.6;
} .directions__more {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-tight);
color: var(--color-on-dark);
}
.directions__more-arrow {
width: 14px;
height: 14px;
background-color: currentColor;
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron-right.svg) center / contain no-repeat;
transition: transform 0.18s ease;
}
.directions__card:hover .directions__more-arrow {
transform: translateX(3px);
} .directions--more-hover .directions__more {
display: none;
}
.directions--more-hover .directions__card:hover .directions__more,
.directions--more-hover .directions__card:focus-within .directions__more {
display: inline-flex;
animation: directions-more-in 0.2s ease;
}
@media (hover: none) {
.directions--more-hover .directions__more {
display: inline-flex;
}
}
@keyframes directions-more-in {
from {
opacity: 0;
transform: translateY(6px);
}
to {
opacity: 1;
transform: none;
}
}
@media (prefers-reduced-motion: reduce) {
.directions__more-arrow {
transition: none;
}
.directions--more-hover .directions__card:hover .directions__more,
.directions--more-hover .directions__card:focus-within .directions__more {
animation: none;
}
} .directions__plus {
position: absolute;
top: 15px;
right: 17px;
width: 19px;
height: 19px;
opacity: 0.5;
background-color: var(--color-on-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
} .directions--layout-grid .directions__scroll {
margin-right: 0;
overflow: visible;
}
.directions--layout-grid .directions__track {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.directions--layout-grid .directions__card {
flex-direction: column;
align-items: flex-start;
gap: 32px;
width: auto;
height: auto;
padding: 24px;
}
.directions--layout-grid .directions__icon {
flex: 0 0 54px;
width: 54px;
height: 54px;
}
.directions--layout-grid .directions__plus {
position: static;
align-self: flex-end;
} @media (min-width: 1101px) {
.directions--layout-grid .directions__card {
flex-direction: row;
align-items: center;
gap: 48px;
min-height: 204px;
padding: 24px 41px;
}
.directions--layout-grid .directions__icon {
flex: 0 0 135px;
width: 110px;
height: 110px;
}
.directions--layout-grid .directions__plus {
position: absolute;
top: 15px;
right: 17px;
align-self: auto;
}
}
@media (max-width: 640px) {
.directions--layout-grid .directions__track {
grid-template-columns: 1fr;
gap: 8px;
}
} @media (max-width: 1100px) {
.directions {
padding-block: 56px; }
.directions__intro {
flex-direction: column;
align-items: stretch;
gap: 24px;
}
.directions__title {
max-width: none;
font-size: 40px;
}
.directions__desc {
max-width: none;
} .directions__scroll {
margin-right: 0;
overflow: visible;
} .directions__track {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
} .directions__card {
flex-direction: column;
align-items: flex-start;
gap: 32px;
width: auto;
height: auto;
padding: 24px;
}
.directions__icon {
flex: 0 0 46px;
width: 46px;
height: 46px;
} .directions__plus {
position: static;
align-self: flex-end;
}
} @media (max-width: 768px) {
.directions__card-title {
font-size: 22px;
}
.directions__card-text {
font-size: 16px;
line-height: 22px;
}
} @media (max-width: 640px) {
.directions {
padding-block: 40px;
}
.directions__inner {
width: min(1401px, 100% - 2 * 15px);
}
.directions__head {
gap: 24px;
padding-bottom: 0;
border-bottom: none;
}
.directions__eyebrow {
font-size: 16px;
line-height: 16px;
}
.directions__intro {
gap: 16px;
}
.directions__title {
font-size: 28px;
letter-spacing: -1px;
}
.directions__desc {
font-size: 16px;
line-height: 22px;
} .directions__track {
grid-template-columns: 1fr;
gap: 8px;
}
.directions__card-text {
opacity: 0.7;
}
}.when {
background: var(--color-surface);
color: var(--color-dark);
}
.when__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
} .when__head {
display: flex;
flex-direction: column;
gap: 40px;
padding-bottom: 32px;
}
.when__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
} .when__eyebrow-arrow {
flex-shrink: 0;
width: 10px;
height: 10px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
}
.when__eyebrow-text {
opacity: 0.4;
}
.when__intro {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
}
.when__title {
margin: 0;
max-width: 453px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}
.when__aside {
display: flex;
align-items: flex-end;
justify-content: flex-end;
gap: 16px;
flex-shrink: 0;
max-width: 927px;
}
.when__desc {
margin: 0;
max-width: 892px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .when__plus {
flex-shrink: 0;
width: 19px;
height: 19px;
opacity: 0.25;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
} .when--equipment .when__title {
max-width: 928px;
}
.when--equipment .when__aside {
max-width: 452px;
}
.when--equipment .when__desc {
max-width: 433px;
} .when--equipment .when__eyebrow-arrow {
width: 11px;
height: 11px;
transform: rotate(-45deg);
}
@media (max-width: 1100px) { .when--equipment .when__title,
.when--equipment .when__aside,
.when--equipment .when__desc {
max-width: none;
}
} .when--napravlenie .when__title {
max-width: 650px;
}
.when--napravlenie .when__aside {
max-width: 726px;
}
.when--napravlenie .when__desc {
max-width: 691px;
}
.when--napravlenie .when__eyebrow-arrow {
width: 11px;
height: 11px;
transform: rotate(-45deg);
} .when__card--link {
color: inherit;
text-decoration: none;
}
@media (max-width: 1100px) {
.when--napravlenie .when__title,
.when--napravlenie .when__aside,
.when--napravlenie .when__desc {
max-width: none;
}
} .when__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 24px;
} .when__card {
position: relative;
display: flex;
flex-direction: column;
gap: 55px;
min-height: 330px;
padding: 32px 31px 31px;
background: var(--color-surface);
border: 1px solid var(--color-border-light);
transition: background-color 0.18s ease;
} .when__card:hover {
background: var(--color-surface-hover);
}
@media (prefers-reduced-motion: reduce) {
.when__card {
transition: none;
}
}
.when__icon {
width: 54px;
height: 54px;
flex-shrink: 0;
}
.when__icon-img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.when__card-body {
display: flex;
flex-direction: column;
gap: 16px;
}
.when__card-title {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h3);
line-height: var(--line-height-tight);
letter-spacing: var(--letter-spacing-tight);
}
.when__card-text {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .when__corner {
position: absolute;
inset-block-end: 31px;
inset-inline-end: 31px;
width: 10px;
height: 10px;
opacity: 0.3;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
} @media (max-width: 1100px) {
.when__intro {
flex-direction: column;
align-items: stretch;
gap: 24px;
}
.when__title {
max-width: none;
font-size: 40px;
}
.when__aside {
max-width: none;
justify-content: flex-start;
}
.when__desc {
max-width: none;
}
.when__grid {
grid-template-columns: repeat(2, 1fr);
}
} @media (max-width: 768px) {
.when__card-title {
font-size: 22px;
}
.when__card-text {
font-size: 16px;
line-height: 22px;
}
} @media (max-width: 640px) {
.when {
padding-block: 30px;
}
.when__inner {
width: min(1402px, 100% - 2 * 15px);
}
.when__head {
gap: 24px;
padding-bottom: 0;
}
.when__eyebrow {
font-size: 16px;
line-height: 16px;
}
.when__intro {
gap: 16px;
}
.when__title {
font-size: 28px;
letter-spacing: -1px;
}
.when__desc {
font-size: 16px;
line-height: 22px;
}
.when__plus {
display: none;
}
.when__grid {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 32px;
} .when__card {
gap: 32px;
min-height: 0;
padding: 24px;
}
.when__icon {
width: 46px;
height: 46px;
} .when__corner {
position: static;
align-self: flex-end;
}
}.result {
background: var(--color-surface);
color: var(--color-dark);
}
.result__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto; display: grid;
grid-template-columns: 558fr 744fr;
grid-template-rows: 1fr auto auto 1fr;
grid-template-areas:
"media ."
"media heading"
"media list"
"media .";
column-gap: clamp(48px, 6vw, 100px);
row-gap: 40px;
} .result__media {
grid-area: media;
position: relative; aspect-ratio: 558 / 911;
} .result__media-img,
.result__media-video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.result__media-video {
z-index: 1;
} @media (prefers-reduced-motion: reduce) {
.result__media-video {
display: none;
}
} .result__plus {
position: absolute;
top: 50%;
right: -35px;
transform: translateY(-50%);
width: 70px;
height: 70px;
z-index: 2;
background: var(--color-surface);
border: 1px solid var(--color-border-light);
}
.result__plus::before {
content: "";
position: absolute;
inset: 0;
margin: auto;
width: 18px;
height: 18px;
opacity: 0.4;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
} .result__heading {
grid-area: heading;
display: flex;
flex-direction: column;
gap: 24px;
}
.result__title {
margin: 0;
max-width: 678px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}
.result__desc {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .result__list {
grid-area: list;
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 24px;
}
.result__item {
display: flex;
flex-direction: column;
gap: 16px;
} .result__item-head {
display: flex;
align-items: center;
gap: 16px;
} .result__num {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
background: var(--color-primary);
color: var(--color-on-dark);
font-family: var(--font-family-base);
font-weight: var(--font-weight-medium);
font-size: 17px;
line-height: 1;
}
.result__item-title {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h3);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-tight);
}
.result__item-text {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} @media (max-width: 1100px) {
.result__inner {
display: flex;
flex-direction: column;
gap: 32px;
}
.result__heading {
order: 1;
}
.result__media {
order: 2;
}
.result__list {
order: 3;
} .result__media {
aspect-ratio: 16 / 9;
} .result__plus {
display: none;
}
} @media (max-width: 768px) {
.result__item-title {
font-size: 22px;
}
.result__item-text {
font-size: 16px;
line-height: 22px;
}
} @media (max-width: 640px) {
.result {
padding-block: 30px;
}
.result__inner {
width: min(1402px, 100% - 2 * 15px);
}
.result__title {
max-width: none;
font-size: 28px;
letter-spacing: -1px;
}
.result__desc {
font-size: 16px;
line-height: 22px;
} .result__media {
aspect-ratio: 1 / 1;
} .result__item {
gap: 16px;
}
.result__item-head {
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
}.content.section {
background: var(--color-surface);
color: var(--color-dark);
}
.content__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
} .content__head {
display: flex;
flex-direction: column;
}
.content__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
} .content__eyebrow-arrow {
flex-shrink: 0;
width: 11px;
height: 11px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
transform: rotate(-45deg);
}
.content__eyebrow-text {
opacity: 0.4;
} .content__title {
margin: 40px 0 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
} @media (min-width: 1024px) {
.content__title-line {
display: block;
}
} .content__lead-row {
display: flex;
align-items: flex-start;
gap: 24px;
margin-top: 22px;
}
.content__lead {
margin: 0;
flex: 1 1 auto;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .content__plus {
flex-shrink: 0;
width: 19px;
height: 19px;
margin-top: 4px;
opacity: 0.25;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
} .content__body {
margin-top: 24px;
}
.content__body > :first-child {
margin-top: 0;
} .content__body p {
margin: 16px 0 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .content__body h2,
.content__body h3,
.content__body h4 {
margin: 32px 0 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-tight);
letter-spacing: var(--letter-spacing-tight);
color: var(--color-dark);
}
.content__body h2 {
font-size: 34px;
}
.content__body h3 {
font-size: var(--font-size-h3); }
.content__body h4 {
font-size: 20px;
} .content__body :is(h2, h3, h4) + * {
margin-top: 16px;
} .content__body ul,
.content__body ol {
margin: 16px 0 0;
padding: 0;
list-style: none;
}
.content__body li {
position: relative;
padding-left: 30px;
font-size: 17px;
line-height: 24px;
letter-spacing: var(--letter-spacing-tight);
color: var(--color-dark);
}
.content__body li + li {
margin-top: 8px;
} .content__body ul li::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 18px;
height: 18px;
border-radius: 4px;
background: rgba(22, 34, 56, 0.06);
}
.content__body ul li::after {
content: "";
position: absolute;
left: 2px;
top: 5px;
width: 14px;
height: 14px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / contain no-repeat;
} .content__body ol {
counter-reset: content-ol;
}
.content__body ol li::before {
counter-increment: content-ol;
content: counter(content-ol) ".";
position: absolute;
left: 0;
top: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
color: var(--color-primary);
} .content__body img {
max-width: 100%;
height: auto;
}
.content__body figure {
margin: 32px 0 0;
}
.content__body figure img {
display: block;
}
.content__body figcaption {
margin-top: 12px;
font-size: 15px;
line-height: 22px;
letter-spacing: var(--letter-spacing-tight);
opacity: 0.5;
} .content__body a {
color: var(--color-primary);
text-decoration: underline;
text-underline-offset: 2px;
}
.content__body strong,
.content__body b {
font-weight: var(--font-weight-medium);
opacity: 1;
} @media (max-width: 1100px) {
.content__title {
font-size: 40px;
}
} @media (max-width: 640px) {
.content.section {
padding-block: 30px;
}
.content__inner {
width: min(1402px, 100% - 2 * 15px);
}
.content__eyebrow {
font-size: 16px;
line-height: 16px;
}
.content__title {
margin-top: 24px;
font-size: 28px;
letter-spacing: -1px;
}
.content__lead {
font-size: 16px;
line-height: 22px;
}
.content__plus {
display: none;
}
.content__body p,
.content__body li {
font-size: 16px;
line-height: 22px;
}
.content__body h2 {
font-size: 26px;
}
.content__body h3 {
font-size: 22px;
}
}.methods.section {
background: var(--color-surface);
color: var(--color-dark);
}
.methods__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
} .methods__head {
display: flex;
flex-direction: column;
}
.methods__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
} .methods__eyebrow-arrow {
flex-shrink: 0;
width: 11px;
height: 11px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
transform: rotate(-45deg);
}
.methods__eyebrow-text {
opacity: 0.4;
} .methods__title {
margin: 40px 0 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
} .methods__lead-row {
display: flex;
align-items: flex-start;
gap: 24px;
margin-top: 22px;
}
.methods__lead {
margin: 0;
flex: 1 1 auto;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
}
.methods__plus {
flex-shrink: 0;
width: 19px;
height: 19px;
margin-top: 4px;
opacity: 0.25;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
} .methods__list {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 32px; }
.methods__item-head {
display: flex;
align-items: center;
gap: 16px; margin-bottom: 16px; } .methods__num {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
background: var(--color-primary);
color: var(--color-on-dark);
font-family: var(--font-family-base);
font-weight: var(--font-weight-medium);
font-size: 17px;
line-height: 1;
}
.methods__subtitle {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h3);
line-height: var(--line-height-tight);
letter-spacing: var(--letter-spacing-tight);
}
.methods__text p {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
}
.methods__text p + p {
margin-top: 16px;
} .methods__text :is(ul, ol) + * {
margin-top: 16px;
} .methods__text ul,
.methods__text ol {
margin: 16px 0 0;
padding: 0;
list-style: none;
}
.methods__text li {
position: relative;
padding-left: 30px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
color: rgba(22, 34, 56, 0.7); }
.methods__text li + li {
margin-top: 8px;
}
.methods__text ul li::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 18px;
height: 18px;
border-radius: 4px;
background: rgba(22, 34, 56, 0.06);
}
.methods__text ul li::after {
content: "";
position: absolute;
left: 2px;
top: 5px;
width: 14px;
height: 14px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / contain no-repeat;
} .methods__text ol {
counter-reset: methods-ol;
}
.methods__text ol li::before {
counter-increment: methods-ol;
content: counter(methods-ol) ".";
position: absolute;
left: 0;
top: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
color: var(--color-primary);
}
.methods__text a {
color: var(--color-primary);
text-decoration: underline;
text-underline-offset: 2px;
}
.methods__text strong,
.methods__text b {
font-weight: var(--font-weight-medium);
} .methods__cards {
margin-top: 40px;
display: grid;
grid-template-columns: 449fr 926fr;
gap: 24px;
align-items: stretch;
}
.methods__card {
padding: 32px;
border-radius: 8px;
background: #f5f7fa; }
.methods__card--soft {
display: flex;
flex-direction: column;
}
.methods__card-title {
margin: 0 0 16px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: 24px;
line-height: var(--line-height-tight);
letter-spacing: var(--letter-spacing-tight);
} .methods__doc-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.methods__doc-item {
position: relative;
padding-left: 30px;
font-size: 17px;
line-height: 24px;
letter-spacing: var(--letter-spacing-tight);
color: var(--color-dark);
}
.methods__doc-item::before {
content: "";
position: absolute;
left: 0;
top: 4px;
width: 16px;
height: 16px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / contain no-repeat;
} .methods__card-text p {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
}
.methods__card-text p + p {
margin-top: 16px;
} .methods__card-text {
margin-bottom: 28px;
}
.methods__btn {
margin-top: auto;
align-self: flex-start;
} .methods__frames {
margin-top: 40px;
display: flex;
flex-direction: column;
gap: 24px;
}
.methods__frame {
margin: 0;
padding: 40px;
border: 1px solid #e6ebf2;
border-radius: 16px;
background: #f7f9fc; }
.methods__frame-img {
display: block;
max-width: 100%;
height: auto;
margin-inline: auto;
} @media (max-width: 1100px) {
.methods__title {
font-size: 40px;
}
.methods__cards {
grid-template-columns: 1fr;
}
.methods__frame {
padding: 24px;
}
} @media (max-width: 640px) {
.methods.section {
padding-block: 30px;
}
.methods__inner {
width: min(1402px, 100% - 2 * 15px);
}
.methods__eyebrow {
font-size: 16px;
line-height: 16px;
}
.methods__title {
margin-top: 24px;
font-size: 28px;
letter-spacing: -1px;
}
.methods__lead {
font-size: 16px;
line-height: 22px;
}
.methods__plus {
display: none;
}
.methods__subtitle {
font-size: 22px;
}
.methods__text p,
.methods__card-text p,
.methods__doc-item {
font-size: 16px;
line-height: 22px;
}
.methods__card {
padding: 24px;
}
.methods__frame {
padding: 16px;
border-radius: 12px;
}
}.gallery.section {
background: var(--color-surface);
color: var(--color-dark);
}
.gallery__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
} .gallery__grid {
display: grid;
gap: 24px;
justify-items: center;
justify-content: center;
} .gallery--single .gallery__grid {
grid-template-columns: minmax(0, 720px);
}
.gallery--cols-2 .gallery__grid {
grid-template-columns: repeat(2, 1fr);
}
.gallery--cols-3 .gallery__grid {
grid-template-columns: repeat(3, 1fr);
}
.gallery__item {
margin: 0;
width: 100%;
}
.gallery__img {
display: block;
width: 100%;
height: auto;
border-radius: 12px;
}
.gallery__caption {
margin-top: 12px;
text-align: center;
font-size: 16px;
line-height: 22px;
letter-spacing: var(--letter-spacing-tight);
color: rgba(22, 34, 56, 0.6); } @media (max-width: 1100px) {
.gallery--cols-3 .gallery__grid {
grid-template-columns: repeat(2, 1fr);
}
} @media (max-width: 640px) {
.gallery.section {
padding-block: 30px;
}
.gallery__inner {
width: min(1402px, 100% - 2 * 15px);
}
.gallery--cols-2 .gallery__grid,
.gallery--cols-3 .gallery__grid {
grid-template-columns: 1fr;
}
}.faq.section {
background: var(--color-surface);
color: var(--color-dark);
}
.faq__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
} .faq__head {
display: flex;
flex-direction: column;
}
.faq__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
}
.faq__eyebrow-arrow {
flex-shrink: 0;
width: 11px;
height: 11px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
transform: rotate(-45deg);
}
.faq__eyebrow-text {
opacity: 0.4;
}
.faq__title {
margin: 40px 0 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}
.faq__lead-row {
display: flex;
align-items: flex-start;
gap: 24px;
margin-top: 22px;
}
.faq__lead {
margin: 0;
flex: 1 1 auto;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
}
.faq__plus {
flex-shrink: 0;
width: 19px;
height: 19px;
margin-top: 4px;
opacity: 0.25;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
} .faq__list {
margin-top: 24px;
border: 1px solid var(--color-border-light);
}
.faq__item {
border-top: 1px solid var(--color-border-light);
}
.faq__item:first-child {
border-top: 0;
} .faq__summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 32px;
}
.faq__summary::-webkit-details-marker {
display: none;
}
.faq__summary:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
.faq__question {
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: 24px;
line-height: 1.3;
letter-spacing: var(--letter-spacing-tight);
color: var(--color-dark);
} .faq__toggle {
flex-shrink: 0;
display: grid;
place-items: center;
width: 53px;
height: 53px;
border: 1px solid var(--color-border-light);
border-radius: 8px;
}
.faq__toggle::before {
content: "";
width: 24px;
height: 24px;
background-color: var(--color-dark);
opacity: 0.55;
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron.svg) center / 16px 16px no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/chevron.svg) center / 16px 16px no-repeat;
transform: rotate(180deg);
transition: transform 0.2s ease;
}
.faq__item[open] .faq__toggle::before {
transform: rotate(0deg);
}
@media (prefers-reduced-motion: reduce) {
.faq__toggle::before {
transition: none;
}
} .faq__item[open] .faq__summary {
padding-bottom: 16px;
}
.faq__answer {
padding: 0 32px 32px;
}
.faq__answer p {
margin: 0;
max-width: 1239px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
}
.faq__answer p + p {
margin-top: 16px;
} @media (max-width: 1100px) {
.faq__title {
font-size: 40px;
}
} @media (max-width: 640px) {
.faq.section {
padding-block: 30px;
}
.faq__inner {
width: min(1402px, 100% - 2 * 15px);
}
.faq__eyebrow {
font-size: 16px;
line-height: 16px;
}
.faq__title {
margin-top: 24px;
font-size: 28px;
letter-spacing: -1px;
}
.faq__lead {
font-size: 16px;
line-height: 22px;
}
.faq__plus {
display: none;
}
.faq__summary {
gap: 16px;
padding: 24px;
}
.faq__question {
font-size: 19px;
}
.faq__toggle {
width: 44px;
height: 44px;
}
.faq__answer {
padding: 0 24px 24px;
}
.faq__answer p {
font-size: 16px;
line-height: 22px;
}
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.projects {
background: var(--color-surface);
color: var(--color-dark);
}
.projects__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
} .projects__head {
display: flex;
flex-direction: column;
gap: 40px;
padding-bottom: 32px;
}
.projects__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
}
.projects__eyebrow-arrow {
flex-shrink: 0;
width: 10px;
height: 10px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
}
.projects__eyebrow-text {
opacity: 0.4;
} .projects__intro {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
}
.projects__title {
margin: 0;
max-width: 928px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}
.projects__aside {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
flex-shrink: 0;
width: 452px;
}
.projects__desc {
margin: 0;
max-width: 375px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .projects__plus {
flex-shrink: 0;
width: 19px;
height: 19px;
opacity: 0.25;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
}  .projects__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 24px;
align-items: stretch;
} .projects__carousel {
margin-top: 24px;
} .projects__carousel .swiper-wrapper {
align-items: stretch;
}
.projects__carousel .projects__card {
height: auto; }  .projects .carousel-nav__btn {
top: var(--proj-arrow-top, 50%);
} .projects__dots-float {
display: none;
}
.projects__card {
display: flex;
flex-direction: column;
gap: 32px;
padding: 16px 16px 24px;
background: var(--color-surface);
border: 1px solid var(--color-border-light);
} .projects__media {
position: relative;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1 / 1;
padding: 22px 24px;
overflow: hidden;
background: var(--color-surface);
} .projects__media::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.03);
pointer-events: none;
} .projects__media-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
} .projects__media-img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
} .projects__body {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
padding-inline: 16px;
} .projects__card-head {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: auto;
}
.projects__card-title {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h3);
line-height: var(--line-height-tight);
letter-spacing: var(--letter-spacing-tight);
} .projects__card-title-link {
color: inherit;
text-decoration: none;
transition: color 0.18s ease;
}
.projects__card-title-link:hover {
color: var(--color-primary);
}
@media (prefers-reduced-motion: reduce) {
.projects__card-title-link {
transition: none;
}
}
.projects__excerpt {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .projects__cta {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 55px;
background: var(--color-primary);
color: var(--color-on-dark);
border: 1.5px solid rgba(255, 255, 255, 0.05);
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-tight);
text-align: center;
transition: background-color 0.18s ease;
}
.projects__cta:hover {
background: var(--color-primary-hover);
} .projects__cta::after {
content: "";
position: absolute;
inset-block-end: 6.5px;
inset-inline-end: 6.5px;
width: 7px;
height: 7px;
opacity: 0.6;
background-color: var(--color-on-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
}
@media (prefers-reduced-motion: reduce) {
.projects__cta {
transition: none;
}
} .projects__all {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 451px;
max-width: 100%;
height: 55px;
margin: 24px auto 0;
background: var(--color-surface);
border: 1.2px solid var(--color-border-light);
color: var(--color-dark);
opacity: 0.7;
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-tight);
text-align: center;
transition: opacity 0.18s ease, border-color 0.18s ease, color 0.18s ease,
background-color 0.18s ease;
} .projects__all:hover {
opacity: 1;
background: transparent;
border-color: var(--color-primary);
color: var(--color-primary);
}
.projects__all::after {
content: "";
position: absolute;
inset-block-end: 6.8px;
inset-inline-end: 6.8px;
width: 7px;
height: 7px;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
}
.projects__all:hover::after {
background-color: var(--color-primary);
}
@media (prefers-reduced-motion: reduce) {
.projects__all {
transition: none;
}
} @media (max-width: 1100px) {
.projects__intro {
flex-direction: column;
align-items: stretch;
gap: 24px;
}
.projects__title {
max-width: none;
font-size: 40px;
}
.projects__aside {
width: auto;
justify-content: flex-start;
}
.projects__desc {
max-width: none;
}
.projects__grid {
grid-template-columns: repeat(2, 1fr);
}
} @media (max-width: 768px) {
.projects__card-title {
font-size: 22px;
}
.projects__excerpt,
.projects__cta {
font-size: 16px;
}
.projects__excerpt {
line-height: 22px;
}
} @media (max-width: 640px) {
.projects {
padding-block: 30px;
}
.projects__inner {
width: min(1402px, 100% - 2 * 15px);
}
.projects__head {
gap: 24px;
padding-bottom: 0;
}
.projects__eyebrow {
font-size: 16px;
line-height: 16px;
}
.projects__intro {
gap: 16px;
}
.projects__title {
font-size: 28px;
letter-spacing: -1px;
}
.projects__desc {
font-size: 16px;
line-height: 22px;
}
.projects__plus {
display: none;
}
.projects__grid {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 32px;
} .projects__carousel .swiper-wrapper {
align-items: flex-start;
} .projects__dots-float {
display: flex;
position: fixed;
inset-block-end: 16px;
left: 50%;
transform: translateX(-50%);
z-index: 40;
gap: 8px;
padding: 8px 12px;
background: #fff;
border-radius: 40px;
box-shadow: 0 4px 14px rgba(22, 34, 56, 0.18);
transition: opacity 0.25s ease, visibility 0.25s ease;
}
.projects__dots-float.is-hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.projects__dots-float-bullet {
width: 8px;
height: 8px;
padding: 0;
border: none;
border-radius: 50%;
background: var(--color-dark);
opacity: 0.25;
cursor: pointer;
transition: opacity 0.18s ease, background-color 0.18s ease;
}
.projects__dots-float-bullet.is-active {
background: var(--color-primary);
opacity: 1;
}
.projects__card {
padding: 24px;
}
.projects__media {
padding: 16px;
} .projects__body {
gap: 24px;
padding-inline: 0;
}
.projects__card-head {
margin-bottom: 0;
} .projects__all {
width: 100%;
margin-top: 28px;
font-size: 16px;
}
}.reliability {
background: var(--color-surface);
color: var(--color-dark);
} .reliability__panel {
width: min(1600px, 100% - 2 * 40px);
margin-inline: auto;
padding: 100px;
background: var(--color-surface-muted);
} .reliability__head {
display: flex;
flex-direction: column;
gap: 40px;
}
.reliability__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
}
.reliability__eyebrow-arrow {
flex-shrink: 0;
width: 10px;
height: 10px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
}
.reliability__eyebrow-text {
opacity: 0.4;
} .reliability__intro {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
}
.reliability__title {
margin: 0;
max-width: 928px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}
.reliability__desc {
margin: 0;
flex-shrink: 0;
width: 452px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .reliability__head--lead .reliability__intro {
flex-direction: column;
align-items: stretch;
}
.reliability__head--lead .reliability__title {
max-width: none;
}
.reliability__lead {
margin: 0;
max-width: 928px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .reliability__cards {
display: flex;
gap: 24px;
align-items: stretch;
margin-top: 40px;
}
.reliability__card {
display: flex;
flex-direction: column;
padding: 32px;
background: var(--color-surface);
}
.reliability__card--software {
flex: 1;
}
.reliability__card--standards {
flex: 0 0 449px;
}
.reliability__card-title {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h3);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-tight);
} .reliability__sw-head {
display: flex;
flex-direction: column;
gap: 16px;
}
.reliability__sw-text {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .reliability__sw-btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 270px;
max-width: 100%;
height: 55px;
margin-top: 24px;
background: var(--color-primary);
color: var(--color-on-dark);
border: 1.5px solid rgba(255, 255, 255, 0.05);
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-base);
letter-spacing: -0.25px;
text-align: center;
transition: background-color 0.18s ease;
}
.reliability__sw-btn:hover {
background: var(--color-primary-hover);
}
.reliability__sw-btn::after {
content: "";
position: absolute;
inset-block-end: 6.5px;
inset-inline-end: 6.5px;
width: 7px;
height: 7px;
opacity: 0.6;
background-color: var(--color-on-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
}
@media (prefers-reduced-motion: reduce) {
.reliability__sw-btn {
transition: none;
}
} .reliability__std-list {
list-style: none;
margin: 16px 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.reliability__std-item {
display: flex;
gap: 12px;
align-items: flex-start;
margin: 0;
} .reliability__std-check {
position: relative;
flex-shrink: 0;
margin-top: 3px; width: 18px;
height: 18px;
border-radius: 4px;
background: rgba(22, 34, 56, 0.06);
}
.reliability__std-check::after {
content: "";
position: absolute;
inset: 2px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / contain no-repeat;
}
.reliability__std-text {
font-size: var(--font-size-nav);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-tight);
color: var(--color-dark);
} .reliability--analysis .reliability__card--methods {
flex: 0 0 552px;
} .reliability__sw-list-title {
margin: 0;
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
color: var(--color-dark);
} .reliability__sw-head .reliability__std-list {
margin-top: 0;
} @media (max-width: 1100px) {
.reliability__panel {
padding: 56px 40px;
}
.reliability__intro {
flex-direction: column;
align-items: stretch;
gap: 24px;
}
.reliability__title {
max-width: none;
font-size: 40px;
}
.reliability__desc {
width: auto;
max-width: none;
}
.reliability__cards {
flex-direction: column;
}
.reliability__card--standards,
.reliability--analysis .reliability__card--methods {
flex: 1 1 auto;
}
} @media (max-width: 768px) {
.reliability__card-title {
font-size: 22px;
}
.reliability__sw-text,
.reliability__sw-btn,
.reliability__std-text {
font-size: 16px;
}
.reliability__sw-text {
line-height: 22px;
}
} @media (max-width: 640px) {
.reliability__panel {
width: 100%;
padding: 32px 16px 16px;
}
.reliability__head {
gap: 24px;
}
.reliability__eyebrow {
font-size: 16px;
line-height: 16px;
}
.reliability__intro {
gap: 16px;
}
.reliability__title {
font-size: 28px;
letter-spacing: -1px;
}
.reliability__desc {
font-size: 16px;
line-height: 22px;
} .reliability__cards {
gap: 16px;
margin-top: 32px;
}
.reliability__card {
padding: 24px 16px;
} .reliability__sw-btn {
width: 100%;
}
.reliability__std-text {
line-height: var(--line-height-base);
}
}.partners {
background: var(--color-surface);
color: var(--color-dark);
}
.partners__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
} .partners__head {
display: flex;
flex-direction: column;
gap: 40px;
}
.partners__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
}
.partners__eyebrow-arrow {
flex-shrink: 0;
width: 10px;
height: 10px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
}
.partners__eyebrow-text {
opacity: 0.4;
}
.partners__intro {
display: flex;
flex-direction: column;
gap: 22px;
} .partners__intro-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
}
.partners__title {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}   .partners__desc-row {
display: flex;
align-items: flex-end;
gap: 16px;
max-width: 927px;
}
.partners__desc {
margin: 0;
max-width: 892px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
}
.partners__plus,
.partners__cta-plus {
flex-shrink: 0;
width: 19px;
height: 19px;
opacity: 0.25;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
} .partners__carousel {
margin-top: 40px;
}
.partners__card {
display: flex;
flex-direction: column;
gap: 14px;  width: 261px;
height: 169px;
padding: 28px 20px 24px;
background: var(--color-surface);
border: 1px solid var(--color-border-light);
overflow: hidden;
}  .partners__logo {
display: flex;
flex: 1 1 auto;
align-items: center;
justify-content: center;
min-height: 0;
}
.partners__logo-img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 72px;
object-fit: contain; filter: grayscale(1);
transition: filter 0.25s ease;
}
.partners__card:hover .partners__logo-img,
.partners__card:focus-within .partners__logo-img {
filter: grayscale(0);
} @media (hover: none) {
.partners__logo-img {
filter: none;
}
}
@media (prefers-reduced-motion: reduce) {
.partners__logo-img {
transition: none;
}
} .partners__name {
margin: 0;
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
min-height: 36px;
font-size: 15px;
line-height: 18px;
letter-spacing: var(--letter-spacing-tight);
text-align: center;
opacity: 0.5;
} .partners__cta {
display: flex;
flex-direction: column;
gap: 24px;
width: 832px;
max-width: 100%;
margin-top: 40px;
margin-left: auto;
}
.partners__cta-text {
margin: 0;
max-width: 716px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.6;
} .partners__btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 261px;
height: 55px;
background: var(--color-primary);
color: var(--color-on-dark);
border: 1.5px solid rgba(255, 255, 255, 0.05);
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-tight);
text-align: center;
text-decoration: none;
transition: background-color 0.18s ease;
}
.partners__btn:hover {
background: var(--color-primary-hover);
}
.partners__btn::after {
content: "";
position: absolute;
inset-block-end: 6.5px;
inset-inline-end: 6.5px;
width: 7px;
height: 7px;
opacity: 0.6;
background-color: var(--color-on-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
}
@media (prefers-reduced-motion: reduce) {
.partners__btn {
transition: none;
}
} @media (max-width: 1100px) {
.partners__title {
font-size: 40px;
}
.partners__desc,
.partners__desc-row {
max-width: none;
}
} @media (max-width: 640px) {
.partners {
padding-block: 30px;
}
.partners__inner {
width: min(1402px, 100% - 2 * 15px);
}
.partners__head {
gap: 24px;
}
.partners__eyebrow {
font-size: 16px;
line-height: 16px;
}
.partners__title {
font-size: 28px;
letter-spacing: -1px;
}
.partners__desc {
font-size: 16px;
line-height: 22px;
} .partners__carousel {
margin-top: 24px;
} .partners__cta {
margin-top: 24px;
}
.partners__cta-text {
font-size: 16px;
line-height: 22px;
}
.partners__btn {
width: 100%;
}
}.order {
background: var(--color-dark);
color: var(--color-on-dark);
padding-block: 100px; } .order__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
display: grid;
grid-template-columns: 578fr 680fr;
column-gap: clamp(48px, 7vw, 142px);
align-items: start;
} .order__aside {
display: flex;
flex-direction: column;
gap: 40px; position: sticky;
top: 100px;
}
.order__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
} .order__eyebrow-arrow {
flex-shrink: 0;
width: 10px;
height: 10px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
} .order__eyebrow-text {
opacity: 0.4;
}
.order__intro {
display: flex;
flex-direction: column;
gap: 32px;
} .order__title {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-regular);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}
.order__desc {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.8;
} .order__cta {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 316px;
max-width: 100%;
height: 55px;
padding: 0 24px;
background: var(--color-primary);
border: 1.5px solid rgba(255, 255, 255, 0.05);
border-radius: 0;
color: var(--color-on-dark);
font-family: var(--font-family-base);
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-tight);
text-align: center;
text-decoration: none;
cursor: pointer;
appearance: none;
transition: background-color 0.18s ease;
}
.order__cta:hover {
background: var(--color-primary-hover);
}
.order__cta::after {
content: "";
position: absolute;
inset-block-end: 6.5px;
inset-inline-end: 6.5px;
width: 7px;
height: 7px;
opacity: 0.6;
background-color: var(--color-on-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
}
@media (prefers-reduced-motion: reduce) {
.order__cta {
transition: none;
}
} .order__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 16px;
} .order__card {
position: relative;
display: flex;
align-items: center;
min-height: 162px;
padding: 24px 24px 24px 57px;
background: var(--color-surface-dark);
border: 1px solid var(--color-border-on-dark);
} .order__num {
position: absolute;
top: 8px;
left: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
background: var(--color-primary);
color: var(--color-on-dark);
font-family: var(--font-family-base);
font-weight: var(--font-weight-medium);
font-size: 17px;
line-height: 1;
}
.order__card-body {
display: flex;
flex-direction: column;
gap: 16px;
min-width: 0;
}
.order__card-title {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h3);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-tight);
}
.order__card-text {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.6;
} @media (max-width: 1100px) {
.order {
padding-block: 56px;
}
.order__inner {
display: flex;
flex-direction: column;
gap: 32px;
}
.order__aside {
display: contents;
}
.order__eyebrow {
order: 1;
}
.order__intro {
order: 2;
}
.order__list {
order: 3;
}
.order__cta {
order: 4;
}
.order__title {
font-size: 40px;
}
} @media (max-width: 768px) {
.order__card-title {
font-size: 22px;
}
.order__card-text {
font-size: 16px;
line-height: 22px;
}
} @media (max-width: 640px) {
.order {
padding-block: 40px;
}
.order__inner {
width: min(1402px, 100% - 2 * 15px);
gap: 24px;
}
.order__eyebrow {
font-size: 16px;
line-height: 16px;
}
.order__intro {
gap: 16px;
}
.order__title {
font-size: 28px;
letter-spacing: -1px;
}
.order__desc {
font-size: 16px;
line-height: 22px;
} .order__card {
flex-direction: column;
align-items: flex-start;
gap: 32px;
min-height: 0;
padding: 24px;
}
.order__num {
position: static;
}
.order__list {
gap: 8px;
} .order__cta {
width: 100%;
}
}.blog {
background: var(--color-surface);
color: var(--color-dark);
}
.blog__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
} .blog__head {
display: flex;
flex-direction: column;
gap: 40px;
padding-bottom: 32px;
}
.blog__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
}
.blog__eyebrow-arrow {
flex-shrink: 0;
width: 10px;
height: 10px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
}
.blog__eyebrow-text {
opacity: 0.4;
} .blog__intro {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
}
.blog__title {
margin: 0;
max-width: 928px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}
.blog__aside {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
flex-shrink: 0;
width: 452px;
}
.blog__desc {
margin: 0;
max-width: 433px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .blog__plus {
flex-shrink: 0;
width: 19px;
height: 19px;
opacity: 0.25;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/plus.svg) center / contain no-repeat;
} .blog__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 24px;
align-items: stretch;
} .blog__carousel {
margin-top: 24px;
} .blog__carousel .swiper-wrapper {
align-items: stretch;
}
.blog__carousel .blog__card {
height: auto; }
.blog__card {
display: flex;
flex-direction: column;
gap: 32px;
padding: 16px 16px 24px;
background: var(--color-surface);
border: 1px solid var(--color-border-light);
} .blog__media {
position: relative;
aspect-ratio: 1.9;
overflow: hidden;
background: var(--color-surface);
} .blog__media::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.03);
pointer-events: none;
} .blog__media-link {
display: block;
width: 100%;
height: 100%;
} .blog__media-img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .blog__body {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
padding-inline: 16px;
} .blog__card-head {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: auto;
} .blog__card-title {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h3);
line-height: var(--line-height-tight);
letter-spacing: var(--letter-spacing-tight);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
} .blog__card-title-link {
color: inherit;
text-decoration: none;
transition: color 0.18s ease;
}
.blog__card-title-link:hover {
color: var(--color-primary);
}
@media (prefers-reduced-motion: reduce) {
.blog__card-title-link {
transition: none;
}
}
.blog__excerpt {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .blog__cta {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 55px;
background: var(--color-primary);
color: var(--color-on-dark);
border: 1.5px solid rgba(255, 255, 255, 0.05);
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-tight);
text-align: center;
transition: background-color 0.18s ease;
}
.blog__cta:hover {
background: var(--color-primary-hover);
}
.blog__cta::after {
content: "";
position: absolute;
inset-block-end: 6.5px;
inset-inline-end: 6.5px;
width: 7px;
height: 7px;
opacity: 0.6;
background-color: var(--color-on-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
}
@media (prefers-reduced-motion: reduce) {
.blog__cta {
transition: none;
}
} .blog__all {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 451px;
max-width: 100%;
height: 55px;
margin: 24px auto 0;
background: var(--color-surface);
border: 1.2px solid var(--color-border-light);
color: var(--color-dark);
opacity: 0.7;
font-size: var(--font-size-nav);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-tight);
text-align: center;
transition: opacity 0.18s ease, border-color 0.18s ease, color 0.18s ease,
background-color 0.18s ease;
}
.blog__all:hover {
opacity: 1;
background: transparent;
border-color: var(--color-primary);
color: var(--color-primary);
}
.blog__all::after {
content: "";
position: absolute;
inset-block-end: 6.8px;
inset-inline-end: 6.8px;
width: 7px;
height: 7px;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
}
.blog__all:hover::after {
background-color: var(--color-primary);
}
@media (prefers-reduced-motion: reduce) {
.blog__all {
transition: none;
}
} @media (max-width: 1100px) {
.blog__intro {
flex-direction: column;
align-items: stretch;
gap: 24px;
}
.blog__title {
max-width: none;
font-size: 40px;
}
.blog__aside {
width: auto;
justify-content: flex-start;
}
.blog__desc {
max-width: none;
}
.blog__grid {
grid-template-columns: repeat(2, 1fr);
}
} @media (max-width: 768px) {
.blog__card-title {
font-size: 22px;
}
.blog__excerpt,
.blog__cta {
font-size: 16px;
}
.blog__excerpt {
line-height: 22px;
}
} @media (max-width: 640px) {
.blog {
padding-block: 30px;
}
.blog__inner {
width: min(1402px, 100% - 2 * 15px);
}
.blog__head {
gap: 24px;
padding-bottom: 0;
}
.blog__eyebrow {
font-size: 16px;
line-height: 16px;
}
.blog__intro {
gap: 16px;
}
.blog__title {
font-size: 28px;
letter-spacing: -1px;
}
.blog__desc {
font-size: 16px;
line-height: 22px;
}
.blog__plus {
display: none;
}
.blog__grid {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 32px;
}
.blog__card {
padding: 24px;
} .blog__card-title {
-webkit-line-clamp: initial;
display: block;
overflow: visible;
}
.blog__body {
gap: 24px;
padding-inline: 0;
}
.blog__card-head {
margin-bottom: 0;
} .blog__all {
width: 100%;
margin-top: 28px;
font-size: 16px;
}
}.blog-contacts {
padding-block: 0; border-block: 1px solid var(--color-border-light);
} .blog-contacts__gap {
height: 80px;
} .blog-contacts__panel {
width: min(1600px, 100% - 2 * 16px);
margin-inline: auto;
padding-block: 72px;
background: #f5f8fd;
}
.blog-contacts__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px 80px;
align-items: start;
} .blog-contacts__eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 24px;
font-family: var(--font-family-base);
font-size: var(--font-size-eyebrow);
color: rgba(22, 34, 56, 0.5);
}
.blog-contacts__eyebrow-arrow {
width: 11px;
height: 11px;
background: var(--color-primary);
transform: rotate(-45deg);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
}
.blog-contacts__title {
margin: 0 0 20px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: 40px;
line-height: 1.15;
letter-spacing: var(--letter-spacing-heading);
color: var(--color-dark);
}
.blog-contacts__title-accent {
color: var(--color-primary);
}
.blog-contacts__hours {
margin: 0;
font-family: var(--font-family-base);
font-size: var(--font-size-nav);
color: rgba(22, 34, 56, 0.5);
} .blog-contacts__item {
margin-block-end: 24px;
}
.blog-contacts__label {
margin: 0 0 8px;
font-family: var(--font-family-base);
font-size: 15px;
color: rgba(22, 34, 56, 0.5);
}
.blog-contacts__value {
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: 40px;
line-height: 1.1;
letter-spacing: var(--letter-spacing-heading);
color: var(--color-dark);
text-decoration: none;
transition: color 0.18s ease;
}
.blog-contacts__value:hover {
color: var(--color-primary);
}
.blog-contacts__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-block-start: 8px;
}
.blog-contacts__msg {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 22px;
border: 1px solid var(--color-border-light);
background: var(--color-surface);
color: var(--color-dark);
font-family: var(--font-family-base);
font-size: 16px;
text-decoration: none;
transition: color 0.18s ease, border-color 0.18s ease;
}
.blog-contacts__msg:hover {
border-color: var(--color-primary);
color: var(--color-primary);
}
.blog-contacts__msg-icon {
width: 18px;
height: 18px;
background: currentColor;
}
.blog-contacts__msg-icon--telegram {
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/telegram.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/telegram.svg) center / contain no-repeat;
}
.blog-contacts__msg-icon--max {
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/max.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/max.svg) center / contain no-repeat;
} @media (max-width: 1100px) {
.blog-contacts__gap {
height: 56px;
}
.blog-contacts__panel {
padding-block: 56px;
}
.blog-contacts__inner {
grid-template-columns: 1fr;
gap: 40px;
}
.blog-contacts__title,
.blog-contacts__value {
font-size: 32px;
}
} @media (max-width: 640px) {
.blog-contacts__inner {
width: min(1402px, 100% - 2 * 15px);
}
.blog-contacts__title,
.blog-contacts__value {
font-size: 28px;
}
.blog-contacts__msg {
flex: 1 1 auto;
justify-content: center;
}
}:root{--iti-hover-color:rgba(0, 0, 0, 0.05);--iti-border-color:#ccc;--iti-dropdown-bg:white;--iti-icon-color:#555;--iti-spacer-horizontal:8px;--iti-flag-height:12px;--iti-flag-width:16px;--iti-globe-height:16px;--iti-search-clear-icon-height:13px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:calc((var(--iti-arrow-height) / 2) * 3);--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-flag-sprite-width:3904px;--iti-flag-sprite-height:12px;--iti-mobile-popup-margin:30px}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin:0!important}.iti__country-container{position:absolute;top:0;bottom:0;left:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-icon-color)}.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-icon-color)}.iti__dropdown-content{border-radius:3px;background-color:var(--iti-dropdown-bg)}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding-left:30px;padding-right:28px}[dir=rtl] .iti__search-input{padding-left:inherit;padding-right:30px;background-position:right 8px center}.iti__search-input::-webkit-search-cancel-button{appearance:none}.iti__country,.iti__search-input{padding-top:8px;padding-bottom:8px}.iti__search-input-wrapper{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--iti-border-color)}.iti__search-icon{position:absolute;left:8px;display:flex;pointer-events:none}[dir=rtl] .iti__search-icon{left:auto;right:8px}.iti__search-icon-svg{width:var(--iti-globe-height);height:var(--iti-globe-height);display:block;stroke:var(--iti-icon-color);fill:none;stroke-width:3}.iti__search-clear{position:absolute;right:4px;background:0 0;border:0;border-radius:3px;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.iti__search-clear .iti__search-clear-x{stroke-width:2}.iti__search-clear .iti__search-clear-bg{fill:var(--iti-icon-color)}.iti__search-clear-svg{width:var(--iti-search-clear-icon-height);height:var(--iti-search-clear-icon-height);display:block}[dir=rtl] .iti__search-clear{right:auto;left:4px}.iti__search-clear:focus-visible,.iti__search-clear:hover{background:var(--iti-hover-color);outline:0}.iti__no-results{text-align:center;padding:30px 0}.iti__country-list{list-style:none;padding:0;margin:0;cursor:pointer;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__country{display:flex;align-items:center;padding-left:var(--iti-spacer-horizontal);padding-right:var(--iti-spacer-horizontal);outline:0}.iti__country-check{margin:0 1px 0 auto;display:flex;align-items:center;color:var(--iti-icon-color)}.iti__country-check-svg{width:var(--iti-search-clear-icon-height);height:var(--iti-search-clear-icon-height);display:block}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-list .iti__flag{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-list .iti__flag{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti__country-list .iti__flag{flex-shrink:0}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) button.iti__selected-country{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width)}.iti--container:hover{cursor:pointer}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country,.iti--fullscreen-popup .iti__search-input{padding-top:10px;padding-bottom:10px}.iti--fullscreen-popup .iti__country{padding-left:10px;padding-right:10px;line-height:1.5em}.iti__flag{--iti-flag-offset:100px;height:var(--iti-flag-height);width:var(--iti-flag-width);border-radius:1px;box-shadow:0 0 1px 0 #888;background-image:image-set(var(--iti-path-flags-1x) 1x,var(--iti-path-flags-2x) 2x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}.iti__loading{position:relative;background:0 0;box-shadow:none}.iti__loading::after{content:"";position:absolute;inset:0;margin:auto;width:var(--iti-flag-height);height:var(--iti-flag-height);box-sizing:border-box;border:2px solid var(--iti-icon-color);border-right-color:transparent;border-radius:50%;animation:iti-spinner 1s linear infinite}@keyframes iti-spinner{to{transform:rotate(360deg)}}.iti__ac{--iti-flag-offset:0px}.iti__ad{--iti-flag-offset:-16px}.iti__ae{--iti-flag-offset:-32px}.iti__af{--iti-flag-offset:-48px}.iti__ag{--iti-flag-offset:-64px}.iti__ai{--iti-flag-offset:-80px}.iti__al{--iti-flag-offset:-96px}.iti__am{--iti-flag-offset:-112px}.iti__ao{--iti-flag-offset:-128px}.iti__ar{--iti-flag-offset:-144px}.iti__as{--iti-flag-offset:-160px}.iti__at{--iti-flag-offset:-176px}.iti__au{--iti-flag-offset:-192px}.iti__aw{--iti-flag-offset:-208px}.iti__ax{--iti-flag-offset:-224px}.iti__az{--iti-flag-offset:-240px}.iti__ba{--iti-flag-offset:-256px}.iti__bb{--iti-flag-offset:-272px}.iti__bd{--iti-flag-offset:-288px}.iti__be{--iti-flag-offset:-304px}.iti__bf{--iti-flag-offset:-320px}.iti__bg{--iti-flag-offset:-336px}.iti__bh{--iti-flag-offset:-352px}.iti__bi{--iti-flag-offset:-368px}.iti__bj{--iti-flag-offset:-384px}.iti__bl{--iti-flag-offset:-400px}.iti__bm{--iti-flag-offset:-416px}.iti__bn{--iti-flag-offset:-432px}.iti__bo{--iti-flag-offset:-448px}.iti__bq{--iti-flag-offset:-464px}.iti__br{--iti-flag-offset:-480px}.iti__bs{--iti-flag-offset:-496px}.iti__bt{--iti-flag-offset:-512px}.iti__bw{--iti-flag-offset:-528px}.iti__by{--iti-flag-offset:-544px}.iti__bz{--iti-flag-offset:-560px}.iti__ca{--iti-flag-offset:-576px}.iti__cc{--iti-flag-offset:-592px}.iti__cd{--iti-flag-offset:-608px}.iti__cf{--iti-flag-offset:-624px}.iti__cg{--iti-flag-offset:-640px}.iti__ch{--iti-flag-offset:-656px}.iti__ci{--iti-flag-offset:-672px}.iti__ck{--iti-flag-offset:-688px}.iti__cl{--iti-flag-offset:-704px}.iti__cm{--iti-flag-offset:-720px}.iti__cn{--iti-flag-offset:-736px}.iti__co{--iti-flag-offset:-752px}.iti__cr{--iti-flag-offset:-768px}.iti__cu{--iti-flag-offset:-784px}.iti__cv{--iti-flag-offset:-800px}.iti__cw{--iti-flag-offset:-816px}.iti__cx{--iti-flag-offset:-832px}.iti__cy{--iti-flag-offset:-848px}.iti__cz{--iti-flag-offset:-864px}.iti__de{--iti-flag-offset:-880px}.iti__dj{--iti-flag-offset:-896px}.iti__dk{--iti-flag-offset:-912px}.iti__dm{--iti-flag-offset:-928px}.iti__do{--iti-flag-offset:-944px}.iti__dz{--iti-flag-offset:-960px}.iti__ec{--iti-flag-offset:-976px}.iti__ee{--iti-flag-offset:-992px}.iti__eg{--iti-flag-offset:-1008px}.iti__eh{--iti-flag-offset:-1024px}.iti__er{--iti-flag-offset:-1040px}.iti__es{--iti-flag-offset:-1056px}.iti__et{--iti-flag-offset:-1072px}.iti__fi{--iti-flag-offset:-1088px}.iti__fj{--iti-flag-offset:-1104px}.iti__fk{--iti-flag-offset:-1120px}.iti__fm{--iti-flag-offset:-1136px}.iti__fo{--iti-flag-offset:-1152px}.iti__fr{--iti-flag-offset:-1168px}.iti__ga{--iti-flag-offset:-1184px}.iti__gb{--iti-flag-offset:-1200px}.iti__gd{--iti-flag-offset:-1216px}.iti__ge{--iti-flag-offset:-1232px}.iti__gf{--iti-flag-offset:-1248px}.iti__gg{--iti-flag-offset:-1264px}.iti__gh{--iti-flag-offset:-1280px}.iti__gi{--iti-flag-offset:-1296px}.iti__gl{--iti-flag-offset:-1312px}.iti__gm{--iti-flag-offset:-1328px}.iti__gn{--iti-flag-offset:-1344px}.iti__gp{--iti-flag-offset:-1360px}.iti__gq{--iti-flag-offset:-1376px}.iti__gr{--iti-flag-offset:-1392px}.iti__gt{--iti-flag-offset:-1408px}.iti__gu{--iti-flag-offset:-1424px}.iti__gw{--iti-flag-offset:-1440px}.iti__gy{--iti-flag-offset:-1456px}.iti__hk{--iti-flag-offset:-1472px}.iti__hn{--iti-flag-offset:-1488px}.iti__hr{--iti-flag-offset:-1504px}.iti__ht{--iti-flag-offset:-1520px}.iti__hu{--iti-flag-offset:-1536px}.iti__id{--iti-flag-offset:-1552px}.iti__ie{--iti-flag-offset:-1568px}.iti__il{--iti-flag-offset:-1584px}.iti__im{--iti-flag-offset:-1600px}.iti__in{--iti-flag-offset:-1616px}.iti__io{--iti-flag-offset:-1632px}.iti__iq{--iti-flag-offset:-1648px}.iti__ir{--iti-flag-offset:-1664px}.iti__is{--iti-flag-offset:-1680px}.iti__it{--iti-flag-offset:-1696px}.iti__je{--iti-flag-offset:-1712px}.iti__jm{--iti-flag-offset:-1728px}.iti__jo{--iti-flag-offset:-1744px}.iti__jp{--iti-flag-offset:-1760px}.iti__ke{--iti-flag-offset:-1776px}.iti__kg{--iti-flag-offset:-1792px}.iti__kh{--iti-flag-offset:-1808px}.iti__ki{--iti-flag-offset:-1824px}.iti__km{--iti-flag-offset:-1840px}.iti__kn{--iti-flag-offset:-1856px}.iti__kp{--iti-flag-offset:-1872px}.iti__kr{--iti-flag-offset:-1888px}.iti__kw{--iti-flag-offset:-1904px}.iti__ky{--iti-flag-offset:-1920px}.iti__kz{--iti-flag-offset:-1936px}.iti__la{--iti-flag-offset:-1952px}.iti__lb{--iti-flag-offset:-1968px}.iti__lc{--iti-flag-offset:-1984px}.iti__li{--iti-flag-offset:-2000px}.iti__lk{--iti-flag-offset:-2016px}.iti__lr{--iti-flag-offset:-2032px}.iti__ls{--iti-flag-offset:-2048px}.iti__lt{--iti-flag-offset:-2064px}.iti__lu{--iti-flag-offset:-2080px}.iti__lv{--iti-flag-offset:-2096px}.iti__ly{--iti-flag-offset:-2112px}.iti__ma{--iti-flag-offset:-2128px}.iti__mc{--iti-flag-offset:-2144px}.iti__md{--iti-flag-offset:-2160px}.iti__me{--iti-flag-offset:-2176px}.iti__mf{--iti-flag-offset:-2192px}.iti__mg{--iti-flag-offset:-2208px}.iti__mh{--iti-flag-offset:-2224px}.iti__mk{--iti-flag-offset:-2240px}.iti__ml{--iti-flag-offset:-2256px}.iti__mm{--iti-flag-offset:-2272px}.iti__mn{--iti-flag-offset:-2288px}.iti__mo{--iti-flag-offset:-2304px}.iti__mp{--iti-flag-offset:-2320px}.iti__mq{--iti-flag-offset:-2336px}.iti__mr{--iti-flag-offset:-2352px}.iti__ms{--iti-flag-offset:-2368px}.iti__mt{--iti-flag-offset:-2384px}.iti__mu{--iti-flag-offset:-2400px}.iti__mv{--iti-flag-offset:-2416px}.iti__mw{--iti-flag-offset:-2432px}.iti__mx{--iti-flag-offset:-2448px}.iti__my{--iti-flag-offset:-2464px}.iti__mz{--iti-flag-offset:-2480px}.iti__na{--iti-flag-offset:-2496px}.iti__nc{--iti-flag-offset:-2512px}.iti__ne{--iti-flag-offset:-2528px}.iti__nf{--iti-flag-offset:-2544px}.iti__ng{--iti-flag-offset:-2560px}.iti__ni{--iti-flag-offset:-2576px}.iti__nl{--iti-flag-offset:-2592px}.iti__no{--iti-flag-offset:-2608px}.iti__np{--iti-flag-offset:-2624px}.iti__nr{--iti-flag-offset:-2640px}.iti__nu{--iti-flag-offset:-2656px}.iti__nz{--iti-flag-offset:-2672px}.iti__om{--iti-flag-offset:-2688px}.iti__pa{--iti-flag-offset:-2704px}.iti__pe{--iti-flag-offset:-2720px}.iti__pf{--iti-flag-offset:-2736px}.iti__pg{--iti-flag-offset:-2752px}.iti__ph{--iti-flag-offset:-2768px}.iti__pk{--iti-flag-offset:-2784px}.iti__pl{--iti-flag-offset:-2800px}.iti__pm{--iti-flag-offset:-2816px}.iti__pr{--iti-flag-offset:-2832px}.iti__ps{--iti-flag-offset:-2848px}.iti__pt{--iti-flag-offset:-2864px}.iti__pw{--iti-flag-offset:-2880px}.iti__py{--iti-flag-offset:-2896px}.iti__qa{--iti-flag-offset:-2912px}.iti__re{--iti-flag-offset:-2928px}.iti__ro{--iti-flag-offset:-2944px}.iti__rs{--iti-flag-offset:-2960px}.iti__ru{--iti-flag-offset:-2976px}.iti__rw{--iti-flag-offset:-2992px}.iti__sa{--iti-flag-offset:-3008px}.iti__sb{--iti-flag-offset:-3024px}.iti__sc{--iti-flag-offset:-3040px}.iti__sd{--iti-flag-offset:-3056px}.iti__se{--iti-flag-offset:-3072px}.iti__sg{--iti-flag-offset:-3088px}.iti__sh{--iti-flag-offset:-3104px}.iti__si{--iti-flag-offset:-3120px}.iti__sj{--iti-flag-offset:-3136px}.iti__sk{--iti-flag-offset:-3152px}.iti__sl{--iti-flag-offset:-3168px}.iti__sm{--iti-flag-offset:-3184px}.iti__sn{--iti-flag-offset:-3200px}.iti__so{--iti-flag-offset:-3216px}.iti__sr{--iti-flag-offset:-3232px}.iti__ss{--iti-flag-offset:-3248px}.iti__st{--iti-flag-offset:-3264px}.iti__sv{--iti-flag-offset:-3280px}.iti__sx{--iti-flag-offset:-3296px}.iti__sy{--iti-flag-offset:-3312px}.iti__sz{--iti-flag-offset:-3328px}.iti__tc{--iti-flag-offset:-3344px}.iti__td{--iti-flag-offset:-3360px}.iti__tg{--iti-flag-offset:-3376px}.iti__th{--iti-flag-offset:-3392px}.iti__tj{--iti-flag-offset:-3408px}.iti__tk{--iti-flag-offset:-3424px}.iti__tl{--iti-flag-offset:-3440px}.iti__tm{--iti-flag-offset:-3456px}.iti__tn{--iti-flag-offset:-3472px}.iti__to{--iti-flag-offset:-3488px}.iti__tr{--iti-flag-offset:-3504px}.iti__tt{--iti-flag-offset:-3520px}.iti__tv{--iti-flag-offset:-3536px}.iti__tw{--iti-flag-offset:-3552px}.iti__tz{--iti-flag-offset:-3568px}.iti__ua{--iti-flag-offset:-3584px}.iti__ug{--iti-flag-offset:-3600px}.iti__us{--iti-flag-offset:-3616px}.iti__uy{--iti-flag-offset:-3632px}.iti__uz{--iti-flag-offset:-3648px}.iti__va{--iti-flag-offset:-3664px}.iti__vc{--iti-flag-offset:-3680px}.iti__ve{--iti-flag-offset:-3696px}.iti__vg{--iti-flag-offset:-3712px}.iti__vi{--iti-flag-offset:-3728px}.iti__vn{--iti-flag-offset:-3744px}.iti__vu{--iti-flag-offset:-3760px}.iti__wf{--iti-flag-offset:-3776px}.iti__ws{--iti-flag-offset:-3792px}.iti__xk{--iti-flag-offset:-3808px}.iti__ye{--iti-flag-offset:-3824px}.iti__yt{--iti-flag-offset:-3840px}.iti__za{--iti-flag-offset:-3856px}.iti__zm{--iti-flag-offset:-3872px}.iti__zw{--iti-flag-offset:-3888px}.iti__globe{background:0 0;box-shadow:none;height:var(--iti-globe-height);display:flex;align-items:center;justify-content:center;padding:0}.iti__globe .iti__globe-svg{width:100%;height:100%;fill:var(--iti-icon-color)}@supports (-webkit-appearance:none) and (not (background:-webkit-canvas(foo))){.iti__tel-input:focus{outline-offset:1px}}:root{--iti-path-flags-1x:url(//atomcae.ru/wp-content/themes/atomcae/assets/lib/intl-tel-input/img/flags.webp);--iti-path-flags-2x:url(//atomcae.ru/wp-content/themes/atomcae/assets/lib/intl-tel-input/img/flags@2x.webp)}.cta {
position: relative;
background: var(--color-dark);
color: var(--color-on-dark);
overflow: hidden;
padding-block: 100px;
} .cta__bg {
position: absolute;
inset: 0;
z-index: 0;
}
.cta__bg-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center right;
}
.cta__bg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(22, 34, 56, 0.96) 0%,
rgba(22, 34, 56, 0.7) 55%,
rgba(22, 34, 56, 0.35) 100%
);
}
.cta__inner {
position: relative;
z-index: 1;
width: min(1400px, 100% - 2 * 40px);
margin-inline: auto;
display: grid;
grid-template-columns: 687fr 600fr;
column-gap: clamp(40px, 7vw, 113px);
align-items: start;
} .cta__left {
display: flex;
flex-direction: column;
gap: 40px;
}
.cta__head {
display: flex;
flex-direction: column;
gap: 16px;
}
.cta__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
}
.cta__eyebrow-arrow {
flex-shrink: 0;
width: 10px;
height: 10px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
}
.cta__eyebrow-text {
opacity: 0.4;
} .cta__crumbs {
margin: 0;
font-family: var(--font-family-base);
font-size: 17px;
line-height: 17px;
letter-spacing: var(--letter-spacing-tight); word-spacing: 12px;
color: rgba(255, 255, 255, 0.5);
}
.cta__crumbs .breadcrumb_last {
word-spacing: normal;
}
.cta__crumbs a {
color: rgba(255, 255, 255, 0.75);
text-decoration: underline;
transition: color 0.18s ease;
}
.cta__crumbs a:hover {
color: var(--color-on-dark);
}
.cta__crumb-sep {
margin-inline: 8px;
}
.cta__title {
margin: 0;
max-width: 687px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}
.cta__desc {
margin: 0;
max-width: 687px;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.7;
} .cta__contacts {
list-style: none;
margin: 0;
padding: 0;
max-width: 647px;
display: grid;
grid-template-columns: 1fr 1fr;
border-top: 1px solid var(--color-border-on-dark);
border-left: 1px solid var(--color-border-on-dark);
}
.cta__contact-item {
border-right: 1px solid var(--color-border-on-dark);
border-bottom: 1px solid var(--color-border-on-dark);
} .cta__contact {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 21px;
height: 100%;
padding: 24px;
color: inherit;
text-decoration: none;
transition: background-color 0.18s ease;
}
a.cta__contact:hover {
background: rgba(255, 255, 255, 0.04);
}
@media (prefers-reduced-motion: reduce) {
.cta__contact {
transition: none;
}
}
.cta__contact-body {
display: flex;
flex-direction: column;
gap: 11px;
min-width: 0;
}
.cta__contact-title {
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: 26px;
line-height: var(--line-height-heading);
letter-spacing: -0.25px;
word-break: break-word;
}
.cta__contact-note {
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
opacity: 0.8;
} .cta__contact-arrow {
flex-shrink: 0;
width: 24px;
height: 24px;
background-color: var(--color-on-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / 14px no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / 14px no-repeat;
transform: rotate(-90deg);
opacity: 0.7;
transition: opacity 0.18s ease, transform 0.18s ease;
}
a.cta__contact:hover .cta__contact-arrow {
opacity: 1;
transform: rotate(-90deg) translateX(2px);
} .cta__form-card {
background: var(--color-surface);
padding: 32px;
color: var(--color-dark);
}
.cta__form-missing {
margin: 0;
color: var(--color-dark);
font-size: var(--font-size-nav);
} .cta__form-card .wpcf7-form {
display: flex;
flex-direction: column;
gap: 16px;
} .cta__field {
display: flex;
flex-direction: column;
gap: 16px;
}
.cta__label {
margin: 0;
font-size: 14px;
line-height: 14px;
letter-spacing: -0.2px;
opacity: 0.8;
} .cta__form-card .cta__input,
.cta__form-card textarea.cta__input,
.cta__form-card input[type="file"].cta__file {
width: 100%;
height: 55px;
padding: 0 15px;
background: var(--color-surface-hover);
border: 1px solid var(--color-border-light);
border-radius: 0;
color: var(--color-dark);
font-family: var(--font-family-base);
font-size: 16px;
letter-spacing: var(--letter-spacing-tight);
-webkit-appearance: none;
appearance: none;
}
.cta__form-card textarea.cta__input {
height: 84px;
padding: 16px 15px;
resize: vertical;
line-height: var(--line-height-relaxed);
}
.cta__form-card .cta__input::placeholder {
color: var(--color-dark);
opacity: 0.7;
}
.cta__form-card .cta__input:focus,
.cta__form-card .cta__file:focus {
outline: none;
border-color: var(--color-primary);
} .cta__form-card input[type="file"].cta__file {
display: flex;
align-items: center;
padding: 9px 15px;
font-size: 14px;
}
.cta__form-card input[type="file"].cta__file::file-selector-button {
margin-right: 12px;
padding: 8px 14px;
background: var(--color-surface);
border: 1px solid var(--color-border-light);
color: var(--color-dark);
font-family: var(--font-family-base);
font-size: 14px;
letter-spacing: -0.2px;
cursor: pointer;
transition: border-color 0.18s ease, color 0.18s ease;
}
.cta__form-card input[type="file"].cta__file::file-selector-button:hover {
border-color: var(--color-primary);
color: var(--color-primary);
} .cta__form-card .cta__consent .wpcf7-list-item {
margin: 0;
}
.cta__form-card .cta__consent .wpcf7-list-item-label {
font-size: 14px;
line-height: 18px;
letter-spacing: -0.2px;
color: #556788;
}
.cta__form-card .cta__consent label {
display: flex;
align-items: flex-start;
gap: 12px;
cursor: pointer;
}
.cta__form-card .cta__consent input[type="checkbox"] {
flex-shrink: 0;
width: 18px;
height: 18px;
margin: 0;
border: 1px solid var(--color-border-light);
border-radius: 4px;
background: rgba(22, 34, 56, 0.06);
-webkit-appearance: none;
appearance: none;
cursor: pointer;
}
.cta__form-card .cta__consent input[type="checkbox"]:checked {
background: var(--color-primary);
border-color: var(--color-primary);
-webkit-mask: none;
mask: none;
}
.cta__form-card .cta__consent input[type="checkbox"]:checked::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: var(--color-on-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / 11px no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / 11px no-repeat;
}
.cta__form-card .cta__consent input[type="checkbox"]:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.cta__form-card .cta__consent a {
color: var(--color-primary);
text-decoration: underline;
text-decoration-color: rgba(6, 79, 188, 0.3);
} .cta__submit-wrap {
position: relative;
}
.cta__form-card .cta__submit {
width: 100%;
height: 55px;
background: var(--color-primary);
border: 1.5px solid rgba(255, 255, 255, 0.05);
border-radius: 0;
color: var(--color-on-dark);
font-family: var(--font-family-base);
font-size: 16px;
font-weight: var(--font-weight-medium);
letter-spacing: -0.25px;
cursor: pointer;
transition: background-color 0.18s ease;
}
.cta__form-card .cta__submit:hover {
background: var(--color-primary-hover);
}
.cta__submit-arrow {
position: absolute;
inset-block-end: 6.5px;
inset-inline-end: 6.5px;
width: 7px;
height: 7px;
opacity: 0.6;
pointer-events: none;
background-color: var(--color-on-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/cta-arrow.svg) center / contain no-repeat;
}
@media (prefers-reduced-motion: reduce) {
.cta__form-card .cta__submit {
transition: none;
}
} .cta__form-card .cta__submit:disabled,
.cta__form-card .cta__submit:disabled:hover {
background: var(--color-primary);
opacity: 0.5;
cursor: not-allowed;
} .cta__submit-tip {
position: absolute;
inset-block-end: calc(100% + 10px);
inset-inline: 0;
z-index: 3;
max-width: 320px;
margin: 0 auto;
padding: 10px 14px;
background: var(--color-dark);
color: var(--color-on-dark);
font-family: var(--font-family-base);
font-size: 13px;
line-height: 1.4;
text-align: center;
box-shadow: 0 8px 24px rgba(11, 18, 32, 0.18);
opacity: 0;
transform: translateY(4px);
transition: opacity 0.18s ease, transform 0.18s ease;
}
.cta__submit-tip[hidden] {
display: none;
}
.cta__submit-wrap.is-tip-visible .cta__submit-tip {
opacity: 1;
transform: translateY(0);
}
.cta__submit-tip::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 6px solid transparent;
border-block-start-color: var(--color-dark);
}
@media (prefers-reduced-motion: reduce) {
.cta__submit-tip {
transition: none;
}
} .cta__rating {
margin-top: 32px;
}
.cta__rating-frame {
display: block;
border: 0;
}  .cta__form-card .wpcf7-response-output {
display: none;
} .cta__form-card form.failed .wpcf7-response-output,
.cta__form-card form.spam .wpcf7-response-output,
.cta__form-card form.aborted .wpcf7-response-output {
display: block;
margin: 16px 0 0;
padding: 0;
border: 0;
color: #d63638;
font-size: 14px;
line-height: 1.4;
}
.cta__form-card .wpcf7-not-valid-tip {
margin-top: 6px;
color: #d63638;
font-size: 13px;
}
.cta__form-card .wpcf7-not-valid {
border-color: #d63638;
} .cta__form-card .iti {
display: block;
width: 100%;
}
.cta__form-card .iti input.cta__phone {
width: 100%;
padding-left: 52px;
}
.cta__form-card .iti__dropdown-content {
z-index: 5;
} .cta__files {
gap: 10px;
}
.cta__file-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 4px;
}
.cta__file-item {
padding-left: 16px;
position: relative;
font-size: 13px;
line-height: 18px;
letter-spacing: -0.2px;
color: #556788;
word-break: break-all;
}
.cta__file-item::before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 9px;
height: 9px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/check.svg) center / contain no-repeat;
}
.cta__file-note {
margin: 0;
font-size: 13px;
line-height: 18px;
color: #d63638;
} @media (max-width: 1100px) {
.cta {
padding-block: 56px;
} .cta__bg {
display: none;
}
.cta__inner {
display: flex;
flex-direction: column;
gap: 24px;
} .cta__left {
display: contents;
}
.cta__head {
order: 1;
}
.cta__right {
order: 2;
}
.cta__contacts {
order: 3;
max-width: none;
}
.cta__rating {
order: 4;
}
.cta__title {
max-width: none;
font-size: 40px;
}
.cta__desc {
max-width: none;
}
} @media (max-width: 640px) {
.cta {
padding-block: 40px;
}
.cta__inner {
width: min(1400px, 100% - 2 * 15px);
}
.cta__eyebrow {
font-size: 16px;
line-height: 16px;
}
.cta__title {
font-size: 28px;
letter-spacing: -1px;
}
.cta__desc {
font-size: 16px;
line-height: 22px;
} .cta__contacts {
grid-template-columns: 1fr;
}
.cta__contact-title {
font-size: 22px;
}
.cta__contact-note {
font-size: 16px;
line-height: 22px;
}
.cta__form-card {
padding: 24px 16px;
}
}.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}.certificates {
background: var(--color-surface);
color: var(--color-dark);
}
.certificates__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
} .certificates__head {
display: flex;
flex-direction: column;
gap: 40px;
padding-bottom: 32px;
}
.certificates__eyebrow {
display: inline-flex;
align-items: center;
gap: 16px;
margin: 0;
font-size: var(--font-size-eyebrow);
line-height: var(--font-size-eyebrow);
letter-spacing: var(--letter-spacing-tight);
white-space: nowrap;
}
.certificates__eyebrow-arrow {
flex-shrink: 0;
width: 10px;
height: 10px;
background-color: var(--color-primary);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/arrow-down-right.svg) center / contain no-repeat;
}
.certificates__eyebrow-text {
opacity: 0.4;
} .certificates__intro {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
}
.certificates__title {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h2);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-heading);
}   .certificates__carousel {
margin-top: 24px;
} .certificates__card {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 510px;
padding: 24px;
background: var(--color-surface);
border: 1px solid var(--color-border-light);
overflow: hidden;
text-decoration: none;
} .certificates__media-img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
} .certificates__zoom {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(22, 34, 56, 0.04);
opacity: 0;
transition: opacity 0.2s ease;
}
.certificates__card:hover .certificates__zoom,
.certificates__card:focus-visible .certificates__zoom {
opacity: 1;
}
.certificates__zoom-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
background: var(--color-surface);
border: 1px solid var(--color-border-light);
}
.certificates__zoom-icon {
width: 28px;
height: 28px;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/search.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/search.svg) center / contain no-repeat;
} @media (prefers-reduced-motion: reduce) {
.certificates__zoom {
transition: none;
}
}  @media (max-width: 1100px) {
.certificates__title {
font-size: 40px;
}
} @media (max-width: 640px) {
.certificates {
padding-block: 30px;
}
.certificates__inner {
width: min(1402px, 100% - 2 * 15px);
}
.certificates__head {
gap: 24px;
padding-bottom: 0;
}
.certificates__eyebrow {
font-size: 16px;
line-height: 16px;
}
.certificates__title {
font-size: 28px;
letter-spacing: -1px;
} .certificates__carousel {
margin-top: 32px;
} .certificates__card {
height: 440px;
padding: 16px;
}
.certificates__zoom-btn {
width: 52px;
height: 52px;
}
.certificates__zoom-icon {
width: 24px;
height: 24px;
}
} .cert-popup {
position: fixed;
inset: 0; z-index: 1050;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.cert-popup[hidden] {
display: none;
}
.cert-popup__overlay {
position: absolute;
inset: 0;
background: rgba(22, 34, 56, 0.6);
cursor: pointer;
}
.cert-popup__dialog {
position: relative;
display: flex;
gap: 40px;
width: min(1060px, 100%);
max-height: 88vh;
padding: 40px;
background: var(--color-surface);
box-shadow: 0 24px 64px rgba(22, 34, 56, 0.25);
}
.cert-popup__close {
position: absolute;
inset-block-start: 12px;
inset-inline-end: 12px;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
appearance: none;
background: none;
border: 0;
cursor: pointer;
}
.cert-popup__close::before {
content: "";
width: 22px;
height: 22px;
background-color: var(--color-dark);
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/close.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/close.svg) center / contain no-repeat;
}
.cert-popup__media {
flex: 0 0 44%;
display: flex;
align-items: flex-start;
justify-content: center;
min-height: 0;
}
.cert-popup__img {
max-width: 100%;
max-height: calc(88vh - 80px);
object-fit: contain;
}
.cert-popup__body {
flex: 1;
min-width: 0;
overflow-y: auto;
padding-inline-end: 8px;
}
.cert-popup__title {
margin: 0 0 16px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h3);
line-height: var(--line-height-tight);
letter-spacing: var(--letter-spacing-tight);
}
.cert-popup__text {
margin: 0;
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight); white-space: pre-line;
} .cert-popup--no-text .cert-popup__media {
flex: 1;
}
.cert-popup--no-text .cert-popup__body {
display: none;
} html.cert-popup-open {
overflow: hidden;
}
@media (max-width: 768px) {
.cert-popup {
padding: 12px;
}
.cert-popup__dialog {
flex-direction: column;
gap: 20px;
padding: 48px 16px 20px;
overflow-y: auto;
}
.cert-popup__media {
flex: 0 0 auto;
}
.cert-popup__img {
max-height: 48vh;
}
.cert-popup__body {
overflow: visible;
padding-inline-end: 0;
}
.cert-popup__title {
font-size: 22px;
}
.cert-popup__text {
font-size: 16px;
}
}.cookie-banner {
position: fixed;
inset-block-end: 16px; inset-inline: 16px;
margin-inline: auto; z-index: 950;
display: flex; flex-direction: row;
align-items: center;
gap: 16px;
max-width: 1200px;
padding: 10px 14px;
background: var(--color-dark);
color: var(--color-on-dark);
border: 1px solid var(--color-border-on-dark);
box-shadow: 0 12px 28px rgba(22, 34, 56, 0.28);
transition: opacity 0.25s ease, transform 0.25s ease;
} .cookie-banner[hidden] {
display: none;
}
.cookie-banner.is-leaving {
opacity: 0;
transform: translateY(8px);
}
.cookie-banner__text {
margin: 0;
flex: 1; font-size: 14px;
line-height: 1.5;
}
.cookie-banner__link {
color: inherit;
text-decoration: underline;
text-decoration-color: rgba(255, 255, 255, 0.35);
}
.cookie-banner__link:hover {
text-decoration-color: currentColor;
} .cookie-banner__accept {
flex-shrink: 0;
padding: 10px 28px;
font-size: 15px;
}
@media (max-width: 640px) {
.cookie-banner { flex-direction: column;
align-items: stretch;
inset-inline: 12px;
inset-block-end: 12px;
max-width: none;
padding: 16px;
}
.cookie-banner__accept {
align-self: stretch;
}
}
@media (prefers-reduced-motion: reduce) {
.cookie-banner {
transition: none;
}
}.back-to-top {
position: fixed;
inset-inline-end: 18px;
inset-block-end: 92px; z-index: 900;
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
padding: 0;
appearance: none;
background: rgba(17, 17, 17, 0.56);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 16px;
cursor: pointer;
opacity: 0;
transform: translateY(8px);
pointer-events: none;
transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.18s ease;
}
.back-to-top.is-visible {
opacity: 1;
transform: none;
pointer-events: auto;
}
.back-to-top:hover {
background: rgba(17, 17, 17, 0.75);
}
.back-to-top__icon {
width: 32px;
height: 32px;
background-color: #ffffff;
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/back-to-top.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/back-to-top.svg) center / contain no-repeat;
}
@media (prefers-reduced-motion: reduce) {
.back-to-top {
transition: none;
}
}.cta-popup {
position: fixed;
inset: 0;
z-index: 1100; display: flex;
align-items: center;
justify-content: center;
padding: 24px;
opacity: 0;
visibility: hidden;
transition: opacity 0.28s ease, visibility 0.28s ease;
}
.cta-popup.is-open {
opacity: 1;
visibility: visible;
}
.cta-popup[hidden] {
display: none;
}
.cta-popup__overlay {
position: absolute;
inset: 0;
background: rgba(11, 18, 32, 0.72);
}
.cta-popup__dialog {
position: relative;
width: 100%;
max-width: 600px;
max-height: calc(100vh - 48px);
overflow-y: auto;
padding: 48px 40px 40px;
background: var(--color-surface);
transform: translateY(20px) scale(0.98);
opacity: 0;
transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;
}
.cta-popup.is-open .cta-popup__dialog {
transform: translateY(0) scale(1);
opacity: 1;
}
.cta-popup__close {
position: absolute;
top: 16px;
right: 16px;
width: 40px;
height: 40px;
padding: 0;
border: none;
background: transparent;
color: var(--color-dark);
cursor: pointer;
}
.cta-popup__close::before {
content: "";
display: block;
width: 18px;
height: 18px;
margin: 0 auto;
background: currentColor;
-webkit-mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/close.svg) center / contain no-repeat;
mask: url(//atomcae.ru/wp-content/themes/atomcae/assets/icons/close.svg) center / contain no-repeat;
}
.cta-popup__close:hover {
color: var(--color-primary);
}
.cta-popup__title {
margin: 0 0 24px;
color: var(--color-dark);
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: 26px;
line-height: 1.2;
} .cta-popup__form.cta__form-card {
padding: 0;
background: transparent;
} html.cta-popup-open,
html.cta-popup-open body {
overflow: hidden;
}
@media (max-width: 640px) {
.cta-popup {
padding: 12px;
}
.cta-popup__dialog {
padding: 48px 20px 24px;
}
}
@media (prefers-reduced-motion: reduce) {
.cta-popup,
.cta-popup__dialog {
transition: none;
}
}.page-body {
padding-block-end: 100px;
} .page-body__inner {
width: min(1402px, 100% - 2 * 40px);
margin-inline: auto;
}
.page-body__content {
color: var(--color-dark);
font-family: var(--font-family-base);
font-size: var(--font-size-nav);
line-height: var(--line-height-relaxed);
letter-spacing: var(--letter-spacing-tight);
} .page-body__content > p,
.page-body__content > h2,
.page-body__content > h3,
.page-body__content > h4,
.page-body__content > ul,
.page-body__content > ol,
.page-body__content > blockquote {
max-width: 900px;
}
.page-body__content > :first-child {
margin-top: 0;
}
.page-body__content > p {
margin: 0 0 20px;
opacity: 0.8;
}
.page-body__content > h2 {
margin: 40px 0 16px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-h3);
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-tight);
}
.page-body__content > h3 {
margin: 32px 0 12px;
font-family: var(--font-family-display);
font-weight: var(--font-weight-medium);
font-size: 22px;
line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-tight);
}
.page-body__content > ul,
.page-body__content > ol {
margin: 0 0 20px;
padding-inline-start: 24px;
}
.page-body__content > ul li,
.page-body__content > ol li {
margin-bottom: 8px;
opacity: 0.8;
} .page-body__content > p a,
.page-body__content > ul a,
.page-body__content > ol a,
.page-body__content > blockquote a {
color: var(--color-primary);
text-decoration: underline;
}
.page-body__content > p strong,
.page-body__content > ul strong,
.page-body__content > ol strong {
font-weight: var(--font-weight-medium);
}
@media (max-width: 640px) {
.page-body {
padding-block-end: 56px;
}
.page-body__content {
font-size: 16px;
}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}