/* 02-layout.css
   Conteneur et rythme des sections */

section{position:relative}
.sec{padding-block:clamp(72px,10vw,132px)}
.sec--alt{background:var(--bg-2);border-block:1px solid var(--line)}
.sec-head{
  display:grid;grid-template-columns:150px 1fr;gap:clamp(16px,4vw,48px);
  align-items:start;margin-bottom:clamp(36px,5vw,60px);
}
.sec-tag{
  font-family:var(--mono);font-size:12.5px;color:var(--blue);
  letter-spacing:.04em;padding-top:10px;position:relative;
}
.sec-tag::before{content:"";position:absolute;top:0;left:0;width:34px;height:1px;background:var(--blue)}
.sec-title{font-size:clamp(30px,4.6vw,46px)}
.sec-sub{margin-top:14px;color:var(--muted);max-width:56ch;font-size:15.5px}