/* Public home page presentation overrides. */
.wmc-hero.wmc-hero-background{
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:none;
  min-height:760px;
  margin:0;
  padding:150px max(6vw,38px) 86px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(3,10,18,.92) 0%,rgba(3,10,18,.72) 42%,rgba(3,10,18,.30) 72%,rgba(3,10,18,.18) 100%),
    url("/static/assets/minecraft/minecraft-hero.webp") center 48%/cover no-repeat;
}
.wmc-hero.wmc-hero-background::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:170px;
  z-index:-1;
  background:linear-gradient(180deg,transparent,var(--bg));
  pointer-events:none;
}
.wmc-hero-background .wmc-hero-copy{
  width:min(1340px,100%);
  max-width:1340px;
  margin:0 auto;
}
.wmc-hero-background .wmc-hero-copy>p{max-width:720px;color:#d5e2ef}
.wmc-hero-background .wmc-eyebrow{color:#b8cee3}
.wmc-hero-background h1{
  width:100%;
  max-width:none;
  margin:18px 0 24px;
  font-size:clamp(66px,7.5vw,118px);
}
.wmc-hero-background h1 span,
.wmc-hero-background h1 em{
  display:block;
  width:max-content;
  max-width:100%;
  white-space:nowrap;
}
.wmc-hero-background h1 span{color:#fff}
.wmc-hero-background h1 em{color:var(--accent)}

.wmc-story-sections{
  max-width:1340px;
  margin:0 auto;
  padding:82px 38px 22px;
  display:grid;
  gap:92px;
}
.wmc-story-row{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  align-items:center;
  gap:64px;
}
.wmc-story-row.reverse{grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr)}
.wmc-story-row.reverse .wmc-story-media{order:2}
.wmc-story-row.reverse .wmc-story-copy{order:1}
.wmc-story-media{
  position:relative;
  min-height:360px;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.wmc-story-media img{
  display:block;
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  object-position:50% 50%;
  transform:scale(1.015);
}
.wmc-story-media.crop-right img{object-position:70% 50%}
.wmc-story-media.crop-center img{object-position:50% 42%}
.wmc-story-media.crop-left img{object-position:28% 50%}
.wmc-story-copy{max-width:540px}
.wmc-story-copy h2{
  margin:12px 0 18px;
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
  font-size:clamp(38px,4vw,60px);
  line-height:1;
  letter-spacing:.035em;
}
.wmc-story-copy>p{
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.72;
}

.wmc-community.wmc-community-showcase{
  max-width:1100px;
  min-height:500px;
  margin:94px auto 92px;
  padding:0;
  display:grid;
  grid-template-columns:350px minmax(0,1fr);
  align-items:stretch;
  gap:0;
  overflow:hidden;
}
.wmc-community-discord{
  width:350px;
  min-height:500px;
  border-right:1px solid var(--line);
  background:#1e1f22;
}
.wmc-community-discord iframe{
  width:350px;
  height:500px;
  display:block;
  border:0;
}
.wmc-community-copy{
  padding:50px 54px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.wmc-community-copy .wmc-primary{margin-top:28px}

@media(max-width:980px){
  .wmc-hero.wmc-hero-background{min-height:650px;padding-top:132px}
  .wmc-story-row,.wmc-story-row.reverse{grid-template-columns:1fr 1fr;gap:42px}
}
@media(max-width:820px){
  .wmc-hero.wmc-hero-background{
    min-height:600px;
    padding:118px 20px 70px;
    background-position:58% 50%;
  }
  .wmc-hero-background h1{font-size:clamp(52px,11vw,78px)}
  .wmc-story-sections{padding:54px 20px 10px;gap:68px}
  .wmc-story-row,.wmc-story-row.reverse{grid-template-columns:1fr;gap:30px}
  .wmc-story-row.reverse .wmc-story-media,.wmc-story-row.reverse .wmc-story-copy{order:initial}
  .wmc-story-media,.wmc-story-media img{min-height:310px}
  .wmc-community.wmc-community-showcase{
    margin:72px 20px 66px;
    grid-template-columns:1fr;
  }
  .wmc-community-discord{
    width:100%;
    border-right:0;
    border-bottom:1px solid var(--line);
    display:flex;
    justify-content:center;
  }
  .wmc-community-copy{padding:36px 28px}
}
@media(max-width:620px){
  .wmc-hero-background h1 span,
  .wmc-hero-background h1 em{
    width:auto;
    white-space:normal;
  }
}
@media(max-width:420px){
  .wmc-community-discord{overflow:hidden}
  .wmc-community-discord iframe{width:100%;max-width:350px}
}