:root{
  --pink:#ff4f68;
  --orange:#ff8b4b;
  --dark:#7c3a12;
  --peach:#ffe0d4;
  --soft:#fff5f1;
  --ink:#412018;
  --muted:#76564d;
  --radius:28px;
  --shadow:0 22px 70px rgba(255,101,91,.13);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif;color:var(--ink);background:#fff;line-height:1.55} a{color:inherit} img{max-width:100%;height:auto;display:block}.container{width:min(980px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(720px,calc(100% - 40px));text-align:center}.section{padding:64px 0}.hero{min-height:330px;background:linear-gradient(135deg,#ff9b61 0%,#ff586d 100%);color:#fff;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-58px;height:118px;background:#fff;border-radius:0 0 50% 50%/0 0 100% 100%;transform:rotate(1.2deg)}.hero__inner{position:relative;z-index:1;width:min(740px,calc(100% - 32px));padding:48px 0 72px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800;opacity:.8}.hero h1,.section h2,.bank-card h2{font-weight:950;letter-spacing:-.06em;line-height:.88;margin:0}.hero h1{font-size:clamp(2.7rem,8vw,5.6rem)}.lead{font-size:clamp(1rem,2.2vw,1.35rem);font-weight:700;max-width:680px;margin:22px auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:0;border-radius:999px;padding:13px 28px;font-weight:950;text-transform:uppercase;text-decoration:none;letter-spacing:.03em;cursor:pointer;transition:.2s ease;box-shadow:0 10px 26px rgba(85,43,15,.14)}.button:hover{transform:translateY(-2px)}.button--dark{background:var(--dark);color:#fff}.button--soft{background:#ffd4c2;color:var(--dark);margin:32px auto 0;display:flex;width:max-content}.button--orange{background:#ff6c2f;color:#fff;margin:16px 0}.intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:36px;align-items:start}.section h2{font-size:clamp(2.1rem,5vw,4rem);color:var(--pink)}.intro-grid p{font-weight:650}.full-story{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:46px;align-items:start}.full-story[hidden]{display:none}.wide{grid-column:1/-1;max-width:900px;margin:0 auto 4px}.story-card img{border-radius:24px;aspect-ratio:1.08/1;object-fit:cover;object-position:center 35%;margin-bottom:20px;box-shadow:var(--shadow)}.story-card h3{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1;color:#f16b3c;margin:0 0 12px;font-weight:950;letter-spacing:-.05em}.story-card p{font-size:.96rem}.summary{padding-top:18px}.summary-box{background:var(--peach);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow);margin-bottom:28px}.summary-box h2{text-align:left;font-size:2rem;margin-bottom:18px}.summary-box ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.summary-box li{background:#fff;border-radius:999px;padding:10px 18px;font-weight:800;color:#e75b53}.wide-image{width:min(740px,100%);margin:0 auto 22px;border-radius:24px;max-height:270px;object-fit:cover;object-position:center 55%;box-shadow:var(--shadow)}.life h2{text-align:center;margin-bottom:26px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;font-weight:650}.donation{background:linear-gradient(135deg,#ffd3dd 0%,#ffe2ca 100%);padding:76px 0}.donation-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:58px;align-items:start}.contact-card{padding-top:8px}.contact-card img{border-radius:28px;max-height:360px;width:100%;object-fit:cover;object-position:center 25%;box-shadow:var(--shadow)}.contact-card p{font-weight:800;margin-top:20px}.bank-card{background:#fff;border-radius:28px;padding:38px;box-shadow:var(--shadow)}.bank-card h2{font-size:clamp(2.4rem,5vw,4.2rem);color:#ff7a34}.qr{width:210px;margin:22px 0 12px}.iban{font-weight:950;letter-spacing:.04em}.bank-card small{display:block;margin-top:14px;color:var(--muted)}
@media (max-width:760px){.container,.narrow{width:min(100% - 48px,560px)}.hero{min-height:390px}.hero:after{height:70px;bottom:-38px}.section{padding:48px 0}.intro-grid,.full-story,.two-col,.donation-grid{grid-template-columns:1fr;gap:24px}.intro-grid h2,.summary-box h2{text-align:center}.full-story{margin-top:28px}.story-card{background:#fff;padding:0 2px}.story-card img,.contact-card img{aspect-ratio:auto;max-height:420px;object-fit:contain;background:#fff1eb;border-radius:22px}.story-card--middle{display:flex;flex-direction:column}.story-card--middle img{order:-1}.summary-box{padding:22px 14px}.summary-box li{border-radius:18px;font-size:.92rem}.wide-image{max-height:none;aspect-ratio:auto;object-fit:contain;background:#fff4ee}.bank-card{padding:28px 22px}.qr{width:min(220px,80%);margin-inline:auto}.button{width:100%;max-width:300px}.button--soft{width:100%;max-width:280px}.contact-card{padding-top:0}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}

@media (max-width:760px){
  .story-card img,
  .contact-card img,
  .wide-image{
    width:100%;
    aspect-ratio:1/1;
    object-fit:contain;
    max-height:none;
    padding:12px;
  }

  .story-card,
  .contact-card,
  .bank-card,
  .summary-box{
    margin-left:8px;
    margin-right:8px;
  }
}

.hero h1{
  font-weight: 800 !important;
  letter-spacing: -0.02em;
}

.full-story.is-visible{
  display:grid !important;
}
@media (max-width:760px){
  .full-story.is-visible{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
}