/* evo.career website. Components and colours come from the design system (/ds); this file only lays out the pages.
   The landing page is the canvas's "F · The journey"; its layout rules live here. */
html, body { margin: 0; }
body { min-height: 100vh; background: #0a0b0d; }
img { max-width: 100%; }
a { color: #c9cbce; } a:hover { color: #f2f2f0; }
.j-wrap{max-width:1240px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.j-chapters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.j-two{display:flex;flex-wrap:wrap;gap:64px;align-items:center}
.j-num{font:400 96px/1 Michroma,sans-serif;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.25)}
.j-fan{display:flex;height:300px}
.j-fan svg{height:300px}
.j-sec{margin-bottom:160px}
@media (max-width:720px){
  .j-wrap{padding:0 16px}
  .j-chapters{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:150px;overflow-x:auto}
  .j-two{gap:28px}
  .j-num{font-size:56px}
  .j-fan{height:190px}
  .j-fan svg{height:190px}
  .j-sec{margin-bottom:88px}
  .j-hide-s{display:none !important}
  .j-pad{padding:28px !important}
}

/* the privacy page and other plain pages */
.wrap { max-width: 1200px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; }
.ec-topbar.wrap { padding-left: 24px; padding-right: 24px; }
.ec-nav { margin-left: auto; }
.foot { padding-top: 24px; padding-bottom: 32px; border-top: 1px solid var(--glass-edge); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; }
@media (max-width: 720px) { .wrap, .ec-topbar.wrap { padding-left: 16px; padding-right: 16px; } }

/* phones: headings that fit, buttons on one line */
@media (max-width: 720px) {
  .ec-title-l { font-size: 40px; line-height: 42px; }
  .ec-title-xl { line-height: 1.02 !important; }
  .ec-btn.primary { padding: 0 24px !important; white-space: nowrap; }
  .j-wrap .ec-licence { right: 0 !important; width: 220px !important; }
}