/* ==========================================================
 * HOSTING MAGAZINE — ABOUT V1
 * ========================================================== */

.hmabout {
    overflow:hidden;
    background:#fff;
    color:#0f172a;
}

.hmabout *,
.hmabout *::before,
.hmabout *::after {
    box-sizing:border-box;
}

.hmabout-shell {
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}

.hmabout-eyebrow {
    margin-bottom:14px;
    color:#2563eb;
    font-size:12px;
    font-weight:800;
    line-height:1.3;
    letter-spacing:.14em;
    text-transform:uppercase;
}


/* HERO */

.hmabout-hero {
    position:relative;
    overflow:hidden;
    padding:100px 0 96px;
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(59,130,246,.24),
            transparent 36%
        ),
        linear-gradient(
            135deg,
            #071426,
            #0b1930 48%,
            #102447
        );
}

.hmabout-hero::before {
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            180deg,
            rgba(255,255,255,.018) 1px,
            transparent 1px
        );
    background-size:72px 72px;
    content:"";
}

.hmabout-hero .hmabout-shell {
    position:relative;
    z-index:1;
}

.hmabout-hero__grid {
    display:grid;
    grid-template-columns:
        minmax(0,1.2fr)
        minmax(340px,.8fr);
    gap:72px;
    align-items:center;
}

.hmabout-hero .hmabout-eyebrow {
    color:#93b9ff;
}

.hmabout-hero h1 {
    max-width:760px;
    margin:0;
    color:#fff;
    font-size:clamp(48px,6vw,76px);
    line-height:1;
    letter-spacing:-.052em;
}

.hmabout-hero__lead {
    max-width:700px;
    margin:28px 0 0;
    color:#e2e8f0;
    font-size:clamp(20px,2vw,24px);
    line-height:1.52;
}

.hmabout-hero__text {
    max-width:690px;
    margin:17px 0 0;
    color:#afbed1;
    font-size:16px;
    line-height:1.72;
}

.hmabout-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:32px;
}

.hmabout-btn {
    display:inline-flex;
    min-height:48px;
    align-items:center;
    justify-content:center;
    padding:11px 19px;
    border:1px solid #cbd5e1;
    border-radius:11px;
    background:#fff;
    color:#0f172a !important;
    font-weight:750;
    text-decoration:none !important;
}

.hmabout-hero .hmabout-btn {
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.055);
    color:#fff !important;
}

.hmabout-btn--primary,
.hmabout-hero .hmabout-btn--primary {
    border-color:#2563eb;
    background:#2563eb;
    color:#fff !important;
}

.hmabout-hero__panel {
    padding:28px;
    border:1px solid rgba(148,163,184,.23);
    border-radius:22px;
    background:rgba(255,255,255,.07);
    box-shadow:0 30px 70px rgba(0,0,0,.22);
}

.hmabout-panel__label {
    margin-bottom:16px;
    color:#fff;
    font-size:13px;
    font-weight:800;
}

.hmabout-panel__item {
    padding:15px 16px;
    border:1px solid rgba(148,163,184,.12);
    border-radius:13px;
    background:rgba(7,20,38,.34);
}

.hmabout-panel__item + .hmabout-panel__item {
    margin-top:10px;
}

.hmabout-panel__item strong,
.hmabout-panel__item span {
    display:block;
}

.hmabout-panel__item strong {
    margin-bottom:4px;
    color:#fff;
    font-size:14px;
}

.hmabout-panel__item span {
    color:#b7c5d7;
    font-size:13px;
    line-height:1.55;
}


/* SECTIONS */

.hmabout-section {
    padding:94px 0;
}

.hmabout-section--soft {
    background:#f6f8fb;
}

.hmabout-section-head {
    max-width:810px;
    margin-bottom:42px;
}

.hmabout-section-head h2 {
    margin:0;
    color:#0b1424;
    font-size:clamp(32px,4vw,48px);
    line-height:1.08;
    letter-spacing:-.04em;
}

.hmabout-section-head p {
    margin:18px 0 0;
    color:#61728a;
    font-size:17px;
    line-height:1.72;
}


/* PURPOSE */

.hmabout-purpose-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.hmabout-purpose-card {
    padding:27px;
    border:1px solid #dce5ef;
    border-radius:18px;
    background:#fff;
    box-shadow:0 14px 36px rgba(15,23,42,.045);
}

.hmabout-purpose-card > span {
    display:block;
    margin-bottom:20px;
    color:#2563eb;
    font-size:13px;
    font-weight:850;
}

.hmabout-purpose-card h3 {
    margin:0;
    color:#111d31;
    font-size:20px;
    line-height:1.15;
}

.hmabout-purpose-card p {
    margin:13px 0 0;
    color:#61728a;
    font-size:14px;
    line-height:1.65;
}


/* WORK */

.hmabout-work-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.hmabout-work-card {
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:16px;
    padding:26px;
    border:1px solid #dce5ef;
    border-radius:18px;
    background:#fff;
}

.hmabout-work-card__mark {
    display:grid;
    width:48px;
    height:48px;
    place-items:center;
    border-radius:14px;
    background:#edf4ff;
    color:#2563eb;
    font-size:14px;
    font-weight:850;
}

.hmabout-work-card h3 {
    margin:0;
    color:#111d31;
    font-size:20px;
}

.hmabout-work-card p {
    margin:10px 0 15px;
    color:#61728a;
    font-size:14px;
    line-height:1.62;
}

.hmabout-work-card a {
    color:#1558d6 !important;
    font-size:13px;
    font-weight:800;
    text-decoration:none !important;
}


/* DARK */

.hmabout-section--dark {
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(37,99,235,.16),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #081426,
            #0e1d36
        );
}

.hmabout-section--dark .hmabout-eyebrow {
    color:#93b9ff;
}

.hmabout-section--dark .hmabout-section-head h2 {
    color:#fff;
}

.hmabout-section--dark .hmabout-section-head p {
    color:#c1cede;
}

.hmabout-principles-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:15px;
}

.hmabout-principles-grid article {
    padding:23px;
    border:1px solid rgba(148,163,184,.22);
    border-radius:17px;
    background:rgba(255,255,255,.055);
}

.hmabout-principles-grid span {
    color:#93b9ff;
    font-size:12px;
    font-weight:850;
}

.hmabout-principles-grid h3 {
    margin:10px 0 0;
    color:#fff;
    font-size:18px;
}

.hmabout-principles-grid p {
    margin:11px 0 0;
    color:#cbd5e1;
    font-size:13px;
    line-height:1.6;
}

.hmabout-method-link {
    margin-top:24px;
}

.hmabout-method-link a {
    color:#bfdbfe !important;
    font-weight:800;
    text-decoration:none !important;
}


/* CORRECTIONS */

.hmabout-correction {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:40px;
    align-items:center;
    padding:30px;
    border:1px solid #dce5ef;
    border-radius:20px;
    background:#f8fafc;
}

.hmabout-correction strong {
    color:#101c30;
    font-size:18px;
}

.hmabout-correction p {
    max-width:760px;
    margin:9px 0 0;
    color:#61728a;
    font-size:14px;
    line-height:1.65;
}


/* FINAL */

.hmabout-final {
    padding:10px 0 90px;
}

.hmabout-final__panel {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:42px;
    align-items:center;
    padding:38px;
    border:1px solid #1e3658;
    border-radius:22px;
    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(59,130,246,.24),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #081426,
            #102447
        );
}

.hmabout-final .hmabout-eyebrow {
    color:#93b9ff;
}

.hmabout-final h2 {
    margin:0;
    color:#fff;
    font-size:clamp(28px,4vw,42px);
    line-height:1.08;
    letter-spacing:-.035em;
}

.hmabout-final p {
    margin:13px 0 0;
    color:#c3d0df;
    font-size:15px;
}


/* RESPONSIVE */

@media(max-width:1020px) {

    .hmabout-hero__grid {
        grid-template-columns:1fr;
        gap:44px;
    }

    .hmabout-purpose-grid,
    .hmabout-work-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .hmabout-principles-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:720px) {

    .hmabout-shell {
        width:min(100% - 28px,1180px);
    }

    .hmabout-hero {
        padding:64px 0 62px;
    }

    .hmabout-hero h1 {
        font-size:clamp(40px,12vw,54px);
    }

    .hmabout-section {
        padding:66px 0;
    }

    .hmabout-purpose-grid,
    .hmabout-work-grid,
    .hmabout-principles-grid {
        grid-template-columns:1fr;
    }

    .hmabout-actions {
        display:grid;
        grid-template-columns:1fr;
    }

    .hmabout-actions .hmabout-btn {
        width:100%;
    }

    .hmabout-correction,
    .hmabout-final__panel {
        grid-template-columns:1fr;
    }

    .hmabout-final__panel {
        padding:28px 24px;
    }
}

/* END HM ABOUT V1 */

/* ==========================================================
 * HM ABOUT ENTERPRISE FIX01 START
 * Page ID 580
 * ========================================================== */


/* ----------------------------------------------------------
 * REMOVE LEGACY PAGE TITLE / THEME WRAPPER EFFECTS
 * ---------------------------------------------------------- */

body.page-id-580 .entry-header,
body.page-id-580 header.entry-header,
body.page-id-580 .entry-title {
    display:none !important;
}

body.page-id-580 .entry-content {
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

body.page-id-580 article.page,
body.page-id-580 .site-main,
body.page-id-580 .content-area {
    margin-top:0 !important;
    margin-bottom:0 !important;
}


/*
 * Break About out of the legacy narrow WordPress content column.
 * Internal sections continue to use .hmabout-shell.
 */

body.page-id-580 .hmabout {
    position:relative !important;
    left:50% !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:-50vw !important;
    margin-right:-50vw !important;
    overflow:hidden !important;
}


/* ----------------------------------------------------------
 * GLOBAL HEADER — ABOUT PAGE
 * ---------------------------------------------------------- */

body.page-id-580
.site-header-row-container-inner > .site-container,
body.page-id-580
.site-main-header-wrap .site-container {
    width:min(1280px,calc(100% - 40px)) !important;
    max-width:1280px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

body.page-id-580 .site-main-header-inner-wrap {
    display:flex !important;
    width:100% !important;
    align-items:center !important;
}

body.page-id-580 .site-header-main-section-left {
    flex:0 0 auto !important;
    min-width:155px !important;
}

body.page-id-580 .site-header-main-section-right {
    display:flex !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    align-items:center !important;
    justify-content:flex-end !important;
}

body.page-id-580 .site-branding img,
body.page-id-580 .site-logo-img img,
body.page-id-580 img.custom-logo {
    width:auto !important;
    max-width:150px !important;
    max-height:48px !important;
}

body.page-id-580 .main-navigation,
body.page-id-580 .primary-menu-container {
    width:auto !important;
    max-width:none !important;
}

body.page-id-580
.main-navigation
.primary-menu-container > ul {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    align-items:center !important;
    justify-content:flex-end !important;
}

body.page-id-580
.main-navigation
.primary-menu-container > ul > li {
    display:block !important;
    flex:0 0 auto !important;
    width:auto !important;
    margin:0 !important;
}

body.page-id-580
.main-navigation
.primary-menu-container > ul > li > a {
    display:flex !important;
    min-height:72px !important;
    padding-left:13px !important;
    padding-right:13px !important;
    align-items:center !important;
    white-space:nowrap !important;
    font-size:13px !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
}


/* ----------------------------------------------------------
 * GLOBAL ABOUT GEOMETRY
 * ---------------------------------------------------------- */

.hmabout-shell {
    width:min(1180px,calc(100% - 48px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.hmabout-section {
    position:relative;
    padding:104px 0 !important;
}

.hmabout-section-head {
    max-width:780px !important;
    margin-bottom:46px !important;
}

.hmabout-section-head h2 {
    font-size:clamp(34px,4vw,50px) !important;
    line-height:1.05 !important;
    letter-spacing:-.045em !important;
    color:#0b1424 !important;
}

.hmabout-section-head p {
    max-width:720px !important;
    margin-top:18px !important;
    color:#5f7189 !important;
    font-size:16px !important;
    line-height:1.75 !important;
}


/* ----------------------------------------------------------
 * HERO
 * ---------------------------------------------------------- */

.hmabout-hero {
    position:relative !important;
    overflow:hidden !important;
    padding:112px 0 108px !important;
    border-bottom:1px solid rgba(148,163,184,.15) !important;
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(59,130,246,.26) 0,
            rgba(59,130,246,.08) 28%,
            transparent 48%
        ),
        radial-gradient(
            circle at 12% 92%,
            rgba(37,99,235,.10),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #061326 0%,
            #0a1930 48%,
            #10264a 100%
        ) !important;
}

.hmabout-hero::before {
    opacity:.8 !important;
}

.hmabout-hero__grid {
    grid-template-columns:
        minmax(0,1.24fr)
        minmax(340px,.76fr) !important;
    gap:78px !important;
    align-items:center !important;
}

.hmabout-hero .hmabout-eyebrow {
    color:#94baff !important;
}

.hmabout-hero h1 {
    max-width:760px !important;
    margin:0 !important;
    color:#fff !important;
    font-size:clamp(50px,5.5vw,76px) !important;
    line-height:.99 !important;
    letter-spacing:-.055em !important;
}

.hmabout-hero__lead {
    max-width:680px !important;
    margin-top:30px !important;
    color:#e5edf7 !important;
    font-size:21px !important;
    line-height:1.55 !important;
}

.hmabout-hero__text {
    max-width:680px !important;
    margin-top:17px !important;
    color:#aebed1 !important;
    font-size:15px !important;
    line-height:1.75 !important;
}

.hmabout-actions {
    margin-top:34px !important;
}

.hmabout-hero .hmabout-btn {
    min-height:50px !important;
    padding:12px 20px !important;
    border-color:rgba(255,255,255,.27) !important;
    background:rgba(255,255,255,.055) !important;
    color:#fff !important;
}

.hmabout-hero .hmabout-btn--primary {
    border-color:#2f6fea !important;
    background:#2563eb !important;
    box-shadow:0 12px 30px rgba(37,99,235,.27) !important;
}


/* Hero panel */

.hmabout-hero__panel {
    padding:28px !important;
    border:1px solid rgba(148,163,184,.23) !important;
    border-radius:22px !important;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.095),
            rgba(255,255,255,.052)
        ) !important;
    box-shadow:0 30px 70px rgba(0,0,0,.20) !important;
}

.hmabout-panel__label {
    margin-bottom:16px !important;
    color:#fff !important;
    font-size:13px !important;
    letter-spacing:.01em !important;
}

.hmabout-panel__item {
    min-height:0 !important;
    padding:17px 17px !important;
    border:1px solid rgba(148,163,184,.13) !important;
    border-radius:13px !important;
    background:rgba(5,18,36,.38) !important;
}

.hmabout-panel__item + .hmabout-panel__item {
    margin-top:10px !important;
}

.hmabout-panel__item strong {
    margin:0 0 7px !important;
    color:#fff !important;
    font-size:14px !important;
    line-height:1.35 !important;
}

.hmabout-panel__item span {
    margin:0 !important;
    color:#bfccdc !important;
    font-size:13px !important;
    line-height:1.55 !important;
}


/* ----------------------------------------------------------
 * WHY / PURPOSE CARDS
 * ---------------------------------------------------------- */

.hmabout-purpose-grid {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;
}

.hmabout-purpose-card {
    min-height:220px !important;
    padding:26px !important;
    border:1px solid #d9e4ef !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:
        0 4px 12px rgba(15,23,42,.025),
        0 18px 44px rgba(15,23,42,.045) !important;
}

.hmabout-purpose-card > span {
    margin-bottom:24px !important;
    color:#2563eb !important;
}

.hmabout-purpose-card h3 {
    margin:0 !important;
    color:#101b2d !important;
    font-size:18px !important;
    line-height:1.2 !important;
}

.hmabout-purpose-card p {
    margin-top:13px !important;
    color:#60728a !important;
    font-size:14px !important;
    line-height:1.65 !important;
}


/* ----------------------------------------------------------
 * WHAT WE DO — TRUE SOFT FULL-WIDTH BAND
 * ---------------------------------------------------------- */

.hmabout-section--soft {
    background:#f5f8fc !important;
    border-top:1px solid #edf2f7 !important;
    border-bottom:1px solid #edf2f7 !important;
}

.hmabout-work-grid {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;
}

.hmabout-work-card {
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    gap:17px !important;
    min-height:255px !important;
    padding:26px !important;
    border:1px solid #dbe5ef !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 14px 38px rgba(15,23,42,.04) !important;
}

.hmabout-work-card__mark {
    width:48px !important;
    height:48px !important;
    background:#edf4ff !important;
    color:#2563eb !important;
}

.hmabout-work-card h3 {
    margin:0 !important;
    color:#101b2d !important;
    font-size:18px !important;
    line-height:1.2 !important;
}

.hmabout-work-card p {
    margin:10px 0 18px !important;
    color:#60728a !important;
    font-size:14px !important;
    line-height:1.62 !important;
}

.hmabout-work-card a {
    color:#1558d6 !important;
    font-weight:800 !important;
}


/* ----------------------------------------------------------
 * METHODOLOGY — TRUE FULL-WIDTH DARK BAND
 * ---------------------------------------------------------- */

.hmabout-section--dark {
    border-top:1px solid rgba(148,163,184,.10) !important;
    border-bottom:1px solid rgba(148,163,184,.10) !important;
    background:
        radial-gradient(
            circle at 84% 14%,
            rgba(37,99,235,.18),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #071426,
            #0d1d37
        ) !important;
}

.hmabout-section--dark .hmabout-section-head h2 {
    color:#fff !important;
}

.hmabout-section--dark .hmabout-section-head p {
    color:#c3cfde !important;
}

.hmabout-section--dark .hmabout-eyebrow {
    color:#93b9ff !important;
}

.hmabout-principles-grid {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
}

.hmabout-principles-grid article {
    min-height:220px !important;
    padding:24px !important;
    border:1px solid rgba(148,163,184,.22) !important;
    border-radius:17px !important;
    background:rgba(255,255,255,.055) !important;
}

.hmabout-principles-grid span {
    color:#93b9ff !important;
}

.hmabout-principles-grid h3 {
    margin-top:14px !important;
    color:#fff !important;
    font-size:17px !important;
    line-height:1.25 !important;
}

.hmabout-principles-grid p {
    margin-top:12px !important;
    color:#cbd5e1 !important;
    font-size:13px !important;
    line-height:1.62 !important;
}

.hmabout-method-link {
    margin-top:28px !important;
}

.hmabout-method-link a {
    color:#bfdbfe !important;
}


/* ----------------------------------------------------------
 * CORRECTIONS
 * ---------------------------------------------------------- */

.hmabout-correction {
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:48px !important;
    padding:32px 34px !important;
    border:1px solid #dbe5ef !important;
    border-radius:19px !important;
    background:#f7f9fc !important;
}

.hmabout-correction strong {
    color:#111d31 !important;
    font-size:18px !important;
}

.hmabout-correction p {
    max-width:760px !important;
    margin-top:8px !important;
    color:#60728a !important;
    font-size:14px !important;
    line-height:1.65 !important;
}

.hmabout-correction .hmabout-btn {
    white-space:nowrap !important;
}


/* ----------------------------------------------------------
 * FINAL CTA
 * ---------------------------------------------------------- */

.hmabout-final {
    padding:0 0 96px !important;
    background:#fff !important;
}

.hmabout-final__panel {
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:48px !important;
    padding:40px 42px !important;
    border:1px solid #1e3658 !important;
    border-radius:22px !important;
    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(59,130,246,.23),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #071426,
            #102447
        ) !important;
    box-shadow:0 24px 60px rgba(15,23,42,.10) !important;
}

.hmabout-final h2 {
    color:#fff !important;
    font-size:clamp(30px,3.5vw,42px) !important;
}

.hmabout-final p {
    color:#c4d0df !important;
}


/* ----------------------------------------------------------
 * MICRO INTERACTIONS — DESKTOP
 * ---------------------------------------------------------- */

.hmabout-purpose-card,
.hmabout-work-card {
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.hmabout-purpose-card:hover,
.hmabout-work-card:hover {
    border-color:#c9d8e8 !important;
    box-shadow:
        0 5px 14px rgba(15,23,42,.035),
        0 22px 48px rgba(15,23,42,.065) !important;
    transform:translateY(-2px);
}


/* ----------------------------------------------------------
 * TABLET
 * ---------------------------------------------------------- */

@media(max-width:1020px) {

    body.page-id-580
    .main-navigation
    .primary-menu-container > ul > li > a {
        min-height:inherit !important;
    }

    .hmabout-hero {
        padding:82px 0 78px !important;
    }

    .hmabout-hero__grid {
        grid-template-columns:1fr !important;
        gap:44px !important;
    }

    .hmabout-hero__panel {
        max-width:720px !important;
    }

    .hmabout-purpose-grid,
    .hmabout-work-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .hmabout-principles-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .hmabout-section {
        padding:82px 0 !important;
    }
}


/* ----------------------------------------------------------
 * MOBILE
 * ---------------------------------------------------------- */

@media(max-width:720px) {

    body.page-id-580 .hmabout {
        left:auto !important;
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .hmabout-shell {
        width:min(100% - 28px,1180px) !important;
    }

    .hmabout-hero {
        padding:64px 0 !important;
    }

    .hmabout-hero h1 {
        font-size:clamp(40px,12vw,54px) !important;
    }

    .hmabout-hero__lead {
        font-size:18px !important;
    }

    .hmabout-section {
        padding:66px 0 !important;
    }

    .hmabout-purpose-grid,
    .hmabout-work-grid,
    .hmabout-principles-grid {
        grid-template-columns:1fr !important;
    }

    .hmabout-purpose-card,
    .hmabout-work-card,
    .hmabout-principles-grid article {
        min-height:0 !important;
    }

    .hmabout-work-card {
        grid-template-columns:
            46px minmax(0,1fr) !important;
    }

    .hmabout-actions {
        display:grid !important;
        grid-template-columns:1fr !important;
    }

    .hmabout-actions .hmabout-btn {
        width:100% !important;
    }

    .hmabout-correction,
    .hmabout-final__panel {
        grid-template-columns:1fr !important;
        gap:26px !important;
    }

    .hmabout-correction {
        padding:26px 24px !important;
    }

    .hmabout-final {
        padding-bottom:72px !important;
    }

    .hmabout-final__panel {
        padding:29px 24px !important;
    }

    .hmabout-purpose-card:hover,
    .hmabout-work-card:hover {
        transform:none;
    }
}

/* HM ABOUT ENTERPRISE FIX01 END */



/* ==========================================================
 * HM ABOUT DEDICATED TEMPLATE FIX02 START
 *
 * The page now uses a dedicated template just like the other
 * canonical Hosting Magazine layouts.
 * ========================================================== */


/* ----------------------------------------------------------
 * REMOVE EVERY LEGACY PAGE WRAPPER EFFECT
 * ---------------------------------------------------------- */

body.page-id-580 #content.site-content,
body.page-id-580 .site-content {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

body.page-id-580 .hm-about-main {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}


/*
 * FIX01 needed to escape the legacy page container.
 * The dedicated template no longer needs that hack.
 */

body.page-id-580 .hm-about-main > .hmabout,
body.page-id-580 .hmabout {
    position:relative !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}


/* ----------------------------------------------------------
 * HERO — SAME PAGE ARCHITECTURE AS HOME
 * ---------------------------------------------------------- */

body.page-id-580 .hmabout-hero {
    width:100% !important;
    margin:0 !important;
    padding:104px 0 100px !important;
}

body.page-id-580 .hmabout-hero__grid {
    grid-template-columns:
        minmax(0,1.25fr)
        minmax(340px,.75fr) !important;
    gap:72px !important;
}


/*
 * Keep the same visual proportions used by the Home hero:
 * strong editorial heading, content left, evidence panel right.
 */

body.page-id-580 .hmabout-hero h1 {
    max-width:760px !important;
    font-size:clamp(48px,5.1vw,72px) !important;
    line-height:1 !important;
}

body.page-id-580 .hmabout-hero__lead {
    max-width:700px !important;
}

body.page-id-580 .hmabout-hero__panel {
    width:100% !important;
}


/* ----------------------------------------------------------
 * TRUE FULL-WIDTH BANDS
 * ---------------------------------------------------------- */

body.page-id-580 .hmabout-section,
body.page-id-580 .hmabout-final {
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}


/* ----------------------------------------------------------
 * CONTENT GRID — SAME MAX WIDTH AS HOME
 * ---------------------------------------------------------- */

body.page-id-580 .hmabout-shell {
    width:min(1180px,calc(100% - 40px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}


/* ----------------------------------------------------------
 * FIRST WHITE SECTION
 * ---------------------------------------------------------- */

body.page-id-580
.hmabout-hero + .hmabout-section {
    padding-top:96px !important;
}


/* ----------------------------------------------------------
 * SOFT BAND
 * ---------------------------------------------------------- */

body.page-id-580 .hmabout-section--soft {
    background:
        linear-gradient(
            180deg,
            #f7f9fc 0%,
            #f4f7fb 100%
        ) !important;
}


/* ----------------------------------------------------------
 * DARK METHODOLOGY BAND
 * ---------------------------------------------------------- */

body.page-id-580 .hmabout-section--dark {
    background:
        radial-gradient(
            circle at 84% 14%,
            rgba(37,99,235,.17),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #071426,
            #0d1d37
        ) !important;
}


/* ----------------------------------------------------------
 * FINAL CTA
 * ---------------------------------------------------------- */

body.page-id-580 .hmabout-final {
    padding-top:0 !important;
}


/* ----------------------------------------------------------
 * TABLET
 * ---------------------------------------------------------- */

@media(max-width:1020px) {

    body.page-id-580 .hmabout-hero__grid {
        grid-template-columns:1fr !important;
        gap:44px !important;
    }

    body.page-id-580 .hmabout-hero__panel {
        max-width:720px !important;
    }

}


/* ----------------------------------------------------------
 * MOBILE
 * ---------------------------------------------------------- */

@media(max-width:720px) {

    body.page-id-580 .hmabout-shell {
        width:min(100% - 28px,1180px) !important;
    }

    body.page-id-580 .hmabout-hero {
        padding:64px 0 !important;
    }

    body.page-id-580 .hmabout-hero h1 {
        font-size:clamp(40px,12vw,54px) !important;
    }

}

/* HM ABOUT DEDICATED TEMPLATE FIX02 END */