/* KMG homepage and navigation refinement, 8 October 2026. */
/* Restore the original brand film within the current homepage layout. */
#kmgx-preview .x-home-visual .x-film{min-height:530px;width:100%;height:100%}
@media(max-width:800px){#kmgx-preview .x-home-visual .x-film{height:420px;min-height:420px}}
@media(max-width:650px){#kmgx-preview .x-home-visual .x-film{height:300px;min-height:300px}}
@media(min-width:1121px){
 #kmgx-preview .x-header.x-header-refined #x-navigation>:nth-child(4){grid-column:5 / span 2!important}
 #kmgx-preview .x-header.x-header-refined #x-navigation>:nth-child(5){grid-column:7!important}
}
#kmgx-preview .x-home-phv-divider{min-height:380px;background-image:url('https://keymanagementgroup.com/wp-content/uploads/2026/10/Piscadera-Harbour-Village-–-Aerial-Pool.webp');background-position:center}
#kmgx-preview .x-home-phv-divider:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#132e3ed9,transparent 55%);z-index:0}
#kmgx-preview .x-home-phv-divider figcaption{position:absolute;z-index:1;left:7.5%;bottom:30px;margin:0;color:#fff;font-size:12px;letter-spacing:.03em}
@media(max-width:650px){#kmgx-preview .x-home-phv-divider{min-height:320px}#kmgx-preview .x-home-phv-divider figcaption{left:7%;font-size:10px;bottom:24px}}
#kmgx-preview:has(.x-header-refined){--kmg-header-height:124px}
html.kmgx-html{scroll-padding-top:144px!important}
#kmgx-preview .x-header.x-header-refined{padding:0 3.5%!important;height:124px!important;min-height:124px!important}
#kmgx-preview .x-header.x-header-refined .x-logo{width:162px!important;height:106px!important}
#kmgx-preview .x-header.x-header-refined .x-logo img{width:158px!important;height:106px!important}
#kmgx-preview .x-header.x-header-refined #x-navigation{grid-template-columns:repeat(3,minmax(0,1fr)) 176px repeat(3,minmax(0,1fr))!important;column-gap:16px!important}
#kmgx-preview .x-header.x-header-refined #x-navigation>a,#kmgx-preview .x-header.x-header-refined #x-navigation summary{font-size:15px!important;line-height:1.4!important;letter-spacing:0!important}
#kmgx-preview .x-header.x-header-refined #x-navigation>a[aria-current=page]{color:#f5d8aa!important}
#kmgx-preview .x-header.x-header-refined .x-dropdown a{font-size:14px!important;line-height:1.45}
#kmgx-preview .x-header.x-header-refined #x-navigation>.x-button{font-size:15px!important;padding:13px 14px!important;gap:12px!important}
#kmgx-preview .x-home-hero{grid-template-columns:53% 47%;min-height:760px;background:#123f45}
#kmgx-preview .x-home-hero .x-hero-copy{padding:200px 9% 70px 9.5%!important;justify-content:center}
#kmgx-preview .x-home-hero h1{font-size:clamp(42px,4.1vw,65px);line-height:1.1;letter-spacing:-.036em}
#kmgx-preview .x-home-hero h1 em{color:#e4caa1}
#kmgx-preview .x-home-hero .x-eyebrow{font-size:10px;letter-spacing:.1em;color:#d5e5df}
#kmgx-preview .x-home-hero .x-lead{max-width:485px;font-size:18px;line-height:1.7;color:#e0eeea}
#kmgx-preview .x-home-hero .x-home-origin{font-size:11px;line-height:1.8;color:#c3d7d2;margin-top:36px;letter-spacing:.02em}
#kmgx-preview .x-home-visual{position:relative;display:grid;grid-template-rows:1fr auto;min-width:0;background:#15323d;padding-top:124px}
#kmgx-preview .x-home-visual>img{width:100%;height:100%;min-height:530px;object-fit:cover;object-position:45% center}
#kmgx-preview .x-home-visual figcaption{position:static;font-size:11px;color:#e0e8e5;padding:15px 28px;letter-spacing:.04em;background:#1b3b46}
#kmgx-preview .x-home-introduction{display:grid;grid-template-columns:1fr 1.05fr;gap:9%;padding-top:94px;padding-bottom:94px;background:#f4eee2}
#kmgx-preview .x-home-introduction .x-big-copy{font-size:25px;line-height:1.5;margin-top:0;color:#213f46}
#kmgx-preview .x-home-hospitality{background:#fffdf8;padding-top:100px;padding-bottom:95px}
#kmgx-preview .x-home-service-heading{max-width:820px;margin-bottom:55px}
#kmgx-preview .x-home-service-heading>p:last-child{max-width:660px;font-size:18px;line-height:1.7}
#kmgx-preview .x-home-service-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:7%;align-items:start}
#kmgx-preview .x-home-property{position:relative;min-width:0;background:#d7e4df}
#kmgx-preview .x-home-property>img{width:100%;height:570px;object-fit:cover}
#kmgx-preview .x-home-property figcaption{font-size:11px;background:#e7eee8;color:#375b5c;padding:15px 20px;margin:0}
#kmgx-preview .x-home-service-copy .x-home-emphasis{font:400 30px/1.3 var(--x-serif);color:#24494b;margin:0}
#kmgx-preview .x-home-service-copy>p{font-size:16px}
#kmgx-preview .x-home-detail-list{margin:28px 0 12px}
#kmgx-preview .x-home-detail-list>div{padding:19px 0;border-top:1px solid #cfdbd3}
#kmgx-preview .x-home-detail-list dt{font-size:16px;font-weight:700;color:#184849}
#kmgx-preview .x-home-detail-list dd{margin:7px 0 0;font-size:14px;line-height:1.7;color:#52696c}
#kmgx-preview .x-home-remote{margin-top:60px;padding:40px 42px;background:#dcebe2;border-left:5px solid #b25a43;display:grid;grid-template-columns:1fr 1fr;column-gap:7%;align-items:center}
#kmgx-preview .x-home-remote .x-eyebrow{font-size:10px;margin-bottom:16px;color:#6c3d32}
#kmgx-preview .x-home-remote h3{font:400 32px/1.2 var(--x-serif);color:#1d4b49}
#kmgx-preview .x-home-remote p{font-size:14px;line-height:1.65;color:#385e58;margin-top:13px}
#kmgx-preview .x-home-remote ul{list-style:none;display:grid;gap:13px;color:#244c48;font-size:14px;line-height:1.5}
#kmgx-preview .x-home-remote li{padding-left:21px;position:relative}
#kmgx-preview .x-home-remote li:before{content:'✓';position:absolute;left:0;color:#386b60}
#kmgx-preview .x-home-remote .x-text-link{grid-column:2;justify-self:start;margin-top:12px;color:#234c49;border-color:#648b7f}
#kmgx-preview .x-home-government{background:#142f42;color:#f7f1e8;position:relative}
#kmgx-preview .x-home-government .x-section{padding-top:100px;padding-bottom:90px}
#kmgx-preview .x-home-government-heading{display:grid;grid-template-columns:1fr 1.05fr;gap:9%;align-items:start}
#kmgx-preview .x-home-government .x-eyebrow{color:#e0be8f}
#kmgx-preview .x-home-government h2,#kmgx-preview .x-home-government h3{color:#f7f1e8}
#kmgx-preview .x-home-government h2 em{color:#b6d5d0}
#kmgx-preview .x-home-government .x-big-copy{font-size:24px;line-height:1.5;margin-top:0;color:#e7ece8}
#kmgx-preview .x-home-government p{color:#bdced4}
#kmgx-preview .x-home-government-lines{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #506778;padding-top:35px}
#kmgx-preview .x-home-government-lines article>span{font-size:10px;letter-spacing:.12em;color:#dec19c;font-weight:700}
#kmgx-preview .x-home-government-lines h3{font-size:22px;font-weight:500;line-height:1.35;margin:15px 0 0;letter-spacing:-.015em}
#kmgx-preview .x-home-government-lines p{font-size:14px;line-height:1.8;margin-top:17px}
#kmgx-preview .x-home-government-links{display:flex;align-items:center;flex-wrap:wrap;gap:25px 35px;margin-top:40px}
#kmgx-preview .x-home-government-links .x-text-link{color:#e7ece8;border-color:#8ea2ab}
#kmgx-preview .x-home-workforce{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#e9d9bd;padding-top:100px;padding-bottom:95px}
#kmgx-preview .x-home-workforce .x-eyebrow{color:#81432f}
#kmgx-preview .x-home-workforce h2{color:#3b4038}
#kmgx-preview .x-home-workforce h2 em{color:#7a4938}
#kmgx-preview .x-home-workforce .x-big-copy{font-size:24px;line-height:1.45;color:#514a3b;margin-top:32px}
#kmgx-preview .x-home-workforce p{color:#5a5a4d}
#kmgx-preview .x-home-workforce-item{border-top:1px solid #aeaa91;padding:25px 0}
#kmgx-preview .x-home-workforce-item:first-child{padding-top:0;border:0}
#kmgx-preview .x-home-workforce-item h3{font-size:23px;color:#514331;font-weight:500}
#kmgx-preview .x-home-workforce-item p{font-size:15px;line-height:1.75;margin-top:12px}
#kmgx-preview .x-home-regions{padding:24px;background:#f5ead8;margin-top:5px}
#kmgx-preview .x-home-regions .x-eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:10px}
#kmgx-preview .x-home-regions p:not(.x-eyebrow){font-size:15px;font-weight:600;color:#4a574a;margin-top:0}
#kmgx-preview .x-home-regions small{display:block;margin-top:12px;font-size:11px;line-height:1.6;color:#656452}
#kmgx-preview .x-home-engagement{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:95px;padding-bottom:95px;background:#f8f7f1}
#kmgx-preview .x-home-engagement ol{margin:0;padding:0;list-style:none;counter-reset:steps}
#kmgx-preview .x-home-engagement li{counter-increment:steps;position:relative;padding:0 0 27px 49px;margin-top:26px;border-bottom:1px solid #d4d9ce}
#kmgx-preview .x-home-engagement li:first-child{margin-top:0}
#kmgx-preview .x-home-engagement li:before{content:counter(steps);font:400 27px/1 var(--x-serif);position:absolute;left:0;top:2px;color:#a15a42}
#kmgx-preview .x-home-engagement h3{font-size:20px;line-height:1.35;color:#264c4b;font-weight:500}
#kmgx-preview .x-home-engagement p{font-size:14px;line-height:1.7;margin-top:12px}
#kmgx-preview .x-home-group{background:#e7eee8;border-top:1px solid #cbd8ce}
#kmgx-preview .x-home-group .x-company-wordmarks{background:#fffdf8;padding:25px 3%;margin-top:36px}
#kmgx-preview .x-home-group .x-company-wordmarks>a{border-color:#d4ddd4}
@media(min-width:1600px){#kmgx-preview .x-home-hero .x-hero-copy{padding-top:220px;padding-bottom:100px}#kmgx-preview .x-home-hero{min-height:860px}}
@media(max-width:1120px){
#kmgx-preview:has(.x-header-refined){--kmg-header-height:104px}
#kmgx-preview .x-header.x-header-refined{height:104px!important;min-height:104px!important;padding:0 5%!important}
#kmgx-preview .x-header.x-header-refined .x-logo{width:137px!important;height:90px!important}
#kmgx-preview .x-header.x-header-refined .x-logo img{width:132px!important;height:88px!important}
#kmgx-preview .x-header.x-header-refined #x-navigation.is-open{display:flex!important;gap:0!important}
#kmgx-preview .x-header.x-header-refined #x-navigation>a,#kmgx-preview .x-header.x-header-refined #x-navigation summary{font-size:17px!important;line-height:1.45!important}
#kmgx-preview .x-header.x-header-refined .x-dropdown a{font-size:15px!important}
#kmgx-preview .x-home-hero{grid-template-columns:54% 46%;min-height:690px}
#kmgx-preview .x-home-hero .x-hero-copy{padding:170px 9% 60px!important}
#kmgx-preview .x-home-hero h1{font-size:45px}
#kmgx-preview .x-home-visual{padding-top:104px}
#kmgx-preview .x-home-service-grid{gap:6%}
#kmgx-preview .x-home-property>img{height:590px}
#kmgx-preview .x-home-government-lines{gap:28px}
}
@media(max-width:800px){
#kmgx-preview .x-home-hero{grid-template-columns:1fr;min-height:0}
#kmgx-preview .x-home-hero .x-hero-copy{padding:165px 7% 55px!important}
#kmgx-preview .x-home-hero h1{font-size:clamp(39px,7.5vw,58px)}
#kmgx-preview .x-home-hero .x-lead{max-width:600px}
#kmgx-preview .x-home-visual{padding-top:0;max-height:490px}
#kmgx-preview .x-home-visual>img{min-height:0;height:420px;object-position:center}
#kmgx-preview .x-home-introduction,#kmgx-preview .x-home-service-grid,#kmgx-preview .x-home-government-heading,#kmgx-preview .x-home-workforce,#kmgx-preview .x-home-engagement{grid-template-columns:1fr;gap:35px}
#kmgx-preview .x-home-property>img{height:430px}
#kmgx-preview .x-home-service-copy .x-home-emphasis{font-size:32px}
#kmgx-preview .x-home-remote{grid-template-columns:1fr;gap:25px;padding:32px}
#kmgx-preview .x-home-remote .x-text-link{grid-column:1;margin-top:0}
#kmgx-preview .x-home-government-lines{grid-template-columns:1fr;gap:30px;padding-top:30px;margin-top:40px}
#kmgx-preview .x-home-government-lines article{border-bottom:1px solid #506778;padding-bottom:30px}
#kmgx-preview .x-home-government-lines article:last-child{border:0;padding-bottom:0}
#kmgx-preview .x-home-government-links{align-items:flex-start;flex-direction:column;gap:15px}
#kmgx-preview .x-home-group .x-company-wordmarks{padding:25px}
}
@media(max-width:650px){
#kmgx-preview:has(.x-header-refined){--kmg-header-height:96px}
html.kmgx-html{scroll-padding-top:116px!important}
#kmgx-preview .x-header.x-header-refined{height:96px!important;min-height:96px!important}
#kmgx-preview .x-header.x-header-refined .x-logo{width:126px!important;height:84px!important}
#kmgx-preview .x-header.x-header-refined .x-logo img{width:123px!important;height:82px!important}
#kmgx-preview .x-home-hero .x-hero-copy{padding:145px 7% 46px!important}
#kmgx-preview .x-home-hero .x-eyebrow{font-size:9px;line-height:1.6;letter-spacing:.06em}
#kmgx-preview .x-home-hero h1{font-size:clamp(35px,8.6vw,48px)}
#kmgx-preview .x-home-hero .x-lead{font-size:16px;margin-top:25px}
#kmgx-preview .x-home-hero .x-home-origin{font-size:10px;margin-top:28px}
#kmgx-preview .x-home-visual>img{height:300px}
#kmgx-preview .x-home-visual figcaption{font-size:10px;padding:13px 7%}
#kmgx-preview .x-home-introduction,#kmgx-preview .x-home-hospitality,#kmgx-preview .x-home-government .x-section,#kmgx-preview .x-home-workforce,#kmgx-preview .x-home-engagement{padding:62px 7%}
#kmgx-preview .x-home-introduction .x-big-copy{font-size:23px}
#kmgx-preview .x-home-service-heading{margin-bottom:30px}
#kmgx-preview .x-home-service-heading>p:last-child{font-size:16px}
#kmgx-preview .x-home-property>img{height:345px}
#kmgx-preview .x-home-remote{margin-top:38px;padding:28px 24px}
#kmgx-preview .x-home-remote h3{font-size:29px}
#kmgx-preview .x-home-government .x-big-copy,#kmgx-preview .x-home-workforce .x-big-copy{font-size:23px}
#kmgx-preview .x-home-government-lines h3{font-size:23px}
#kmgx-preview .x-home-group{padding:60px 7%}
}
@media(prefers-reduced-motion:reduce){#kmgx-preview .x-frozen-divider{background-attachment:scroll!important}}