/*
Theme Name: Virsa Pakistan
Theme URI: https://virsapakistan.com/
Author: Virsa Pakistan
Description: A focused, responsive website for Virsa Pakistan, its artisan and food initiatives, and SmartAgri Connect.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: virsa-pakistan
*/

:root{--ink:#102a31;--cream:#f6f0e4;--paper:#fffdf8;--copper:#bd6336;--line:#d9d4c9;--muted:#5b6664}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.section{padding:110px max(6vw,24px)}
.nav-wrap{height:84px;padding:0 max(4vw,20px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,253,248,.94);backdrop-filter:blur(14px);z-index:999}.admin-bar .nav-wrap{top:32px}.brand{display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.05;letter-spacing:.16em}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid;border-radius:50%;font-family:Georgia,serif;font-size:23px;font-style:italic}.nav-wrap nav{display:flex;gap:34px;font-size:14px}.nav-wrap nav a:hover{color:var(--copper)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700}.nav-cta{font-size:14px;border-bottom:1px solid;padding-bottom:3px}.mobile-menu{display:none}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1.03fr .97fr}.hero-copy{padding:clamp(70px,10vw,140px) max(5vw,28px) 70px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 15% 15%,#fff 0,transparent 36%),var(--cream)}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:800;color:var(--copper);margin:0 0 24px}.hero h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.02;letter-spacing:-.035em}.hero h1{font-size:clamp(50px,6.6vw,100px);margin:0}.hero h1 em{color:var(--copper);font-weight:400}.lead{font-size:clamp(18px,1.6vw,23px);line-height:1.5}.hero-copy>.lead{max-width:660px;color:#405151;margin:34px 0}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{padding:15px 22px;border:1px solid;font-size:14px;transition:.25s}.button:hover{transform:translateY(-2px)}.solid{background:var(--ink);color:#fff}.ghost{background:transparent}.trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:48px;font-size:13px}.trust span{display:flex;align-items:center;gap:7px}.tick{color:var(--copper);font-weight:800}.hero-visual{position:relative;min-height:600px;background:#243a36}.image-note{position:absolute;right:0;bottom:0;background:var(--ink);color:#fff;padding:24px 34px;display:flex;flex-direction:column}.image-note span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#c7d3ce}.image-note strong{font-family:Georgia,serif;font-size:22px;font-weight:400}
.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:12vw;align-items:end}.intro h2,.process h2,.smart h2,.about h2,.contact h2{font-size:clamp(43px,5vw,72px);margin:0}.intro>p{font-size:20px;color:var(--muted);margin:0}.work-grid{padding-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.work-card{background:var(--paper);padding:42px;min-height:410px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between}.card-icon{font-size:34px;line-height:1;color:var(--copper)}.card-top span{color:#8d9693}.work-card h3{font-family:Georgia,serif;font-size:31px;font-weight:400;margin:55px 0 16px}.work-card p{color:var(--muted);margin:0 0 30px}.work-card a{margin-top:auto;display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.work-card:hover{background:#f1eadc}
.process{background:var(--ink);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.steps{border-top:1px solid #ffffff30}.step{display:grid;grid-template-columns:62px 1fr;gap:22px;padding:27px 0;border-bottom:1px solid #ffffff30}.step>span{color:#dfa47e;font-size:13px}.step h3{margin:0 0 4px;font-family:Georgia,serif;font-size:25px;font-weight:400}.step p{margin:0;color:#c4cfcb}
.smart{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.smart-image{min-height:670px;position:relative}.qr-badge{position:absolute;right:-35px;bottom:40px;background:var(--copper);color:#fff;padding:20px;display:flex;gap:13px;align-items:center}.qr-icon{font-size:36px}.qr-badge span{font-size:12px;line-height:1.4;text-transform:uppercase;letter-spacing:.08em}.smart-copy>p:not(.eyebrow,.lead){color:var(--muted)}.smart-copy ul{list-style:none;padding:0;margin:27px 0}.smart-copy li{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.copper{background:var(--copper);border-color:var(--copper);color:#fff;margin-top:15px}
.about{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about-lead{font-size:23px}.about blockquote{margin:45px 0 0;border-left:3px solid var(--copper);padding:10px 0 10px 27px;font-family:Georgia,serif;font-size:25px;line-height:1.45}.about cite{display:block;font-family:Arial,sans-serif;font-size:13px;font-style:normal;margin-top:16px;color:var(--muted)}.people{padding-top:70px;padding-bottom:80px}.people-row{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;border-top:1px solid var(--line);padding-top:27px}.people-row div{display:flex;flex-direction:column}.people-row strong{font-family:Georgia,serif;font-size:19px}.people-row span{font-size:13px;color:var(--muted);margin-top:7px}
.contact{background:var(--copper);color:#fff;display:grid;grid-template-columns:1fr .8fr;gap:10vw;align-items:end}.light{color:#fee4d2}.contact-side{font-size:19px}.pale{border-color:#fff;background:#fff;color:var(--ink);margin-top:20px}.site-footer{background:#091d22;color:#fff;padding:56px max(6vw,24px) 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}.site-footer>div{display:flex;flex-direction:column;gap:6px}.site-footer p{margin:0;color:#aebeba}.site-footer small{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:24px;color:#8fa29d}
@media(max-width:900px){.nav-wrap nav,.nav-cta{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;font-size:25px}.mobile-menu>div{position:absolute;right:0;top:42px;background:var(--paper);border:1px solid var(--line);padding:16px;min-width:180px;display:flex;flex-direction:column;gap:12px}.hero,.intro,.process,.smart,.about,.contact{grid-template-columns:1fr}.hero-visual{min-height:560px;order:-1}.hero-copy{padding-top:70px}.intro,.process,.about,.contact{gap:50px}.work-grid{grid-template-columns:1fr}.work-card{min-height:320px}.smart-image{min-height:520px}.qr-badge{right:0}.people-row{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr 1fr}}
@media(max-width:782px){.admin-bar .nav-wrap{top:46px}}@media(max-width:560px){.section{padding:78px 22px}.nav-wrap{height:72px}.hero-visual{min-height:410px}.hero h1{font-size:49px}.hero-copy{padding:55px 22px}.trust{gap:10px;flex-direction:column;margin-top:35px}.intro h2,.process h2,.smart h2,.about h2,.contact h2{font-size:42px}.work-card{padding:32px 22px}.smart-image{min-height:400px}.qr-badge{position:static}.people-row,.site-footer{grid-template-columns:1fr}.contact{padding-bottom:90px}.site-footer small{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
