/* Ogere Remo project pages V11. About-parity corrections and project media gallery. */

/* Hero: remove the extra nested gutter visible in V10 and align the masthead
 * with the 1240px inner-page content shell. Other hero metrics stay at About values. */
body.single-ogere_project.ogere-project-v11-single .ogere-v10-project-hero > .container {
    width: calc(100% - 60px) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.single-ogere_project.ogere-project-v11-single .ogere-v10-project-hero .page-title,
body.single-ogere_project.ogere-project-v11-single .ogere-v10-project-breadcrumb,
body.single-ogere_project.ogere-project-v11-single .ogere-v10-project-hero h1,
body.single-ogere_project.ogere-project-v11-single .ogere-v10-project-hero .ogere-inner-hero-summary {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}
body.single-ogere_project.ogere-project-v11-single .ogere-v10-project-breadcrumb {
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}
body.single-ogere_project.ogere-project-v11-single .ogere-v10-project-hero h1 {
    font-size: clamp(30px, 2.65vw, 42px) !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    letter-spacing: -.01em !important;
    margin-top: 7px !important;
}
body.single-ogere_project.ogere-project-v11-single .ogere-v10-project-hero h1::after {
    width: 58px !important;
    height: 3px !important;
    margin: 12px 0 12px !important;
    background: #cf2e2e !important;
}
body.single-ogere_project.ogere-project-v11-single .ogere-v10-project-hero .ogere-inner-hero-summary {
    font-size: clamp(14px, 1.05vw, 17px) !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    max-width: 610px !important;
}

body.single-ogere_project .ogere-project-v11-detail,
body.single-ogere_project .ogere-project-v11-section {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}
body.single-ogere_project .ogere-project-v11-section { padding: 42px 0 !important; }
body.single-ogere_project .ogere-project-v11-intro {
    padding-top: 52px !important;
    padding-bottom: 36px !important;
}
body.single-ogere_project .ogere-project-v11-alt { background: #f6f8fb !important; }
body.single-ogere_project .ogere-project-v11-shell {
    width: calc(100% - 60px) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
body.single-ogere_project .ogere-project-v11-intro-grid {
    display: grid !important;
    grid-template-columns: minmax(0,58fr) minmax(320px,42fr) !important;
    gap: 44px !important;
    align-items: center !important;
}
body.single-ogere_project .ogere-project-v11-intro-copy { min-width: 0 !important; }

/* About-style mixed heading colour and separator treatment. */
body.single-ogere_project .ogere-project-v11-section-title {
    margin: 0 0 22px !important;
    padding: 0 !important;
    text-align: left !important;
}
body.single-ogere_project .ogere-project-v11-section-title .section-title {
    color: #383838 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 40px !important;
    line-height: 50px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
}
body.single-ogere_project .ogere-project-v11-section-title .ogere-project-v11-title-main { color: #383838 !important; }
body.single-ogere_project .ogere-project-v11-section-title .ogere-project-v11-title-accent { color: #df193a !important; }
body.single-ogere_project .ogere-project-v11-section-title .section-title::after { content: none !important; display: none !important; }
body.single-ogere_project .ogere-project-v11-section-title .title-separator.separator-border {
    display: inline-block !important;
    margin-top: 12px !important;
    margin-bottom: 13px !important;
}
body.single-ogere_project .ogere-project-v11-section-title .section-description,
body.single-ogere_project .ogere-project-v11-section-title .section-description p {
    color: #4f5866 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}
body.single-ogere_project .ogere-project-v11-section-title.is-centred {
    text-align: center !important;
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 28px !important;
}
body.single-ogere_project .ogere-project-v11-section-title.is-centred .title-separator {
    margin-left: auto !important;
    margin-right: auto !important;
}

body.single-ogere_project .ogere-project-v11-intro-copy,
body.single-ogere_project .ogere-project-v11-record,
body.single-ogere_project .ogere-project-v11-record p,
body.single-ogere_project .ogere-project-v11-record li,
body.single-ogere_project .ogere-project-v11-copy-panel,
body.single-ogere_project .ogere-project-v11-copy-panel p {
    color: #4f5866 !important;
    font-size: 15px !important;
    line-height: 1.78 !important;
}
body.single-ogere_project .ogere-project-v11-record p,
body.single-ogere_project .ogere-project-v11-copy-panel p { margin: 0 0 17px !important; }
body.single-ogere_project .ogere-project-v11-record p:last-child,
body.single-ogere_project .ogere-project-v11-copy-panel p:last-child { margin-bottom: 0 !important; }
body.single-ogere_project .ogere-project-v11-lead {
    color: #243248 !important;
    font-size: 17px !important;
    line-height: 1.78 !important;
    font-weight: 500 !important;
    margin: 0 0 18px !important;
}

/* Project media gallery. It is deliberately user-controlled, never auto-advancing. */
body.single-ogere_project .ogere-project-v11-media {
    min-width: 0 !important;
    width: 100% !important;
    align-self: center !important;
}
body.single-ogere_project .ogere-project-v11-gallery-stage {
    position: relative !important;
    min-height: 330px !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    border-radius: 5px !important;
    background: #eef2f6 !important;
    box-shadow: 0 12px 34px rgba(9,30,57,.12) !important;
}
body.single-ogere_project .ogere-project-v11-slide {
    display: none !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    position: absolute !important;
    inset: 0 !important;
}
body.single-ogere_project .ogere-project-v11-slide.is-active { display: block !important; }
body.single-ogere_project .ogere-project-v11-image-button {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    cursor: zoom-in !important;
}
body.single-ogere_project .ogere-project-v11-slide img,
body.single-ogere_project .ogere-project-v11-slide video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 330px !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: #071a37 !important;
}
body.single-ogere_project .ogere-project-v11-slide figcaption {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 28px 14px 12px !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    background: linear-gradient(180deg, transparent, rgba(7,26,55,.88)) !important;
    pointer-events: none !important;
}
body.single-ogere_project .ogere-project-v11-gallery-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    margin-top: 10px !important;
}
body.single-ogere_project .ogere-project-v11-gallery-prev,
body.single-ogere_project .ogere-project-v11-gallery-next {
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid #d8dee7 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #172033 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}
body.single-ogere_project .ogere-project-v11-gallery-prev:hover,
body.single-ogere_project .ogere-project-v11-gallery-prev:focus,
body.single-ogere_project .ogere-project-v11-gallery-next:hover,
body.single-ogere_project .ogere-project-v11-gallery-next:focus {
    border-color: #df193a !important;
    color: #df193a !important;
}
body.single-ogere_project .ogere-project-v11-gallery-count { color: #5e6673 !important; font-size: 13px !important; }
body.single-ogere_project .ogere-project-v11-gallery-thumbs {
    display: flex !important;
    gap: 8px !important;
    margin-top: 10px !important;
    padding-bottom: 2px !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
}
body.single-ogere_project .ogere-project-v11-gallery-thumbs button {
    flex: 0 0 68px !important;
    width: 68px !important;
    height: 52px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 2px solid transparent !important;
    border-radius: 4px !important;
    background: #eef2f6 !important;
    cursor: pointer !important;
}
body.single-ogere_project .ogere-project-v11-gallery-thumbs button[aria-selected="true"] { border-color: #df193a !important; }
body.single-ogere_project .ogere-project-v11-gallery-thumbs img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
body.single-ogere_project .ogere-project-v11-video-thumb {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    background: #071a37 !important;
}
body.single-ogere_project .ogere-project-v11-media-placeholder {
    min-height: 330px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 34px !important;
    border: 1px dashed #bec8d4 !important;
    border-radius: 5px !important;
    background: #f6f8fb !important;
    color: #5e6673 !important;
}
body.single-ogere_project .ogere-project-v11-media-placeholder strong { color: #172033 !important; font-size: 17px !important; margin-bottom: 6px !important; }
body.single-ogere_project .ogere-project-v11-media-placeholder span { display: block !important; max-width: 300px !important; font-size: 13.5px !important; line-height: 1.6 !important; }
body.single-ogere_project .ogere-project-v11-placeholder-mark {
    width: 48px !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 12px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid #d8dee7 !important;
    color: #c1282a !important;
    font-size: 26px !important;
    line-height: 1 !important;
}

/* Compact, content-driven overview cards. */
body.single-ogere_project .ogere-project-v11-facts {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 18px !important;
    margin-top: 24px !important;
    align-items: start !important;
}
body.single-ogere_project .ogere-project-v11-fact-card,
body.single-ogere_project .ogere-project-v11-fact-card .feature-box-wrap,
body.single-ogere_project .ogere-project-v11-fact-card .feature-box-wrapper,
body.single-ogere_project .ogere-project-v11-fact-card .feature-box-inner {
    height: auto !important;
    min-height: 0 !important;
}
body.single-ogere_project .ogere-project-v11-fact-card .feature-box-inner {
    padding: 18px 20px !important;
    background: #fff !important;
    border: 1px solid #e1e6ee !important;
    border-top: 3px solid #c5912d !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 14px rgba(11,29,55,.05) !important;
}
body.single-ogere_project .ogere-project-v11-fact-card .feature-box-title { color: #172033 !important; font-size: 16px !important; line-height: 1.35 !important; font-weight: 700 !important; margin: 0 0 7px !important; }
body.single-ogere_project .ogere-project-v11-fact-card .fbox-content,
body.single-ogere_project .ogere-project-v11-fact-card .fbox-content p { color: #5e6673 !important; font-size: 13.5px !important; line-height: 1.55 !important; margin: 0 !important; }
body.single-ogere_project .ogere-project-v11-copy-panel { padding: 24px 28px !important; background: #f8fafc !important; border-left: 4px solid #df193a !important; border-radius: 4px !important; }

body.single-ogere_project .ogere-project-v11-context-links {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 18px !important;
}
body.single-ogere_project .ogere-project-v11-context-links a {
    min-width: 0 !important;
    min-height: 104px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 20px 22px !important;
    border: 1px solid #dfe4e9 !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #071a37 !important;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(7,26,55,.04) !important;
}
body.single-ogere_project .ogere-project-v11-context-links a:hover,
body.single-ogere_project .ogere-project-v11-context-links a:focus { border-color: #c5912d !important; transform: translateY(-2px) !important; }
body.single-ogere_project .ogere-project-v11-context-links strong { display: block !important; width: 100% !important; color: #172033 !important; font-size: 16px !important; line-height: 1.35 !important; font-weight: 700 !important; margin-bottom: 7px !important; }
body.single-ogere_project .ogere-project-v11-context-support strong { white-space: nowrap !important; }
body.single-ogere_project .ogere-project-v11-context-links span { display: block !important; width: 100% !important; color: #5e6673 !important; font-size: 13.5px !important; line-height: 1.55 !important; }

.ogere-project-v11-lightbox {
    width: min(94vw, 1200px) !important;
    max-width: 1200px !important;
    max-height: 92vh !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #071a37 !important;
    overflow: hidden !important;
}
.ogere-project-v11-lightbox::backdrop { background: rgba(3,10,22,.86) !important; }
.ogere-project-v11-lightbox img { display: block !important; max-width: 100% !important; max-height: 88vh !important; margin: 0 auto !important; object-fit: contain !important; }
.ogere-project-v11-lightbox-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.94) !important;
    color: #172033 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

@media (max-width: 1024px) {
    body.single-ogere_project .ogere-project-v11-section { padding-top: 40px !important; padding-bottom: 40px !important; }
    body.single-ogere_project .ogere-project-v11-intro { padding-top: 52px !important; padding-bottom: 36px !important; }
    body.single-ogere_project .ogere-project-v11-intro-grid { grid-template-columns: minmax(0,56fr) minmax(300px,44fr) !important; gap: 34px !important; }
    body.single-ogere_project .ogere-project-v11-section-title .section-title { font-size: 36px !important; line-height: 44px !important; }
    body.single-ogere_project .ogere-project-v11-facts { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width: 767px) {
    body.single-ogere_project.ogere-project-v11-single .ogere-v10-project-hero > .container { width: calc(100% - 44px) !important; padding-left: 0 !important; padding-right: 0 !important; }
    body.single-ogere_project.ogere-project-v11-single .ogere-v10-project-breadcrumb { font-size: 12px !important; }
    body.single-ogere_project.ogere-project-v11-single .ogere-v10-project-hero h1 { font-size: 26px !important; line-height: 1.08 !important; margin-top: 6px !important; }
    body.single-ogere_project.ogere-project-v11-single .ogere-v10-project-hero h1::after { width: 50px !important; margin: 10px 0 10px !important; }
    body.single-ogere_project.ogere-project-v11-single .ogere-v10-project-hero .ogere-inner-hero-summary { font-size: 13px !important; line-height: 1.42 !important; max-width: 98% !important; }
    body.single-ogere_project .ogere-project-v11-section { padding: 30px 0 !important; }
    body.single-ogere_project .ogere-project-v11-intro { padding-top: 30px !important; padding-bottom: 28px !important; }
    body.single-ogere_project .ogere-project-v11-shell { width: calc(100% - 44px) !important; }
    body.single-ogere_project .ogere-project-v11-intro-grid { display: block !important; }
    body.single-ogere_project .ogere-project-v11-section-title,
    body.single-ogere_project .ogere-project-v11-section-title .section-title,
    body.single-ogere_project .ogere-project-v11-section-title .section-description { text-align: center !important; }
    body.single-ogere_project .ogere-project-v11-section-title .title-separator { margin-left: auto !important; margin-right: auto !important; }
    body.single-ogere_project .ogere-project-v11-section-title .section-title { font-size: 30px !important; line-height: 38px !important; }
    body.single-ogere_project .ogere-project-v11-intro-copy,
    body.single-ogere_project .ogere-project-v11-record,
    body.single-ogere_project .ogere-project-v11-record p,
    body.single-ogere_project .ogere-project-v11-record li { font-size: 14px !important; line-height: 1.72 !important; text-align: left !important; }
    body.single-ogere_project .ogere-project-v11-lead { font-size: 16px !important; line-height: 1.72 !important; text-align: left !important; }
    body.single-ogere_project .ogere-project-v11-media { margin-top: 24px !important; }
    body.single-ogere_project .ogere-project-v11-gallery-stage,
    body.single-ogere_project .ogere-project-v11-slide img,
    body.single-ogere_project .ogere-project-v11-slide video,
    body.single-ogere_project .ogere-project-v11-media-placeholder { min-height: 260px !important; }
    body.single-ogere_project .ogere-project-v11-facts,
    body.single-ogere_project .ogere-project-v11-context-links { grid-template-columns: 1fr !important; }
    body.single-ogere_project .ogere-project-v11-context-support strong { white-space: nowrap !important; }
}