/* Phase 31.7 — About + Portfolio Experience Upgrade. Scoped to kv-ap-* classes. */
.kv-ap-hero{overflow:hidden}.kv-ap-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 34%,rgba(124,92,246,.055));}.kv-ap-hero-inner{position:relative;z-index:1;max-width:920px;text-align:center}.kv-ap-hero-inner h1{max-width:880px;margin:18px auto 18px;font-size:clamp(42px,5vw,68px);line-height:1.04}.kv-ap-hero-inner p{max-width:790px;margin:0 auto;font-size:clamp(18px,2vw,22px);line-height:1.7;color:rgba(255,255,255,.82)}
.kv-ap-kicker{display:inline-block;margin-bottom:12px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#138b9c}.kv-ap-kicker-center{display:block;text-align:center}.kv-ap-story-grid,.kv-ap-confidential-grid,.kv-ap-delivery-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:56px;align-items:center}.kv-ap-story-copy h2,.kv-ap-section-head h2,.kv-ap-confidential h2,.kv-ap-delivery-section h2{font-size:clamp(30px,3vw,44px);line-height:1.12;margin:0 0 20px}.kv-ap-story-copy p{font-size:17px;line-height:1.8}.kv-ap-principles{padding:32px;border:1px solid rgba(19,139,156,.18);border-radius:24px;background:linear-gradient(145deg,#fff,#f5fbfc);box-shadow:0 24px 55px rgba(16,32,54,.08)}.kv-ap-principles h2{font-size:25px;line-height:1.25;margin:0 0 24px}.kv-ap-principle{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-top:1px solid rgba(15,23,42,.08)}.kv-ap-principle>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e8f8fa;color:#08798a;font-weight:800}.kv-ap-principle strong{display:block;margin-bottom:4px;font-size:16px}.kv-ap-principle p{margin:0;color:#5b6677;line-height:1.55}
.kv-ap-process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}.kv-ap-process article{position:relative;padding:28px 22px 24px;border:1px solid rgba(15,23,42,.09);border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.055)}.kv-ap-process article>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:14px;background:linear-gradient(135deg,#22c5d7,#7c5cf5);color:#fff;font-weight:800}.kv-ap-process h3{margin:0 0 10px;font-size:19px}.kv-ap-process p{margin:0;color:#5b6677;line-height:1.6}
.kv-ap-section-head{display:flex;justify-content:space-between;align-items:end;gap:44px;margin-bottom:34px}.kv-ap-section-head>div{max-width:650px}.kv-ap-section-head>p{max-width:480px;margin:0;color:#5b6677;line-height:1.7}.kv-ap-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kv-ap-capabilities a{position:relative;display:flex;flex-direction:column;gap:6px;min-height:128px;padding:22px;border:1px solid rgba(15,23,42,.09);border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 10px 26px rgba(15,23,42,.045);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.kv-ap-capabilities a:before{content:"";position:absolute;top:0;left:22px;width:42px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#21bfd3,#805cf5)}.kv-ap-capabilities strong{font-size:17px}.kv-ap-capabilities span{font-size:14px;line-height:1.5;color:#647084}.kv-ap-capabilities a:hover,.kv-ap-capabilities a:focus-visible{transform:translateY(-6px);box-shadow:0 18px 36px rgba(15,23,42,.1);border-color:rgba(32,185,207,.35)}
.kv-ap-cta{max-width:1000px;padding:48px;border-radius:28px;background:radial-gradient(circle at 10% 0%,rgba(31,199,218,.18),transparent 36%),radial-gradient(circle at 90% 10%,rgba(128,92,245,.18),transparent 36%),#101a2d;color:#fff}.kv-ap-cta .kv-ap-kicker{color:#7fe8f2}.kv-ap-cta p{color:rgba(255,255,255,.78)}
.kv-ap-portfolio-intro{padding-top:34px;padding-bottom:34px}.kv-ap-proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.06);overflow:hidden}.kv-ap-proof-strip>div{display:grid;grid-template-columns:42px 1fr;column-gap:12px;padding:24px 28px;border-right:1px solid rgba(15,23,42,.08)}.kv-ap-proof-strip>div:last-child{border-right:0}.kv-ap-proof-strip span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef9fa;color:#0b8191;font-weight:800}.kv-ap-proof-strip strong{font-size:16px}.kv-ap-proof-strip small{margin-top:4px;color:#687386;line-height:1.45}
.kv-ap-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.kv-ap-work-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(15,23,42,.09);border-radius:22px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 14px 34px rgba(15,23,42,.055);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.kv-ap-work-media{aspect-ratio:16/9;overflow:hidden;background:#0f1b2e}.kv-ap-work-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.kv-ap-work-body{display:flex;flex:1;flex-direction:column;padding:24px}.kv-ap-work-body>span{margin-bottom:9px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0b8797}.kv-ap-work-body h3{margin:0 0 10px;font-size:21px;line-height:1.25}.kv-ap-work-body p{margin:0 0 20px;color:#5e697b;line-height:1.62}.kv-ap-work-body>strong{margin-top:auto;font-size:14px;color:#176f83}.kv-ap-work-body b{display:inline-block;transition:transform .25s ease}.kv-ap-work-card:hover,.kv-ap-work-card:focus-visible{transform:translateY(-9px);box-shadow:0 24px 48px rgba(15,23,42,.12);border-color:rgba(32,185,207,.35)}.kv-ap-work-card:hover img,.kv-ap-work-card:focus-visible img{transform:scale(1.045)}.kv-ap-work-card:hover b,.kv-ap-work-card:focus-visible b{transform:translateX(4px)}
.kv-ap-confidential-card{padding:30px;border-radius:22px;background:#101b2e;color:#fff;box-shadow:0 20px 45px rgba(15,23,42,.12)}.kv-ap-confidential-card h3{margin-top:0}.kv-ap-confidential-card li{margin:10px 0;color:rgba(255,255,255,.78)}.kv-ap-delivery-steps{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.kv-ap-delivery-steps span{padding:13px 16px;border:1px solid rgba(15,23,42,.09);border-radius:999px;background:#fff;font-weight:700;font-size:14px}.kv-ap-delivery-steps b{color:#7c5cf5}
@media(max-width:980px){.kv-ap-story-grid,.kv-ap-confidential-grid,.kv-ap-delivery-grid{grid-template-columns:1fr;gap:32px}.kv-ap-process,.kv-ap-capabilities{grid-template-columns:repeat(2,1fr)}.kv-ap-work-grid{grid-template-columns:repeat(2,1fr)}.kv-ap-section-head{align-items:start;flex-direction:column;gap:10px}.kv-ap-proof-strip{grid-template-columns:1fr}.kv-ap-proof-strip>div{border-right:0;border-bottom:1px solid rgba(15,23,42,.08)}.kv-ap-proof-strip>div:last-child{border-bottom:0}}
@media(max-width:640px){.kv-ap-hero{padding-top:52px;padding-bottom:54px}.kv-ap-hero-inner h1{font-size:38px}.kv-ap-hero-inner p{font-size:17px;line-height:1.65}.kv-ap-principles{padding:24px 20px}.kv-ap-process,.kv-ap-capabilities,.kv-ap-work-grid{grid-template-columns:1fr}.kv-ap-process{gap:12px}.kv-ap-process article{padding:22px 20px}.kv-ap-capabilities a{min-height:0}.kv-ap-work-card:hover,.kv-ap-work-card:focus-visible,.kv-ap-capabilities a:hover,.kv-ap-capabilities a:focus-visible{transform:none}.kv-ap-cta{padding:34px 22px}.kv-ap-delivery-steps{align-items:stretch;flex-direction:column}.kv-ap-delivery-steps span{text-align:center}.kv-ap-delivery-steps b{transform:rotate(90deg);text-align:center}}
@media(prefers-reduced-motion:reduce){.kv-ap-work-card,.kv-ap-work-media img,.kv-ap-work-body b,.kv-ap-capabilities a{transition:none}}
/* Phase 31.7.1: portfolio proof-of-work sample refinement */
.kv-ap-work-media img[src*="portfolio-samples"]{object-fit:cover;background:#0b1728}.kv-ap-work-body>span{line-height:1.35}

/* Phase 31.7.2 — realistic 12-sample portfolio */
.kv-ap-work-media{background:#eef2f6}.kv-ap-work-media img[src$="phase31-7-2.png"]{object-fit:cover;width:100%;height:100%;display:block}.kv-ap-work-section .kv-ap-section-head p{max-width:650px}