/* =========================
   Workshop page (under construction)
   ========================= */

/* 余白と読みやすさを最優先（作品ページと対比して静かに） */
.workshop-page{
  max-width: 820px;
  margin: 0 auto;
  padding: 96px 24px 40px;
  line-height: 1.85;
  letter-spacing: 0.01em;
  color: rgba(157, 154, 154, 0.92);
}

/* タイトル */
.workshop-page h1{
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  letter-spacing: .14em;
  margin: 0 0 24px;
  font-weight: 700;
}

/* 本文（短く） */
.workshop-page .note{
  margin: 0 0 22px;
  opacity: .9;
}

/* 連絡先（シンプルに整列） */
.workshop-page .contact p{
  margin: 10px 0;
  opacity: .92;
}

/* リンク：控えめ */
.workshop-page a{
  color: rgba(103, 101, 101, 0.92);
  text-decoration: none;
  border-bottom: 1px solid rgba(155, 148, 148, 0.2);
  transition: border-color .18s ease, opacity .18s ease;
}
.workshop-page a:hover{
  border-bottom-color: rgba(0,0,0,.55);
  opacity: .95;
}

/* =========================
   Footer logo (Back to Home)
   ========================= */
.workshop-footer{
  margin-top: 80px;
  padding: 80px 0 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ロゴリンク */
.home-logo-link{
  display: inline-block;
  transition: transform .4s ease, opacity .3s ease;
}

/* ロゴ画像 */
.home-logo{
  width: 48px;
  height: auto;
  opacity: .7;
  transition: opacity .3s ease, transform .4s ease;
}

/* ホバー：静かに少しだけ */
.home-logo-link:hover .home-logo{
  opacity: 1;
  transform: scale(1.05);
}

/* モバイル */
@media (max-width: 640px){
  .workshop-page{
    padding: 72px 18px 24px;
  }
  .home-logo{
    width: 38px;
  }
}

/* 動きが苦手な人向け */
@media (prefers-reduced-motion: reduce){
  .workshop-page a,
  .home-logo,
  .home-logo-link{
    transition: none;
  }
}