/* RC1 final interaction and framing pass */
/* Lane imagery: each direction has a dedicated horizontal artboard with full subjects preserved. */
html body #lane-art .lane-photo{height:330px!important;background:#062c24!important;overflow:hidden!important;}
html body #lane-art .lane-photo img{object-fit:cover!important;width:100%!important;height:100%!important;}
html body #lane-art[data-active-lane="grow"] .lane-photo img{object-position:50% 0%!important;}
html body #lane-art[data-active-lane="authority"] .lane-photo img{object-position:50% 40%!important;}
html body #lane-art[data-active-lane="profile"] .lane-photo img{object-position:50% 50%!important;}
@media(max-width:699px){html body #lane-art .lane-photo{height:245px!important}html body #lane-art[data-active-lane="profile"] .lane-photo img{object-position:50% 50%!important}}

/* Founding anchor framing: Jhonny's crop carries the same headroom above the crown as Sarah's (0.63% of frame height), so the two portraits align. */
#people .coach:first-child .portrait img{content:url('assets/img/coach-berrido-headroom-1280.webp');object-fit:contain!important;object-position:center!important;background:#f8f8f5!important;}
@media(min-width:1080px){#people .coach:first-child .portrait img{content:url('assets/img/coach-berrido-headroom-1920.webp');}}
@media(max-width:699px){#people .coach:first-child .portrait img{content:url('assets/img/coach-berrido-headroom-640.webp');}}

/* Pricing: preserve the built layout but make the tier decision obvious. */
#membership .membership-choice{position:relative;}
#membership .membership-primer{margin:0 0 20px;max-width:760px;color:#435649;font-size:clamp(15px,1.25vw,18px);line-height:1.55;}
#membership .plans{display:grid!important;grid-template-columns:1fr;gap:20px;border:0!important;min-height:0!important;}
#membership .plans .plan{display:flex!important;border:1px solid rgba(17,47,38,.18)!important;border-left:1px solid rgba(17,47,38,.18)!important;padding:30px 28px 28px!important;background:#f6f4ec!important;min-height:0!important;}
/* Build reads as the more substantial membership: warmer card, gold edge. */
#membership .plans .plan.featured{background:#eaeade!important;border-color:#d5af59!important;}
/* Spark is the obvious way in, so it keeps the gold call to action. */
#membership .plans [data-plan-panel="spark"] .button{background:var(--gold)!important;color:var(--pine)!important;}
#membership .plans [data-plan-panel="spark"] .button:hover{background:#ead397!important;color:var(--pine)!important;}
@media(min-width:1080px){
 #membership .plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
}
#membership .plan-heading{display:flex!important;justify-content:space-between;align-items:flex-start;gap:18px;}
#membership .plan-heading h3{font-size:clamp(32px,3vw,44px)!important;line-height:.95!important;}
#membership .plan-heading span{font-size:12px!important;color:#98702b!important;text-transform:uppercase;letter-spacing:.09em;margin-top:4px!important;text-align:right;}
#membership .plan-line{font-size:clamp(16px,1.4vw,20px)!important;min-height:0!important;margin-top:16px!important;color:#30483e;}
#membership .price{margin-top:23px!important;}
#membership .price strong{font-size:clamp(46px,4.4vw,64px)!important;}
#membership .plan-billing{min-height:0!important;margin-bottom:22px!important;}
#membership .plan .button{max-width:420px;width:100%;justify-content:space-between!important;}
#membership .feature-list{display:grid;grid-template-columns:1fr;gap:11px!important;margin-top:24px;}
#membership .feature-list li{font-size:15px!important;line-height:1.55!important;}
#membership .plan-aside{margin-top:26px!important;}
/* Term options: quieter than the monthly anchor, sitting between the price
   and the CTA so the commitment reads before the click. */
#membership .plan-billing{margin-bottom:13px!important;}
#membership .plan-terms{list-style:none;margin:0 0 23px;padding:0;display:grid;gap:8px;max-width:420px;}
#membership .plan-terms li{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:10px 13px;border:1px solid rgba(17,47,38,.15);background:rgba(252,251,246,.5);}
#membership .plan-terms strong{flex:0 0 auto;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);}
#membership .plan-terms span{font-size:13px;line-height:1.45;color:#53655b;text-align:right;}
#membership .plan.featured .plan-terms li{border-color:rgba(213,175,89,.42);background:rgba(213,175,89,.08);}

/* Seasonal Pause: a flexibility note, deliberately not a cancellation cue. */
#membership .membership-pause{margin-top:22px;padding:18px 20px;background:rgba(213,175,89,.09);border-left:2px solid var(--gold);}
#membership .membership-pause-title{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#98702b;}
#membership .membership-pause p{margin:9px 0 0;font-size:14px;line-height:1.65;color:#30483e;max-width:74ch;}
/* Marquee: available and unpriced. Deliberately not a third card. */
#membership .marquee-invite{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px 32px;margin-top:26px;padding-top:24px;border-top:1px solid rgba(17,47,38,.18);}
#membership .marquee-invite-copy{min-width:0;}
#membership .marquee-invite-label{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#98702b;font-weight:700;}
#membership .marquee-invite h3{margin:8px 0 0;font-size:clamp(20px,1.8vw,25px);font-weight:550;letter-spacing:-.03em;line-height:1.15;color:var(--ink);}
#membership .marquee-invite-copy>p{margin:9px 0 0;font-size:14px;line-height:1.65;color:#53655b;max-width:62ch;}
#membership .marquee-invite-link{white-space:nowrap;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--pine);padding-bottom:3px;}
#membership .marquee-invite-link svg{width:16px;}
@media(max-width:699px){
 #membership .membership-pause{padding:16px 17px;}
 #membership .marquee-invite{grid-template-columns:1fr;align-items:start;gap:16px;}
}
/* Spark vs Build: an editorial table, not a SaaS feature matrix. */
#membership .membership-table{margin-top:34px;padding-top:25px;border-top:1px solid rgba(17,47,38,.18);}
#membership .membership-table-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px 28px;flex-wrap:wrap;}
#membership .membership-table-title{margin:0;font-size:clamp(20px,1.8vw,25px);font-weight:550;letter-spacing:-.03em;line-height:1.15;color:var(--ink);}
#membership .membership-table-note{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#98702b;}
#membership .compare-table{width:100%;border-collapse:collapse;margin-top:19px;font-variant-numeric:tabular-nums;}
#membership .compare-table th,#membership .compare-table td{padding:11px 12px;text-align:left;vertical-align:top;font-size:14px;line-height:1.45;border-bottom:1px solid rgba(17,47,38,.11);}
#membership .compare-table thead th{padding-bottom:9px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink);border-bottom-color:rgba(17,47,38,.32);}
#membership .compare-table tbody th{width:42%;font-weight:400;color:#53655b;}
#membership .compare-table td{width:29%;color:var(--ink);}
#membership .compare-table [data-col="build"]{background:rgba(213,175,89,.07);}
#membership .compare-table tbody tr:first-child td{font-size:19px;font-weight:600;letter-spacing:-.02em;}
#membership .compare-table .is-none{color:#a2b0a8;}
#membership .compare-table tbody tr:last-child th,#membership .compare-table tbody tr:last-child td{border-bottom:0;}
@media(max-width:699px){
 #membership .membership-table{margin-top:28px;}
 #membership .compare-table th,#membership .compare-table td{padding:9px 8px;font-size:13px;}
 #membership .compare-table tbody tr:first-child td{font-size:17px;}
 #membership .plan-terms li{padding:9px 11px;gap:12px;}
}
@media(max-width:699px){
 #membership .membership-primer{font-size:14px;margin-bottom:16px;}
 #membership .plans .plan{padding:27px 22px!important;}
 #membership .plan-heading{display:block!important;}
 #membership .plan-heading span{text-align:left!important;font-size:11px!important;}
 #membership .plan .button{max-width:none;}
}

/* Media tiles: no baked-in play button on the cleaned instructional poster; keep hover from cropping people. */
.work-art-static .play-button{display:none!important;}
@media(hover:hover) and (pointer:fine){.work-art:hover>img{transform:none!important;}}