.community-hero{
  min-height:calc(34vh - 82px);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:1.25rem 0 .5rem;
}

/* shared content panel style */
.uniform-panel{
  max-width:980px;
  width:100%;
  margin:0 auto;
  padding:2.7rem 2.2rem;
  background:rgba(0,0,0,.34);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    0 18px 50px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.02);
  position:relative;
  overflow:hidden;
}

.uniform-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 18%, rgba(255,255,255,.05), transparent 60%);
  pointer-events:none;
}

.uniform-panel > *{
  position:relative;
  z-index:2;
}

/* HERO BOX */
.community-hero-inner{
  max-width:980px;
  width:100%;
  margin:0 auto;
  padding:2.7rem 2.2rem;
  text-align:center;
  background:rgba(0,0,0,.62);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    0 18px 50px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.02);
  position:relative;
  overflow:hidden;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.community-hero-inner::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 18%, rgba(255,255,255,.04), transparent 60%);
  pointer-events:none;
}

.community-title{
  font-family:'CloisterBlack', serif;
  font-size:clamp(3.6rem, 11vw, 7rem);
  line-height:1.02;
  margin:0 0 .9rem;
  letter-spacing:0;
  text-shadow:
    0 0 18px rgba(255,255,255,.12),
    0 0 8px rgba(255,255,255,.07),
    0 0 18px rgba(255,255,255,.05);
}

.community-sub{
  max-width:760px;
  margin:0 auto;
  font-family:'Cinzel', serif;
  font-size:clamp(1rem, 2vw, 1.18rem);
  line-height:1.8;
  letter-spacing:.1em;
  color:rgba(255,255,255,.74);
}

/* STORY CARD */
.story-card{
  text-align:center;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:rgba(0,0,0,.52);
}

/* drifting background image */
.story-card::before{
  content:"";
  position:absolute;
  inset:-8%;
  background:
    linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.72)),
    url("https://i.imgur.com/IZ357Fk.jpeg");
  background-size:cover;
  background-position:center 38%;
  background-repeat:no-repeat;

  opacity:.40;
  filter:blur(2.5px);

  transform:scale(1.12);
  animation:cryptDrift 12s ease-in-out infinite alternate;
  will-change:transform;

  z-index:0;
}

/* side shading */
.story-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to right,
      rgba(0,0,0,0.78) 0%,
      rgba(0,0,0,0.28) 24%,
      rgba(0,0,0,0.04) 50%,
      rgba(0,0,0,0.28) 76%,
      rgba(0,0,0,0.78) 100%
    );
  pointer-events:none;
  z-index:1;
}

.story-card > *{
  position:relative;
  z-index:2;
}

/* TEAM CARD */
.team-card{
  text-align:center;
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

/* drifting background */
.team-card::before{
  content:"";
  position:absolute;
  inset:-8%;
  background:
    linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.72)),
    url("https://i.imgur.com/tUCysGc.jpeg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  opacity:.40;
  filter:blur(2.5px);

  transform:scale(1.12);
  animation:cryptDrift 12s ease-in-out infinite alternate;
  will-change:transform;

  z-index:0;
}

.team-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to right,
      rgba(0,0,0,0.82) 0%,
      rgba(0,0,0,0.38) 22%,
      rgba(0,0,0,0.08) 50%,
      rgba(0,0,0,0.38) 78%,
      rgba(0,0,0,0.82) 100%
    );
  pointer-events:none;
  z-index:1;
}

.team-card > *{
  position:relative;
  z-index:2;
}

/* DRIFT ANIMATION */
@keyframes cryptDrift{
  0%{
    transform:scale(1.12) translate3d(0,0,0);
  }
  100%{
    transform:scale(1.2) translate3d(-3%, -2%, 0);
  }
}

/* TEXT SECTIONS */
.section-header{
  margin-bottom:2rem;
}

.section-kicker{
  display:block;
  margin-bottom:.8rem;
  font-family:'Inter', sans-serif;
  font-size:.75rem;
  letter-spacing:.42em;
  color:rgba(255,255,255,.55);
  text-transform:uppercase;
}

.section-title{
  font-family:'Cinzel', serif;
  font-size:clamp(2rem, 4vw, 3rem);
  line-height:1.08;
  margin:0;
  color:#f5f5f5;
}

.feature-copy,
.team-copy{
  max-width:760px;
  margin:0 auto 1.35rem;
  color:#b9b9b9;
  line-height:1.8;
  font-size:1rem;
  font-family:'Manrope', sans-serif;
}

.team-divider{
  display:none;
}

.signature{
  margin-top:2.4rem;
}

.signature small{
  letter-spacing:.3em;
  display:block;
  margin-bottom:.7rem;
  color:rgba(255,255,255,.6);
  font-family:'Inter', sans-serif;
  text-transform:uppercase;
}

.signature-name{
  font-family:'Cinzel', serif;
  font-size:1.35rem;
}