{"id":7,"date":"2026-08-11T16:17:13","date_gmt":"2026-08-11T13:17:13","guid":{"rendered":"http:\/\/digitaldesignonline.ru\/?page_id=7"},"modified":"2026-10-28T21:08:13","modified_gmt":"2026-10-28T18:08:13","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/digitaldesignonline.ru\/ru\/","title":{"rendered":"homepage"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fb7e28 e-con-full e-flex e-con e-parent\" data-id=\"9fb7e28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-04dccb1 e-con-full e-flex e-con e-child\" data-id=\"04dccb1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4064bb elementor-widget elementor-widget-html\" data-id=\"e4064bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<picture class=\"rp-img\">\r\n  <!-- \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435: \u0434\u043e 767px (\u0431\u0440\u0435\u0439\u043a\u043f\u043e\u0439\u043d\u0442\u044b \u043a\u0430\u043a \u0432 Elementor) -->\r\n  <source media=\"(max-width: 767px)\"\r\n          srcset=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/2323643437.jpg\" type=\"image\/avif\">\r\n  <source media=\"(max-width: 767px)\"\r\n          srcset=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/2323643437.jpg\" type=\"image\/webp\">\r\n\r\n  <!-- \u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b: 768\u20131024px -->\r\n  <source media=\"(max-width: 1024px)\"\r\n          srcset=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/2323643437.jpg\" type=\"image\/avif\">\r\n  <source media=\"(max-width: 1024px)\"\r\n          srcset=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/2323643437.jpg\" type=\"image\/webp\">\r\n\r\n  <!-- \u0414\u0435\u0441\u043a\u0442\u043e\u043f (\u0438 \u0444\u043e\u043b\u0431\u044d\u043a \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432) -->\r\n  <source srcset=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/125we5t32233214521.jpg\" type=\"image\/avif\">\r\n  <source srcset=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/125we5t32233214521.jpg\" type=\"image\/webp\">\r\n  <img loading=\"lazy\" src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/125we5t32233214521.jpg\"\r\n       alt=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438\"\r\n       width=\"1200\" height=\"600\"\r\n       decoding=\"async\">\r\n<\/picture>\r\n\r\n<style>\r\n  .rp-img{display:block}\r\n  .rp-img img{display:block;width:100%;height:auto}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6273a58 e-con-full e-flex e-con e-child\" data-id=\"6273a58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5911dc2 elementor-widget elementor-widget-html\" data-id=\"5911dc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ea-accordion\" id=\"eaAccordion\">\r\n\r\n  <!-- CARD 01 -->\r\n  <article class=\"ea-card active\">\r\n    <picture>\r\n      <source media=\"(max-width: 767px)\" srcset=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/142421255.jpg\">\r\n      <img class=\"ea-card__image\" src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/823886862.jpg\" alt=\"\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\r\n    <\/picture>\r\n    <button class=\"ea-card__trigger\" type=\"button\" aria-expanded=\"true\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044b\u0439 \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\">\r\n      <span class=\"ea-card__vertical-title\">\u0420\u0435\u0441\u0442\u043e\u0440\u0430\u043d<\/span>\r\n      <span class=\"ea-card__number\">01<\/span>\r\n    <\/button>\r\n    <div class=\"ea-card__content\">\r\n      <div class=\"ea-card__inner\">\r\n        <div class=\"ea-card__eyebrow\">01<\/div>\r\n        <h2>\u0420\u0435\u0441\u0442\u043e\u0440\u0430\u043d<\/h2>\r\n        <p>\u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u043a\u0443\u0445\u043d\u044f \u0438 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430, \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0432\u044b \u0437\u0430\u0445\u043e\u0442\u0438\u0442\u0435 \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f.<\/p>\r\n        <a href=\"https:\/\/digitaldesignonline.ru\/ru\/?page_id=161\" class=\"ea-card__link\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c <span aria-hidden=\"true\">\u2197<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/article>\r\n\r\n  <!-- CARD 02 -->\r\n  <article class=\"ea-card\">\r\n    <picture>\r\n      <source media=\"(max-width: 767px)\" srcset=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/34543637976.jpg\">\r\n      <img class=\"ea-card__image\" src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/2308326622.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n    <\/picture>\r\n    <button class=\"ea-card__trigger\" type=\"button\" aria-expanded=\"false\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0444\u0438\u043b\u044c\u043c\">\r\n      <span class=\"ea-card__vertical-title\">\u0424\u0438\u043b\u044c\u043c\u044b<\/span>\r\n      <span class=\"ea-card__number\">02<\/span>\r\n    <\/button>\r\n    <div class=\"ea-card__content\">\r\n      <div class=\"ea-card__inner\">\r\n        <div class=\"ea-card__eyebrow\">02<\/div>\r\n        <h2>\u0424\u0438\u043b\u044c\u043c\u044b<\/h2>\r\n        <p>\u0424\u0438\u043b\u044c\u043c\u044b \u0441\u043e \u0432\u0441\u0435\u0433\u043e \u043c\u0438\u0440\u0430.<\/p>\r\n        <a href=\"https:\/\/digitaldesignonline.ru\/ru\/?page_id=172\" class=\"ea-card__link\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c <span aria-hidden=\"true\">\u2197<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/article>\r\n\r\n  <!-- CARD 03 -->\r\n  <article class=\"ea-card\">\r\n    <picture>\r\n      <source media=\"(max-width: 767px)\" srcset=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/4574574775.jpg\">\r\n      <img class=\"ea-card__image\" src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/346463754.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n    <\/picture>\r\n    <button class=\"ea-card__trigger\" type=\"button\" aria-expanded=\"false\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044b\u0435 \u0440\u0430\u0441\u0442\u0435\u043d\u0438\u044f\">\r\n      <span class=\"ea-card__vertical-title\">\u0420\u0430\u0441\u0442\u0435\u043d\u0438\u044f<\/span>\r\n      <span class=\"ea-card__number\">03<\/span>\r\n    <\/button>\r\n    <div class=\"ea-card__content\">\r\n      <div class=\"ea-card__inner\">\r\n        <div class=\"ea-card__eyebrow\">03<\/div>\r\n        <h2>\u0420\u0430\u0441\u0442\u0435\u043d\u0438\u044f<\/h2>\r\n        <p>\u041f\u043e\u0434\u0431\u043e\u0440 \u0440\u0435\u0434\u043a\u0438\u0445 \u0440\u0430\u0441\u0442\u0435\u043d\u0438\u0439. \u0412\u044b\u0441\u043e\u0447\u0430\u0439\u0448\u0435\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e.<br>\u041f\u043e\u0432\u0437\u0440\u043e\u0441\u043b\u0435\u0439 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0441 \u0436\u0438\u0432\u043e\u0439 \u0436\u0438\u0432\u043e\u043f\u0438\u0441\u044c\u044e.<\/p>\r\n        <a href=\"https:\/\/digitaldesignonline.ru\/ru\/?page_id=393\" class=\"ea-card__link\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c <span aria-hidden=\"true\">\u2197<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/article>\r\n\r\n  <!-- CARD 04 -->\r\n  <article class=\"ea-card\">\r\n    <picture>\r\n      <source media=\"(max-width: 767px)\" srcset=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/23432355.jpg\">\r\n      <img class=\"ea-card__image\" src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/98568956.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n    <\/picture>\r\n    <button class=\"ea-card__trigger\" type=\"button\" aria-expanded=\"false\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0443\u0440\u0438\u0437\u043c\">\r\n      <span class=\"ea-card__vertical-title\">Hiking<\/span>\r\n      <span class=\"ea-card__number\">04<\/span>\r\n    <\/button>\r\n    <div class=\"ea-card__content\">\r\n      <div class=\"ea-card__inner\">\r\n        <div class=\"ea-card__eyebrow\">04<\/div>\r\n        <h2>Hiking<\/h2>\r\n        <p>\u041f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0443\u0439\u0442\u0435 \u0438 \u043d\u0430\u0441\u043b\u0430\u0436\u0434\u0430\u0439\u0442\u0435\u0441\u044c \u043f\u0440\u0438\u0440\u043e\u0434\u043e\u0439 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0434\u0440\u0443\u0437\u044c\u044f\u043c\u0438.<\/p>\r\n        <a href=\"https:\/\/digitaldesignonline.ru\/ru\/?page_id=516\" class=\"ea-card__link\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c <span aria-hidden=\"true\">\u2197<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/article>\r\n\r\n  <!-- CARD 05 -->\r\n  <article class=\"ea-card\">\r\n    <picture>\r\n      <source media=\"(max-width: 767px)\" srcset=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/14242421425346.jpg\">\r\n      <img class=\"ea-card__image\" src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/7848757545.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n    <\/picture>\r\n    <button class=\"ea-card__trigger\" type=\"button\" aria-expanded=\"false\" aria-label=\"Open Drink\">\r\n      <span class=\"ea-card__vertical-title\">\u041d\u0430\u043f\u0438\u0442\u043a\u0438<\/span>\r\n      <span class=\"ea-card__number\">05<\/span>\r\n    <\/button>\r\n    <div class=\"ea-card__content\">\r\n      <div class=\"ea-card__inner\">\r\n        <div class=\"ea-card__eyebrow\">05<\/div>\r\n        <h2>\u041d\u0430\u043f\u0438\u0442\u043a\u0438<\/h2>\r\n        <p>\u0421\u0432\u0435\u0436\u0435\u0432\u044b\u0436\u0430\u0442\u044b\u0439 \u0441\u043e\u043a \u0441 \u0433\u043e\u043b\u0443\u0431\u044b\u043c \u043c\u0430\u043b\u0438\u043d\u043e\u043c<br>\u0438 \u0430\u0440\u043e\u043c\u0430\u0442 \u0440\u043e\u0437\u043e\u0432\u044b\u0445 \u0446\u0438\u0442\u0440\u0443\u0441\u043e\u0432\u044b\u0445 \u043f\u043b\u043e\u0434\u043e\u0432.<\/p>\r\n        <a href=\"https:\/\/digitaldesignonline.ru\/ru\/?page_id=709\" class=\"ea-card__link\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c <span aria-hidden=\"true\">\u2197<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/article>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* VARIABLES *\/\r\n#eaAccordion {\r\n  --cream: #cab8a4;\r\n  --cream-light: #f3ebe3;\r\n  --wine: #6c2b39;\r\n  --closed-width: 120px;\r\n  --gap: 8px;\r\n  --radius: 12px;\r\n  --animation-speed: 340ms;\r\n  --ease: cubic-bezier(.22,.8,.25,1);\r\n}\r\n\r\n\/* RESET *\/\r\n#eaAccordion, #eaAccordion *, #eaAccordion *::before, #eaAccordion *::after { box-sizing: border-box; }\r\n\r\n#eaAccordion *, #eaAccordion button, #eaAccordion a { -webkit-tap-highlight-color: transparent !important; }\r\n\r\n#eaAccordion button, #eaAccordion button:hover, #eaAccordion button:focus, #eaAccordion button:focus-visible, #eaAccordion button:active,\r\n#eaAccordion a, #eaAccordion a:hover, #eaAccordion a:focus, #eaAccordion a:focus-visible, #eaAccordion a:active {\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n#eaAccordion button { -webkit-appearance: none; appearance: none; }\r\n\r\n\/* FULL WIDTH SCENE *\/\r\n#eaAccordion.ea-accordion {\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  height: min(760px, 88vh);\r\n  min-height: 580px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: stretch;\r\n  gap: var(--gap);\r\n  padding: 10px;\r\n  overflow: hidden;\r\n  background: #111111;\r\n  isolation: isolate;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\/* CARD *\/\r\n#eaAccordion .ea-card {\r\n  position: relative;\r\n  flex: 0 0 var(--closed-width);\r\n  min-width: 0;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  border-radius: var(--radius);\r\n  background: #161616;\r\n  cursor: pointer;\r\n  isolation: isolate;\r\n  transition: flex-grow var(--animation-speed) var(--ease);\r\n}\r\n\r\n#eaAccordion .ea-card.active { flex-grow: 1; cursor: default; }\r\n\r\n\/* PICTURE WRAPPER (mobile image support) *\/\r\n#eaAccordion .ea-card picture { display: contents; }\r\n\r\n\/* IMAGE *\/\r\n#eaAccordion .ea-card__image {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  filter: none !important;\r\n  mix-blend-mode: normal;\r\n  opacity: .12;\r\n  pointer-events: none;\r\n  user-select: none;\r\n  transition: opacity 220ms ease;\r\n}\r\n\r\n#eaAccordion .ea-card.active .ea-card__image { opacity: 1; }\r\n\r\n\/* NEUTRAL OVERLAY *\/\r\n#eaAccordion .ea-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  pointer-events: none;\r\n  background: linear-gradient(180deg,\r\n    rgba(0,0,0,.06) 0%,\r\n    rgba(0,0,0,.08) 38%,\r\n    rgba(0,0,0,.35) 70%,\r\n    rgba(0,0,0,.72) 100%);\r\n  opacity: .24;\r\n  transition: opacity 220ms ease;\r\n}\r\n\r\n#eaAccordion .ea-card.active::before { opacity: .95; }\r\n\r\n\/* BORDER *\/\r\n#eaAccordion .ea-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2;\r\n  pointer-events: none;\r\n  border: 1px solid rgba(202,184,164,.22);\r\n  border-radius: inherit;\r\n  background: transparent;\r\n}\r\n\r\n\/* TRIGGER *\/\r\n#eaAccordion .ea-card__trigger {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 5;\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n  border: 0 !important;\r\n  border-radius: inherit;\r\n  background: transparent !important;\r\n  color: var(--cream-light);\r\n  cursor: pointer;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\/* VERTICAL TITLE *\/\r\n#eaAccordion .ea-card__vertical-title {\r\n  position: absolute;\r\n  left: 70px;\r\n  top: 30px;\r\n  display: inline-block;\r\n  width: max-content;\r\n  max-width: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  white-space: nowrap;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 18px;\r\n  line-height: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  letter-spacing: 0;\r\n  color: #ffffff;\r\n  transform: rotate(90deg);\r\n  transform-origin: 0 0;\r\n  filter: none !important;\r\n  text-shadow: none !important;\r\n  opacity: 1;\r\n  pointer-events: none;\r\n  transition: color 120ms ease, opacity 80ms ease 250ms;\r\n}\r\n\r\n#eaAccordion .ea-card.active .ea-card__vertical-title {\r\n  opacity: 0;\r\n  transition: opacity 60ms ease;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* NUMBER *\/\r\n#eaAccordion .ea-card__number {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 25px;\r\n  display: block;\r\n  width: var(--closed-width);\r\n  margin: 0;\r\n  text-align: center;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 11px;\r\n  line-height: 14px;\r\n  font-weight: 400;\r\n  letter-spacing: .08em;\r\n  color: rgba(255,255,255,.72);\r\n  pointer-events: none;\r\n  transition: opacity 80ms ease 250ms;\r\n}\r\n\r\n#eaAccordion .ea-card.active .ea-card__number {\r\n  opacity: 0;\r\n  transition: opacity 60ms ease;\r\n}\r\n\r\n#eaAccordion .ea-card.active .ea-card__trigger { pointer-events: none; }\r\n\r\n\/* HOVER *\/\r\n@media (hover:hover) {\r\n  #eaAccordion .ea-card:not(.active):hover .ea-card__vertical-title { color: #ffffff; }\r\n  #eaAccordion .ea-card:not(.active):hover .ea-card__image { opacity: .78; }\r\n}\r\n\r\n\/* OPEN CONTENT *\/\r\n#eaAccordion .ea-card__content {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 4;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  padding: clamp(30px, 4vw, 64px);\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  pointer-events: none;\r\n  transition: opacity 160ms ease, visibility 160ms ease;\r\n}\r\n\r\n#eaAccordion .ea-card.active .ea-card__content {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  pointer-events: auto;\r\n  transition-delay: 100ms;\r\n}\r\n\r\n#eaAccordion .ea-card__inner { position: relative; width: min(100%, 760px); }\r\n\r\n#eaAccordion .ea-card__eyebrow {\r\n  margin: 0 0 14px;\r\n  font-size: 11px;\r\n  line-height: 1.2;\r\n  font-weight: 600;\r\n  letter-spacing: .18em;\r\n  color: var(--cream);\r\n}\r\n\r\n#eaAccordion .ea-card__inner h2 {\r\n  margin: 0 0 19px;\r\n  padding: 0;\r\n  max-width: 760px;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: clamp(42px, 5.2vw, 82px);\r\n  line-height: .95;\r\n  font-weight: 400;\r\n  letter-spacing: -.045em;\r\n  color: #ffffff;\r\n  text-shadow: 0 2px 18px rgba(0,0,0,.38);\r\n}\r\n\r\n#eaAccordion .ea-card__inner p {\r\n  width: min(100%, 570px);\r\n  margin: 0 0 28px;\r\n  padding: 0;\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  font-weight: 400;\r\n  color: rgba(255,255,255,.86);\r\n  text-shadow: 0 1px 10px rgba(0,0,0,.35);\r\n}\r\n\r\n\/* CTA *\/\r\n#eaAccordion .ea-card__link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 13px;\r\n  min-height: 46px;\r\n  padding: 12px 20px;\r\n  border: 1px solid rgba(202,184,164,.62);\r\n  border-radius: 999px;\r\n  background: rgba(108,43,57,.85);\r\n  color: #ffffff;\r\n  text-decoration: none;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 13px;\r\n  line-height: 1;\r\n  font-weight: 500;\r\n  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;\r\n}\r\n\r\n#eaAccordion .ea-card__link span { font-size: 17px; line-height: 1; }\r\n\r\n@media (hover:hover) {\r\n  #eaAccordion .ea-card__link:hover {\r\n    background: var(--cream);\r\n    border-color: var(--cream);\r\n    color: var(--wine);\r\n  }\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1100px) and (min-width: 768px) {\r\n  #eaAccordion { --closed-width: 96px; }\r\n  #eaAccordion.ea-accordion { height: 650px; min-height: 540px; --gap: 6px; }\r\n  #eaAccordion .ea-card__vertical-title { left: 57px; top: 28px; font-size: 16px; line-height: 18px; }\r\n  #eaAccordion .ea-card__number { width: 96px; }\r\n  #eaAccordion .ea-card__content { padding: 38px; }\r\n}\r\n\r\n\/* SMALL TABLET *\/\r\n@media (max-width: 900px) and (min-width: 768px) {\r\n  #eaAccordion { --closed-width: 82px; }\r\n  #eaAccordion .ea-card__vertical-title { left: 50px; font-size: 15px; line-height: 18px; }\r\n  #eaAccordion .ea-card__number { width: 82px; }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n  #eaAccordion.ea-accordion {\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    height: 760px;\r\n    min-height: 650px;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    padding: 7px;\r\n  }\r\n\r\n  #eaAccordion .ea-card {\r\n    flex: 0 0 56px;\r\n    width: 100%;\r\n    transition: flex-grow 300ms var(--ease);\r\n  }\r\n\r\n  #eaAccordion .ea-card.active { flex-grow: 1; }\r\n\r\n  #eaAccordion .ea-card__vertical-title {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 20px;\r\n    display: block;\r\n    width: auto;\r\n    font-size: 15px;\r\n    line-height: 20px;\r\n    white-space: nowrap;\r\n    transform: none;\r\n    transform-origin: 0 0;\r\n  }\r\n\r\n  #eaAccordion .ea-card__number {\r\n    top: 19px;\r\n    right: 20px;\r\n    bottom: auto;\r\n    left: auto;\r\n    width: auto;\r\n    line-height: 18px;\r\n  }\r\n\r\n  #eaAccordion .ea-card__content { padding: 27px 24px; }\r\n\r\n  #eaAccordion .ea-card__inner h2 {\r\n    margin-bottom: 15px;\r\n    font-size: clamp(38px, 11vw, 54px);\r\n    line-height: .98;\r\n  }\r\n\r\n  #eaAccordion .ea-card__inner p {\r\n    margin-bottom: 22px;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n  }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #eaAccordion *, #eaAccordion *::before, #eaAccordion *::after {\r\n    transition-duration: .01ms !important;\r\n    animation-duration: .01ms !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const accordion = document.getElementById('eaAccordion');\r\n  if (!accordion) return;\r\n\r\n  let activeCard = accordion.querySelector('.ea-card.active');\r\n\r\n  function openCard(card) {\r\n    if (!card || card === activeCard) return;\r\n\r\n    if (activeCard) {\r\n      activeCard.classList.remove('active');\r\n      const oldButton = activeCard.querySelector('.ea-card__trigger');\r\n      if (oldButton) oldButton.setAttribute('aria-expanded', 'false');\r\n    }\r\n\r\n    card.classList.add('active');\r\n    const newButton = card.querySelector('.ea-card__trigger');\r\n    if (newButton) newButton.setAttribute('aria-expanded', 'true');\r\n\r\n    activeCard = card;\r\n  }\r\n\r\n  accordion.addEventListener('click', (event) => {\r\n    if (event.target.closest('.ea-card__link')) return;\r\n    openCard(event.target.closest('.ea-card'));\r\n  });\r\n\r\n  accordion.addEventListener('keydown', (event) => {\r\n    const trigger = event.target.closest('.ea-card__trigger');\r\n    if (!trigger) return;\r\n    if (event.key !== 'Enter' && event.key !== ' ') return;\r\n    event.preventDefault();\r\n    openCard(trigger.closest('.ea-card'));\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9dbd6d8 e-con-full e-flex e-con e-child\" data-id=\"9dbd6d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c42a31 elementor-widget elementor-widget-html\" data-id=\"1c42a31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   SHOWCASE\r\n   ========================================= *\/\r\n\r\n.edge-showcase {\r\n  --dark: #722e3e;\r\n  --light: #cab8a4;\r\n\r\n  width: 100%;\r\n  overflow: hidden;\r\n  background: var(--light);\r\n  color: var(--dark);\r\n}\r\n\r\n.edge-showcase,\r\n.edge-showcase * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \u041e\u0414\u0418\u041d \u0421\u0415\u0413\u041c\u0415\u041d\u0422\r\n   ========================================= *\/\r\n\r\n.edge-showcase__row {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  min-height: 82vh;\r\n\r\n  display: grid;\r\n  grid-template-columns: 50% 50%;\r\n  align-items: center;\r\n\r\n  overflow: hidden;\r\n\r\n  padding: clamp(50px, 6vw, 100px) 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \u0422\u0415\u041a\u0421\u0422\r\n   ========================================= *\/\r\n\r\n.edge-showcase__content {\r\n  position: relative;\r\n  z-index: 5;\r\n\r\n  width: 100%;\r\n  max-width: 680px;\r\n}\r\n\r\n\r\n\/* \u0422\u0415\u041a\u0421\u0422 \u0421\u041b\u0415\u0412\u0410 \u2014 \u041f\u0420\u0418\u0416\u0410\u0422 \u041a \u041b\u0415\u0412\u041e\u041c\u0423 \u041a\u0420\u0410\u042e *\/\r\n.edge-showcase__row--image-right .edge-showcase__content {\r\n  grid-column: 1;\r\n  grid-row: 1;\r\n\r\n  justify-self: start;\r\n\r\n  padding-left: clamp(24px, 5vw, 90px);\r\n  padding-right: clamp(20px, 3vw, 50px);\r\n\r\n  text-align: left;\r\n}\r\n\r\n\r\n\/* \u0422\u0415\u041a\u0421\u0422 \u0421\u041f\u0420\u0410\u0412\u0410 \u2014 \u041f\u0420\u0418\u0416\u0410\u0422 \u041a \u041f\u0420\u0410\u0412\u041e\u041c\u0423 \u041a\u0420\u0410\u042e *\/\r\n.edge-showcase__row--image-left .edge-showcase__content {\r\n  grid-column: 2;\r\n  grid-row: 1;\r\n\r\n  justify-self: end;\r\n\r\n  padding-left: clamp(20px, 3vw, 50px);\r\n  padding-right: clamp(24px, 5vw, 90px);\r\n\r\n  text-align: right;\r\n}\r\n\r\n\r\n\/* \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a *\/\r\n.edge-showcase__content h2 {\r\n  margin: 0 0 24px;\r\n\r\n  font-size: clamp(38px, 5vw, 78px);\r\n  line-height: 0.95;\r\n\r\n  font-weight: 600;\r\n  letter-spacing: -0.045em;\r\n\r\n  color: var(--dark);\r\n}\r\n\r\n\r\n\/* \u0410\u0431\u0437\u0430\u0446 *\/\r\n.edge-showcase__content p {\r\n  margin: 0;\r\n\r\n  font-size: clamp(17px, 1.35vw, 22px);\r\n  line-height: 1.55;\r\n\r\n  color: var(--dark);\r\n}\r\n\r\n\r\n\/* \u041e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435 \u0448\u0438\u0440\u0438\u043d\u044b \u0442\u0435\u043a\u0441\u0442\u0430 *\/\r\n.edge-showcase__row--image-right .edge-showcase__content p {\r\n  max-width: 520px;\r\n}\r\n\r\n.edge-showcase__row--image-left .edge-showcase__content p {\r\n  max-width: 520px;\r\n  margin-left: auto;\r\n}\r\n\r\n\r\n\/* \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u043b\u0438\u043d\u0438\u044f *\/\r\n.edge-showcase__content::before {\r\n  content: \"\";\r\n\r\n  display: block;\r\n\r\n  width: 82px;\r\n  height: 3px;\r\n\r\n  margin-bottom: 28px;\r\n\r\n  background: var(--dark);\r\n}\r\n\r\n\r\n\/* \u043b\u0438\u043d\u0438\u044f \u0441\u043f\u0440\u0430\u0432\u0430 \u0434\u043b\u044f \u043f\u0440\u0430\u0432\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 *\/\r\n.edge-showcase__row--image-left\r\n.edge-showcase__content::before {\r\n  margin-left: auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \u0418\u0417\u041e\u0411\u0420\u0410\u0416\u0415\u041d\u0418\u042f\r\n   ========================================= *\/\r\n\r\n.edge-showcase__image {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  height: clamp(380px, 52vw, 700px);\r\n\r\n  overflow: hidden;\r\n\r\n  background: var(--dark);\r\n\r\n  opacity: 0;\r\n\r\n  will-change: transform, opacity;\r\n\r\n  transition:\r\n    transform 1.05s cubic-bezier(.16, 1, .3, 1),\r\n    opacity .5s ease;\r\n}\r\n\r\n\r\n.edge-showcase__image img {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n  transform: scale(1.06);\r\n\r\n  transition:\r\n    transform 1.25s cubic-bezier(.16, 1, .3, 1);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \u0418\u0417\u041e\u0411\u0420\u0410\u0416\u0415\u041d\u0418\u0415 \u0421\u041b\u0415\u0412\u0410\r\n   ========================================= *\/\r\n\r\n.edge-showcase__row--image-left .edge-showcase__image {\r\n  grid-column: 1;\r\n  grid-row: 1;\r\n\r\n  justify-self: start;\r\n\r\n  transform: translateX(-110%);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \u0418\u0417\u041e\u0411\u0420\u0410\u0416\u0415\u041d\u0418\u0415 \u0421\u041f\u0420\u0410\u0412\u0410\r\n   ========================================= *\/\r\n\r\n.edge-showcase__row--image-right .edge-showcase__image {\r\n  grid-column: 2;\r\n  grid-row: 1;\r\n\r\n  justify-self: end;\r\n\r\n  transform: translateX(110%);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \u041a\u041e\u0413\u0414\u0410 \u0421\u0415\u041a\u0426\u0418\u042f \u0412 \u042d\u041a\u0420\u0410\u041d\u0415\r\n   ========================================= *\/\r\n\r\n.edge-showcase__row.is-active .edge-showcase__image {\r\n  transform: translateX(0);\r\n  opacity: 1;\r\n}\r\n\r\n.edge-showcase__row.is-active .edge-showcase__image img {\r\n  transform: scale(1);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \u041d\u0415\u041c\u041d\u041e\u0413\u041e \u0420\u0410\u0417\u041d\u041e\u0419 \u0412\u042b\u0421\u041e\u0422\u042b \u0414\u041b\u042f \u0420\u0418\u0422\u041c\u0410\r\n   \u041c\u043e\u0436\u043d\u043e \u0443\u0434\u0430\u043b\u0438\u0442\u044c, \u0435\u0441\u043b\u0438 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e\r\n   ========================================= *\/\r\n\r\n.edge-showcase__row:nth-child(1) .edge-showcase__image {\r\n  height: clamp(380px, 48vw, 660px);\r\n}\r\n\r\n.edge-showcase__row:nth-child(2) .edge-showcase__image {\r\n  height: clamp(400px, 52vw, 720px);\r\n}\r\n\r\n.edge-showcase__row:nth-child(3) .edge-showcase__image {\r\n  height: clamp(380px, 48vw, 660px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET \/ MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .edge-showcase__row {\r\n    min-height: auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n\r\n    padding: 70px 0;\r\n  }\r\n\r\n\r\n  \/* \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0442\u0435\u043a\u0441\u0442 *\/\r\n  .edge-showcase__row--image-left .edge-showcase__content,\r\n  .edge-showcase__row--image-right .edge-showcase__content {\r\n    grid-column: 1;\r\n    grid-row: 1;\r\n\r\n    width: 100%;\r\n    max-width: none;\r\n\r\n    padding-top: 0;\r\n    padding-bottom: 42px;\r\n  }\r\n\r\n\r\n  \/* \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u043f\u043e\u0441\u043b\u0435 \u0442\u0435\u043a\u0441\u0442\u0430 *\/\r\n  .edge-showcase__row--image-left .edge-showcase__image,\r\n  .edge-showcase__row--image-right .edge-showcase__image {\r\n    grid-column: 1;\r\n    grid-row: 2;\r\n\r\n    width: calc(100% - 28px);\r\n    height: min(105vw, 520px);\r\n  }\r\n\r\n\r\n  \/* \u041b\u0435\u0432\u044b\u0439 \u0431\u043b\u043e\u043a *\/\r\n  .edge-showcase__row--image-right .edge-showcase__content {\r\n    padding-left: 24px;\r\n    padding-right: 40px;\r\n\r\n    text-align: left;\r\n  }\r\n\r\n\r\n  \/* \u041f\u0440\u0430\u0432\u044b\u0439 \u0431\u043b\u043e\u043a *\/\r\n  .edge-showcase__row--image-left .edge-showcase__content {\r\n    padding-left: 40px;\r\n    padding-right: 24px;\r\n\r\n    text-align: right;\r\n  }\r\n\r\n\r\n  \/* \u041b\u0435\u0432\u0430\u044f \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u043f\u0440\u0438\u043b\u0438\u043f\u0430\u0435\u0442 \u043a \u043b\u0435\u0432\u043e\u043c\u0443 \u043a\u0440\u0430\u044e *\/\r\n  .edge-showcase__row--image-left .edge-showcase__image {\r\n    justify-self: start;\r\n  }\r\n\r\n\r\n  \/* \u041f\u0440\u0430\u0432\u0430\u044f \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u043f\u0440\u0438\u043b\u0438\u043f\u0430\u0435\u0442 \u043a \u043f\u0440\u0430\u0432\u043e\u043c\u0443 \u043a\u0440\u0430\u044e *\/\r\n  .edge-showcase__row--image-right .edge-showcase__image {\r\n    justify-self: end;\r\n  }\r\n\r\n\r\n  .edge-showcase__content h2 {\r\n    font-size: clamp(40px, 12vw, 60px);\r\n  }\r\n\r\n\r\n  .edge-showcase__content p {\r\n    font-size: 17px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \u041e\u0422\u041a\u041b\u042e\u0427\u0415\u041d\u041d\u0410\u042f \u0410\u041d\u0418\u041c\u0410\u0426\u0418\u042f \u0412 \u041e\u0421\r\n   ========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .edge-showcase__image,\r\n  .edge-showcase__image img {\r\n    transition: none !important;\r\n  }\r\n\r\n  .edge-showcase__image {\r\n    transform: translateX(0) !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"edge-showcase\">\r\n\r\n\r\n  <!-- =====================================\r\n       \u0421\u0415\u0413\u041c\u0415\u041d\u0422 1\r\n       \u0418\u0417\u041e\u0411\u0420\u0410\u0416\u0415\u041d\u0418\u0415 \u0421\u041b\u0415\u0412\u0410\r\n       \u0422\u0415\u041a\u0421\u0422 \u0421\u041f\u0420\u0410\u0412\u0410\r\n       ===================================== -->\r\n\r\n  <section class=\"edge-showcase__row edge-showcase__row--image-left\">\r\n\r\n    <div class=\"edge-showcase__image\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/519ca019-242f-4edd-b51f-3492f2880c5c.jpg\"\r\n        alt=\"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430\"\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"edge-showcase__content\">\r\n\r\n      <h2>\r\n        \u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u044f\r\n      <\/h2>\r\n\r\n      <p>\r\n        \u042f\u0441\u043d\u0430\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c \u043f\u043e\u043d\u044f\u0442\u044c, \u0447\u0442\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0432\u0430\u0436\u043d\u044b\u043c \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435. \u0420\u0430\u0437\u043c\u0435\u0440, \u0446\u0432\u0435\u0442, \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u044c \u0438 \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b \u043c\u0435\u0436\u0434\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u044e\u0442 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0438 \u043e\u0431\u043b\u0435\u0433\u0447\u0430\u044e\u0442 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- =====================================\r\n       \u0421\u0415\u0413\u041c\u0415\u041d\u0422 2\r\n       \u0422\u0415\u041a\u0421\u0422 \u0421\u041b\u0415\u0412\u0410\r\n       \u0418\u0417\u041e\u0411\u0420\u0410\u0416\u0415\u041d\u0418\u0415 \u0421\u041f\u0420\u0410\u0412\u0410\r\n       ===================================== -->\r\n\r\n  <section class=\"edge-showcase__row edge-showcase__row--image-right\">\r\n\r\n    <div class=\"edge-showcase__content\">\r\n\r\n      <h2>\r\n        \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043e\u043f\u044b\u0442\r\n      <\/h2>\r\n\r\n      <p>\r\n        \u0425\u043e\u0440\u043e\u0448\u0438\u0439 \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u044b\u043c \u0438 \u0438\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u044b\u043c. \u042f\u0441\u043d\u0430\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f, \u0447\u0438\u0442\u0430\u0435\u043c\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0438 \u0445\u043e\u0440\u043e\u0448\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c \u0431\u044b\u0441\u0442\u0440\u043e \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c \u043d\u0443\u0436\u043d\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u0438 \u043d\u0430\u0441\u043b\u0430\u0436\u0434\u0430\u0442\u044c\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0441\u0430\u0439\u0442\u0430.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"edge-showcase__image\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/4cc9bace-70bf-4731-84a3-7c6f1236672356f3.jpg\"\r\n        alt=\"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430\"\r\n      >\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- =====================================\r\n       \u0421\u0415\u0413\u041c\u0415\u041d\u0422 3\r\n       \u0418\u0417\u041e\u0411\u0420\u0410\u0416\u0415\u041d\u0418\u0415 \u0421\u041b\u0415\u0412\u0410\r\n       \u0422\u0415\u041a\u0421\u0422 \u0421\u041f\u0420\u0410\u0412\u0410\r\n       ===================================== -->\r\n\r\n  <section class=\"edge-showcase__row edge-showcase__row--image-left\">\r\n\r\n    <div class=\"edge-showcase__image\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/c3edfb09-de14-4caa-8474-4354b6e70bde2764.jpg\"\r\n        alt=\"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0442\u0440\u0435\u0442\u044c\u0435\u0433\u043e \u0431\u043b\u043e\u043a\u0430\"\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"edge-showcase__content\">\r\n\r\n      <h2>\r\n        \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\r\n      <\/h2>\r\n\r\n      <p>\r\n        \u0412\u0435\u0431-\u0441\u0430\u0439\u0442 \u0434\u043e\u043b\u0436\u0435\u043d \u0445\u043e\u0440\u043e\u0448\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u0445. \u0420\u0435\u0436\u0438\u043c \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u043a \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0430\u043c, \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0430\u043c \u0438 \u0441\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u0430\u043c, \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u044f \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043e\u0434\u043d\u043e\u0440\u043e\u0434\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  function initEdgeShowcase() {\r\n\r\n    const rows = document.querySelectorAll('.edge-showcase__row');\r\n\r\n    if (!rows.length) return;\r\n\r\n\r\n    \/* =====================================\r\n       \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\r\n       \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u043a\u043d\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\r\n       ===================================== *\/\r\n\r\n    function updateSections() {\r\n\r\n      const windowHeight = window.innerHeight;\r\n\r\n      rows.forEach(function(row) {\r\n\r\n        const rect = row.getBoundingClientRect();\r\n\r\n        \/*\r\n         * \u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0432\u044a\u0435\u0437\u0436\u0430\u0442\u044c,\r\n         * \u043a\u043e\u0433\u0434\u0430 \u0441\u0435\u043a\u0446\u0438\u044f \u0432\u0445\u043e\u0434\u0438\u0442 \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u043d\u0430 18% \u044d\u043a\u0440\u0430\u043d\u0430.\r\n         *\r\n         * \u041e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u043d\u0430 \u043c\u0435\u0441\u0442\u0435, \u043f\u043e\u043a\u0430 \u0441\u0435\u043a\u0446\u0438\u044f \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f\r\n         * \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0432\u0438\u0434\u0438\u043c\u043e\u0439 \u0437\u043e\u043d\u0435.\r\n         *\r\n         * \u041a\u043e\u0433\u0434\u0430 \u0441\u0435\u043a\u0446\u0438\u044f \u0443\u0445\u043e\u0434\u0438\u0442 \u0432\u0432\u0435\u0440\u0445 \u2014\r\n         * \u043a\u043b\u0430\u0441\u0441 \u0441\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0438 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u0443\u0435\u0437\u0436\u0430\u0435\u0442\r\n         * \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u0437\u0430 \u0441\u0432\u043e\u0439 \u043a\u0440\u0430\u0439.\r\n         *\/\r\n\r\n        const enterPoint = windowHeight * 0.82;\r\n        const exitPoint = windowHeight * 0.12;\r\n\r\n        const sectionIsActive =\r\n          rect.top < enterPoint &&\r\n          rect.bottom > exitPoint;\r\n\r\n\r\n        if (sectionIsActive) {\r\n          row.classList.add('is-active');\r\n        } else {\r\n          row.classList.remove('is-active');\r\n        }\r\n\r\n      });\r\n\r\n    }\r\n\r\n\r\n    \/* \u041f\u0435\u0440\u0432\u044b\u0439 \u0440\u0430\u0441\u0447\u0435\u0442 *\/\r\n    updateSections();\r\n\r\n\r\n    \/*\r\n     * requestAnimationFrame \u043d\u0443\u0436\u0435\u043d,\r\n     * \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0442\u044f\u0436\u0435\u043b\u044b\u0435 \u0440\u0430\u0441\u0447\u0435\u0442\u044b\r\n     * \u0434\u0435\u0441\u044f\u0442\u043a\u0438 \u0440\u0430\u0437 \u0437\u0430 \u043e\u0434\u0438\u043d \u043a\u0430\u0434\u0440.\r\n     *\/\r\n\r\n    let ticking = false;\r\n\r\n    function onScroll() {\r\n\r\n      if (!ticking) {\r\n\r\n        window.requestAnimationFrame(function () {\r\n\r\n          updateSections();\r\n\r\n          ticking = false;\r\n\r\n        });\r\n\r\n        ticking = true;\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    window.addEventListener(\r\n      'scroll',\r\n      onScroll,\r\n      { passive: true }\r\n    );\r\n\r\n\r\n    window.addEventListener(\r\n      'resize',\r\n      updateSections,\r\n      { passive: true }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* \u041e\u0431\u044b\u0447\u043d\u0430\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 *\/\r\n  if (document.readyState === 'loading') {\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initEdgeShowcase\r\n    );\r\n\r\n  } else {\r\n\r\n    initEdgeShowcase();\r\n\r\n  }\r\n\r\n\r\n  \/* Elementor *\/\r\n  window.addEventListener(\r\n    'elementor\/frontend\/init',\r\n    function () {\r\n\r\n      setTimeout(\r\n        initEdgeShowcase,\r\n        300\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Restaurant 01 01 Restaurant Contemporary cuisine and an atmosphere you&#8217;ll want to return to. More \u2197 Movie 02 02 Movie The movies from around the world. More \u2197 Plants 03 03 Plants Curated rare plants. Exceptional quality.Elevate your space with living art. More \u2197 Hiking 04 04 Hiking Travel and enjoy nature with friends. More [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":176,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":1514,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages\/7\/revisions\/1514"}],"wp:attachment":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}