/* V4 division landing page and division-specific layouts */
.division-header {
    background: #fff;
    border-bottom: 1px solid #dce5ef;
    width: 100%;
}
.division-header__inner {
    width: min(100% - 48px, 1320px);
    min-height: 100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.division-header__logo {
    display: block;
    width: 68px;
    height: 68px;
    object-fit: contain;
    margin-right: 16px;
}
.division-header h1 {
    margin: 0;
    color: #17365f;
    font: 800 clamp(1.35rem, 2.2vw, 2rem)/1.2 "Exo 2", sans-serif;
    letter-spacing: -.025em;
}
.division-home {
    min-height: calc(100vh - 270px);
    display: grid;
    align-items: center;
    padding: clamp(32px, 6vw, 84px) 24px;
    background: linear-gradient(135deg, #f7faff 0%, #fff 52%, #f5fbf7 100%);
}
.division-choices {
    width: min(100%, 1120px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 38px);
}
.division-choice {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 0;
    min-height: clamp(260px, 28vw, 380px);
    padding: clamp(22px, 3vw, 42px);
    border-radius: 24px;
    text-decoration: none;
    box-shadow: 0 16px 42px rgba(18, 42, 72, .12);
    transition: transform .2s ease, box-shadow .2s ease;
}
.division-choice:hover, .division-choice:focus-visible {
    transform: translateY(-5px);
    box-shadow: 0 22px 52px rgba(18, 42, 72, .18);
}
.division-choice--graphics { background: linear-gradient(145deg, #214a7c, #32628e); }
.division-choice--energy { background: linear-gradient(145deg, #147542, #249a58); }
.division-choice__logo {
    width: 100%;
    min-height: 150px;
    padding: clamp(12px, 2vw, 24px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 14px;
}
.division-choice__logo img {
    display: block;
    width: 100%;
    max-width: 440px;
    height: clamp(100px, 13vw, 170px);
    object-fit: contain;
}
.division-choice__action {
    margin-top: 24px;
    color: #fff;
    font: 700 1rem/1.3 "Inter", sans-serif;
    display: flex;
    gap: 10px;
    align-items: center;
}
.division-footer {
    background: #142e53;
    color: #fff;
    padding: 24px;
}
.division-footer__inner {
    width: min(100%, 1320px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px 28px;
    align-items: center;
}
.division-footer strong { font-size: .98rem; }
.division-footer p { margin: 6px 0 0; color: #d8e3f2; }
.division-footer__contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    justify-content: flex-end;
}
.division-footer a { color: #fff; text-decoration: none; }
.division-footer a:hover { text-decoration: underline; }
.division-footer small { grid-column: 1 / -1; color: #c4d2e4; border-top: 1px solid rgba(255,255,255,.2); padding-top: 12px; }

/* Graphics page: slideshow occupies the full hero width with no division sidebar */
.graphics-page .hero-layout {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
}
.graphics-page .hero-copy { width: 100% !important; max-width: none !important; }
.graphics-page .mg-slideshow { width: 100% !important; }
.graphics-page .home-hero > .mg-container { width: min(100% - 48px, 1600px) !important; margin-inline: auto !important; }

/* Dedicated Modern Energy page */
.energy-hero {
    width: min(100% - 48px, 1320px);
    margin: clamp(32px, 5vw, 70px) auto;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
    gap: clamp(28px, 5vw, 70px);
    align-items: center;
}
.energy-hero__copy .eyebrow { color: #19824b; font-weight: 800; letter-spacing: .12em; font-size: .78rem; }
.energy-hero h1 { margin: 12px 0 18px; color: #17365f; font: 800 clamp(2.1rem, 4.5vw, 4rem)/1.08 "Exo 2", sans-serif; }
.energy-hero__copy > p:not(.eyebrow) { color: #5d6d7e; font-size: 1.08rem; line-height: 1.75; max-width: 650px; }
.energy-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.energy-hero__image { background: #f1f8f3; border-radius: 24px; padding: clamp(24px, 4vw, 50px); display: grid; place-items: center; min-height: 300px; }
.energy-hero__image img { width: 100%; max-width: 520px; height: auto; object-fit: contain; }
.button--outline { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #1b4278; color: #1b4278; border-radius: 8px; padding: 12px 20px; text-decoration: none; font-weight: 700; }
.energy-services { background: #f6f9f7; }
.energy-service-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.energy-service-card { background: #fff; border: 1px solid #e0ebe3; border-radius: 16px; padding: 26px; box-shadow: 0 8px 24px rgba(20, 46, 83, .05); }
.energy-service-card > span { color: #19824b; font-weight: 800; font-size: .85rem; }
.energy-service-card h3 { color: #17365f; margin: 14px 0 10px; font-size: 1.15rem; }
.energy-service-card p { color: #62758d; line-height: 1.65; margin: 0; }
@media (max-width: 800px) {
    .division-choices { grid-template-columns: 1fr; max-width: 560px; }
    .division-choice { min-height: 250px; }
    .division-choice__logo img { height: 125px; }
    .division-footer__inner { grid-template-columns: 1fr; text-align: center; }
    .division-footer__contacts { justify-content: center; }
    .energy-hero { grid-template-columns: 1fr; }
    .energy-hero__image { min-height: 220px; }
    .energy-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
    .division-header__inner { width: calc(100% - 28px); min-height: 82px; }
    .division-header__logo { width: 52px; height: 52px; margin-right: 10px; }
    .division-home { padding: 28px 16px; }
    .division-choice { padding: 18px; border-radius: 18px; min-height: 210px; }
    .division-choice__logo { min-height: 120px; padding: 12px; }
    .division-choice__logo img { height: 100px; }
    .division-footer { padding: 22px 16px; }
    .energy-hero { width: calc(100% - 32px); }
    .energy-service-grid { grid-template-columns: 1fr; }
}

/* V6 homepage logo and developer credit */
.division-header__inner { gap: 0; }
.division-footer small a { color: #fff; font-weight: 700; text-decoration: none; }
.division-footer small a:hover { text-decoration: underline; }