:root{--ink:#17252d;--muted:#5d6a70;--paper:#fffdf9;--surface:#f3f0e9;--line:#dedbd3;--teal:#176b66;--teal-dark:#104c49;--copper:#c87545;--gold:#e8bb70;--radius:18px;--shadow:0 16px 45px rgba(23,37,45,.09);--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--teal-dark);text-underline-offset:3px}a:hover{color:var(--copper)}img,svg{max-width:100%}.skip{position:absolute;left:-9999px;top:auto}.skip:focus{left:1rem;top:1rem;z-index:100;background:#fff;padding:1rem}.wrap{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}.topline{background:var(--ink);color:#f8f4ed;font-size:.88rem}.topline .wrap{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0}.topline a{color:#fff}.header{position:sticky;top:0;z-index:30;background:rgba(255,253,249,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.navrow{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:78px}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:-.03em}.brand img{width:46px;height:46px}.brand span{display:block;line-height:1.15}.brand small{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;margin-top:.25rem}.navlinks{display:flex;align-items:center;gap:1.1rem}.navlinks a{text-decoration:none;font-weight:650;font-size:.94rem}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:.65rem;font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--copper);color:#fff!important;padding:.9rem 1.15rem;border-radius:999px;text-decoration:none;font-weight:800;border:0;box-shadow:0 7px 18px rgba(200,117,69,.2);transition:transform .18s,background .18s}.btn:hover{background:#a9572f;transform:translateY(-1px)}.btn.secondary{background:var(--teal);box-shadow:none}.btn.ghost{background:transparent;color:var(--teal-dark)!important;border:1px solid var(--line);box-shadow:none}.hero{padding:clamp(3rem,7vw,6rem) 0 4rem;background:radial-gradient(ellipse at 85% 12%,rgba(232,187,112,.28),transparent 32%),linear-gradient(135deg,#f8f4ec 0%,#fffdf9 58%,#e8f0eb 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.eyebrow{color:var(--teal);font-weight:850;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}.hero h1{font-size:clamp(2.5rem,5.5vw,4.6rem);line-height:1.04;letter-spacing:-.055em;margin:.7rem 0 1.2rem;max-width:780px}.hero p{font-size:1.12rem;color:#45545a;max-width:650px}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.5rem 0}.microtrust{display:flex;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.microtrust span:before{content:"✓";color:var(--teal);font-weight:900;margin-right:.4rem}.hero-art{min-height:350px;position:relative;display:grid;place-items:center}.panel-scene{width:min(100%,440px);aspect-ratio:1/1.04;position:relative;border-radius:28px;background:#d9d0c1;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1deg)}.panel-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent 35%,rgba(0,0,0,.09)),repeating-linear-gradient(90deg,#c7a985 0 4px,#e2c8a4 4px 62px,#b9956d 62px 66px)}.panel-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 40%,rgba(255,255,255,.42) 40.2%,transparent 41%),linear-gradient(0deg,rgba(18,40,42,.3),transparent 45%)}.art-label{position:absolute;bottom:1.2rem;left:1.2rem;z-index:2;background:rgba(255,253,249,.94);padding:1rem 1.1rem;border-radius:14px;max-width:78%;box-shadow:var(--shadow)}.art-label strong{display:block;font-size:1.05rem}.art-label small{color:var(--muted)}.floating-tag{position:absolute;right:0;top:12%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;box-shadow:var(--shadow);font-weight:800;max-width:180px}.section{padding:clamp(3rem,6vw,5.5rem) 0}.section.soft{background:var(--surface)}.section.dark{background:var(--ink);color:#fff}.section.dark p,.section.dark .muted{color:#c8d0d0}.section-head{max-width:760px;margin-bottom:2rem}.section h2{font-size:clamp(1.8rem,3.5vw,2.8rem);letter-spacing:-.04em;line-height:1.13;margin:.45rem 0 1rem}.section h3{line-height:1.25;letter-spacing:-.02em}.lead{font-size:1.1rem;color:#4c5a5f}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem;box-shadow:0 4px 18px rgba(23,37,45,.035)}.card h3{margin:.5rem 0}.card p{color:var(--muted);margin:.4rem 0 .8rem}.iconbox{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#e3efea;color:var(--teal);font-size:1.3rem;font-weight:900}.textlink{font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.checklist{list-style:none;padding:0}.checklist li{padding:.5rem 0 .5rem 1.8rem;position:relative}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:900}.callout{border-radius:var(--radius);background:#e4efeb;padding:1.6rem;border:1px solid #c8ddd5}.callout h3{margin-top:0}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step{padding:1.3rem;border-top:3px solid var(--copper);background:#fff;border-radius:0 0 14px 14px}.step:before{counter-increment:step;content:"0" counter(step);font-weight:900;color:var(--copper);font-size:1.25rem}.faq{border-top:1px solid var(--line);padding:1rem 0}.faq h3{font-size:1.05rem;margin:.1rem 0 .45rem}.faq p{margin:.2rem 0;color:var(--muted)}.crumbs{font-size:.9rem;color:var(--muted);padding:1rem 0}.crumbs a{color:inherit}.page-hero{background:linear-gradient(135deg,#f8f4ec,#e8f0eb);padding:3.5rem 0}.page-hero h1{font-size:clamp(2.3rem,4.5vw,3.8rem);line-height:1.08;letter-spacing:-.05em;max-width:850px;margin:.4rem 0 1rem}.page-hero p{max-width:760px;font-size:1.1rem;color:#45545a}.content{max-width:820px}.content h2{margin-top:2.2rem}.content h3{margin-top:1.5rem}.content p,.content li{color:#45545a}.content li{margin:.35rem 0}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff}th,td{text-align:left;padding:.85rem;border:1px solid var(--line);vertical-align:top}th{background:#e4efeb}.contactbox{background:var(--ink);color:#fff;border-radius:24px;padding:clamp(1.5rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:2rem}.contactbox p{color:#d0d8d7}.footer{background:#111e24;color:#eaf0ed;padding:3rem 0 6rem}.footer a{color:#dcece5}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem}.footer p,.footer li{color:#bdc8c7}.footer ul{padding-left:1.1rem}.copyright{border-top:1px solid #354147;margin-top:2rem;padding-top:1rem;color:#b5c0bf;font-size:.86rem}.mobile-call{display:none}.notice{font-size:.9rem;color:var(--muted);background:#f5f1e8;padding:1rem;border-radius:12px}.form{display:grid;gap:1rem}.form label{font-weight:750;display:grid;gap:.4rem}.form input,.form textarea,.form select{width:100%;font:inherit;padding:.8rem;border:1px solid #b8c3bf;border-radius:10px;background:#fff}.form textarea{min-height:120px}.form small{color:var(--muted)}.pill{display:inline-block;background:#e4efeb;color:var(--teal-dark);padding:.25rem .65rem;border-radius:99px;font-size:.8rem;font-weight:800}.not-found{text-align:center;padding:5rem 0}
:focus-visible{outline:3px solid #c87545;outline-offset:3px}
@media(max-width:850px){.hero-grid,.split{grid-template-columns:1fr;gap:1.8rem}.hero-art{min-height:300px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:1fr}.navlinks{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:1rem;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.menu-toggle{display:block}.navrow>.btn{display:none}.footer-grid{grid-template-columns:1fr 1fr}.contactbox{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.wrap{width:min(var(--max),calc(100% - 1.25rem))}.topline .wrap{justify-content:center}.topline .top-extra{display:none}.grid,.grid.two{grid-template-columns:1fr}.hero{padding-top:2.5rem}.hero h1{font-size:2.65rem}.hero-art{min-height:250px}.panel-scene{width:88%}.floating-tag{right:-.2rem;top:7%;font-size:.85rem}.footer-grid{grid-template-columns:1fr}.mobile-call{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fffdf9;border-top:1px solid var(--line);padding:.6rem max(.75rem,env(safe-area-inset-right)) calc(.6rem + env(safe-area-inset-bottom));gap:.5rem;box-shadow:0 -8px 24px rgba(23,37,45,.12)}.mobile-call .btn{flex:1;padding:.8rem}.footer{padding-bottom:7rem}}

/* Visual refresh: consistent contrast, photographic cards and accessible mobile layouts */
:root{--teal:#176b66;--teal-dark:#104c49;--copper:#b96336;--gold:#e8bb70;--muted:#536168;--line:#d7dcd8;--surface:#f4f3ef}
body{color:#17252d}p,li{overflow-wrap:break-word}.card p,.lead,.page-hero p,.hero p,.content p,.content li{color:#46555c}.section.dark .lead,.section.dark p,.section.dark li{color:#e0e7e5}.eyebrow{color:#12605b}.brand small{color:#4e5e64}.card{overflow:hidden}.service-image{display:block;width:calc(100% + 2.7rem);max-width:none;height:190px;object-fit:cover;margin:-1.35rem -1.35rem 1.1rem;border-radius:var(--radius) var(--radius) 0 0;background:#e6e0d5}.service-card{padding-top:1.35rem}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.gallery-item{margin:0;overflow:hidden;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 20px rgba(23,37,45,.06)}.gallery-item img{width:100%;height:220px;display:block;object-fit:cover;background:#e7e1d7}.gallery-item figcaption{padding:.9rem 1rem}.gallery-item strong{display:block;color:#17252d}.gallery-item span{display:block;color:#536168;font-size:.9rem;margin-top:.2rem}.image-note{font-size:.86rem;color:#536168;background:#f5f1e8;border-left:3px solid var(--copper);padding:.8rem 1rem;border-radius:0 10px 10px 0}.review-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(1.3rem,4vw,2.5rem);box-shadow:var(--shadow)}.review-mark{display:flex;align-items:center;gap:1rem}.google-g{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:#f3f6f4;color:#4285f4;font-size:2rem;font-weight:900}.trust-list{list-style:none;padding:0;margin:1rem 0}.trust-list li{padding:.45rem 0;color:#34464d}.trust-list li:before{content:'✓';color:#176b66;font-weight:900;margin-right:.65rem}.page-feature-image{width:100%;height:clamp(230px,38vw,420px);object-fit:cover;border-radius:22px;display:block;background:#e8e0d3}.feature-wrap{margin-top:1.5rem}.btn.ghost{color:#104c49!important;border-color:#b7c6c0}.textlink{color:#104c49}.topline a{font-weight:800}.section.dark .step{color:#17252d}.section.dark .step p{color:#46555c}.footer h3{color:#fff}.footer a:hover{color:#e8bb70}.mobile-call .btn{min-height:46px}.card h3 a{color:#17252d;text-decoration-thickness:1px}.card h3 a:hover{color:#176b66}
@media(max-width:850px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-panel{grid-template-columns:1fr}.gallery-item img{height:200px}}
@media(max-width:560px){.gallery-grid{grid-template-columns:1fr}.gallery-item img{height:220px}.service-image{height:205px}.review-panel{padding:1.15rem}.section-head{margin-bottom:1.4rem}.navrow{gap:.6rem}.brand{gap:.45rem}.brand img{width:40px;height:40px}.brand small{font-size:.59rem}.hero h1{font-size:clamp(2.25rem,11vw,2.8rem)}.actions .btn{width:100%}}

/* Image-led panel style cards: each photo stays directly above its matching title and description. */
#panel-types .card{padding-top:1.35rem}#panel-types .service-image{height:190px;object-fit:cover}#panel-types .card h3{margin:.25rem 0 .65rem}#panel-types .card .textlink{display:inline-block;margin-top:.25rem}
@media(max-width:560px){#panel-types .service-image{height:220px}}


/* Professional panel-design section: one image per matching design card. */
#panel-types{background:#f3f5f2}
#panel-types .section-head .eyebrow{color:#176b66}
#panel-types .card{background:#fff;border:1px solid #d8e1dc;border-radius:18px;box-shadow:0 8px 24px rgba(23,37,45,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#panel-types .card:hover{transform:translateY(-3px);border-color:#a9c6bb;box-shadow:0 14px 30px rgba(23,37,45,.09)}
#panel-types .service-image{width:calc(100% + 2.7rem);height:200px;object-fit:cover;background:#e7ece8}
#panel-types .card h3 a{color:#17252d;text-decoration:none}
#panel-types .card h3 a:hover{color:#176b66}
#panel-types .card p{color:#4b5a60}
#panel-types .textlink{color:#176b66}
@media(max-width:560px){#panel-types .service-image{height:220px}}


/* Layout hardening: keep each homepage section in its own flow and prevent card/media overflow. */
html{overflow-x:clip}
body{min-width:320px;overflow-x:clip}
main{display:block;isolation:isolate}
section.section,section.hero{position:relative;display:flow-root;clear:both;width:100%;min-width:0;overflow:clip}
section.section>.wrap,section.hero>.wrap{position:relative;min-width:0}
.section-head{width:100%;min-width:0}
.grid,.grid.two,.gallery-grid,.hero-grid,.split,.review-panel,.footer-grid{min-width:0;align-items:stretch}
.grid>* ,.gallery-grid>*{min-width:0;max-width:100%}
.card,.gallery-item,.review-panel,.callout,.step{min-width:0;overflow-wrap:anywhere}
.card{height:100%}
.service-image,.gallery-item img{display:block;width:100%;max-width:100%;margin:0 0 1rem;height:clamp(170px,20vw,220px);object-fit:cover;object-position:center;border-radius:12px;background:#e7ece8}
#panel-types .card{padding:1.15rem;display:flex;flex-direction:column;gap:.15rem}
#panel-types .service-image{width:100%;height:clamp(170px,19vw,215px);margin:0 0 .8rem;border-radius:12px}
#panel-types .card p{flex:1}
#recent-projects .gallery-item{height:100%;display:flex;flex-direction:column}
#recent-projects .gallery-item img{margin:0;border-radius:0;height:clamp(180px,22vw,235px)}
#recent-projects .gallery-item figcaption{flex:1}
#panel-types,#recent-projects,#google-reviews{scroll-margin-top:100px}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.section{padding:2.8rem 0}.grid,.grid.two,.gallery-grid{grid-template-columns:minmax(0,1fr)}.service-image,#panel-types .service-image{height:220px}.gallery-item img,#recent-projects .gallery-item img{height:230px}.section-head{margin-bottom:1.4rem}}

/* Photo-led sections and refined, accessible brand palette */
:root{--paper:#fbfaf7;--surface:#edf3f0;--ink:#172a30;--teal:#176b66;--teal-dark:#10534f;--copper:#ad6b45;--line:#d8e1dc;--muted:#526168}
.hero-photo-wrap{min-height:360px;isolation:isolate;border-radius:26px;overflow:hidden;box-shadow:0 18px 48px rgba(23,42,48,.16);background:#e7e7df;transform:none}
.hero-photo{display:block;width:100%;height:100%;min-height:360px;position:absolute;inset:0;object-fit:cover;object-position:center}
.hero-photo-wrap:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(14,29,34,.36),transparent);pointer-events:none;z-index:0}
.hero-photo-wrap .art-label{z-index:1;left:1rem;bottom:1rem;max-width:78%}
.hero-photo-wrap .floating-tag{z-index:1;right:.85rem;top:.85rem;max-width:175px;background:rgba(255,253,249,.96)}
.application-card{padding:1rem;display:flex;flex-direction:column;gap:.25rem}
.application-image{display:block;width:100%;height:190px;object-fit:cover;border-radius:12px;margin:0 0 .75rem;background:#e7ece8}
.application-card h3{margin:.25rem 0 .4rem}
.application-card p{flex:1}
#panel-types{background:#eef4f0}
#recent-projects{background:#fbfaf7}
#google-reviews{background:#e8f0ed}
#areas{background:#f4f1e9}
#areas .card{background:#fff;border-color:#dcded7}
.section.dark{background:#172a30}
.callout{background:#e4efeb;border-color:#c8ddd5}
.contactbox{background:#172a30}
@media(max-width:850px){.hero-photo-wrap,.hero-photo{min-height:300px}.application-image{height:200px}}
@media(max-width:560px){.hero-photo-wrap,.hero-photo{min-height:260px}.hero-photo-wrap .floating-tag{top:.65rem;right:.65rem;font-size:.8rem}.application-image{height:220px}}
.inspiration-strip{padding-top:1.5rem;padding-bottom:1.5rem;background:#f4f1e9}
.inspiration-layout{max-width:1100px}
.inspiration-photo{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:20px;box-shadow:0 12px 30px rgba(23,42,48,.1)}
.inspiration-layout .image-note{margin:.75rem 0 0}
.contact-inspiration-image{display:block;width:100%;height:250px;object-fit:cover;border-radius:16px;margin:0 0 .75rem;background:#e7ece8}
@media(max-width:560px){.inspiration-photo{height:240px}.contact-inspiration-image{height:220px}}


/* Page-specific visual identities: consistent brand, distinct page layouts and accents. */
.page-home{--page-accent:#176b66;--page-tint:#eaf2ee}
.page-3d{--page-accent:#176b66;--page-tint:#e7f2ee}
.page-marble{--page-accent:#596b78;--page-tint:#edf0f2}
.page-wood{--page-accent:#94613d;--page-tint:#f4e9dc}
.page-glitter{--page-accent:#8a6a9e;--page-tint:#f1eaf5}
.page-printed{--page-accent:#b35c4b;--page-tint:#f7eae6}
.page-fluted{--page-accent:#587d70;--page-tint:#e8f0eb}
.page-sheets{--page-accent:#537c91;--page-tint:#e8f0f5}
.page-installation{--page-accent:#bd743d;--page-tint:#f7eee3}
.page-about{--page-accent:#526b58;--page-tint:#eaf0e8}
.page-contact{--page-accent:#176b66;--page-tint:#e6f1ed}
.page-new-multan{--page-accent:#356e8b;--page-tint:#e8f1f6}
.page-gulgasht{--page-accent:#8b6c37;--page-tint:#f4efdf}
.page-cantt{--page-accent:#52627d;--page-tint:#eaedf4}
.page-shah-rukn{--page-accent:#8c5b68;--page-tint:#f4e9ed}
.page-bosan-road{--page-accent:#6b7e43;--page-tint:#eef1e3}

body[class*="page-"] .eyebrow{color:var(--page-accent)}
body[class*="page-"] .page-hero{background:linear-gradient(125deg,var(--page-tint) 0%,var(--paper) 70%);border-bottom:1px solid color-mix(in srgb,var(--page-accent) 18%,white)}
body[class*="page-"] .page-hero h1{text-wrap:balance}
body[class*="page-"] .page-hero .eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.38rem .72rem;border-radius:999px;background:color-mix(in srgb,var(--page-accent) 10%,white);letter-spacing:.1em}
body[class*="page-"] .page-hero .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--page-accent)}
body[class*="page-"] .feature-wrap,body[class*="page-"] .inspiration-strip{background:linear-gradient(180deg,var(--page-tint),transparent 82%)}
body[class*="page-"] .page-feature-image{border:1px solid color-mix(in srgb,var(--page-accent) 22%,white);box-shadow:0 18px 42px color-mix(in srgb,var(--page-accent) 12%,transparent)}
body[class*="page-"] .card{border-top:3px solid color-mix(in srgb,var(--page-accent) 55%,white)}
body[class*="page-"] .pill,body[class*="page-"] .iconbox{background:var(--page-tint);color:var(--page-accent)}
body[class*="page-"] .callout{background:var(--page-tint);border-color:color-mix(in srgb,var(--page-accent) 22%,white)}
body[class*="page-"] .textlink{color:var(--page-accent)}
body[class*="page-"] .section.soft{background:color-mix(in srgb,var(--page-tint) 62%,white)}
body[class*="page-"] .section:not(.soft):not(.dark) .section-head{border-left:3px solid var(--page-accent);padding-left:1rem}
body[class*="page-"] .contactbox{background:linear-gradient(120deg,#17252d,color-mix(in srgb,var(--page-accent) 38%,#17252d))}

/* Distinct compositions by page type, while keeping shared navigation and branding. */
.page-home .hero{background:radial-gradient(ellipse at 84% 18%,rgba(23,107,102,.15),transparent 34%),linear-gradient(135deg,#f7f2e8,#fffdf9 55%,#e4efeb)}
.page-3d .page-hero{border-left:7px solid #176b66}
.page-marble .page-hero{background:linear-gradient(135deg,#dfe5e9,#fbfcfd 64%,#edf0f2)}
.page-wood .page-hero{background:linear-gradient(115deg,#f2e0cc,#fffaf4 62%,#e8d1b5)}
.page-glitter .page-hero{background:radial-gradient(circle at 85% 15%,#e7d7ef,transparent 30%),linear-gradient(135deg,#fbf7fd,#f1eaf5)}
.page-printed .page-hero{background:linear-gradient(135deg,#f8e5df,#fffaf8 65%,#f2d7cf)}
.page-fluted .page-hero{background:repeating-linear-gradient(90deg,rgba(88,125,112,.045) 0 2px,transparent 2px 24px),linear-gradient(135deg,#e3eee8,#fffdf9 75%)}
.page-sheets .page-hero{background:linear-gradient(145deg,#dceaf1,#fff 62%,#e8f0f5)}
.page-installation .page-hero{border-bottom:4px solid #bd743d;background:linear-gradient(135deg,#f7e8d4,#fffaf3 70%)}
.page-about .page-hero{border-radius:0 0 44px 0;background:linear-gradient(120deg,#e1ebdf,#fffdf9 72%)}
.page-contact .page-hero{background:linear-gradient(120deg,#d9ebe5,#fffdf9 72%)}
.page-new-multan .page-hero{border-radius:0 0 0 46px;background:linear-gradient(125deg,#dbeaf3,#fffdf9 72%)}
.page-gulgasht .page-hero{background:linear-gradient(125deg,#f0e7c9,#fffdf9 72%)}
.page-cantt .page-hero{background:linear-gradient(125deg,#e0e5f0,#fffdf9 72%)}
.page-shah-rukn .page-hero{background:linear-gradient(125deg,#f0dfe5,#fffdf9 72%)}
.page-bosan-road .page-hero{background:linear-gradient(125deg,#e6ebd3,#fffdf9 72%)}

/* Prevent page-level visual treatments from causing overflow on narrow screens. */
body[class*="page-"] main,body[class*="page-"] section{min-width:0}
body[class*="page-"] img{max-width:100%;}
@media(max-width:560px){body[class*="page-"] .page-hero{border-radius:0;padding-top:2.6rem;padding-bottom:2.7rem}body[class*="page-"] .page-hero h1{font-size:clamp(2rem,9vw,2.65rem)}body[class*="page-"] .section:not(.soft):not(.dark) .section-head{padding-left:.8rem}}


/* Final cross-page layout safeguards: independent page sections, no grid/flex overflow,
   and image crops that remain consistent across all service and location subpages. */
body[class*="page-"] main{display:block;position:relative;isolation:isolate;min-width:0;width:100%;}
body[class*="page-"] main > section,
body[class*="page-"] main > .page-hero{position:relative;display:flow-root;clear:both;float:none;transform:none;min-width:0;width:100%;margin-inline:0;isolation:isolate;}
body[class*="page-"] .wrap,
body[class*="page-"] .content,
body[class*="page-"] .split,
body[class*="page-"] .grid,
body[class*="page-"] .grid.two,
body[class*="page-"] .gallery-grid,
body[class*="page-"] .footer-grid{min-width:0;max-width:100%;}
body[class*="page-"] .split{align-items:start;}
body[class*="page-"] .split > *,
body[class*="page-"] .grid > *,
body[class*="page-"] .gallery-grid > *,
body[class*="page-"] .footer-grid > *{min-width:0;max-width:100%;}
body[class*="page-"] .service-image,
body[class*="page-"] .application-image,
body[class*="page-"] .gallery-item img,
body[class*="page-"] .contact-inspiration-image{display:block;width:100%;max-width:100%;object-fit:cover;object-position:center;}
body[class*="page-"] .service-image{height:clamp(180px,22vw,240px);}
body[class*="page-"] .application-image{height:clamp(180px,22vw,230px);}
body[class*="page-"] .gallery-item img{height:clamp(190px,24vw,260px);}
body[class*="page-"] .page-feature-image{display:block;width:100%;max-width:100%;height:clamp(240px,38vw,480px);object-fit:cover;object-position:center;border-radius:var(--radius);}
body[class*="page-"] .hero-photo-wrap{position:relative;overflow:hidden;isolation:isolate;}
body[class*="page-"] .hero-photo{position:absolute;inset:0;width:100%;height:100%;min-height:100%;object-fit:cover;}
body[class*="page-"] .card,body[class*="page-"] .callout,body[class*="page-"] .contactbox{overflow-wrap:anywhere;}
body[class*="page-"] h1,body[class*="page-"] h2,body[class*="page-"] h3,p,li,a{overflow-wrap:anywhere;}
@media(max-width:850px){
  body[class*="page-"] .grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body[class*="page-"] .split{grid-template-columns:minmax(0,1fr);gap:1.5rem;}
  body[class*="page-"] .page-feature-image{height:clamp(230px,45vw,360px);}
}
@media(max-width:560px){
  body[class*="page-"] main > section{padding-top:2.7rem;padding-bottom:2.7rem;}
  body[class*="page-"] .grid,body[class*="page-"] .grid.two,body[class*="page-"] .gallery-grid{grid-template-columns:minmax(0,1fr);}
  body[class*="page-"] .service-image,body[class*="page-"] .application-image{height:220px;}
  body[class*="page-"] .gallery-item img{height:230px;}
  body[class*="page-"] .page-feature-image{height:240px;}
  body[class*="page-"] .page-hero{margin:0;border-radius:0;}
  body[class*="page-"] .contactbox{gap:1rem;}
  body[class*="page-"] .footer-grid{grid-template-columns:minmax(0,1fr);}
}

/* Dedicated 404 page treatment; page content remains independent of service-page styles. */
.page-404 .not-found{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:clamp(3rem,8vw,7rem) 1rem}
.page-404 .not-found h1{max-width:760px;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.1}
.page-404 .not-found p{max-width:620px}

/* UX polish pass: clearer hierarchy, stronger tap targets, calmer spacing and responsive interactions. */
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wrap{width:min(var(--max),calc(100% - 2.5rem))}
.topline{font-size:.84rem}
.header{box-shadow:0 3px 16px rgba(23,37,45,.035)}
.navrow{min-height:80px}
.brand{flex-shrink:0}
.navlinks{gap:clamp(.65rem,1.5vw,1.2rem)}
.navlinks a{position:relative;padding:.5rem 0;color:var(--ink)}
.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:.15rem;height:2px;background:var(--page-accent,var(--teal));transition:right .2s ease}
.navlinks a:hover:after,.navlinks a:focus-visible:after{right:0}
.btn{min-height:46px;line-height:1.25;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover{box-shadow:0 10px 24px rgba(23,37,45,.14)}
.btn.ghost:hover{background:#edf3f0}
.hero{padding-top:clamp(3.2rem,7vw,6.5rem);padding-bottom:clamp(3rem,6vw,5rem)}
.hero h1{max-width:760px;text-wrap:balance}
.hero p,.page-hero p{line-height:1.75}
.section-head{margin-bottom:2.35rem}
.card,.gallery-item,.callout,.contactbox{border-radius:20px}
.card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(23,37,45,.09)}
.service-image,.application-image,.gallery-item img{transition:transform .35s ease}
.gallery-item{overflow:hidden}
.gallery-item:hover img{transform:scale(1.035)}
.content{max-width:800px}
.content h2{scroll-margin-top:110px}
.content p,.content li{line-height:1.8}
.crumbs{padding-block:1.15rem;color:#5d6a70}
.page-hero{padding-block:clamp(2.8rem,5vw,4.3rem)}
.page-hero h1{max-width:900px}
.faq{padding:1.25rem 0}
.faq h3{line-height:1.45}
.form input,.form textarea,.form select{min-height:48px;transition:border-color .15s,box-shadow .15s}
.form input:focus,.form textarea:focus,.form select:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(23,107,102,.13)}
.footer a{text-decoration-thickness:1px;text-underline-offset:4px}
.footer a:hover{color:#fff}
.mobile-call{padding-top:.7rem}
.mobile-call .btn{min-height:48px}
::selection{background:#d7e9e1;color:#17252d}
@media(max-width:1000px){.navlinks{gap:.7rem}.navlinks a{font-size:.9rem}.brand img{width:42px;height:42px}.brand{gap:.55rem}.brand small{font-size:.62rem}}
@media(max-width:850px){
  .wrap{width:min(var(--max),calc(100% - 2rem))}
  .navrow{min-height:72px}
  .navlinks{top:72px;gap:.2rem;padding:1rem max(1rem,calc((100% - 720px)/2)) 1.2rem;box-shadow:0 14px 22px rgba(23,37,45,.08)}
  .navlinks a{padding:.8rem .5rem;border-radius:9px;font-size:1rem}
  .navlinks a:hover{background:var(--surface)}
  .navlinks a:after{display:none}
  .menu-toggle{min-height:44px;min-width:76px;font-weight:750;color:var(--ink)}
  .hero-grid{gap:2rem}
}
@media(max-width:560px){
  .wrap{width:calc(100% - 1.5rem)}
  body{font-size:15.5px}
  .topline .wrap{gap:.65rem;font-size:.78rem}
  .brand img{width:38px;height:38px}
  .brand{font-size:.94rem}
  .brand small{font-size:.58rem;letter-spacing:.08em}
  .navrow{gap:.45rem;min-height:68px}
  .navlinks{top:68px}
  .hero h1{font-size:clamp(2.25rem,10vw,2.8rem);letter-spacing:-.045em}
  .hero p,.page-hero p{font-size:1.02rem}
  .actions{display:grid;grid-template-columns:1fr;align-items:stretch}
  .actions .btn{width:100%}
  .section-head{margin-bottom:1.5rem}
  .card{padding:1.15rem}
  .service-image{margin:-1.15rem -1.15rem 1rem;width:calc(100% + 2.3rem);max-width:none}
  .contactbox{padding:1.3rem}
  .contactbox .btn{width:100%}
  .footer{padding-top:2.5rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* Homepage enquiry process: compact, balanced cards sized around concise copy. */
.enquiry-process .split{grid-template-columns:1fr;gap:1.4rem;align-items:start}
.enquiry-process .split>div:first-child{max-width:780px}
.enquiry-process .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:850px}
.enquiry-process .step{aspect-ratio:1 / 1;width:100%;max-width:250px;justify-self:center;min-height:0;padding:1.15rem;border:1px solid rgba(255,255,255,.18);border-top:4px solid var(--copper);border-radius:16px;background:#fff;color:var(--ink);display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.enquiry-process .step:before{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;margin-bottom:.55rem;border-radius:50%;background:#f5e9df;color:var(--copper);font-size:.95rem}
.enquiry-process .step h3{margin:.1rem 0 .45rem;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.25}
.enquiry-process .step p{margin:0;color:#526168;font-size:.88rem;line-height:1.45}
@media(max-width:850px){.enquiry-process .steps{grid-template-columns:repeat(2,minmax(0,1fr));max-width:540px}.enquiry-process .step{max-width:250px;aspect-ratio:1 / 1}}
@media(max-width:560px){.enquiry-process .steps{grid-template-columns:minmax(0,1fr);max-width:none;gap:.75rem}.enquiry-process .step{aspect-ratio:auto;max-width:none;min-height:0;padding:1rem 1.1rem;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:.8rem;align-items:center;justify-content:start}.enquiry-process .step:before{grid-row:1 / span 2;margin:0}.enquiry-process .step h3{font-size:1rem;margin:0 0 .2rem}.enquiry-process .step p{font-size:.9rem;line-height:1.45}}