/* A horizontal statement of purpose within the College's marble architecture. */
.about-body{padding-block:38px 46px}
.about-content{max-width:1120px;width:80%;margin-inline:auto}
.about-introduction{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:start;margin-bottom:32px}
.about-introduction>section{padding:0 0 8px}
.about-introduction h2{font-size:28px;line-height:1.3;margin:0 0 14px;color:#7d1025}
.about-introduction p{font-size:16px;line-height:1.75;margin:0;color:#554c40}
.about-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.about-principle{position:relative;padding:24px 21px 28px;border:1px solid #bba17b;border-top:4px solid #7d1025;background:linear-gradient(120deg,#fffaf1c9,#f2e8d8b0),url('stone-relief.svg') center/650px 480px;box-shadow:inset 0 0 0 5px #fffaf05e,0 4px 9px #6d56321a}
.about-principle-mark{display:block;font:22px/1.2 Georgia,serif;color:#a18456;margin-bottom:17px;text-shadow:0 1px #fff}
.about-principle h2{font-size:26px;line-height:1.2;margin:0 0 14px;color:#7d1025}
.about-principle p{font-size:15px;line-height:1.65;margin:0;color:#554c40}
@media(max-width:1100px){.about-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.about-content{width:80%}.about-introduction{gap:28px}}
@media(max-width:650px){.about-body{padding-block:26px 30px}.about-content{width:calc(100% - 88px)}.about-introduction{grid-template-columns:1fr;gap:24px;margin-bottom:25px}.about-introduction h2{font-size:26px}.about-principles{grid-template-columns:1fr;gap:14px}.about-principle{padding:20px 22px}.about-principle-mark{float:right;margin:0 0 8px 12px}.about-principle h2{font-size:25px}}