/* ============================================================
   MIO MARI — style.css
   Шрифты: Unbounded (заголовки), Manrope (текст)
   Фон: холодный серый + мелкое зерно
   Кнопки: стиль Gucci (полупрозрачные, прямые углы)
   ============================================================ */


/* ============================================================
 КНОПКИ
   ============================================================ */
   

.b-button{
	width:auto;
    transform: translateY(0%);
	outline: none;
    padding: 16px 24px;
    width: 100%;
}
.b-button:before{
		background: rgba(0, 0, 0, .15);
	transform: translate(-50%, -50%) scale(.95, .9);
	-webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: var #fff;;
    box-shadow: inset 0 0 0 1px #fff;
	border-radius: 2px;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition-duration: 0.8s;
    transition-property: transform;
    transition-timing-function: hsla(0, 0%, 100%, .5);
    width: 100%;
    z-index: -1;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
}
.b-button__text{
	    display: flex;
		align-items: center;
		gap: 0.25rem;
		transition: all 0.8s  cubic-bezier(0.5, 0, 0, 1);
		
}
	
	
.v-button{
	display:inline-flex;
	padding:0;
	transition:0.5s;
	font-size: 12px;
	opacity:0.1s;
	transition: all 0.8s  cubic-bezier(0.5, 0, 0, 1);
	 transition-duration: 0.8s;
    transition-property: transform;
    transition-timing-function: hsla(0, 0%, 100%, .5); 
}
.v-button:hover{
	padding:2px;
	transition: all 0.8s  cubic-bezier(0.5, 0, 0, 1);
	.v-button__text{
	padding:12px 18px;
	transition: all 0.8s  cubic-bezier(0.5, 0, 0, 1);
}
}
.v-button__text{
	padding:14px 20px;
	border:1px solid #fff;
	text-transform: uppercase;
	border-radius:2px;
	letter-spacing: 0.16em;
	transition:all 0.8s  cubic-bezier(0.5, 0, 0, 1);
	backdrop-filter: blur(12px);

}
.v-button_black{
	.v-button__text{
		border:1px solid black;
	}
}
.v-button_black:hover{
	.v-button__text{
		color:white;
		  background-color: rgba(0, 0, 0, 0.8);
		  backdrop-filter: blur(10px); 
	}
}
.v-button_mt40{
	margin-top:40px;
}
   
   
  /* ============================================================
ЗАГОЛОВКИ
   ============================================================ */
 
 .b-head-title{
	  font-size: clamp(36px, 3.4vw, 60px) !important;
	  line-height:1.5 !important;
  }
  .b-header-section{
	  font-size: clamp(30px, 3.4vw, 46px);
  }
      /* ============================================================
БЛОК ABOUT
   ============================================================ */
 .b-about__title{
	   margin-bottom:6px;
   }
   
.b-about__subtitle{
	   font-size: 18px;
	   margin-top:6px;
   }
 .b-about__content{
	 margin-top:16px;
 }	 
  .b-about__text{
	 margin-bottom: 0 !important;
	 padding:0;
	 line-height:1.5 !important;
	 margin-top:6px;
 }	
   .b-about__button{
	 margin-top: 30px;
 }	
   
   /* ============================================================
ТЕКСТ ДЛЯ РАЗДЕЛОВ ПЕРЕБИВОК
   ============================================================ */
   .b-slogan{
	   max-height:600px !important;
   }
   .b-slogan__title{
	font-size: clamp(22px, 3vw,36px) !important;
	line-height:1.7 !important;
	font-family: var(--font-display);
    font-weight: 500;
    text-transform: uppercase;
}
   .b-slogan__title_black{
	   color:black;
   }
    .b-slogan__title_white{
	   color:white;
	   
   }
   .b-slogan__subtitle{
	
}


.b-moi-raboty{
	font-size: clamp(22px, 3vw,36px) !important;
	line-height:1.5 !important;
	
}
.about{
	padding-top:50px;
	padding-bottom:50px;
}
.advantages{
	padding-top:50px;
	padding-bottom:50px;
}
.statement-inner{
	color:black;
	p{
		color:black;
	}
}
.lights {
	background:none;
	padding-top:40px !important;
	padding-bottom:40px !important;
	min-height:300px;
}
.buatiful-shot{
	color:white !important;
}
.davaite{
	font-size: clamp(22px, 3vw, 36px) !important;
}


   /* ============================================================
ПЛАШКИ С УСЛУГАМИ
   ============================================================ */
.plate__price{
	font-size:16px !important;
}
   /* ============================================================
ПРОЕКТЫ
   ============================================================ */
.b-project__title{
	font-family: var(--font-display);
	font-weight: 500;
	font-size:16px;
}