/* ============================================================ LAYOUT */
.wrap{
  width:100%;max-width:var(--content);
  margin-inline:auto;padding-inline:var(--margin);
}
.section{padding-block:var(--section-y);position:relative;}
.section--tight{padding-block:calc(var(--section-y) * .6);}
.on-dark.section{padding-block:calc(var(--section-y) * 1.2);}

/* 12 stulpelių — tik nuo 1024px, žemiau viskas vienas stulpelis */
.grid{display:grid;gap:var(--gutter);grid-template-columns:repeat(4,1fr);}
@media (min-width:768px){.grid{grid-template-columns:repeat(8,1fr);}}
@media (min-width:1024px){.grid{grid-template-columns:repeat(12,1fr);}}

/* Asimetriniai blokai — sekcijos antraštė niekada neužima viso pločio */
.col-head{grid-column:1/-1;}
@media (min-width:1024px){.col-head{grid-column:1/8;}}

.rule{border:0;border-top:var(--border) solid var(--line);margin:0;}

/* Reveal — pradinė būsena tik kai JS aktyvus, kitaip turinys matomas */
.js .rv{opacity:0;transform:translateY(24px);
  transition:opacity var(--t-reveal) var(--ease-out),transform var(--t-reveal) var(--ease-out);}
.js .rv.is-in{opacity:1;transform:none;}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .js .rv{opacity:1 !important;transform:none !important;}
  *,*::before,*::after{
    animation-duration:.01ms !important;transition-duration:.01ms !important;
  }
}