/* An editorial layout: steel photography and five plain-text principles. */
#Philosophy {
    --philosophy-serif: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
    width: min(1320px, 88%);
    margin: 0 auto;
    padding: clamp(88px, 9vw, 144px) 0 clamp(96px, 10vw, 160px);
    color: #f2efea;
    font-family: var(--philosophy-serif);
}
#Philosophy .philosophy-intro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: end;
    gap: 8%;
    margin-bottom: clamp(40px, 5vw, 72px);
}
#Philosophy .philosophy-kicker {
    margin: 0 0 18px;
    color: #a9a198;
    font-family: Georgia, "Times New Roman", serif;
    font-size: var(--type-small);
    line-height: 1.4;
    letter-spacing: .12em;
}
#Philosophy h2 {
    margin: 0;
    font-size: var(--type-h2);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .16em;
}
#Philosophy .philosophy-description {
    margin: 0;
    color: #bfbab3;
    font-size: var(--type-body);
    line-height: 2.3;
    letter-spacing: .05em;
    overflow-wrap: anywhere;
}
#Philosophy .philosophy-body {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
    align-items: stretch;
    gap: clamp(40px, 7vw, 108px);
}
#Philosophy .philosophy-photo {
    margin: 0;
    align-self: center;
}
#Philosophy .philosophy-photo img {
    display: block;
    width: 100%;
    height: auto;
}
#Philosophy .philosophy-values {
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
#Philosophy .philosophy-values li {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 20px;
    padding: clamp(15px, 1.8vw, 26px) 0;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    font-size: var(--type-h3);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: .22em;
}
#Philosophy .philosophy-value-en {
    color: #a9a198;
    font-family: Georgia, "Times New Roman", serif;
    font-size: var(--type-small);
    line-height: 1.5;
    letter-spacing: .06em;
}
#Philosophy .philosophy-values li:first-child { padding-top: 0; }
#Philosophy .philosophy-values li:last-child { border-bottom: 0; padding-bottom: 0; }
@media screen and (max-width: 768px) {
    #Philosophy { width: auto; margin: 0 24px; padding: 72px 0 80px; }
    #Philosophy .philosophy-intro { grid-template-columns: 1fr; gap: 28px; margin-bottom: 32px; }
    #Philosophy .philosophy-kicker { font-size: var(--type-small); margin-bottom: 12px; }
    #Philosophy .philosophy-description { font-size: var(--type-body); line-height: 2.15; }
    #Philosophy .philosophy-desktop-break { display: none; }
    #Philosophy .philosophy-body { grid-template-columns: 1fr; gap: 32px; }
    #Philosophy .philosophy-values { padding: 0 8px; }
    #Philosophy .philosophy-values li { padding: 18px 0; font-size: var(--type-h3); }
}