:root{--ink:#14232e;--deep:#101e29;--deep2:#1a2c37;--text:#1e2b34;--muted:#647078;--paper:#f6f6f2;--yellow:#f1c542;--line:#d9dfdb;--white:#fff;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-60px;left:12px;background:var(--yellow);color:var(--deep);padding:12px;z-index:100}.skip-link:focus{top:10px}.topline{background:#0c1821;color:#aebbc0;font-size:10px;letter-spacing:.14em;font-weight:700}.topline-inner{height:32px;display:flex;align-items:center;justify-content:space-between}.topline b{color:var(--yellow);font-weight:400;padding:0 6px}.site-header{background:#fff}.nav-row{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;gap:9px;align-items:center;text-decoration:none;color:var(--ink)}.brand-mark{width:45px;height:45px;color:#ca9c1d;display:grid;place-items:center}.brand-mark svg{width:100%}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-size:21px;letter-spacing:.1em;font-weight:850}.brand-text small{font-size:8.3px;letter-spacing:.19em;font-weight:800;margin-top:6px}.site-nav{display:flex;align-items:center;gap:38px}.site-nav>a{font-size:13px;text-decoration:none;font-weight:650}.site-nav>a:hover{color:#94720e}.site-nav .nav-cta{background:var(--deep);color:#fff;padding:17px 22px}.nav-cta span{color:var(--yellow);margin-left:28px}.menu-toggle{display:none}.hero{position:relative;background:var(--deep);color:white;overflow:hidden}.hero-pattern{position:absolute;left:0;bottom:0;width:40%;height:100%;opacity:.05;background:repeating-linear-gradient(120deg,transparent 0,transparent 66px,#fff 67px,transparent 68px)}.hero-grid{min-height:620px;display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center;padding-top:64px;padding-bottom:64px;position:relative}.hero-copy{padding:12px 0}.eyebrow{display:flex;align-items:center;gap:10px;color:#98750e;font-size:10px;line-height:1.3;letter-spacing:.16em;font-weight:850}.eyebrow span{display:inline-block;width:30px;height:2px;background:var(--yellow)}.eyebrow.light{color:var(--yellow)}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.045em;font-weight:760}h1{font-size:clamp(48px,5.6vw,75px);line-height:1.03;margin-top:27px;max-width:690px}h1 em,h2 em{font-style:normal;font-weight:350}.hero-copy>p{max-width:560px;color:#c3ced1;font-size:17px;line-height:1.75;margin-top:26px}.button-row{display:flex;align-items:center;gap:30px;margin-top:36px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;text-decoration:none;font-weight:750;font-size:13px;padding:18px 21px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-yellow{background:var(--yellow);color:#14232e}.button-yellow:hover{background:#f9d76b}.text-link{font-size:13px;font-weight:750;text-decoration:none;border-bottom:1px solid #a5b0b2;padding:8px 0}.text-link span{margin-left:10px}.light-link{color:#fff}.hero-foot{display:flex;align-items:center;gap:12px;color:#9aabb1;font-size:9px;font-weight:750;letter-spacing:.12em;margin-top:74px;white-space:nowrap}.hero-line{width:30px;height:1px;background:#667b84}.hero-dot{color:var(--yellow)}.hero-visual{height:480px;position:relative;align-self:center;box-shadow:18px 18px 0 #253641}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 53%}.hero-shade{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(8,20,28,.78))}.hero-caption{position:absolute;left:23px;bottom:24px;display:flex;gap:14px;align-items:center}.hero-caption-icon{width:39px;height:39px;background:var(--yellow);color:var(--deep);display:grid;place-items:center;font-size:20px}.hero-caption small,.project-label small{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--yellow);display:block;margin-bottom:7px}.hero-caption strong{font-size:15px}.hero-index{position:absolute;right:22px;top:20px;color:#fff;font-size:10px;font-weight:750;letter-spacing:.13em}.service-intro,.work{padding:112px 0}.section-heading{display:grid;grid-template-columns:1fr .63fr;gap:60px;align-items:end;margin-bottom:53px}.section-heading h2,.serve h2,.contact h2{font-size:clamp(38px,4vw,57px);line-height:1.1;margin-top:20px}.section-heading p{color:var(--muted);font-size:16px;line-height:1.75;max-width:440px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{background:#fff;min-height:235px;padding:27px 30px 30px;transition:background .2s}.service-card:hover{background:#fffcf2}.service-top{display:flex;justify-content:space-between;color:#8b999d;font-size:11px;font-weight:750;letter-spacing:.1em}.service-top span:last-child{color:#b28c1a;font-size:19px}.service-card h3{font-size:20px;letter-spacing:-.025em;margin:40px 0 12px}.service-card p{font-size:14px;line-height:1.65;color:var(--muted);max-width:315px}.serve{background:var(--deep2);color:#fff;padding:104px 0}.serve-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px}.serve-heading p{color:#bcc9cc;max-width:360px;line-height:1.7;margin:23px 0 30px}.serve-list{border-top:1px solid #5a6a70}.serve-item{display:grid;grid-template-columns:42px 1fr 22px;gap:20px;border-bottom:1px solid #5a6a70;padding:26px 0;align-items:start}.serve-num{color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:.12em;padding-top:6px}.serve-item h3{font-size:20px;letter-spacing:-.02em}.serve-item p{font-size:14px;line-height:1.6;color:#b9c5c7;margin-top:8px}.serve-arrow{font-size:20px;color:#e0e5e3}.work{background:#fff}.work-heading{margin-bottom:48px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:260px;gap:14px}.project{position:relative;overflow:hidden;border:0;padding:0;background:#cad2d0;text-align:left;cursor:pointer;color:white}.project::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(9,21,29,.85));pointer-events:none}.project img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.project:hover img{transform:scale(1.045)}.project:focus-visible{outline:3px solid #ad8508;outline-offset:3px;z-index:2}.project-large{grid-column:span 2;grid-row:span 2}.project-large img{object-position:50% 54%}.project-label{position:absolute;left:23px;bottom:22px;z-index:1}.project-label strong{font-size:16px}.project-expand{position:absolute;right:20px;bottom:20px;z-index:1;font-size:22px}.js .extra-project{display:none}.js .project-grid.expanded .extra-project{display:block}.show-more{border:1px solid #b7c1bd;background:transparent;color:var(--ink);font-weight:750;font-size:13px;display:block;padding:16px 20px;margin:27px auto 0;cursor:pointer}.show-more span{font-size:20px;line-height:10px;margin-left:22px;color:#9f7b10}.show-more:hover{background:#f3f4ef}html:not(.js) .show-more{display:none}.contact{background:#d5aa2f;color:#14232e;padding:100px 0}.contact .eyebrow.light{color:#26333b}.contact .eyebrow span{background:#26333b}.contact-inner{display:grid;grid-template-columns:1fr .85fr;gap:100px}.contact h2{font-size:clamp(42px,4.7vw,66px)}.contact-inner>div>p{font-size:16px;line-height:1.7;margin-top:25px;max-width:400px}.contact-label{font-size:10px;font-weight:850;letter-spacing:.15em;margin-bottom:14px}.contact-links a{display:grid;grid-template-columns:82px minmax(0,1fr) 18px;gap:10px;text-decoration:none;align-items:center;padding:21px 0;border-top:1px solid #977b2d}.contact-links a:last-of-type{border-bottom:1px solid #977b2d}.contact-links a span{font-size:12px;font-weight:700}.contact-links a strong{font-size:clamp(13px,1.3vw,17px);overflow-wrap:anywhere}.contact-links a i{font-style:normal;font-size:20px}.contact-links p{font-size:13px;line-height:1.6;margin-top:20px}.footer{background:#0d1b25;color:#aebcc0;padding:34px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{color:white}.footer-brand .brand-mark{color:var(--yellow)}.footer-brand .brand-text strong{font-size:16px}.footer-brand .brand-text small{font-size:6px}.footer p,.footer-row>span{font-size:11px}.lightbox{border:0;padding:0;background:transparent;max-width:min(95vw,1100px);max-height:95vh;color:#fff;overflow:visible}.lightbox::backdrop{background:rgba(5,15,21,.93)}.lightbox-inner{position:relative}.lightbox img{max-height:78vh;max-width:92vw;margin:auto;object-fit:contain}.lightbox-close{position:absolute;right:0;top:-45px;border:0;background:transparent;color:#fff;font-size:34px;cursor:pointer}.lightbox-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-top:18px;font-size:14px;font-weight:700}.lightbox-controls{display:flex;align-items:center;gap:14px;white-space:nowrap}.lightbox-controls button{border:1px solid #aab8b9;background:transparent;color:#fff;width:37px;height:37px;cursor:pointer}.lightbox-controls span{font-size:11px;color:#c9d2d2}.menu-toggle:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #e9b90f;outline-offset:4px}
@media(max-width:900px){.wrap{width:min(100% - 48px,760px)}.topline-inner span:last-child{display:none}.nav-row{min-height:76px}.site-nav{gap:21px}.hero-grid{grid-template-columns:1fr 1fr;gap:28px;min-height:550px;padding-top:50px;padding-bottom:60px}.hero-visual{height:400px}.hero-copy>p{font-size:15px}.hero-foot{margin-top:45px;font-size:8px;gap:8px}.service-intro,.work{padding:84px 0}.service-card{padding:24px 20px;min-height:240px}.service-card h3{font-size:18px}.serve-inner,.contact-inner{gap:45px}.project-grid{grid-auto-rows:210px}.project-label{left:16px;bottom:16px}.project-label strong{font-size:14px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.topline{font-size:8px;letter-spacing:.1em}.topline-inner{height:27px}.nav-row{min-height:72px;position:relative}.brand-mark{width:39px;height:39px}.brand-text strong{font-size:18px}.brand-text small{font-size:7px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid #d7ddda;background:white;width:42px;height:42px;padding:10px}.menu-toggle span{width:20px;height:2px;background:#172731}.site-nav{display:none;position:absolute;top:72px;left:-20px;right:-20px;background:#fff;z-index:10;padding:15px 20px 24px;box-shadow:0 12px 15px #0d1b251a;align-items:stretch;gap:0;flex-direction:column}.site-nav.open{display:flex}.site-nav>a{padding:14px 3px;border-top:1px solid #e6e9e7}.site-nav .nav-cta{padding:16px;margin-top:10px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:50px;padding-bottom:48px;gap:38px}.hero-copy{padding:0}h1{font-size:clamp(44px,12vw,62px);margin-top:20px}.hero-copy>p{margin-top:20px;font-size:15px;line-height:1.7}.button-row{flex-wrap:wrap;gap:18px;margin-top:26px}.hero-foot{font-size:8px;margin-top:37px;gap:7px}.hero-line{width:18px}.hero-visual{height:310px;box-shadow:10px 10px 0 #253641}.hero-caption{left:17px;bottom:17px}.service-intro,.work{padding:70px 0}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:32px}.section-heading h2,.serve h2{font-size:39px;margin-top:16px}.section-heading p{font-size:15px}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:215px;padding:20px 16px}.service-card h3{font-size:17px;margin:30px 0 9px}.service-card p{font-size:13px;line-height:1.55}.serve{padding:72px 0}.serve-inner{grid-template-columns:1fr;gap:40px}.serve-heading p{margin:17px 0 22px}.serve-item{padding:21px 0;grid-template-columns:31px 1fr 17px;gap:12px}.serve-item h3{font-size:18px}.project-grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px;gap:10px}.project-large{grid-column:span 2;grid-row:span 1}.project-label small{font-size:8px}.project-label strong{font-size:12px}.project-expand{right:12px;bottom:12px;font-size:18px}.contact{padding:72px 0}.contact-inner{grid-template-columns:1fr;gap:40px}.contact h2{font-size:48px}.contact-inner>div>p{margin-top:16px}.contact-links a{grid-template-columns:65px minmax(0,1fr) 15px}.contact-links a strong{font-size:13px}.footer-row{align-items:flex-start;flex-direction:column;gap:14px}.footer p,.footer-row>span{font-size:10px}}
@media(max-width:350px){.service-grid{grid-template-columns:1fr}.service-card{min-height:190px}.hero-foot{letter-spacing:0;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.arrow-icon{display:inline-block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.hero-caption-icon .arrow-icon{width:18px;height:18px}.project-expand .arrow-icon,.serve-arrow .arrow-icon{width:18px;height:18px}
/* Commercial work and project presentation */
.hero-visual img{object-position:50% 27%}
.capability-band{display:flex;align-items:flex-start;gap:34px;padding:24px 28px;background:#e8edeb;border-left:3px solid var(--yellow)}
.capability-band>span{flex:0 0 190px;font-size:9px;line-height:1.6;font-weight:850;letter-spacing:.14em;color:#56696d}
.capability-band p{font-size:13px;line-height:1.7;font-weight:650;color:#2a3a41}
.capability-band b{padding:0 8px;color:#ad8819}
.featured{padding:108px 0 122px;background:#e9eeeb;overflow:hidden}
.featured-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:39px}
.featured-top>span{font-size:10px;color:#81908e;letter-spacing:.13em;font-weight:800}
.featured-layout{display:grid;grid-template-columns:1.04fr .9fr;gap:110px;align-items:center}
.featured-photos{position:relative;height:520px}
.featured-main{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.featured-photos:before{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(12,27,36,.6));z-index:1;pointer-events:none}
.featured-image-tag{position:absolute;bottom:22px;left:25px;z-index:2;color:white}
.featured-image-tag span,.featured-image-tag strong{display:block;font-size:9px;letter-spacing:.14em;font-weight:850}
.featured-image-tag span{color:var(--yellow);margin-bottom:7px}
.featured-inset{position:absolute;bottom:-35px;right:-46px;width:40%;height:224px;background:var(--deep);border:7px solid #e9eeeb;z-index:3}
.featured-inset img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.featured-inset:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(9,20,27,.8))}
.featured-inset span{position:absolute;z-index:1;bottom:12px;left:12px;color:white;font-size:8px;letter-spacing:.12em;font-weight:850}
.featured-copy{padding:16px 0}
.featured-kicker{display:inline-block;color:#8f6d0a;background:#f7eabb;padding:8px 11px;font-size:9px;font-weight:850;letter-spacing:.14em}
.featured-copy h2,.standards-heading h2{font-size:clamp(38px,4vw,55px);line-height:1.1;margin:21px 0 22px;letter-spacing:-.045em}
.featured-copy h2 em,.standards-heading h2 em{font-style:normal;font-weight:350}
.featured-copy>p{max-width:440px;color:#5f6f74;font-size:16px;line-height:1.75}
.featured-details{margin:29px 0 25px;border-top:1px solid #c4cfcb}
.featured-details div{display:flex;align-items:center;gap:22px;padding:15px 0;border-bottom:1px solid #c4cfcb}
.featured-details span{color:#b28c1a;font-size:10px;font-weight:850;letter-spacing:.1em}
.featured-details strong{font-size:13px;color:#293940}
.feature-link{font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:18px;border-bottom:2px solid var(--yellow);padding:8px 0}
.feature-link:hover{color:#846400}
.standards{background:#f4f5f1;padding:104px 0}
.standards-heading{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:end;margin-bottom:42px}
.standards-heading h2{margin-bottom:0}
.standards-heading>p{max-width:410px;color:var(--muted);line-height:1.75;font-size:15px}
.standards-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cdd7d2;border-bottom:1px solid #cdd7d2}
.standards-grid article{padding:28px 32px 30px 0;min-height:180px}
.standards-grid article+article{border-left:1px solid #cdd7d2;padding-left:32px}
.standard-number{color:#a77f10;font-size:9px;font-weight:850;letter-spacing:.14em}
.standards-grid h3{font-size:19px;letter-spacing:-.025em;margin:25px 0 10px}
.standards-grid p{color:var(--muted);font-size:14px;line-height:1.65;max-width:290px}
@media(max-width:900px){.featured{padding:85px 0 100px}.featured-layout{gap:60px}.featured-photos{height:440px}.featured-inset{right:-28px;height:190px}.standards{padding:85px 0}.standards-grid article{padding-right:20px}.standards-grid article+article{padding-left:20px}}
@media(max-width:650px){.capability-band{display:block;padding:20px}.capability-band>span{display:block;margin-bottom:9px}.capability-band p{font-size:12px}.featured{padding:70px 0 75px}.featured-top{margin-bottom:24px}.featured-top>span{font-size:8px}.featured-layout{grid-template-columns:1fr;gap:38px}.featured-photos{height:420px;margin-bottom:15px}.featured-inset{width:37%;height:176px;right:-3px;bottom:-21px}.featured-copy h2,.standards-heading h2{font-size:39px}.featured-copy>p{font-size:15px}.standards{padding:70px 0}.standards-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.standards-grid{grid-template-columns:1fr}.standards-grid article{min-height:0;padding:23px 0}.standards-grid article+article{border-left:0;border-top:1px solid #cdd7d2;padding-left:0}.standards-grid h3{margin:14px 0 8px}}
/* EV charging, backup power, and bilingual contact */
.language-callout{display:flex;align-items:center;gap:9px;color:#c7d2d3;font-size:12px;font-weight:600;margin-top:24px}
.language-callout strong{color:#fff;font-weight:750}
.language-dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);display:inline-block}
.hero-foot{margin-top:42px}
.solutions-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:51px 0 21px}
.solutions-heading p{font-size:17px;font-weight:750;letter-spacing:-.025em;color:var(--ink)}
.solutions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}
.solution-card{display:grid;grid-template-columns:42% 1fr;background:#fff;border:1px solid var(--line);min-height:252px;overflow:hidden}
.solution-card img{height:100%;min-height:252px;width:100%;object-fit:cover;object-position:50% 65%}
.solution-card:nth-child(2) img{object-position:14% 65%}
.solution-copy{padding:27px 23px;display:flex;flex-direction:column;align-items:flex-start}
.solution-copy>span{font-size:9px;color:#a17a0b;font-weight:850;letter-spacing:.14em}
.solution-copy h3{font-size:20px;letter-spacing:-.03em;margin:13px 0 10px;line-height:1.2}
.solution-copy p{font-size:13px;line-height:1.65;color:var(--muted);margin-bottom:16px}
.solution-copy a{font-size:12px;font-weight:800;text-decoration:none;border-bottom:2px solid var(--yellow);padding:5px 0;margin-top:auto;display:inline-flex;gap:9px;align-items:center}
.contact-language{display:inline-block;margin-left:15px;padding:5px 8px;border:1px solid rgba(20,35,46,.38);font-size:10px;letter-spacing:.03em;text-transform:none}
@media(max-width:900px){.solutions-grid{grid-template-columns:1fr}.solution-card{min-height:235px}.solution-card img{min-height:235px}.hero-foot{margin-top:30px}}
@media(max-width:650px){.solutions-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-top:38px}.solution-card{grid-template-columns:1fr}.solution-card img{height:200px;min-height:0;object-position:50% 65%}.solution-card:nth-child(2) img{object-position:30% 70%}.solution-copy{padding:23px 20px}.solution-copy h3{margin-top:10px}.solution-copy p{max-width:400px}.language-callout{font-size:11px;margin-top:22px}.hero-foot{margin-top:28px}.contact-language{margin-left:8px}}
/* Skyland Houston company logo */
.brand-logo{display:block;width:290px;max-width:100%;height:auto}
.footer-brand .brand-logo{width:240px}
@media(max-width:900px){.brand-logo{width:250px}}
@media(max-width:650px){.brand-logo{width:min(220px,calc(100vw - 112px))}.footer-brand .brand-logo{width:210px}}