.compersion-page{--violet:#8066e8;--rose:#ff8aa1;--soft-mint:#dff4ed}.article-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:1rem 0;list-style:none;font-size:.82rem;font-weight:850}.article-breadcrumbs li+li::before{content:"/";margin-inline-end:.45rem}.article-breadcrumbs a{color:inherit}.compersion-hero{overflow:hidden;border-block-end:var(--line);background:var(--coral)}.compersion-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.72fr);gap:clamp(2rem,6vw,6rem);align-items:center;min-height:43rem;padding-block:clamp(3rem,7vw,7rem)}.compersion-hero .display-title{max-width:9ch;font-size:clamp(4rem,8.4vw,8.8rem);line-height:.82}.compersion-hero .display-title span{color:var(--paper)}.compersion-hero__grid>div>p:not(.kicker){max-width:42rem;font-size:var(--step-1)}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-block-start:1.5rem}.hero-actions>a:not(.button){color:inherit;font-weight:900}.hero-pulse{position:relative;transform:rotate(2deg);padding:clamp(1.5rem,4vw,3rem);border:var(--line);background:var(--mint);box-shadow:12px 12px 0 var(--ink)}.hero-pulse::before{content:"↗";position:absolute;inset-block-start:1rem;inset-inline-end:1rem;font:1000 2rem/1 var(--display)}.hero-pulse span{font:1000 .78rem/1 var(--display);letter-spacing:.1em}.hero-pulse strong{display:block;margin:2.5rem 0 1rem;font:1000 clamp(2.3rem,5vw,4.6rem)/.92 var(--display)}.hero-pulse p{margin:0;font-size:var(--step-1)}.compersion-jump{position:sticky;top:0;z-index:4;border-block-end:var(--line);background:var(--paper)}.compersion-jump>div{display:flex;gap:1rem;align-items:center;overflow-x:auto;padding-block:.85rem;white-space:nowrap}.compersion-jump strong{font-family:var(--display)}.compersion-jump a{color:inherit;font-weight:800}.human-moment{margin:2.5rem 0 0}.human-moment picture,.human-moment img{display:block;width:100%}.human-moment img{height:auto;border:var(--line);box-shadow:var(--shadow-sm)}.human-moment figcaption{max-width:50rem;padding:.8rem 1rem;border:var(--line);border-block-start:0;background:var(--yellow);font-weight:800}.emotion-map{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-block:2rem;border:var(--line);background:var(--ink);box-shadow:10px 10px 0 var(--yellow)}.emotion-map>*{min-width:0;min-height:15rem;padding:1rem;border:1px solid var(--ink);background:var(--paper);color:var(--ink)}.emotion-map__event{grid-column:span 2;background:var(--yellow)}.emotion-map__event span,.emotion-map b{display:block;font:1000 .76rem/1 var(--display);letter-spacing:.08em}.emotion-map__event strong{display:block;margin-block-start:2.5rem;font:1000 var(--step-2)/.95 var(--display)}.emotion-map article:nth-of-type(1){background:var(--mint)}.emotion-map article:nth-of-type(2){background:var(--coral)}.emotion-map article:nth-of-type(3){background:var(--violet);color:var(--paper)}.emotion-map article:nth-of-type(4){background:var(--rose)}.emotion-map article:nth-of-type(5){background:var(--paper)}.emotion-map article p{margin-block-start:3rem;font-size:1.08rem}.map-note{max-width:64rem;padding:1.3rem;border:var(--line);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm);font-size:var(--step-1)}.feeling-table table{min-width:940px}.feeling-table th[scope=row]{font-family:var(--display);font-size:1.08rem}.feeling-table tbody tr:nth-child(1){background:var(--soft-mint)}.feeling-table tbody tr:nth-child(2){background:#ffe1df}.feeling-table tbody tr:nth-child(3){background:#eee9ff}.feeling-table tbody tr:nth-child(4){background:#ffe6ee}.feeling-table tbody tr:nth-child(5){background:var(--paper)}.feeling-cards{display:none}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:2rem}.scene-grid article{display:flex;flex-direction:column;min-height:30rem;padding:1.3rem;border:var(--line);background:var(--paper);box-shadow:var(--shadow-sm)}.scene-grid article:nth-child(2){background:var(--yellow)}.scene-grid article:nth-child(3){background:var(--mint)}.scene-grid span{font:1000 .75rem/1 var(--display);letter-spacing:.08em}.scene-grid h3{margin:.9rem 0;font:1000 var(--step-2)/.95 var(--display)}.scene-grid strong{margin-block-start:auto;font-family:var(--display)}.scene-grid a{margin-block-start:1rem;color:inherit;font-weight:900}.why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:2rem}.why-grid article{min-height:18rem;padding:1.3rem;border:var(--line);background:var(--paper);box-shadow:var(--shadow-sm)}.why-grid article:nth-child(2){background:var(--yellow)}.why-grid article:nth-child(3){background:var(--rose)}.why-grid article:nth-child(4){background:var(--violet);color:var(--paper)}.why-grid b{font:1000 2.8rem/.8 var(--display)}.why-grid h3{margin:1.5rem 0 .8rem;font:1000 var(--step-2)/.95 var(--display)}.test-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:var(--line);background:var(--paper);box-shadow:var(--shadow-sm)}.test-board p{margin:0;padding:1.3rem;font-size:1.08rem}.test-board p+p{border-inline-start:var(--thin-line)}.test-board p:nth-child(2){background:var(--yellow)}.test-board p:nth-child(3){background:var(--mint)}.test-board a{color:inherit;font-weight:900}.faq-stack{display:grid;gap:.8rem}.faq-stack details{border:var(--line);background:var(--paper);box-shadow:var(--shadow-sm)}.faq-stack summary{padding:1rem;background:var(--yellow);font:1000 1rem/1.25 var(--display);cursor:pointer}.faq-stack details p{margin:0;padding:1rem}.compersion-next .section-title{color:var(--paper)}.next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.next-grid a{display:grid;min-height:13rem;padding:1.2rem;border:var(--line);background:var(--paper);color:var(--ink);text-decoration:none;box-shadow:7px 7px 0 var(--yellow)}.next-grid a:nth-child(2){background:var(--yellow)}.next-grid a:nth-child(3){background:var(--coral)}.next-grid a:nth-child(4){background:var(--mint)}.next-grid span{font:1000 .72rem/1 var(--display);letter-spacing:.08em}.next-grid strong{margin:.8rem 0;font:1000 var(--step-2)/.95 var(--display)}.next-grid p{margin:0}.next-grid b{align-self:end;margin-block-start:1rem;font-family:var(--display)}
@media(max-width:900px){.compersion-hero__grid{grid-template-columns:1fr;min-height:0}.hero-pulse{transform:none}.emotion-map{grid-template-columns:repeat(2,minmax(0,1fr))}.emotion-map__event{grid-column:1/-1}.scene-grid{grid-template-columns:1fr}.scene-grid article{min-height:0}.test-board{grid-template-columns:1fr}.test-board p+p{border-inline-start:0;border-block-start:var(--thin-line)}}
@media(max-width:680px){.compersion-hero .display-title{font-size:clamp(3.35rem,18vw,5.8rem)}.compersion-jump strong{display:none}.human-moment{margin-inline:-1rem}.human-moment img{min-height:22rem;object-fit:cover;object-position:53% center}.human-moment figcaption{margin-inline:1rem}.emotion-map{grid-template-columns:1fr;box-shadow:6px 6px 0 var(--yellow)}.emotion-map__event{grid-column:auto}.emotion-map>*{min-height:0}.emotion-map article p{margin-block-start:1.5rem}.feeling-table{display:none}.feeling-cards{display:grid;gap:.8rem}.feeling-cards article{padding:1rem;border:var(--line);background:var(--paper);box-shadow:var(--shadow-sm)}.feeling-cards article:nth-child(1){background:var(--soft-mint)}.feeling-cards article:nth-child(2){background:#ffe1df}.feeling-cards article:nth-child(3){background:#eee9ff}.feeling-cards article:nth-child(4){background:#ffe6ee}.feeling-cards h3{margin:0 0 .5rem;font:1000 var(--step-1)/1 var(--display)}.feeling-cards p{margin:0}.why-grid,.next-grid{grid-template-columns:1fr}.why-grid article{min-height:0}.next-grid a{min-height:11rem}}
@media(max-width:360px){.compersion-hero__grid{padding-block:2.5rem}.compersion-hero .display-title{font-size:3.15rem}.hero-pulse{padding:1rem}.hero-pulse strong{font-size:2rem}.section{padding-block:3rem}.emotion-map>*{padding:.9rem}.scene-grid article,.why-grid article{padding:1rem}}
@media(prefers-reduced-motion:reduce){.hero-pulse{transform:none}}
@media(max-width:680px){.human-moment,.human-moment figcaption{margin-inline:0}}