/*
Theme Name: If-Thema Modern
Author: Project-if
Author URI: https://project-if.jp/
Description: A modern editorial block theme for small businesses and sole proprietors.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: if-thema-modern
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, portfolio, block-patterns, featured-images, full-site-editing, one-column, wide-blocks
*/

html {
  scroll-behavior: smooth;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

::selection {
  background: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--contrast);
}

.modern-header {
  box-sizing: border-box;
  padding-left: clamp(1.25rem, 4vw, 4rem);
  padding-right: clamp(1.25rem, 4vw, 4rem);
}

.modern-header .wp-block-site-title {
  flex-shrink: 0;
  margin: 0;
}

.modern-header a,
.modern-hero__cta a {
  text-underline-offset: 0.3em;
}

.modern-header a:hover,
.modern-header a:focus-visible,
.modern-hero__cta a:hover,
.modern-hero__cta a:focus-visible {
  text-decoration: underline;
}

.modern-header a:focus-visible,
.modern-header button:focus-visible,
.modern-hero__cta a:focus-visible {
  outline: 2px solid var(--wp--preset--color--accent-dark);
  outline-offset: 4px;
}

.modern-header__navigation .wp-block-navigation-item__content {
  align-items: center;
  display: flex;
  min-height: 44px;
}

.modern-header__navigation .wp-block-navigation__responsive-container-open,
.modern-header__navigation .wp-block-navigation__responsive-container-close {
  align-items: center;
  justify-content: center;
  height: 44px;
  min-height: 44px !important;
  min-width: 44px !important;
  width: 44px;
}

.modern-hero__title {
  overflow-wrap: normal;
  word-break: keep-all;
}

.modern-hero__lead {
  margin-top: var(--wp--preset--spacing--50);
  max-width: 34em;
}

.modern-hero__cta {
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-top: var(--wp--preset--spacing--50);
}

.modern-hero__cta a {
  display: inline-block;
  padding: 0.65rem 0;
  transition: color 180ms cubic-bezier(0.2, 0.6, 0.2, 1),
    transform 180ms cubic-bezier(0.2, 0.6, 0.2, 1);
}

.modern-hero__cta a:hover {
  transform: translateX(4px);
}

.modern-hero__image,
.modern-hero__image img {
  width: 100%;
}

.modern-hero__image img {
  display: block;
  height: auto;
}

@media (min-width: 782px) {
  .modern-hero__image {
    aspect-ratio: 1.14 / 1;
    overflow: hidden;
  }

  .modern-hero__image img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}

.modern-section-label {
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin: 0;
}

.modern-about__columns {
  margin-top: var(--wp--preset--spacing--60);
}

.modern-about__image,
.modern-about__image img,
.modern-services__image,
.modern-services__image img {
  width: 100%;
}

.modern-about__image img,
.modern-services__image img {
  display: block;
  height: auto;
}

.modern-about__content {
  box-sizing: border-box;
  padding-left: var(--wp--preset--spacing--60);
}

.modern-about__title {
  margin: 0;
  overflow-wrap: normal;
  word-break: keep-all;
}

.modern-about__copy {
  margin-left: 0 !important;
  margin-top: var(--wp--preset--spacing--60);
}

.modern-about__copy > * + * {
  margin-top: var(--wp--preset--spacing--40);
}

.modern-services__heading {
  align-items: flex-end;
}

.modern-services__title {
  margin: 0;
}

.modern-services__image {
  margin-top: var(--wp--preset--spacing--60);
}

.modern-services__list {
  margin-top: var(--wp--preset--spacing--70);
}

.modern-service-row {
  align-items: center;
  border-top: 1px solid var(--wp--preset--color--line);
  display: grid;
  gap: var(--wp--preset--spacing--40);
  grid-template-columns: minmax(3rem, 1fr) minmax(16rem, 5fr) minmax(18rem, 5fr);
  margin: 0;
  padding: var(--wp--preset--spacing--50) 0;
}

.modern-service-row:last-child {
  border-bottom: 1px solid var(--wp--preset--color--line);
}

.modern-service-row > * {
  margin: 0;
}

.modern-service-row__number {
  color: var(--wp--preset--color--muted);
  letter-spacing: 0.06em;
}

.modern-service-row__title {
  overflow-wrap: anywhere;
}

.modern-service-row__description {
  max-width: 34em;
}

.modern-works__title {
  margin-top: var(--wp--preset--spacing--50);
  max-width: 10em;
  overflow-wrap: normal;
  word-break: keep-all;
}

.modern-works__composition {
  margin-top: var(--wp--preset--spacing--80);
}

.modern-work {
  margin-left: 0;
  margin-right: 0;
}

.modern-work--01 {
  width: 78%;
}

.modern-work--02 {
  margin-left: auto;
  margin-top: var(--wp--preset--spacing--80);
  width: 58%;
}

.modern-work--03 {
  margin-left: 8%;
  margin-top: var(--wp--preset--spacing--80);
  width: 42%;
}

.modern-work__image {
  overflow: hidden;
}

.modern-work__image,
.modern-work__image img,
.modern-statement__image,
.modern-statement__image img {
  width: 100%;
}

.modern-work__image img,
.modern-statement__image img {
  display: block;
  height: auto;
}

.modern-work__image img {
  transition: transform 280ms cubic-bezier(0.2, 0.6, 0.2, 1);
}

.modern-work:hover .modern-work__image img {
  transform: scale(1.01);
}

.modern-work__meta {
  display: grid;
  gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--40);
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: var(--wp--preset--spacing--40);
}

.modern-work__meta > * {
  margin: 0;
}

.modern-work__index,
.modern-work__year {
  color: var(--wp--preset--color--muted);
  letter-spacing: 0.06em;
}

.modern-work__title,
.modern-work__category {
  grid-column: 1;
}

.modern-work__year {
  grid-column: 2;
  grid-row: 2;
  text-align: right;
}

.modern-statement__title {
  color: var(--wp--preset--color--on-contrast);
  margin: 0;
  max-width: 10em;
  overflow-wrap: normal;
  word-break: keep-all;
}

.modern-statement__image {
  margin-top: var(--wp--preset--spacing--80);
}

.modern-news__heading {
  align-items: flex-end;
}

.modern-news__title {
  margin: 0;
}

.modern-news__query {
  margin-top: var(--wp--preset--spacing--70);
}

.modern-news__posts {
  margin: 0;
  padding: 0;
}

.modern-news-row {
  align-items: center;
  border-top: 1px solid var(--wp--preset--color--line);
  display: grid;
  gap: var(--wp--preset--spacing--40);
  grid-template-columns: minmax(7rem, 1.2fr) minmax(7rem, 1.2fr) minmax(0, 7fr);
  margin: 0;
  padding: var(--wp--preset--spacing--50) 0;
}

.modern-news__posts > li:last-child .modern-news-row {
  border-bottom: 1px solid var(--wp--preset--color--line);
}

.modern-news-row > * {
  margin: 0;
}

.modern-news-row__date,
.modern-news-row__category {
  color: var(--wp--preset--color--muted);
}

.modern-news-row__category {
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.modern-news-row__category a {
  color: inherit;
}

.modern-news-row__title {
  font-weight: 400;
  line-height: 1.4;
  padding-right: var(--wp--preset--spacing--50);
  position: relative;
}

.modern-news-row__title a::after {
  content: "→";
  position: absolute;
  right: 0;
  transition: transform 180ms cubic-bezier(0.2, 0.6, 0.2, 1);
}

.modern-news-row__title a:hover::after {
  transform: translateX(4px);
}

.modern-news__empty {
  border-bottom: 1px solid var(--wp--preset--color--line);
  border-top: 1px solid var(--wp--preset--color--line);
  margin: 0;
  padding: var(--wp--preset--spacing--50) 0;
}

.modern-contact__columns {
  margin-top: var(--wp--preset--spacing--60);
}

.modern-contact__title {
  margin: 0;
  overflow-wrap: normal;
  word-break: keep-all;
}

.modern-contact__copy {
  margin-top: var(--wp--preset--spacing--50);
  max-width: 34em;
}

.modern-contact__cta {
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-top: var(--wp--preset--spacing--50);
}

.modern-contact__cta a {
  display: inline-block;
  padding: 0.65rem 0;
  text-underline-offset: 0.3em;
  transition: color 180ms cubic-bezier(0.2, 0.6, 0.2, 1),
    transform 180ms cubic-bezier(0.2, 0.6, 0.2, 1);
}

.modern-contact__cta a:hover {
  text-decoration: underline;
  transform: translateX(4px);
}

.modern-contact__image,
.modern-contact__image img {
  width: 100%;
}

.modern-contact__image img {
  display: block;
  height: auto;
}

.modern-footer__inner {
  box-sizing: border-box;
  padding-left: clamp(1.25rem, 4vw, 4rem);
  padding-right: clamp(1.25rem, 4vw, 4rem);
}

.modern-footer__primary .wp-block-site-title,
.modern-footer__copyright,
.modern-footer__statement,
.modern-footer__credit {
  margin: 0;
}

.modern-footer__credit {
  color: var(--wp--preset--color--muted);
}

.modern-footer__credit a {
  color: inherit;
  text-underline-offset: 0.25em;
}

.modern-footer__navigation .wp-block-navigation-item__content {
  align-items: center;
  display: flex;
  min-height: 44px;
}

.modern-footer__secondary {
  align-items: flex-end;
  margin-top: var(--wp--preset--spacing--70);
}

.modern-footer__statement {
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.35;
  text-align: right;
}

.modern-news a:focus-visible,
.modern-contact a:focus-visible,
.modern-footer a:focus-visible {
  outline: 2px solid var(--wp--preset--color--accent-dark);
  outline-offset: 4px;
}

/* Editorial reading system for Page and Single templates. */
.modern-page,
.modern-single {
  min-width: 0;
}

.modern-page-intro,
.modern-single-header,
.modern-single-featured,
.modern-single-meta {
  box-sizing: border-box;
  padding-left: clamp(1.25rem, 4vw, 4rem);
  padding-right: clamp(1.25rem, 4vw, 4rem);
}

.modern-page-intro,
.modern-single-header {
  padding-bottom: var(--wp--preset--spacing--80);
  padding-top: var(--wp--preset--spacing--90);
}

.modern-entry-label,
.modern-single-category,
.modern-single-date {
  color: var(--wp--preset--color--muted);
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 0;
  text-transform: uppercase;
}

.modern-page-title,
.modern-single-title {
  font-size: clamp(3rem, 6vw, 6rem);
  margin-bottom: 0;
  margin-top: var(--wp--preset--spacing--50);
  max-width: 13em;
  overflow-wrap: anywhere;
}

.modern-single-title {
  max-width: 12em;
}

.modern-single-date {
  margin-top: var(--wp--preset--spacing--50);
}

.modern-single-featured {
  margin-bottom: var(--wp--preset--spacing--80);
}

.modern-single-featured img {
  display: block;
  height: auto;
  width: 100%;
}

.modern-entry-content {
  box-sizing: border-box;
  min-width: 0;
  padding-left: clamp(1.25rem, 4vw, 4rem);
  padding-right: clamp(1.25rem, 4vw, 4rem);
}

.modern-entry-content > :where(:not(.alignwide):not(.alignfull)) {
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}

.modern-entry-content > .alignwide {
  margin-left: auto;
  margin-right: auto;
  max-width: 1312px;
}

.modern-entry-content > .alignfull {
  margin-left: calc(clamp(1.25rem, 4vw, 4rem) * -1);
  margin-right: calc(clamp(1.25rem, 4vw, 4rem) * -1);
  max-width: none;
  width: auto;
}

.modern-entry-content > * + * {
  margin-top: var(--wp--preset--spacing--40);
}

.modern-entry-content > h2 {
  font-size: var(--wp--preset--font-size--2-xl);
  margin-top: var(--wp--preset--spacing--80);
}

.modern-entry-content > h3 {
  font-size: var(--wp--preset--font-size--xl);
  margin-top: var(--wp--preset--spacing--60);
}

.modern-entry-content > h4 {
  font-size: var(--wp--preset--font-size--lg);
  margin-top: var(--wp--preset--spacing--60);
}

.modern-entry-content p,
.modern-entry-content li,
.modern-entry-content td,
.modern-entry-content th {
  overflow-wrap: anywhere;
}

.modern-entry-content a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25em;
}

.modern-entry-content blockquote {
  border-left: 1px solid var(--wp--preset--color--contrast);
  font-size: var(--wp--preset--font-size--lg);
  margin-bottom: var(--wp--preset--spacing--60);
  margin-top: var(--wp--preset--spacing--60);
  padding-left: var(--wp--preset--spacing--40);
}

.modern-entry-content pre,
.modern-entry-content code {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.modern-entry-content .wp-block-table {
  overflow-x: auto;
}

.modern-entry-content > table {
  display: block;
  max-width: min(100%, 720px);
  overflow-x: auto;
}

.modern-entry-content table {
  border-collapse: collapse;
  min-width: 100%;
}

.modern-entry-content img {
  height: auto;
  max-width: 100%;
}

.modern-entry-content .wp-caption {
  box-sizing: border-box;
  max-width: 100%;
}

.modern-entry-content .wp-caption img {
  height: auto;
  max-width: 100%;
}

.modern-entry-content td,
.modern-entry-content th {
  border-color: var(--wp--preset--color--line);
  padding: var(--wp--preset--spacing--30);
  text-align: left;
}

.modern-entry-content .wp-block-separator {
  border-color: var(--wp--preset--color--line);
}

.modern-entry-content a:focus-visible,
.modern-single-meta a:focus-visible {
  outline: 2px solid var(--wp--preset--color--accent-dark);
  outline-offset: 4px;
}

.modern-page-content,
.modern-single-content {
  padding-bottom: var(--wp--preset--spacing--90);
}

.modern-single-meta {
  padding-bottom: var(--wp--preset--spacing--80);
}

.modern-single-meta__row,
.modern-single-navigation {
  border-top: 1px solid var(--wp--preset--color--line);
  gap: var(--wp--preset--spacing--40);
  padding-top: var(--wp--preset--spacing--40);
}

.modern-single-meta__row > * {
  margin: 0;
}

.modern-single-navigation {
  margin-top: var(--wp--preset--spacing--60);
}

/* Editorial index system for Blog, Archive, and Search templates. */
.modern-index-header,
.modern-index-query {
  box-sizing: border-box;
  padding-left: clamp(1.25rem, 4vw, 4rem);
  padding-right: clamp(1.25rem, 4vw, 4rem);
}

.modern-index-header {
  padding-bottom: var(--wp--preset--spacing--80);
  padding-top: var(--wp--preset--spacing--90);
}

.modern-index-label {
  color: var(--wp--preset--color--muted);
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 0;
}

.modern-index-title {
  font-size: clamp(3rem, 6vw, 6rem);
  margin-bottom: 0;
  margin-top: var(--wp--preset--spacing--50);
  max-width: 14em;
  overflow-wrap: anywhere;
}

.modern-index-list {
  margin: 0;
  padding: 0;
}

.modern-index-item {
  border-top: 1px solid var(--wp--preset--color--line);
  display: grid;
  gap: var(--wp--preset--spacing--60);
  grid-template-columns: minmax(0, 2fr) minmax(14rem, 1fr);
  margin: 0;
  padding: var(--wp--preset--spacing--60) 0;
}

.modern-index-list > li:last-child .modern-index-item {
  border-bottom: 1px solid var(--wp--preset--color--line);
}

.modern-index-item__body,
.modern-index-item__meta,
.modern-index-item__title,
.modern-index-item__excerpt,
.modern-index-item__image {
  margin-bottom: 0;
  margin-top: 0;
}

.modern-index-item__meta {
  color: var(--wp--preset--color--muted);
  gap: var(--wp--preset--spacing--40);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.modern-index-item__title {
  font-size: var(--wp--preset--font-size--xl);
  margin-top: var(--wp--preset--spacing--40);
  max-width: 22em;
  overflow-wrap: anywhere;
}

.modern-index-item__excerpt {
  margin-top: var(--wp--preset--spacing--40);
  max-width: 44em;
}

.modern-index-item__excerpt p {
  margin: 0;
}

.modern-index-item__image {
  align-self: start;
}

.modern-index-item__image img {
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.modern-pagination {
  border-top: 1px solid var(--wp--preset--color--line);
  margin-top: var(--wp--preset--spacing--70);
  padding-top: var(--wp--preset--spacing--40);
}

.modern-pagination a,
.modern-pagination .page-numbers {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
}

.modern-index a:focus-visible,
.modern-index button:focus-visible,
.modern-index input:focus-visible {
  outline: 2px solid var(--wp--preset--color--accent-dark);
  outline-offset: 4px;
}

.modern-search-empty {
  border-bottom: 1px solid var(--wp--preset--color--line);
  border-top: 1px solid var(--wp--preset--color--line);
  padding: var(--wp--preset--spacing--70) 0;
}

.modern-search-empty h2,
.modern-search-empty p {
  margin-top: 0;
}

.modern-search-empty h2 {
  font-size: var(--wp--preset--font-size--xl);
}

.modern-search-empty .wp-block-search {
  margin-top: var(--wp--preset--spacing--50);
  max-width: 720px;
}

.modern-index-query {
  padding-bottom: var(--wp--preset--spacing--90);
}

/* Quiet editorial 404. */
.modern-404__inner {
  box-sizing: border-box;
  min-height: clamp(34rem, 62vh, 48rem);
  padding: var(--wp--preset--spacing--90) clamp(1.25rem, 4vw, 4rem);
}

.modern-404__label {
  color: var(--wp--preset--color--muted);
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 0;
}

.modern-404__title {
  font-size: clamp(3rem, 6vw, 6rem);
  margin-bottom: 0;
  margin-top: var(--wp--preset--spacing--50);
  max-width: 10em;
}

.modern-404__copy {
  margin-top: var(--wp--preset--spacing--60);
  max-width: 34em;
}

.modern-404__cta {
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-top: var(--wp--preset--spacing--50);
}

.modern-404__cta a {
  display: inline-block;
  padding: 0.65rem 0;
  text-underline-offset: 0.3em;
  transition: color 180ms cubic-bezier(0.2, 0.6, 0.2, 1), transform 180ms cubic-bezier(0.2, 0.6, 0.2, 1);
}

.modern-404__cta a:hover {
  text-decoration: underline;
  transform: translateX(4px);
}

.modern-404__cta a:focus-visible {
  outline: 2px solid var(--wp--preset--color--accent-dark);
  outline-offset: 4px;
}

@media (max-width: 781px) {
  .modern-404__inner {
    min-height: 34rem;
    padding-bottom: var(--wp--preset--spacing--70);
    padding-top: var(--wp--preset--spacing--70);
  }

  .modern-404__title {
    font-size: clamp(2.5rem, 12vw, 4.5rem);
  }

  .modern-index-header {
    padding-bottom: var(--wp--preset--spacing--70);
    padding-top: var(--wp--preset--spacing--70);
  }

  .modern-index-title {
    font-size: clamp(2.5rem, 12vw, 4.5rem);
  }

  .modern-index-item {
    gap: var(--wp--preset--spacing--40);
    grid-template-columns: minmax(0, 1fr);
    padding: var(--wp--preset--spacing--50) 0;
  }

  .modern-index-item__image {
    grid-row: 1;
  }

  .modern-index-item__title,
  .modern-index-item__excerpt {
    margin-top: var(--wp--preset--spacing--30);
  }

  .modern-pagination {
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--20);
  }

  .modern-page-intro,
  .modern-single-header {
    padding-bottom: var(--wp--preset--spacing--70);
    padding-top: var(--wp--preset--spacing--70);
  }

  .modern-page-title,
  .modern-single-title {
    font-size: clamp(2.5rem, 12vw, 4.5rem);
  }

  .modern-entry-content .wp-block-columns {
    gap: var(--wp--preset--spacing--40);
  }

  .modern-hero {
    padding-bottom: var(--wp--preset--spacing--70) !important;
    padding-top: var(--wp--preset--spacing--60) !important;
  }

  .modern-hero__columns {
    gap: var(--wp--preset--spacing--60);
  }

  .modern-hero__lead,
  .modern-hero__cta {
    margin-top: var(--wp--preset--spacing--40);
  }

  .modern-about,
  .modern-services,
  .modern-works,
  .modern-statement,
  .modern-news,
  .modern-contact {
    padding-bottom: var(--wp--preset--spacing--70) !important;
    padding-top: var(--wp--preset--spacing--70) !important;
  }

  .modern-about__columns {
    gap: var(--wp--preset--spacing--50);
    margin-top: var(--wp--preset--spacing--50);
  }

  .modern-about__content {
    padding-left: 0;
  }

  .modern-about__copy {
    margin-top: var(--wp--preset--spacing--40);
  }

  .modern-services__heading {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--wp--preset--spacing--40);
  }

  .modern-services__image,
  .modern-services__list {
    margin-top: var(--wp--preset--spacing--50);
  }

  .modern-service-row {
    gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
    grid-template-columns: 2.5rem minmax(0, 1fr);
    padding: var(--wp--preset--spacing--40) 0;
  }

  .modern-service-row__description {
    grid-column: 2;
  }

  .modern-works__title {
    margin-top: var(--wp--preset--spacing--40);
  }

  .modern-works__composition,
  .modern-statement__image {
    margin-top: var(--wp--preset--spacing--60);
  }

  .modern-work--01,
  .modern-work--02,
  .modern-work--03 {
    margin-left: 0;
    width: 100%;
  }

  .modern-work--02,
  .modern-work--03 {
    margin-top: var(--wp--preset--spacing--70);
  }

  .modern-news__heading {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--wp--preset--spacing--40);
  }

  .modern-news__query {
    margin-top: var(--wp--preset--spacing--50);
  }

  .modern-news-row {
    gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
    grid-template-columns: auto minmax(0, 1fr);
    padding: var(--wp--preset--spacing--40) 0;
  }

  .modern-news-row__category {
    justify-self: end;
  }

  .modern-news-row__title {
    grid-column: 1 / -1;
    margin-top: var(--wp--preset--spacing--10);
  }

  .modern-contact__columns {
    gap: var(--wp--preset--spacing--60);
    margin-top: var(--wp--preset--spacing--50);
  }

  .modern-contact__copy,
  .modern-contact__cta {
    margin-top: var(--wp--preset--spacing--40);
  }

  .modern-footer__primary,
  .modern-footer__secondary {
    align-items: flex-start;
    flex-direction: column;
  }

  .modern-footer__navigation {
    margin-top: var(--wp--preset--spacing--40);
    width: 100%;
  }

  .modern-footer__navigation .wp-block-navigation__container {
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
    width: 100%;
  }

  .modern-footer__navigation .wp-block-navigation-item,
  .modern-footer__navigation .wp-block-navigation-item__content {
    width: 100%;
  }

  .modern-footer__secondary {
    gap: var(--wp--preset--spacing--40);
    margin-top: var(--wp--preset--spacing--60);
  }

  .modern-footer__statement {
    text-align: left;
  }
}

@media (max-width: 480px) {
  .modern-header {
    padding-bottom: var(--wp--preset--spacing--30) !important;
    padding-top: var(--wp--preset--spacing--30) !important;
  }

  .modern-hero {
    padding-top: var(--wp--preset--spacing--50) !important;
  }

  .modern-hero__title {
    font-size: clamp(2.5rem, 12vw, 3rem) !important;
    letter-spacing: -0.035em;
  }

  .modern-works__title,
  .modern-statement__title,
  .modern-contact__title {
    font-size: clamp(2.5rem, 12vw, 3rem) !important;
    letter-spacing: -0.035em;
  }

  .modern-work__meta {
    gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--30);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .modern-hero__cta a:hover {
    transform: none;
  }

  .modern-work:hover .modern-work__image img {
    transform: none;
  }

  .modern-news-row__title a:hover::after,
  .modern-contact__cta a:hover {
    transform: none;
  }

  .modern-404__cta a:hover {
    transform: none;
  }
}