Добавить нерпу на камне в шапку

assets/site.css

@@ -4126,3 +4126,82 @@ body.menu-open{overflow:hidden}
 .baikal-nav.is-open a:nth-child(7){transition-delay:.18s!important}
 .baikal-nav a:after,.baikal-nav a:before{display:none!important}
 .baikal-nav a:hover{color:#e2b36d!important}
+
+/* Нерпа отдыхает на камне в нижней части шапки. */
+.baikal-header .free-seal{
+  display:block!important;
+  left:auto!important;
+  right:9%!important;
+  bottom:8%!important;
+  width:190px!important;
+  height:142px!important;
+  z-index:8!important;
+  opacity:.88!important;
+  animation:sealResting 5.4s ease-in-out infinite!important;
+}
+.baikal-header .free-seal-inner{
+  position:absolute!important;
+  left:10px!important;
+  bottom:27px!important;
+  width:165px!important;
+  height:92px!important;
+  z-index:2!important;
+  animation:sealBob 5.4s ease-in-out infinite!important;
+  filter:drop-shadow(0 5px 7px rgba(0,11,35,.3));
+}
+.baikal-header .seal-rock{
+  position:absolute;
+  left:0;
+  bottom:0;
+  width:190px;
+  height:52px;
+  z-index:1;
+  border:1px solid rgba(218,178,121,.42);
+  border-radius:52% 45% 28% 32%;
+  background:linear-gradient(160deg,#8193a1 0%,#4f6375 48%,#263d55 100%);
+  box-shadow:inset 12px 8px 18px rgba(255,255,255,.13),0 10px 18px rgba(0,9,30,.28);
+  transform:rotate(-3deg);
+}
+.baikal-header .seal-rock:after{
+  content:"";
+  position:absolute;
+  left:24px;
+  top:10px;
+  width:72px;
+  height:5px;
+  border-radius:50%;
+  background:rgba(221,218,199,.24);
+  transform:rotate(-8deg);
+}
+.baikal-header .free-seal .seal-flipper{
+  transform-box:fill-box;
+  transform-origin:center top;
+  animation:sealFlipperClap 1.15s ease-in-out infinite;
+}
+.baikal-header .free-seal .seal-flipper-bottom{animation-delay:-.58s}
+@keyframes sealResting{
+  0%,100%{transform:translateY(0) rotate(-1deg)}
+  50%{transform:translateY(-4px) rotate(1deg)}
+}
+@keyframes sealFlipperClap{
+  0%,100%{transform:rotate(-10deg)}
+  50%{transform:rotate(18deg)}
+}
+@media(max-width:620px){
+  .baikal-header .free-seal{
+    right:3%!important;
+    bottom:4%!important;
+    width:132px!important;
+    height:100px!important;
+    opacity:.72!important;
+  }
+  .baikal-header .free-seal-inner{width:116px!important;height:65px!important;left:7px!important;bottom:19px!important}
+  .baikal-header .seal-rock{width:132px;height:37px}
+  .baikal-header .seal-rock:after{left:16px;top:7px;width:50px;height:3px}
+}
+@media(prefers-reduced-motion:reduce){
+  .baikal-header .free-seal,
+  .baikal-header .free-seal-inner,
+  .baikal-header .free-seal .seal-flipper,
+  .baikal-header .free-seal .seal-tail{animation:none!important}
+}

fragments/hero.php

@@ -186,6 +186,22 @@
 
     
 
+    <div class="free-seal" aria-hidden="true">
+      <span class="seal-rock"></span>
+      <div class="free-seal-inner">
+        <svg viewBox="0 0 240 110" aria-hidden="true">
+          <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
+            <path class="seal-outline" d="M42 61c8-25 32-39 66-39 36 0 70 13 91 31 13 11 20 21 19 28-2 12-18 17-38 11-15-4-27-13-39-15-17-3-33 7-51 10-24 4-45-5-48-21-1-2 0-4 0-5Z"/>
+            <path class="seal-face" d="M160 35c13-4 28-1 38 8M180 44l8 4M185 53h1M204 47l10-4M202 56l10 4"/>
+            <path class="seal-flipper seal-flipper-top" d="M91 32C78 19 74 8 82 4c12 3 22 12 28 26"/>
+            <path class="seal-flipper seal-flipper-bottom" d="M111 78c-9 15-8 25 2 28 11-6 17-15 17-27"/>
+            <path class="seal-tail" d="M42 61 22 49 28 63 15 75l26-4"/>
+            <path d="M83 51c26-7 56-6 86 6M78 65c28 7 55 7 79 1" opacity=".7"/>
+          </g>
+        </svg>
+      </div>
+    </div>
+
     <div class="hero-bubbles hero-bubbles-front">
       <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>
     </div>