/* LGE service pages — scoped to preserve existing site layouts. */
.lge-services{--svc-ink:#071a24;--svc-yellow:#fdaf3f;--svc-gray:#eff0f0;color:var(--svc-ink);background:#fff}
.lge-services a:focus-visible,.lge-services-about a:focus-visible{outline:3px solid #fdaf3f;outline-offset:5px}
.lge-services__hero{background:#071a24;color:#fff;padding:150px 0 58px}
.lge-services__crumbs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px;font:600 13px/1.4 'proxima-nova',Arial,sans-serif}
.lge-services__crumbs a{color:#fff;text-decoration:underline;text-underline-offset:4px}
.lge-services__hero h1{font:600 clamp(42px,5.5vw,78px)/1.06 'chronicle-display',Georgia,serif;max-width:1050px;margin:18px 0 24px;color:#fff}
.lge-services__hero p{max-width:760px;font-size:20px;line-height:1.55;margin:0}
.lge-services__nav{background:#eff0f0;border-bottom:1px solid #cbd0d2}
.lge-services__nav .lge-wrap{display:flex;gap:10px 30px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}
.lge-services__nav a{font:700 12px/1.5 'proxima-nova',Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#071a24;text-decoration:none;padding:5px 0;border-bottom:2px solid transparent}
.lge-services__nav a[aria-current=page]{border-color:#fdaf3f}
.lge-services__body{padding:56px 0}
.lge-service-section{padding:44px 0;border-bottom:1px solid #cbd0d2;scroll-margin-top:110px}
.lge-service-section:first-child{padding-top:0}
.lge-services h2,.lge-services-about h2{font:600 clamp(30px,3.6vw,48px)/1.12 'chronicle-display',Georgia,serif;margin:0 0 22px}
.lge-services h3{font:600 27px/1.2 'chronicle-display',Georgia,serif;margin:0 0 14px}
.lge-services p,.lge-services li,.lge-services-about p{font:400 18px/1.65 'proxima-nova',Arial,sans-serif}
.lge-services p{max-width:78ch;margin:0 0 20px}
.lge-services__split{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}
.lge-services__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.lge-services__card{border-top:2px solid #071a24;padding-top:22px;min-width:0}
.lge-services__card p{font-size:17px}
.lge-services__rows{border-top:1px solid #acb5b9}
.lge-services__row{display:grid;grid-template-columns:50px 1fr 1.25fr auto;gap:24px;align-items:start;padding:28px 0;border-bottom:1px solid #acb5b9;color:inherit;text-decoration:none}
.lge-services__row:hover h3{text-decoration:underline;text-decoration-color:#fdaf3f;text-underline-offset:7px}
.lge-services__row .number{font:600 24px/1.2 'chronicle-display',Georgia,serif;color:#071a24}
.lge-services__row h3{margin:0;font:600 27px/1.2 'chronicle-display',Georgia,serif}
.lge-services__row p{font-size:17px;margin:0}
.lge-services__row .link-label{font:700 12px/1.5 'proxima-nova',Arial,sans-serif;border-bottom:2px solid #fdaf3f;white-space:nowrap}
.lge-service-placeholder{background:#eff0f0;border-left:4px solid #fdaf3f;padding:24px 28px;margin:28px 0}
.lge-service-placeholder .lge-eyebrow{color:#071a24;display:block;margin-bottom:10px}
.lge-service-placeholder p:last-child,.lge-service-placeholder ul:last-child{margin-bottom:0}
.lge-services__proof{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}
.lge-services__proof img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.lge-services__proof .lge-eyebrow{display:block;margin-bottom:15px;color:#071a24}
.lge-services__text-link{font-weight:700;text-decoration:underline;text-decoration-color:#fdaf3f;text-underline-offset:5px;color:#071a24}
.lge-services__close{padding:54px 0;background:#071a24;color:#fff}
.lge-services__close h2{color:#fff}
.lge-services__close .lge-wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}
.lge-services__close p{margin:0;max-width:60ch}
.lge-services__close .lge-btn{flex-shrink:0}
.lge-services-about{padding:60px 0;background:#eff0f0;color:#071a24}
.lge-services-about .lge-eyebrow{display:block;margin-bottom:18px;color:#071a24}
.lge-services-about .lge-services__split{margin-bottom:32px}
.lge-services-about .lge-services__row{grid-template-columns:40px 1fr 1.2fr auto}
.lge-services-about .lge-services__row h3{font-size:25px}
@media(max-width:850px){.lge-services__split,.lge-services__proof{grid-template-columns:1fr;gap:24px}.lge-services__cards{grid-template-columns:1fr}.lge-services__row,.lge-services-about .lge-services__row{grid-template-columns:30px 1fr;gap:10px 18px}.lge-services__row p,.lge-services__row .link-label{grid-column:2}.lge-services__row .link-label{justify-self:start}.lge-services__close .lge-wrap{display:block}.lge-services__close .lge-btn{margin-top:26px}.lge-services__hero{padding-top:120px}.lge-services__nav .lge-wrap{gap:12px 20px}.lge-services__hero p{font-size:18px}.lge-service-section{padding:32px 0}}

/* Classic-theme block wrappers must not collapse the editorial grids. */
.lge-services__row > .wp-block-group__inner-container,
.lge-services__cards > .wp-block-group__inner-container,
.lge-services__split > .wp-block-group__inner-container{display:contents}
#main.lge-services a{color:#071a24}
#main.lge-services .lge-services__hero p,
#main.lge-services .lge-services__hero a,
#main.lge-services .lge-services__close p{color:#fff}
#main.lge-services .lge-services__row a{color:#071a24;text-decoration:none}
#main.lge-services .lge-services__row a:hover{text-decoration:underline;text-decoration-color:#fdaf3f;text-underline-offset:5px}
#main.lge-services .lge-services__hero{padding-top:110px}
.lge-services__row > .wp-block-group__inner-container > *{margin-top:0;margin-bottom:0}
.lge-services__row p.link-label{font-size:12px;line-height:1.5;font-weight:700;max-width:max-content}

@media(max-width:850px){.lge-services__row .number{grid-column:1;grid-row:1}.lge-services__row h3{grid-column:2;grid-row:1}}

/* Keep the header-offset area continuous with the service hero. */
body.lge-service-page,
body.lge-service-page #content{background-color:#071a24}

/* Four clear destinations, with an editorial rather than catalog layout. */
#main.lge-services .lge-services__hero{padding:48px 0 42px}
.lge-services__hero h1{max-width:1100px;font-size:clamp(40px,4.5vw,66px)}
.lge-services__crumbs{margin-bottom:24px}
.lge-services__hero p{margin-bottom:0;max-width:820px}
.lge-services__body{padding:40px 0 52px}
.lge-services__destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.lge-services__destinations > .wp-block-group__inner-container{display:contents}
.lge-services__destination{position:relative;min-width:0;padding:26px 0 28px;border-top:1px solid #abb5ba;display:flex;flex-direction:column}
.lge-services__destination > .wp-block-group__inner-container{display:contents}
.lge-services__destination h2{font-size:clamp(29px,2.8vw,40px);margin-bottom:12px}
.lge-services__destination p{font-size:18px;line-height:1.55;margin-bottom:18px;max-width:51ch}
.lge-services__destination .lge-service-kicker,
.lge-services .lge-service-kicker{font:700 11px/1.5 'proxima-nova',Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px}
.lge-services__destination .lge-service-link{margin-top:auto;margin-bottom:0;font-size:13px;line-height:1.5;font-weight:700}
.lge-service-link a{border-bottom:2px solid #fdaf3f;padding-bottom:4px;text-decoration:none}
.lge-service-link a:hover{border-color:#071a24}
.lge-services__destination:focus-within{outline:2px solid #fdaf3f;outline-offset:8px}
.lge-services__cards{margin:28px 0}
.lge-services__faq{border-top:1px solid #cbd0d2;padding:24px 0}
.lge-services__faq h3{font-size:25px;margin-bottom:10px}
.lge-services__faq p:last-child{margin-bottom:0}
.lge-services__compact{padding-top:32px}
.lge-services__compact h2{font-size:clamp(28px,3vw,38px)}
.lge-services .lge-service-placeholder h3{font-size:26px}
.lge-services .lge-service-placeholder p{font-size:16px;line-height:1.6}
@media(max-width:650px){
 #main.lge-services .lge-services__hero{padding:32px 0}
 .lge-services__hero h1{font-size:40px}
 .lge-services__destinations{grid-template-columns:1fr}
 .lge-services__destination{padding:24px 0}
 .lge-services__body{padding-top:28px}
 .lge-services__nav .lge-wrap{gap:12px 20px}
 .lge-service-placeholder{padding:20px}
 .lge-services__crumbs{font-size:11px;gap:7px}
}

#main.lge-services .lge-services__hero .lge-eyebrow{color:#fdaf3f}

/* Kyle's feedback, 2026-10-27: hub service cards, numbered TI projects, testimonial spacing. */
.lge-service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0 0 12px}
.lge-service-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d7dddf}
.lge-service-card__media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.lge-service-card__body{display:flex;flex-direction:column;gap:14px;padding:26px 26px 28px;flex-grow:1}
.lge-services .lge-service-card h2{font-size:clamp(26px,2.2vw,32px);margin:0}
.lge-services .lge-service-card p{font-size:17px;margin:0;flex-grow:1}
.lge-service-card .lge-btn{align-self:flex-start}
.lge-ti-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:8px}
.lge-ti-project{min-width:0}
.lge-ti-project__media img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.lge-ti-project__n{display:block;margin:18px 0 6px;font:600 22px/1 'chronicle-display',Georgia,serif;color:#071a24}
.lge-services .lge-ti-project h3{font-size:24px;margin:0 0 6px}
.lge-services .lge-ti-project h3 a{text-decoration:none}
.lge-services .lge-ti-project__meta{font-size:15px;color:#53636b;margin:0}
.lge-services__proof .lge-btn{margin-top:6px}
.lge-service-page .lge-testimonials{background:#eff0f0}
@media(max-width:850px){.lge-service-cards,.lge-ti-projects{grid-template-columns:1fr}}
@media(min-width:851px) and (max-width:1100px){.lge-service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Outlined buttons fill dark on hover, so their text turns white. "#main.lge-services a" otherwise keeps it dark. Dark sections invert: white fill, dark text. */
#main.lge-services a.lge-btn--ghost:hover,#main.lge-services a.lge-btn--ghost:focus-visible{color:var(--lge-white,#fff)}
#main.lge-services .lge-section--dark a.lge-btn--ghost:hover,#main.lge-services .lge-section--ink a.lge-btn--ghost:hover,#main.lge-services .lge-close a.lge-btn--ghost:hover,#main.lge-services .lge-hero a.lge-btn--ghost:hover,#main.lge-services a.lge-btn--on-dark:hover{color:var(--lge-cool-black,#071a24)}