/* Four image-led programs with expanding information. */
.service-programs{background:radial-gradient(ellipse at 0 10%,#315c45,transparent 65%),#102e25;color:#fff}
.programs-kicker{font-size:16px;margin:0 0 18px;color:#e2ebdc}
.service-programs h2{font-size:clamp(36px,4.2vw,58px);line-height:1.1;max-width:800px;margin-bottom:50px;color:#fff}
.service-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.service-card{min-width:0;overflow:hidden;border:1px solid #ffffff45;border-radius:30px;background:#1f4435;box-shadow:0 14px 45px #071b1914}
.service-card summary{position:relative;isolation:isolate;display:block;list-style:none;height:370px;cursor:pointer;overflow:hidden;background:#fff}
.service-card summary::-webkit-details-marker{display:none}
.service-card summary:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,#071e17cc)}
.service-card summary img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.service-card summary h3{position:absolute;bottom:28px;left:28px;right:65px;color:#fff;font-size:34px;line-height:1.2;margin:0;letter-spacing:-.035em}
.card-expand{position:absolute;bottom:28px;right:26px;width:34px;height:34px;border:1px solid #ffffffb3;border-radius:50%;display:grid;place-items:center;color:#fff}
.card-expand:after{content:'+';font-size:24px;line-height:1;font-weight:400}.service-card[open] .card-expand:after{content:'−'}
.service-card[open] summary img{transform:scale(1.025)}
.service-card[open]{border-color:#c5d6b5}
.service-card summary:focus-visible{outline:3px solid #e8c575;outline-offset:-6px;border-radius:29px}
.service-card-info{padding:27px 28px 30px;border-top:1px solid #ffffff33;background:linear-gradient(135deg,#446e5366,#173c2b99);color:#f7faf4}
.service-card-info p{font-size:16px;line-height:1.75;margin:0 0 16px}
.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 22px;margin-top:23px}
.card-actions a{font-size:14px;line-height:1.6;border-bottom:1px solid #ffffff85;padding:0 0 3px}
.card-actions a.card-email{background:#fff;color:#163b31;border:0;border-radius:999px;padding:12px 20px;font-weight:600}
.card-actions a:focus-visible{outline:3px solid #e8c575;outline-offset:5px}
.service-card-education summary img{object-fit:contain;padding:25px 70px 65px;background:#fff}
.service-card-hospitality summary img{object-fit:contain;padding:40px 50px 85px;background:#fff}
.service-card-education summary:after,.service-card-hospitality summary:after{background:linear-gradient(180deg,transparent 45%,#163b310d 60%,#163b31ed)}
.service-card-community summary img{object-position:center 28%}.service-card-nature summary img{object-position:center 48%}
.mission-device img,.mission-logo img{object-fit:contain;padding:20px;background:white}.supplied-microbit{object-fit:contain;max-width:100%;border-radius:24px;background:#fff;padding:25px}
.service-programs .explore-links{margin-top:45px}.service-programs .explore-links>a{background:#ffffff12;border:1px solid #ffffff45;color:#fff}.service-programs .explore-links p{color:#e2ebdc}
.hero.impact-hero .hero-photo{position:absolute;inset:0;height:100%;min-height:100%;z-index:-2;overflow:hidden}
.hero-background-photo{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#08221870,#08221885 50%,#082218c9)}
@media(prefers-reduced-motion:no-preference){.service-card[open] .service-card-info{animation:program-drop .32s cubic-bezier(.2,1,.3,1) both}}
@keyframes program-drop{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.service-card summary{height:330px}.service-card-education summary img{padding:25px 40px 65px}.service-card-hospitality summary img{padding:35px 35px 85px}}
@media(max-width:700px){.service-card-grid{grid-template-columns:1fr;gap:20px}.service-programs h2{font-size:36px;margin-bottom:35px}.service-card{border-radius:26px}.service-card summary{height:310px}.service-card summary h3{font-size:29px;left:24px;bottom:25px}.card-expand{right:22px;bottom:25px}.service-card-info{padding:24px}.service-card-info p{font-size:15px}.hero-background-photo{object-position:54% center}}
@media(prefers-reduced-motion:reduce){.service-card summary img{transition:none}.service-card-info{animation:none!important}}
/* Keep Amey's face, the activity, and the flag visible in the supplied portrait. */
.hero-background-photo{object-position:center 10%}.service-card-community summary img{object-position:center top}
