/* RESPONSIVE */
@media(max-width:1100px){
  .nav{padding:0 2rem}
  .hero{grid-template-columns:1fr}.hr-col{display:none}
  .hl{padding:9rem 3rem 6rem}.hscroll{left:3rem}
  .phil{grid-template-columns:1fr;padding:5rem 3rem;gap:3rem}
  .pillars{grid-template-columns:1fr 1fr}
  .pillar.dk{grid-row:span 1}
  .sb-bar{grid-template-columns:1fr 1fr;padding:0}
  .pfg,.pg{grid-template-columns:1fr 1fr}
  .pi.wide{grid-column:1;aspect-ratio:4/3}.pi.wide .pname{font-size:1.25rem}
  .ggrid{grid-template-columns:repeat(3,1fr)}
  .gi.po{grid-row:span 1;aspect-ratio:1/1}.gi.wi{grid-column:span 1;aspect-ratio:4/3}
  .vprojs{grid-template-columns:1fr}
  .vsec{grid-template-columns:1fr 1fr}
  .aint{grid-template-columns:1fr}
  .aleft,.aright{padding:5rem 3rem}
  .causg,.mang{grid-template-columns:1fr 1fr}
  .chero{grid-template-columns:1fr;gap:3rem;padding:6rem 3rem 4rem}
  .fi{grid-template-columns:1fr 1fr;gap:3rem}
  .wh,.ps,.tls,.gsec,.ghero,.vprojs,.vsec,.caus,.cbody,.lhero,.lbody,.fw,.chero{padding-left:3rem;padding-right:3rem}
  .footer{padding:4rem 3rem 3rem}
  /* Timeline mobile: stack cards */
  .tr{grid-template-columns:24px 1fr;gap:1rem}
  .tr.le .tc,.tr.ri .tc{grid-column:2;padding:1.5rem}
  .tr.le .tdc,.tr.ri .tdc{grid-column:1}
  .tr.le .tsp2,.tr.ri .te{display:none}
  .tsp,.tsf{left:12px;transform:none}
  .tr.le .tdc::after,.tr.ri .tdc::after{display:none}
  .tc::before{left:0!important;right:auto!important}
}
@media(max-width:768px){
  .nl{display:none}.n-cta{display:none}.hbg{display:flex}
  .nav>.lang-select{display:none}
  .sb-bar{grid-template-columns:1fr 1fr}
  .pfg,.pg{grid-template-columns:1fr}
  .ggrid{grid-template-columns:repeat(2,1fr)}
  .gi.wi{grid-column:span 2}
  .pillars{grid-template-columns:1fr}.pillar.dk{grid-row:span 1}
  .causg,.mang{grid-template-columns:1fr}
  .vsec{grid-template-columns:1fr}
  .fi{grid-template-columns:1fr}
  .fbot{flex-direction:column;gap:1rem;text-align:center}
  .lbp{left:-36px}.lbn{right:-36px}
}