/* About AMOM: a school story and full-frame photographs. */
.about-school{--about-cream:#fff9ed;--about-green:#173f34;--about-gold:#a17a3c}
.about-school .about-wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.about-school .about-intro{padding:27px 0 42px;background:var(--about-cream)}
.about-school .breadcrumbs{padding:0;margin:0 0 28px}
.about-school .about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}
.editorial-site .about-school h1{font-size:clamp(42px,4.4vw,64px);line-height:1.1;margin:0 0 18px}
.editorial-site .about-school .about-motto{font:24px/1.5 Georgia,serif;color:#842c3a;margin:0}
.editorial-site .about-school .about-intro-copy{font-size:22px;line-height:1.6;margin:0}
.about-school .about-gallery-section{padding:0 0 60px;background:var(--about-cream)}
.about-school .about-gallery{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);background:#fff;border-bottom:3px solid var(--about-gold)}
.about-school .about-stage{position:relative;aspect-ratio:4/3;background:#f2eee4;overflow:hidden}
.about-school .about-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .38s ease}
.about-school .about-slide.is-current{opacity:1;visibility:visible}
.about-school .about-slide img{width:100%;height:100%;object-fit:contain;display:block;border-radius:0;filter:none}
.about-school .about-gallery-side{padding:32px 26px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.editorial-site .about-school .about-overline{font:600 16px/1.4 Arial,sans-serif;color:#775932;margin:0 0 14px;letter-spacing:0;text-transform:none}
.editorial-site .about-school .about-photo-title{font-size:32px;line-height:1.2;margin:0 0 16px}
.editorial-site .about-school .about-photo-description{font-size:18px;line-height:1.65;margin:0}
.about-school .about-gallery-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.about-school .about-gallery-controls button{background:#fff;color:#173f34;border:1px solid #a7b8a9;border-radius:0;padding:10px 12px;font:16px/1.4 Arial,sans-serif;min-height:44px;cursor:pointer}
.about-school .about-gallery-controls button:hover{background:#edf4ed}
.about-school .about-gallery-controls button:focus-visible,.about-school .about-jumps a:focus-visible{outline:3px solid #842c3a;outline-offset:4px}
.about-school .about-slide-count{font:17px/1.5 Arial,sans-serif;display:block;margin-bottom:16px}
.about-school .about-jumps{display:flex;gap:16px 34px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid #d6dbcf}
.about-school .about-jumps a{font-size:18px;color:#173f34;text-decoration:underline}
.about-school .about-block{padding:68px 0;scroll-margin-top:30px}
.about-school .about-story{display:grid;grid-template-columns:1fr 1.6fr;gap:80px}
.editorial-site .about-school h2{font-size:38px;line-height:1.2;margin:0 0 24px}
.editorial-site .about-school h3{font-size:28px;line-height:1.3;margin:0 0 12px}
.editorial-site .about-school p{margin:0 0 22px}
.about-school .about-prose p:last-child{margin-bottom:0}
.about-school .about-mission{padding-top:25px;border-top:2px solid var(--about-gold);margin-top:28px}
.about-school .about-mission p{font-family:Georgia,serif;font-size:25px!important;color:#173f34!important;line-height:1.5!important}
.about-school .about-learning{background:#edf4ee}
.about-school .about-learning-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}
.about-school .about-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px;align-items:start}
.about-school figure{margin:0}
.about-school .about-photo-pair img{width:100%;height:auto;display:block}
.about-school .about-photo-pair figure:nth-child(2){margin-top:50px}
.about-school figcaption{font:16px/1.5 Arial,sans-serif;color:#42594b;margin-top:12px}
.about-school .about-learning-note{border-top:1px solid #b7cabb;padding-top:22px;margin-top:27px}
.about-school .about-program-heading{max-width:790px;margin-bottom:36px}
.about-school .about-program-list{border-top:2px solid #173f34}
.about-school .about-program{padding:26px 0;display:grid;grid-template-columns:70px 1fr 1.2fr;gap:30px;border-bottom:1px solid #cbd5ca;align-items:start}
.about-school .about-program-code{font:32px/1.2 Georgia,serif;color:#8a612b}
.about-school .about-program-code small{display:block;font:16px/1.4 Arial,sans-serif;margin-top:6px}
.about-school .about-program h3 a{color:#173f34;text-decoration-thickness:1px}
.editorial-site .about-school .about-program p{font-size:19px;margin:0}
.about-school .about-courses{font-size:18px!important;margin-top:28px!important}
.about-school .about-community{background:var(--about-cream)}
.about-school .about-community-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:66px;align-items:center}
.about-school .about-community figure img{width:100%;height:auto;display:block}
.about-school .about-recognition{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-top:55px;padding-top:45px;border-top:1px solid #d6cbb2}
.about-school .about-recognition figure{max-width:410px;justify-self:center}
.about-school .about-recognition figure img{width:100%;height:auto;display:block}
.about-school .about-recognition ul{padding-left:23px;margin:22px 0;font-size:20px;line-height:1.7}
.about-school .about-recognition li{padding:5px 0}
.about-school .about-visit{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}
.about-school .about-visit address{font-style:normal;font-size:22px;margin:22px 0}
.about-school .about-visit .button{margin-top:8px}
.about-school .about-future{margin-top:28px;padding-top:24px;border-top:1px solid #ccd7cd;font-size:18px!important}
@media(max-width:1000px){.about-school .about-intro-grid{gap:38px}.about-school .about-gallery{grid-template-columns:minmax(0,2.5fr) minmax(235px,1fr)}.about-school .about-gallery-side{padding:25px 21px}.editorial-site .about-school .about-photo-title{font-size:27px}.about-school .about-story,.about-school .about-learning-grid,.about-school .about-community-grid{gap:38px}.about-school .about-recognition,.about-school .about-visit{gap:40px}}
@media(max-width:760px){.about-school .about-wrap{width:calc(100% - 40px)}.about-school .about-intro{padding:23px 0 30px}.about-school .about-intro-grid{display:block}.editorial-site .about-school h1{font-size:43px}.editorial-site .about-school .about-motto{font-size:23px;margin-bottom:24px}.editorial-site .about-school .about-intro-copy{font-size:20px}.about-school .about-gallery{display:block}.about-school .about-gallery-side{padding:24px;gap:22px}.editorial-site .about-school .about-photo-title{font-size:29px;margin-bottom:10px}.editorial-site .about-school .about-photo-description{font-size:18px}.about-school .about-gallery-controls{display:flex}.about-school .about-slide-count{margin-bottom:12px}.about-school .about-gallery-section{padding-bottom:30px}.about-school .about-jumps{gap:12px 25px}.about-school .about-block{padding:44px 0}.about-school .about-story,.about-school .about-learning-grid,.about-school .about-community-grid,.about-school .about-recognition,.about-school .about-visit{display:block}.editorial-site .about-school h2{font-size:32px}.editorial-site .about-school h3{font-size:26px}.editorial-site .about-school p{font-size:18px;line-height:1.7}.about-school .about-story>.about-prose{margin-top:32px}.about-school .about-learning-grid>.about-prose{margin-top:33px}.about-school .about-photo-pair{gap:14px}.about-school .about-photo-pair figure:nth-child(2){margin-top:35px}.about-school figcaption{font-size:15px}.about-school .about-program{grid-template-columns:58px 1fr;gap:18px}.about-school .about-program>p{grid-column:2;font-size:18px!important}.about-school .about-program h3{margin-bottom:0}.about-school .about-community figure{margin-bottom:30px}.about-school .about-recognition{padding-top:32px;margin-top:35px}.about-school .about-recognition figure{max-width:360px;margin:0 auto 30px}.about-school .about-recognition ul{font-size:18px}.about-school .about-visit>.about-prose{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.about-school .about-slide{transition:none}}
