/* Photography keeps its original colour; greyscale is a presentation effect. */
.photo-frame{display:block;overflow:hidden;border-radius:var(--radius);aspect-ratio:3/2;background:#e4e4e1}
.site-photo,.tcard__ph img,.thero__photo img,.trow__av img{filter:grayscale(1);transition:filter .45s ease,transform .6s ease}
.photo-frame img{display:block;width:100%;height:100%;object-fit:cover}
.photo-frame:hover .site-photo,.photo-frame:focus-within .site-photo,.crow:hover .site-photo,.crow:focus-visible .site-photo,.tcard:hover img,.tcard:focus-visible img,.thero__photo:hover img,.trow:hover img,.trow:focus-visible img{filter:grayscale(0)}
.photo-frame:hover .site-photo{transform:scale(1.025)}
.hero--photographic{isolation:isolate;background:#e9e8e4}
.hero--photographic::before{content:"";position:absolute;inset:0;z-index:-2;background:url('../img/photos/hero-wide-natural.png') center center/cover no-repeat;filter:grayscale(1);transition:filter .6s ease}
.hero--photographic::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(245,245,242,.94) 0%,rgba(245,245,242,.86) 33%,rgba(245,245,242,.42) 53%,rgba(245,245,242,0) 72%)}
.hero--photographic:hover::before,.hero--photographic:focus-within::before{filter:grayscale(0)}
.hero--photographic .hero__grid{display:block}
.hero--photographic .hero__copy{max-width:660px}
@media(max-width:760px){.hero--photographic::before{background-position:65% center}.hero--photographic::after{background:rgba(245,245,242,.85)}}
@media(prefers-reduced-motion:reduce){.hero--photographic::before{transition:none}}
.method-photos{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}
.method-photos .photo-frame{aspect-ratio:16/9}
.phero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.phero__grid>div{min-width:0}
.crow__intro{display:flex;align-items:center;gap:18px;min-width:0}
.crow__photo{width:112px;flex:0 0 112px;aspect-ratio:4/3}
.course-hero-photo{border-radius:0;aspect-ratio:16/9}
.ccard__photo{aspect-ratio:16/9;margin-bottom:20px}
.ccard:hover .site-photo,.ccard:focus-visible .site-photo{filter:grayscale(0)}
.about-intro__big .photo-frame{margin-top:28px}
.enq__info>.photo-frame{margin:24px 0}
.vsteps>.photo-frame{margin-bottom:24px;aspect-ratio:16/9}
@media(max-width:1000px){.crow__photo{width:88px;flex-basis:88px}.phero__grid{gap:28px}}
@media(max-width:760px){.phero__grid{grid-template-columns:1fr}.phero__grid>.photo-frame{aspect-ratio:16/9}.method-photos{gap:16px}.crow__intro{gap:12px}.crow__photo{width:76px;flex-basis:76px}}
@media(max-width:480px){.method-photos{grid-template-columns:1fr}.crow__photo{width:68px;flex-basis:68px}}
@media(prefers-reduced-motion:reduce){.site-photo,.tcard__ph img,.thero__photo img,.ctlist__av img{transition:none}.photo-frame:hover .site-photo{transform:none}}