/*
 * Hybrid responsive layer.
 * Editorial content is shared by PC and SP. Only sections whose composition
 * is materially different retain device-specific markup.
 */
.philosophy-responsive-picture {
  display: block;
}

/*
 * 376–768px mobile expansion.
 * Keep the 375px composition and typography, while allowing containers,
 * imagery, and cards to use the available width.
 */
@media (min-width: 376px) and (max-width: 768px) {
  .philosophy-shared,
  .philosophy-sp-only,
  .sp01-fv-intro,
  .sp-masterpiece,
  .sp-masterpiece-works,
  .sp-perspectives-history,
  .sp-observer-awards,
  .sp08-legacy {
    width: 100%;
    max-width: none;
  }

  /* FV + introduction */
  .sp01-fv__background {
    left: 50%;
    transform: translateX(-50%);
  }

  .sp01-intro__english,
  .philosophy-shared .philosophy-message--intro .philosophy-message__english {
    width: calc(100% - 2px);
  }

  .sp01-intro__vertical {
    left: calc(50% - 138px);
  }

  .philosophy-shared .philosophy-message__columns--intro {
    right: max(48px, calc(50% - 139px));
  }

  /* 01 THE ARCHITECT */
  .sp-architect__name {
    left: calc(50% - 52.5px);
  }

  .sp-architect__portrait {
    left: -44px;
    width: calc(100% + 170px);
  }

  .sp-architect__content,
  .philosophy-shared .philosophy-feature--01__content {
    left: 24px;
    width: calc(100% - 48px);
  }

  /* 02 LIGHT & SHADOW */
  .sp-light-shadow__image,
  .philosophy-shared .philosophy-feature--02__row,
  .philosophy-shared .philosophy-feature--02__row > .philosophy-responsive-picture {
    width: 100%;
  }

  .sp-light-shadow__content,
  .philosophy-shared .philosophy-feature--02 .philosophy-feature__content {
    left: 24px;
    width: calc(100% - 48px);
  }

  .sp-light-shadow__heading,
  .philosophy-shared .philosophy-feature--02 .philosophy-feature__heading {
    width: 100%;
  }

  /* 03 MUSEUM + photo pair */
  .sp-museum-photo__content,
  .sp-museum-photo__heading,
  .sp-museum-photo__eyebrow,
  .sp-museum-photo__heading h2,
  .sp-museum-photo__body,
  .philosophy-shared .philosophy-feature--03__copy,
  .philosophy-shared .philosophy-feature--03 .philosophy-feature__content {
    width: calc(100% - 48px);
  }

  .sp-museum-photo__eyebrow span:last-child {
    width: calc(100% - 33px);
  }

  .sp-museum-photo__photos,
  .sp-museum-photo__main,
  .sp-museum-photo__pair,
  .philosophy-shared .philosophy-photo-pair {
    width: 100%;
  }

  .sp-museum-photo__pair img,
  .philosophy-shared .philosophy-photo-pair > div {
    width: 50%;
  }

  /* MASTERPIECE + works */
  .sp-masterpiece,
  .sp-masterpiece-works,
  .philosophy-shared .philosophy-message--masterpiece,
  .philosophy-shared .philosophy-works {
    width: 100%;
  }

  .sp-masterpiece-work__image,
  .philosophy-shared .philosophy-work__image {
    width: calc(100% - 24px);
  }

  .sp-masterpiece-work__body,
  .philosophy-shared .philosophy-work__content > p {
    width: 100%;
  }

  .sp-masterpiece-work__content,
  .philosophy-shared .philosophy-work__content {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
  }

  /* FIVE PERSPECTIVES + HISTORY */
  .sp-perspectives-history,
  .sp-perspective-story,
  .sp-perspective-story > img,
  .sp-perspectives-history__history {
    width: 100%;
  }

  .sp-perspective-story__copy {
    left: 24px;
    width: calc(100% - 48px);
  }

  .sp-perspectives-history__vertical {
    right: max(80px, calc(50% - 107.5px));
  }

  .sp-perspectives-history__history-title {
    margin-left: max(79px, calc(50% - 108.5px)) !important;
  }

  /* OBSERVER + awards */
  .sp-observer__photo,
  .sp-observer__photo img,
  .sp-awards-related__item {
    width: 100%;
  }

  .sp-observer__copy {
    width: calc(100% - 48px);
  }

  .sp-observer__body {
    width: 100%;
  }

  .sp-awards {
    padding-right: 24px;
    padding-left: 24px;
  }

  .sp-award {
    width: 100%;
  }

  .sp-award__image,
  .sp-award__button {
    width: calc(100% - 48px);
  }

  /* LEGACY + book + related links */
  .sp08-legacy,
  .sp08-legacy__building,
  .sp08-book > img {
    width: 100%;
  }

  .sp08-generations {
    background-position-x: center;
  }

  .sp08-generation--first {
    left: calc(50% - 97.5px);
  }

  .sp08-generation--second {
    left: calc(50% - 166.5px);
  }

  .sp08-generation--third {
    left: calc(50% + 19.5px);
  }

  .sp08-related__item {
    padding-right: 24px;
    padding-left: 24px;
  }

  .sp08-related__photo {
    width: min(100%, 360px);
    height: auto;
    aspect-ratio: 1;
  }

  .sp08-book__copy,
  .sp08-legacy__statement,
  .philosophy-sp-only header.sp08-legacy__intro {
    padding-right: 24px;
    padding-left: 24px;
  }
  .sp08-legacy .sp08-legacy__intro{
    max-width: 375px;
    margin: 0 auto;
  }
  .sp08-legacy__statement{
    max-width: 375px !important;
    margin: 0 auto !important;
  }
  .sp08-book__copy{
    max-width: 375px !important;
    margin: 0 auto !important;
  }
  .sp08-related__item .sp08-related__photo,
  .sp08-related__item h2,
  .sp08-related__item p,
  .sp08-related__item a{
    max-width: 300px !important;
    margin-left:auto !important;
    margin-right: auto !important;
  }
  .sp08-related__item::before {
    width:100%;
    position: absolute;
    z-index: -1;
    top: 20px;
    right: initial;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, .6);
    content: "";
    max-width:375px;
  }
}

.philosophy-responsive-picture > img {
  display: block;
}

.philosophy-feature--02__row > .philosophy-responsive-picture {
  flex: 0 0 auto;
  width: 899px;
}

.philosophy-feature--02__row > .philosophy-responsive-picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.philosophy-photo-pair .philosophy-responsive-picture,
.philosophy-photo-pair .philosophy-responsive-picture > img,
.philosophy-work__image .philosophy-responsive-picture,
.philosophy-work__image .philosophy-responsive-picture > img {
  width: 100%;
  height: 100%;
}

.mobile-only-break {
  display: none;
}

@media (max-width: 768px) {
  .philosophy-shared,
  .philosophy-shared * {
    box-sizing: border-box;
  }

  .philosophy-shared {
    width: min(100%, 375px);
    margin: 0 auto;
    overflow: hidden;
    color: #c9c4b8;
    background: #000;
    font-family: "Noto Serif JP", serif;
  }

  .philosophy-shared p,
  .philosophy-shared h2 {
    margin: 0;
  }

  .philosophy-shared .mobile-line,
  .philosophy-shared .mobile-only-break {
    display: block;
  }

  .philosophy-shared .desktop-break {
    display: none;
  }

  .philosophy-shared .desktop-only-line {
    display: none;
  }

  /* Shared introduction */
  .philosophy-message--intro {
    position: relative;
    width: 100%;
    height: 403px;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    background: #000;
  }

  .philosophy-message--intro .philosophy-message__english {
    position: absolute;
    top: 3px;
    left: 1px;
    width: 373px;
    margin: 0;
    color: rgba(255, 255, 255, 0.2);
    font-family: Cinzel, serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 10px;
    white-space: nowrap;
  }

  .philosophy-message__columns--intro {
    position: absolute;
    top: 123px;
    right: 48px;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: 24px;
    width: auto;
  }

  .philosophy-message--intro .philosophy-message__small-copy,
  .philosophy-message--intro .philosophy-message__lead {
    display: block;
    width: auto;
    height: 248px;
    color: #fff;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-weight: 500;
    letter-spacing: 0;
  }

  .philosophy-message--intro .philosophy-message__small-copy {
    font-size: 14px;
    line-height: 18px;
  }

  .philosophy-message--intro .philosophy-message__lead {
    font-size: 16px;
    line-height: 22px;
  }

  /* 01 — Architect */
  .philosophy-feature--01 {
    max-width: 375px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 1012px;
    min-height: 0;
    overflow: hidden;
    background: #000;
  }

  .philosophy-feature--01 .philosophy-feature__kanji--right {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 135px;
    display: flex;
    align-items: center;
    width: auto;
    opacity: 0.6;
    color: transparent;
    background: linear-gradient(180deg, rgba(231, 194, 75, 0.6), rgba(57, 52, 36, 0.6));
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 120px;
    font-weight: 400;
    line-height: 120px;
    letter-spacing: 3px;
    white-space: nowrap;
    writing-mode: initial;
  }

  .philosophy-feature--01 .philosophy-responsive-picture {
    position: absolute;
    z-index: 2;
    top: 80px;
    left: -80px;
    width: 545px;
    height: 340px;
  }

  .philosophy-feature--01__image {
    position: static;
    top: auto;
    left: auto;
    width: 545px;
    height: 340px;
    max-width: none;
  }

  .philosophy-feature--01__content {
    position: absolute;
    z-index: 3;
    top: 444px;
    left: 24px;
    width: 327px;
    margin: 0;
    padding: 0;
    color: #c9c4b8;
    text-shadow: 0 0 20px #000;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.8));
  }

  .philosophy-shared .philosophy-feature--01[data-node-id="16:357"] .philosophy-feature--01__content {
    display: block;
    gap: 0;
  }

  .philosophy-shared .philosophy-feature--01[data-node-id="16:357"] .philosophy-feature__body {
    margin-top: 24px;
  }

  .philosophy-feature__heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
  }

  .philosophy-feature__en {
    font-family: Cinzel, serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 3px;
  }

  .philosophy-feature__en span {
    color: #811704;
  }

  .philosophy-feature__heading h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 3px;
  }

  .philosophy-feature__body,
  .philosophy-work__content > p {
    margin-top: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 3px;
    text-align: justify;
  }

  /* 02 — Light and shadow */
  .philosophy-feature--02 {
    max-width: 375px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 815px;
    min-height: 0;
    overflow: visible;
    background: #000;
  }

  .philosophy-feature--02::after {
    content: "思想";
    position: absolute;
    z-index: 1;
    top: 815px;
    left: 44px;
    height: 189px;
    opacity: 0.6;
    color: transparent;
    background: linear-gradient(180deg, rgba(231, 194, 75, 0.6), rgba(57, 52, 36, 0.6));
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 120px;
    font-weight: 400;
    line-height: 120px;
    letter-spacing: 3px;
    white-space: nowrap;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }

  .philosophy-feature--02 .philosophy-feature__kanji--light {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 5px;
    width: auto;
    height: 120px;
    opacity: 0.6;
    color: transparent;
    background: linear-gradient(180deg, rgba(231, 194, 75, 0.6), rgba(57, 52, 36, 0.6));
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 120px;
    font-weight: 400;
    line-height: 120px;
    letter-spacing: 3px;
    white-space: nowrap;
    writing-mode: initial;
  }

  .philosophy-feature--02__row {
    display: block;
    width: 100%;
  }

  .philosophy-shared .philosophy-feature--02[data-node-id="16:370"] .philosophy-feature--02__row {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .philosophy-feature--02__row > .philosophy-responsive-picture {
    position: absolute;
    z-index: 2;
    top: 144px;
    left: 0;
    width: 100%;
    height: 74vw;
  }

  .philosophy-feature--02__row > .philosophy-responsive-picture > img {
    width: 375px;
    height: 280px;
    max-width: none;
    object-fit: cover;
    object-position: bottom;
    opacity: 0.8;
  }

  .philosophy-feature--02 .philosophy-feature__content {
    position: absolute;
    z-index: 3;
    top: 448px;
    left: 24px;
    width: 327px;
    margin: 0;
    padding: 0;
    color: #c9c4b8;
    text-shadow: 0 0 20px #000;
  }

  .philosophy-shared .philosophy-feature--02[data-node-id="16:370"] .philosophy-feature__content {
    top: 448px;
    left: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 327px;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .philosophy-shared .philosophy-feature--02[data-node-id="16:370"] .philosophy-feature__body {
    margin: 0;
  }


  .philosophy-shared .philosophy-feature--02[data-node-id="16:370"] .philosophy-feature__en {
    width: 298px;
    font-size: 20px;
    letter-spacing: 3px;
    line-height: 24px;
    white-space: normal;
    display: flex;
    gap:8px;
    white-space: nowrap;
  }

  /* 03 — Museum */
  .philosophy-feature--03 {
    max-width: 375px;
    position: relative;
    width: 100%;
    height: 430px;
    min-height: 0;
    margin: 189px auto 0;
    overflow: hidden;
    background: #000;
  }

  .philosophy-feature--03__top,
  .philosophy-feature--03__copy,
  .philosophy-feature--03__copy .philosophy-feature__content {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .philosophy-feature--03 .philosophy-feature__kanji--thought {
    display: none;
  }

  .philosophy-feature--03__copy .philosophy-feature__content {
    position: relative;
    z-index: 3;
    width: 327px;
    margin-left: 24px;
    color: #c9c4b8;
    text-shadow: 0 0 20px #000;
  }

  .philosophy-shared .philosophy-feature--03[data-node-id="16:380"] .philosophy-feature--03__top,
  .philosophy-shared .philosophy-feature--03[data-node-id="16:380"] .philosophy-feature--03__copy {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .philosophy-shared .philosophy-feature--03[data-node-id="16:380"] .philosophy-feature__content {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 24px;
    display: block;
    width: 327px;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .philosophy-shared .philosophy-feature--03[data-node-id="16:380"] .philosophy-feature__body {
    margin-top: 24px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 3px;
  }

  .philosophy-shared .philosophy-feature--03[data-node-id="16:380"] .philosophy-feature__en,
  .philosophy-shared .philosophy-feature--03[data-node-id="16:380"] .philosophy-feature__heading h2 {
    width: 327px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 3px;
    white-space: normal;
  }

  .philosophy-shared .philosophy-feature[data-node-id] .philosophy-feature__heading {
    gap: 8px;
  }

  .philosophy-feature--03 > .philosophy-responsive-picture {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 375px;
    height: 126px;
  }

  .philosophy-feature--03__image {
    position: static;
    top: auto;
    left: auto;
    width: 375px;
    height: 126px;
    object-fit: cover;
  }

  .philosophy-photo-pair {
    max-width: 375px;
    margin: 0 auto !important;
    display: flex;
    width: 375px;
    height: 126px;
    min-height: 0;
    gap: 1px;
    overflow: hidden;
    background: #000;
  }

  .philosophy-photo-pair > div {
    width: 187px;
    height: 126px;
    margin: 0;
  }
  .philosophy-photo-pair .philosophy-responsive-picture {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: top;
  }
  .philosophy-photo-pair .philosophy-responsive-picture img {
    width: 187px !important;
    height: 126px !important;
    object-fit: cover;
    object-position: top;
  }

  .philosophy-shared .philosophy-photo-pair[data-node-id="16:392"] {
    display: flex;
    width: 375px;
    height: 126px;
    min-height: 0;
    margin: 0;
    gap: 1px;
  }

  .philosophy-shared .philosophy-photo-pair[data-node-id="16:392"] > div {
    width: 187px;
    height: 126px;
    margin: 0;
  }

  .philosophy-shared .philosophy-photo-pair[data-node-id="16:392"] img {
    position: static;
    top: auto;
    left: auto;
    width: 187px;
    height: 126px;
    object-fit: cover;
  }

  /* Masterpiece introduction */
  .philosophy-message--masterpiece {
    max-width: 375px;
    margin: 0 auto;
    position: relative;
    width: 375px;
    height: 400px;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    background: #000;
    color: #fff;
  }

  .philosophy-message--masterpiece .philosophy-message__english {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    color: rgba(255, 255, 255, 0.2);
    font-family: Cinzel, serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 10px;
    text-align: center;
    white-space: nowrap;
  }

  .philosophy-message__columns--masterpiece {
    position: absolute;
    top: 80px;
    right: 24px;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: 24px;
    width: auto;
    height: 260px;
  }

  .philosophy-message--masterpiece .philosophy-message__lead,
  .philosophy-message--masterpiece .philosophy-message__small-copy {
    width: auto;
    height: 260px;
    color: #fff;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-weight: 400;
    letter-spacing: 3px;
  }

  .philosophy-message--masterpiece .philosophy-message__lead {
    font-size: 16px;
    line-height: 20px;
  }

  .philosophy-message--masterpiece .philosophy-message__small-copy {
    font-size: 14px;
    line-height: 16px;
  }

  /* Shared works 04–08 */
  .philosophy-works {
    display: block;
    width: 375px;
    max-width: 375px;
    margin: 0 auto !important;
    background: #000;
  }

  .philosophy-work {
    display: block;
    width: 375px;
    min-height: 0;
    max-width: 375px;
    margin: 0 auto !important;
    background: #000;
    color: #c9c4b8;
  }

  .philosophy-work__image,
  .philosophy-work__image--05,
  .philosophy-work__image--06,
  .philosophy-work__image--07,
  .philosophy-work__image--08 {
    position: relative;
    width: 351px;
    height: 238px;
    margin: 0;
    overflow: hidden;
  }

  .philosophy-work__image img {
    position: static;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
  }

  .philosophy-work__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    min-height: 296px;
    margin: 0;
    padding: 24px 24px 40px;
    color: #c9c4b8;
    letter-spacing: 3px;
    text-shadow: 0 0 20px #000;
  }

  .philosophy-work:first-child .philosophy-work__content {
    min-height: 396px;
  }

  .philosophy-work:nth-child(2) .philosophy-work__content {
    min-height: 344px;
  }

  .philosophy-work:nth-child(4) .philosophy-work__content {
    min-height: 272px;
  }

  .philosophy-work:nth-child(5) .philosophy-work__content {
    min-height: 320px;
  }

  .philosophy-work__content .philosophy-feature__heading {
    margin: 0;
  }

  .philosophy-work__content > p {
    width: 327px;
    max-width: 100%;
  }

  /*
   * The desktop Figma styles use data-node selectors. Repeat the shared
   * mobile rules with a stronger section scope so they win without changing
   * the desktop stylesheets.
   */
  .philosophy-shared .philosophy-message--intro[data-node-id="16:337"] {
    width: 100%;
    height: 403px;
    aspect-ratio: auto;
    padding: 0;
  }

  .philosophy-shared .philosophy-message--intro[data-node-id="16:337"] .philosophy-message__english {
    top: 3px;
    left: 1px;
    right: auto;
    bottom: auto;
    width: 373px;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 10px;
  }

  .philosophy-shared .philosophy-message--intro[data-node-id="16:337"] .philosophy-message__columns--intro {
    top: 123px;
    right: 48px;
    left: auto;
    display: flex;
    flex-direction: row-reverse;
    gap: 24px;
    width: auto;
    height: 248px;
  }

  .philosophy-shared .philosophy-message--intro[data-node-id="16:337"] .philosophy-message__small-copy {
    flex: none;
    width: auto;
    height: 248px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
  }

  .philosophy-shared .philosophy-message--intro[data-node-id="16:337"] .philosophy-message__lead {
    flex: none;
    width: auto;
    height: 248px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
  }

  .philosophy-shared .philosophy-message--masterpiece[data-node-id="16:395"] {
    width: 375px;
    height: 400px;
    aspect-ratio: auto;
    padding: 0;
  }

  .philosophy-shared .philosophy-message--masterpiece[data-node-id="16:395"] .philosophy-message__english {
    top: 0;
    left: 0;
    width: 100%;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 10px;
    text-align: center;
  }

  .philosophy-shared .philosophy-message--masterpiece[data-node-id="16:395"] .philosophy-message__columns--masterpiece {
    top: 80px;
    right: 24px;
    left: auto;
    display: flex;
    flex-direction: row-reverse;
    gap: 24px;
    width: auto;
    height: 260px;
  }

  .philosophy-shared .philosophy-message--masterpiece[data-node-id="16:395"] .philosophy-message__small-copy,
  .philosophy-shared .philosophy-message--masterpiece[data-node-id="16:395"] .philosophy-message__lead {
    flex: none;
    width: auto;
    height: 260px;
  }

  .philosophy-shared .philosophy-message--masterpiece[data-node-id="16:395"] .philosophy-message__small-copy {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 3px;
  }

  .philosophy-shared .philosophy-message--masterpiece[data-node-id="16:395"] .philosophy-message__lead {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 3px;
  }

  .philosophy-shared .philosophy-works[data-node-id="16:414"] {
    display: block;
    width: 375px;
    min-width: 0;
    margin: 0;
  }

  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-work,
  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-work:first-child {
    display: block;
    width: 375px;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
  }

  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-work__image,
  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-work:first-child .philosophy-work__image {
    position: relative;
    flex: none;
    width: 351px;
    height: 238px;
    margin: 0;
  }

  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-work__image img,
  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-work__image--05 img,
  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-work__image--06 img,
  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-work__image--07 img,
  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-work__image--08 img {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-work__content {
    display: flex;
    flex: none;
    align-items: flex-start;
    width: 375px;
    min-height: 296px;
    padding: 24px 24px 40px;
    gap: 0;
    text-align: left;
    white-space: normal;
  }

  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-work:first-child .philosophy-work__content {
    min-height: 396px;
  }

  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-feature__heading {
    align-items: flex-start;
    width: 327px;
    gap: 8px;
  }

  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-feature__en {
    font-size: 20px;
    line-height: 20px;
    text-align: left;
  }
  .philosophy-works[data-node-id="16:414"] .philosophy-work:last-child .philosophy-feature__en br{
    display: none;
  }

  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-feature__heading h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-feature__heading h2 br{
    display: block;
  }

  .philosophy-shared .philosophy-works[data-node-id="16:414"] .philosophy-work__content > p {
    width: 327px;
    margin-top: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    white-space: nowrap;
  }
  .philosophy-works[data-node-id="16:414"] .philosophy-work__content > p > br {
    display: block;
  }
  .sp-perspectives-history{
    max-width: 375px !important;
    margin: 0 auto;
  }
   .sp08-related__item .sp08-related__photo,
    .sp08-related__item h2,
    .sp08-related__item p,
    .sp08-related__item a{
      max-width: 300px !important;
      margin-left:auto !important;
      margin-right: auto !important;
    }
}