/* ═══════════════════════════════════════════
   Akshat Work Plugin — Public CSS
   CSS variables injected inline by PHP
═══════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=DM+Sans:wght@300;400;500&family=Space+Mono:wght@400;700&display=swap');

/* ── Variable fallbacks ── */
:root {
  --akwp-teal:  #17967f; --akwp-dark:  #1e6b52; --akwp-ink:  #0e1a14;
  --akwp-text:  #1c2e25; --akwp-muted: #5e7a6a; --akwp-light:#f4f9f6;
  --akwp-sand:  #f7f3ee; --akwp-white: #fafcfb; --akwp-water:#c8ede6;
  --akwp-border:rgba(23,150,127,0.14);
}

/* ── Root wrapper ── */
#akwp-root {
  font-family: 'DM Sans', sans-serif;
  background: var(--akwp-white);
  color: var(--akwp-text);
  overflow-x: hidden;
  line-height: 1.6;
}
#akwp-root *, #akwp-root *::before, #akwp-root *::after { box-sizing: border-box; }

/* ── Scroll bar ── */
.akwp-scroll-bar { position:fixed;top:0;left:0;height:2px;background:var(--akwp-teal);z-index:300;width:0;transition:width .08s linear; }

/* ══ SHARED ATOMS ══ */
.akwp-label {
  font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--akwp-teal);
  display:flex;align-items:center;gap:10px;margin-bottom:14px;
}
.akwp-label::before { content:'';display:block;width:26px;height:1px;background:var(--akwp-teal); }
.akwp-label--light { color:rgba(200,237,230,.4); }
.akwp-label--light::before { background:rgba(200,237,230,.2); }

.akwp-sec-h {
  font-family:'Cormorant',serif;font-size:clamp(2.2rem,4vw,3.8rem);
  font-weight:300;line-height:1.1;color:var(--akwp-ink);margin:0 0 44px;
}
.akwp-sec-h em { font-style:italic;color:var(--akwp-teal); }
.akwp-sec-h--light { color:var(--akwp-water); }

/* scroll reveal */
.akwp-rev { opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s; }
.akwp-rev.akwp-vis { opacity:1;transform:translateY(0); }
.akwp-rev-l { opacity:0;transform:translateX(-22px);transition:opacity .65s,transform .65s; }
.akwp-rev-l.akwp-vis { opacity:1;transform:translateX(0); }

/* ══ HERO ══ */
.akwp-hero {
  min-height:100vh;display:grid;grid-template-columns:1fr 1fr;
  align-items:center;padding:80px 60px;
  background:var(--akwp-ink);position:relative;overflow:hidden;gap:40px;
}
.akwp-hero-grain {
  position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:200px;
}
.akwp-hero-radial {
  position:absolute;z-index:0;pointer-events:none;
  width:800px;height:800px;border-radius:50%;
  background:radial-gradient(circle,rgba(23,150,127,.12),transparent 65%);
  top:-300px;right:-200px;
}
.akwp-hero-left { position:relative;z-index:2; }
.akwp-kicker {
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--akwp-teal);margin-bottom:24px;
  animation:akwpFadeUp .7s .2s both;
}
.akwp-kicker::before { content:'';display:block;width:30px;height:1px;background:var(--akwp-teal); }
.akwp-h1 {
  font-family:'Cormorant',serif;font-size:clamp(3.2rem,6vw,6rem);
  font-weight:300;line-height:.98;color:var(--akwp-water);letter-spacing:-.02em;
  margin:0 0 12px;animation:akwpFadeUp .9s .35s both;
}
.akwp-h1 em { font-style:italic;color:var(--akwp-teal); }
.akwp-hero-sub {
  font-family:'Cormorant',serif;font-size:clamp(1.05rem,2vw,1.5rem);
  font-weight:300;font-style:italic;color:rgba(200,237,230,.5);
  margin:0 0 24px;animation:akwpFadeUp .9s .5s both;
}
.akwp-hero-desc {
  font-size:1rem;line-height:1.82;color:rgba(200,237,230,.65);
  max-width:480px;margin:0 0 36px;animation:akwpFadeUp .9s .65s both;
}
.akwp-hero-desc strong { color:var(--akwp-water);font-weight:500; }
.akwp-hero-scroll {
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(200,237,230,.4);text-decoration:none;transition:color .2s;
  animation:akwpFadeUp .9s .8s both;
}
.akwp-hero-scroll:hover { color:var(--akwp-teal); }
.akwp-hero-scroll svg { animation:akwpBounce 2s ease-in-out infinite; }
.akwp-hero-right { position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;animation:akwpFadeLeft 1s .5s both; }
.akwp-big-num {
  font-family:'Cormorant',serif;font-size:clamp(7rem,13vw,13rem);
  font-weight:300;line-height:1;color:rgba(23,150,127,.08);
  letter-spacing:-.04em;pointer-events:none;user-select:none;
  position:absolute;right:-20px;top:50%;transform:translateY(-50%);
}
.akwp-stats-col { border-left:1px solid rgba(23,150,127,.2);padding-left:30px;z-index:1; }
.akwp-hstat { padding:20px 0;border-bottom:1px solid rgba(23,150,127,.1); }
.akwp-hstat:last-child { border-bottom:none; }
.akwp-hstat-num { font-family:'Cormorant',serif;font-size:2.6rem;font-weight:300;color:var(--akwp-teal);line-height:1; }
.akwp-hstat-lbl { font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(200,237,230,.4);margin-top:4px; }

/* ══ ROLE ══ */
.akwp-role-wrap { background:var(--akwp-white);padding:80px 0; }
.akwp-role-inner {
  display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start;
  max-width:1280px;margin:0 auto;padding:0 60px;
}
.akwp-timeline { margin-top:32px; }
.akwp-tl-item { display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--akwp-border); }
.akwp-tl-item:last-child { border-bottom:none; }
.akwp-tl-year { font-family:'Space Mono',monospace;font-size:.66rem;color:var(--akwp-teal);min-width:52px;white-space:nowrap;padding-top:3px;letter-spacing:.06em; }
.akwp-tl-title { font-family:'Cormorant',serif;font-size:1.15rem;font-weight:500;color:var(--akwp-ink);margin-bottom:3px; }
.akwp-tl-desc { font-size:.86rem;line-height:1.72;color:var(--akwp-muted); }
.akwp-role-p { font-size:1.01rem;line-height:1.88;color:var(--akwp-muted);margin-bottom:18px; }
.akwp-role-p strong { color:var(--akwp-text);font-weight:500; }
.akwp-pull { margin:28px 0;padding:22px 26px;border-left:3px solid var(--akwp-teal);background:var(--akwp-light);border-radius:0 3px 3px 0; }
.akwp-pull p { font-family:'Cormorant',serif;font-size:1.45rem;font-weight:400;font-style:italic;line-height:1.5;color:var(--akwp-ink); }
.akwp-pull p em { color:var(--akwp-teal);font-style:normal; }

/* ══ WORK CARDS ══ */
.akwp-work-section { background:var(--akwp-sand);padding:88px 60px; }
.akwp-work-inner { max-width:1280px;margin:0 auto; }
.akwp-filter-bar { display:flex;gap:8px;flex-wrap:wrap;margin:32px 0 40px; }
.akwp-fbtn {
  font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;
  padding:9px 16px;border-radius:2px;border:1.5px solid var(--akwp-border);
  background:transparent;color:var(--akwp-muted);cursor:pointer;transition:all .2s;
}
.akwp-fbtn:hover,.akwp-fbtn.active { background:var(--akwp-teal);border-color:var(--akwp-teal);color:#fff; }
.akwp-work-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:2px; }
.akwp-wcard {
  background:var(--akwp-white);padding:34px 28px;
  position:relative;overflow:hidden;
  border:1px solid transparent;
  transition:opacity .5s,transform .5s,border-color .2s,box-shadow .2s;
}
.akwp-wcard:hover { border-color:var(--akwp-border);box-shadow:0 10px 36px rgba(0,0,0,.07);transform:translateY(-4px); }
.akwp-wcard::after { content:'';position:absolute;bottom:0;left:0;height:2px;width:0;background:var(--akwp-teal);transition:width .35s; }
.akwp-wcard:hover::after { width:100%; }
.akwp-wcard.akwp-hidden { display:none; }
.akwp-wc-num { font-family:'Cormorant',serif;font-size:.9rem;color:var(--akwp-border);position:absolute;top:18px;right:22px; }
.akwp-wc-cat { font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--akwp-teal);margin-bottom:14px; }
.akwp-wc-icon { font-size:1.9rem;margin-bottom:14px;display:block; }
.akwp-wc-title { font-family:'Cormorant',serif;font-size:1.35rem;font-weight:500;color:var(--akwp-ink);margin-bottom:10px; }
.akwp-wc-desc { font-size:.85rem;line-height:1.77;color:var(--akwp-muted);margin-bottom:16px; }
.akwp-wc-tags { display:flex;flex-wrap:wrap;gap:6px; }
.akwp-wc-tag { font-size:.67rem;font-weight:500;padding:4px 10px;border-radius:40px;background:var(--akwp-light);color:var(--akwp-dark);border:1px solid var(--akwp-border); }

/* ══ IMPACT STRIP ══ */
.akwp-impact-strip { background:var(--akwp-teal);padding:54px 60px;display:flex;gap:0;justify-content:space-around;flex-wrap:wrap; }
.akwp-imp { text-align:center;padding:8px 20px; }
.akwp-imp-num { font-family:'Cormorant',serif;font-size:clamp(2.8rem,4.5vw,4.2rem);font-weight:300;color:#fff;line-height:1; }
.akwp-imp-lbl { font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:6px; }

/* ══ BRAND ══ */
.akwp-brand-section { background:var(--akwp-ink);padding:90px 60px;position:relative;overflow:hidden; }
.akwp-brand-radial { position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 20% 60%,rgba(23,150,127,.1),transparent 70%); }
.akwp-brand-inner { max-width:1280px;margin:0 auto;position:relative;z-index:1; }
.akwp-brand-grid { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;margin-top:44px; }
.akwp-brand-p { font-size:1rem;line-height:1.88;color:rgba(200,237,230,.65);margin-bottom:16px; }
.akwp-brand-p strong { color:var(--akwp-water);font-weight:500; }
/* Pillars accordion */
.akwp-pillars { display:flex;flex-direction:column;gap:2px;margin-top:26px; }
.akwp-bp { display:flex;gap:16px;align-items:flex-start;padding:20px 18px;background:rgba(255,255,255,.03);border:1px solid rgba(23,150,127,.12);transition:all .25s;cursor:pointer; }
.akwp-bp:hover,.akwp-bp.akwp-open { background:rgba(23,150,127,.07);border-color:rgba(23,150,127,.3); }
.akwp-bp-icon { font-size:1.3rem;flex-shrink:0;margin-top:2px; }
.akwp-bp-title { font-family:'Cormorant',serif;font-size:1.12rem;font-weight:500;color:var(--akwp-water);display:flex;align-items:center;justify-content:space-between;gap:10px; }
.akwp-bp-arrow { font-size:.72rem;color:var(--akwp-teal);transition:transform .3s;flex-shrink:0; }
.akwp-bp.akwp-open .akwp-bp-arrow { transform:rotate(90deg); }
.akwp-bp-content { font-size:.85rem;line-height:1.75;color:rgba(200,237,230,.55);max-height:0;overflow:hidden;transition:max-height .4s ease,margin-top .3s; }
.akwp-bp.akwp-open .akwp-bp-content { max-height:200px;margin-top:10px; }
/* Achievements */
.akwp-ach-list { display:flex;flex-direction:column;gap:14px; }
.akwp-ach { display:flex;gap:14px;padding:18px;border:1px solid rgba(23,150,127,.12);border-radius:3px;background:rgba(255,255,255,.02);transition:transform .22s,border-color .22s; }
.akwp-ach:hover { transform:translateX(4px);border-color:rgba(23,150,127,.3); }
.akwp-ach-dot { width:7px;height:7px;border-radius:50%;background:var(--akwp-teal);flex-shrink:0;margin-top:5px; }
.akwp-ach-title { font-family:'Cormorant',serif;font-size:1rem;font-weight:500;color:var(--akwp-water);margin-bottom:3px; }
.akwp-ach-desc { font-size:.81rem;line-height:1.7;color:rgba(200,237,230,.5); }

/* ══ EXPERTISE ══ */
.akwp-expertise { padding:88px 0;background:var(--akwp-white);overflow:hidden; }
.akwp-exp-head { padding:0 60px;margin-bottom:44px; }
.akwp-exp-scroll { display:flex;gap:2px;padding:0 60px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none; }
.akwp-exp-scroll::-webkit-scrollbar { display:none; }
.akwp-exp-scroll.akwp-dragging { cursor:grabbing; }
.akwp-exp-card { flex:0 0 295px;padding:34px 26px;background:var(--akwp-sand);position:relative;overflow:hidden;transition:transform .25s,background .25s; }
.akwp-exp-card:hover { background:var(--akwp-light);transform:translateY(-4px); }
.akwp-exp-card::before { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--akwp-teal);transform:scaleX(0);transition:transform .3s;transform-origin:left; }
.akwp-exp-card:hover::before { transform:scaleX(1); }
.akwp-exp-n { font-family:'Space Mono',monospace;font-size:.58rem;color:rgba(94,122,106,.3);letter-spacing:.16em;margin-bottom:18px; }
.akwp-exp-ico { font-size:1.9rem;margin-bottom:12px;display:block; }
.akwp-exp-ttl { font-family:'Cormorant',serif;font-size:1.25rem;font-weight:500;color:var(--akwp-ink);margin-bottom:10px; }
.akwp-exp-dsc { font-size:.83rem;line-height:1.75;color:var(--akwp-muted); }
.akwp-exp-hint { display:flex;align-items:center;gap:8px;padding:14px 60px 0;font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--akwp-muted); }
.akwp-exp-hint svg { animation:akwpSlide 1.5s ease-in-out infinite; }

/* ══ PROJECTS ══ */
.akwp-projects { padding:88px 60px;background:var(--akwp-light); }
.akwp-projects-inner { max-width:1280px;margin:0 auto; }
.akwp-proj-list { display:flex;flex-direction:column;gap:2px;margin-top:44px; }
.akwp-proj-row {
  display:grid;grid-template-columns:72px 1fr auto;gap:22px;align-items:center;
  padding:26px 28px;background:var(--akwp-white);border:1px solid transparent;
  transition:opacity .5s,transform .5s,border-color .25s,box-shadow .25s;
}
.akwp-proj-row:hover { border-color:var(--akwp-border);transform:translateX(6px);box-shadow:4px 0 0 var(--akwp-teal); }
.akwp-pr-num { font-family:'Cormorant',serif;font-size:2rem;font-weight:300;color:rgba(23,150,127,.18);letter-spacing:-.02em; }
.akwp-pr-title { font-family:'Cormorant',serif;font-size:1.28rem;font-weight:500;color:var(--akwp-ink);margin-bottom:4px; }
.akwp-pr-desc { font-size:.83rem;line-height:1.65;color:var(--akwp-muted); }
.akwp-pr-tags { display:flex;gap:7px;flex-wrap:wrap;margin-top:8px; }
.akwp-pr-tag { font-size:.64rem;letter-spacing:.06em;padding:3px 9px;border:1px solid var(--akwp-border);color:var(--akwp-dark);border-radius:40px; }
.akwp-pr-badge { text-align:right;min-width:70px; }
.akwp-pr-badge-icon { font-size:1.5rem; }
.akwp-pr-badge-lbl { font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;color:var(--akwp-muted);margin-top:3px; }

/* ══ MANIFESTO ══ */
.akwp-manifesto { padding:100px 60px;background:var(--akwp-ink);text-align:center;position:relative;overflow:hidden; }
.akwp-manifesto-bg { position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 50% 100%,rgba(23,150,127,.08),transparent 70%); }
.akwp-manifesto-inner { max-width:900px;margin:0 auto;position:relative;z-index:1; }
.akwp-manifesto .akwp-label { justify-content:center; }
.akwp-big-q { font-family:'Cormorant',serif;font-size:clamp(1.55rem,2.8vw,2.5rem);font-weight:300;font-style:italic;line-height:1.5;color:var(--akwp-water);margin:28px 0 18px; }
.akwp-big-q em { color:var(--akwp-teal);font-style:normal; }
.akwp-q-attr { font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(200,237,230,.35); }
.akwp-vision-cards { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px; }
.akwp-vc { padding:34px 26px;background:rgba(255,255,255,.03);border:1px solid rgba(23,150,127,.1);transition:all .25s; }
.akwp-vc:hover { background:rgba(23,150,127,.06);border-color:rgba(23,150,127,.25); }
.akwp-vc-icon { font-size:1.5rem;margin-bottom:12px; }
.akwp-vc-title { font-family:'Cormorant',serif;font-size:1.1rem;font-weight:500;color:var(--akwp-water);margin-bottom:8px; }
.akwp-vc-desc { font-size:.82rem;line-height:1.72;color:rgba(200,237,230,.5); }

/* ══ CTA ══ */
.akwp-cta { padding:88px 60px;background:var(--akwp-sand);text-align:center; }
.akwp-cta-inner { max-width:640px;margin:0 auto; }
.akwp-cta-h { font-family:'Cormorant',serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:300;line-height:1.15;color:var(--akwp-ink);margin:14px 0 20px; }
.akwp-cta-h em { font-style:italic;color:var(--akwp-teal); }
.akwp-cta-p { font-size:1rem;line-height:1.8;color:var(--akwp-muted);margin-bottom:36px; }
.akwp-cta-btns { display:flex;gap:12px;justify-content:center;flex-wrap:wrap; }
.akwp-btn-primary { display:inline-flex;align-items:center;gap:8px;background:var(--akwp-teal);color:#fff !important;padding:13px 26px;border-radius:2px;font-size:.82rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:2px solid var(--akwp-teal);transition:all .22s; }
.akwp-btn-primary:hover { background:var(--akwp-dark) !important;border-color:var(--akwp-dark);transform:translateY(-2px); }
.akwp-btn-outline { display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:2px;font-size:.82rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:2px solid rgba(94,122,106,.3);color:var(--akwp-text) !important;background:transparent;transition:all .22s; }
.akwp-btn-outline:hover { border-color:var(--akwp-teal) !important;color:var(--akwp-teal) !important;transform:translateY(-2px); }

/* ══ KEYFRAMES ══ */
@keyframes akwpFadeUp   { from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);} }
@keyframes akwpFadeLeft { from{opacity:0;transform:translateX(28px);}to{opacity:1;transform:translateX(0);} }
@keyframes akwpBounce   { 0%,100%{transform:translateY(0);}50%{transform:translateY(5px);} }
@keyframes akwpSlide    { 0%,100%{transform:translateX(0);}50%{transform:translateX(6px);} }

/* ══ RESPONSIVE ══ */
@media(max-width:1060px){
  .akwp-hero { grid-template-columns:1fr;padding:80px 36px 60px;min-height:auto; }
  .akwp-hero-right { display:none; }
  .akwp-role-inner { grid-template-columns:1fr;padding:0 36px;gap:44px; }
  .akwp-brand-grid { grid-template-columns:1fr;gap:44px; }
  .akwp-work-grid { grid-template-columns:repeat(2,1fr); }
  .akwp-vision-cards { grid-template-columns:1fr 1fr; }
  .akwp-work-section,.akwp-brand-section,.akwp-projects,.akwp-cta,.akwp-manifesto { padding-left:36px;padding-right:36px; }
  .akwp-exp-head,.akwp-exp-scroll,.akwp-exp-hint { padding-left:36px;padding-right:36px; }
  .akwp-impact-strip { padding:44px 36px; }
}
@media(max-width:768px){
  .akwp-hero { padding:64px 24px 48px; }
  .akwp-role-inner { padding:0 24px; }
  .akwp-work-grid { grid-template-columns:1fr; }
  .akwp-vision-cards { grid-template-columns:1fr; }
  .akwp-proj-row { grid-template-columns:56px 1fr;gap:14px; }
  .akwp-pr-badge { display:none; }
  .akwp-work-section,.akwp-brand-section,.akwp-projects,.akwp-cta,.akwp-manifesto,.akwp-role-wrap { padding-left:24px;padding-right:24px; }
  .akwp-exp-head,.akwp-exp-scroll,.akwp-exp-hint { padding-left:24px;padding-right:24px; }
  .akwp-impact-strip { padding:36px 24px;gap:20px; }
  .akwp-cta-btns { flex-direction:column;align-items:center; }
  .akwp-filter-bar { gap:6px; }
  .akwp-fbtn { font-size:.58rem;padding:7px 12px; }
}
@media(max-width:480px){
  .akwp-h1 { font-size:clamp(2.4rem,9vw,3.2rem); }
  .akwp-work-section,.akwp-brand-section,.akwp-projects,.akwp-cta,.akwp-manifesto,.akwp-expertise { padding-top:56px;padding-bottom:56px; }
}