/* Home and Story extras. Only what altr.css does not already cover. */

/* things we do differently */
.altr .home-thing{border-top:1.5px solid #212221;padding-top:24px;display:flex;flex-direction:column;gap:18px}
.altr .home-thing-n{font-weight:200;font-size:clamp(56px,6vw,88px);line-height:1;letter-spacing:-.05em;color:#8f8e8e}

/* founder portrait: dashed circle until an approved picture is added */
.altr .home-portrait{width:72px;height:72px;border-radius:50%;flex:none;object-fit:cover}
.altr .home-portrait-lg{width:88px;height:88px}
.altr .home-portrait-ph{border:1.5px dashed #8f8e8e;display:flex;align-items:center;justify-content:center;color:#8f8e8e}

/* approved practitioners under the chairs */
.altr .home-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px 32px;margin-top:28px}

/* screen-reader-only text (in case the theme does not define it) */
.altr .screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* programs carousel */
.altr .car .car-title{font-weight:300;font-size:clamp(40px,6.4vw,92px);line-height:1;letter-spacing:-.04em}
.altr .car .lede{color:#c8cbc2}
.altr .car .car-date{font-weight:300;font-size:clamp(26px,3vw,40px);letter-spacing:-.025em;line-height:1.15}
.altr .car .car-sub{display:block;font-size:.5em;font-weight:400;color:#c8cbc2;letter-spacing:0;margin-top:8px}
.altr .car .car-portrait{width:clamp(180px,22vw,300px);aspect-ratio:1/1;border-radius:50%;object-fit:cover}
.altr .car .car-portrait-ph{border:1.5px dashed #8f8e8e;display:flex;align-items:center;justify-content:center}
.altr .car .car-img{max-width:100%;max-height:420px;object-fit:cover;border-radius:12px}
.altr .car-track{touch-action:pan-y}
.altr .car-ctrl{flex-wrap:wrap}
.altr .car-ctrl[hidden]{display:none}
/* without JavaScript: slides stack and the controls stay out of the way */
.altr .car:not(.is-ready) .car-track{display:block;transform:none}
.altr .car:not(.is-ready) .car-slide + .car-slide{border-top:1px solid #464a4e}
.altr .car:not(.is-ready) .car-ctrl{display:none}

/* questions */
.altr .tabs[hidden],.altr .faq-panel[hidden],.altr .acc-a[hidden]{display:none}
.altr .faq-js .faq-topic{margin:28px 0 8px}
.altr .faq-js .faq-panel:first-of-type .faq-topic{margin-top:0}
.altr .faq-js.is-ready.has-tabs .faq-topic{display:none}
.altr .faq-js .acc-h{margin:0;font-size:inherit;font-weight:inherit}
.altr .faq-js .acc-a p{margin:0 0 12px}
.altr .faq-js .acc-a p:last-child{margin-bottom:0}
.altr .faq-js .acc-a ul,.altr .faq-js .acc-a ol{margin:0 0 12px 1.2em;list-style:revert}
.altr .faq-js .acc-a a{text-decoration-color:#bdd753;text-underline-offset:4px}
.altr .home-faq-split{align-items:start;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}

@media (max-width:900px){
  .altr .home-faq-split{grid-template-columns:minmax(0,1fr)}
  .altr .car .car-portrait{width:clamp(140px,40vw,220px)}
}

@media (prefers-reduced-motion:reduce){
  .altr .car-track{transition:none}
  .altr .acc-a,.altr .acc-ico,.altr .tabs button,.altr .car-dots i{animation:none;transition:none}
}
