/* Generated illustrative scenes, not a portfolio of completed company work. */
.service-explorer{grid-template-columns:.65fr 1.35fr}
.service-explorer>div:last-child{min-width:0}
.service-panel{position:relative;isolation:isolate;overflow:hidden;min-height:540px;height:100%;padding:44px 36px;justify-content:center;background:#101b30}
.service-panel:before{content:'';position:absolute;inset:-16px;z-index:-2;background-image:var(--service-photo);background-size:cover;background-position:62% center;animation:service-camera 18s ease-in-out infinite alternate;pointer-events:none}
.service-panel:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b172bf5 0%,#111d32eb 35%,#111d32b3 65%,#101a3030 100%);pointer-events:none}
#service-panel-0,#service-panel-4{--service-photo:url('assets/service-structure.png')}
#service-panel-1,#service-panel-2{--service-photo:url('assets/service-architecture.png')}
#service-panel-3,#service-panel-5{--service-photo:url('assets/service-planning.png')}
.service-panel h3{max-width:390px;color:#f4f7ff}.service-panel p{max-width:380px;color:#d0dbec}.service-panel ul{max-width:390px}.service-panel li{background:#101d32bb;color:#d7e4f3;border-color:#ffffff35}.service-panel .service-icon{background:#15304acc;color:#a8eaff;backdrop-filter:blur(8px)}
.service-photo-caption{display:block;position:absolute;right:16px;bottom:12px;padding:3px 8px;border-radius:5px;background:#071a2ac9;color:#d7e7f3;font-size:.75rem;letter-spacing:.02em}
[data-theme=light] .service-panel{background:#f2f7fb}
[data-theme=light] .service-panel:after{background:linear-gradient(90deg,#f4f8fff7 0%,#f4f8fff0 35%,#f4f8ffbf 65%,#f4f8ff20 100%)}
[data-theme=light] .service-panel h3{color:#102d43}[data-theme=light] .service-panel p{color:#344d64}
[data-theme=light] .service-panel li{background:#ffffffcc;border-color:#b8cfdf;color:#344d64}
[data-theme=light] .service-panel .service-icon{background:#e6f1f9df;color:#13728b}
@keyframes service-camera{from{transform:scale(1) translateX(-4px)}to{transform:scale(1.07) translateX(4px)}}
@media(max-width:850px){.service-explorer{grid-template-columns:.72fr 1.28fr}.service-panel{padding:30px;min-height:580px}.service-panel:after{background:linear-gradient(90deg,#0b172bf5,#111d32ce 70%,#101a3070)}[data-theme=light] .service-panel:after{background:linear-gradient(90deg,#f4f8fff5,#f4f8ffdb 70%,#f4f8ff88)}}
@media(max-width:650px){.service-explorer{grid-template-columns:1fr}.service-panel{height:auto;min-height:610px;padding:180px 26px 48px;justify-content:flex-start}.service-panel:before{background-position:65% top;background-size:auto 380px;background-repeat:no-repeat}.service-panel:after{background:linear-gradient(0deg,#101b30 0%,#101b30 55%,#101b30c9 70%,#101b3010 100%)}[data-theme=light] .service-panel:after{background:linear-gradient(0deg,#f2f7fb 0%,#f2f7fb 55%,#f2f7fbc9 70%,#f2f7fb10 100%)}.service-panel h3{font-size:1.75rem}.service-photo-caption{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.service-panel:before{animation:none;transform:none}}
/* Actual image elements avoid invisible pseudo-backgrounds after tab changes. */
.service-panel{height:auto;min-height:540px}
.service-panel:before{display:none}
.service-panel>.service-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:0;animation:service-camera 18s ease-in-out infinite alternate;pointer-events:none}
.service-panel:after{z-index:1}
.service-panel>:not(.service-scene){position:relative;z-index:2}
.service-panel>.service-photo-caption{position:absolute;z-index:3}
[data-theme=light] .service-panel:after{background:linear-gradient(90deg,#f4f8fff7 0%,#f4f8ffed 35%,#f4f8ff99 67%,#f4f8ff08 100%)}
@media(max-width:650px){.service-panel{min-height:610px}.service-panel>.service-scene{height:380px;object-position:65% top}[data-theme=light] .service-panel:after{background:linear-gradient(0deg,#f2f7fb 0%,#f2f7fb 55%,#f2f7fbb3 70%,#f2f7fb00 100%)}}
@media(prefers-reduced-motion:reduce){.service-panel>.service-scene{animation:none;transform:none}}