/* KONTAKT — final landing stage. */
.cf-contact .cf-sticky{
  opacity:0;
  transform-style:flat;
}

.cf-stage-word--contact{
  left:4vw;
  top:48%;
  color:rgba(255,255,255,.060);
  font-size:clamp(8rem,20vw,22rem);
  text-shadow:0 0 3rem rgba(204,23,21,.028);
}

.cf-contact__grid{
  position:absolute;
  inset:11vh 7vw 10vh 10vw;
  z-index:12;
  display:grid;
  grid-template-columns:.78fr 1.35fr .82fr;
  gap:4.5vw;
  align-items:center;
  opacity:0;
  will-change:transform,opacity;
}

.cf-contact__meta>span,
.cf-contact__donate>span{
  color:var(--cf-red);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.20em;
  text-transform:uppercase;
}

.cf-contact__meta h2{
  margin:.65rem 0 1.8rem;
  font-size:clamp(4.2rem,7vw,7.5rem);
  line-height:1.10;
  letter-spacing:-.02em;
  text-transform:uppercase;
}

.cf-contact__meta p,
.cf-contact__meta a,
.cf-contact__donate p{
  color:rgba(255,255,255,.66);
  font-size:.96rem;
  line-height:1.82;
  text-decoration:none;
}

.cf-contact__form-wrap{
  padding:2rem 2.2rem;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.018);
  backdrop-filter:blur(8px);
}

.cf-contact__form{display:grid;gap:1.35rem}
.cf-contact__form label{display:grid;gap:.45rem}
.cf-contact__form label span{
  color:rgba(255,255,255,.48);
  font-size:.58rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.cf-contact__form input,
.cf-contact__form textarea{
  width:100%;
  padding:.75rem 0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.18);
  border-radius:0;
  outline:none;
  background:transparent;
  color:#fff;
  resize:vertical;
  font:inherit;
  line-height:1.55;
}

.cf-contact__form input:focus,
.cf-contact__form textarea:focus{
  border-color:var(--cf-red);
  box-shadow:0 1px 0 var(--cf-red);
}

.cf-contact__form button{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3.15rem;
  padding:.78rem 1.25rem;
  border:1px solid rgba(204,23,21,.88);
  border-radius:.32rem;
  background:linear-gradient(180deg,rgba(204,23,21,.10),rgba(204,23,21,.035));
  color:var(--cf-red);
  box-shadow:inset 0 0 .9rem rgba(204,23,21,.09),0 0 .55rem rgba(204,23,21,.38),0 0 1.55rem rgba(204,23,21,.18);
  text-shadow:0 0 .35rem rgba(255,78,74,.58),0 0 .9rem rgba(204,23,21,.92),0 0 1.7rem rgba(204,23,21,.48);
  cursor:pointer;
  font-family:'Inter',sans-serif;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:none;
  scale:1;
  transition:scale .22s var(--cf-ease),box-shadow .25s ease,border-color .25s ease,background .25s ease;
}

.cf-contact__form button:hover,
.cf-contact__form button:focus-visible{
  scale:1.045;
  border-color:rgba(255,70,66,.96);
  background:linear-gradient(180deg,rgba(204,23,21,.16),rgba(204,23,21,.055));
  box-shadow:inset 0 0 1rem rgba(204,23,21,.13),0 0 .75rem rgba(204,23,21,.60),0 0 2.15rem rgba(204,23,21,.30);
}

.cf-contact__status{margin:0 0 1rem;font-size:.78rem;line-height:1.55}

.cf-contact__donate{
  position:relative;
  padding:2rem 0 2rem 1.5rem;
}

.cf-contact__donate::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:1px;
  background:linear-gradient(transparent,var(--cf-red),transparent);
  box-shadow:0 0 1.2rem rgba(204,23,21,.5);
}

.cf-contact__donate h3{
  margin:.7rem 0 1.25rem;
  font-size:clamp(1.9rem,3vw,3.2rem);
  line-height:1.08;
  letter-spacing:-.01em;
  text-transform:uppercase;
}

.cf-contact__donate strong{color:#fff}
.cf-contact__donate em{font-style:normal;font-weight:700}


.cf-contact__meta a:hover{color:#fff;text-shadow:0 0 1rem rgba(204,23,21,.30)}