/* Rajval Logistics — inner pages (About, Services, Contact). Loads after site.css. */

.word{font-size:var(--word-size,min(27.5vw,46vh))}
.page-hero{min-height:calc(92svh - var(--header-h) - var(--ticker-h))}
.hchips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-label);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:9px 12px;border:1px solid var(--line-strong);text-decoration:none;border-radius:2px;transition:background .3s,color .3s,border-color .3s}
.chip b{color:var(--orange-ink)}
.chip:hover{background:var(--navy);color:var(--paper);border-color:var(--navy)}
.chip:hover b{color:var(--orange-hi)}

/* tick list */
.ticks{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.ticks li{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:baseline;font-size:16px}
.ticks li::before{content:"";width:9px;height:9px;background:var(--orange);transform:translateY(-1px)}

/* director card */
.person{display:flex;align-items:center;gap:14px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line-strong)}
.person .ini{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;background:var(--navy);color:var(--orange-hi);font-family:var(--f-cond);font-weight:800;font-size:22px}
.person b{display:block;font-weight:600}
.person small{font-family:var(--f-label);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:var(--steel-ink)}

/* director ID badge (About) */
.id-badge{display:grid;grid-template-columns:clamp(110px,10vw,140px) 1fr;margin-top:30px;border:1.5px solid var(--navy);background:var(--white)}
.id-badge .idb-top{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--navy);color:var(--paper)}
.id-badge .idb-top span:last-child{color:var(--orange-hi)}
.id-badge .idb-photo{border-right:1.5px solid var(--navy);overflow:hidden;aspect-ratio:4/5;background:var(--paper-2)}
.id-badge .idb-photo img{width:100%;height:100%;object-fit:cover;display:block}
.id-badge .idb-body{padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.id-badge .idb-name{font-family:var(--f-cond);font-weight:800;text-transform:uppercase;font-size:clamp(30px,2.6vw,40px);line-height:.9}
.id-badge .idb-tel{font-weight:600;text-decoration:none;margin-top:auto}
.id-badge .idb-tel:hover{color:var(--orange-ink)}
.id-badge .barcode{height:22px;color:var(--navy);max-width:180px}
.ccard .avatar{width:76px;height:76px;object-fit:cover;border:1.5px solid var(--navy);margin-bottom:14px;display:block}

/* vision · mission */
.vm{display:grid;grid-template-columns:1fr 1fr;border-top:1.5px solid var(--navy)}
.vm > div{padding:clamp(28px,4vw,56px) clamp(0px,3vw,48px) 0 0}
.vm > div + div{border-left:1px solid var(--line-strong);padding-left:clamp(20px,3vw,48px)}
.vm h3{font-family:var(--f-cond);font-weight:800;text-transform:uppercase;font-size:clamp(40px,4.4vw,72px);line-height:.85}
.vm h3 span{color:var(--orange-ink)}
.vm p{font-weight:500;font-size:clamp(20px,1.9vw,28px);line-height:1.3;letter-spacing:-.02em;margin-top:22px;max-width:30ch}

/* strengths grid (kraft) */
.str-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1.5px solid var(--navy)}
.str{padding:clamp(22px,2.6vw,36px) clamp(16px,2vw,28px) clamp(26px,3vw,44px) 0;border-bottom:1px solid rgba(23,34,42,.28)}
.str:not(:nth-child(3n)){border-right:1px solid rgba(23,34,42,.28);margin-right:clamp(16px,2vw,28px)}
.str .n{font-family:var(--f-cond);font-weight:900;font-size:64px;line-height:.8;color:transparent;-webkit-text-stroke:1.4px var(--navy)}
.str h3{font-family:var(--f-cond);font-weight:800;text-transform:uppercase;font-size:32px;line-height:.95;margin-top:26px}
.str p{font-size:15.5px;margin-top:8px;max-width:32ch}

/* promise checklist */
.promise{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.checklist{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--navy)}
.checklist li{display:grid;grid-template-columns:52px 1fr auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line-strong)}
.checklist .box{width:40px;height:40px;border:1.5px solid var(--navy);display:grid;place-items:center;transition:background .4s,border-color .4s}
.checklist .box::after{content:"";width:16px;height:9px;border-left:3px solid var(--navy);border-bottom:3px solid var(--navy);transform:translate(1px,-2px) rotate(-45deg) scale(0);transition:transform .5s var(--ease-cine)}
.checklist li.done .box{background:var(--orange);border-color:var(--orange)}
.checklist li.done .box::after{transform:translate(1px,-2px) rotate(-45deg) scale(1)}
.checklist h3{font-family:var(--f-cond);font-weight:800;text-transform:uppercase;font-size:clamp(30px,3vw,46px);line-height:.9}
.checklist p{font-size:15px;color:var(--steel-ink);margin-top:6px}
.checklist .st{font-family:var(--f-label);font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--steel-ink);transition:color .4s}
.checklist li.done .st{color:var(--orange-ink)}

/* service detail split */
.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.split.rev .vis{order:2}
.vis{position:relative;aspect-ratio:5/4;background:var(--paper-2);overflow:hidden;border:1px solid var(--line-strong)}
.vis::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px}
.vis .ground{position:absolute;left:0;right:0;bottom:18%;height:2px;background:var(--navy)}
.vis .dash{position:absolute;left:0;width:300%;bottom:10%;height:4px;background:repeating-linear-gradient(90deg,var(--navy) 0 40px,transparent 40px 72px)}
.vis .sleepers{position:absolute;left:0;width:300%;bottom:calc(18% - 8px);height:8px;background:repeating-linear-gradient(90deg,var(--steel) 0 18px,transparent 18px 34px)}
.vis .veh{position:absolute;left:9%;right:9%;bottom:18%}
.vis .veh.plane{left:6%;right:6%;bottom:18%}
.vis .veh svg{width:100%;height:auto}
.vis .tagline{position:absolute;left:18px;top:16px;color:var(--steel-ink);z-index:2}
.vis .big-no{position:absolute;right:16px;top:6px;font-family:var(--f-cond);font-weight:900;font-size:clamp(90px,10vw,170px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(23,34,42,.16)}
.vis.kraft-v{background:var(--kraft)}
.txt .label.ink-o{display:block;margin-bottom:16px}
.txt .h2{margin-bottom:22px}
.proof-box{display:flex;gap:16px;align-items:center;margin-top:30px;padding:16px 18px;background:var(--navy);color:#E9EEF2}
.proof-box .cond{font-size:40px;color:var(--orange-hi);line-height:.8;flex:0 0 auto}
.proof-box p{font-size:14.5px;color:#C9D1D8}

/* horizontal "how we work" */
.hproc{position:relative;height:340vh}
.hproc .hp-pin{position:sticky;top:0;height:100svh;overflow:hidden;z-index:8;background:var(--paper);display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--header-h) + 10px)}
.hp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(24px,4vh,48px)}
.hp-track{display:flex;gap:clamp(16px,2vw,28px);padding-left:var(--gutter);padding-right:var(--gutter);width:max-content;will-change:transform}
.hp-card{width:clamp(280px,34vw,520px);flex:0 0 auto;border:1.5px solid var(--navy);background:var(--white);padding:clamp(22px,2.4vw,34px);display:flex;flex-direction:column;min-height:clamp(260px,40vh,380px)}
.hp-card .n{font-family:var(--f-cond);font-weight:900;font-size:clamp(80px,8vw,130px);line-height:.8;color:var(--orange)}
.hp-card h3{font-family:var(--f-cond);font-weight:800;text-transform:uppercase;font-size:clamp(34px,3.2vw,52px);line-height:.9;margin-top:auto;padding-top:28px}
.hp-card p{color:var(--steel-ink);margin-top:10px;max-width:34ch}
.hp-card.end{background:var(--navy);color:#E9EEF2;border-color:var(--navy)}
.hp-card.end p{color:#9AA6B0}
.hp-card.end .btn{margin-top:22px;align-self:flex-start}
.hp-rail{position:relative;height:60px;margin:clamp(20px,4vh,40px) var(--gutter) 0}
.hp-rail .line{position:absolute;left:0;right:0;bottom:12px;height:2px;background:var(--line-strong)}
.hp-rail .fill{position:absolute;left:0;bottom:12px;height:2px;background:var(--orange);width:100%;transform-origin:left;transform:scaleX(0)}
.hp-rail .pk{position:absolute;left:0;bottom:14px;width:48px}
.hp-rail .pk svg{width:100%;height:auto}

/* FAQ */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq-list{border-top:1.5px solid var(--navy)}
.faq-list details{border-bottom:1px solid var(--line-strong)}
.faq-list summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 40px;gap:16px;align-items:center;padding:22px 0;font-weight:600;font-size:clamp(18px,1.6vw,22px);letter-spacing:-.02em;line-height:1.25}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary i{width:40px;height:40px;border:1px solid var(--line-strong);position:relative;transition:background .3s,border-color .3s}
.faq-list summary i::before,.faq-list summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:var(--navy);transform:translate(-50%,-50%);transition:transform .45s var(--ease-cine)}
.faq-list summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-list summary:hover i{border-color:var(--navy)}
.faq-list details[open] summary i{background:var(--orange);border-color:var(--orange)}
.faq-list details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.faq-list .a{overflow:hidden}
.faq-list .a p{padding:0 56px 24px 0;color:var(--steel-ink);max-width:68ch}

/* contact */
.office{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:stretch}
.map{position:relative;min-height:440px;border:1.5px solid var(--navy);background:var(--paper-2);overflow:hidden}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05)}
.map .pin-tag{position:absolute;left:14px;top:14px;z-index:2;background:var(--navy);color:var(--paper);padding:8px 12px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1.5px solid var(--navy)}
.ccard{padding:clamp(22px,2.6vw,36px) clamp(16px,2vw,28px) clamp(26px,3vw,40px) 0;display:flex;flex-direction:column;gap:6px}
.ccard:not(:last-child){border-right:1px solid var(--line-strong);margin-right:clamp(16px,2vw,28px)}
.ccard .label{color:var(--orange-ink)}
.ccard h3{font-family:var(--f-cond);font-weight:800;text-transform:uppercase;font-size:clamp(32px,3vw,46px);line-height:.9;margin-top:14px}
.ccard p{color:var(--steel-ink);font-size:15px}
.ccard a.big{font-weight:600;font-size:clamp(18px,1.5vw,21px);letter-spacing:-.02em;margin-top:auto;padding-top:22px;text-decoration:none;display:inline-flex;gap:10px;align-items:center;word-break:break-word}
.ccard a.big:hover{color:var(--orange-ink)}
.quote{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(32px,6vw,96px);align-items:start}
.form{background:var(--paper);border:1.5px solid var(--navy);position:relative;z-index:6}
.form .ft{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--navy);color:var(--paper)}
.form .ft .barcode{width:110px;height:18px;color:#E9EEF2;opacity:.6}
.form .fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 18px}
.form .full{grid-column:1 / -1}
.form label{display:block;font-family:var(--f-label);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel-ink);margin-bottom:6px}
.form input,.form select,.form textarea{width:100%;min-height:48px;border:1px solid var(--line-strong);background:var(--white);border-radius:2px;padding:10px 12px;font:inherit;font-size:16px;color:var(--navy)}
.form textarea{min-height:110px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--orange);outline-offset:0;border-color:var(--orange)}
.form .err{color:#B42318;font-size:13px;margin-top:6px;display:none}
.form .invalid .err{display:block}
.form .invalid input,.form .invalid select{border-color:#B42318}
.form .fb{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 18px 20px;flex-wrap:wrap}
.form .fb small{color:var(--steel-ink);font-size:13px;max-width:44ch}
.track-box{margin-top:32px;padding:20px;border:1.5px dashed var(--navy)}
.track-box h3{font-family:var(--f-cond);font-weight:800;text-transform:uppercase;font-size:34px;line-height:.9;margin-top:10px}
.track-box p{margin-top:8px;font-size:15.5px}
.track-box a{font-weight:600}

@media (max-width:1080px){
  .str-grid{grid-template-columns:1fr 1fr}
  .str:not(:nth-child(3n)){border-right:0;margin-right:0}
  .str:nth-child(odd){border-right:1px solid rgba(23,34,42,.28);margin-right:clamp(16px,2vw,28px)}
}
@media (max-width:860px){
  .vm,.split,.promise,.faq,.office,.quote,.cards3{grid-template-columns:1fr}
  .vm > div + div{border-left:0;padding-left:0;border-top:1px solid var(--line-strong);margin-top:28px}
  .split.rev .vis{order:0}
  .ccard:not(:last-child){border-right:0;margin-right:0;border-bottom:1px solid var(--line-strong)}
  .form .fields{grid-template-columns:1fr}
  .hproc{height:auto;padding-block:84px}
  .hproc .hp-pin{position:relative;height:auto;padding:0}
  .hp-track{width:auto;flex-direction:column;padding:0 var(--gutter)}
  .hp-card{width:auto;min-height:0}
  .hp-rail{display:none}
  .hp-head > .label{display:none}
  .faq-list .a p{padding-right:0}
}
@media (max-width:620px){
  .str-grid{grid-template-columns:1fr}
  .str:nth-child(odd){border-right:0;margin-right:0}
  .checklist li{grid-template-columns:44px 1fr}
  .checklist .st{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hproc{height:auto;padding-block:84px}
  .hproc .hp-pin{position:relative;height:auto}
  .hp-track{width:auto;flex-wrap:wrap}
  .hp-rail{display:none}
  .checklist .box{background:var(--orange);border-color:var(--orange)}
  .checklist .box::after{transform:translate(1px,-2px) rotate(-45deg) scale(1)}
}