#commitment h2{font-size:clamp(2.5rem,4.3vw,4.75rem);line-height:1.08;letter-spacing:-.05em}
#commitment .commitment-intro{font-size:clamp(1.0625rem,1.25vw,1.25rem);line-height:1.65;max-width:620px;margin-top:26px}
#commitment .principles{margin-top:32px;gap:30px 34px}
#commitment .principles dt{font-size:1.125rem;line-height:1.4;margin-bottom:10px}
#commitment .principles dd{font-size:1rem;line-height:1.65}
@media(max-width:1100px){#commitment h2{font-size:2.75rem}#commitment .principles{gap:24px}#commitment .principles dt{font-size:1.0625rem}}
@media(max-width:900px){.chapter-mode #commitment .commitment-layout{display:block;height:auto}.chapter-mode #commitment figure{height:230px;margin-bottom:28px;padding-bottom:0;overflow:visible}#commitment figure::before{inset:10px -12px 0 42%}.chapter-mode #commitment figure img{object-position:center 67%}#commitment figcaption{display:none}#commitment .commitment-intro{max-width:650px}}
@media(max-width:550px){#commitment h2{font-size:2.4rem}.chapter-mode #commitment figure{height:190px}#commitment .commitment-intro{margin-top:20px}#commitment .principles{grid-template-columns:1fr;margin-top:26px;gap:22px}#commitment .principles dt{font-size:1.125rem;margin-bottom:6px}}
#commitment figure{position:relative;isolation:isolate}
#commitment figure::before{content:"";position:absolute;inset:22px -18px 28px 42%;background:var(--red);clip-path:polygon(0 0,100% 0,100% 70%,82% 70%,82% 85%,64% 85%,64% 100%,0 100%);z-index:-1}
#commitment .commitment-image{height:100%;position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 74%,88% 74%,88% 86%,76% 86%,76% 100%,0 100%)}
#commitment .commitment-image img{clip-path:none;width:100%;height:100%;object-fit:cover}