/* Community photographs and the school's own signature on the visit invitation. */
.photo-controls{display:flex;gap:10px;align-items:center}
.photo-controls [data-photo-pause]{display:inline-flex;align-items:center;justify-content:center}
.photo-controls [hidden]{display:none}
.photo-controls [aria-pressed="true"]{background:#a80000;color:#fff}
.section.callout{background-color:#a80000!important;background-image:radial-gradient(circle,rgba(255,220,207,.13) 1px,transparent 1.2px),linear-gradient(115deg,#920000,#b90000)!important;background-size:20px 20px,cover!important;position:relative;isolation:isolate;overflow:hidden}
.section.callout:before{display:none}
.section.callout:after{content:'';position:absolute;inset:auto -3% -24% auto;width:49%;height:140%;border:0;border-radius:0;background:url('/assets/logo-white.svg') center/contain no-repeat;opacity:.12;mask-image:none;transform:rotate(-12deg);z-index:-1;pointer-events:none}
.section.callout>.wrap.narrow{max-width:1760px;width:calc(100% - var(--site-gutter)*2);margin-inline:auto}
.section.callout>.wrap>div{max-width:800px}
.section.callout h2{max-width:800px;text-wrap:balance}
.section.callout p{max-width:620px}
@media(max-width:760px){.section.callout:after{width:100%;height:80%;right:-35%;bottom:-15%;opacity:.07}.section.callout{padding-block:80px!important}.photo-controls{gap:8px}}

.photo-strip.photo-strip-continuous{scroll-snap-type:none;scroll-behavior:auto}