/* OKeba About Page v1.0.3 */
.okeba-about-v10,
.okeba-about-v10 * { box-sizing: border-box; }
.okeba-about-v10 { --okeba-primary:#007A3D; --okeba-secondary:#F4B400; --okeba-accent:#C97800; --okeba-text:#1F2A24; --okeba-white:#ffffff; --okeba-muted:#f6f8f6; --okeba-dark:#12351F; font-family: inherit; color: var(--okeba-text); overflow:hidden; }
.okeba-about-v10 a { text-decoration:none; }
.okeba-about-v10__container { width:min(var(--okeba-container, 1180px), calc(100% - 40px)); margin:0 auto; }
.okeba-about-v10__eyebrow { display:inline-flex; align-items:center; width:fit-content; padding:8px 18px; border-radius:999px; background:var(--okeba-secondary); color:var(--okeba-dark); font-weight:800; font-size:14px; line-height:1.1; margin-bottom:16px; }
.okeba-about-v10__hero { position:relative; min-height:var(--hero-height, 590px); display:flex; align-items:center; background-size:cover; background-position:var(--hero-position, center center); isolation:isolate; }
.okeba-about-v10__hero:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,74,38,.82) 0%, rgba(0,74,38,.66) 35%, rgba(0,0,0,.20) 100%); z-index:-1; }
.okeba-about-v10__hero-inner { max-width:720px; padding:110px 0 120px; }
.okeba-about-v10__hero-title { margin:0; color:var(--hero-title-color, #fff); font-size:var(--hero-title-size, 62px); line-height:1.02; font-weight:var(--hero-title-weight, 700); letter-spacing:-.03em; }
.okeba-about-v10__hero-title .accent { color:var(--hero-accent-color, #F4B400); }
.okeba-about-v10__hero-text { margin:22px 0 0; max-width:650px; color:var(--hero-text-color, #fff); font-size:var(--hero-text-size, 19px); line-height:1.7; font-weight:500; }
.okeba-about-v10__btns { display:flex; flex-wrap:wrap; gap:16px; margin-top:30px; }
.okeba-about-v10__btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:14px 26px; border-radius:999px; font-weight:800; font-size:var(--btn-size, 15px); line-height:1; transition:all .2s ease; }
.okeba-about-v10__btn--primary { background:var(--btn-primary-bg, #1FA12E); color:var(--btn-primary-color, #fff); }
.okeba-about-v10__btn--primary:hover { background:var(--btn-primary-hover-bg, #007A3D); color:var(--btn-primary-hover-color, #fff); transform:translateY(-2px); }
.okeba-about-v10__btn--secondary { background:var(--btn-secondary-bg, #F4B400); color:var(--btn-secondary-color, #12351F); }
.okeba-about-v10__btn--secondary:hover { background:var(--btn-secondary-hover-bg, #C97800); color:var(--btn-secondary-hover-color, #fff); transform:translateY(-2px); }
.okeba-about-v10__section { padding:var(--section-pad-y, 90px) 0; background:var(--section-bg, #fff); }
.okeba-about-v10__split { display:grid; grid-template-columns:1.05fr .95fr; align-items:stretch; min-height:var(--split-height, 520px); background:var(--split-outer-bg, #fff); }
.okeba-about-v10__split-img { min-height:var(--split-height, 520px); background-size:var(--split-img-fit, cover); background-position:var(--split-img-position, center center); background-repeat:no-repeat; }
.okeba-about-v10__split-content { background:var(--split-content-bg, #007A3D); color:var(--split-text-color, #fff); display:flex; flex-direction:column; justify-content:center; padding:72px clamp(34px, 5vw, 92px); }
.okeba-about-v10__split-content .okeba-about-v10__eyebrow { background:rgba(255,255,255,.14); color:var(--split-eyebrow-color, #F4B400); box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); }
.okeba-about-v10__split-title { margin:0; color:var(--split-title-color, #fff); font-size:var(--split-title-size, 42px); line-height:1.15; font-weight:700; letter-spacing:-.02em; }
.okeba-about-v10__split-text { margin:22px 0 0; color:var(--split-text-color, #fff); font-size:var(--split-text-size, 18px); line-height:1.72; max-width:760px; }
.okeba-about-v10__split-text p { margin:0 0 14px; color:inherit; font-size:inherit; line-height:inherit; }
.okeba-about-v10__split-text p:last-child { margin-bottom:0; }
.okeba-about-v10__heading { text-align:center; margin:0 auto 46px; max-width:850px; }
.okeba-about-v10__heading .okeba-about-v10__eyebrow { margin-left:auto; margin-right:auto; background:transparent; color:var(--heading-eyebrow-color, #007A3D); padding:0; border-radius:0; }
.okeba-about-v10__title { margin:0; color:var(--heading-title-color, #020b16); font-size:var(--heading-title-size, 42px); line-height:1.15; font-weight:700; letter-spacing:-.02em; }
.okeba-about-v10__lead { margin:18px auto 0; color:var(--heading-text-color, #32433a); font-size:var(--heading-text-size, 18px); line-height:1.75; }
.okeba-about-v10__intro-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:42px; align-items:start; }
.okeba-about-v10__prose { font-size:18px; line-height:1.75; color:var(--body-text-color, #26362f); }
.okeba-about-v10__prose p { margin:0 0 18px; }
.okeba-about-v10__stats { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
.okeba-about-v10__stat { background:var(--stat-bg, #f4faf5); border:1px solid rgba(0,122,61,.16); border-radius:20px; padding:26px 24px; min-height:140px; display:flex; flex-direction:column; justify-content:center; }
.okeba-about-v10__stat-number { color:var(--stat-number-color, #007A3D); font-size:var(--stat-number-size, 36px); font-weight:800; line-height:1; margin-bottom:10px; }
.okeba-about-v10__stat-label { color:var(--stat-label-color, #1F2A24); font-size:var(--stat-label-size, 15px); font-weight:700; line-height:1.35; }
.okeba-about-v10__vmv { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px; }
.okeba-about-v10__vmv-card { background:var(--card-bg, #fff); border-radius:22px; padding:34px 30px; box-shadow:0 18px 45px rgba(0,0,0,.08); border:1px solid rgba(0,122,61,.12); min-height:260px; }
.okeba-about-v10__vmv-kicker { color:var(--card-kicker-color, #C97800); font-size:14px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; margin-bottom:14px; }
.okeba-about-v10__vmv-title { color:var(--card-title-color, #007A3D); margin:0 0 14px; font-size:var(--card-title-size, 27px); line-height:1.2; font-weight:800; }
.okeba-about-v10__vmv-text { color:var(--card-text-color, #283830); margin:0; font-size:var(--card-text-size, 16px); line-height:1.7; }
.okeba-about-v10__values { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.okeba-about-v10__value { display:inline-flex; padding:8px 13px; border-radius:999px; background:rgba(0,122,61,.08); color:var(--okeba-primary); font-weight:800; font-size:14px; }
.okeba-about-v10__work-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:26px; }
.okeba-about-v10__work-card { position:relative; min-height:300px; border-radius:20px; overflow:hidden; background-size:cover; background-position:center; box-shadow:0 16px 40px rgba(0,0,0,.08); isolation:isolate; }
.okeba-about-v10__work-card:before { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.48) 100%); z-index:-1; }
.okeba-about-v10__work-body { position:absolute; left:0; right:0; bottom:0; padding:22px 24px; background:rgba(0,122,61,.88); color:#fff; transition:all .25s ease; }
.okeba-about-v10__work-card:hover .okeba-about-v10__work-body { top:0; display:flex; flex-direction:column; justify-content:center; background:rgba(0,122,61,.94); }
.okeba-about-v10__work-title { margin:0; color:var(--work-title-color, #fff); font-size:var(--work-title-size, 24px); font-weight:800; line-height:1.2; }
.okeba-about-v10__work-text { margin:12px 0 0; color:var(--work-text-color, #fff); font-size:var(--work-text-size, 15px); line-height:1.6; opacity:0; max-height:0; overflow:hidden; transition:all .25s ease; }
.okeba-about-v10__work-card:hover .okeba-about-v10__work-text { opacity:1; max-height:180px; }
.okeba-about-v10__work-link { display:inline-flex; width:fit-content; margin-top:18px; background:#fff; color:var(--okeba-primary); border-radius:999px; padding:11px 18px; font-weight:800; opacity:0; transform:translateY(8px); transition:all .25s ease; }
.okeba-about-v10__work-card:hover .okeba-about-v10__work-link { opacity:1; transform:translateY(0); }
.okeba-about-v10__model { background:var(--model-bg, #12351F); color:#fff; }
.okeba-about-v10__model-wrap { display:grid; grid-template-columns:.9fr 1.1fr; gap:42px; align-items:center; }
.okeba-about-v10__model h2 { color:var(--model-title-color, #fff); margin:0; font-size:var(--model-title-size, 42px); line-height:1.15; font-weight:800; }
.okeba-about-v10__model p { color:var(--model-text-color, rgba(255,255,255,.86)); margin:18px 0 0; font-size:18px; line-height:1.75; }
.okeba-about-v10__steps { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
.okeba-about-v10__step { border:1px solid rgba(255,255,255,.25); border-radius:18px; padding:24px 22px; background:rgba(255,255,255,.06); }
.okeba-about-v10__step b { display:block; color:var(--step-title-color, #F4B400); font-size:18px; margin-bottom:8px; }
.okeba-about-v10__step span { color:var(--step-text-color, rgba(255,255,255,.86)); font-size:15px; line-height:1.55; }
.okeba-about-v10__cta { background:var(--cta-bg, #007A3D); color:#fff; padding:70px 0; }
.okeba-about-v10__cta-wrap { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.okeba-about-v10__cta-title { margin:0; color:var(--cta-title-color, #fff); font-size:var(--cta-title-size, 40px); line-height:1.2; font-weight:800; max-width:850px; }
.okeba-about-v10__cta .okeba-about-v10__btn { background:var(--cta-btn-bg, #fff); color:var(--cta-btn-color, #007A3D); white-space:nowrap; }
.okeba-about-v10__cta .okeba-about-v10__btn:hover { background:var(--cta-btn-hover-bg, #F4B400); color:var(--cta-btn-hover-color, #12351F); }
@media (max-width: 1024px){ .okeba-about-v10__hero { min-height:520px; } .okeba-about-v10__hero-title { font-size:48px; } .okeba-about-v10__split, .okeba-about-v10__intro-grid, .okeba-about-v10__model-wrap { grid-template-columns:1fr; } .okeba-about-v10__vmv, .okeba-about-v10__work-grid { grid-template-columns:repeat(2, minmax(0,1fr)); } .okeba-about-v10__split-img { min-height:380px; } }
@media (max-width: 767px){ .okeba-about-v10__container { width:min(100% - 28px, 1180px); } .okeba-about-v10__hero { min-height:auto; } .okeba-about-v10__hero-inner { padding:86px 0 92px; } .okeba-about-v10__hero-title { font-size:38px; } .okeba-about-v10__hero-text, .okeba-about-v10__prose, .okeba-about-v10__lead { font-size:16px; } .okeba-about-v10__section { padding:62px 0; } .okeba-about-v10__split-content { padding:52px 24px; } .okeba-about-v10__title, .okeba-about-v10__split-title, .okeba-about-v10__model h2, .okeba-about-v10__cta-title { font-size:32px; } .okeba-about-v10__stats, .okeba-about-v10__vmv, .okeba-about-v10__work-grid, .okeba-about-v10__steps { grid-template-columns:1fr; } .okeba-about-v10__cta-wrap { flex-direction:column; align-items:flex-start; } }

/* v1.0.1 layout guard: prevents Elementor responsive slider arrays from collapsing sections after save */
.okeba-about-v10__container,
.okeba-about-v10__hero-inner,
.okeba-about-v10__split > *,
.okeba-about-v10__intro-grid > *,
.okeba-about-v10__stats > *,
.okeba-about-v10__vmv > *,
.okeba-about-v10__work-grid > *,
.okeba-about-v10__model-wrap > *,
.okeba-about-v10__steps > * {
    min-width: 0;
}
.okeba-about-v10__section {
    background: var(--section-bg, #ffffff);
}
.okeba-about-v10__stat,
.okeba-about-v10__vmv-card,
.okeba-about-v10__step {
    overflow-wrap: break-word;
}
.okeba-about-v10__hero .okeba-about-v10__container,
.okeba-about-v10__section .okeba-about-v10__container,
.okeba-about-v10__cta .okeba-about-v10__container {
    max-width: var(--okeba-container, 1180px);
}

/* v1.0.2: Core Work section now follows the OKeba Services CPT Page grid pattern */
.okeba-about-v10 .okeba-about-v10__work-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--work-card-gap, 32px) !important;
    align-items: stretch !important;
}
.okeba-about-v10 .okeba-about-v10__work-card {
    position: relative !important;
    min-height: var(--work-card-height, 390px) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: var(--work-img-position, center center) !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.08) !important;
    isolation: isolate !important;
}
.okeba-about-v10 .okeba-about-v10__work-card:before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.10) 100%) !important;
    z-index: -1 !important;
    pointer-events: none !important;
}
.okeba-about-v10 .okeba-about-v10__work-body {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;
    width: auto !important;
    max-width: calc(100% - 34px) !important;
    min-width: min(330px, calc(100% - 34px)) !important;
    padding: 16px 24px !important;
    border-radius: 0 8px 0 0 !important;
    background: var(--work-label-bg, #ffffff) !important;
    color: var(--work-label-color, #020B16) !important;
    display: block !important;
    transition: all .28s ease !important;
}
.okeba-about-v10 .okeba-about-v10__work-title {
    margin: 0 !important;
    color: var(--work-label-color, #020B16) !important;
    font-size: var(--work-title-size, 24px) !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
}
.okeba-about-v10 .okeba-about-v10__work-text,
.okeba-about-v10 .okeba-about-v10__work-link {
    opacity: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    transform: translateY(8px) !important;
    transition: all .28s ease !important;
}
.okeba-about-v10 .okeba-about-v10__work-card:hover .okeba-about-v10__work-body,
.okeba-about-v10 .okeba-about-v10__work-card:focus-within .okeba-about-v10__work-body {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: var(--work-hover-panel-width, 48%) !important;
    max-width: var(--work-hover-panel-width, 48%) !important;
    min-width: 300px !important;
    border-radius: 0 !important;
    padding: 42px 34px !important;
    background: var(--work-hover-bg, #1FA12E) !important;
    color: var(--work-hover-text-color, #ffffff) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.okeba-about-v10 .okeba-about-v10__work-card:hover .okeba-about-v10__work-title,
.okeba-about-v10 .okeba-about-v10__work-card:focus-within .okeba-about-v10__work-title {
    color: var(--work-hover-title-color, #ffffff) !important;
}
.okeba-about-v10 .okeba-about-v10__work-card:hover .okeba-about-v10__work-text,
.okeba-about-v10 .okeba-about-v10__work-card:focus-within .okeba-about-v10__work-text {
    opacity: 1 !important;
    max-height: 210px !important;
    margin: 14px 0 0 !important;
    color: var(--work-hover-text-color, #ffffff) !important;
    font-size: var(--work-text-size, 15px) !important;
    line-height: 1.6 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}
.okeba-about-v10 .okeba-about-v10__work-card:hover .okeba-about-v10__work-link,
.okeba-about-v10 .okeba-about-v10__work-card:focus-within .okeba-about-v10__work-link {
    opacity: 1 !important;
    max-height: 58px !important;
    margin-top: 20px !important;
    display: inline-flex !important;
    width: fit-content !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 21px !important;
    border-radius: 999px !important;
    background: var(--work-link-bg, #ffffff) !important;
    color: var(--work-link-color, #007A3D) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}
.okeba-about-v10 .okeba-about-v10__work-link:hover {
    background: var(--work-link-hover-bg, #F4B400) !important;
    color: var(--work-link-hover-color, #12351F) !important;
}

/* v1.0.2: repair the value-chain model section so step labels do not float on a blank section */
.okeba-about-v10 .okeba-about-v10__model {
    background: var(--model-bg, #12351F) !important;
    color: #ffffff !important;
}
.okeba-about-v10 .okeba-about-v10__model-wrap {
    display: grid !important;
    grid-template-columns: .95fr 1.05fr !important;
    gap: 34px !important;
    align-items: center !important;
}
.okeba-about-v10 .okeba-about-v10__steps {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}
.okeba-about-v10 .okeba-about-v10__step {
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 18px !important;
    padding: 24px 22px !important;
    background: rgba(255, 255, 255, .08) !important;
    min-height: 130px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.okeba-about-v10 .okeba-about-v10__step b {
    display: block !important;
    color: var(--step-title-color, #F4B400) !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    margin-bottom: 9px !important;
}
.okeba-about-v10 .okeba-about-v10__step span {
    display: block !important;
    color: var(--step-text-color, rgba(255,255,255,.86)) !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

@media (max-width: 1024px) {
    .okeba-about-v10 .okeba-about-v10__work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .okeba-about-v10 .okeba-about-v10__model-wrap { grid-template-columns: 1fr !important; }
}
@media (max-width: 767px) {
    .okeba-about-v10 .okeba-about-v10__work-grid,
    .okeba-about-v10 .okeba-about-v10__steps { grid-template-columns: 1fr !important; }
    .okeba-about-v10 .okeba-about-v10__work-card { min-height: 360px !important; }
    .okeba-about-v10 .okeba-about-v10__work-card .okeba-about-v10__work-body {
        top: auto !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        border-radius: 0 !important;
    }
    .okeba-about-v10 .okeba-about-v10__work-card:hover .okeba-about-v10__work-body,
    .okeba-about-v10 .okeba-about-v10__work-card:focus-within .okeba-about-v10__work-body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}


/* v1.0.3: removed duplicate intro/model sections and tightened the Core Work grid */
.okeba-about-v10 .okeba-about-v10__work-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--work-card-gap, 24px) !important;
}
.okeba-about-v10 .okeba-about-v10__work-body {
    width: fit-content !important;
    max-width: calc(100% - 28px) !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding: 13px 22px !important;
    border-radius: 0 8px 0 0 !important;
}
.okeba-about-v10 .okeba-about-v10__work-title {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
.okeba-about-v10 .okeba-about-v10__work-card:hover .okeba-about-v10__work-body,
.okeba-about-v10 .okeba-about-v10__work-card:focus-within .okeba-about-v10__work-body {
    width: var(--work-hover-panel-width, 48%) !important;
    max-width: var(--work-hover-panel-width, 48%) !important;
    min-width: 300px !important;
    padding: 38px 32px !important;
    margin-left: 0 !important;
}
@media (max-width: 767px) {
    .okeba-about-v10 .okeba-about-v10__work-grid { gap: 20px !important; }
    .okeba-about-v10 .okeba-about-v10__work-body,
    .okeba-about-v10 .okeba-about-v10__work-card:hover .okeba-about-v10__work-body,
    .okeba-about-v10 .okeba-about-v10__work-card:focus-within .okeba-about-v10__work-body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}