@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Patrick+Hand&display=swap');

/* v62 — keep the corrected live content, but shift the typography toward the elegant
   handwritten chalk style of the approved reference image on the right. */
.page--home .section--chalkAbout{
  padding-top: clamp(34px, 5vw, 68px) !important;
  padding-bottom: clamp(44px, 6vw, 80px) !important;
  overflow: visible !important;
}

.page--home .aboutBoardFigureWrap{
  width: min(1460px, calc(100% - 2rem));
  margin: 0 auto;
}

.page--home .aboutBoardFigure{
  margin: 0;
  width: 100%;
}

.page--home .aboutBoardImage{
  display: none !important;
}

.page--home .aboutLiveBoard{
  position: relative;
  width: 100%;
  min-height: clamp(690px, 56vw, 900px);
  border-radius: 4px;
  padding: clamp(26px, 2.6vw, 42px);
  color: rgba(255,255,255,.9);
  overflow: visible;
  background:
    linear-gradient(120deg, rgba(255,255,255,.10), transparent 18%, rgba(0,0,0,.20) 74%, rgba(255,255,255,.06)),
    repeating-linear-gradient(94deg, rgba(55,20,8,.35) 0 4px, rgba(116,48,19,.42) 4px 9px, rgba(42,15,8,.35) 9px 15px),
    linear-gradient(180deg, #7a3317, #4b1d0d 45%, #8a421d 100%);
  box-shadow:
    inset 0 0 0 2px rgba(0,0,0,.55),
    inset 0 0 28px rgba(255,155,70,.12),
    0 26px 70px rgba(0,0,0,.42);
}

.page--home .aboutLiveBoard::before{
  content:"";
  position:absolute;
  inset: clamp(34px, 3.4vw, 54px) clamp(28px, 3vw, 48px) clamp(52px, 4.6vw, 78px);
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.052), transparent 22%),
    radial-gradient(circle at 78% 70%, rgba(255,255,255,.035), transparent 26%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.012) 0 1px, transparent 1px 5px),
    linear-gradient(180deg, #171c1b, #0b1111);
  border: 1px solid rgba(0,0,0,.7);
  box-shadow:
    inset 0 0 35px rgba(0,0,0,.78),
    inset 0 0 0 2px rgba(255,255,255,.035);
  z-index: 0;
}

.page--home .aboutLiveBoard::after{
  content:"";
  position:absolute;
  left: clamp(16px, 1.8vw, 30px);
  right: clamp(16px, 1.8vw, 30px);
  bottom: clamp(15px, 1.6vw, 26px);
  height: clamp(18px, 1.7vw, 28px);
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), transparent 45%, rgba(0,0,0,.35)),
    repeating-linear-gradient(90deg, rgba(63,22,8,.45) 0 7px, rgba(121,56,22,.42) 7px 15px),
    #693018;
  box-shadow:
    inset 0 1px rgba(255,190,110,.16),
    0 -2px 8px rgba(0,0,0,.35);
  z-index: 1;
}

.page--home .aboutLiveBoard .aboutLiveBoard__inner::after{
  content:"";
  position:absolute;
  right: 7%;
  bottom: -5.2%;
  width: clamp(58px, 6vw, 94px);
  height: clamp(11px, 1vw, 17px);
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff, #ddd9cf);
  box-shadow: 0 1px 8px rgba(0,0,0,.36);
  z-index: 5;
}

.page--home .aboutLiveBoard__inner{
  position: relative;
  z-index: 2;
  min-height: clamp(606px, 48vw, 760px);
  padding:
    clamp(52px, 5vw, 78px)
    clamp(50px, 4.8vw, 78px)
    clamp(58px, 5vw, 86px);
  display:grid;
  grid-template-columns: minmax(0, .96fr) 1px minmax(0, 1fr);
  column-gap: clamp(28px, 3.4vw, 56px);
}

.page--home .aboutLiveBoard__title{
  position:absolute;
  top: clamp(6px, .8vw, 14px);
  left: 50%;
  transform: translateX(-50%) rotate(-1.2deg);
  margin:0;
  font-family: "Caveat", "Segoe Script", "Lucida Handwriting", cursive;
  font-size: clamp(3rem, 4.6vw, 5.35rem);
  line-height:.88;
  font-weight: 500;
  letter-spacing: -.02em;
  color: rgba(255,255,255,.94);
  text-shadow:
    0 0 1px rgba(255,255,255,.85),
    0 1px 0 rgba(0,0,0,.55);
  white-space: nowrap;
}

.page--home .aboutLiveBoard__title::after,
.page--home .aboutLiveBoard h3::after{
  content:"";
  display:block;
  height:.09em;
  margin-top:.02em;
  background:linear-gradient(90deg, transparent 0, rgba(255,255,255,.88) 12%, rgba(255,255,255,.84) 88%, transparent 100%);
  opacity:.82;
  transform: rotate(-1deg);
}

.page--home .aboutLiveBoard__rule{
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.72) 12% 88%, transparent);
  box-shadow:1px 0 rgba(255,255,255,.14);
  align-self: stretch;
  margin-top: clamp(52px, 5vw, 80px);
  margin-bottom: clamp(8px, 1vw, 18px);
}

.page--home .aboutLiveBoard__col{
  min-width:0;
  padding-top: clamp(58px, 5.9vw, 92px);
}

.page--home .aboutLiveBoard__col--right{
  padding-left: clamp(6px, .8vw, 14px);
}

.page--home .aboutLiveBlock + .aboutLiveBlock{
  margin-top: clamp(18px, 1.8vw, 30px);
}

.page--home .aboutLiveBoard h3{
  display:inline-block;
  margin:0 0 clamp(9px, .9vw, 14px);
  font-family: "Caveat", "Segoe Script", "Lucida Handwriting", cursive;
  font-size: clamp(2.1rem, 3.1vw, 4.2rem);
  line-height:.90;
  font-weight: 500;
  letter-spacing:-.01em;
  color:rgba(255,255,255,.94);
  text-shadow:
    0 0 1px rgba(255,255,255,.75),
    0 1px 0 rgba(0,0,0,.55);
  white-space: nowrap;
  transform: rotate(-1deg);
}

.page--home .aboutLiveBoard p,
.page--home .aboutLiveBoard li{
  margin:0;
  font-family: "Patrick Hand", "Segoe Print", "Bradley Hand", cursive;
  font-size: clamp(1rem, 1.45vw, 1.2rem);
  line-height:1.30;
  letter-spacing:.01em;
  color:rgba(255,255,255,.90);
  text-shadow:
    0 0 1px rgba(255,255,255,.40),
    0 1px 0 rgba(0,0,0,.55);
}

.page--home .aboutLiveBoard p + p{
  margin-top: clamp(8px, .95vw, 14px);
}

.page--home .aboutLiveList{
  list-style:none;
  margin: clamp(10px, 1vw, 16px) 0 0;
  padding:0;
  display:grid;
  gap: clamp(18px, 2.1vw, 30px);
}

.page--home .aboutLiveList li{
  position:relative;
  padding-left: clamp(26px, 2vw, 34px);
  font-size: clamp(1rem, 1.42vw, 1.2rem);
  line-height:1.34;
}

.page--home .aboutLiveList li::before{
  content:"•";
  position:absolute;
  left:0;
  top:-.05em;
  font-size:1.05em;
  line-height:1;
}

.page--home .aboutLiveBoard em{
  font-style: normal;
}

.page--home .section--chalkAbout .aboutPartnersShowcase{
  margin-top: clamp(46px, 5vw, 72px) !important;
}

@media (max-width: 1260px){
  .page--home .aboutLiveBoard p,
  .page--home .aboutLiveBoard li{
    font-size: clamp(.93rem, 1.18vw, 1.06rem);
    line-height:1.28;
  }
  .page--home .aboutLiveList li{
    font-size: clamp(.92rem, 1.15vw, 1.06rem);
  }
}

@media (max-width: 1180px){
  .page--home .aboutLiveBoard{
    min-height: clamp(660px, 60vw, 790px);
    padding: 24px;
  }
  .page--home .aboutLiveBoard__inner{
    padding: 54px 46px 62px;
    column-gap: 28px;
    min-height: 620px;
  }
  .page--home .aboutLiveBoard h3{
    font-size: clamp(1.95rem, 2.7vw, 3.3rem);
  }
  .page--home .aboutLiveBoard p,
  .page--home .aboutLiveBoard li{
    font-size: clamp(.87rem, 1.02vw, .97rem);
    line-height:1.26;
  }
  .page--home .aboutLiveList{
    gap: 16px;
  }
}

@media (max-width: 820px){
  .page--home .aboutBoardFigureWrap{
    width: min(100% - 1rem, 720px);
  }
  .page--home .aboutLiveBoard{
    min-height:0;
    padding: clamp(16px, 4vw, 24px);
    border-radius: 14px;
  }
  .page--home .aboutLiveBoard::before{
    inset: clamp(14px, 3.5vw, 22px);
  }
  .page--home .aboutLiveBoard::after,
  .page--home .aboutLiveBoard .aboutLiveBoard__inner::after{
    display:none;
  }
  .page--home .aboutLiveBoard__inner{
    min-height:0;
    padding: clamp(18px, 5vw, 28px);
    display:block;
  }
  .page--home .aboutLiveBoard__title{
    position:relative;
    top:auto;
    left:auto;
    transform:none;
    text-align:center;
    margin:0 0 1rem;
    font-size: clamp(3.2rem, 13vw, 5rem);
  }
  .page--home .aboutLiveBoard__rule{
    display:none;
  }
  .page--home .aboutLiveBoard__col{
    padding-top:0;
  }
  .page--home .aboutLiveBoard__col--right{
    padding-left:0;
    margin-top:1rem;
  }
  .page--home .aboutLiveBlock{
    padding: 1rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    background: rgba(0,0,0,.24);
  }
  .page--home .aboutLiveBlock + .aboutLiveBlock{
    margin-top: 1rem;
  }
  .page--home .aboutLiveBoard h3{
    font-size: clamp(2.6rem, 10vw, 3.9rem);
    white-space: normal;
    transform:none;
  }
  .page--home .aboutLiveBoard p,
  .page--home .aboutLiveBoard li{
    font-size: clamp(1.1rem, 4.2vw, 1.3rem);
    line-height: 1.48;
  }
  .page--home .aboutLiveList li{
    font-size: clamp(1.06rem, 4vw, 1.24rem);
    line-height:1.48;
  }
}

@media (max-width: 460px){
  .page--home .section--chalkAbout{
    padding-top: 28px !important;
  }
  .page--home .aboutLiveBoard__inner{
    padding: .75rem;
  }
  .page--home .aboutLiveBlock{
    padding:.85rem;
  }
}