June 2026 Production theme

assets/css/blog/author.css

@@ -0,0 +1,67 @@
+.author {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-bottom: 4.5rem;
+    text-align: center;
+}
+
+.author-image-placeholder {
+    flex-shrink: 0;
+    width: 70px;
+    margin-bottom: 2rem;
+    overflow: hidden;
+    border-radius: 50%;
+}
+
+.author-name {
+    margin-bottom: 0;
+    font-size: 2.4rem;
+}
+
+.author-meta {
+    margin-top: 8px;
+    font-size: 1.2rem;
+    font-weight: 800;
+    color: var(--secondary-text-color);
+    text-transform: uppercase;
+}
+
+.author-bio {
+    max-width: 520px;
+    margin-top: 16px;
+}
+
+.author-social {
+    margin-top: 2rem;
+}
+
+.author-list {
+    display: flex;
+}
+
+.author-list .author-image-placeholder {
+    width: 54px;
+    margin: 0 -4px;
+    border: 2px solid var(--white-color);
+}
+
+.author-list .author-image-placeholder:first-child {
+    z-index: 10;
+}
+
+.author-list .author-image-placeholder:nth-child(2) {
+    z-index: 9;
+}
+
+.author-list .author-image-placeholder:nth-child(3) {
+    z-index: 8;
+}
+
+.author-list .author-image-placeholder:nth-child(4) {
+    z-index: 7;
+}
+
+.author-list .author-image-placeholder:nth-child(5) {
+    z-index: 6;
+}

assets/css/blog/comment.css

@@ -0,0 +1,3 @@
+.comment {
+    margin-top: 6rem;
+}

assets/css/blog/featured.css

@@ -0,0 +1,30 @@
+.featured-wrapper {
+    margin-top: 60px;
+}
+
+.featured-wrapper .u-placeholder {
+    margin-bottom: 24px;
+}
+
+.featured-wrapper .post-title {
+    margin-bottom: 0;
+    font-size: 1.8rem;
+    font-weight: 700;
+    line-height: 1.3;
+    letter-spacing: -0.01em;
+    word-break: break-word;
+}
+
+.has-serif-title:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .featured-wrapper .post-title {
+    font-family: var(--gh-font-heading, var(--font-serif));
+}
+
+.featured-title {
+    padding-bottom: 1rem;
+    margin-bottom: 4.5rem;
+    font-size: 1.5rem;
+    font-weight: 800;
+    text-transform: uppercase;
+    letter-spacing: 0.01em;
+    border-bottom: 1px solid var(--light-gray-color);
+}

assets/css/blog/feed.css

@@ -0,0 +1,91 @@
+.feed {
+    position: relative;
+    display: flex;
+    align-items: center;
+    padding: 1.5rem 0;
+    overflow: hidden;
+    line-height: 1;
+}
+
+.feed:hover .feed-title {
+    opacity: 0.8;
+}
+
+.feed:hover .feed-right {
+    margin-right: 1.6rem;
+}
+
+.feed:hover .feed-icon {
+    transform: translateX(0.4rem);
+}
+
+.feed + .feed {
+    border-top: 1px solid var(--light-gray-color);
+}
+
+.feed + .feed.feed-paged {
+    margin-top: 3rem;
+    border-top: 0;
+}
+
+.feed-calendar {
+    display: flex;
+    gap: 0.4rem;
+    min-width: 45px;
+    margin-right: 1.5rem;
+    font-size: 1.1rem;
+    font-weight: 800;
+    color: var(--brand-color);
+    white-space: nowrap;
+}
+
+.feed-calendar-month {
+    text-transform: uppercase;
+}
+
+.feed-title {
+    flex-grow: 1;
+    padding-right: 1rem;
+    margin-bottom: 0;
+    overflow: hidden;
+    font-family: var(--gh-font-body, var(--font-sans));
+    font-size: 1.6rem;
+    font-weight: 400;
+    line-height: 1.3;
+    text-overflow: ellipsis;
+    letter-spacing: 0;
+    white-space: nowrap;
+}
+
+.feed-right {
+    display: flex;
+    align-items: center;
+    transition: margin 0.2s var(--animation-base);
+}
+
+.icon-star {
+    width: 16px;
+    height: 16px;
+    margin-right: 1rem;
+    color: var(--orange-color);
+}
+
+.public .icon-star {
+    display: none;
+}
+
+.feed-length {
+    font-size: 1.4rem;
+    color: var(--secondary-text-color);
+    white-space: nowrap;
+}
+
+.feed-icon {
+    position: absolute;
+    right: 0;
+    width: 16px;
+    height: 16px;
+    color: var(--secondary-text-color);
+    transition: transform 0.2s var(--animation-base);
+    transform: translateX(2rem);
+}

assets/css/blog/navigation.css

@@ -0,0 +1,18 @@
+.navigation-previous .navigation-icon {
+    margin-left: -2px;
+}
+
+.navigation-next .navigation-link {
+    justify-content: flex-end;
+}
+
+.navigation-next .navigation-icon {
+    margin-right: -2px;
+}
+
+.navigation-link {
+    display: flex;
+    align-items: center;
+    width: 30px;
+    height: 30px;
+}

assets/css/blog/pagination.css

@@ -0,0 +1,5 @@
+.load-more {
+    display: flex;
+    justify-content: center;
+    margin-top: 48px;
+}

assets/css/blog/related.css

@@ -0,0 +1,10 @@
+.related-wrapper {
+    padding: 56px 0 32px;
+    margin-top: 80px;
+    background-color: var(--lighter-gray-color);
+}
+
+.related-title {
+    margin-bottom: 20px;
+    font-size: 2.1rem;
+}

assets/css/blog/share.css

@@ -0,0 +1,65 @@
+.gh-meta-share {
+    margin-top: 24px;
+    justify-content: center;
+}
+
+.share {
+    display: flex;
+    gap: 0.4rem;
+}
+
+.share-link {
+    display: flex;
+    align-items: center;
+    height: 2.6rem;
+    padding: 0 0.8rem;
+    margin: 0 0.6rem;
+    font-size: 1.1rem;
+    font-weight: 800;
+    line-height: 1;
+    color: var(--white-color);
+    text-transform: uppercase;
+    letter-spacing: 0.04rem;
+    border-radius: 3px;
+}
+
+.share-link .icon {
+    width: 14px;
+    height: 14px;
+}
+
+.share-link-facebook {
+    background-color: var(--facebook-color);
+}
+
+.share-link-x {
+    background-color: var(--twitter-color);
+}
+
+.share-link-linkedin {
+    background-color: var(--linkedin-color);
+}
+
+.share-link-bluesky {
+    background-color: var(--bluesky-color);
+}
+
+.share-link-threads {
+    background-color: var(--threads-color);
+}
+
+.share-link-mastodon {
+    background-color: var(--mastodon-color);
+}
+
+.share-link-tiktok {
+    background-color: var(--tiktok-color);
+}
+
+.share-link-youtube {
+    background-color: var(--youtube-color);
+}
+
+.share-link-instagram {
+    background-color: var(--instagram-color);
+}

assets/css/blog/single.css

@@ -0,0 +1,130 @@
+.single-header {
+    margin-bottom: 4.5rem;
+    text-align: center;
+}
+
+.page-template .single-header {
+    margin-top: var(--header-spacing);
+}
+
+.single-meta {
+    margin-bottom: 1rem;
+    margin-top: 1rem;
+    font-size: 1.2rem;
+    font-weight: 800;
+    color: var(--secondary-text-color);
+    text-transform: uppercase;
+}
+
+.single-meta-item + .single-meta-item::before {
+    padding: 0 0.3rem;
+    font-family: serif;
+    content: "\02022";
+}
+
+.single-meta-tag .post-tag {
+    color: var(--brand-color);
+}
+
+.single-title {
+    margin-bottom: 0;
+    font-size: 4rem;
+    line-height: 1.2;
+    letter-spacing: -0.1rem;
+    word-break: break-word;
+}
+
+.has-serif-title:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]) .single-title {
+    font-family: var(--gh-font-heading, var(--font-serif));
+}
+
+.single-excerpt {
+    margin-top: 2rem;
+    font-size: 1.8rem;
+    word-break: break-word;
+}
+
+.has-serif-body:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .single-excerpt {
+    font-family: var(--gh-font-body, var(--font-serif));
+}
+
+.single-media {
+    margin-top: 4.5rem;
+}
+
+.single-cta {
+    padding: 3rem;
+    margin-top: 4rem !important;
+    text-align: center;
+    border-top: 5px solid var(--brand-color);
+    border-bottom: 1px solid var(--light-gray-color);
+}
+
+.single-cta-title {
+    margin: 0 0 3rem !important;
+}
+
+.single-cta-button {
+    margin-bottom: 1rem;
+    font-weight: 800 !important;
+}
+
+.single-cta-footer {
+    font-size: 1.4rem;
+    font-weight: 400 !important;
+    letter-spacing: -0.02rem;
+}
+
+.single-footer {
+    display: flex;
+    align-items: center;
+    margin-top: 4.5rem;
+}
+
+.single-footer-left,
+.single-footer-right {
+    display: flex;
+    flex: 2;
+}
+
+.single-footer-right {
+    justify-content: flex-end;
+}
+
+.single-footer-middle {
+    display: flex;
+    flex-direction: column;
+}
+
+.single-footer-top {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.single-footer-title {
+    margin-bottom: 1rem;
+    font-size: 1.8rem;
+}
+
+.single-footer-bottom {
+    margin-top: 2rem;
+}
+
+@media (max-width: 767px) {
+    .single-header {
+        margin-bottom: 3rem;
+    }
+
+    .single-title {
+        font-size: 2.6rem;
+    }
+
+    .single-excerpt {
+        font-size: 1.7rem;
+    }
+
+    .single-media {
+        margin-top: 3rem;
+    }
+}

assets/css/blog/tag.css

@@ -0,0 +1,51 @@
+.tag {
+    margin-bottom: 4.5rem;
+    text-align: center;
+}
+
+.tag .tag-name {
+    margin-bottom: 0;
+    font-size: 3rem;
+    color: var(--brand-color);
+}
+
+.tag .tag-name::before {
+    content: "#";
+}
+
+.tag .tag-description {
+    max-width: 520px;
+    margin: 16px auto 0;
+}
+
+.tag .tag-list {
+    margin-top: 2rem;
+    font-weight: 700;
+}
+
+.tag .tag-list-label {
+    margin-right: 0.5rem;
+    color: var(--secondary-text-color);
+}
+
+.tag .tag-list-item::before {
+    content: "#";
+}
+
+.tag .tag-list-item + .tag-list-item {
+    margin-left: 0.3rem;
+}
+
+.tag .tag-media {
+    margin-top: 4.5rem;
+}
+
+@media (max-width: 767px) {
+    .tag {
+        margin-bottom: 2.5rem;
+    }
+
+    .tag .tag-media {
+        margin-top: 3rem;
+    }
+}