.compassion-page .compassion-hero{display:grid;grid-template-columns:.96fr 1.04fr;gap:64px;align-items:center;padding-block:58px 64px}
.compassion-intro .eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:20px}
.compassion-intro h1{font-size:clamp(52px,5.5vw,76px);line-height:1.02;letter-spacing:-.06em;margin:0 0 30px}
.compassion-intro>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:49ch}
.compassion-photo{margin:0;min-width:0;border:var(--line);border-radius:10px;box-shadow:7px 7px 0 var(--ink);overflow:hidden;background:var(--paper)}
.compassion-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.compassion-photo-first{transform:rotate(1deg)}
.compassion-photo-first img{object-position:64% center}
.compassion-page .compassion-connection{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"photo copy";gap:68px;align-items:center;padding-block:32px 76px}
.compassion-photo-second{grid-area:photo;transform:rotate(-.7deg)}
.compassion-connection-copy{grid-area:copy}
.compassion-connection h2,.compassion-practice h2,.compassion-resources h2{font-size:clamp(34px,3.6vw,49px);line-height:1.08;letter-spacing:-.05em}
.compassion-connection h2 span{color:#a83412}
.compassion-connection p{font-size:17px;line-height:1.7;margin-top:22px;max-width:48ch}
.compassion-connection p+p{font-weight:600;margin-top:17px}
.compassion-practice{background:var(--yellow);border-block:var(--line);padding-block:58px 60px}
.compassion-practice-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:68px;align-items:center}
.compassion-practice-intro p{font-size:17px;line-height:1.7;max-width:53ch}
.compassion-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:38px}
.compassion-choices>div{border-top:2px solid var(--ink);padding-top:15px;min-width:0}
.compassion-number{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;margin-bottom:16px}
.compassion-choices h3{font-size:31px;line-height:1.1;letter-spacing:-.04em;margin-bottom:12px}
.compassion-choices p{font-size:16px;line-height:1.6;max-width:24ch}
.compassion-resources{padding-block:60px 64px;background:var(--ink);color:var(--cream)}
.compassion-resource-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:68px;align-items:center}
.compassion-resources h2 span{color:var(--yellow)}
.compassion-resources p{font-size:17px;line-height:1.7;max-width:50ch}
.compassion-resource-inner>div:first-child>p{margin-top:24px}
.compassion-resource-action .button{margin-top:25px;max-width:100%;color:var(--ink);box-shadow:4px 4px 0 var(--cream);text-wrap:balance}
.compassion-resource-action .button:hover{box-shadow:6px 6px 0 var(--cream)}
.compassion-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.compassion-resources a:focus-visible{outline-color:var(--yellow)}
@media(min-width:1000px) and (max-width:1190px){.compassion-page .compassion-hero{gap:40px}.compassion-intro h1{font-size:61px}.compassion-page .compassion-connection,.compassion-practice-intro,.compassion-resource-inner{gap:42px}}
@media(max-width:999px){
 .compassion-page .compassion-hero{grid-template-columns:1fr;gap:30px;padding-block:40px 48px;max-width:760px}
 .compassion-intro h1{font-size:clamp(43px,8vw,68px);margin-bottom:24px}
 .compassion-intro>p:not(.eyebrow){max-width:62ch}
 .compassion-photo img{aspect-ratio:16/9}
 .compassion-page .compassion-connection{grid-template-columns:1fr;grid-template-areas:"copy" "photo";gap:28px;padding-block:16px 50px;max-width:760px}
 .compassion-connection p{max-width:62ch}
 .compassion-practice-intro,.compassion-resource-inner{grid-template-columns:1fr;gap:25px}
 .compassion-practice-intro p,.compassion-resources p{max-width:62ch}
 .compassion-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px}
 .compassion-practice{padding-block:42px 44px}
 .compassion-resources{padding-block:43px 46px}
 .compassion-resource-inner>div:first-child>p{margin-top:22px}
}
@media(max-width:580px){
 .compassion-page .compassion-hero{padding-block:31px 41px;gap:27px}
 .compassion-intro .eyebrow{font-size:10px;margin-bottom:18px}
 .compassion-intro h1{font-size:clamp(39px,11.5vw,56px);line-height:1.04}
 .compassion-intro>p:not(.eyebrow),.compassion-connection p,.compassion-practice-intro p,.compassion-resources p{font-size:16px;line-height:1.7}
 .compassion-photo{box-shadow:4px 4px 0 var(--ink);border-radius:8px}
 .compassion-connection h2,.compassion-practice h2,.compassion-resources h2{font-size:clamp(31px,8.3vw,41px)}
 .compassion-page .compassion-connection{padding-bottom:42px}
 .compassion-connection p{margin-top:19px}
 .compassion-choices{gap:25px 20px}
 .compassion-choices h3{font-size:28px}
 .compassion-choices p{font-size:15px;line-height:1.6}
 .compassion-number{margin-bottom:12px}
 .compassion-resource-action .button{font-size:14px;gap:14px;padding-inline:16px;width:100%}
}
@media(prefers-reduced-motion:no-preference){
 .cc-motion-ready .cc-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s var(--ease)}
 .cc-motion-ready .cc-reveal.cc-visible{opacity:1;transform:none}
}