/* bevan-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bevan';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/bevan-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cambay-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cambay';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cambay-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


    *{ 
      box-sizing: border-box; 
      margin: 0; 
      padding: 0; 
    }


    body{
      font-family: 'Cambay', sans-serif;
      line-height: 1.7; 
      background-image: url("images/background.jpg");
      
    }

    .page{
      max-width: 1160px;
      margin: 0 auto;
      padding: 2.8rem 1.25rem 3.5rem;
    }

    header{
      background: #fff1f2; 
      color: #4a1714;
      border: 1px solid rgba(124,45,18,.25);
      border-radius: 18px;
      padding: 1.6rem 1.25rem;     
      margin-bottom: 2rem;
    }

    h1{
      font-family: 'Bevan', serif;
      font-weight: 700;
      font-size: clamp(28px, 4vw, 38px); 
      color: #3b0d0c;
      letter-spacing: .4px;
      margin-bottom: .6rem; 
    }

    .intro{
      max-width: 900px;
      color: #7c2d12;
      font-size: 1rem; 
    }

    .links{
      display: flex;
      gap: .6rem;
      margin-top: 1rem;
      flex-wrap: wrap;
    }
    .btn{
      display:inline-flex; 
      align-items:center; 
      justify-content:center;
      padding:.6rem 1rem; 
      border-radius: 999px;
      font-weight: 600; 
      font-size:.92rem; 
      text-decoration:none; 
      cursor:pointer;
      border:1px solid rgba(56,189,248,.45);
      color:#0b1220; 
       
    }
    
    .job-grid{
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 1.1rem;
      margin-top: 1.4rem;
    }

    .job-card{
      display: flex; 
      flex-direction: column;
      background: #fff1f2; 
      color: #4a1714;
      border: 1px solid rgba(124,45,18,.25);
      border-radius: 16px;
      overflow: hidden;
      backdrop-filter: blur(6px);    
    }
    

    .job-head{
      display:flex; 
      align-items:center; 
      gap:.8rem;
      padding: .9rem .95rem;
      background: rgba(255,255,255,.06);
      border-bottom: 1px solid rgba(124,45,18,.25);
    }

    .logo{
      width: 44px; 
      height: 44px; 
      border-radius: 10px;
      background: #FFFFF0; 
      border:1px solid rgba(124,45,18,.25);
      display:flex; 
      align-items:center; 
      justify-content:center;
      overflow:hidden;
    }

    .logo img{ 
      width:100%; 
      height:100%; 
      object-fit: cover; 
    }

    h2{
      font-size: 1.15rem;           
      font-weight: 700;
      color: #3b0d0c;
      letter-spacing: .3px;
      line-height: 1.35;
    }

    .company{
      color: #fb923c;
      font-weight: 700; 
      font-size: .86rem;
      letter-spacing: .06em; 
      text-transform: uppercase;
    }

    .job-body{ 
      padding: .95rem .95rem 1.1rem; 
    }
    
    .chip{
      display:inline-block; 
      padding:.18rem .55rem; 
      border-radius: 999px;
      border:1px solid rgba(56,189,248,.35);
      background: rgba(56,189,248,.14);
      color: #4a1714; 
      font-size:.78rem; 
      letter-spacing:.04em;
    }

    .job-desc{ 
      color: #7c2d12; 
      font-size:.98rem; 
    }

    .job-actions{
      display:flex; 
      gap:.6rem; 
      padding: .85rem .95rem 1.05rem;
      margin-top:auto;
    }