/*
Theme Name: Kasira Foundation
Description: Editable bilingual theme based on approved Alternative 2.
Version: 0.1.2
Text Domain: kasira
*/
#kasira-alt-four {
      color-scheme: light;
      --a4-page: #fbfaf6;
      --a4-surface: #ffffff;
      --a4-soft: #efeaf7;
      --a4-ink: #3a3f7d;
      --a4-muted: #66677a;
      --a4-line: #ddd6ea;
      --a4-blue: #3a3f7d;
      --a4-blue-dark: #2e3369;
      --a4-blue-soft: #efeaf7;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: var(--a4-page);
      color: var(--a4-ink);
      padding: 22px;
      border-radius: 24px;
    }

    #kasira-alt-four * { box-sizing: border-box; }
    #kasira-alt-four button,
    #kasira-alt-four input,
    #kasira-alt-four textarea { font: inherit; }

    #kasira-alt-four .a4-preview {
      max-width: 1120px;
      margin: 0 auto 18px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
    }
    #kasira-alt-four .a4-preview h2 { margin: 0; font-size: clamp(20px, 3vw, 29px); line-height: 1.1; letter-spacing: -.03em; }
    #kasira-alt-four .a4-preview p { margin: 6px 0 0; color: var(--a4-muted); font-size: 12px; }
    #kasira-alt-four .a4-preview-tabs { display: inline-flex; gap: 4px; padding: 4px; border: 1px solid var(--a4-line); border-radius: 99px; background: var(--a4-surface); }
    #kasira-alt-four .a4-preview-tabs button { border: 0; border-radius: 99px; padding: 8px 14px; background: transparent; color: var(--a4-muted); font-size: 12px; font-weight: 700; cursor: pointer; }
    #kasira-alt-four .a4-preview-tabs button[aria-selected="true"] { background: var(--a4-ink); color: var(--a4-surface); }

    #kasira-alt-four .a4-stage { max-width: 1120px; margin: 0 auto; transition: max-width .2s ease; }
    #kasira-alt-four[data-preview="mobile"] .a4-stage { max-width: 390px; }
    #kasira-alt-four .a4-device { position: relative; overflow: hidden; border: 1px solid var(--a4-line); border-radius: 18px; background: var(--a4-surface); box-shadow: 0 22px 65px rgba(58, 63, 125, .14); }
    #kasira-alt-four[data-preview="mobile"] .a4-device { border-radius: 28px; }
    #kasira-alt-four .a4-browser { height: 32px; display: flex; align-items: center; gap: 6px; padding: 0 13px; border-bottom: 1px solid var(--a4-line); background: var(--a4-soft); }
    #kasira-alt-four .a4-browser i { width: 7px; height: 7px; border: 1px solid var(--a4-muted); border-radius: 50%; }
    #kasira-alt-four .a4-address { width: min(260px, 40%); height: 16px; margin-left: 7px; border: 1px solid var(--a4-line); border-radius: 99px; background: var(--a4-surface); }

    #kasira-alt-four .a4-nav { min-height: 69px; padding: 14px 6%; display: grid; grid-template-columns: 230px 1fr auto; align-items: center; gap: 22px; border-bottom: 1px solid var(--a4-line); }
    #kasira-alt-four .a4-brand { display: flex; align-items: center; gap: 10px; }
    #kasira-alt-four .a4-brand-mark { width: 31px; height: 31px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 8px; background: var(--a4-blue); color: #ffffff; font-size: 10px; font-weight: 800; }
    #kasira-alt-four .a4-brand strong { display: block; font-size: 11px; line-height: 1.18; }
    #kasira-alt-four .a4-brand span span { display: block; margin-top: 2px; color: var(--a4-muted); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
    #kasira-alt-four .a4-links { display: flex; justify-content: center; gap: 26px; }
    #kasira-alt-four .a4-links a { color: var(--a4-muted); text-decoration: none; font-size: 10px; font-weight: 700; }
    #kasira-alt-four .a4-nav-end { display: flex; align-items: center; gap: 12px; }
    #kasira-alt-four .a4-language { color: var(--a4-muted); font-size: 9px; font-weight: 800; white-space: nowrap; }
    #kasira-alt-four .a4-language strong { color: var(--a4-blue-dark); }
    #kasira-alt-four .a4-menu { display: none; border: 0; background: transparent; color: var(--a4-ink); font-size: 18px; }

    #kasira-alt-four .a4-primary,
    #kasira-alt-four .a4-secondary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--a4-blue);
      border-radius: 7px;
      padding: 9px 13px;
      font-size: 9px;
      font-weight: 800;
      letter-spacing: .03em;
      text-decoration: none;
      cursor: pointer;
    }
    #kasira-alt-four .a4-primary { background: var(--a4-blue); color: #ffffff; }
    #kasira-alt-four .a4-secondary { background: transparent; color: var(--a4-blue-dark); }

    #kasira-alt-four .a4-about {
      padding: 60px 6%;
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      align-items: center;
      gap: 6%;
      background: linear-gradient(135deg, var(--a4-blue-soft), var(--a4-surface) 68%);
    }
    #kasira-alt-four .a4-eyebrow { margin: 0 0 12px; color: var(--a4-blue-dark); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
    #kasira-alt-four .a4-about h1 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(34px, 5vw, 54px); line-height: 1; letter-spacing: -.045em; }
    #kasira-alt-four .a4-about-copy > p:not(.a4-eyebrow) { margin: 16px 0 0; color: var(--a4-muted); font-size: 12px; line-height: 1.66; }
    #kasira-alt-four .a4-about-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }

    #kasira-alt-four .a4-photo-grid { display: grid; grid-template-columns: 1.2fr .8fr; grid-template-rows: 135px 135px; gap: 10px; }
    #kasira-alt-four .a4-photo-grid figure { margin: 0; overflow: hidden; border-radius: 12px; background: var(--a4-soft); }
    #kasira-alt-four .a4-photo-grid figure:first-child { grid-row: 1 / 3; }
    #kasira-alt-four .a4-photo-grid figure:last-child { display: none; }
    #kasira-alt-four .a4-photo-grid img { width: 100%; height: 100%; display: block; object-fit: cover; }

    #kasira-alt-four .a4-section { padding: 58px 6%; }
    #kasira-alt-four .a4-section.a4-soft { background: var(--a4-soft); }
    #kasira-alt-four .a4-section-head { display: grid; grid-template-columns: .75fr 1.25fr; gap: 6%; margin-bottom: 25px; align-items: end; }
    #kasira-alt-four .a4-section-head h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(28px, 4vw, 40px); line-height: 1.05; letter-spacing: -.035em; }
    #kasira-alt-four .a4-section-head p { margin: 0; color: var(--a4-muted); font-size: 11px; line-height: 1.6; }

    #kasira-alt-four .a4-partners { display: grid; grid-template-columns: 225px 1fr; gap: 20px; align-items: stretch; }
    #kasira-alt-four .a4-logo-list { display: grid; gap: 9px; }
    #kasira-alt-four .a4-logo-tab { min-height: 82px; display: grid; place-items: center; padding: 10px; overflow: hidden; border: 1px solid var(--a4-line); border-radius: 11px; background: var(--a4-surface); cursor: pointer; }
    #kasira-alt-four .a4-logo-tab[aria-selected="true"] { border-color: var(--a4-blue); box-shadow: inset 4px 0 0 var(--a4-blue); }
    #kasira-alt-four .a4-logo-tab img { max-width: 90%; max-height: 84px; object-fit: contain; }
    #kasira-alt-four .a4-logo-tab img[alt^="Yayasan Lentera"] { transform: scale(1.04); }
    #kasira-alt-four .a4-logo-tab img[alt^="KUN"] { transform: scale(1.65); }

    #kasira-alt-four .a4-program { min-height: 255px; display: grid; grid-template-columns: .8fr 1.2fr; overflow: hidden; border: 1px solid var(--a4-line); border-radius: 13px; background: var(--a4-surface); }
    #kasira-alt-four .a4-program-media { min-height: 255px; background: var(--a4-blue-soft); }
    #kasira-alt-four .a4-program-media img { width: 100%; height: 100%; display: block; object-fit: contain; }
    #kasira-alt-four .a4-photo-placeholder { height: 100%; min-height: 255px; display: grid; place-items: center; color: var(--a4-muted); font-size: 10px; }
    #kasira-alt-four .a4-photo-placeholder::before { content: "Program photo pending"; padding: 8px 11px; border: 1px dashed var(--a4-muted); border-radius: 6px; }
    #kasira-alt-four .a4-program-copy { padding: 28px; display: flex; flex-direction: column; justify-content: center; }
    #kasira-alt-four .a4-partner-name { color: var(--a4-blue-dark); font-size: 8px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
    #kasira-alt-four .a4-program-copy h3 { margin: 8px 0 0; font-family: Georgia, "Times New Roman", serif; font-size: 25px; line-height: 1.08; }
    #kasira-alt-four .a4-program-copy p { margin: 11px 0 0; color: var(--a4-muted); font-size: 11px; line-height: 1.56; }
    #kasira-alt-four .a4-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px; }
    #kasira-alt-four .a4-meta span { padding: 5px 7px; border-radius: 99px; background: var(--a4-blue-soft); color: var(--a4-blue-dark); font-size: 8px; font-weight: 700; }
    #kasira-alt-four .a4-program-actions { display: flex; align-items: center; gap: 8px; margin-top: 16px; }
    #kasira-alt-four .a4-slide { width: 30px; height: 30px; border: 1px solid var(--a4-line); border-radius: 50%; background: var(--a4-surface); color: var(--a4-blue-dark); cursor: pointer; }
    #kasira-alt-four .a4-slide:disabled { opacity: .35; cursor: default; }
    #kasira-alt-four .a4-slide-status { margin-left: auto; color: var(--a4-muted); font-size: 8px; }

    #kasira-alt-four .a4-impact {
      padding: 48px 6%;
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: 6%;
      align-items: center;
      background: var(--a4-blue-soft);
    }
    #kasira-alt-four .a4-impact h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 35px; line-height: 1.04; }
    #kasira-alt-four .a4-impact-copy > p:not(.a4-eyebrow) { margin: 12px 0 0; color: var(--a4-muted); font-size: 11px; line-height: 1.6; }
    #kasira-alt-four .a4-impact-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--a4-line); border-left: 1px solid var(--a4-line); }
    #kasira-alt-four .a4-impact-stat { min-height: 100px; padding: 18px; border-right: 1px solid var(--a4-line); border-bottom: 1px solid var(--a4-line); background: color-mix(in srgb, var(--a4-surface) 68%, transparent); }
    #kasira-alt-four .a4-impact-stat strong { display: block; color: var(--a4-blue-dark); font-family: Georgia, "Times New Roman", serif; font-size: 28px; line-height: 1; }
    #kasira-alt-four .a4-impact-stat span { display: block; margin-top: 8px; color: var(--a4-muted); font-size: 9px; line-height: 1.35; }

    #kasira-alt-four .a4-mosaic { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: 150px 150px; gap: 10px; }
    #kasira-alt-four .a4-mosaic figure { position: relative; margin: 0; overflow: hidden; border-radius: 13px; background: var(--a4-soft); }
    #kasira-alt-four .a4-mosaic figure:nth-child(1) { grid-column: span 7; grid-row: span 2; }
    #kasira-alt-four .a4-mosaic figure:nth-child(2) { grid-column: span 5; }
    #kasira-alt-four .a4-mosaic figure:nth-child(3) { grid-column: span 3; }
    #kasira-alt-four .a4-mosaic figure:nth-child(4) { grid-column: span 2; }
    #kasira-alt-four .a4-mosaic img { width: 100%; height: 100%; display: block; object-fit: cover; }
    #kasira-alt-four .a4-mosaic figcaption { position: absolute; left: 10px; bottom: 10px; padding: 6px 8px; border-radius: 5px; background: rgba(58, 63, 125, .84); color: #fff; font-size: 8px; font-weight: 700; }

    #kasira-alt-four .a4-journal { display: grid; grid-template-columns: 1.15fr .85fr; gap: 24px; }
    #kasira-alt-four .a4-featured-article { display: grid; grid-template-columns: .9fr 1.1fr; overflow: hidden; border: 1px solid var(--a4-line); border-radius: 13px; background: var(--a4-surface); }
    #kasira-alt-four .a4-featured-article img { width: 100%; height: 100%; min-height: 245px; display: block; object-fit: cover; }
    #kasira-alt-four .a4-article-copy { padding: 25px; display: flex; flex-direction: column; justify-content: center; }
    #kasira-alt-four .a4-article-type { color: var(--a4-blue-dark); font-size: 8px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
    #kasira-alt-four .a4-article-copy h3 { margin: 9px 0 0; font-family: Georgia, "Times New Roman", serif; font-size: 24px; line-height: 1.12; }
    #kasira-alt-four .a4-article-copy p { margin: 11px 0 0; color: var(--a4-muted); font-size: 10px; line-height: 1.55; }
    #kasira-alt-four .a4-read-link { align-self: flex-start; margin-top: 15px; color: var(--a4-blue-dark); font-size: 9px; font-weight: 800; text-decoration: none; }
    #kasira-alt-four .a4-article-list { border-top: 1px solid var(--a4-line); }
    #kasira-alt-four .a4-article-row { padding: 18px 0; border-bottom: 1px solid var(--a4-line); }
    #kasira-alt-four .a4-article-row h3 { margin: 7px 0 0; font-family: Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.2; }
    #kasira-alt-four .a4-article-row a { display: inline-flex; margin-top: 10px; color: var(--a4-blue-dark); font-size: 9px; font-weight: 800; text-decoration: none; }


    #kasira-alt-four .a4-updates {
      padding: 58px 6%;
      background: var(--a4-soft);
    }
    #kasira-alt-four .a4-updates-head {
      display: grid;
      grid-template-columns: .78fr 1.22fr;
      gap: 6%;
      align-items: end;
      margin-bottom: 26px;
    }
    #kasira-alt-four .a4-updates-head h2,
    #kasira-alt-four .a4-approach-head h2 {
      margin: 0;
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(28px, 4vw, 40px);
      line-height: 1.05;
      letter-spacing: -.035em;
    }
    #kasira-alt-four .a4-updates-intro p,
    #kasira-alt-four .a4-approach-head > p {
      margin: 0;
      color: var(--a4-muted);
      font-size: 11px;
      line-height: 1.65;
    }
    #kasira-alt-four .a4-updates-intro .a4-secondary { margin-top: 15px; }
    #kasira-alt-four .a4-update-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    #kasira-alt-four .a4-update-card {
      overflow: hidden;
      border: 1px solid var(--a4-line);
      border-radius: 13px;
      background: var(--a4-surface);
    }
    #kasira-alt-four .a4-update-card img {
      width: 100%;
      height: 155px;
      display: block;
      object-fit: cover;
    }
    #kasira-alt-four .a4-update-copy { padding: 20px; }
    #kasira-alt-four .a4-update-type {
      color: var(--a4-blue-dark);
      font-size: 8px;
      font-weight: 800;
      letter-spacing: .09em;
      text-transform: uppercase;
    }
    #kasira-alt-four .a4-update-copy h3 {
      margin: 9px 0 0;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 19px;
      line-height: 1.18;
    }
    #kasira-alt-four .a4-update-copy p {
      margin: 10px 0 0;
      color: var(--a4-muted);
      font-size: 10px;
      line-height: 1.55;
    }
    #kasira-alt-four .a4-update-link {
      display: inline-flex;
      margin-top: 14px;
      color: var(--a4-blue-dark);
      font-size: 9px;
      font-weight: 800;
      text-decoration: none;
    }

    #kasira-alt-four .a4-approach {
      padding: 58px 6%;
      background: linear-gradient(135deg, var(--a4-surface), var(--a4-blue-soft));
    }
    #kasira-alt-four .a4-approach-head {
      display: grid;
      grid-template-columns: .78fr 1.22fr;
      gap: 6%;
      align-items: end;
      margin-bottom: 30px;
    }
    #kasira-alt-four .a4-approach-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    #kasira-alt-four .a4-approach-step {
      min-height: 170px;
      padding: 23px;
      border: 1px solid var(--a4-line);
      border-radius: 13px;
      background: color-mix(in srgb, var(--a4-surface) 88%, var(--a4-blue-soft));
    }
    #kasira-alt-four .a4-step-number {
      width: 30px;
      height: 30px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: var(--a4-blue);
      color: #fff;
      font-size: 10px;
      font-weight: 800;
    }
    #kasira-alt-four .a4-approach-step h3 {
      margin: 17px 0 0;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 21px;
      line-height: 1.1;
    }
    #kasira-alt-four .a4-approach-step p {
      margin: 10px 0 0;
      color: var(--a4-muted);
      font-size: 10px;
      line-height: 1.6;
    }

    #kasira-alt-four .a4-collaborate { padding: 58px 6%; display: grid; grid-template-columns: .76fr 1.24fr; gap: 6%; align-items: start; background: var(--a4-ink); color: var(--a4-surface); }
    #kasira-alt-four .a4-collaborate h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 38px; line-height: 1.04; }
    #kasira-alt-four .a4-collaborate .a4-eyebrow { color: var(--a4-surface); }
    #kasira-alt-four .a4-collaborate-copy p { margin: 14px 0 0; font-size: 11px; line-height: 1.65; opacity: .86; }
    #kasira-alt-four .a4-form { display: grid; gap: 10px; padding: 22px; border-radius: 14px; background: var(--a4-surface); color: var(--a4-ink); }
    #kasira-alt-four .a4-form h3 { margin: 0; font-size: 15px; }
    #kasira-alt-four .a4-form > p { margin: 0 0 5px; color: var(--a4-muted); font-size: 9px; line-height: 1.5; }
    #kasira-alt-four .a4-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
    #kasira-alt-four .a4-field { display: grid; gap: 4px; }
    #kasira-alt-four .a4-field label { color: var(--a4-muted); font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
    #kasira-alt-four .a4-field input,
    #kasira-alt-four .a4-field textarea { width: 100%; padding: 8px 9px; border: 1px solid var(--a4-line); border-radius: 6px; background: var(--a4-soft); color: var(--a4-ink); font-size: 10px; }
    #kasira-alt-four .a4-field textarea { min-height: 68px; resize: vertical; }
    #kasira-alt-four .a4-form-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
    #kasira-alt-four .a4-form-note { color: var(--a4-muted); font-size: 8px; line-height: 1.35; }
    #kasira-alt-four .a4-form-message { min-height: 12px; margin: 0; color: var(--a4-blue-dark); font-size: 9px; font-weight: 700; }

    #kasira-alt-four .a4-footer { padding: 30px 6%; display: flex; align-items: center; justify-content: space-between; gap: 22px; background: var(--a4-soft); }
    #kasira-alt-four .a4-footer p { margin: 0; color: var(--a4-muted); font-size: 9px; }
    #kasira-alt-four .a4-footer-links { display: flex; gap: 18px; }
    #kasira-alt-four .a4-footer-links a { color: var(--a4-muted); text-decoration: none; font-size: 9px; }

    #kasira-alt-four .a4-modal { box-sizing: border-box; width: min(840px, calc(100vw - 32px)); max-height: 90vh; max-height: 90dvh; margin: auto; padding: 0; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--a4-line); border-radius: 18px; background: var(--a4-surface); color: var(--a4-ink); box-shadow: 0 25px 90px rgba(30,33,69,.2); }
    #kasira-alt-four .a4-modal::backdrop { background: rgba(24,27,56,.62); }
    #kasira-alt-four .a4-modal * { box-sizing: border-box; }
    #kasira-alt-four .a4-modal-inner { display: block; }
    #kasira-alt-four .a4-modal-toolbar { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--a4-line); background: var(--a4-surface); }
    #kasira-alt-four .a4-modal-label { margin: 0; color: var(--a4-muted); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
    #kasira-alt-four .a4-modal-close { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border: 1px solid var(--a4-line); border-radius: 50%; background: var(--a4-surface); color: var(--a4-ink); font: 24px/1 system-ui; cursor: pointer; }
    #kasira-alt-four .a4-modal-media { background: var(--a4-blue-soft); }
    #kasira-alt-four .a4-modal-media img { display: block; width: 100%; height: 280px; object-fit: contain; }
    #kasira-alt-four .a4-modal-copy { padding: 28px 32px 32px; }
    #kasira-alt-four .a4-modal-copy .a4-partner-name { display: block; margin-bottom: 14px; font-size: 12px; line-height: 1.6; }
    #kasira-alt-four .a4-modal-copy h2 { margin: 0 0 20px; font-family: Georgia, "Times New Roman", serif; font-size: 32px; font-weight: 500; line-height: 1.15; letter-spacing: -.025em; }
    #kasira-alt-four .a4-modal-copy p { margin: 0 0 16px; color: var(--a4-muted); font-size: 14px; line-height: 1.8; }
    #kasira-alt-four .a4-modal-copy p.a4-modal-lead { color: var(--a4-ink); font-size: 15px; font-weight: 600; }
    #kasira-alt-four .a4-modal-copy h3 { margin: 26px 0 12px; color: var(--a4-ink); font: 700 13px/1.5 system-ui; }
    #kasira-alt-four .a4-modal :focus-visible { outline: 3px solid #8c77b3; outline-offset: 3px; }


    #kasira-alt-four[data-preview="mobile"] .a4-updates,
    #kasira-alt-four[data-preview="mobile"] .a4-approach { padding: 47px 19px; }
    #kasira-alt-four[data-preview="mobile"] .a4-updates-head,
    #kasira-alt-four[data-preview="mobile"] .a4-approach-head { grid-template-columns: 1fr; gap: 12px; }
    #kasira-alt-four[data-preview="mobile"] .a4-updates-head h2,
    #kasira-alt-four[data-preview="mobile"] .a4-approach-head h2 { font-size: 31px; }
    #kasira-alt-four[data-preview="mobile"] .a4-update-grid,
    #kasira-alt-four[data-preview="mobile"] .a4-approach-grid { grid-template-columns: 1fr; }
    #kasira-alt-four[data-preview="mobile"] .a4-update-card img { height: 180px; }
    #kasira-alt-four[data-preview="mobile"] .a4-approach-step { min-height: 0; }

    #kasira-alt-four[data-preview="mobile"] .a4-browser { height: 24px; justify-content: center; }
    #kasira-alt-four[data-preview="mobile"] .a4-browser i { display: none; }
    #kasira-alt-four[data-preview="mobile"] .a4-address { width: 86px; height: 7px; margin: 0; background: var(--a4-ink); }
    #kasira-alt-four[data-preview="mobile"] .a4-nav { min-height: 61px; padding: 13px 17px; grid-template-columns: 1fr auto auto; gap: 9px; }
    #kasira-alt-four[data-preview="mobile"] .a4-links { display: none; }
    #kasira-alt-four[data-preview="mobile"] .a4-menu { display: block; }
    #kasira-alt-four[data-preview="mobile"] .a4-brand span span { display: none; }
    #kasira-alt-four[data-preview="mobile"] .a4-brand strong { font-size: 9px; }
    #kasira-alt-four[data-preview="mobile"] .a4-brand-mark { width: 27px; height: 27px; }

    #kasira-alt-four[data-preview="mobile"] .a4-about { padding: 48px 19px 30px; grid-template-columns: 1fr; gap: 24px; }
    #kasira-alt-four[data-preview="mobile"] .a4-about h1 { font-size: 40px; }
    #kasira-alt-four[data-preview="mobile"] .a4-about-copy > p:not(.a4-eyebrow) { font-size: 10px; }
    #kasira-alt-four[data-preview="mobile"] .a4-photo-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 160px 95px; }
    #kasira-alt-four[data-preview="mobile"] .a4-photo-grid figure:first-child { grid-column: 1 / -1; grid-row: auto; }
    #kasira-alt-four[data-preview="mobile"] .a4-photo-grid figure:last-child { display: block; }

    #kasira-alt-four[data-preview="mobile"] .a4-section { padding: 47px 19px; }
    #kasira-alt-four[data-preview="mobile"] .a4-section-head { grid-template-columns: 1fr; gap: 11px; }
    #kasira-alt-four[data-preview="mobile"] .a4-section-head h2 { font-size: 31px; }
    #kasira-alt-four[data-preview="mobile"] .a4-partners { grid-template-columns: 1fr; gap: 14px; }
    #kasira-alt-four[data-preview="mobile"] .a4-logo-list { grid-template-columns: repeat(3, 130px); overflow-x: auto; padding-bottom: 7px; }
    #kasira-alt-four[data-preview="mobile"] .a4-logo-tab { min-height: 84px; }
    #kasira-alt-four[data-preview="mobile"] .a4-logo-tab img { max-height: 60px; transform: none; }
    #kasira-alt-four[data-preview="mobile"] .a4-logo-tab[aria-selected="true"] { box-shadow: inset 0 3px 0 var(--a4-blue); }
    #kasira-alt-four[data-preview="mobile"] .a4-program { grid-template-columns: 1fr; }
    #kasira-alt-four[data-preview="mobile"] .a4-program-media,
    #kasira-alt-four[data-preview="mobile"] .a4-photo-placeholder { min-height: 180px; }
    #kasira-alt-four[data-preview="mobile"] .a4-program-copy { padding: 21px; }

    #kasira-alt-four[data-preview="mobile"] .a4-impact { padding: 45px 19px; grid-template-columns: 1fr; gap: 23px; }
    #kasira-alt-four[data-preview="mobile"] .a4-impact h2 { font-size: 31px; }
    #kasira-alt-four[data-preview="mobile"] .a4-impact-stat { min-height: 88px; padding: 15px; }
    #kasira-alt-four[data-preview="mobile"] .a4-impact-stat strong { font-size: 24px; }

    #kasira-alt-four[data-preview="mobile"] .a4-mosaic { grid-template-columns: 1fr 1fr; grid-template-rows: 185px 105px 105px; }
    #kasira-alt-four[data-preview="mobile"] .a4-mosaic figure:nth-child(1) { grid-column: 1 / -1; grid-row: auto; }
    #kasira-alt-four[data-preview="mobile"] .a4-mosaic figure:nth-child(2),
    #kasira-alt-four[data-preview="mobile"] .a4-mosaic figure:nth-child(3),
    #kasira-alt-four[data-preview="mobile"] .a4-mosaic figure:nth-child(4) { grid-column: auto; }
    #kasira-alt-four[data-preview="mobile"] .a4-mosaic figure:nth-child(4) { grid-column: 1 / -1; }

    #kasira-alt-four[data-preview="mobile"] .a4-journal { grid-template-columns: 1fr; }
    #kasira-alt-four[data-preview="mobile"] .a4-featured-article { grid-template-columns: 1fr; }
    #kasira-alt-four[data-preview="mobile"] .a4-featured-article img { min-height: 185px; max-height: 185px; }
    #kasira-alt-four[data-preview="mobile"] .a4-article-copy { padding: 20px; }

    #kasira-alt-four[data-preview="mobile"] .a4-collaborate { padding: 47px 19px; grid-template-columns: 1fr; gap: 23px; }
    #kasira-alt-four[data-preview="mobile"] .a4-collaborate h2 { font-size: 34px; }
    #kasira-alt-four[data-preview="mobile"] .a4-form { padding: 17px; }
    #kasira-alt-four[data-preview="mobile"] .a4-form-row { grid-template-columns: 1fr; }
    #kasira-alt-four[data-preview="mobile"] .a4-form-foot { align-items: flex-start; flex-direction: column; }
    #kasira-alt-four[data-preview="mobile"] .a4-footer { padding: 27px 19px; align-items: flex-start; flex-direction: column; }
    #kasira-alt-four[data-preview="mobile"] .a4-modal { width: min(390px, calc(100vw - 24px)); }
    #kasira-alt-four[data-preview="mobile"] .a4-modal-media img { height: 200px; }
    #kasira-alt-four[data-preview="mobile"] .a4-modal-copy { padding: 22px; }
    #kasira-alt-four[data-preview="mobile"] .a4-modal-copy h2 { font-size: 26px; }

    @media (max-width: 720px) {
      #kasira-alt-four { padding: 15px; border-radius: 18px; }
      #kasira-alt-four .a4-preview { align-items: flex-start; flex-direction: column; }
      #kasira-alt-four .a4-preview-tabs { align-self: stretch; }
      #kasira-alt-four .a4-preview-tabs button { flex: 1; }
      #kasira-alt-four .a4-modal { width: calc(100vw - 24px); border-radius: 14px; }
      #kasira-alt-four .a4-modal-media img { height: 210px; }
      #kasira-alt-four .a4-modal-copy { padding: 22px; }
      #kasira-alt-four .a4-modal-copy h2 { font-size: 26px; }
    }
    #kasira-alt-four .a4-collaborate-copy h3 { margin: 26px 0 12px; font-size: 15px; }
    #kasira-alt-four .a4-alignment-list { margin: 0; padding-left: 18px; font-size: 11px; line-height: 1.65; }
    #kasira-alt-four .a4-alignment-list li { margin-bottom: 14px; }
  /* kasira-news-style:start */
.kasira-news-dialog { box-sizing:border-box; width:min(840px,calc(100vw - 32px)); max-height:90vh; max-height:90dvh; margin:auto; padding:0; border:1px solid #ddd6ea; border-radius:18px; background:#fff; color:#3a3f7d; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; overflow:auto; overscroll-behavior:contain; box-shadow:0 25px 90px #1e214533; }
.kasira-news-dialog::backdrop { background:rgba(24,27,56,.62); }
.kasira-news-dialog * { box-sizing:border-box; }
.kasira-news-toolbar { position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 20px; border-bottom:1px solid #ddd6ea; background:#fff; }
.kasira-news-category { margin:0; color:#66677a; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.09em; }
.kasira-news-close { display:grid; place-items:center; width:36px; height:36px; flex-shrink:0; border:1px solid #ddd6ea; border-radius:50%; background:white; color:#3a3f7d; font:24px/1 system-ui; cursor:pointer; }
.kasira-news-dialog img { display:block; width:100%; height:280px; object-fit:contain; background:#efeaf7; }
.kasira-news-copy { padding:28px 32px 32px; }
.kasira-news-meta { display:flex; flex-wrap:wrap; gap:10px 18px; margin-bottom:14px; color:#66677a; font-size:12px; line-height:1.6; }
.kasira-news-partner { color:#3a3f7d; font-weight:700; }
.kasira-news-dialog h2 { margin:0 0 20px; font:500 32px/1.15 Georgia,"Times New Roman",serif; letter-spacing:-.025em; }
.kasira-news-dialog h3 { margin:26px 0 12px; font:700 13px/1.5 system-ui; color:#3a3f7d; }
.kasira-news-copy p { margin:0 0 16px; color:#66677a; font-size:14px; line-height:1.8; }
.kasira-news-source { border-top:1px solid #ddd6ea; margin-top:26px; padding-top:20px; }
.kasira-news-source a { display:inline-block; color:#3a3f7d; font-size:13px; font-weight:750; text-decoration:none; }
.kasira-news-source a:hover { text-decoration:underline; }
.kasira-news-source small { display:block; margin-top:9px; color:#66677a; font-size:11px; line-height:1.6; }
.kasira-news-dialog [hidden] { display:none!important; }
.kasira-news-dialog :focus-visible { outline:3px solid #8c77b3; outline-offset:3px; }
#kasira-alt-four [data-update-id] { cursor:pointer; }
#kasira-alt-four .a4-update-image-button { display:block; width:100%; padding:0; border:0; background:#efeaf7; text-align:left; }
#kasira-alt-four .a4-update-title-button { padding:0; border:0; background:transparent; color:inherit; font:inherit; letter-spacing:inherit; text-align:left; }
#kasira-alt-four button.a4-update-link { align-self:flex-start; padding:0; border:0; background:transparent; text-align:left; }
#kasira-alt-four .a4-update-title-button:hover { text-decoration:underline; }
#kasira-alt-four [data-update-id]:focus-visible { outline:3px solid #8c77b3; outline-offset:3px; }
#kasira-alt-four[data-preview="mobile"] .kasira-news-dialog { width:min(390px,calc(100vw - 24px)); }
#kasira-alt-four[data-preview="mobile"] .kasira-news-dialog img { height:200px; }
#kasira-alt-four[data-preview="mobile"] .kasira-news-copy { padding:22px; }
#kasira-alt-four[data-preview="mobile"] .kasira-news-dialog h2 { font-size:26px; }
@media(max-width:600px) { .kasira-news-dialog { width:calc(100vw - 24px); border-radius:14px; } .kasira-news-dialog img { height:210px; } .kasira-news-copy { padding:22px; } .kasira-news-dialog h2 { font-size:26px; } }

/* kasira-news-style:end */

/* Production layout: remove the design-demo frame. */
html{scroll-behavior:smooth}body{margin:0;background:#fbfaf6}#kasira-alt-four{padding:0;border-radius:0}#kasira-alt-four .a4-stage{max-width:1280px}#kasira-alt-four .a4-device{border:0;border-radius:0;box-shadow:none}#kasira-alt-four .a4-browser,#kasira-alt-four .a4-preview{display:none}#kasira-alt-four .a4-nav{position:relative;z-index:5;background:#fff}#kasira-alt-four .a4-nav a,#kasira-alt-four .a4-footer a{font-size:13px}#kasira-alt-four .a4-brand strong{font-size:13px}#kasira-alt-four .a4-brand span span{font-size:10px}#kasira-alt-four .a4-language{font-size:12px}#kasira-alt-four .a4-about-copy>p:not(.a4-eyebrow),#kasira-alt-four .a4-section-head>p,#kasira-alt-four .a4-updates-intro p,#kasira-alt-four .a4-approach-head>p,#kasira-alt-four .a4-collaborate-copy>p{font-size:15px;line-height:1.75}#kasira-alt-four .a4-approach-step p,#kasira-alt-four .a4-update-copy p,#kasira-alt-four .a4-program-copy p{font-size:14px;line-height:1.7}#kasira-alt-four .a4-primary,#kasira-alt-four .a4-secondary{font-size:12px;padding:12px 17px}#kasira-alt-four .a4-eyebrow{font-size:12px}#kasira-alt-four .a4-menu{cursor:pointer}#kasira-alt-four .a4-site{min-height:100vh}#kasira-alt-four .a4-logo-tab:focus-visible,#kasira-alt-four a:focus-visible,#kasira-alt-four button:focus-visible{outline:3px solid #8c77b3;outline-offset:3px}
@media(max-width:720px){#kasira-alt-four .a4-nav{grid-template-columns:1fr auto auto;padding:14px 20px}#kasira-alt-four .a4-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;padding:10px 20px 18px;background:#fff;border-bottom:1px solid #ddd6ea;box-shadow:0 12px 30px #1e21451c}#kasira-alt-four .a4-links.is-open{display:flex}#kasira-alt-four .a4-links a{width:100%;padding:11px 0}#kasira-alt-four .a4-menu{display:block}#kasira-alt-four .a4-about,#kasira-alt-four .a4-approach-head,#kasira-alt-four .a4-section-head,#kasira-alt-four .a4-partners,#kasira-alt-four .a4-updates-head,#kasira-alt-four .a4-collaborate{grid-template-columns:1fr}#kasira-alt-four .a4-about,#kasira-alt-four .a4-approach,#kasira-alt-four .a4-section,#kasira-alt-four .a4-updates,#kasira-alt-four .a4-collaborate{padding:48px 20px}#kasira-alt-four .a4-approach-grid,#kasira-alt-four .a4-update-grid,#kasira-alt-four .a4-program{grid-template-columns:1fr}#kasira-alt-four .a4-about h1{font-size:clamp(36px,9vw,50px)}#kasira-alt-four .a4-photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:160px 95px}#kasira-alt-four .a4-photo-grid figure:first-child{grid-column:1/-1;grid-row:auto}#kasira-alt-four .a4-photo-grid figure:last-child{display:block}#kasira-alt-four .a4-logo-list{grid-template-columns:repeat(3,minmax(110px,1fr));overflow-x:auto}#kasira-alt-four .a4-program-media{min-height:220px}#kasira-alt-four .a4-form-row{grid-template-columns:1fr}#kasira-alt-four .a4-footer{flex-direction:column;align-items:flex-start;gap:20px;padding:30px 20px}#kasira-alt-four .a4-modal{width:calc(100vw - 24px)}#kasira-alt-four .a4-modal-media img{height:210px}#kasira-alt-four .a4-modal-copy{padding:22px}#kasira-alt-four .a4-modal-copy h2{font-size:26px}}