/* ============================================================
   KRAFTIMA — pages.css · shared inner-page components
   Each page composes these differently; not a homepage clone.
   ============================================================ */

/* generic two-column intro */
.intro{display:grid;grid-template-columns:.42fr .58fr;gap:var(--gutter);}
.intro__lead{font-size:var(--d3);font-weight:500;letter-spacing:-.02em;line-height:1.14;}
.intro__lead em{font-family:var(--serif);font-style:italic;color:var(--k-gold);font-weight:400;}
.intro__body p{color:var(--text-secondary);max-width:60ch;margin-bottom:1rem;}
.intro__body p:first-child{color:var(--text-primary);}
@media(max-width:900px){.intro{grid-template-columns:1fr;gap:1.4rem;}}

/* stat row */
.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;border-top:1px solid var(--hair);padding-top:2.5rem;margin-top:3rem;}
.stat .k{font-size:clamp(2rem,4vw,3.4rem);font-weight:600;letter-spacing:-.02em;}
.stat .k .serif{color:var(--k-gold);}
.stat .l{color:var(--text-dim);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-top:.4rem;}
@media(max-width:640px){.statrow{grid-template-columns:repeat(2,1fr);gap:1.6rem;}}

/* capability / territory cards (interactive, not plain service cards) */
.terr{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.6rem);}
.terr__item{position:relative;border:1px solid var(--hair);border-radius:12px;padding:clamp(1.6rem,3vw,2.6rem);overflow:hidden;background:linear-gradient(160deg,var(--surface-1),var(--surface-0));transition:border-color .4s var(--ease),transform .4s var(--ease);min-height:300px;display:flex;flex-direction:column;justify-content:space-between;}
.terr__item::before{content:"";position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .5s var(--ease);
  background:radial-gradient(70% 80% at 20% 20%,rgba(0,58,155,.4),transparent 60%);}
.terr__item:hover{border-color:var(--k-blue-soft);transform:translateY(-6px);}
.terr__item:hover::before{opacity:1;}
.terr__item>*{position:relative;z-index:1;}
.terr__idx{font-size:.72rem;letter-spacing:.16em;color:var(--k-gold);}
.terr__name{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600;letter-spacing:-.02em;margin:.6rem 0 1rem;line-height:1;}
.terr__desc{color:var(--text-secondary);margin-bottom:1.4rem;}
.terr__tags{display:flex;flex-wrap:wrap;gap:.4rem;}
.terr__tags span{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--hair);border-radius:100px;padding:.35em .9em;}
.terr__go{margin-top:1.4rem;color:var(--k-gold);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;gap:.5em;transition:gap .3s var(--ease);}
.terr__item:hover .terr__go{gap:1em;}
@media(max-width:760px){.terr{grid-template-columns:1fr;}}

/* sub-service list (capability detail pages) */
.subs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem);}
.sub{border-top:2px solid var(--k-blue);padding-top:1.2rem;}
.sub h3{font-size:1.15rem;font-weight:600;margin-bottom:.5rem;}
.sub p{color:var(--text-secondary);font-size:.92rem;}
@media(max-width:760px){.subs{grid-template-columns:1fr;}}

/* process steps */
.steps{counter-reset:s;display:grid;gap:0;}
.step{counter-increment:s;display:grid;grid-template-columns:auto 1fr;gap:1.6rem;padding:2rem 0;border-top:1px solid var(--hair);align-items:baseline;}
.step::before{content:counter(s,decimal-leading-zero);font-size:clamp(1.6rem,4vw,2.8rem);font-weight:600;color:var(--k-blue-soft);font-family:var(--serif);font-style:italic;}
.step__h{font-size:clamp(1.3rem,2.6vw,2rem);font-weight:600;letter-spacing:-.02em;}
.step__d{color:var(--text-secondary);max-width:60ch;margin-top:.5rem;}

/* work strip (relevant work on capability pages) */
.wstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem);}
.wstrip__item{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;}
.wstrip__item .pm__img{transition:transform .6s var(--ease),filter .5s;filter:brightness(.82);}
.wstrip__item:hover .pm__img{transform:scale(1.06);filter:brightness(.98);}
.wstrip__cap{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:1.2rem;background:linear-gradient(0deg,rgba(var(--scrim),.9),transparent);}
.wstrip__cap b{display:block;font-size:1.05rem;font-weight:600;} .wstrip__cap span{font-size:.75rem;color:var(--text-secondary);}
.wstrip__item .wtile__scrim{position:absolute;inset:0;z-index:2;}
@media(max-width:760px){.wstrip{grid-template-columns:1fr;}}

/* value / belief blocks */
.beliefs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.5vw,2rem);}
.belief{border-top:1px solid var(--hair);padding-top:1.4rem;}
.belief__n{font-family:var(--serif);font-style:italic;color:var(--k-gold);font-size:1.4rem;}
.belief h3{font-size:1.2rem;font-weight:600;margin:.5rem 0;}
.belief p{color:var(--text-secondary);font-size:.95rem;}
@media(max-width:760px){.beliefs{grid-template-columns:1fr;}}

/* big cinematic CTA (shared, blue+gold, not a yellow box) */
.bigcta{position:relative;padding:clamp(6rem,14vh,12rem) 0;text-align:center;overflow:hidden;}
.bigcta__glow{position:absolute;inset:0;z-index:0;background:radial-gradient(70% 90% at 50% 45%,var(--k-blue-deep),var(--surface-0) 70%);}
.bigcta .wrap{position:relative;z-index:2;}
.bigcta__big{font-size:var(--d1);font-weight:700;letter-spacing:-.04em;line-height:.88;}
.bigcta__big .serif{display:block;font-weight:400;color:var(--k-gold);}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:.7rem;}
.chips span{font-size:.85rem;letter-spacing:.05em;color:var(--text-secondary);border:1px solid var(--hair);border-radius:100px;padding:.5em 1.2em;transition:border-color .3s,color .3s,transform .3s var(--ease);}
.chips span:hover{border-color:var(--k-gold);color:var(--text-primary);transform:translateY(-3px);}

/* editorial (insights) */
.artgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.5vw,2rem);}
.art{border:1px solid var(--hair);border-radius:12px;overflow:hidden;background:var(--surface-1);transition:border-color .4s,transform .4s var(--ease);display:flex;flex-direction:column;}
.art:hover{border-color:var(--k-blue-soft);transform:translateY(-6px);}
.art__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--surface-2);}
.art__cat{position:absolute;top:1rem;left:1rem;z-index:3;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--surface-black);background:var(--k-gold);padding:.35em .8em;border-radius:100px;}
.art__body{padding:1.5rem;flex:1;display:flex;flex-direction:column;}
.art__h{font-size:1.3rem;font-weight:600;letter-spacing:-.01em;line-height:1.15;margin-bottom:.6rem;}
.art__x{color:var(--text-secondary);font-size:.92rem;flex:1;}
.art__meta{margin-top:1.2rem;font-size:.75rem;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;}
.artfeat{position:relative;border-radius:14px;overflow:hidden;min-height:52vh;display:flex;align-items:flex-end;margin-bottom:clamp(2rem,5vh,4rem);}
.artfeat__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(var(--scrim),.92),rgba(var(--scrim),.2) 70%);}
.artfeat__body{position:relative;z-index:2;padding:clamp(1.5rem,4vw,3rem);}
.artfeat__h{font-size:var(--d3);font-weight:600;letter-spacing:-.02em;line-height:1.05;margin:.6rem 0;max-width:22ch;}
@media(max-width:900px){.artgrid{grid-template-columns:1fr;}}

/* article (reusable) */
.article{max-width:760px;margin-inline:auto;}
.article p{color:var(--text-secondary);margin-bottom:1.3rem;font-size:1.08rem;line-height:1.7;}
.article h2{font-size:var(--d3);font-weight:600;letter-spacing:-.02em;margin:2.5rem 0 1rem;}
.article h2 .serif{color:var(--k-gold);}
.article blockquote{border-left:2px solid var(--k-gold);padding-left:1.5rem;margin:2rem 0;font-family:var(--serif);font-style:italic;font-size:1.4rem;color:var(--text-primary);}

/* forms (start-a-project) */
.wizard{max-width:820px;margin-inline:auto;}
.wizard__bar{display:flex;gap:.5rem;margin-bottom:3rem;}
.wizard__bar i{flex:1;height:3px;border-radius:2px;background:var(--hair);transition:background .4s var(--ease);}
.wizard__bar i.on{background:var(--k-gold);}
.wstep{display:none;} .wstep.on{display:block;animation:fadein .5s var(--ease);}
@keyframes fadein{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
.wstep__q{font-size:var(--d3);font-weight:600;letter-spacing:-.02em;line-height:1.05;margin-bottom:.6rem;}
.wstep__q .serif{color:var(--k-gold);}
.wstep__hint{color:var(--text-dim);margin-bottom:2rem;}
.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;}
.opt{border:1px solid var(--hair);border-radius:10px;padding:1.2rem 1.4rem;cursor:pointer;transition:border-color .3s,background .3s;font-size:1.05rem;font-weight:500;display:flex;align-items:center;gap:.8rem;}
.opt:hover{border-color:var(--k-blue-soft);} .opt.sel{border-color:var(--k-gold);background:rgba(254,182,0,.06);}
.opt i{width:18px;height:18px;border-radius:50%;border:1px solid var(--text-dim);flex:none;transition:background .3s,border-color .3s;}
.opt.sel i{background:var(--k-gold);border-color:var(--k-gold);}
@media(max-width:640px){.opts{grid-template-columns:1fr;}}
.field{margin-bottom:1.3rem;} .field label{display:block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem;}
.field input,.field textarea{width:100%;background:var(--surface-1);border:1px solid var(--hair);border-radius:8px;padding:.9em 1em;color:var(--text-primary);font:inherit;transition:border-color .3s;}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--k-blue-soft);}
.field__row{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;}
@media(max-width:640px){.field__row{grid-template-columns:1fr;}}
.wnav{display:flex;justify-content:space-between;margin-top:2.5rem;gap:1rem;}
.wizard__aside{display:flex;gap:2rem;flex-wrap:wrap;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--hair);color:var(--text-dim);font-size:.85rem;}
.wizard__aside a{color:var(--text-secondary);} .wizard__aside a:hover{color:var(--k-gold);}
.wdone{text-align:center;padding:3rem 0;}
.wdone__tick{width:64px;height:64px;border-radius:50%;background:var(--k-gold);color:var(--surface-black);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem;}

/* legal pages */
.legal{max-width:760px;margin-inline:auto;}
.legal h2{font-size:1.5rem;font-weight:600;margin:2rem 0 .8rem;}
.legal p,.legal li{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7;}
.legal ul{padding-left:1.2rem;} .legal li{margin-bottom:.5rem;}

/* 404 */
.e404{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--gutter);}
.e404__big{font-size:clamp(6rem,22vw,18rem);font-weight:700;letter-spacing:-.05em;line-height:.8;color:transparent;-webkit-text-stroke:1px var(--k-blue-soft);}

/* Selected clients — refined proof wall (shared; matches homepage) */
.clientwall{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--line-subtle);border:1px solid var(--line-subtle);border-radius:12px;overflow:hidden;}
.cl{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.4rem;background:var(--surface-0);position:relative;transition:background .35s var(--ease);}
a.cl{cursor:pointer;} a.cl:hover{background:var(--surface-2);}
.cl__mono{flex:none;width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:var(--k-gold);background:linear-gradient(150deg,rgba(0,58,155,.35),rgba(2,5,17,.6));border:1px solid var(--line-strong);}
.cl__name{font-size:.98rem;font-weight:500;letter-spacing:-.01em;color:var(--text-secondary);transition:color .3s;}
a.cl:hover .cl__name{color:var(--text-primary);}
.cl__go{margin-left:auto;color:var(--text-dim);font-size:.9rem;opacity:0;transform:translateX(-4px);transition:opacity .3s,transform .3s var(--ease),color .3s;}
a.cl:hover .cl__go{opacity:1;transform:none;color:var(--k-gold);}