diff --git a/assets/css/main.css b/assets/css/main.css
index 37aefe6..64ff7fc 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -135,7 +135,7 @@ img {
background: #cf1717;
color: #ffffff;
font-size: 16px;
- font-weight: 700;
+ font-weight: 500;
line-height: 24px;
box-shadow: 0 25px 50px rgba(231, 0, 11, 0.5);
cursor: pointer;
@@ -210,7 +210,7 @@ img {
.hero__bg {
position: absolute;
inset: 0;
- background: linear-gradient(90deg, rgba(18, 18, 18, 0.9) 0%, rgba(18, 18, 18, 0.7) 50%, rgba(0, 0, 0, 0) 100%), url("https://www.figma.com/api/mcp/asset/e5a37fb1-e23a-4258-855e-e6951519202d") center/cover no-repeat;
+ background: linear-gradient(90deg, rgba(18, 18, 18, 0.9) 0%, rgba(18, 18, 18, 0.7) 50%, rgba(0, 0, 0, 0) 100%), url("../images/other/section-main.webp") center/cover no-repeat;
}
.hero__bg::after {
content: "";
@@ -246,7 +246,7 @@ img {
max-width: 768px;
margin-bottom: 24px;
font-size: 72px;
- font-weight: 800;
+ font-weight: 700;
line-height: 90px;
}
.hero h1 span {
@@ -287,7 +287,7 @@ img {
}
.highlights {
- background: #293133;
+ background: linear-gradient(90deg, #293133, #20272a);
padding: 96px 0;
}
.highlights__grid {
@@ -331,7 +331,7 @@ img {
z-index: 1;
}
.section--pattern {
- background: #1a2124;
+ background: #121212;
}
.section--pattern::before {
content: "";
@@ -358,7 +358,23 @@ img {
line-height: 1.15;
}
-.advantages__grid {
+.infrastructure {
+ background: linear-gradient(90deg, #293133 0%, #2f3b40 100%);
+}
+.infrastructure .section__head {
+ margin-bottom: 56px;
+}
+.infrastructure .section__head h2 {
+ font-size: 48px;
+ font-weight: 600;
+ line-height: 1.05;
+}
+.infrastructure .section__head p {
+ font-size: 20px;
+ font-weight: 400;
+ line-height: 1.2;
+}
+.infrastructure__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
@@ -369,37 +385,53 @@ img {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 16px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
- position: relative;
- min-height: 162px;
- padding: 25px;
- transition: transform 0.3s ease, border-color 0.3s ease;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: flex-start;
+ min-height: 238px;
+ padding: 32px 26px 30px;
+ text-align: center;
+ transition: transform 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
.feature-card:hover {
transform: translateY(-5px);
- border-color: rgba(207, 23, 23, 0.4);
+ border-color: rgba(207, 23, 23, 0.55);
+ background: rgba(18, 18, 18, 0.6);
}
-.feature-card::before {
- content: "";
+.feature-card__icon {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 64px;
+ height: 64px;
+ margin-bottom: 18px;
+ border-radius: 18px;
+ background: #cf1717;
+ color: #ffffff;
+ box-shadow: 0 12px 24px rgba(231, 0, 11, 0.5);
+}
+.feature-card__icon svg {
+ width: 32px;
+ height: 32px;
display: block;
- width: 48px;
- height: 48px;
- margin-bottom: 16px;
- border: 1px solid rgba(207, 23, 23, 0.32);
- border-radius: 14px;
- background: rgba(207, 23, 23, 0.16);
}
.feature-card h3 {
- margin-bottom: 8px;
- font-size: 20px;
+ margin-bottom: 10px;
+ font-size: 18px;
font-weight: 700;
line-height: 1.2;
}
.feature-card p {
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
- line-height: 1.4;
+ line-height: 1.3;
}
+.objects {
+ background-image: url(../images/bg-pattern.svg);
+ background-position: center;
+}
.objects .section__head {
margin-bottom: 64px;
}
@@ -480,55 +512,66 @@ img {
}
.services {
- background: #293133;
+ background: #121212;
+ background-image: url(../images/bg-pattern.svg);
+ background-position: center;
+}
+.services .section__head {
+ margin-bottom: 52px;
+}
+.services .section__head h2 {
+ font-size: 48px;
+ line-height: 1.05;
+}
+.services .section__head p {
+ font-size: 20px;
+ line-height: 1.2;
}
.services__grid {
display: grid;
- grid-template-columns: repeat(4, minmax(0, 1fr));
- gap: 24px;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 18px;
+ width: 100%;
+ max-width: 896px;
+ margin: 0 auto;
+}
+.services__cta {
+ margin-top: 48px;
+ text-align: center;
+}
+.services__cta-btn {
+ width: min(100%, 560px);
+ min-height: 60px;
+ padding: 16px 26px;
+ font-size: 18px;
+ line-height: 1.2;
+ box-shadow: 0 18px 34px rgba(231, 0, 11, 0.45);
}
.service-card {
- background: rgba(18, 18, 18, 0.4);
- border: 1px solid rgba(255, 255, 255, 0.1);
- border-radius: 16px;
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
display: flex;
- flex-direction: column;
- min-height: 260px;
- padding: 33px;
- transition: transform 0.3s ease, border-color 0.3s ease;
-}
-.service-card:hover {
- transform: translateY(-6px);
- border-color: rgba(207, 23, 23, 0.45);
-}
-.service-card h3 {
- margin-bottom: 12px;
- font-size: 24px;
+ align-items: center;
+ justify-content: center;
+ min-height: 72px;
+ padding: 12px 18px;
+ border: 1px solid rgba(207, 23, 23, 0.45);
+ border-radius: 16px;
+ background: #1d252b;
+ color: #ffffff;
+ font-size: 18px;
font-weight: 700;
line-height: 1.2;
+ text-align: center;
+ transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}
-.service-card p {
- margin-bottom: auto;
- color: rgba(255, 255, 255, 0.7);
- font-size: 18px;
- line-height: 28px;
-}
-.service-card a {
- display: inline-flex;
- width: fit-content;
- margin-top: 20px;
- padding: 10px 20px;
- border-radius: 14px;
- background: #cf1717;
- font-size: 14px;
- font-weight: 700;
- line-height: 20px;
+.service-card:hover {
+ transform: translateY(-3px);
+ border-color: rgba(207, 23, 23, 0.75);
+ background: #222c33;
}
.gallery {
- background: #1b2225;
+ background: linear-gradient(90deg, #293133, #20272a);
}
.gallery__grid {
display: grid;
@@ -550,7 +593,9 @@ img {
}
.reviews {
- background: #1a2023;
+ background: #121212;
+ background-image: url(../images/bg-pattern.svg);
+ background-position: center;
}
.reviews__grid {
display: grid;
@@ -626,7 +671,7 @@ img {
}
.booking {
- background: #1b2225;
+ background: linear-gradient(90deg, #293133, #20272a);
}
.booking__wrap {
display: grid;
@@ -637,13 +682,13 @@ img {
margin-bottom: 24px;
font-size: 48px;
font-weight: 600;
- line-height: 1.1;
+ line-height: 1.02;
}
.booking p {
margin-bottom: 32px;
color: rgba(255, 255, 255, 0.8);
- font-size: 18px;
- line-height: 1.45;
+ font-size: 16px;
+ line-height: 1.4;
}
.booking form {
display: flex;
@@ -652,13 +697,13 @@ img {
}
.booking form .btn {
width: 100%;
- height: 56px;
+ height: 60px;
margin-top: 4px;
padding: 0 24px;
}
.booking input {
width: 100%;
- height: 58px;
+ height: 72px;
padding: 0 24px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 14px;
@@ -668,7 +713,10 @@ img {
line-height: 18px;
}
.booking input::placeholder {
- color: rgba(255, 255, 255, 0.75);
+ color: rgba(255, 255, 255, 0.45);
+}
+.booking input {
+ outline: none;
}
.contacts-card,
@@ -690,73 +738,98 @@ img {
margin-bottom: 32px;
}
.contacts-card h3 {
- margin-bottom: 24px;
+ margin-bottom: 30px;
font-size: 24px;
- font-weight: 700;
- line-height: 1.2;
+ font-weight: 600;
+ line-height: 1.05;
}
.contacts-card ul {
display: flex;
flex-direction: column;
+ gap: 18px;
+}
+.contacts-card li {
+ display: flex;
+ align-items: flex-start;
gap: 16px;
}
-.contacts-card li strong {
+.contacts-card__icon {
+ flex: 0 0 24px;
+ width: 24px;
+ height: 24px;
+ margin-top: 2px;
+}
+.contacts-card__icon svg {
+ width: 24px;
+ height: 24px;
+ display: block;
+}
+.contacts-card__item-content strong {
display: block;
margin-bottom: 8px;
font-size: 16px;
- font-weight: 700;
- line-height: 1.2;
+ font-weight: 600;
+ line-height: 1.1;
}
-.contacts-card li span {
+.contacts-card__item-content span {
color: rgba(255, 255, 255, 0.8);
font-size: 16px;
- line-height: 1.5;
+ line-height: 1.45;
}
.hours-card h4 {
margin-bottom: 16px;
font-size: 16px;
- font-weight: 700;
+ font-weight: 600;
line-height: 1.2;
}
.hours-card p {
margin: 0;
font-size: 16px;
- line-height: 1.2;
+ line-height: 1.25;
}
.footer {
border-top: 1px solid rgba(207, 23, 23, 0.1);
- background: #121212;
- padding: 49px 0;
+ background: #090a0f;
+ padding: 64px 0 20px;
}
.footer__top {
display: grid;
- grid-template-columns: repeat(4, minmax(0, 1fr));
- gap: 32px;
- margin-bottom: 32px;
+ grid-template-columns: 1.45fr 1fr 1.15fr 1fr;
+ gap: 36px;
+ margin-bottom: 48px;
}
-.footer__col h4 {
+.footer__brand p {
+ max-width: 286px;
+ margin-top: 16px;
+ color: rgba(255, 255, 255, 0.65);
+ font-size: 14px;
+ line-height: 1.28;
+}
+.footer__nav h4, .footer__contacts h4, .footer__social h4 {
margin-bottom: 16px;
font-size: 16px;
- font-weight: 700;
- line-height: 1.2;
+ font-weight: 600;
+ line-height: 1.1;
}
-.footer__col p,
-.footer__col span,
-.footer__col a {
+.footer__nav a, .footer__contacts a, .footer__social a {
display: block;
- color: rgba(255, 255, 255, 0.8);
+ color: rgba(255, 255, 255, 0.65);
font-size: 14px;
- line-height: 1.3;
+ line-height: 1.35;
}
-.footer__col p {
- margin-top: 16px;
- line-height: 1.4;
+.footer__nav span, .footer__contacts span, .footer__social span {
+ display: block;
+ color: rgba(255, 255, 255, 0.65);
+ font-size: 14px;
+ line-height: 1.35;
}
-.footer__col a + a,
-.footer__col span + span {
- margin-top: 8px;
+.footer__nav a + a,
+.footer__nav span + span, .footer__contacts a + a,
+.footer__contacts span + span, .footer__social a + a,
+.footer__social span + span {
+ margin-top: 10px;
}
.footer__socials {
display: flex;
@@ -766,36 +839,41 @@ img {
display: inline-flex;
align-items: center;
justify-content: center;
- width: 40px;
- height: 40px;
- border: 1px solid rgba(255, 255, 255, 0.1);
+ width: 58px;
+ height: 58px;
+ border: 1px solid rgba(207, 23, 23, 0.5);
border-radius: 10px;
- font-size: 14px;
- font-weight: 700;
+ color: rgba(255, 255, 255, 0.92);
transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
+ margin-top: 0 !important;
+}
+.footer__socials a svg {
+ width: 24px;
+ height: 24px;
+ display: block;
}
.footer__socials a:hover {
transform: translateY(-2px);
- border-color: rgba(207, 23, 23, 0.5);
+ border-color: rgba(207, 23, 23, 0.85);
background: rgba(207, 23, 23, 0.15);
}
.footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
- gap: 16px;
- border-top: 1px solid rgba(255, 255, 255, 0.08);
- padding-top: 24px;
+ gap: 24px;
+ border-top: 1px solid rgba(207, 23, 23, 0.35);
+ padding-top: 30px;
}
.footer__bottom span,
.footer__bottom a {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(255, 255, 255, 0.4);
font-size: 14px;
line-height: 1.3;
}
-.footer__bottom div {
+.footer__legal {
display: flex;
- gap: 24px;
+ gap: 34px;
}
@media only screen and (max-width: 1600px) {
@@ -836,7 +914,35 @@ img {
font-size: 30px;
}
.booking h2 {
- font-size: 42px;
+ font-size: 48px;
+ }
+ .contacts-card h3 {
+ font-size: 24px;
+ }
+ .contacts-card__item-content strong {
+ font-size: 16px;
+ }
+ .hours-card h4 {
+ font-size: 16px;
+ }
+ .hours-card p {
+ font-size: 16px;
+ }
+ .footer__brand p {
+ font-size: 28px;
+ }
+ .footer__nav h4, .footer__contacts h4, .footer__social h4 {
+ font-size: 16px;
+ }
+ .footer__nav a,
+ .footer__nav span, .footer__contacts a,
+ .footer__contacts span, .footer__social a,
+ .footer__social span {
+ font-size: 14px;
+ }
+ .footer__bottom span,
+ .footer__bottom a {
+ font-size: 14px;
}
}
@media only screen and (max-width: 1024px) {
@@ -867,14 +973,17 @@ img {
flex-wrap: wrap;
}
.highlights__grid,
- .advantages__grid,
- .services__grid,
.gallery__grid,
.reviews__grid,
.stats,
- .footer__top {
+ .footer__top,
+ .infrastructure__grid,
+ .services__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
+ .services__grid {
+ max-width: none;
+ }
.object-card,
.booking__wrap {
grid-template-columns: 1fr;
@@ -902,6 +1011,29 @@ img {
flex-direction: column;
align-items: flex-start;
}
+ .footer__top {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 28px;
+ }
+ .footer__brand p {
+ font-size: 22px;
+ margin-top: 18px;
+ }
+ .footer__nav h4, .footer__contacts h4, .footer__social h4 {
+ font-size: 30px;
+ margin-bottom: 16px;
+ }
+ .footer__nav a,
+ .footer__nav span, .footer__contacts a,
+ .footer__contacts span, .footer__social a,
+ .footer__social span {
+ font-size: 22px;
+ line-height: 1.32;
+ }
+ .footer__bottom span,
+ .footer__bottom a {
+ font-size: 14px;
+ }
}
@media only screen and (max-width: 768px) {
.container {
@@ -939,20 +1071,67 @@ img {
line-height: 1.3;
}
.highlights__grid,
- .advantages__grid,
- .services__grid,
.gallery__grid,
.reviews__grid,
.stats,
.footer__top,
- .booking__contacts {
+ .booking__contacts,
+ .infrastructure__grid,
+ .services__grid {
grid-template-columns: 1fr;
}
.feature-card h3,
.object-card__content h3,
- .service-card h3,
.booking h2 {
- font-size: 28px;
+ font-size: 24px;
+ }
+ .booking input {
+ height: 60px;
+ }
+ .contacts-card h3 {
+ font-size: 34px;
+ margin-bottom: 18px;
+ }
+ .contacts-card__item-content strong {
+ font-size: 16px;
+ }
+ .contacts-card__item-content span {
+ font-size: 16px;
+ }
+ .hours-card h4 {
+ font-size: 16px;
+ margin-bottom: 12px;
+ }
+ .hours-card p {
+ font-size: 16px;
+ }
+ .infrastructure .section__head h2,
+ .services .section__head h2 {
+ font-size: 38px;
+ }
+ .infrastructure .section__head p,
+ .services .section__head p {
+ font-size: 20px;
+ }
+ .service-card {
+ font-size: 17px;
+ }
+ .footer__brand p {
+ font-size: 16px;
+ max-width: 100%;
+ }
+ .footer__nav h4, .footer__contacts h4, .footer__social h4 {
+ font-size: 16px;
+ }
+ .footer__nav a,
+ .footer__nav span, .footer__contacts a,
+ .footer__contacts span, .footer__social a,
+ .footer__social span {
+ font-size: 16px;
+ }
+ .footer__bottom span,
+ .footer__bottom a {
+ font-size: 14px;
}
.stats strong {
font-size: 40px;
@@ -990,7 +1169,6 @@ img {
}
.info-card,
.feature-card,
- .service-card,
.review-card,
.stats article,
.contacts-card,
@@ -1001,10 +1179,25 @@ img {
.object-card__image {
min-height: 260px;
}
- .footer__bottom div {
+ .service-card {
+ min-height: 64px;
+ font-size: 16px;
+ }
+ .services__cta-btn {
+ width: 100%;
+ font-size: 16px;
+ }
+ .footer__bottom .footer__legal {
flex-direction: column;
gap: 12px;
}
+ .footer__top {
+ gap: 20px;
+ }
+ .footer__socials a {
+ width: 50px;
+ height: 50px;
+ }
}
@media (prefers-reduced-motion: reduce) {
*,
diff --git a/assets/css/main.min.css b/assets/css/main.min.css
index 2a89dfc..a0cb059 100644
--- a/assets/css/main.min.css
+++ b/assets/css/main.min.css
@@ -1 +1 @@
-a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{color-scheme:dark}*{box-sizing:border-box}body,html{background:#121212;color:#fff;font-family:Segoe UI,Segoe UI Variable,Helvetica Neue,Arial,sans-serif}body{line-height:1}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.container{margin:0 auto;max-width:1400px;padding:0 24px;width:100%}.site{overflow:hidden;position:relative}.scroll-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--reveal-delay,0s);will-change:opacity,transform}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.btn{align-items:center;background:#cf1717;border:0;border-radius:14px;box-shadow:0 25px 50px rgba(231,0,11,.5);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;line-height:24px;padding:18px 24px;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--small{box-shadow:0 10px 15px rgba(231,0,11,.4),0 4px 6px rgba(231,0,11,.4);font-size:14px;line-height:20px;padding:10px 24px}.btn--ghost{background:rgba(41,49,51,.6);border:2px solid hsla(0,0%,100%,.2);box-shadow:none}.header{animation:slide-down .65s ease both;background:hsla(0,0%,7%,.95);border-bottom:1px solid rgba(207,23,23,.2);inset:0 0 auto;position:fixed;z-index:20}.header__inner{justify-content:space-between;min-height:72px}.header__inner,.header__nav{align-items:center;display:flex}.header__nav{gap:32px;margin-left:auto;margin-right:32px}.header__nav a{color:hsla(0,0%,100%,.8);font-size:14px;font-weight:600;line-height:20px;transition:color .2s ease}.header__nav a:hover{color:#fff}.logo{display:inline-flex;height:30px;width:137px}.logo img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero{min-height:852px;padding-top:72px;position:relative}.hero__bg{background:linear-gradient(90deg,hsla(0,0%,7%,.9),hsla(0,0%,7%,.7) 50%,transparent),url(https://www.figma.com/api/mcp/asset/e5a37fb1-e23a-4258-855e-e6951519202d) 50%/cover no-repeat;inset:0;position:absolute}.hero__bg:after{background-image:repeating-linear-gradient(0deg,hsla(0,0%,100%,.045) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,hsla(0,0%,100%,.045) 0 1px,transparent 1px 8px);content:"";inset:0;mix-blend-mode:soft-light;position:absolute}.hero__content{margin-left:528px;max-width:816px;padding-top:104px;position:relative;z-index:1}.hero__content>*{animation:fade-up .7s ease forwards;opacity:0}.hero__content h1{animation-delay:.15s}.hero__content p{animation-delay:.28s}.hero__content .hero__tags{animation-delay:.4s}.hero__content .hero__actions{animation-delay:.52s}.hero h1{font-size:72px;font-weight:800;line-height:90px;margin-bottom:24px;max-width:768px}.hero h1 span{color:#cf1717}.hero p{color:hsla(0,0%,100%,.8);font-size:20px;line-height:32px;margin-bottom:32px;max-width:768px}.hero__tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.hero__tags li{background:rgba(41,49,51,.6);border:1px solid rgba(207,23,23,.3);border-radius:999px;font-size:14px;font-weight:600;line-height:20px;padding:9px 17px;transition:border-color .25s ease,background-color .25s ease,transform .25s ease;white-space:nowrap}.hero__tags li:hover{background:rgba(41,49,51,.9);border-color:rgba(207,23,23,.55);transform:translateY(-1px)}.hero__actions{display:flex;gap:16px}.highlights{background:#293133;padding:96px 0}.highlights__grid{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.info-card{background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);min-height:178px;padding:33px;transition:transform .3s ease,border-color .3s ease,background-color .3s ease}.info-card:hover{background:hsla(0,0%,7%,.62);border-color:rgba(207,23,23,.45);transform:translateY(-6px)}.info-card h3{font-size:20px;font-weight:700;line-height:28px;margin-bottom:8px}.info-card p{color:hsla(0,0%,100%,.7);font-size:16px;line-height:24px}.section{padding:96px 0;position:relative}.section>.container{position:relative;z-index:1}.section--pattern{background:#1a2124}.section--pattern:before{background-image:radial-gradient(circle at 80px 80px,rgba(207,23,23,.25) 0 2px,transparent 2px 70px),radial-gradient(circle at 120px 120px,hsla(0,0%,100%,.06) 0 1px,transparent 1px 48px);background-size:320px 320px;content:"";inset:0;opacity:.4;pointer-events:none;position:absolute}.section__head{margin-bottom:64px;text-align:center}.section__head h2{font-size:48px;font-weight:700;line-height:1;margin-bottom:16px}.section__head p{color:hsla(0,0%,100%,.8);font-size:28px;line-height:1.15}.advantages__grid{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card{background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);min-height:162px;padding:25px;position:relative;transition:transform .3s ease,border-color .3s ease}.feature-card:hover{border-color:rgba(207,23,23,.4);transform:translateY(-5px)}.feature-card:before{background:rgba(207,23,23,.16);border:1px solid rgba(207,23,23,.32);border-radius:14px;content:"";display:block;height:48px;margin-bottom:16px;width:48px}.feature-card h3{font-size:20px;font-weight:700;line-height:1.2;margin-bottom:8px}.feature-card p{color:hsla(0,0%,100%,.7);font-size:16px;line-height:1.4}.objects .section__head{margin-bottom:64px}.object-card{display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:48px}.object-card:last-child{margin-bottom:0}.object-card--reverse .object-card__image{order:2}.object-card--reverse .object-card__content{order:1}.object-card__image{background-position:50%;background-size:cover;border-radius:16px;min-height:400px;transition:transform .5s ease}.object-card__content{align-self:center;background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);min-height:338px;padding:33px;transition:transform .3s ease,border-color .3s ease}.object-card__content h3{font-size:34px;font-weight:700;line-height:1.1;margin-bottom:16px}.object-card__content p{color:hsla(0,0%,100%,.7);font-size:18px;line-height:28px;margin-bottom:24px}.object-card__content ul{margin-bottom:24px}.object-card__content li{color:hsla(0,0%,100%,.8);font-size:16px;line-height:28px;padding-left:14px;position:relative}.object-card__content li+li{margin-top:8px}.object-card__content li:before{background:#cf1717;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:12px;width:6px}.object-card:hover .object-card__image{transform:scale(1.02)}.object-card:hover .object-card__content{border-color:rgba(207,23,23,.4);transform:translateY(-4px)}.services{background:#293133}.services__grid{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.service-card{background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);display:flex;flex-direction:column;min-height:260px;padding:33px;transition:transform .3s ease,border-color .3s ease}.service-card:hover{border-color:rgba(207,23,23,.45);transform:translateY(-6px)}.service-card h3{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:12px}.service-card p{color:hsla(0,0%,100%,.7);font-size:18px;line-height:28px;margin-bottom:auto}.service-card a{background:#cf1717;border-radius:14px;display:inline-flex;font-size:14px;font-weight:700;line-height:20px;margin-top:20px;padding:10px 20px;width:-moz-fit-content;width:fit-content}.gallery{background:#1b2225}.gallery__grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.gallery__item{aspect-ratio:16/10;background-position:50%;background-size:cover;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;transition:transform .45s ease,border-color .3s ease,filter .3s ease}.gallery__item:hover{border-color:rgba(207,23,23,.55);filter:saturate(1.08);transform:scale(1.03)}.reviews{background:#1a2023}.reviews__grid{display:grid;gap:32px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:64px}.review-card{background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);min-height:206px;padding:33px;transition:transform .3s ease,border-color .3s ease}.review-card:hover{border-color:rgba(207,23,23,.4);transform:translateY(-5px)}.review-card p{color:hsla(0,0%,100%,.8);font-size:16px;line-height:1.5;margin-bottom:24px}.review-card strong{display:block;font-size:16px;font-weight:700;line-height:1.2;margin-bottom:8px}.review-card span{color:hsla(0,0%,100%,.7);font-size:16px;line-height:1.2}.stats{display:grid;gap:32px;grid-template-columns:repeat(3,minmax(0,1fr))}.stats article{background:hsla(0,0%,7%,.4);background:#cf1717;border:0;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);min-height:144px;padding:32px;text-align:center;transition:transform .3s ease}.stats article:hover{transform:translateY(-5px)}.stats strong{color:#fff;display:block;font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.stats span{color:#fff;font-size:16px;line-height:1.3}.booking{background:#1b2225}.booking__wrap{display:grid;gap:48px;grid-template-columns:1fr 1fr}.booking h2{font-size:48px;font-weight:600;line-height:1.1;margin-bottom:24px}.booking p{color:hsla(0,0%,100%,.8);font-size:18px;line-height:1.45;margin-bottom:32px}.booking form{display:flex;flex-direction:column;gap:16px}.booking form .btn{height:56px;margin-top:4px;padding:0 24px;width:100%}.booking input{background:hsla(0,0%,7%,.35);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;color:#fff;font-size:16px;height:58px;line-height:18px;padding:0 24px;width:100%}.booking input::-moz-placeholder{color:hsla(0,0%,100%,.75)}.booking input::placeholder{color:hsla(0,0%,100%,.75)}.contacts-card,.hours-card{background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);padding:33px;transition:transform .3s ease,border-color .3s ease}.contacts-card:hover,.hours-card:hover{border-color:rgba(207,23,23,.4);transform:translateY(-4px)}.contacts-card{margin-bottom:32px}.contacts-card h3{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:24px}.contacts-card ul{display:flex;flex-direction:column;gap:16px}.contacts-card li strong{display:block;font-size:16px;font-weight:700;line-height:1.2;margin-bottom:8px}.contacts-card li span{color:hsla(0,0%,100%,.8);font-size:16px;line-height:1.5}.hours-card h4{font-weight:700;margin-bottom:16px}.hours-card h4,.hours-card p{font-size:16px;line-height:1.2}.hours-card p{margin:0}.footer{background:#121212;border-top:1px solid rgba(207,23,23,.1);padding:49px 0}.footer__top{display:grid;gap:32px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:32px}.footer__col h4{font-size:16px;font-weight:700;line-height:1.2;margin-bottom:16px}.footer__col a,.footer__col p,.footer__col span{color:hsla(0,0%,100%,.8);display:block;font-size:14px;line-height:1.3}.footer__col p{line-height:1.4;margin-top:16px}.footer__col a+a,.footer__col span+span{margin-top:8px}.footer__socials{display:flex;gap:12px}.footer__socials a{align-items:center;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;display:inline-flex;font-size:14px;font-weight:700;height:40px;justify-content:center;transition:transform .25s ease,border-color .25s ease,background-color .25s ease;width:40px}.footer__socials a:hover{background:rgba(207,23,23,.15);border-color:rgba(207,23,23,.5);transform:translateY(-2px)}.footer__bottom{align-items:center;border-top:1px solid hsla(0,0%,100%,.08);display:flex;gap:16px;justify-content:space-between;padding-top:24px}.footer__bottom a,.footer__bottom span{color:hsla(0,0%,100%,.7);font-size:14px;line-height:1.3}.footer__bottom div{display:flex;gap:24px}@media only screen and (max-width:1600px){.hero__content{margin-left:420px}.hero h1{font-size:64px;line-height:1.15}}@media only screen and (max-width:1280px){.container{padding:0 20px}.header__nav{gap:20px;margin-right:20px}.hero__content{margin-left:280px;max-width:700px}.hero h1{font-size:56px}.hero p{font-size:18px;line-height:1.6}.section__head h2{font-size:40px}.section__head p{font-size:24px}.object-card__content h3{font-size:30px}.booking h2{font-size:42px}}@media only screen and (max-width:1024px){.header__inner{min-height:64px}.header__nav{display:none}.hero{min-height:auto;padding:120px 0 80px}.hero__content{margin-left:0;max-width:100%;padding-top:0}.hero h1{font-size:48px;line-height:1.15}.hero h1,.hero p{max-width:640px}.hero__actions{flex-wrap:wrap}.advantages__grid,.footer__top,.gallery__grid,.highlights__grid,.reviews__grid,.services__grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.booking__wrap,.object-card{gap:24px;grid-template-columns:1fr}.object-card--reverse .object-card__content,.object-card--reverse .object-card__image{order:0}.section{padding:72px 0}.section__head{margin-bottom:40px}.booking__contacts{display:grid;gap:24px;grid-template-columns:1fr 1fr}.contacts-card{margin-bottom:0}.footer__bottom{align-items:flex-start;flex-direction:column}}@media only screen and (max-width:768px){.container{padding:0 16px}.btn{width:100%}.btn--small{width:auto}.hero{padding-top:108px}.hero h1{font-size:40px;max-width:100%}.hero p{font-size:16px;line-height:1.5;max-width:100%}.hero__tags li{white-space:normal}.hero__actions .btn--ghost{width:100%}.section__head h2{font-size:34px}.section__head p{font-size:20px;line-height:1.3}.advantages__grid,.booking__contacts,.footer__top,.gallery__grid,.highlights__grid,.reviews__grid,.services__grid,.stats{grid-template-columns:1fr}.booking h2,.feature-card h3,.object-card__content h3,.service-card h3{font-size:28px}.stats strong{font-size:40px}}@media only screen and (max-width:520px){.header__inner{gap:12px}.logo{height:24px;width:110px}.btn--small{font-size:13px;padding:10px 16px}.hero{padding-top:100px}.hero h1{font-size:34px}.hero__actions{gap:12px}.section{padding:64px 0}.section__head h2{font-size:32px}.section__head p{font-size:18px}.contacts-card,.feature-card,.hours-card,.info-card,.object-card__content,.review-card,.service-card,.stats article{padding:24px}.object-card__image{min-height:260px}.footer__bottom div{flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}.hero__content>*,.scroll-reveal{opacity:1!important}.scroll-reveal{transform:none!important}}
\ No newline at end of file
+a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{color-scheme:dark}*{box-sizing:border-box}body,html{background:#121212;color:#fff;font-family:Segoe UI,Segoe UI Variable,Helvetica Neue,Arial,sans-serif}body{line-height:1}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.container{margin:0 auto;max-width:1400px;padding:0 24px;width:100%}.site{overflow:hidden;position:relative}.scroll-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--reveal-delay,0s);will-change:opacity,transform}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.btn{align-items:center;background:#cf1717;border:0;border-radius:14px;box-shadow:0 25px 50px rgba(231,0,11,.5);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;justify-content:center;line-height:24px;padding:18px 24px;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--small{box-shadow:0 10px 15px rgba(231,0,11,.4),0 4px 6px rgba(231,0,11,.4);font-size:14px;line-height:20px;padding:10px 24px}.btn--ghost{background:rgba(41,49,51,.6);border:2px solid hsla(0,0%,100%,.2);box-shadow:none}.header{animation:slide-down .65s ease both;background:hsla(0,0%,7%,.95);border-bottom:1px solid rgba(207,23,23,.2);inset:0 0 auto;position:fixed;z-index:20}.header__inner{justify-content:space-between;min-height:72px}.header__inner,.header__nav{align-items:center;display:flex}.header__nav{gap:32px;margin-left:auto;margin-right:32px}.header__nav a{color:hsla(0,0%,100%,.8);font-size:14px;font-weight:600;line-height:20px;transition:color .2s ease}.header__nav a:hover{color:#fff}.logo{display:inline-flex;height:30px;width:137px}.logo img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero{min-height:852px;padding-top:72px;position:relative}.hero__bg{background:linear-gradient(90deg,hsla(0,0%,7%,.9),hsla(0,0%,7%,.7) 50%,transparent),url(../images/other/section-main.webp) 50%/cover no-repeat;inset:0;position:absolute}.hero__bg:after{background-image:repeating-linear-gradient(0deg,hsla(0,0%,100%,.045) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,hsla(0,0%,100%,.045) 0 1px,transparent 1px 8px);content:"";inset:0;mix-blend-mode:soft-light;position:absolute}.hero__content{margin-left:528px;max-width:816px;padding-top:104px;position:relative;z-index:1}.hero__content>*{animation:fade-up .7s ease forwards;opacity:0}.hero__content h1{animation-delay:.15s}.hero__content p{animation-delay:.28s}.hero__content .hero__tags{animation-delay:.4s}.hero__content .hero__actions{animation-delay:.52s}.hero h1{font-size:72px;font-weight:700;line-height:90px;margin-bottom:24px;max-width:768px}.hero h1 span{color:#cf1717}.hero p{color:hsla(0,0%,100%,.8);font-size:20px;line-height:32px;margin-bottom:32px;max-width:768px}.hero__tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.hero__tags li{background:rgba(41,49,51,.6);border:1px solid rgba(207,23,23,.3);border-radius:999px;font-size:14px;font-weight:600;line-height:20px;padding:9px 17px;transition:border-color .25s ease,background-color .25s ease,transform .25s ease;white-space:nowrap}.hero__tags li:hover{background:rgba(41,49,51,.9);border-color:rgba(207,23,23,.55);transform:translateY(-1px)}.hero__actions{display:flex;gap:16px}.highlights{background:linear-gradient(90deg,#293133,#20272a);padding:96px 0}.highlights__grid{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.info-card{background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);min-height:178px;padding:33px;transition:transform .3s ease,border-color .3s ease,background-color .3s ease}.info-card:hover{background:hsla(0,0%,7%,.62);border-color:rgba(207,23,23,.45);transform:translateY(-6px)}.info-card h3{font-size:20px;font-weight:700;line-height:28px;margin-bottom:8px}.info-card p{color:hsla(0,0%,100%,.7);font-size:16px;line-height:24px}.section{padding:96px 0;position:relative}.section>.container{position:relative;z-index:1}.section--pattern{background:#121212}.section--pattern:before{background-image:radial-gradient(circle at 80px 80px,rgba(207,23,23,.25) 0 2px,transparent 2px 70px),radial-gradient(circle at 120px 120px,hsla(0,0%,100%,.06) 0 1px,transparent 1px 48px);background-size:320px 320px;content:"";inset:0;opacity:.4;pointer-events:none;position:absolute}.section__head{margin-bottom:64px;text-align:center}.section__head h2{font-size:48px;font-weight:700;line-height:1;margin-bottom:16px}.section__head p{color:hsla(0,0%,100%,.8);font-size:28px;line-height:1.15}.infrastructure{background:linear-gradient(90deg,#293133,#2f3b40)}.infrastructure .section__head{margin-bottom:56px}.infrastructure .section__head h2{font-size:48px;font-weight:600;line-height:1.05}.infrastructure .section__head p{font-size:20px;font-weight:400;line-height:1.2}.infrastructure__grid{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card{align-items:center;background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:flex-start;min-height:238px;padding:32px 26px 30px;text-align:center;transition:transform .3s ease,border-color .3s ease,background-color .3s ease}.feature-card:hover{background:hsla(0,0%,7%,.6);border-color:rgba(207,23,23,.55);transform:translateY(-5px)}.feature-card__icon{align-items:center;background:#cf1717;border-radius:18px;box-shadow:0 12px 24px rgba(231,0,11,.5);color:#fff;display:inline-flex;height:64px;justify-content:center;margin-bottom:18px;width:64px}.feature-card__icon svg{display:block;height:32px;width:32px}.feature-card h3{font-size:18px;font-weight:700;line-height:1.2;margin-bottom:10px}.feature-card p{color:hsla(0,0%,100%,.7);font-size:16px;line-height:1.3}.objects{background-image:url(../images/bg-pattern.svg);background-position:50%}.objects .section__head{margin-bottom:64px}.object-card{display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:48px}.object-card:last-child{margin-bottom:0}.object-card--reverse .object-card__image{order:2}.object-card--reverse .object-card__content{order:1}.object-card__image{background-position:50%;background-size:cover;border-radius:16px;min-height:400px;transition:transform .5s ease}.object-card__content{align-self:center;background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);min-height:338px;padding:33px;transition:transform .3s ease,border-color .3s ease}.object-card__content h3{font-size:34px;font-weight:700;line-height:1.1;margin-bottom:16px}.object-card__content p{color:hsla(0,0%,100%,.7);font-size:18px;line-height:28px;margin-bottom:24px}.object-card__content ul{margin-bottom:24px}.object-card__content li{color:hsla(0,0%,100%,.8);font-size:16px;line-height:28px;padding-left:14px;position:relative}.object-card__content li+li{margin-top:8px}.object-card__content li:before{background:#cf1717;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:12px;width:6px}.object-card:hover .object-card__image{transform:scale(1.02)}.object-card:hover .object-card__content{border-color:rgba(207,23,23,.4);transform:translateY(-4px)}.services{background:#121212;background-image:url(../images/bg-pattern.svg);background-position:50%}.services .section__head{margin-bottom:52px}.services .section__head h2{font-size:48px;line-height:1.05}.services .section__head p{font-size:20px;line-height:1.2}.services__grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:896px;width:100%}.services__cta{margin-top:48px;text-align:center}.services__cta-btn{box-shadow:0 18px 34px rgba(231,0,11,.45);font-size:18px;line-height:1.2;min-height:60px;padding:16px 26px;width:min(100%,560px)}.service-card{align-items:center;background:#1d252b;border:1px solid rgba(207,23,23,.45);border-radius:16px;color:#fff;display:flex;font-size:18px;font-weight:700;justify-content:center;line-height:1.2;min-height:72px;padding:12px 18px;text-align:center;transition:transform .25s ease,border-color .25s ease,background-color .25s ease}.service-card:hover{background:#222c33;border-color:rgba(207,23,23,.75);transform:translateY(-3px)}.gallery{background:linear-gradient(90deg,#293133,#20272a)}.gallery__grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.gallery__item{aspect-ratio:16/10;background-position:50%;background-size:cover;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;transition:transform .45s ease,border-color .3s ease,filter .3s ease}.gallery__item:hover{border-color:rgba(207,23,23,.55);filter:saturate(1.08);transform:scale(1.03)}.reviews{background:#121212;background-image:url(../images/bg-pattern.svg);background-position:50%}.reviews__grid{display:grid;gap:32px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:64px}.review-card{background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);min-height:206px;padding:33px;transition:transform .3s ease,border-color .3s ease}.review-card:hover{border-color:rgba(207,23,23,.4);transform:translateY(-5px)}.review-card p{color:hsla(0,0%,100%,.8);font-size:16px;line-height:1.5;margin-bottom:24px}.review-card strong{display:block;font-size:16px;font-weight:700;line-height:1.2;margin-bottom:8px}.review-card span{color:hsla(0,0%,100%,.7);font-size:16px;line-height:1.2}.stats{display:grid;gap:32px;grid-template-columns:repeat(3,minmax(0,1fr))}.stats article{background:hsla(0,0%,7%,.4);background:#cf1717;border:0;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);min-height:144px;padding:32px;text-align:center;transition:transform .3s ease}.stats article:hover{transform:translateY(-5px)}.stats strong{color:#fff;display:block;font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.stats span{color:#fff;font-size:16px;line-height:1.3}.booking{background:linear-gradient(90deg,#293133,#20272a)}.booking__wrap{display:grid;gap:48px;grid-template-columns:1fr 1fr}.booking h2{font-size:48px;font-weight:600;line-height:1.02;margin-bottom:24px}.booking p{color:hsla(0,0%,100%,.8);font-size:16px;line-height:1.4;margin-bottom:32px}.booking form{display:flex;flex-direction:column;gap:16px}.booking form .btn{height:60px;margin-top:4px;padding:0 24px;width:100%}.booking input{background:hsla(0,0%,7%,.35);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;color:#fff;font-size:16px;height:72px;line-height:18px;padding:0 24px;width:100%}.booking input::-moz-placeholder{color:hsla(0,0%,100%,.45)}.booking input::placeholder{color:hsla(0,0%,100%,.45)}.booking input{outline:none}.contacts-card,.hours-card{background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);padding:33px;transition:transform .3s ease,border-color .3s ease}.contacts-card:hover,.hours-card:hover{border-color:rgba(207,23,23,.4);transform:translateY(-4px)}.contacts-card{margin-bottom:32px}.contacts-card h3{font-size:24px;font-weight:600;line-height:1.05;margin-bottom:30px}.contacts-card ul{display:flex;flex-direction:column;gap:18px}.contacts-card li{align-items:flex-start;display:flex;gap:16px}.contacts-card__icon{flex:0 0 24px;height:24px;margin-top:2px;width:24px}.contacts-card__icon svg{display:block;height:24px;width:24px}.contacts-card__item-content strong{display:block;font-size:16px;font-weight:600;line-height:1.1;margin-bottom:8px}.contacts-card__item-content span{color:hsla(0,0%,100%,.8);font-size:16px;line-height:1.45}.hours-card h4{font-size:16px;font-weight:600;line-height:1.2;margin-bottom:16px}.hours-card p{font-size:16px;line-height:1.25;margin:0}.footer{background:#090a0f;border-top:1px solid rgba(207,23,23,.1);padding:64px 0 20px}.footer__top{display:grid;gap:36px;grid-template-columns:1.45fr 1fr 1.15fr 1fr;margin-bottom:48px}.footer__brand p{color:hsla(0,0%,100%,.65);font-size:14px;line-height:1.28;margin-top:16px;max-width:286px}.footer__contacts h4,.footer__nav h4,.footer__social h4{font-size:16px;font-weight:600;line-height:1.1;margin-bottom:16px}.footer__contacts a,.footer__contacts span,.footer__nav a,.footer__nav span,.footer__social a,.footer__social span{color:hsla(0,0%,100%,.65);display:block;font-size:14px;line-height:1.35}.footer__contacts a+a,.footer__contacts span+span,.footer__nav a+a,.footer__nav span+span,.footer__social a+a,.footer__social span+span{margin-top:10px}.footer__socials{display:flex;gap:12px}.footer__socials a{align-items:center;border:1px solid rgba(207,23,23,.5);border-radius:10px;color:hsla(0,0%,100%,.92);display:inline-flex;height:58px;justify-content:center;margin-top:0!important;transition:transform .25s ease,border-color .25s ease,background-color .25s ease;width:58px}.footer__socials a svg{display:block;height:24px;width:24px}.footer__socials a:hover{background:rgba(207,23,23,.15);border-color:rgba(207,23,23,.85);transform:translateY(-2px)}.footer__bottom{align-items:center;border-top:1px solid rgba(207,23,23,.35);display:flex;gap:24px;justify-content:space-between;padding-top:30px}.footer__bottom a,.footer__bottom span{color:hsla(0,0%,100%,.4);font-size:14px;line-height:1.3}.footer__legal{display:flex;gap:34px}@media only screen and (max-width:1600px){.hero__content{margin-left:420px}.hero h1{font-size:64px;line-height:1.15}}@media only screen and (max-width:1280px){.container{padding:0 20px}.header__nav{gap:20px;margin-right:20px}.hero__content{margin-left:280px;max-width:700px}.hero h1{font-size:56px}.hero p{font-size:18px;line-height:1.6}.section__head h2{font-size:40px}.section__head p{font-size:24px}.object-card__content h3{font-size:30px}.booking h2{font-size:48px}.contacts-card h3{font-size:24px}.contacts-card__item-content strong,.hours-card h4,.hours-card p{font-size:16px}.footer__brand p{font-size:28px}.footer__contacts h4,.footer__nav h4,.footer__social h4{font-size:16px}.footer__bottom a,.footer__bottom span,.footer__contacts a,.footer__contacts span,.footer__nav a,.footer__nav span,.footer__social a,.footer__social span{font-size:14px}}@media only screen and (max-width:1024px){.header__inner{min-height:64px}.header__nav{display:none}.hero{min-height:auto;padding:120px 0 80px}.hero__content{margin-left:0;max-width:100%;padding-top:0}.hero h1{font-size:48px;line-height:1.15}.hero h1,.hero p{max-width:640px}.hero__actions{flex-wrap:wrap}.footer__top,.gallery__grid,.highlights__grid,.infrastructure__grid,.reviews__grid,.services__grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.services__grid{max-width:none}.booking__wrap,.object-card{gap:24px;grid-template-columns:1fr}.object-card--reverse .object-card__content,.object-card--reverse .object-card__image{order:0}.section{padding:72px 0}.section__head{margin-bottom:40px}.booking__contacts{display:grid;gap:24px;grid-template-columns:1fr 1fr}.contacts-card{margin-bottom:0}.footer__bottom{align-items:flex-start;flex-direction:column}.footer__top{gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}.footer__brand p{font-size:22px;margin-top:18px}.footer__contacts h4,.footer__nav h4,.footer__social h4{font-size:30px;margin-bottom:16px}.footer__contacts a,.footer__contacts span,.footer__nav a,.footer__nav span,.footer__social a,.footer__social span{font-size:22px;line-height:1.32}.footer__bottom a,.footer__bottom span{font-size:14px}}@media only screen and (max-width:768px){.container{padding:0 16px}.btn{width:100%}.btn--small{width:auto}.hero{padding-top:108px}.hero h1{font-size:40px;max-width:100%}.hero p{font-size:16px;line-height:1.5;max-width:100%}.hero__tags li{white-space:normal}.hero__actions .btn--ghost{width:100%}.section__head h2{font-size:34px}.section__head p{font-size:20px;line-height:1.3}.booking__contacts,.footer__top,.gallery__grid,.highlights__grid,.infrastructure__grid,.reviews__grid,.services__grid,.stats{grid-template-columns:1fr}.booking h2,.feature-card h3,.object-card__content h3{font-size:24px}.booking input{height:60px}.contacts-card h3{font-size:34px;margin-bottom:18px}.contacts-card__item-content span,.contacts-card__item-content strong{font-size:16px}.hours-card h4{font-size:16px;margin-bottom:12px}.hours-card p{font-size:16px}.infrastructure .section__head h2,.services .section__head h2{font-size:38px}.infrastructure .section__head p,.services .section__head p{font-size:20px}.service-card{font-size:17px}.footer__brand p{font-size:16px;max-width:100%}.footer__contacts a,.footer__contacts h4,.footer__contacts span,.footer__nav a,.footer__nav h4,.footer__nav span,.footer__social a,.footer__social h4,.footer__social span{font-size:16px}.footer__bottom a,.footer__bottom span{font-size:14px}.stats strong{font-size:40px}}@media only screen and (max-width:520px){.header__inner{gap:12px}.logo{height:24px;width:110px}.btn--small{font-size:13px;padding:10px 16px}.hero{padding-top:100px}.hero h1{font-size:34px}.hero__actions{gap:12px}.section{padding:64px 0}.section__head h2{font-size:32px}.section__head p{font-size:18px}.contacts-card,.feature-card,.hours-card,.info-card,.object-card__content,.review-card,.stats article{padding:24px}.object-card__image{min-height:260px}.service-card{font-size:16px;min-height:64px}.services__cta-btn{font-size:16px;width:100%}.footer__bottom .footer__legal{flex-direction:column;gap:12px}.footer__top{gap:20px}.footer__socials a{height:50px;width:50px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}.hero__content>*,.scroll-reveal{opacity:1!important}.scroll-reveal{transform:none!important}}
\ No newline at end of file
diff --git a/assets/images/bg-pattern.svg b/assets/images/bg-pattern.svg
new file mode 100644
index 0000000..c18c342
--- /dev/null
+++ b/assets/images/bg-pattern.svg
@@ -0,0 +1,40 @@
+
diff --git a/assets/images/logo.svg b/assets/images/logo.svg
new file mode 100644
index 0000000..b0fa2ea
--- /dev/null
+++ b/assets/images/logo.svg
@@ -0,0 +1,9 @@
+
diff --git a/assets/images/other/_tmp_infra.png b/assets/images/other/_tmp_infra.png
new file mode 100644
index 0000000..819729f
Binary files /dev/null and b/assets/images/other/_tmp_infra.png differ
diff --git a/assets/images/other/_tmp_services.png b/assets/images/other/_tmp_services.png
new file mode 100644
index 0000000..b1b433f
Binary files /dev/null and b/assets/images/other/_tmp_services.png differ
diff --git a/assets/images/other/booking-section.webp b/assets/images/other/booking-section.webp
new file mode 100644
index 0000000..9bcae98
Binary files /dev/null and b/assets/images/other/booking-section.webp differ
diff --git a/assets/images/other/footer-section.webp b/assets/images/other/footer-section.webp
new file mode 100644
index 0000000..c16beee
Binary files /dev/null and b/assets/images/other/footer-section.webp differ
diff --git a/assets/images/other/infrastructure-section.webp b/assets/images/other/infrastructure-section.webp
new file mode 100644
index 0000000..4b5d627
Binary files /dev/null and b/assets/images/other/infrastructure-section.webp differ
diff --git a/assets/images/other/section-main.webp b/assets/images/other/section-main.webp
new file mode 100644
index 0000000..41cc290
Binary files /dev/null and b/assets/images/other/section-main.webp differ
diff --git a/assets/images/other/services-section.webp b/assets/images/other/services-section.webp
new file mode 100644
index 0000000..477d341
Binary files /dev/null and b/assets/images/other/services-section.webp differ
diff --git a/assets/images/svg-sprites.svg b/assets/images/svg-sprites.svg
new file mode 100644
index 0000000..e487e05
--- /dev/null
+++ b/assets/images/svg-sprites.svg
@@ -0,0 +1,46 @@
+
diff --git a/assets/js/main.js b/assets/js/main.js
index 0de5e3a..7b5e773 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -13,8 +13,6 @@
".booking__form",
".contacts-card",
".hours-card",
- ".footer__col",
- ".footer__bottom"
];
const elements = Array.from(document.querySelectorAll(selectors.join(",")));
diff --git a/assets/scss/_base.scss b/assets/scss/_base.scss
index 9e9d2df..36cb9bd 100644
--- a/assets/scss/_base.scss
+++ b/assets/scss/_base.scss
@@ -81,7 +81,7 @@ img {
background: $color-accent;
color: $color-text;
font-size: 16px;
- font-weight: 700;
+ font-weight: 500;
line-height: 24px;
box-shadow: $shadow-accent;
cursor: pointer;
@@ -167,7 +167,7 @@ img {
inset: 0;
background:
linear-gradient(90deg, rgba(18, 18, 18, 0.9) 0%, rgba(18, 18, 18, 0.7) 50%, rgba(0, 0, 0, 0) 100%),
- url("https://www.figma.com/api/mcp/asset/e5a37fb1-e23a-4258-855e-e6951519202d") center / cover no-repeat;
+ url("../images/other/section-main.webp") center / cover no-repeat;
&::after {
content: "";
@@ -213,7 +213,7 @@ img {
max-width: 768px;
margin-bottom: 24px;
font-size: 72px;
- font-weight: 800;
+ font-weight: 700;
line-height: 90px;
span {
@@ -261,7 +261,7 @@ img {
}
.highlights {
- background: $color-surface;
+ background: linear-gradient(90deg, $color-surface, $color-surface-2);
padding: 96px 0;
&__grid {
@@ -307,7 +307,7 @@ img {
}
&--pattern {
- background: #1a2124;
+ background: $color-bg;
&::before {
content: "";
@@ -341,7 +341,25 @@ img {
}
}
-.advantages {
+.infrastructure {
+ background: linear-gradient(90deg, #293133 0%, #2f3b40 100%);
+
+ .section__head {
+ margin-bottom: 56px;
+
+ h2 {
+ font-size: 48px;
+ font-weight: 600;
+ line-height: 1.05;
+ }
+
+ p {
+ font-size: 20px;
+ font-weight: 400;
+ line-height: 1.2;
+ }
+ }
+
&__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
@@ -351,30 +369,43 @@ img {
.feature-card {
@include card;
- position: relative;
- min-height: 162px;
- padding: 25px;
- transition: transform 0.3s ease, border-color 0.3s ease;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: flex-start;
+ min-height: 238px;
+ padding: 32px 26px 30px;
+ text-align: center;
+ transition: transform 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
&:hover {
transform: translateY(-5px);
- border-color: rgba(207, 23, 23, 0.4);
+ border-color: rgba(207, 23, 23, 0.55);
+ background: rgba(18, 18, 18, 0.6);
}
- &::before {
- content: "";
- display: block;
- width: 48px;
- height: 48px;
- margin-bottom: 16px;
- border: 1px solid rgba(207, 23, 23, 0.32);
- border-radius: 14px;
- background: rgba(207, 23, 23, 0.16);
+ &__icon {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 64px;
+ height: 64px;
+ margin-bottom: 18px;
+ border-radius: 18px;
+ background: $color-accent;
+ color: $color-text;
+ box-shadow: 0 12px 24px rgba(231, 0, 11, 0.5);
+
+ svg {
+ width: 32px;
+ height: 32px;
+ display: block;
+ }
}
h3 {
- margin-bottom: 8px;
- font-size: 20px;
+ margin-bottom: 10px;
+ font-size: 18px;
font-weight: 700;
line-height: 1.2;
}
@@ -382,11 +413,13 @@ img {
p {
color: $color-text-muted;
font-size: 16px;
- line-height: 1.4;
+ line-height: 1.3;
}
}
.objects {
+ background-image: url(../images/bg-pattern.svg);
+ background-position: center;
.section__head {
margin-bottom: 64px;
}
@@ -482,57 +515,73 @@ img {
}
.services {
- background: $color-surface;
+ background: $color-bg;
+ background-image: url(../images/bg-pattern.svg);
+ background-position: center;
+
+ .section__head {
+ margin-bottom: 52px;
+
+ h2 {
+ font-size: 48px;
+ line-height: 1.05;
+ }
+
+ p {
+ font-size: 20px;
+ line-height: 1.2;
+ }
+ }
&__grid {
display: grid;
- grid-template-columns: repeat(4, minmax(0, 1fr));
- gap: 24px;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 18px;
+ width: 100%;
+ max-width: 896px;
+ margin: 0 auto;
+ }
+
+ &__cta {
+ margin-top: 48px;
+ text-align: center;
+ }
+
+ &__cta-btn {
+ width: min(100%, 560px);
+ min-height: 60px;
+ padding: 16px 26px;
+ font-size: 18px;
+ line-height: 1.2;
+ box-shadow: 0 18px 34px rgba(231, 0, 11, 0.45);
}
}
.service-card {
- @include card;
display: flex;
- flex-direction: column;
- min-height: 260px;
- padding: 33px;
- transition: transform 0.3s ease, border-color 0.3s ease;
+ align-items: center;
+ justify-content: center;
+ min-height: 72px;
+ padding: 12px 18px;
+ border: 1px solid rgba(207, 23, 23, 0.45);
+ border-radius: $radius-md;
+ background: #1d252b;
+ color: $color-text;
+ font-size: 18px;
+ font-weight: 700;
+ line-height: 1.2;
+ text-align: center;
+ transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
&:hover {
- transform: translateY(-6px);
- border-color: rgba(207, 23, 23, 0.45);
- }
-
- h3 {
- margin-bottom: 12px;
- font-size: 24px;
- font-weight: 700;
- line-height: 1.2;
- }
-
- p {
- margin-bottom: auto;
- color: $color-text-muted;
- font-size: 18px;
- line-height: 28px;
- }
-
- a {
- display: inline-flex;
- width: fit-content;
- margin-top: 20px;
- padding: 10px 20px;
- border-radius: $radius-sm;
- background: $color-accent;
- font-size: 14px;
- font-weight: 700;
- line-height: 20px;
+ transform: translateY(-3px);
+ border-color: rgba(207, 23, 23, 0.75);
+ background: #222c33;
}
}
.gallery {
- background: #1b2225;
+ background: linear-gradient(90deg, $color-surface, $color-surface-2);
&__grid {
display: grid;
@@ -557,7 +606,9 @@ img {
}
.reviews {
- background: #1a2023;
+ background: $color-bg;
+ background-image: url(../images/bg-pattern.svg);
+ background-position: center;
&__grid {
display: grid;
@@ -636,7 +687,7 @@ img {
}
.booking {
- background: #1b2225;
+ background: linear-gradient(90deg, $color-surface, $color-surface-2);
&__wrap {
display: grid;
@@ -648,14 +699,14 @@ img {
margin-bottom: 24px;
font-size: 48px;
font-weight: 600;
- line-height: 1.1;
+ line-height: 1.02;
}
p {
margin-bottom: 32px;
color: $color-text-soft;
- font-size: 18px;
- line-height: 1.45;
+ font-size: 16px;
+ line-height: 1.4;
}
form {
@@ -665,7 +716,7 @@ img {
.btn {
width: 100%;
- height: 56px;
+ height: 60px;
margin-top: 4px;
padding: 0 24px;
}
@@ -673,7 +724,7 @@ img {
input {
width: 100%;
- height: 58px;
+ height: 72px;
padding: 0 24px;
border: 1px solid $color-border;
border-radius: $radius-sm;
@@ -683,8 +734,10 @@ img {
line-height: 18px;
&::placeholder {
- color: rgba(255, 255, 255, 0.75);
+ color: rgba(255, 255, 255, 0.45);
}
+
+ outline: none;
}
}
@@ -704,31 +757,50 @@ img {
margin-bottom: 32px;
h3 {
- margin-bottom: 24px;
+ margin-bottom: 30px;
font-size: 24px;
- font-weight: 700;
- line-height: 1.2;
+ font-weight: 600;
+ line-height: 1.05;
}
ul {
display: flex;
flex-direction: column;
- gap: 16px;
+ gap: 18px;
}
li {
+ display: flex;
+ align-items: flex-start;
+ gap: 16px;
+ }
+
+ &__icon {
+ flex: 0 0 24px;
+ width: 24px;
+ height: 24px;
+ margin-top: 2px;
+
+ svg {
+ width: 24px;
+ height: 24px;
+ display: block;
+ }
+ }
+
+ &__item-content {
strong {
display: block;
margin-bottom: 8px;
font-size: 16px;
- font-weight: 700;
- line-height: 1.2;
+ font-weight: 600;
+ line-height: 1.1;
}
span {
color: $color-text-soft;
font-size: 16px;
- line-height: 1.5;
+ line-height: 1.45;
}
}
}
@@ -737,54 +809,66 @@ img {
h4 {
margin-bottom: 16px;
font-size: 16px;
- font-weight: 700;
+ font-weight: 600;
line-height: 1.2;
}
p {
margin: 0;
font-size: 16px;
- line-height: 1.2;
+ line-height: 1.25;
}
}
.footer {
border-top: 1px solid rgba(207, 23, 23, 0.1);
- background: #121212;
- padding: 49px 0;
+ background: #090a0f;
+ padding: 64px 0 20px;
&__top {
display: grid;
- grid-template-columns: repeat(4, minmax(0, 1fr));
- gap: 32px;
- margin-bottom: 32px;
+ grid-template-columns: 1.45fr 1fr 1.15fr 1fr;
+ gap: 36px;
+ margin-bottom: 48px;
}
- &__col {
+ &__brand {
+ p {
+ max-width: 286px;
+ margin-top: 16px;
+ color: rgba(255, 255, 255, 0.65);
+ font-size: 14px;
+ line-height: 1.28;
+ }
+ }
+
+ &__nav,
+ &__contacts,
+ &__social {
h4 {
margin-bottom: 16px;
font-size: 16px;
- font-weight: 700;
- line-height: 1.2;
+ font-weight: 600;
+ line-height: 1.1;
}
- p,
- span,
a {
display: block;
- color: $color-text-soft;
+ color: rgba(255, 255, 255, 0.65);
font-size: 14px;
- line-height: 1.3;
+ line-height: 1.35;
}
- p {
- margin-top: 16px;
- line-height: 1.4;
+ span {
+ display: block;
+ color: rgba(255, 255, 255, 0.65);
+ font-size: 14px;
+ line-height: 1.35;
}
a + a,
span + span {
- margin-top: 8px;
+ margin-top: 10px;
}
}
@@ -796,17 +880,23 @@ img {
display: inline-flex;
align-items: center;
justify-content: center;
- width: 40px;
- height: 40px;
- border: 1px solid $color-border;
+ width: 58px;
+ height: 58px;
+ border: 1px solid rgba(207, 23, 23, 0.5);
border-radius: 10px;
- font-size: 14px;
- font-weight: 700;
+ color: rgba(255, 255, 255, 0.92);
transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
+ margin-top: 0 !important;
+
+ svg {
+ width: 24px;
+ height: 24px;
+ display: block;
+ }
&:hover {
transform: translateY(-2px);
- border-color: rgba(207, 23, 23, 0.5);
+ border-color: rgba(207, 23, 23, 0.85);
background: rgba(207, 23, 23, 0.15);
}
}
@@ -816,21 +906,21 @@ img {
display: flex;
align-items: center;
justify-content: space-between;
- gap: 16px;
- border-top: 1px solid rgba(255, 255, 255, 0.08);
- padding-top: 24px;
+ gap: 24px;
+ border-top: 1px solid rgba(207, 23, 23, 0.35);
+ padding-top: 30px;
span,
a {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(255, 255, 255, 0.4);
font-size: 14px;
line-height: 1.3;
}
+ }
- div {
- display: flex;
- gap: 24px;
- }
+ &__legal {
+ display: flex;
+ gap: 34px;
}
}
@@ -893,7 +983,55 @@ img {
.booking {
h2 {
- font-size: 42px;
+ font-size: 48px;
+ }
+ }
+
+ .contacts-card {
+ h3 {
+ font-size: 24px;
+ }
+
+ &__item-content {
+ strong {
+ font-size: 16px;
+ }
+ }
+ }
+
+ .hours-card {
+ h4 {
+ font-size: 16px;
+ }
+
+ p {
+ font-size: 16px;
+ }
+ }
+
+ .footer {
+ &__brand p {
+ font-size: 28px;
+ }
+
+ &__nav,
+ &__contacts,
+ &__social {
+ h4 {
+ font-size: 16px;
+ }
+
+ a,
+ span {
+ font-size: 14px;
+ }
+ }
+
+ &__bottom {
+ span,
+ a {
+ font-size: 14px;
+ }
}
}
}
@@ -935,15 +1073,19 @@ img {
}
.highlights__grid,
- .advantages__grid,
- .services__grid,
.gallery__grid,
.reviews__grid,
.stats,
- .footer__top {
+ .footer__top,
+ .infrastructure__grid,
+ .services__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
+ .services__grid {
+ max-width: none;
+ }
+
.object-card,
.booking__wrap {
grid-template-columns: 1fr;
@@ -979,6 +1121,40 @@ img {
flex-direction: column;
align-items: flex-start;
}
+
+ .footer {
+ &__top {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 28px;
+ }
+
+ &__brand p {
+ font-size: 22px;
+ margin-top: 18px;
+ }
+
+ &__nav,
+ &__contacts,
+ &__social {
+ h4 {
+ font-size: 30px;
+ margin-bottom: 16px;
+ }
+
+ a,
+ span {
+ font-size: 22px;
+ line-height: 1.32;
+ }
+ }
+
+ &__bottom {
+ span,
+ a {
+ font-size: 14px;
+ }
+ }
+ }
}
@include respond($bp-md) {
@@ -1033,21 +1209,95 @@ img {
}
.highlights__grid,
- .advantages__grid,
- .services__grid,
.gallery__grid,
.reviews__grid,
.stats,
.footer__top,
- .booking__contacts {
+ .booking__contacts,
+ .infrastructure__grid,
+ .services__grid {
grid-template-columns: 1fr;
}
.feature-card h3,
.object-card__content h3,
- .service-card h3,
.booking h2 {
- font-size: 28px;
+ font-size: 24px;
+ }
+
+ .booking {
+ input {
+ height: 60px;
+ }
+ }
+
+ .contacts-card {
+ h3 {
+ font-size: 34px;
+ margin-bottom: 18px;
+ }
+
+ &__item-content {
+ strong {
+ font-size: 16px;
+ }
+
+ span {
+ font-size: 16px;
+ }
+ }
+ }
+
+ .hours-card {
+ h4 {
+ font-size: 16px;
+ margin-bottom: 12px;
+ }
+
+ p {
+ font-size: 16px;
+ }
+ }
+
+ .infrastructure .section__head h2,
+ .services .section__head h2 {
+ font-size: 38px;
+ }
+
+ .infrastructure .section__head p,
+ .services .section__head p {
+ font-size: 20px;
+ }
+
+ .service-card {
+ font-size: 17px;
+ }
+
+ .footer {
+ &__brand p {
+ font-size: 16px;
+ max-width: 100%;
+ }
+
+ &__nav,
+ &__contacts,
+ &__social {
+ h4 {
+ font-size: 16px;
+ }
+
+ a,
+ span {
+ font-size: 16px;
+ }
+ }
+
+ &__bottom {
+ span,
+ a {
+ font-size: 14px;
+ }
+ }
}
.stats strong {
@@ -1100,7 +1350,6 @@ img {
.info-card,
.feature-card,
- .service-card,
.review-card,
.stats article,
.contacts-card,
@@ -1113,12 +1362,33 @@ img {
min-height: 260px;
}
+ .service-card {
+ min-height: 64px;
+ font-size: 16px;
+ }
+
+ .services__cta-btn {
+ width: 100%;
+ font-size: 16px;
+ }
+
.footer__bottom {
- div {
+ .footer__legal {
flex-direction: column;
gap: 12px;
}
}
+
+ .footer {
+ &__top {
+ gap: 20px;
+ }
+
+ &__socials a {
+ width: 50px;
+ height: 50px;
+ }
+ }
}
@media (prefers-reduced-motion: reduce) {
diff --git a/index.html b/index.html
index 395f71f..b25fa7f 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
