.philosophy-page { background: var(--paper); }
.philosophy-hero { padding: 86px 0 74px; }
.philosophy-hero h1 { max-width: 760px; font: 600 clamp(52px, 6vw, 82px)/.96 var(--display); letter-spacing: -.07em; margin: 0; }
.philosophy-hero h1 em, .philosophy-story h2 em { color: var(--orange); font-style: normal; }
.philosophy-hero > p:last-child { max-width: 620px; margin: 28px 0 0; color: var(--muted); font-size: 17px; line-height: 1.75; }
.philosophy-story { padding-bottom: 104px; }
.philosophy-lead, .philosophy-detail { display: grid; grid-template-columns: 15% 1fr; gap: 32px; padding: 45px 0; border-top: 1px solid var(--line); }
.philosophy-lead > span, .philosophy-detail > span { color: var(--orange); font: 500 11px var(--mono); }
.philosophy-story h2 { max-width: 680px; font: 600 42px/1.02 var(--display); letter-spacing: -.06em; margin: 0 0 22px; }
.philosophy-story p { max-width: 720px; color: var(--muted); font-size: 15px; line-height: 1.78; margin: 0 0 17px; }
.philosophy-story strong { color: var(--ink); }
.philosophy-story a { color: var(--ink); font-weight: 800; }
.philosophy-story blockquote { margin: 0; padding: 42px 48px; background: var(--ink); color: var(--acid); font: 600 clamp(29px, 3vw, 43px)/1.08 var(--display); letter-spacing: -.055em; }
.philosophy-detail-accent { background: #dbe9da; margin: 0 -34px; padding: 45px 34px; }
.philosophy-footnote { padding-top: 20px; border-top: 1px solid var(--line); font: 500 10px/1.6 var(--mono) !important; letter-spacing: .03em; }
@media (max-width: 800px) { .philosophy-hero { padding: 57px 0 48px; }.philosophy-hero h1 { font-size: 50px; }.philosophy-hero > p:last-child { font-size: 15px; }.philosophy-story { padding-bottom: 68px; }.philosophy-lead, .philosophy-detail { grid-template-columns: 1fr; gap: 16px; padding: 31px 0; }.philosophy-story h2 { font-size: 34px; }.philosophy-story blockquote { padding: 31px 27px; font-size: 28px; }.philosophy-detail-accent { margin: 0 -19px; padding: 31px 19px; } }