/*
Theme Name: Atelier Hatch
Theme URI: https://atelier-hatch.com/
Author: Atelier Hatch LLC.
Description: アトリエ・ハッチ合同会社の公式ホームページ専用テーマ
Version: 2.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: atelier-hatch
*/

/* WordPress管理バー表示中も固定ヘッダーが重ならないようにする */
.admin-bar .site-header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }
}

/* ログイン中の編集リンクなど、WordPress固有要素の最低限の体裁 */
.basic-page {
  width: min(100% - 44px, 960px);
  min-height: 70vh;
  margin: 0 auto;
  padding: 140px 0 80px;
}

.basic-page h1 {
  margin: 0 0 32px;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-size: clamp(32px, 5vw, 56px);
}

/* OUR WORKS見出しの最終調整 */
.works-opening h2 {
  transform: translateX(clamp(-42px, -2.7vw, -22px));
}

.works-opening h2 span:last-child {
  font-size: 1.1em;
  line-height: 1.24;
}

@media screen and (max-width: 640px) {
  .works-opening h2 {
    transform: translateX(-10px);
  }
}