:root{
  --bg:#fff;
  --bg2:#f5f6f7;
}
body::before{content:none}
.home-content{font-weight:500}
.home-content .home-board{
  column-gap:64px!important;
  align-items:stretch!important;
}
.home-content .home-board > div{
  position:relative;
  align-content:start;
}
.home-content .home-board > div + div::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-32.5px;
  width:1px;
  background:rgba(17,17,17,.14);
  pointer-events:none;
}
.home-section-heading{
  min-height:40px;
  display:flex;
  align-items:baseline;
  padding-bottom:12px;
}
.home-section-heading h2{
  margin:0;
  font-family:var(--display-accent);
  font-size:22px;
  font-weight:400;
  line-height:1.25;
  letter-spacing:0;
}
.home-section-heading small{
  font-family:var(--sans);
  font-size:13px;
  font-weight:500;
}
.home-section-heading .home-podcast-heading{color:var(--red)}
.home-content .home-release-title{font-weight:700}
.home-section-end{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
.home-small-aside{
  font-family:var(--display-accent);
  font-size:15px;
  font-weight:400;
  color:var(--ink-mid);
}
.home-text-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:13px;
  font-weight:600;
  color:var(--blue);
}
.home-text-link:hover{color:var(--red)}
.home-game-link{grid-column:1/-1;justify-self:start;gap:8px}
.home-game-link svg{width:16px;height:16px}
.home-chat{padding-top:10px}
.home-chat-row{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin-bottom:16px;
}
.home-chat-bubble{
  background:#f3f4f5;
  border:1px solid rgba(16,16,16,.1);
  border-radius:8px;
  padding:8px 12px;
  font-size:14px;
  font-weight:500;
  line-height:1.65;
  overflow-wrap:anywhere;
}
.home-podcast-link{color:var(--red)}
.home-about p{
  margin:10px 0 8px;
  font-size:15px;
  font-weight:500;
  line-height:1.9;
}
.home-about{margin-bottom:16px}
@media(max-width:1100px){
  .home-content .home-board{
    grid-template-columns:minmax(0,1fr)!important;
    row-gap:72px!important;
  }
  .home-content .home-board > div + div::before{display:none}
}
@media(max-width:520px){
  .home-hero .memo{
    width:calc(100% - 40px)!important;
    max-width:330px;
    right:20px!important;
  }
}
