/* A clear invitation to watch, on every individual teaching page. */
.rhea-trailer-feature{grid-template-columns:.68fr 1.32fr;gap:4%;padding:48px 5%}
.rhea-trailer-feature .rhea-trailer-intro h2{font-size:clamp(32px,3.1vw,48px)}
.rhea-trailer-feature .rhea-trailer-intro p{font-size:16px;line-height:1.75}
.trailer-showcase .trailer-play-banner{position:absolute;z-index:5;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:16px;min-height:62px;padding:14px 24px;background:#3c4b34;color:#fffdf6;box-shadow:0 -1px 0 #fff6;font:600 15px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;pointer-events:none}
.trailer-showcase .trailer-play-symbol{display:grid;place-items:center;width:33px;height:33px;border:1px solid #f9f6e8b3;border-radius:50%;padding-left:2px;font-size:12px;letter-spacing:0}
.trailer-showcase .trailer-cover:hover .trailer-play-banner{background:#283822}
.trailer-showcase .trailer-cover:focus-visible{outline:3px solid #344c28;outline-offset:-4px}
.rhea-trailer-feature .rhea-trailer-link,.hormone-watch{font-size:13px!important;font-weight:600!important;letter-spacing:.12em!important}
@media(max-width:900px){.rhea-trailer-feature{grid-template-columns:.72fr 1.28fr}.rhea-trailer-feature .rhea-trailer-intro p{font-size:14px}.trailer-showcase .trailer-play-banner{min-height:54px;font-size:13px;padding:10px 15px;gap:12px}}
@media(max-width:700px){.rhea-trailer-feature{grid-template-columns:1fr;gap:28px;padding:35px 6%}.rhea-trailer-feature .trailer-showcase{grid-row:1}.rhea-trailer-feature .rhea-trailer-intro h2{font-size:36px}.rhea-trailer-feature .rhea-trailer-intro p{font-size:16px}.trailer-showcase .trailer-play-banner{min-height:54px;font-size:13px}}