/* The horse metaphor, familiar antagonists and the experience of clarity. */
.clarity-story { max-width:850px; margin:0 auto; padding-top:34px; scroll-margin-top:24px; }
.solution-heading { text-align:center; margin:0 0 24px; }
.solution-heading .visual-kicker { color:var(--gold); font-size:13px; letter-spacing:1.6px; margin-bottom:12px; }
.solution-heading h2 { color:var(--gold); font:400 clamp(36px,5.5vw,61px)/1.2 var(--serif); letter-spacing:-1.7px; text-wrap:balance; }
.solution-horse { width:min(360px,100%); margin:0 auto 28px; background:#fcfaf5; border:1px solid #caa05b; border-radius:16px; overflow:hidden; box-shadow:0 6px 26px #160b052b; }
.solution-horse img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:contain; }
.horse-proverb { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:24px; margin:0; padding:24px 32px; border:1px solid #cba45d; border-radius:16px; color:#3a2b1e; background:#fcfaf5; }
.horse-proverb-copy { min-width:0; }
.solution-eyebrow { color:#77512e; font:600 11px/1.6 var(--sans); text-transform:uppercase; letter-spacing:1.5px; margin-bottom:15px; }
.horse-proverb blockquote { margin:0; color:#4a321e; font:400 clamp(20px,2.7vw,29px)/1.6 var(--serif); letter-spacing:-.5px; text-wrap:pretty; }
.horse-proverb-origin { font:400 11px/1.7 var(--sans); color:#826142; margin-top:17px; }
.horse-refusal { position:relative; width:100%; max-width:195px; padding-top:24px; justify-self:center; }
.horse-refusal>img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:contain; }
.horse-speech { position:absolute; right:-7px; top:0; padding:8px 13px; border:1.5px solid #654226; border-radius:40% 45% 40% 9%; background:#fffdf6; color:#52351f; font:400 16px/1.4 var(--serif); transform:rotate(4deg); box-shadow:0 2px 0 #b58b4422; }
.horse-reframe { margin:23px auto 0; padding:27px 30px; border-left:3px solid var(--gold-deep); background:linear-gradient(100deg,#bd955914,transparent); }
.horse-false { font:400 clamp(30px,4vw,43px)/1.2 var(--serif); color:var(--gold); margin-bottom:14px; }
.horse-reframe blockquote { margin:0; color:var(--light); font:400 clamp(17px,2.1vw,22px)/1.8 var(--serif); text-wrap:pretty; }
.horse-reframe figcaption { font:400 11px/1.8 var(--sans); color:var(--muted); margin-top:18px; }
.horse-reframe figcaption a { display:inline-block; color:#e3c084; padding:4px 0; text-underline-offset:4px; }
.solution-principle { max-width:760px; margin:30px auto 0; text-align:center; color:var(--light); font:400 clamp(21px,2.9vw,30px)/1.6 var(--serif); letter-spacing:-.5px; text-wrap:balance; }
.solution-principle strong { color:var(--gold); font-weight:400; }
.clarity-recap { max-width:760px; margin:38px auto 0; padding-top:30px; border-top:1px solid #d1a45a55; }
.clarity-recap h3 { max-width:690px; margin:0 auto 24px; color:var(--gold); font:400 clamp(26px,3.4vw,35px)/1.4 var(--serif); letter-spacing:-.8px; text-align:center; text-wrap:balance; }
.clarity-recap-list { list-style:none; margin:0; padding:0; }
.clarity-recap-list li { display:grid; grid-template-columns:130px minmax(0,1fr); gap:25px; align-items:center; padding:19px 0; border-bottom:1px solid #d1a45a33; }
.clarity-recap-list li:last-child { border-bottom:0; padding-bottom:0; }
.clarity-recap-character { display:block; width:130px; height:163px; object-fit:contain; }
.clarity-recap-name { display:block; margin-bottom:10px; color:var(--gold); font:400 23px/1.4 var(--serif); }
.clarity-recap-list p { margin:0; color:var(--muted); font:400 16px/1.8 var(--sans); text-wrap:pretty; }
.clarity-recap-list strong { display:block; margin-bottom:5px; color:var(--light); font-weight:600; }
.clarity-trinity { margin-top:34px; padding-top:30px; border-top:1px solid #d1a45a55; scroll-margin-top:24px; }
.solution-subheading { margin:0 auto 24px; text-align:center; }
.solution-subheading .visual-kicker { font-size:10px; letter-spacing:1.1px; }
.solution-subheading h3 { font:400 clamp(26px,3.5vw,37px)/1.35 var(--serif); color:var(--gold); letter-spacing:-1px; text-wrap:balance; }
.trinity-portrait { margin:0; padding:25px 18px 24px; border:1px solid #ccab70; border-radius:16px; background:radial-gradient(ellipse at 50% 0,#fffaf0,#efdfb9); }
.trinity-cast,.trinity-portrait figcaption { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.trinity-cast img { display:block; width:100%; height:280px; object-fit:contain; object-position:center bottom; }
.trinity-portrait figcaption { margin-top:15px; color:#6b4425; font:700 clamp(13px,2vw,21px)/1.45 var(--serif); text-align:center; }
.clarity-expedition { margin-top:25px; text-align:center; }
.clarity-expedition p { margin:0 0 17px; color:var(--gold); font:400 clamp(25px,3.3vw,33px)/1.4 var(--serif); }
.clarity-expedition .gold-cta { max-width:100%; }
.clarity-experience { max-width:760px; margin:36px auto 0; padding:28px 26px 0; border-top:1px solid #d1a45a55; text-align:center; scroll-margin-top:24px; }
.clarity-experience-symbol { display:block; width:65px; height:90px; object-fit:contain; margin:0 auto 16px; }
.clarity-experience h3 { color:var(--gold); font:400 clamp(29px,4vw,43px)/1.35 var(--serif); letter-spacing:-1.15px; text-wrap:balance; }
.clarity-definition { max-width:650px; margin:20px auto 0; color:var(--muted); font:400 15px/1.9 var(--sans); text-wrap:pretty; }
.clarity-intensity { color:var(--light); margin:14px auto 0; font:400 20px/1.7 var(--serif); text-wrap:balance; }
.clarity-seven-days { margin:24px auto 20px; padding:21px 24px; border:1px solid #cba45d80; border-radius:12px; background:linear-gradient(110deg,#a7782d1a,#f0d48b0a); color:var(--light); font:400 clamp(19px,2.5vw,26px)/1.65 var(--serif); text-wrap:balance; }
.clarity-seven-days strong { color:var(--gold); font-weight:400; }
.clarity-perspective { max-width:630px; margin:0 auto; color:var(--muted); font:400 15px/1.9 var(--sans); text-wrap:pretty; }
.clarity-moment { color:var(--gold); font:400 23px/1.6 var(--serif); margin:14px 0 0; text-wrap:balance; }
@media(max-width:700px) {
 .horse-proverb { padding:22px; gap:15px; }
 .horse-proverb blockquote { font-size:21px; }
 .trinity-cast img { height:230px; }
}
@media(max-width:600px) {
 .clarity-story { padding-top:28px; }
 .solution-heading { margin-bottom:19px; }
 .solution-heading .visual-kicker { font-size:11px; }
 .solution-heading h2 { font-size:clamp(33px,8.7vw,45px); letter-spacing:-1.2px; }
 .solution-horse { width:min(290px,100%); margin-bottom:22px; border-radius:12px; }
 .horse-proverb { grid-template-columns:1fr; padding:22px 19px 10px; gap:9px; text-align:center; }
 .horse-proverb blockquote { font-size:24px; line-height:1.65; }
 .horse-proverb-origin { margin-top:12px; }
 .horse-refusal { max-width:180px; }
 .horse-speech { right:-4px; font-size:15px; }
 .horse-reframe { padding:20px 0 20px 18px; margin-top:20px; }
 .horse-reframe blockquote { font-size:17px; line-height:1.85; }
 .horse-reframe figcaption { font-size:10px; }
 .horse-reframe figcaption a { min-height:44px; padding-top:10px; }
 .solution-principle { font-size:22px; margin-top:23px; }
 .clarity-trinity { margin-top:26px; padding-top:24px; }
 .solution-subheading { margin-bottom:20px; }
 .solution-subheading .visual-kicker { font-size:9px; letter-spacing:.7px; }
 .solution-subheading h3 { font-size:28px; }
 .clarity-recap { margin-top:27px; padding-top:25px; }
 .clarity-recap h3 { font-size:26px; margin-bottom:11px; }
 .clarity-recap-list li { grid-template-columns:84px minmax(0,1fr); gap:13px; padding:18px 0; }
 .clarity-recap-character { width:84px; height:130px; }
 .clarity-recap-name { font-size:19px; margin-bottom:8px; }
 .clarity-recap-list p { font-size:14px; }
 .trinity-portrait { padding:17px 6px 19px; border-radius:12px; }
 .trinity-cast,.trinity-portrait figcaption { gap:2px; }
 .trinity-cast img { height:clamp(124px,38vw,210px); }
 .trinity-portrait figcaption { margin-top:9px; font-size:clamp(11px,3.1vw,17px); letter-spacing:-.2px; }
 .clarity-expedition { margin-top:23px; }
 .clarity-expedition .gold-cta { font-size:13px; padding-inline:14px; }
 .clarity-experience { margin-top:27px; padding:24px 0 0; }
 .clarity-experience-symbol { width:53px; height:75px; margin-bottom:14px; }
 .clarity-experience h3 { font-size:29px; }
 .clarity-definition { font-size:14px; margin-top:17px; }
 .clarity-intensity { font-size:19px; }
 .clarity-seven-days { padding:18px 15px; margin-top:20px; font-size:21px; }
 .clarity-perspective { font-size:14px; }
 .clarity-moment { font-size:22px; }
}