/*
 * Figma 16:326 — FV
 * Reference canvas: 1920 × 1210
 *
 * Kept as a section-scoped override so the original page stylesheet can
 * continue to provide the common typography/reset rules.
 */
.philosophy-fv[data-node-id="16:326"] {
  position: relative;
  width: 100%;
  height: 1210px;
  overflow: hidden;
  background: linear-gradient(to bottom, #b3b3b3, #4d4d4d);
}

.philosophy-fv[data-node-id="16:326"] > .philosophy-fv__background {
  position: absolute;
  top: -248px;
  left: 0;
  width: 1920px;
  height: 1572px;
  max-width: none;
  object-fit: fill;
  object-position: 50% 100%;
}

.philosophy-fv[data-node-id="16:326"] > .philosophy-fv__center-logo {
  position: absolute;
  top: 480px;
  left: calc(50% - 109px);
  width: 217px;
  height: 226px;
  max-width: none;
  transform: none;
  object-fit: cover;
}

.philosophy-fv[data-node-id="16:326"] > .philosophy-fv__copy {
  position: absolute;
  top: 960px;
  left: calc(50% - 840px);
  width: max-content;
  margin: 0;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 80px;
  letter-spacing: 3px;
  white-space: nowrap;
  text-shadow: 0 0 20px #000;
}

.philosophy-fv[data-node-id="16:326"] > .philosophy-fv__copy span {
  display: block;
}

@media (max-width: 1919px) and (min-width: 769px) {
  .philosophy-fv[data-node-id="16:326"] {
    height: calc(100vw * 1210 / 1920);
  }

  .philosophy-fv[data-node-id="16:326"] > .philosophy-fv__background {
    top: calc(100vw * -248 / 1920);
    width: 100vw;
    height: calc(100vw * 1572 / 1920);
  }

  .philosophy-fv[data-node-id="16:326"] > .philosophy-fv__center-logo {
    top: calc(100vw * 480 / 1920);
    left: calc(50% - 100vw * 109 / 1920);
    width: calc(100vw * 217 / 1920);
    height: calc(100vw * 226 / 1920);
  }

  .philosophy-fv[data-node-id="16:326"] > .philosophy-fv__copy {
    top: calc(100vw * 960 / 1920);
    left: calc(50% - 100vw * 840 / 1920);
    font-size: calc(100vw * 56 / 1920);
    line-height: calc(100vw * 80 / 1920);
    letter-spacing: calc(100vw * 3 / 1920);
    text-shadow: 0 0 calc(100vw * 20 / 1920) #000;
  }
}