/* Marketing Limited — single portfolio pages */
.nwk-hero .nwk-chip{display:inline-flex;align-items:center;gap:.45rem;margin:0 auto 1rem;padding:.4rem 1rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.85rem;font-weight:700}
.nwk-hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.6rem}
.nwk-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;padding:.75rem 1.5rem;border-radius:14px;border:1.5px solid transparent;font-weight:800;font-size:.98rem;line-height:1.2;text-decoration:none;transition:background .2s,color .2s,transform .2s,border-color .2s;box-sizing:border-box}
.nwk-btn:hover{transform:translateY(-2px)}
.nwk-btn.is-primary{background:#E32B2B;color:#fff;box-shadow:0 10px 24px rgba(227,43,43,.3)}
.nwk-btn.is-primary:hover{background:#B31E1E;color:#fff}
.nwk-btn.is-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3);color:#fff}
.nwk-btn.is-ghost:hover{background:rgba(255,255,255,.15);color:#fff}
.nwk-btn.is-dark{background:#0D1130;color:#fff}
.nwk-btn.is-dark:hover{background:#1c2260;color:#fff}
.nwk-btn.is-ghost-dark{background:#fff;border-color:#E7E9F3;color:#0D1130}
.nwk-btn.is-ghost-dark:hover{border-color:#0D1130}
.nwk-btn.is-block{display:flex;width:100%}

.nwk-main{padding-top:clamp(40px,6vw,72px)}
.nwk-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(1.25rem,3vw,2.5rem);align-items:start}
.nwk-shot{margin:0;overflow:hidden;border-radius:20px;background:#fff;border:1px solid #E7E9F3;box-shadow:0 30px 70px rgba(13,17,48,.14)}
.nwk-shot a{display:block;cursor:zoom-in}
.nwk-shot img{display:block;width:100%;height:auto}
.nwk-bar{display:flex;align-items:center;gap:.4rem;direction:ltr;padding:.7rem 1rem;background:#F1F2F8;border-bottom:1px solid #E7E9F3}
.nwk-bar>span{width:11px;height:11px;border-radius:50%;background:#FF5F57}
.nwk-bar>span:nth-child(2){background:#FEBC2E}
.nwk-bar>span:nth-child(3){background:#28C840}
.nwk-bar em{flex:1;margin-left:.8rem;padding:.3rem .8rem;border-radius:8px;background:#fff;color:#5F6475;font-style:normal;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nwk-bar em i{color:#28a745;font-size:.72rem;margin-right:.3rem}

.nwk-side{position:sticky;top:100px;padding:1.6rem;border-radius:22px;background:#fff;border:1px solid #E7E9F3;box-shadow:0 8px 24px rgba(13,17,48,.06)}
.nwk-side h2{margin:0 0 .6rem;font-size:1.15rem;font-weight:900;color:#0D1130}
.nwk-side .nhp-kv{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:0}
.nwk-side .nhp-kv li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px dashed #E7E9F3;font-size:.94rem}
.nwk-side .nhp-kv li:last-child{border-bottom:0}
.nwk-side .nhp-kv span{color:#5F6475;flex:none}
.nwk-side .nhp-kv b{font-weight:800;color:#0D1130;text-align:left;overflow-wrap:anywhere}
.nwk-side .nhp-kv a{color:#E32B2B;text-decoration:none}
.nwk-side-cta{margin-top:1.2rem;padding:1.2rem;border-radius:16px;background:#F6F7FC}
.nwk-side-cta strong{display:block;color:#0D1130;font-size:1rem}
.nwk-side-cta p{margin:.3rem 0 .9rem;color:#5F6475;font-size:.9rem;line-height:1.8}

.nwk-about{max-width:860px;margin:clamp(2.5rem,5vw,4rem) auto 0}
.nwk-about>h2,.nwk-file-head h2{margin:0 0 1rem;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:900;color:#0D1130}
.nwk-about .nhp-prose{max-width:none}
.nwk-file{margin-top:clamp(2.5rem,5vw,4rem)}
.nwk-file-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.nwk-file-head h2{margin:0;display:flex;align-items:center;gap:.5rem}
.nwk-file-head h2 i{color:#E32B2B}
.nwk-pdf{height:min(80vh,900px);overflow:hidden;border-radius:18px;border:1px solid #E7E9F3;background:#F6F7FC}
.nwk-pdf iframe{width:100%;height:100%;border:0}

.nwk-related{padding:clamp(48px,7vw,90px) 0;background:#F6F7FC}
.nwk-related-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}
.nwk-related-head h2{margin:0;font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:900;color:#0D1130}
.nwk-related-head a{color:#E32B2B;font-weight:800;text-decoration:none}
.nwk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.nwk-card{display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#fff;border:1px solid #E7E9F3;text-decoration:none;box-shadow:0 8px 24px rgba(13,17,48,.06);transition:transform .25s,box-shadow .25s}
.nwk-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(13,17,48,.14)}
.nwk-card-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#EEF0F7}
.nwk-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.nwk-card:hover .nwk-card-img img{transform:scale(1.04)}
.nwk-card-body{display:block;padding:1rem 1.2rem 1.2rem}
.nwk-card-body em{display:block;font-style:normal;font-size:.8rem;font-weight:700;color:#E32B2B;margin-bottom:.2rem}
.nwk-card-body strong{display:block;color:#0D1130;font-size:1.05rem;font-weight:800}

@media (max-width:980px){
  .nwk-grid{grid-template-columns:minmax(0,1fr)}
  .nwk-side{position:static}
  .nwk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .nwk-hero-ctas .nwk-btn{width:100%}
  .nwk-cards{grid-template-columns:minmax(0,1fr)}
  .nwk-pdf{height:70vh}
  .nwk-side{padding:1.2rem}
  .nwk-bar{padding:.55rem .7rem}
}
