.philosophy-page { min-height:100vh; background:#f5f2e9; color:#203128; }
.philosophy-header { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; width:min(1210px,calc(100% - 44px)); margin:0 auto; padding:28px 0; border-bottom:1px solid rgba(32,49,40,.26); font:10px/1.4 var(--mono); letter-spacing:.12em; }
.philosophy-header a { color:inherit; text-decoration:none; }.philosophy-header a:last-child { justify-self:end; }.philosophy-header a:last-child span { margin-left:12px; }.philosophy-header p { margin:0; }.philosophy-header img { display:block; width:128px; height:auto; }
.philosophy-entry { width:min(920px,calc(100% - 44px)); margin:0 auto; padding:clamp(86px,13vw,190px) 0 clamp(75px,10vw,140px); }.philosophy-entry>header { max-width:720px; }.philosophy-entry>header p { margin:0 0 28px; color:#68764d; font:10px/1.5 var(--mono); letter-spacing:.14em; }.philosophy-entry h1 { margin:0; font:400 clamp(48px,7vw,96px)/1.13 var(--serif); letter-spacing:-.11em; }
.philosophy-body { max-width:590px; margin:clamp(70px,11vw,135px) 0 0 auto; }.philosophy-body p { margin:0 0 32px; font:400 clamp(18px,2vw,23px)/2.05 var(--serif); letter-spacing:-.055em; word-break:keep-all; }.philosophy-body .philosophy-closing { margin-top:clamp(72px,11vw,140px); color:#68764d; font-size:clamp(23px,2.8vw,35px); }
.philosophy-statements { margin:clamp(70px,11vw,135px) 0 0 auto; max-width:680px; border-top:1px solid rgba(32,49,40,.26); }.philosophy-statements article { display:grid; grid-template-columns:minmax(170px,.65fr) minmax(280px,1.35fr); gap:32px; padding:36px 0; border-bottom:1px solid rgba(32,49,40,.26); }.philosophy-statements h2 { margin:0; font:700 17px/1.55 var(--serif); letter-spacing:-.06em; }.philosophy-statements p { margin:0 0 12px; color:#5c665f; font-size:14px; line-height:1.9; word-break:keep-all; }.philosophy-statements strong { display:block; font:400 15px/1.8 var(--serif); letter-spacing:-.04em; }
.philosophy-navigation { display:flex; justify-content:space-between; align-items:center; width:min(920px,calc(100% - 44px)); margin:0 auto; padding:25px 0 45px; border-top:1px solid rgba(32,49,40,.26); color:#68764d; font:10px/1.5 var(--mono); letter-spacing:.1em; }.philosophy-navigation a { color:inherit; text-decoration:none; }.philosophy-navigation i { margin-left:14px; font-style:normal; }
@media (max-width:650px) { .philosophy-header { grid-template-columns:1fr auto; padding:20px 0; }.philosophy-header p { display:none; }.philosophy-header img { width:112px; }.philosophy-entry { padding-top:88px; }.philosophy-body { margin-top:72px; }.philosophy-body p { font-size:18px; line-height:2; }.philosophy-statements { margin-top:72px; }.philosophy-statements article { grid-template-columns:1fr; gap:12px; padding:28px 0; }.philosophy-navigation { padding-bottom:34px; } }