/* Single source for public content image corners and interactions; logos, icons and QR codes are excluded. */
body.public-site main#main-content{--landing-image-radius:5%;--landing-image-speed:.45s}
body.public-site main#main-content :is(.course-catalog-hero-image:has(>img),.experience-home .beacon-image-frame){
 --image-corners:5% 0 0 5%;width:100%;max-width:520px;min-width:0;box-sizing:border-box;
 aspect-ratio:6/5;margin-inline:auto;position:relative;overflow:hidden;
 border:3px solid #00aed6;border-radius:var(--image-corners);background:#eaf8fc;
 transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
body.public-site main#main-content :is(.course-catalog-hero-image:has(>img),.experience-home .beacon-image-frame)>img{
 display:block;width:100%;height:100%;max-width:100%;max-height:none;aspect-ratio:auto;
 object-fit:cover;object-position:center;margin:0;border:0;border-radius:var(--image-corners);
 clip-path:inset(0 round var(--image-corners));transform:scale(1);transform-origin:center;
 transition:transform var(--landing-image-speed) cubic-bezier(.2,.7,.3,1),filter .35s ease;
}
body.public-site main#main-content :is(.course-catalog-hero-image:has(>img),.experience-home .beacon-image-frame):is(:hover,:active){transform:translateY(-3px);border-color:#ff9019;box-shadow:0 12px 28px #002b4240}
body.public-site main#main-content :is(.course-catalog-hero-image:has(>img),.experience-home .beacon-image-frame):is(:hover,:active)>img{transform:scale(1.06);filter:brightness(1.04)}

/* These images sit above their text, so only the bottom edge is rounded. */
body.public-site main#main-content :is(.experience-landing .pathway-course-card,.experience-home .home-rotation-card,.experience-home .path-explorer-preview){overflow:hidden;border-radius:0 0 20px 20px;transition:transform .3s ease,box-shadow .3s ease}
body.public-site main#main-content :is(.experience-landing .pathway-course-card,.experience-home .home-rotation-card,.experience-home .path-explorer-preview)>img,
body.public-site main#main-content .experience-home .audience-editorial-image>img{
 display:block;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:3/2;
 object-fit:cover;object-position:center;margin:0;border-radius:0 0 5% 5%;
 clip-path:inset(0 round 0 0 5% 5%);transform:scale(1);transform-origin:center bottom;
 transition:transform var(--landing-image-speed) ease,filter .35s ease;
}
body.public-site main#main-content .experience-home .audience-editorial-image{overflow:hidden;border-radius:0 0 5% 5%}
body.public-site main#main-content :is(.experience-landing .pathway-course-card,.experience-home .home-rotation-card,.experience-home .path-explorer-preview):is(:hover,:active,:focus-within){transform:translateY(-3px);box-shadow:0 12px 24px #00426720}
body.public-site main#main-content :is(.experience-landing .pathway-course-card,.experience-home .home-rotation-card,.experience-home .path-explorer-preview,.experience-home .audience-editorial-image):is(:hover,:active,:focus-within)>img{transform:scale(1.035);filter:brightness(1.04)}

/* Supporting illustrations follow the text above them. */
body.public-site main#main-content :is(.experience-landing .pathway-builder-content,.experience-landing .pathway-section-image,.experience-home .trial-station-story,.experience-home .home-contact-visual) img{
 display:block;width:100%;max-width:100%;height:auto;max-height:520px;aspect-ratio:3/2;
 object-fit:cover;border-radius:5% 5% 0 0;clip-path:inset(0 round 5% 5% 0 0);
 transition:transform var(--landing-image-speed) ease,filter .35s ease;
}
body.public-site main#main-content :is(.experience-landing .pathway-builder-content,.experience-landing .pathway-section-image,.experience-home .trial-station-story,.experience-home .home-contact-visual) img:is(:hover,:active){transform:scale(1.025);filter:brightness(1.04)}
@media(max-width:800px){
 body.public-site main#main-content :is(.experience-landing .course-catalog-hero-image:has(>img),.experience-home .beacon-image-frame){--image-corners:5% 5% 0 0;max-width:480px;aspect-ratio:4/3}
}
@media(max-width:480px){
 body.public-site main#main-content :is(.course-catalog-hero-image:has(>img),.experience-home .beacon-image-frame){aspect-ratio:6/5}
}
/* Catalog and search cards: the copy is below the image. */
body.public-site main#main-content :is(.catalog-card,.teacher-card,.video-card){border-radius:0 0 20px 20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
body.public-site main#main-content :is(.catalog-card>img,.catalog-card>picture,.catalog-card>picture img,.teacher-photo-slot,.teacher-photo-slot img,.teacher-hero-pair figure,.teacher-hero-pair img,.video-poster,.video-poster img){border-radius:0 0 5% 5%;clip-path:inset(0 round 0 0 5% 5%)}
body.public-site main#main-content :is(.catalog-card>img,.catalog-card>picture img,.teacher-photo-slot img,.teacher-hero-pair img,.video-poster img){transform:scale(1);transform-origin:center bottom;transition:transform var(--landing-image-speed) ease,filter .35s ease}
body.public-site main#main-content :is(.catalog-card,.teacher-card,.video-card,.teacher-hero-pair figure):is(:hover,:active,:focus-within){transform:translateY(-3px);box-shadow:0 12px 24px #00426720}
body.public-site main#main-content :is(.catalog-card,.teacher-card,.video-card,.teacher-hero-pair figure):is(:hover,:active,:focus-within) :is(img.thumb,.teacher-photo-slot img,.video-poster img),
body.public-site main#main-content .teacher-hero-pair figure:is(:hover,:active)>img{transform:scale(1.035);filter:brightness(1.04)}

/* Profile portrait is before its text; the right edge faces the copy. */
body.public-site main#main-content .teacher-profile-icon{border-radius:0 5% 5% 0;clip-path:inset(0 round 0 5% 5% 0);transition:transform .45s ease,filter .35s ease;transform-origin:center right}
body.public-site main#main-content .teacher-profile-icon:is(:hover,:active){transform:scale(1.035);filter:brightness(1.04)}
body.public-site main#main-content :is(.content-header-image,.content-body,.page-block:not(.has-header-image))>img:not(.logo){max-width:100%;height:auto;border-radius:5% 5% 0 0;clip-path:inset(0 round 5% 5% 0 0);transition:transform .45s ease,filter .35s ease}
body.public-site main#main-content :is(.content-header-image,.content-body)>img:is(:hover,:active){transform:scale(1.025);filter:brightness(1.04)}
@media(max-width:780px){body.public-site main#main-content :is(.course-catalog-hero-image:has(>img),.experience-home .beacon-image-frame){--image-corners:5% 5% 0 0;max-width:480px;aspect-ratio:4/3}body.public-site main#main-content .teacher-profile-icon{border-radius:0 0 5% 5%;clip-path:inset(0 round 0 0 5% 5%)}}

@media(prefers-reduced-motion:reduce){
 body.public-site main#main-content :is(.experience-landing,.experience-home) :is(img,.course-catalog-hero-image,.beacon-image-frame,.pathway-course-card,.home-rotation-card,.path-explorer-preview){transition:none!important;transform:none!important}
 body.public-site main#main-content :is(.course-catalog-hero-image,.catalog-card,.teacher-card,.video-card,.teacher-hero-pair figure,.teacher-profile-icon,.content-body img,.content-header-image img),body.public-site main#main-content :is(.course-catalog-hero-image,.catalog-card,.teacher-card,.video-card,.teacher-hero-pair) img{transition:none!important;transform:none!important}
}