/* Adnan Sohail Technical Services LLC — 2026 full revision (V1/V2/V3).
   All backgrounds are derived solely from client or ChatGPT-generated photographs. */
:root{--section-space:82px}
body{overflow-x:clip}
.site-header{backdrop-filter:blur(16px)}
.header-inner{min-height:108px;gap:15px}
.brand{flex:0 0 278px;position:relative}
.brand .brand-full{width:100%;max-height:98px;height:auto;object-fit:contain;object-position:left center;image-rendering:auto}
.theme-v1 .brand .brand-full{max-height:104px}
.theme-v2 .brand{flex-basis:224px}
.theme-v2 .header-inner{min-height:122px}
.theme-v2 .brand .brand-full{max-height:116px;filter:drop-shadow(0 1px 2px #bfa36577)}
.theme-v3 .brand{flex-basis:240px}
.theme-v3 .brand .brand-full{max-height:105px}
.desktop-nav{gap:16px;font-size:.82rem}
.header-cta{font-size:12px;padding-inline:13px}
.footer-brand{position:relative;isolation:isolate;max-width:390px}
.footer-brand>img{width:315px;max-height:170px;height:auto;object-fit:contain;object-position:left center;position:relative;z-index:1}
.theme-v2 .footer-brand>img{background:transparent;filter:drop-shadow(0 0 2px #d8bb8070)}
.theme-v2 .footer-brand:before{content:"";position:absolute;top:15px;left:-24px;width:360px;height:165px;z-index:0;background:radial-gradient(ellipse,#ffffff24 0%,#d9c08b14 34%,transparent 72%);filter:blur(10px);pointer-events:none}
.footer-brand>p,.footer-brand>.btn{position:relative;z-index:1}
/* Full-width photographic hero systems */
.theme-v1 .hero-v1 .hero-visual{inset:0;width:100%}
.theme-v1 .hero-v1 .hero-shade{background:linear-gradient(90deg,#061b38f2 0%,#08294ddd 30%,#092f527d 62%,#082c4c22 96%),linear-gradient(0deg,#061b32af,transparent 48%)}
.hero-v1 .hero-visual img{object-position:57% 43%}
.theme-v2 .hero-v2 .hero-v2-wash{background:linear-gradient(90deg,#0a0e12f6 1%,#11171cda 37%,#13171d68 71%,#0b101436 100%),linear-gradient(0deg,#0b1014ad,transparent 55%)}
.theme-v3 .hero-v3{position:relative;isolation:isolate;background:#f0f8f0}
.theme-v3 .hero-v3:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f4fbf3fa 0%,#f4fbf3f0 33%,#f4fbf3bf 60%,#edf9f16d 100%),url('img/maintenance-1440.webp') center 43%/cover no-repeat;opacity:.9}
.theme-v3 .hero-v3 .v3-main-shot img{object-position:42% 45%}
/* Premium full-bleed inner pages, photo separate from editable text */
.inner-hero.full-photo-hero{min-height:505px;display:flex;align-items:center;background:#0c2030;color:#fff;isolation:isolate;overflow:hidden;padding:85px 0 80px;position:relative}
.full-photo-hero .inner-bg-photo{position:absolute;inset:0;z-index:-2;overflow:hidden}
.full-photo-hero .inner-bg-photo img{width:100%;height:100%;object-fit:cover;object-position:57% 44%;animation:hero-pan 23s ease-in-out infinite alternate;filter:saturate(1.05) contrast(1.025)}
.full-photo-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061a2feF 0%,#07233fe6 32%,#112e46ad 62%,#193e4a51 100%),linear-gradient(0deg,#0d1b2a99,transparent 58%)}
.theme-v2 .full-photo-hero:after{background:linear-gradient(90deg,#0d0f12fa 0%,#121619ec 35%,#151917a8 67%,#1d1b173a 100%),linear-gradient(0deg,#101315ba,transparent 70%)}
.theme-v3 .full-photo-hero:after{background:linear-gradient(90deg,#063d2eeF 0%,#08422edc 40%,#104d37a1 72%,#0b453664 100%),linear-gradient(0deg,#073a2fb3,transparent 55%)}
.full-photo-hero .inner-hero-grid{display:block;position:relative;z-index:1;width:min(1200px,calc(100% - 56px))}
.full-photo-hero .inner-hero-copy{max-width:860px;padding:0}
.full-photo-hero h1{font-size:clamp(3rem,5vw,5.6rem);color:#fff;max-width:940px;margin-bottom:23px;letter-spacing:-.055em}
.full-photo-hero .inner-hero-copy>p:not(.eyebrow){color:#f3f5f7;max-width:650px;font-size:18px;line-height:1.7}
.full-photo-hero .eyebrow{color:#ffd99d;font-size:12px;margin-bottom:26px}
.theme-v3 .full-photo-hero .eyebrow{color:#a9f7cb}
.full-photo-hero .crumbs{color:#f1f5f7;margin-top:31px}
.full-photo-hero .crumbs a{color:var(--accent)}
.theme-v2 .full-photo-hero .crumbs a{color:#f1cd85}
.full-photo-hero .inner-image{display:none}
/* continuous scrolling service ticker: actual text, no baked imagery or playback control */
.service-marquee{overflow:hidden;position:relative;background:var(--dark);color:#f6f9ff;border-block:1px solid #ffffff18}
.theme-v2 .service-marquee{background:#c9a058;color:#101619}
.theme-v3 .service-marquee{background:#086b4c;color:#fff}
.marquee-track{display:flex;gap:38px;min-width:max-content;align-items:center;padding:14px 0;animation:service-scroll 43s linear infinite;will-change:transform}
.marquee-track span{display:flex;gap:36px;align-items:center;white-space:nowrap;letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:850}
.marquee-track b{font-weight:400;color:var(--accent)}
.theme-v2 .marquee-track b{color:#222}.theme-v3 .marquee-track b{color:#b8f0d1}
@keyframes service-scroll{to{transform:translateX(-50%)}}
/* Service & gallery photo styling */
.service-card{isolation:isolate}
.service-visual{background:#d8e8ee}
.service-visual img,.v2-service-pic img,.client-photo img{object-fit:cover;object-position:center center}
.service-card:hover .service-visual>img{transform:scale(1.035)}
.services-home{background:linear-gradient(180deg,#ffffff 10%,#f1f6fa 100%)}
.theme-v2 .v2-services{background:radial-gradient(ellipse at 95% 30%,#364046 0%,#171d22 36%,#14191d 80%)}
.theme-v3 .v3-services{background:linear-gradient(180deg,#fffefa,#eff7f1)}
.theme-v1 .split-about{background:linear-gradient(135deg,#edf4fa,#e6eef7)}
.theme-v3 .v3-story{background:linear-gradient(140deg,#e9f5ea,#d4ebde)}
.client-photo{position:relative;isolation:isolate;background:#182c3b;min-height:180px}
.client-photo img{width:100%;height:100%;object-fit:cover}
.photo-status{position:absolute;left:11px;bottom:11px;color:#fff;background:#0c1f2dbf;font-size:10px;font-weight:750;line-height:1;padding:8px 10px;border-radius:5px;letter-spacing:.03em;backdrop-filter:blur(6px)}
.project-disclaimer{font-size:12px;opacity:.85;line-height:1.5}
/* carousel: scroll-snap gallery with real interactive arrow controls */
.interactive-gallery{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scroll-padding-inline:5px;display:flex;gap:18px;padding:8px 3px 18px;margin-inline:-3px}
.interactive-gallery>.project-card{flex:0 0 calc((100% - 36px)/3);min-width:0;scroll-snap-align:start}
.gallery-controls{display:flex;justify-content:flex-end;gap:9px;margin:-42px 0 15px}
.gallery-controls button{display:grid;place-items:center;width:40px;height:40px;border-radius:100%;border:1px solid var(--stroke);background:var(--page);color:var(--ink);font-size:28px;line-height:1;transition:transform .2s,background .2s}
.gallery-controls button:hover{transform:translateY(-2px);background:var(--paper)}
.theme-v2 .gallery-controls button{background:#2c3437;color:#f3d797;border-color:#56605e}
/* Team/illustrative staff photography, version-specific exact uploaded brand layers */
.team-portfolio{background:linear-gradient(180deg,#f2f7fa,#e9f2f7);position:relative;overflow:hidden}
.theme-v2 .team-portfolio{background:linear-gradient(155deg,#21292c,#131a1c)}
.theme-v3 .team-portfolio{background:linear-gradient(150deg,#e9f7ed,#fafff8)}
.team-portfolio:before{content:"";position:absolute;width:720px;height:720px;right:-420px;bottom:-420px;background:radial-gradient(circle,var(--accent) 0%,transparent 65%);opacity:.08;pointer-events:none}
.team-portfolio .section-heading{max-width:730px}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.team-card{overflow:hidden;isolation:isolate;background:var(--page);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:0 15px 30px #09273b14;transition:transform .3s,box-shadow .3s}
.team-card:hover{transform:translateY(-7px);box-shadow:0 25px 45px #09273b20}
.team-photo{position:relative;aspect-ratio:3/2;background:#dae5e8;overflow:hidden}
.team-photo>img:first-child{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s ease}
.team-card:hover .team-photo>img:first-child{transform:scale(1.035)}
.team-photo .uniform-logo{position:absolute;left:var(--logo-x);top:var(--logo-y);width:var(--logo-width);height:auto;max-width:unset;transform:rotate(-8deg);mix-blend-mode:multiply;opacity:.92;filter:drop-shadow(0 1px 1px #0005);pointer-events:none}
.theme-v2 .uniform-logo{mix-blend-mode:screen;opacity:.92}
.team-card-copy{padding:18px 22px 22px;display:flex;flex-direction:column;gap:6px}
.team-card-copy span{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--accent)}
.team-card-copy strong{font-size:18px;color:var(--ink)}
.team-note{margin:24px 0 0;font-size:12px;max-width:750px;line-height:1.7}
/* Information/CTA bands */
.service-contact-band{background:#143755;color:white;padding:40px 0;position:relative;isolation:isolate;overflow:hidden}
.service-contact-band:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c2a46f5,#173d53bd),url('img/cta-v1-1440.webp') center/cover no-repeat}
.theme-v2 .service-contact-band:before{background:linear-gradient(90deg,#1a2023f5,#1a1a1bd8),url('img/cta-v2-1440.webp') center/cover no-repeat}
.theme-v3 .service-contact-band:before{background:linear-gradient(90deg,#0b6248ef,#0c6c50c8),url('img/cta-v3-1440.webp') center/cover no-repeat}
.service-contact-band .shell{display:flex;justify-content:space-between;gap:28px;align-items:center}
.service-contact-band h2{font-size:clamp(2rem,3vw,3.15rem);color:#fff;margin:0 0 12px}
.service-contact-band p{color:#edf7fa;max-width:690px;margin:0}
.service-contact-band .eyebrow{color:#ffd18d;margin-bottom:12px}
.service-contact-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:fit-content}
.service-contact-actions .btn{background:#fff;color:#13314a}
.theme-v2 .service-contact-actions .btn{background:#ecc678;color:#15191a}
.theme-v3 .service-contact-actions .btn{background:#f5fff7;color:#07543a}
.service-contact-actions .btn-ghost{background:transparent;border-color:#ffffff90;color:#fff}
/* Photo-backed and strongly contrasted CTA on every version/page */
.cta-banner{position:relative;isolation:isolate;min-height:295px;display:flex;align-items:center;overflow:hidden;background:#113652}
.cta-banner:before{content:"";position:absolute;inset:0;z-index:-2;background:url('img/cta-v1-1440.webp') 54% center/cover no-repeat;animation:hero-pan 28s ease-in-out infinite alternate}
.cta-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#092c53f7,#082f53df 48%,#0c35577a 100%)}
.theme-v2 .cta-banner{background:#1e1b15;color:#fff}
.theme-v2 .cta-banner:before{background-image:url('img/cta-v2-1440.webp')}
.theme-v2 .cta-banner:after{background:linear-gradient(90deg,#191a1bfa,#27221ae9 50%,#1e211f94)}
.theme-v2 .cta-banner h2,.theme-v2 .cta-banner .eyebrow,.theme-v2 .cta-banner p{color:#fff!important}
.theme-v2 .cta-banner .btn-outline{border-color:#ffe6bd;color:#fff}
.theme-v3 .cta-banner{background:#064f3c}
.theme-v3 .cta-banner:before{background-image:url('img/cta-v3-1440.webp')}
.theme-v3 .cta-banner:after{background:linear-gradient(90deg,#064b37fa,#0b6845dc 52%,#064b367f 100%)}
.cta-banner h2,.cta-banner .eyebrow,.cta-banner p{color:#fff!important;text-shadow:0 1px 1px #0b25303b}
.cta-banner .btn{box-shadow:0 6px 16px #07182342}
/* Useful FAQ accordions */
.faq-section{background:var(--page)}
.theme-v2 .faq-section{background:#151b1e}
.theme-v3 .faq-section{background:#f1f9f2}
.faq-layout{display:grid;grid-template-columns:.84fr 1.16fr;gap:70px;align-items:start}
.faq-layout>div:first-child>p{max-width:410px}
.faq-items{border-top:1px solid var(--stroke)}
.faq-items details{border-bottom:1px solid var(--stroke);padding:0 6px}
.faq-items summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;position:relative;font-weight:760;font-size:16px;color:var(--ink)}
.faq-items summary::-webkit-details-marker{display:none}
.faq-items summary:after{content:'+';position:absolute;right:5px;top:15px;font-size:26px;font-weight:400;color:var(--accent)}
.faq-items details[open] summary:after{content:'−'}
.faq-items details p{font-size:14px;margin:0 0 25px;max-width:600px;line-height:1.65}
/* Desktop interior copy has substance, not an oversized empty two-column gap */
.full-copy-detail{grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:70px;align-items:start}
.full-copy-detail .detail-copy{padding:0 0 15px;max-width:800px}
.full-copy-detail .detail-copy h2{max-width:740px}
.full-copy-detail .detail-copy>p{max-width:750px}
.service-facts-card{background:var(--paper);border:1px solid var(--stroke);border-radius:var(--radius);padding:36px;box-shadow:0 20px 50px #07345810}
.service-facts-card .eyebrow{margin-bottom:18px}
.service-facts-card h3{font-size:25px;line-height:1.25;margin-bottom:17px}
.service-facts-card p{font-size:14px;margin:0 0 14px}
.service-facts-card .btn{margin-top:15px}
.theme-v2 .service-facts-card{background:#202a2d}
.theme-v3 .service-facts-card{background:#e5f4e9}
/* Non-linked social icons: no fabricated social account URLs */
.social-block{margin-top:25px;padding-top:18px;border-top:1px solid #ffffff2f;position:relative;z-index:1}
.social-kicker{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:850;color:#ffffffb5;margin-bottom:11px}
.social-icons{display:flex;flex-wrap:wrap;gap:9px}
.social-symbol{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid #ffffff50;border-radius:8px;background:#ffffff0e;color:#fff;opacity:.85;cursor:default}
.social-symbol svg{width:17px;height:17px;display:block;flex:none}
.social-symbol:nth-child(2){color:#e6b9fb}
.social-symbol:nth-child(3){color:#83cfff}
.social-symbol:nth-child(4){color:#f79e9e}
.social-symbol:hover{opacity:1;background:#ffffff22}
.theme-v1 .social-symbol:nth-child(1){color:#9cc8ff}
.theme-v2 .social-symbol{border-color:#dcb86266}
/* polish / compact rhythm */
.section{position:relative}
.service-card h3{overflow-wrap:break-word}
.section-heading{max-width:815px}
.theme-v1 .client-name{font-size:clamp(1.1rem,2vw,1.8rem)}
.project-card{transition:transform .25s,box-shadow .25s}
.project-card:hover{transform:translateY(-3px)}
.site-footer{position:relative;overflow:hidden}
.theme-v1 .site-footer:before,.theme-v3 .site-footer:before{content:"";position:absolute;top:0;right:0;width:32%;height:100%;opacity:.09;pointer-events:none;background:url('img/cta-v1-720.webp') center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000)}
.theme-v3 .site-footer:before{background-image:url('img/cta-v3-720.webp')}
@media(max-width:1180px){.header-inner{gap:10px}.brand{flex-basis:248px}.theme-v2 .brand{flex-basis:205px}.theme-v3 .brand{flex-basis:215px}.desktop-nav{gap:12px}.header-cta{font-size:11px;padding-inline:11px}}
@media(max-width:1099px){.header-inner{min-height:88px}.brand{flex:0 1 300px}.theme-v2 .brand{flex:0 1 220px}.theme-v3 .brand{flex:0 1 260px}.brand .brand-full{max-height:86px}.theme-v2 .header-inner{min-height:90px}.service-contact-band .shell{align-items:flex-start}.service-contact-actions{min-width:0}}
@media(max-width:900px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-card:last-child{grid-column:1/-1;max-width:500px}.faq-layout{gap:30px}.interactive-gallery>.project-card{flex-basis:calc((100% - 18px)/2)}.service-contact-band .shell{flex-direction:column}.full-copy-detail{gap:30px}}
@media(max-width:650px){
 :root{--section-space:56px}
 .site-header{backdrop-filter:none}
 .header-inner,.theme-v2 .header-inner{min-height:70px;gap:5px}
 .brand,.theme-v2 .brand,.theme-v3 .brand{flex:1 1 auto;max-width:224px;gap:4px}
 .brand .brand-full{display:none}
 .brand .brand-mark{display:block;width:48px;height:48px;object-fit:contain;flex:none}
 .brand .brand-copy{display:flex}
 .brand-copy strong{font-size:13px;letter-spacing:-.035em}
 .brand-copy small{font-size:8.6px}
 .theme-v2 .brand-copy strong{color:#e6c06d}
 .theme-v2 .brand-copy small{color:#f7ebd4}
 .theme-v3 .brand-copy strong,.theme-v3 .brand-copy small{color:#0b5437}
 .menu-button{order:2;min-width:38px;min-height:43px}
 .header-cta{order:3;font-size:0;padding:10px;min-width:43px;min-height:43px;margin-left:auto}
 .inner-hero.full-photo-hero{min-height:450px;padding:70px 0 65px}
 .full-photo-hero .inner-hero-grid{width:calc(100% - 34px)}
 .full-photo-hero h1{font-size:clamp(2.65rem,10.7vw,3.7rem);margin-bottom:15px}
 .full-photo-hero .inner-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.7}
 .full-photo-hero .inner-bg-photo img{object-position:68% center}
 .full-photo-hero:after{background:linear-gradient(90deg,#061e35ee,#07243bce 64%,#082e447b)}
 .theme-v2 .full-photo-hero:after{background:linear-gradient(90deg,#111518f6,#141819df 68%,#1316198f)}
 .theme-v3 .full-photo-hero:after{background:linear-gradient(90deg,#06422ff0,#09503bdb 65%,#124b3895)}
 .theme-v3 .hero-v3:before{background:linear-gradient(180deg,#f4fbf3eD,#f4fbf3f7 48%,#f3fbf2ed),url('img/maintenance-900.webp') center/cover no-repeat;opacity:1}
 .marquee-track{padding:11px 0;gap:22px;animation-duration:35s}
 .marquee-track span{font-size:9px;gap:23px}
 .interactive-gallery{gap:13px}
 .interactive-gallery>.project-card{flex:0 0 86%}
 .gallery-controls{margin:-37px 0 14px}
 .gallery-controls button{width:34px;height:34px;font-size:25px}
 .team-grid{grid-template-columns:1fr;gap:14px}
 .team-card:last-child{grid-column:auto;max-width:none}
 .team-photo{aspect-ratio:3/2}
 .team-card-copy{padding:14px 18px 17px}
 .team-note{margin-top:16px;font-size:11px}
 .service-contact-band{padding:38px 0}
 .service-contact-actions{gap:10px;width:100%;justify-content:flex-start}
 .service-contact-actions .btn{font-size:12px;min-height:46px;padding:12px 15px}
 .service-contact-band:before{background-image:linear-gradient(90deg,#0a2a49f0,#133e5cce),url('img/cta-v1-720.webp')}
 .theme-v2 .service-contact-band:before{background-image:linear-gradient(90deg,#13181bf2,#25221bde),url('img/cta-v2-720.webp')}
 .theme-v3 .service-contact-band:before{background-image:linear-gradient(90deg,#075137eb,#076a4ace),url('img/cta-v3-720.webp')}
 .cta-banner{min-height:310px}
 .cta-banner:before{background-image:url('img/cta-v1-720.webp')}
 .theme-v2 .cta-banner:before{background-image:url('img/cta-v2-720.webp')}
 .theme-v3 .cta-banner:before{background-image:url('img/cta-v3-720.webp')}
 .faq-layout{grid-template-columns:1fr;gap:5px}
 .faq-items summary{font-size:14px;padding:20px 35px 20px 0}
 .faq-items details p{font-size:13px}
 .full-copy-detail{display:block}
 .service-facts-card{margin-top:35px;padding:25px}
 .footer-brand>img{max-width:240px;max-height:138px}
 .social-block{margin-top:23px}
 .social-symbol{width:35px;height:35px}
 .social-symbol svg{width:16px;height:16px}
 .theme-v1 .hero-v1 .hero-visual img{object-position:61% center}
 .theme-v1 .hero-v1 .hero-shade{background:linear-gradient(90deg,#07284fe8,#07284fcc 66%,#082c4c8a),linear-gradient(0deg,#071b41aa,transparent)}
}
@media(max-width:390px){.brand,.theme-v2 .brand,.theme-v3 .brand{max-width:204px;gap:2px}.brand .brand-mark{width:43px;height:43px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:8px}.header-inner{gap:3px}.menu-button{min-width:35px}.header-cta{min-width:41px;padding:8px}}
@media(prefers-reduced-motion:reduce){.full-photo-hero .inner-bg-photo img,.marquee-track,.cta-banner:before{animation:none!important}.team-card,.team-photo img{transition:none!important}}
/* Web-header horizontal lockups recompose the exact uploaded mark and lettering, preserving the design */
@media(min-width:1100px){.brand{flex-basis:320px}.theme-v2 .brand{flex-basis:285px}.theme-v3 .brand{flex-basis:320px}.brand .brand-full,.theme-v2 .brand .brand-full,.theme-v3 .brand .brand-full{max-height:80px;width:100%;object-fit:contain}.theme-v2 .header-inner{min-height:104px}.header-inner{min-height:98px}}
.footer-brand>img{width:350px;max-height:100px}
@media(max-width:1300px) and (min-width:1100px){.brand,.theme-v3 .brand{flex-basis:285px}.theme-v2 .brand{flex-basis:250px}.desktop-nav{gap:11px}}
/* Keep the supplied black/gold logo intact; add legible live-text subtype on dark surfaces. */
.theme-v2 .brand{position:relative}
.theme-v2 .brand-clarifier{display:block;color:#e8ca8d;letter-spacing:.18em;font-size:9px;font-weight:800;line-height:1.1;margin:-2px 0 0 73px;white-space:nowrap}
.theme-v2 .footer-clarifier{display:block;color:#f1d7a0;letter-spacing:.14em;font-size:11px;font-weight:800;margin:3px 0 15px 85px}
@media(max-width:1099px){.theme-v2 .brand-clarifier{display:none}}