*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf7;color:#34271d;font:16px Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #d9e1e2;background:#fffffff2;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px}.brand img{width:45px;height:45px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #38231522}.brand b{font:2.45rem Georgia,serif;letter-spacing:-.08em}.brand b span{color:#3e7d95}.brand small{display:block;color:#6d6863;font-size:.67rem;letter-spacing:.04em;margin-top:2px}nav{display:flex;gap:28px;color:#554c43;font-size:.88rem}nav a:hover,.text-link:hover{color:#3e7d95}.outline{border:1px solid #8aaeb8;border-radius:30px;padding:11px 17px;color:#4c382b;font-size:.85rem}.hero{min-height:690px;position:relative;overflow:hidden;background:#20150e}.hero-photo{position:absolute;inset:0}.hero-photo>img{width:100%;height:100%;object-fit:cover;animation:breathe 9s ease-in-out infinite}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffdf9ed 0%,#fffdf9ca 36%,#fffdf920 75%),linear-gradient(0deg,#20150e88,transparent 55%)}.hero-copy{position:relative;z-index:1;padding:120px 7%;max-width:620px}.hero label,.section label,.glove-hero label{color:#3d7180;font-size:.72rem;letter-spacing:.12em}.hero h1{font:clamp(4rem,8vw,7.3rem)/.95 Georgia,serif;letter-spacing:-.08em;margin:24px 0}.hero h1 em,h2 em{color:#3e7d95}.hero-copy p{font-size:1.08rem;line-height:1.7;max-width:430px;color:#4c4239}.button{display:inline-flex;border:0;background:#6f482d;color:#fff;padding:15px 20px;border-radius:5px;font-size:.9rem;cursor:pointer}.button:hover{background:#3f7c91}.hero-foot{position:absolute;z-index:2;bottom:25px;left:7%;right:7%;border-top:1px solid #fff8;padding-top:17px;color:#fff;font-size:.7rem;letter-spacing:.08em;display:flex;justify-content:space-between}.drops i{position:absolute;width:28px;height:36px;border-radius:50% 50% 55% 55%;background:radial-gradient(circle at 35% 28%,#fff,#8fd5e7 33%,#24758c 72%);box-shadow:0 4px 12px #001d2d88;opacity:0;animation:drop 5s infinite}.drops i:nth-child(1){left:58%;top:10%;animation-delay:.2s}.drops i:nth-child(2){left:70%;top:25%;animation-delay:1.1s}.drops i:nth-child(3){left:78%;top:7%;animation-delay:2.2s}.drops i:nth-child(4){left:64%;top:50%;animation-delay:3s}.drops i:nth-child(5){left:86%;top:38%;animation-delay:4s}@keyframes drop{0%{opacity:0;transform:translateY(-25px) scale(.35)}15%,70%{opacity:.9;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(110px) scale(.8)}}@keyframes breathe{50%{transform:scale(1.035)}}.strip{display:grid;grid-template-columns:repeat(4,1fr) auto;padding:27px 7%;gap:20px;background:#edf4f6;border-bottom:1px solid #c8d9dc;color:#6f482d}.strip b{font:1.35rem Georgia,serif;margin-left:12px;color:#3a6f82}.strip strong{font-size:.7rem;letter-spacing:.1em;color:#527789;text-align:right}.section{padding:100px 7%}.heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.heading h2,.about h2,.application-copy h2{font:clamp(2.8rem,5vw,4.5rem)/1.03 Georgia,serif;letter-spacing:-.07em;margin:20px 0}.heading>p{max-width:390px;color:#534a43;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.cards article,.glove-card{background:#fff;border:1px solid #ddd4cb;border-radius:8px;overflow:hidden;box-shadow:0 14px 35px #3b2b2010}.cards img{width:100%;aspect-ratio:1;object-fit:cover}.cards h3{font:1.6rem Georgia,serif;margin:20px 20px 8px}.cards p,.cards a{margin:0 20px 20px;color:#574e47;line-height:1.65;font-size:.92rem}.cards a,.glove-card a{display:inline-block;color:#5d432e;border-bottom:1px solid #9ab0b1;padding-bottom:6px}.performance{background:#edf4f6}.stage{height:530px;position:relative;overflow:hidden;border-radius:9px;background:#2b170d}.stage>img{width:100%;height:100%;object-fit:cover}.stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0e0906dd,transparent 65%)}.stage-copy{position:absolute;z-index:2;bottom:32px;left:34px;color:white}.stage-copy label{color:#dbf4f8}.stage-copy h3{font:2.6rem Georgia,serif;margin:10px 0}.stage-copy p{color:#e0edf0}.stage-copy .tab{background:#ffffff22;color:white;border:1px solid #ffffff88;border-radius:30px;padding:9px 16px;margin-right:8px;cursor:pointer}.stage-copy .tab.active{background:#fff;color:#573c27}.stage-drops{position:absolute;inset:0;z-index:1}.stage-drops i{animation-duration:4s}.stage-drops.oil i{background:radial-gradient(circle at 35% 28%,#fff8d4,#d6a444 36%,#6d3c17 72%)}.application{display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:center;background:#f7f3ec}.application-image{min-height:520px;position:relative;overflow:hidden;border-radius:10px;background:#111}.application-image img{width:100%;height:520px;object-fit:cover;transition:transform .7s}.application-image:hover img{transform:scale(1.05)}.application-image div{position:absolute;top:25px;left:25px;color:white;z-index:1;text-shadow:0 2px 14px #000}.application-image div label{color:#d9f3fa}.application-image strong{display:block;font:1.7rem Georgia,serif;margin-top:12px}.application-image:after{content:"";position:absolute;inset:0;background:linear-gradient(#0007,transparent 50%,#000b)}.application-copy>p,.about p{line-height:1.8;color:#514941}.application-copy ul{list-style:none;padding:18px 0;border-top:1px solid #bfd3d7;border-bottom:1px solid #bfd3d7;line-height:2;color:#4f4740}.application-copy li b{color:#3e7d95;margin-right:14px}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;background:#f2eee7}.year{display:block;font:clamp(6rem,11vw,10rem) Georgia,serif;color:#5e412a;letter-spacing:-.1em;margin:28px 0}.enquiry{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;background:#fff}.enquiry h2{font-size:4rem}.contact{border-left:2px solid #83aeb9;padding-left:16px}.contact a{color:#3c7184}form{display:grid;gap:15px}form h3{font:1.7rem Georgia,serif;border-bottom:1px solid #d6dfe1;padding-bottom:17px}form input,form textarea,form select{width:100%;padding:14px;border:1px solid #b9cbd0;border-radius:5px;font:inherit;color:#34271d;background:white}form textarea{min-height:130px}footer{padding:45px 7%;background:#edf4f4;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#544b44;font-size:.85rem}.glove-hero{padding:110px 7% 80px;background:linear-gradient(115deg,#f2eee7,#e5f2f5)}.glove-hero h1{font:clamp(3.7rem,8vw,7rem)/.97 Georgia,serif;letter-spacing:-.08em;margin:25px 0}.glove-hero p{max-width:570px;line-height:1.8;color:#514941}.editor{margin:55px 7% 0;padding:30px;background:#edf4f6;border:1px solid #b8d0d6;border-radius:8px}.editor h2{font:2rem Georgia,serif}.editor input,.editor textarea{display:block;width:100%;margin:10px 0;padding:13px;border:1px solid #aac3ca;border-radius:5px;font:inherit}.editor textarea{min-height:90px}.editor p{color:#5a5149;font-size:.85rem}.glove-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:80px 7%}.glove-card img{width:100%;aspect-ratio:1.15;object-fit:cover}.glove-card>div{padding:22px}.glove-card label{color:#3d7180;font-size:.7rem;letter-spacing:.1em}.glove-card h2{font:1.7rem Georgia,serif}.glove-card p{color:#554d46;line-height:1.7}.remove{display:block;margin-top:15px;border:0;background:none;color:#9b382c;cursor:pointer}@media(max-width:850px){header nav{display:none}.outline{padding:9px 12px}.hero-copy{padding:90px 7%}.hero-foot span{display:none}.strip{grid-template-columns:repeat(2,1fr)}.strip strong{display:none}.heading,.about,.application,.enquiry{display:block}.heading>p{margin-top:25px}.cards,.glove-grid{grid-template-columns:1fr 1fr}.application-image{margin-bottom:35px}.enquiry form{margin-top:40px}footer{flex-wrap:wrap}}@media(max-width:520px){.brand b{font-size:2rem}.brand img{width:39px;height:39px}.hero h1{font-size:3.8rem}.cards,.glove-grid{grid-template-columns:1fr}.section{padding:70px 7%}.stage{height:450px}.stage-copy{left:20px;right:20px}.stage-copy h3{font-size:2rem}.application-image,.application-image img{min-height:380px;height:380px}footer{display:grid}}
/* Correct layer order, realistic bead assets and motion controls */
.hero-photo{isolation:isolate}.hero:after{z-index:0;pointer-events:none}.hero-photo .drops{z-index:2}.drops{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-photo>.drops{left:38%;width:62%}.water-bead{position:absolute;height:auto;object-fit:contain;filter:drop-shadow(1px 3px 2px #12090055);animation:bead-roll var(--duration) ease-in-out var(--delay) infinite;opacity:.9;will-change:transform,opacity}.stage-drops{z-index:2}.stage:after{z-index:1;pointer-events:none}.stage-copy{z-index:3}.oil .water-bead{filter:sepia(.9) saturate(1.4) drop-shadow(1px 3px 2px #12090055)}
@keyframes bead-roll{0%{opacity:0;transform:translate(0,-15px) scale(.3)}12%{opacity:.96;transform:translate(0,0) scale(.85)}40%{opacity:1;transform:translate(2px,8px) scale(1)}75%{opacity:.9;transform:translate(10px,120px) scale(.93,1.07)}100%{opacity:0;transform:translate(17px,260px) scale(.8,1.15)}}
.motion-paused .water-bead,.motion-paused .hero-photo>img{animation-play-state:paused}.motion-button,#replay{cursor:pointer;border:1px solid #acc4cc;background:#fff;color:#234f5e;padding:9px 13px;border-radius:24px;font:inherit;font-size:.8rem}.hero-motion{position:absolute;right:7%;bottom:75px;z-index:3}.effect-controls{display:flex;gap:8px;flex-wrap:wrap}.effect-note{color:#465d64;font-size:.8rem;line-height:1.6}.proof-badges{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 14px}.proof-badges strong{font-size:1rem;letter-spacing:.08em;padding:12px 15px;color:#204f60;background:#e5f2f5;border:1px solid #4e8395;border-radius:5px}.proof-badges strong+strong{color:white;background:#6f482d;border-color:#6f482d}.menu-button{display:none}section[id]{scroll-margin-top:100px}button:focus-visible,a:focus-visible{outline:3px solid #3e7d95;outline-offset:4px}.email-note,#form-status{font-size:.85rem;color:#4e463e;line-height:1.6}.enquiry h2{font:clamp(2.6rem,6vw,4rem)/1.1 Georgia,serif;letter-spacing:-.05em}.enquiry>div>p{line-height:1.8;color:#514941}
@media(max-width:850px){.menu-button{display:block;background:white;border:1px solid #7198a5;border-radius:5px;padding:9px;color:#34271d;margin-left:auto;margin-right:12px}.menu-open nav{display:flex;position:absolute;left:0;right:0;top:81px;padding:20px 7%;background:white;border-bottom:1px solid #acc4cc;flex-wrap:wrap}.hero-photo>.drops{left:35%;width:65%}}
@media(max-width:520px){header{padding:0 5%;gap:8px}.brand small{font-size:.55rem}.brand b{font-size:1.9rem}.brand img{width:35px;height:35px}.brand{gap:6px}header>.outline{display:none}.menu-button{margin-right:0}.hero{min-height:740px}.hero-copy{padding-top:65px;padding-bottom:130px}.stage-copy{bottom:22px}.stage-copy p{line-height:1.6}.stage{height:500px}.proof-badges strong{font-size:.85rem}.hero-foot{line-height:1.7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo>img{animation:none}.application-image img{transition:none}}
/* Reports and parent company */
.parent-company{color:#285f72;text-decoration:underline;text-underline-offset:4px;font-weight:600}.reports{background:#edf4f6;border-top:1px solid #c5d9de}.reports-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.report-card{border:1px solid #c9d5d6;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 12px 28px #3b2b200a}.report-preview{display:block;height:260px;padding:18px;background:#e3eae9;overflow:hidden}.report-preview img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.report-preview:hover img{transform:scale(1.04)}.report-body{padding:24px}.report-lab{color:#376c7d;font-size:.73rem;letter-spacing:.1em;font-weight:700}.report-body h3{font:1.4rem/1.3 Georgia,serif;margin:12px 0;color:#3c2b20;overflow-wrap:anywhere}.report-body p{color:#554e48;font-size:.88rem;line-height:1.7}.report-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px;flex-wrap:wrap}.report-actions a{font-size:.85rem;border-bottom:1px solid #91adb6;padding:8px 0;color:#285b6c}.reports-note{color:#4d5f64;font-size:.82rem;line-height:1.8;margin-top:25px}.hero-foot{display:block}.hero-foot>span{float:right}
/* Short welcome sequence; hidden when scripting is unavailable */
.welcome-intro[hidden]{display:none!important}.intro-open{overflow:hidden}.welcome-intro{position:fixed;inset:0;z-index:1000;background:#fbf8f1;color:#243b2c;display:grid;place-items:center;overflow:hidden}.intro-light{position:absolute;width:80vw;height:80vw;border-radius:50%;background:radial-gradient(circle,#e5efdf,transparent 65%);animation:intro-glow 4.8s ease both}.intro-step{position:absolute;text-align:center;padding:30px;width:min(95%,800px)}.intro-bismillah{animation:bismillah-reveal 4.8s ease both}.intro-bismillah p{font-family:'Noto Naskh Arabic','Traditional Arabic','Times New Roman',serif;font-size:clamp(2rem,6vw,4.5rem);line-height:1.9;margin:0 0 15px;color:#204d36}.intro-bismillah span{font-size:.85rem;line-height:1.8;color:#66523d}.intro-pakistan{animation:pakistan-reveal 4.8s ease both}.flag-wrap{width:clamp(150px,30vw,260px);margin:0 auto 32px;perspective:700px}.pakistan-flag{width:100%;display:block;filter:drop-shadow(0 15px 20px #14391e28);transform-origin:left center;animation:flag-wave 1.8s ease-in-out infinite}.intro-pakistan h2{font:clamp(2.2rem,5vw,3.5rem)/1.2 Georgia,serif;letter-spacing:-.035em;margin:0 0 15px;color:#204d36}.intro-pakistan p{font-size:.9rem;color:#66523d}#skip-intro{position:absolute;bottom:35px;right:6%;padding:12px 18px;border:1px solid #86a292;border-radius:30px;background:#fff9;color:#204d36;cursor:pointer}.intro-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#245d3d;transform-origin:left;animation:intro-progress 4.8s linear both}
@keyframes bismillah-reveal{0%{opacity:0;transform:translateY(14px)}15%,37%{opacity:1;transform:translateY(0)}48%,100%{opacity:0;transform:translateY(-14px);visibility:hidden}}
@keyframes pakistan-reveal{0%,45%{opacity:0;transform:translateY(16px);visibility:hidden}58%,93%{opacity:1;transform:translateY(0);visibility:visible}100%{opacity:0;transform:translateY(-8px)}}
@keyframes flag-wave{0%,100%{transform:rotateY(-8deg) rotateZ(-1deg) skewY(1deg)}50%{transform:rotateY(8deg) rotateZ(1deg) skewY(-1deg)}}
@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-glow{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
@media(max-width:1000px){.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header nav{gap:18px}}
@media(max-width:600px){.reports-grid{grid-template-columns:1fr}.report-preview{height:300px}.intro-bismillah span{display:block;max-width:290px;margin:auto}.hero-foot>span{float:none}}
@media(prefers-reduced-motion:reduce){.welcome-intro{display:none!important}.report-preview img{transition:none}}
.direct-email{font-size:.92rem;line-height:1.7;overflow-wrap:anywhere}.direct-email a{color:#245d70;text-decoration:underline;text-underline-offset:3px}.button:disabled{opacity:.65;cursor:wait}
/* Font-independent vector icons: the same shape and size on every device. */
a.icon-action,button.icon-action{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;vertical-align:middle;min-height:44px;max-width:100%;line-height:1.4;box-sizing:border-box}
.icon-action .action-label{display:block;min-width:0;text-align:left}
.icon-action .action-icon{display:block;flex:0 0 20px;width:20px;height:20px;min-width:20px;max-width:20px;overflow:visible;color:inherit;transition:transform .2s ease}
.button.icon-action{align-self:start;justify-content:space-between;padding:14px 20px;gap:22px;border-radius:8px;font-weight:600}
.report-actions a.icon-action{gap:8px}.report-actions{align-items:center}
@media(hover:hover) and (pointer:fine){.icon-action:hover .action-icon{transform:translate(2px,-2px)}.icon-action[download]:hover .action-icon{transform:translateY(2px)}}
@media(max-width:520px){.icon-action .action-icon{width:20px;height:20px;flex-basis:20px}.report-actions a.icon-action{font-size:.85rem}header>.outline.icon-action{display:none}}
@media(prefers-reduced-motion:reduce){.icon-action .action-icon{transition:none}.icon-action:hover .action-icon{transform:none}}
/* Simple report titles with aligned actions */
.report-card{display:flex;flex-direction:column}.report-body{flex:1;display:flex;flex-direction:column}.report-body h3{font-size:1.35rem;line-height:1.4;margin:0 0 20px;overflow-wrap:normal}.report-actions{margin-top:auto;padding-top:8px}