/* WHY only. Keep this stylesheet local to the philosophy page. */
body.why-refined{background:#faf9f5}
body.why-refined .page-crumb{max-width:1180px;padding:108px 40px 20px}
body.why-refined .why-story{max-width:1180px;margin:0 auto;padding:28px 40px 64px;color:#293d31}
body.why-refined .why-story :is(h1,h2,p){word-break:keep-all;overflow-wrap:anywhere}
body.why-refined .why-story p{text-wrap:pretty}
body.why-refined .why-opening{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,.85fr);align-items:end;gap:64px}
body.why-refined .why-chapter{display:flex;align-items:center;gap:14px;margin:0 0 24px;color:#79633c;font-size:13px;font-weight:500;letter-spacing:.1em}
body.why-refined .why-chapter span:first-child{font-size:17px;letter-spacing:0;font-variant-numeric:tabular-nums}
body.why-refined .why-chapter span+span{border-left:1px solid #c4b898;padding-left:14px}
body.why-refined #why-title{margin:0;color:#293d31;font-size:clamp(38px,4.1vw,55px);font-weight:560!important;line-height:1.34;letter-spacing:-.05em;text-wrap:initial}
body.why-refined .why-title-line{display:block}
body.why-refined .why-title-phrase{display:inline-block}
body.why-refined .why-intro{margin:0 0 5px;padding:0 0 0 24px;border-left:2px solid #c8bb9b;font-size:18px;line-height:1.95;color:#52624f}
body.why-refined .why-belief{margin:44px 0 0;padding:30px 36px;background:#eeeee5;border-radius:8px;border-left:3px solid #9b8150}
body.why-refined .why-belief p{max-width:960px;margin:0;font-size:clamp(22px,2.1vw,28px);font-weight:450;line-height:1.8;letter-spacing:-.035em;color:#304a35}
body.why-refined .why-belief p>span{display:block}
body.why-refined .why-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:38px 0 0;padding:30px 0 28px;border-top:1px solid #d9dbd0}
body.why-refined .why-pillar{min-width:0;padding-right:32px;border-right:1px solid #d9dbd0}
body.why-refined .why-pillar:last-child{padding-right:0;border-right:0}
body.why-refined .why-pillar>span{font-size:13px;font-weight:500;color:#79633c;letter-spacing:.04em}
body.why-refined .why-pillar h2{margin:16px 0 7px;font-size:26px;font-weight:580!important;line-height:1.45;letter-spacing:-.02em;color:#293d31}
body.why-refined .why-pillar p{margin:0;font-size:16px;line-height:1.8;color:#52624f}
body.why-refined .why-next{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:12px;padding-top:28px;border-top:1px solid #d9dbd0}
body.why-refined .why-next p{margin:0;font-size:17px;line-height:1.8;color:#43563f}
body.why-refined .why-next .button{flex-shrink:0;min-height:50px;padding:13px 22px;background:#856a3c;border:1px solid #856a3c;border-radius:6px;color:#fff;font-size:15px;letter-spacing:0;line-height:1.5}
body.why-refined .why-next .button:hover{background:#745c34;border-color:#745c34;transform:none}
body.why-refined .why-next .button:focus-visible{outline:3px solid #3c5d42;outline-offset:4px}
@media(max-width:1020px){
 body.why-refined .why-opening{grid-template-columns:1fr;gap:28px}
 body.why-refined .why-intro{max-width:650px;margin:0;font-size:17px}
 body.why-refined .why-belief{margin-top:34px}
 body.why-refined .why-pillars{gap:24px}
 body.why-refined .why-pillar{padding-right:24px}
 body.why-refined .why-pillar h2{font-size:23px}
}
@media(max-width:700px){
 body.why-refined .page-crumb{padding:100px 24px 18px}
 body.why-refined .why-story{padding:18px 24px 44px}
 body.why-refined .why-chapter{margin-bottom:20px;font-size:12px}
 body.why-refined #why-title{font-size:clamp(32px,8.8vw,42px);line-height:1.4;letter-spacing:-.04em}
 body.why-refined .why-opening{gap:25px}
 body.why-refined .why-intro{padding-left:18px;font-size:16px;line-height:1.9}
 body.why-refined .why-belief{margin-top:30px;padding:23px 22px;border-radius:6px}
 body.why-refined .why-belief p{font-size:21px;line-height:1.8;letter-spacing:-.025em}
 body.why-refined .why-belief p>span{display:inline}
 body.why-refined .why-pillars{grid-template-columns:1fr;gap:0;margin-top:30px;padding:0;border-top:0}
 body.why-refined .why-pillar{display:grid;grid-template-columns:60px minmax(0,1fr);gap:5px 16px;padding:22px 0;border-right:0;border-top:1px solid #d9dbd0}
 body.why-refined .why-pillar:last-child{padding-right:0}
 body.why-refined .why-pillar>span{grid-column:1;grid-row:1/3;padding-top:3px;font-size:12px}
 body.why-refined .why-pillar h2{grid-column:2;margin:0;font-size:23px;line-height:1.4}
 body.why-refined .why-pillar p{grid-column:2;font-size:15px}
 body.why-refined .why-next{align-items:flex-start;flex-direction:column;gap:18px;margin-top:0;padding-top:24px}
 body.why-refined .why-next p{font-size:16px}
 body.why-refined .why-next .button{width:100%;min-height:52px}
}
@media(prefers-reduced-motion:reduce){body.why-refined .why-next .button{transition:none}}