@font-face {
	font-family: 'GoogleDisplay';
  	src: url('./fonts/GoogleSansDisplay-Regular.ttf') format('truetype');
	font-display: swap;
}


html {


}

body {
	
background: black;
color: white;
	font-family: 'GoogleDisplay', sans-serif;
}



/* Заключване на скрола */
html.no-scroll,
body.no-scroll {
  overflow: hidden;
  height: 100%;
}

/* Intro overlay */
.intro {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #000;
  display: grid;
  place-items: center;
}

/* Видеото да покрие целия екран */
.intro__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Skip бутон */
.intro__skip {
  position: absolute;
  right: 24px;
  bottom: 24px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(74, 73, 73, 0.35);
  background: rgb(0 0 0 / 7%);
  color: #fff;
  cursor: pointer;
  backdrop-filter: blur(6px);
}

.enter{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  background:rgb(0, 0, 0);
  z-index:2;
}

.enter-content{
     display: grid;
     justify-items: center;
}

.enter-logo-wrapp{
    width: 100px;
    display: grid;
    gap: 30px;
}

.enter-title{
    color: white;
}

.enter__btn{
  padding:14px 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(0,0,0,.55);
  color:#fff;
  cursor:pointer;
  backdrop-filter: blur(8px);
}


.sound{
  position:absolute;
  left:24px; /* или right */
  bottom:24px;
  z-index:3;
  width:44px;
  height:44px;
  border: 1px solid rgb(255 255 255 / 0%);
  border-radius: 50%;
  background: #00000000;
  cursor:pointer;
  display:grid;
  place-items:center;
  backdrop-filter: blur(6px);
}

.sound__bars{
  display:flex;
  gap:3px;
  align-items:flex-end;
  height:18px;
}

/* 👇 САМО ТАЗИ версия на .sound__bar */
.sound__bar{
  width:3px;
  height:6px;
  border-radius:2px;
  background:#fff;
  animation: soundEq 0.9s ease-in-out infinite;
  animation-play-state: paused; /* по default спрян */
}

/* stagger */
.sound__bar:nth-child(1){ animation-delay: 0s; }
.sound__bar:nth-child(2){ animation-delay: .12s; }
.sound__bar:nth-child(3){ animation-delay: .24s; }
.sound__bar:nth-child(4){ animation-delay: .36s; }

/* когато видеото играе И не е muted */
.sound.is-playing:not(.is-muted) .sound__bar{
  animation-play-state: running;
}

/* когато е muted */
.sound.is-muted .sound__bar{
  animation-play-state: paused;
  height:5px;
  opacity:.6;
}

@keyframes soundEq{
  0%   { height:4px;  opacity:.7; }
  20%  { height:14px; opacity:1; }
  40%  { height:7px;  opacity:.9; }
  60%  { height:18px; opacity:1; }
  80%  { height:9px;  opacity:.9; }
  100% { height:4px;  opacity:.7; }
}

/* Заглавието */

.headline{
    margin: 16px 0 22px;
    font-size: clamp(22px, 2.8vw, 40px);
    font-weight: 600;
    line-height: 1.15;
  }

  /* Letter spans for headline */
  .headline .char{
    display:inline-block;
    will-change: transform, opacity, filter;
  }


  /* Субтитрите */

.thought-layer{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
}

.thought-word{
  position:absolute;
  left:0; top:0;
  transform: translate(-50%, -50%);
  font-size: clamp(18px, 2.2vw, 34px);
  font-weight: 700;
  letter-spacing: 0.04em;
  opacity: 0;
  filter: blur(14px);
  will-change: transform, opacity, filter;
  color: rgba(255,255,255,0.92);
  text-shadow: 0 0 24px rgba(255,255,255,0.10);
  mix-blend-mode: screen;
  white-space: nowrap;
}

.header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 30px;

   opacity: 0;
  transform: translateY(-14px);
  filter: blur(8px);
  will-change: transform, opacity, filter;
}

.nav{
  display: flex;
  gap: 40px;
  align-items: center;
}

.contact-btn{

  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(74, 73, 73, 0.35);
  background: rgb(0 0 0 / 7%);
  color: #fff;
  cursor: pointer;
  backdrop-filter: blur(6px);

}

#content{
  display: grid;
  place-items: center;
}