:root{--navy:#071e33;--blue:#0876aa;--aqua:#13a5d4;--cream:#fffdf8;--gold:#dfa51c;--green:#25873c;--ink:#0d2639;--white:#fff;--line:rgba(7,30,51,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.nav-wrap{position:absolute;z-index:10;top:0;left:0;width:100%;color:white}.nav{width:min(1180px,calc(100% - 40px));margin:auto;padding:24px 0;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;font-weight:700;line-height:1.05;letter-spacing:.01em}.brand small{font-size:.59rem;letter-spacing:.23em;font-weight:600}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:var(--gold);font-size:1.4rem}.nav-links{display:flex;gap:32px;align-items:center;font-size:.92rem}.nav-links>a:not(.nav-cta){border-bottom:1px solid transparent}.nav-links>a:hover{border-color:currentColor}.nav-cta{padding:10px 18px;border:1px solid rgba(255,255,255,.65);border-radius:999px}.menu-button{display:none}.hero{min-height:760px;position:relative;overflow:hidden;color:white;background:radial-gradient(circle at 78% 44%,rgba(8,118,170,.55) 0,transparent 31%),linear-gradient(118deg,#03080d 0%,#071e33 51%,#073f61 100%);padding:175px max(24px,calc((100vw - 1180px)/2)) 75px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;border-bottom:5px solid var(--gold)}.hero-glow{position:absolute;inset:-20%;background:radial-gradient(circle at 54% 80%,rgba(19,165,212,.14),transparent 24%)}.hero-copy{position:relative;z-index:2;max-width:670px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.74rem;font-weight:700;color:var(--blue);margin:0 0 22px}.eyebrow.light{color:#6ed5f0}.hero h1,.section h2,.connect h2{font-family:"DM Sans",sans-serif;font-size:clamp(3.6rem,7vw,6.8rem);line-height:.88;letter-spacing:-.055em;margin:0;text-transform:uppercase;font-weight:700}.hero h1 em{font-style:normal;color:var(--gold)}.script-line{font-family:"Playfair Display",serif;font-style:italic;color:white;font-size:clamp(1.8rem,3vw,3rem);margin:20px 0 0}.hero-text{max-width:580px;font-size:1.18rem;color:#d5e7ee;margin:26px 0 32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:0 24px;border-radius:3px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}.primary,.gold{background:var(--gold);color:#161006}.secondary{border:1px solid rgba(255,255,255,.45);color:white}.hero-art{position:relative;height:500px;display:grid;place-items:center}.brand-emblem{width:min(390px,90%);text-align:center;padding:46px 35px 38px;border:1px solid rgba(223,165,28,.5);background:rgba(2,9,15,.52);box-shadow:0 28px 80px rgba(0,0,0,.38)}.emblem-top{display:flex;justify-content:center;align-items:center;gap:2px;height:112px}.wave-icon,.bulb-icon{font-size:5.7rem;line-height:1;filter:saturate(1.1)}.wave-icon{margin-right:-18px}.flower-icon{font-size:3.3rem;display:block;margin:-4px auto 16px}.brand-emblem strong{display:block;color:var(--gold);font-size:1.45rem;letter-spacing:.3em;padding-left:.3em}.brand-emblem small{display:block;color:white;font-size:.62rem;letter-spacing:.26em;margin-top:8px}.motto{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-size:.74rem;letter-spacing:.34em;white-space:nowrap;color:#8ecbe0}.motto span{color:var(--gold)}.section{width:min(1180px,calc(100% - 40px));margin:auto}.mission{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:130px}.mission h2,.values h2,.connect h2{font-family:"Playfair Display",serif;text-transform:none;font-size:clamp(2.7rem,5vw,4.7rem);line-height:1.02}.mission-copy{max-width:560px}.mission-copy .lead{font-size:1.35rem;line-height:1.5;margin-top:0}.mission-copy blockquote{margin:34px 0 0;padding:22px 0 0;border-top:1px solid var(--line);font-family:"Playfair Display";font-size:1.35rem;color:var(--blue)}.countries{background:var(--navy);color:white;padding:115px 0;border-top:4px solid var(--blue)}.countries-head{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end}.countries-head h2{font-size:clamp(2.8rem,5vw,4.8rem)}.countries-head>p{color:#b7d2df;font-size:1.05rem;max-width:470px}.country-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid rgba(255,255,255,.17)}.country-grid article{padding:30px 28px 10px 0;border-right:1px solid rgba(255,255,255,.13)}.country-grid article+article{padding-left:28px}.country-grid span{color:var(--gold);font-size:.76rem}.country-grid h3{font-family:"Playfair Display";font-size:1.65rem;margin:40px 0 12px}.country-grid p{color:#abc8d4;font-size:.94rem}.values{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;padding-block:130px}.values-intro>p:last-child{max-width:420px;margin-top:30px}.value-list article{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--line)}.value-list article:last-child{border-bottom:1px solid var(--line)}.value-list article>span{font-size:2rem}.value-list article:nth-child(1) h3{color:var(--gold)}.value-list article:nth-child(2) h3{color:var(--blue)}.value-list article:nth-child(3) h3{color:var(--green)}.value-list h3{margin:0;font-family:"DM Sans";text-transform:uppercase;letter-spacing:.06em;font-size:1.38rem}.value-list p{margin:5px 0 0}.connect{margin:0 24px 24px;background:linear-gradient(135deg,#05131f,#082d48 62%,#08628c);color:white;border-radius:0;text-align:center;padding:105px 24px;position:relative;overflow:hidden;border-top:5px solid var(--gold)}.connect:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.13);border-radius:50%;left:-160px;top:-140px;box-shadow:0 0 0 60px rgba(255,255,255,.03)}.connect-inner{position:relative;max-width:760px;margin:auto}.connect p:not(.eyebrow):not(.email-note){max-width:600px;margin:26px auto;color:#d0e5eb;font-size:1.1rem}.connect .button{margin-top:10px}.email-note{font-size:.82rem;color:#9ec7d2;margin-top:18px}footer{background:#03080d;color:#9ebdca;padding:50px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.footer-brand{color:white}.footer-brand .brand-mark{color:var(--gold)}
@media(max-width:800px){.nav{padding-top:18px}.menu-button{display:block;border:1px solid rgba(255,255,255,.5);background:transparent;color:white;border-radius:999px;padding:8px 14px}.nav-links{display:none;position:absolute;top:76px;left:20px;right:20px;padding:22px;background:#06334f;border-radius:16px;flex-direction:column;align-items:stretch;gap:14px}.nav-links.open{display:flex}.nav-cta{text-align:center}.hero{grid-template-columns:1fr;padding-top:145px;padding-bottom:90px;min-height:760px}.hero h1{font-size:clamp(3.3rem,16vw,5rem)}.hero-art{position:absolute;opacity:.34;right:-125px;bottom:40px;width:420px}.hero-text{font-size:1.05rem}.motto{font-size:.58rem;letter-spacing:.19em}.mission,.countries-head,.values{grid-template-columns:1fr;gap:45px}.mission,.values{padding-block:85px}.countries{padding-block:85px}.country-grid{grid-template-columns:1fr 1fr}.country-grid article:nth-child(2){border-right:0}.country-grid article:nth-child(3),.country-grid article:nth-child(4){border-top:1px solid rgba(255,255,255,.13)}.connect{margin:0 12px 12px;padding-block:80px}footer{flex-direction:column;text-align:center;gap:22px}.footer-brand{text-align:left}}
@media(max-width:480px){.country-grid{grid-template-columns:1fr}.country-grid article,.country-grid article+article{padding:25px 0;border-right:0;border-top:1px solid rgba(255,255,255,.13)}.country-grid h3{margin-top:18px}.hero-actions .button{width:100%}.connect{border-radius:20px}.brand small{letter-spacing:.17em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.story-grid{grid-template-columns:1fr 1fr}.video-story{margin:0;background:#071b29;border:1px solid rgba(255,255,255,.15)}.video-story video{display:block;width:100%;aspect-ratio:9/16;background:#02070b;object-fit:cover}.video-story figcaption{display:flex;flex-direction:column;gap:5px;padding:18px 19px 21px}.video-story strong{font-family:"Playfair Display",serif;font-size:1.18rem;line-height:1.25}.video-story figcaption span{color:#a9c4cf;font-size:.86rem;line-height:1.45}

.stories{padding-block:125px}.stories-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:end}.stories-heading h2,.videos h2{font-family:"Playfair Display",serif;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.02;margin:0}.stories-heading>p{max-width:570px;font-size:1.08rem}.story-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:65px}.story-card{background:white;border:1px solid var(--line);min-height:305px;display:flex;flex-direction:column;justify-content:flex-end}.story-card.featured{display:grid;grid-template-columns:.8fr 1.2fr}.story-visual{min-height:305px;background:linear-gradient(145deg,#061828,#084d72);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.story-visual>span{font-size:5rem}.story-visual small{letter-spacing:.18em;margin-top:15px;color:#b7dbe7}.story-copy{padding:34px}.story-label{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-size:.72rem;font-weight:700}.story-label.blue{color:var(--blue)}.story-copy h3{font-family:"Playfair Display",serif;font-size:1.75rem;line-height:1.18;margin:14px 0 12px}.story-copy p{margin:0;color:#49616e}.videos{background:#03080d;color:white;padding:110px 0;border-block:5px solid var(--gold)}.video-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:85px;align-items:center}.video-layout>div:first-child>p:last-child{color:#a9c4cf;max-width:430px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.video-placeholder{aspect-ratio:16/10;background:linear-gradient(145deg,#092941,#075c86);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.15);padding:20px}.video-placeholder:nth-child(2){background:linear-gradient(145deg,#112116,#17652a)}.play{display:grid;place-items:center;width:55px;height:55px;border:1px solid rgba(255,255,255,.7);border-radius:50%;padding-left:4px;color:var(--gold);margin-bottom:17px}.video-placeholder p{font-family:"Playfair Display",serif;font-size:1.25rem;margin:0}.video-placeholder small{margin-top:5px;color:#a9c4cf;letter-spacing:.08em}
@media(max-width:800px){.stories{padding-block:85px}.stories-heading,.video-layout{grid-template-columns:1fr;gap:40px}.story-grid{grid-template-columns:1fr;margin-top:40px}.video-grid{grid-template-columns:1fr 1fr}.nav-links{max-height:calc(100vh - 95px);overflow:auto}}
@media(max-width:560px){.story-card.featured{grid-template-columns:1fr}.story-visual{min-height:230px}.video-grid{grid-template-columns:1fr}}

.involved{background:linear-gradient(145deg,#061827 0%,#073a56 58%,#075d80 100%);color:white;padding:120px 0 130px;border-top:5px solid var(--gold)}
.involved-heading{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:end}
.involved-heading h2{font-family:"Playfair Display",serif;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.02;margin:0}
.involved-heading>p{color:#c1dbe4;font-size:1.06rem;max-width:500px}
.pathway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:62px}
.pathway-card{position:relative;display:flex;flex-direction:column;min-height:410px;padding:32px;background:rgba(255,255,255,.97);color:var(--ink);border-top:4px solid var(--gold);box-shadow:0 22px 48px rgba(0,0,0,.17)}
.partner-card{border-top-color:var(--aqua)}.donate-card{border-top-color:#f5d15b}
.pathway-number{position:absolute;right:25px;top:23px;color:#78909c;font-size:.72rem;letter-spacing:.18em}
.pathway-icon{font-size:2.5rem;margin:30px 0 22px}
.pathway-card h3{font-family:"Playfair Display",serif;font-size:2.25rem;margin:0 0 15px}
.pathway-card p{color:#48616f;margin:0}.pathway-card small{display:block;color:#718590;margin-top:13px}
.pathway-action{display:block;width:100%;margin-top:auto;padding:23px 0 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--blue);font:700 .78rem/1.3 "DM Sans",sans-serif;letter-spacing:.07em;text-transform:uppercase;text-align:left;cursor:pointer}
.pathway-action span{float:right}.pathway-action:hover,.pathway-action:focus-visible{color:var(--gold)}
.form-panels{margin-top:24px}.interest-panel{scroll-margin-top:24px;background:var(--cream);color:var(--ink);padding:48px;box-shadow:0 22px 48px rgba(0,0,0,.15)}
.interest-panel[hidden]{display:none}.form-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px 60px;margin-bottom:34px}
.form-intro .eyebrow{grid-column:1/-1;margin-bottom:5px}.form-intro h3{font-family:"Playfair Display",serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:0}
.form-intro>p:last-child{margin:0;color:#536a76;max-width:520px}.interest-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.interest-form label{display:flex;flex-direction:column;gap:7px;font-size:.82rem;font-weight:700;letter-spacing:.03em}.interest-form input,.interest-form select,.interest-form textarea{width:100%;border:1px solid #b9c7cd;border-radius:2px;background:white;color:var(--ink);font:400 1rem/1.4 "DM Sans",sans-serif;padding:13px 14px}
.interest-form textarea{resize:vertical}.interest-form input:focus,.interest-form select:focus,.interest-form textarea:focus{outline:3px solid rgba(19,165,212,.2);border-color:var(--blue)}
.full-field{grid-column:1/-1}.form-submit{border:0;cursor:pointer;width:max-content}.form-note{font-size:.78rem;color:#607985;margin:0;align-self:center}
@media(max-width:800px){.involved-heading,.form-intro{grid-template-columns:1fr;gap:35px}.involved{padding:85px 0 95px}.pathway-grid{grid-template-columns:1fr;margin-top:42px}.pathway-card{min-height:320px}.interest-panel{padding:34px 25px}.interest-form{grid-template-columns:1fr}.interest-form .full-field{grid-column:auto}.form-submit{width:100%}}

/* Pilot stories and supplied brand artwork */
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03080d 0%,rgba(3,8,13,.98) 38%,rgba(3,8,13,.52) 100%),url("assets/ethiopia-mola-poster.jpg") 86% 43%/auto 125% no-repeat;opacity:.55;pointer-events:none}
.hero-art{z-index:1;align-self:start;align-items:start;justify-items:end;height:auto;margin-top:-35px}
.hero-logo{display:block;width:min(440px,100%);height:auto;mix-blend-mode:screen;filter:drop-shadow(0 12px 34px rgba(0,0,0,.38))}
.case-stories{position:relative;isolation:isolate;background:#061825;color:white;padding:112px 0 125px;overflow:hidden}
.case-stories:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,24,37,.96),rgba(6,24,37,.83)),url("assets/ethiopia-inanu-poster.jpg") center 35%/cover no-repeat;opacity:.8;pointer-events:none}
.case-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:65px}
.case-intro h2{font-family:"Playfair Display",serif;font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.02;margin:0}
.case-intro>p{max-width:440px;color:#c5dce5;font-size:1.06rem}
.case-record{padding:30px;background:rgba(4,17,27,.84);border:1px solid rgba(255,255,255,.19);margin-top:28px;box-shadow:0 22px 70px rgba(0,0,0,.16)}
.case-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;margin:0 0 28px}
.case-heading>div{max-width:710px}.case-location{color:#8dd5ec;font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700}
.case-heading h3{font-family:"Playfair Display",serif;font-size:clamp(2rem,3vw,2.9rem);line-height:1.1;margin:8px 0 10px}
.case-heading p{margin:0;color:#c4d9e1}
.case-status{flex:none;display:inline-block;border:1px solid rgba(223,165,28,.65);border-radius:99px;padding:7px 15px;color:#f4d37c;font-size:.85rem;font-weight:700}
.case-status.pending{border-color:rgba(173,207,219,.5);color:#c2dce4}
.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.case-video{margin:0;min-width:0;background:#0a283a;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column}
.case-video-head{font-size:.92rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;padding:12px 17px;color:#e4eff2;background:rgba(255,255,255,.06)}
.case-video-head span{color:var(--gold);margin-right:13px}
.case-video video{display:block;width:100%;height:min(35vw,390px);min-height:250px;object-fit:contain;background:#02080d}
.case-video figcaption{padding:16px 18px 20px;color:#c5dce5;line-height:1.45}
.case-pending{min-height:365px}.pending-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:8px;background:linear-gradient(145deg,rgba(4,35,55,.8),rgba(3,13,23,.94))}
.pending-symbol{font-size:2.7rem;color:var(--gold);line-height:1}.pending-content strong{font-family:"Playfair Display",serif;font-size:1.4rem}.pending-content p{color:#bed5df;max-width:240px;margin:0}
@media(max-width:800px){.hero-art{right:-45px;bottom:auto;top:150px;margin:0;width:300px;opacity:.35}.case-stories{padding:85px 0}.case-intro{grid-template-columns:1fr;gap:20px}.case-record{padding:22px}.case-heading{flex-direction:column;gap:18px}.case-video video{height:42vw;min-height:250px}}
@media(max-width:560px){.hero-art{right:-65px;top:170px;width:250px;opacity:.25}.case-pair{grid-template-columns:1fr;gap:16px}.case-video video{height:430px}.case-pending{min-height:320px}.case-record{padding:16px}.case-stories:before{background-position:60% center}}

/* Keep the photo's baked-in lower caption outside the hero crop. */
.hero:before{background:linear-gradient(90deg,#03080d 0%,rgba(3,8,13,.98) 38%,rgba(3,8,13,.56) 100%),url("assets/ethiopia-mola-poster.jpg") right top/auto 175% no-repeat}
.hero-logo{-webkit-mask-image:radial-gradient(ellipse 90% 90% at center,#000 48%,transparent 62%);mask-image:radial-gradient(ellipse 90% 90% at center,#000 48%,transparent 62%)}
.country-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.country-grid article{padding-right:18px}.country-grid article+article{padding-left:18px}
.country-grid article:last-child{border-right:0}
@media(max-width:1000px){.country-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.country-grid article:nth-child(3){border-right:0}.country-grid article:nth-child(4),.country-grid article:nth-child(5){border-top:1px solid rgba(255,255,255,.13)}}
@media(max-width:800px){.country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.country-grid article:nth-child(3){border-right:1px solid rgba(255,255,255,.13)}.country-grid article:nth-child(4){border-right:0}}
@media(max-width:480px){.country-grid{grid-template-columns:1fr}.country-grid article,.country-grid article+article{padding:25px 0;border-right:0}.country-grid article:nth-child(3){border-right:0}}

/* The real emblem replaces the separate sun glyph in both brand lockups. */
.brand-logo-mark{flex:none;display:block;width:88px;height:47px;border:0;border-radius:0;background:url("assets/joyful-spirit-logo.jpg") center top/100% auto no-repeat;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%)}
.footer-brand .brand-logo-mark{width:94px;height:50px}
@media(max-width:560px){.brand-logo-mark{width:68px;height:37px}.brand{gap:5px}.brand>span:last-child{font-size:.9rem}.brand small{font-size:.53rem}}

/* Images from the pilot footage sit behind readable copy and cards. */
.mission{position:relative;isolation:isolate}
.mission:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,253,248,.98) 0%,rgba(255,253,248,.96) 44%,rgba(255,253,248,.77) 100%),url("assets/ethiopia-enanu-follow-up-poster.jpg") right top/auto 175% no-repeat;pointer-events:none}
.involved{position:relative;isolation:isolate}
.involved:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,24,39,.96) 0%,rgba(6,24,39,.9) 42%,rgba(6,24,39,.45) 100%),url("assets/ethiopia-mola-kindness.jpg") right top/auto 165% no-repeat;opacity:.75;pointer-events:none}
@media(max-width:800px){.mission:before{background:linear-gradient(90deg,rgba(255,253,248,.97),rgba(255,253,248,.88)),url("assets/ethiopia-enanu-follow-up-poster.jpg") right top/auto 175% no-repeat}.involved:before{background:linear-gradient(90deg,rgba(6,24,39,.94),rgba(6,24,39,.75)),url("assets/ethiopia-mola-kindness.jpg") right top/auto 165% no-repeat}}

.case-written-story{margin-top:28px;max-width:850px;color:#c4d9e1;font-size:1rem;line-height:1.7}.case-written-story h4{font-family:"Playfair Display",serif;font-size:1.5rem;color:white;margin:0 0 14px}.case-written-story p{margin:0 0 16px}

/* Independent editorial collection: no third-party news imagery is reproduced. */
.world-kindness{padding:125px 0;background:linear-gradient(180deg,#fffdf8 0%,#f5fbfd 100%);border-top:5px solid var(--aqua)}
.world-kindness-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:end}
.world-kindness-intro h2{font-family:"Playfair Display",serif;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.02;margin:0}
.world-kindness-lead{max-width:600px;color:#425e6c;font-size:1.05rem}.world-kindness-lead p{margin:0 0 14px}
.kindness-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:62px}
.kindness-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--aqua);box-shadow:0 18px 50px rgba(7,30,51,.07);display:flex;min-width:0}
.kindness-card:nth-child(2){border-top-color:var(--gold)}.kindness-card:nth-child(3){border-top-color:var(--green)}.kindness-card:nth-child(4){border-top-color:#8b69b5}.kindness-card:nth-child(5){border-top-color:#d96b42}
.featured-kindness{grid-column:1/-1;display:grid;grid-template-columns:270px 1fr}
.kindness-symbol{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;color:white;background:radial-gradient(circle at 50% 35%,rgba(19,165,212,.4),transparent 32%),linear-gradient(145deg,var(--navy),#075c86)}
.kindness-symbol span{font-family:"Playfair Display",serif;font-size:5.4rem;line-height:1;color:var(--gold)}.kindness-symbol small{text-transform:uppercase;letter-spacing:.17em;font-weight:700;color:#bfe5ef;margin-top:16px}
.kindness-copy{padding:34px;display:flex;flex-direction:column}
.kindness-meta{margin:0 0 15px;color:#66808d;font-size:.76rem;letter-spacing:.04em}.kindness-meta span{display:block;color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.13em;margin-bottom:4px}
.kindness-copy h3{font-family:"Playfair Display",serif;font-size:clamp(1.65rem,2.3vw,2.25rem);line-height:1.15;margin:0 0 26px;color:var(--navy)}
.kindness-copy h4{margin:14px 0 5px;color:var(--blue);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.kindness-copy p:not(.kindness-meta){margin:0;color:#405966}
.kindness-copy blockquote{margin:24px 0;padding:20px 22px;border-left:3px solid var(--gold);background:#fffaf0;color:#314c5a}.kindness-copy blockquote strong{color:var(--navy)}
.kindness-links{margin-top:auto;padding-top:23px;display:flex;flex-wrap:wrap;gap:10px 22px;border-top:1px solid var(--line)}
.kindness-links a,.kindness-rights a{color:var(--blue);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.kindness-links a{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
.kindness-links a:hover,.kindness-links a:focus-visible,.kindness-rights a:hover,.kindness-rights a:focus-visible{color:#a86f00}
.kindness-rights{margin-top:28px;padding:30px 34px;border:1px solid #bdd7df;background:#edf8fb;color:#405b68}
.kindness-rights h3{font-family:"Playfair Display",serif;font-size:1.45rem;color:var(--navy);margin:0 0 10px}.kindness-rights p{margin:8px 0;font-size:.92rem}
@media(max-width:900px){.world-kindness-intro{grid-template-columns:1fr;gap:35px}.kindness-grid{grid-template-columns:1fr}.featured-kindness{grid-column:auto;grid-template-columns:1fr}.kindness-symbol{min-height:220px}}
@media(max-width:560px){.world-kindness{padding:85px 0}.kindness-grid{margin-top:40px}.kindness-copy{padding:25px 22px}.kindness-rights{padding:25px 22px}}