/* Photographic backgrounds keep the visual story visible between copy and actions. */
.concept{isolation:isolate;border-color:transparent;background:#172c30;color:#fff}
.concept .concept-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.concept:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,24,31,.86) 0%,rgba(9,27,32,.82) 32%,rgba(9,27,32,.2) 48%,rgba(9,27,32,.13) 64%,rgba(9,27,32,.88) 80%,rgba(9,27,32,.97) 100%)}
.concept.instructor .concept-photo{object-position:70% 50%}
.concept.dating .concept-photo{object-position:50% 50%}
.concept.body-language .concept-photo{object-position:50% 50%}
.concept.dating:before{background:linear-gradient(180deg,rgba(41,22,25,.9) 0%,rgba(41,22,25,.85) 32%,rgba(41,22,25,.2) 48%,rgba(41,22,25,.12) 64%,rgba(41,22,25,.91) 80%,rgba(41,22,25,.98) 100%)}
.concept.body-language:before{background:linear-gradient(180deg,rgba(29,27,24,.92) 0%,rgba(29,27,24,.85) 32%,rgba(29,27,24,.12) 48%,rgba(29,27,24,.09) 64%,rgba(29,27,24,.9) 80%,rgba(29,27,24,.98) 100%)}
.concept .concept-label{color:#fff5e3}
.concept .concept-icon{color:#fff3d9;background:#20302c59;border-color:#fff4}
.concept h2{color:#fff;text-shadow:0 2px 14px #0003}
.instructor-tagline{display:block;margin-top:9px;font-size:18px;line-height:1.45;font-weight:500;letter-spacing:-.4px;text-wrap:balance}
.instructor-distance-title{display:block;margin-top:10px;font-size:14px;line-height:1.6;font-weight:500;letter-spacing:0}
@media(min-width:701px) and (max-width:1000px){.instructor-tagline{font-size:16px}.instructor-distance-title{font-size:13px}}
.concept .concept-description{color:#f4f3ee;text-shadow:0 1px 8px #0005}
.photo-window{height:231px;flex-shrink:0;flex-grow:1;margin-top:16px;position:relative;display:flex;align-items:flex-end;padding-bottom:7px}
.photo-caption{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;padding:8px 10px;border:1px solid #ffffff3b;border-radius:8px;background:#142222d9;color:#fff}
.photo-caption svg{width:13px;height:13px}
.concept .feature-list{color:#f4f5ef}
.concept .feature-list svg{color:#e3eccf}
.concept .pricing>div,.concept .pricing>div>span,.concept .price-note{color:#fff5ed}
.access-price{min-height:145px;flex-shrink:0;padding:16px 0;display:flex;flex-direction:column;justify-content:center;gap:7px;color:#fff5ed}
.access-price>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.access-price strong{font-size:28px;letter-spacing:-1px;font-weight:600;line-height:1.2;white-space:nowrap}
.access-price>div>span{font-size:11px;white-space:nowrap}
.access-price p{font-size:11px;line-height:1.5;margin:0;color:#eee7da}
.donation-price{display:flex;flex-direction:column;align-items:stretch;gap:9px}
.donation-price-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.donation-price strong{white-space:nowrap}
.donation-price span{line-height:1.7}
.donation-price p{margin:0;font-size:12px;line-height:1.7}
.donation-price .donation-duration{font-size:11px}
.instructor-copy .concept-description{min-height:0}
.instructor-policy{margin:12px 0 0;padding:9px 11px;border-left:2px solid #e2e9d0;border-radius:0 7px 7px 0;background:#102329d9;font-size:12px;line-height:1.8;color:#fff3dd}
.instructor-policy strong{font-weight:700}
.dialog-policy{font-size:12px;line-height:1.8;border-left:2px solid #9aaa86;padding:2px 0 2px 13px;color:#5b6a4d;margin:23px 0}
@media(min-width:701px) and (max-width:1000px){.access-price strong{font-size:23px}}
@media(max-width:700px){.access-price strong{font-size:29px}}
.concept .card-footnote{color:#e9e7df}
.concept .green-button{background:#e7eed9;color:#294932}
.concept .green-button:hover{background:#f5f8ed}
.concept .coral-button{background:#f0d4c4;color:#633a32}
.concept .coral-button:hover{background:#ffe8dc}
.concept .outline-button{background:#efe5cf;color:#5c4d31;border-color:#efe5cf}
.concept .outline-button:hover{background:#fff4dc}
.concept-button:focus-visible{outline-color:#fff;outline-offset:4px}
@media(min-width:701px) and (max-width:1100px){.concept.instructor .concept-photo{object-fit:contain;object-position:50% 55%;height:auto;top:55%;bottom:auto;transform:translateY(-55%);mask-image:linear-gradient(transparent 0%,#000 16%,#000 84%,transparent 100%)}}
@media(max-width:700px){.concept.instructor .concept-photo{object-fit:contain;object-position:50% 55%;height:auto;top:55%;bottom:auto;transform:translateY(-55%);mask-image:linear-gradient(transparent 0%,#000 16%,#000 84%,transparent 100%)}}
@media(min-width:1550px){.photo-window{height:248px}}
@media(max-width:1150px){.photo-window{height:215px}}
@media(min-width:701px) and (max-width:900px){.photo-window{height:205px}.photo-caption{font-size:8px;padding:7px 8px;gap:4px}.photo-caption svg{width:11px;height:11px}}
@media(max-width:700px){.photo-window{height:245px;margin-top:24px}.concept .concept-photo{object-fit:cover}.photo-caption{font-size:10px}.concept:before{background:linear-gradient(180deg,rgba(8,24,31,.92) 0%,rgba(9,27,32,.83) 34%,rgba(9,27,32,.15) 49%,rgba(9,27,32,.1) 64%,rgba(9,27,32,.91) 80%,rgba(9,27,32,.98) 100%)}.concept.dating:before{background:linear-gradient(180deg,rgba(41,22,25,.93) 0%,rgba(41,22,25,.86) 34%,rgba(41,22,25,.18) 49%,rgba(41,22,25,.1) 64%,rgba(41,22,25,.92) 80%,rgba(41,22,25,.98) 100%)}.concept.body-language:before{background:linear-gradient(180deg,rgba(29,27,24,.94) 0%,rgba(29,27,24,.87) 34%,rgba(29,27,24,.11) 49%,rgba(29,27,24,.07) 64%,rgba(29,27,24,.92) 80%,rgba(29,27,24,.98) 100%)}}

/* Home is the shared entry point for the three independent sections. */
.site-header nav{margin-left:0;gap:24px}
@media(max-width:1000px) and (min-width:701px){.site-header nav{gap:14px;font-size:10px}.header-link{display:none}}

@media(max-width:360px){.site-header .brand-mark{display:none}}
