/* October 2026 practice copy and layouts. Shared with the established Selah palette. */
.practice-section{padding-block:72px;border-top:1px solid var(--selah-line);scroll-margin-top:24px}
.practice-heading{margin-bottom:30px;max-width:760px}
.practice-heading h2,.practice-gaze h2{font:400 clamp(34px,3.4vw,48px)/1.15 var(--selah-serif);letter-spacing:-.025em;max-width:23ch;margin:14px 0 22px;text-wrap:pretty}
.practice-section h3{font:500 18px/1.5 var(--selah-sans);margin:0 0 14px;letter-spacing:0}
.practice-section p,.practice-section li,.practice-about-story p{font-size:16px;line-height:1.85}
.practice-section .practice-lead{max-width:740px;margin-bottom:32px}
.practice-two,.practice-three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px}
.practice-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.practice-prose p{max-width:57ch;margin-bottom:22px}
.practice-prose p:last-child{margin-bottom:0}
.practice-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 55px;margin-top:40px}
.practice-topic-grid article{padding:28px 0 30px 44px;position:relative;border-top:1px solid var(--selah-line)}
.practice-topic-grid article>span{position:absolute;left:0;top:29px;font:400 22px/1.4 var(--selah-serif);color:var(--selah-ocean)}
.practice-topic-grid p{margin:0;max-width:50ch}
.practice-topic-grid a{display:block;margin-top:13px;min-height:30px;text-decoration:underline;text-underline-offset:5px;font-size:14px;font-weight:500}
.practice-goals{margin:0;padding-left:20px;display:grid;gap:8px}
.practice-session-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.practice-session-grid article{padding:36px;background:#e5ebec85;border:1px solid var(--selah-line);border-radius:8px}
.practice-session-grid article:nth-child(2){background:#f0ede3}
.practice-session-grid h3{font-size:21px;line-height:1.4;margin:12px 0}
.practice-session-grid p{max-width:none}
.practice-session-grid .practice-price{font:400 30px/1.4 var(--selah-serif);margin:14px 0 24px;letter-spacing:-.02em}
.practice-price span{font:400 21px var(--selah-sans);padding:0 8px;color:var(--selah-ocean)}
.practice-session-grid ul{padding-left:18px;margin:22px 0 0;display:grid;gap:10px}
.practice-section .practice-note{font-size:13px;max-width:none;margin:25px 0 0}
.practice-fee-strip{padding-block:35px 55px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:30px;border-top:1px solid var(--selah-line)}
.practice-fee-strip>div{display:grid;gap:10px}
.practice-fee-strip>div>span{font-size:13px;line-height:1.7}
.practice-fee-strip strong{font:400 34px/1.3 var(--selah-serif)}
.practice-fee-strip strong small{font:400 13px/1.6 var(--selah-sans);white-space:nowrap}
.practice-fee-strip p{font-size:13px;line-height:1.9;margin:0}
.practice-fee-premarital strong{font-size:26px}
.practice-method{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}
.practice-gottman{margin:0;background:#fff;border-radius:12px;padding:22px}
.practice-gottman img{width:100%;max-width:390px;height:auto;display:block;margin:auto}
.practice-prepare{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.prepare-logo{position:relative;overflow:hidden;height:128px;margin:0;background:#fff;border-radius:8px}
.prepare-logo img{position:absolute;width:90%;height:auto;left:5%;top:50%;transform:translateY(-50%)}
.practice-faq{max-width:850px}
.practice-faq details{border-top:1px solid var(--selah-line)}
.practice-faq details:last-child{border-bottom:1px solid var(--selah-line)}
.practice-faq summary{display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:72px;padding:18px 0;cursor:pointer;font:500 17px/1.6 var(--selah-sans);list-style:none}
.practice-faq summary::-webkit-details-marker{display:none}
.practice-faq summary>span{font-size:24px;transition:transform .2s}
.practice-faq details[open] summary>span{transform:rotate(45deg)}
.practice-answer{padding:0 0 18px}
.practice-answer p{max-width:70ch;margin:0 0 15px}
.practice-rates{margin:20px 0;font-size:15px}
.practice-rates>div{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--selah-line);padding:12px 0;line-height:1.6}
.practice-rates dd{font-weight:500;margin:0;white-space:nowrap}
.about-reading-flow .practice-heading h2{max-width:25ch}
.about-reading-flow .practice-three .about-answer p{max-width:none}
.about-reading-flow #crosse-story.practice-about-story{display:block}
.practice-about-story .practice-two{gap:70px}
.practice-about-story .about-answer p{max-width:55ch}
.practice-breath{display:grid;grid-template-columns:1fr 1fr;background:#e5ebec;margin:36px 0;border-radius:10px;overflow:hidden;color:var(--selah-ink)}
.practice-breath>img{width:100%;height:390px;object-fit:cover;object-position:50% 76%}
.practice-breath figcaption{padding:45px;align-self:center}
.practice-breath figcaption>p{font:400 clamp(30px,3vw,43px)/1.18 var(--selah-serif);margin:20px 0;max-width:18ch}
.practice-breath figcaption>span:last-child{font:400 15px/1.8 var(--selah-sans);display:block;max-width:33ch}
.practice-about-fit .practice-heading{max-width:750px}
.practice-fit-list{padding:0;margin:32px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 50px;list-style:none}
.practice-fit-list li{padding:22px 0 22px 26px;border-top:1px solid var(--selah-line);position:relative;font-size:16px;line-height:1.8}
.practice-fit-list li:before{content:'•';position:absolute;left:0;color:var(--selah-ocean)}
.practice-culture{max-width:850px;font-size:16px;line-height:1.9}
.practice-gaze{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}
.practice-gaze .practice-heading{margin:0}
.bp-ease .bp-definition-layout>div>p{max-width:54ch;font-size:16px;line-height:1.85}
.bp-ease .bp-definition-layout h2{font-size:clamp(32px,3.5vw,44px);max-width:20ch}
.bp-ease .bp-practical p{line-height:1.9}
.experience-fees{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.experience-fees>p{grid-column:1/-1;max-width:none}
.experience-fees>div>span{font-size:13px;line-height:1.6}
.story-chapter h1{font-size:clamp(2.8rem,4.4vw,4.8rem);max-width:15ch;line-height:1.08}
.story-chapter h1 span{display:block}
.story-chapter[data-story-scene="0"]>p{font-size:1.06rem;line-height:1.75;max-width:39ch}
/* Flip cards remain readable without JavaScript and expose a button/description to assistive technology. */
.conversation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
.conversation-card{min-width:0;position:relative;perspective:1200px}
.conversation-toggle{width:100%;height:100%;padding:0;border:0;background:none;color:var(--selah-ink);font-family:var(--selah-sans);text-align:center;cursor:pointer;border-radius:10px;-webkit-tap-highlight-color:transparent}
.conversation-toggle[hidden]{display:none}
.conversation-toggle:focus-visible{outline:3px solid var(--selah-ocean);outline-offset:5px}
.conversation-inner{display:grid;min-height:280px;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);border-radius:10px}
.conversation-front,.conversation-back{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 25px;border:1px solid var(--selah-line);border-radius:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#edf0ec}
.conversation-card:nth-child(3n+2) .conversation-front{background:#e3eaeb}
.conversation-card:nth-child(3n) .conversation-front{background:#eeebe1}
.conversation-front svg{width:31px;height:31px;fill:none;stroke:var(--selah-ocean);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:22px}
.conversation-front strong,.conversation-back strong{font-size:17px;line-height:1.5;font-weight:500;max-width:21ch}
.conversation-front small,.conversation-back small{font-size:12px;line-height:1.6;margin-top:20px;display:block}
.conversation-front small span,.conversation-back small span{margin-left:6px}
.conversation-back{transform:rotateY(180deg);background:var(--selah-blue);color:var(--selah-paper);gap:14px}
.conversation-back>span{font-size:14px;line-height:1.75;max-width:32ch}
.conversation-back small{margin-top:2px;opacity:.9}
.conversation-card[data-open="true"] .conversation-inner{transform:rotateY(180deg)}
.conversation-card:not(.card-ready) .conversation-accessible{padding:25px;background:#e5ebec88;border:1px solid var(--selah-line);border-radius:8px;height:100%}
.card-ready .conversation-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:normal}
.conversation-accessible[hidden]{display:none!important}
@media(hover:hover){.conversation-toggle:hover .conversation-front{border-color:var(--selah-ocean);box-shadow:0 5px 20px #23475f10}}
@media(max-width:1050px){.practice-method,.practice-prepare{gap:35px}.practice-three{gap:25px}.practice-about-story .practice-two{gap:40px}.practice-breath figcaption{padding:30px}.practice-session-grid article{padding:28px}.conversation-front,.conversation-back{padding:25px 20px}.conversation-grid{gap:14px}.conversation-inner{min-height:300px}.practice-fee-strip{gap:22px}.practice-fee-strip strong small{display:block}.story-chapter h1{font-size:clamp(2.65rem,4.8vw,4.2rem)}}
@media(max-width:760px){.practice-section{padding-block:45px}.practice-heading{margin-bottom:24px}.practice-heading h2,.practice-gaze h2{font-size:36px;line-height:1.16}.practice-two,.practice-three,.practice-topic-grid,.practice-method,.practice-prepare,.practice-session-grid,.practice-gaze,.practice-fit-list{grid-template-columns:1fr;gap:28px}.practice-topic-grid{gap:0;margin-top:28px}.practice-topic-grid article{padding:23px 0 25px 37px}.practice-topic-grid article>span{top:23px;font-size:20px}.practice-topic-grid h3{font-size:17px}.practice-section p,.practice-section li{font-size:16px}.practice-session-grid article{padding:26px}.practice-session-grid .practice-price{font-size:28px}.practice-fee-strip{grid-template-columns:1fr;gap:23px;padding-block:28px 40px}.practice-fee-strip>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.practice-fee-strip strong{font-size:30px;text-align:right;white-space:nowrap}.practice-fee-strip strong small{font-size:12px}.practice-fee-premarital>div{display:block}.practice-fee-premarital strong{font-size:25px;white-space:normal;display:block;text-align:left;margin-top:12px}.practice-breath{grid-template-columns:1fr;margin:26px 0}.practice-breath>img{height:290px;object-position:50% 75%}.practice-breath figcaption{padding:32px}.practice-breath figcaption>p{font-size:34px;max-width:20ch}.practice-about-story .practice-two{gap:30px}.practice-fit-list{gap:0}.practice-fit-list li{padding-block:20px}.practice-gottman{max-width:430px;margin:auto;padding:18px}.prepare-logo{width:100%;max-width:390px;height:118px}.practice-faq summary{font-size:16px;min-height:70px}.experience-fees{grid-template-columns:1fr 1fr;gap:24px 20px}.experience-fees>div{display:block}.experience-fees strong{display:block;margin-top:8px}.conversation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.conversation-inner{min-height:320px}.conversation-front,.conversation-back{padding:22px 16px}.conversation-front strong,.conversation-back strong{font-size:16px}.conversation-back>span{font-size:14px;line-height:1.7}.conversation-front small,.conversation-back small{font-size:11px}.story-chapter h1{font-size:clamp(2.6rem,10.3vw,3.65rem);max-width:16ch}.story-chapter[data-story-scene="0"]>p{font-size:1rem;line-height:1.65}}
@media(max-width:480px){.conversation-grid{grid-template-columns:1fr}.conversation-inner{min-height:252px}.conversation-front,.conversation-back{padding:27px}.conversation-front strong,.conversation-back strong{font-size:18px}.conversation-back>span{font-size:15px;max-width:34ch}.conversation-front small,.conversation-back small{font-size:12px}.experience-fees>div>span{font-size:12px}.practice-rates{font-size:14px}}
@media(prefers-reduced-motion:reduce){.conversation-inner,.practice-faq summary>span{transition:none}}
.motion-paused .conversation-inner,.motion-paused .practice-faq summary>span{transition:none}