/*!
 * PRANA — breakpoints — 660px, 900px, 1180px, reduced motion
 * Part of the PRANA child theme. Values are taken from the approved website design.
 * Do not edit design tokens here for one-off changes: use Elementor Global Styles,
 * or add a page-level override in 06-overrides.css.
 */

/* ============ CONTAINER QUERIES ============ */
@media (min-width:660px){
  body.prana.prana .lead{font-size:14.5px}
  body.prana.prana .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.prana.prana .dims{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.prana.prana .ways{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.prana.prana .figs{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.prana.prana .netgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.prana.prana .collhead{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
  body.prana.prana .beliefgrid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,5vw,70px);align-items:end}
  body.prana.prana .mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.prana.prana .projs{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.prana.prana .founders{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.prana.prana .cases{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.prana.prana .dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.prana.prana .ftr-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.prana.prana .form{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.prana.prana .form .full{grid-column:1/-1}
  body.prana.prana .band{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body.prana.prana .band.rev .band-img{order:2}
  body.prana.prana .needs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}
  body.prana.prana .needs .need:nth-last-child(-n+2){border-bottom:0}
}
@media (min-width:900px){
  body.prana.prana .site{font-size:15.5px}
  body.prana.prana .nav{display:flex}
  body.prana.prana .burger{display:none}
  body.prana.prana .cases{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.prana.prana .ways{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.prana.prana .projs{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.prana.prana .figs{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.prana.prana .figs.f4{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.prana.prana .mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.prana.prana .mosaic .span2{grid-column:span 2}
  body.prana.prana .lead{font-size:clamp(14.5px,1.5vw,17px)}
  body.prana.prana .dims{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.prana.prana .dl{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.prana.prana .split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px)}
  body.prana.prana .split-even{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,80px)}
  body.prana.prana .wrow{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr) minmax(0,.7fr) 176px}
  body.prana.prana .ftr-top{grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:clamp(30px,5vw,90px)}
  body.prana.prana .band{gap:clamp(34px,5vw,80px)}
  body.prana.prana .band-img img{aspect-ratio:5/4}
}
@media (min-width:1180px){
  body.prana.prana .dims{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.prana.prana .dims .dim{grid-column:span 1}
}
@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
  body.prana.prana .case-img img,body.prana.prana .wrow-img img,body.prana.prana .dim-img img{transition:none}
}