/* 
      .--..--..--..--..--..--.
    .' \  (`._   (_)     _   \
  .'    |  '._)         (_)  |
  \ _.')\      .----..---.   /
  |(_.'  |    /    .-\-.  \  |
  \     0|    |   ( O| O) | o|
   |  _  |  .--.____.'._.-.  |
   \ (_) | o         -` .-`  |
    |    \   |`-._ _ _ _ _\ /
    \    |   |  `. |_||_|   |
    | o  |    \_      \     |     -.   .-.
    |.-.  \     `--..-'   O |     `.`-' .'
  _.'  .' |     `-.-'      /-.__   ' .-'
.' `-.` '.|='=.='=.='=.='=|._/_ `-'.'
`-._  `.  |________/\_____|    `-.'
   .'   ).| '=' '='\/ '=' |
   `._.`  '---------------'
           //___\   //___\
             ||       ||
             ||_.-.   ||_.-.
            (_.--__) (_.--__)
       

 Insert all your glorious CSS styles below! */



/* marcellus-sc-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: 'Marcellus SC';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/marcellus-sc-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* blinker-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: 'Blinker';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/blinker-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


h1 {
    font-size: clamp(2.5rem, 3.6vw, 3.2rem);
}

h2 {
    font-size: clamp(1.6rem, 2.4vw, 2rem);
}

p,li {
    font-size: clamp(1rem, 1.3vw, 1.05rem);
}

body {
    min-height: 100vh;
    font-family: 'Blinker', sans-serif;
    color: #e2e8f0;
   
    background-image: url("images/background.png");
    background-size: cover;
    background-attachment: fixed;
}


/* --- Header / intro --- */
      
      header {
        text-align: center;
        margin-bottom: 2.5rem;
      }

      header h1 {
        font-family: 'Marcellus SC', "Merriweather", "Times New Roman", serif;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      header p {
        margin-top: 1rem;
        max-width: 650px;
        margin-inline: auto;
        color: #FFFFF0;
      }

      .team-label {
        display: inline-block;
        background: rgba(148, 163, 184, 0.09);
        border: 1px solid rgba(148, 163, 184, 0.25);
        padding: 0.25rem 0.75rem;
        border-radius: 999px;
        font-size: 0.75rem;
        margin-bottom: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.16em;
      }


/* --- Flexbox gallery ---- */

      .gallery {
        display: flex;              
        flex-wrap: nowrap;            
        gap: 1.25rem;               
        justify-content: center;    
      }

      .member-card {
        background: rgba(15, 23, 42, 0.75);
        border: 1px solid rgba(148, 163, 184, 0.15);
        border-radius: 1.2rem;
        width: min(200px, 100%);
        overflow: hidden;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
        backdrop-filter: blur(6px);
        display: flex;
        flex-direction: column;
      }

      .member-card img {
        width: 100%;
        height: 250px;
        object-fit: cover;
      }

      .member-body {
        padding: 0.85rem 0.9rem 1rem;
      }

      .member-body h2 {
        font-size: 1.05rem;
        margin-bottom: 0.45rem;
        color: #FFFFF0;
      }

      .member-body p {
        font-size: 0.8rem;
        color: #FFC1CC;
      }