/* ==========================================================================
   RESET & BASE
   ========================================================================== */
   *,
   *::before,
   *::after {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
   }
   html {
     font-size: 16px;
   }
     body {
    background: #000;
    color: #fff;
    font-family: var(--font-sans);
    line-height: var(--line-height-normal);
  }
   
   /* LINKS */
   a {
     color: inherit;
     text-decoration: none;
   }
   a:hover {
     color: #fff;
   }
   
   /* ==========================================================================
      HEADER
      ========================================================================== */
   .site-header {
     width: 100%;
     max-width: 100%;
     margin-right: auto;
     margin-left: auto;
     padding: 30px 50px 30px 50px;
     background: #000;
     border-bottom: 1px solid #fff;
     display: flex;
     align-items: center;
     justify-content: space-between;
     position: sticky;
     top: 0;
     z-index: 100;
     transition: transform 0.3s ease-in-out;
   }

   .site-header.is-hidden {
    transform: translateY(-100%);
  }

   
   .site-logo img {
     height: 2rem;
   }
   
     .site-title {
    flex: 1;
    text-align: center;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-xl);
    letter-spacing: var(--letter-spacing-wide);
    text-transform: uppercase;
    font-family: var(--font-sans);
  }
   
   .site-nav ul {
     list-style: none;
     display: flex;
     gap: 2rem;
   }
   
     .site-nav a {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-base);
    color: #888;
    text-transform: uppercase;
    font-family: var(--font-sans);
  }
   .site-nav a:hover,
   .site-nav a.active {
     color: #fff;
   }
   
   
   .main-container {
     max-width: 1000px;
     margin: 0 auto;
     /* bumped from 3rem → 6rem top/bottom for extra negative space */
     padding: 6rem 1.5rem;
   }
   
   /* ==========================================================================
      HOMEPAGE SECTIONS
      ========================================================================== */
   /* — Title + divider — */
     .home-title {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-4xl);
    text-transform: uppercase;
    text-align: center;
    margin: 1.5rem 0 0.5rem;
    font-family: var(--font-sans);
  }
   .home-hr {
     width: 90%;
     max-width: 800px;
     margin: 0 auto 1.5rem;
     border: none;
     border-top: 1px solid #444;
   }
   
   /* — Intro paragraph — */
   .intro {
     text-align: center;
     max-width: 600px;
     margin: 0 auto 4rem; /* increased bottom margin */
     font-size: 24px;
   }
   
   /* — Rights list — */
   .life-list {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 0.5rem;
     margin: 4rem auto;
   }
   .life-item {
     display: block;
     font-weight: var(--font-weight-extra-bold);
     font-size: 2.5rem;
     text-transform: uppercase;
     text-align: center;
     line-height: 1.1;
     width: 100%;
   }
   @media (min-width: 600px) {
     .life-item {
       width: auto;
     }
   }
   
   /* — Blog teaser — */
   .section-heading {
     font-size: 0.9rem;
     color: #ccc;
     text-transform: uppercase;
     margin-left: 1rem;
   }
   .blog-preview {
     max-width: 800px;
     margin: 8rem auto 4rem; /* push further down + bigger bottom gap */
     text-align: center;
   }
   .blog-preview img {
     max-width: 100%;
     height: auto;
     display: block;
     margin: 0 auto 0.5rem;
   }
   .blog-caption {
     font-size: 0.9rem;
     color: #fff;
   }
   
   /* ==========================================================================
      SUBSCRIBE BLOCK
      ========================================================================== */
   .subscribe-block {
     max-width: 800px;
     margin: 2rem auto;
     padding: 0 1.5rem;
   }
   .subscribe-header {
     display: flex;
     justify-content: space-between;
     font-size: 0.75rem;
     color: #ccc;
     margin-bottom: 0.75rem;
   }
   .subscribe-header a {
     color: #ccc;
   }
   .subscribe-title {
     font-weight: var(--font-weight-bold);
     font-size: 2.5rem;
     color: #555;
     margin: 0.5rem 0 0.75rem;
   }
   .subscribe-form {
     display: block;
     width: 100%;
     padding: 0;
     min-height: unset;
   }
   .subscribe-form input[type="email"] {
     flex: 1;
     padding: 0.6rem;
     border: none;
     background: #000;
     color: #fff;
   }
   .subscribe-form button {
     border: none;
     color: #fff;
     font-weight: bold;
     font-size: 16px;
     text-transform: uppercase;
     cursor: pointer;
     letter-spacing: 1px;
     padding: 15px;
   }
   
   /* ==========================================================================
      FOOTER
      ========================================================================== */
   /* divider above */
   .site-footer + hr {
     border: none;
     border-top: 1px solid #444;
     margin: 0;
   }
   
   /* — ROW 1: sign-up / socials — */
   .footer-top {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0;
   }
   .footer-top .subscribe-label,
   .footer-top .social-links {
     font-weight: var(--font-weight-bold);
     font-size: 1.125rem;
     color: #fff;
     margin-bottom: 0;
   }
   .footer-top .social-links a {
     color: #ccc;
     margin-left: 0.5rem;
   }
   .footer-top .social-links a:first-child {
     margin-left: 0;
   }
   .footer-top .social-links a:hover {
     color: #ff4500;
   }

@media (max-width: 768px) {
  .footer-top .subscribe-label {
    margin-bottom: 0;
  }
  
  .subscribe-form button {
    padding: 0;
  }
  
  .site-footer {
    padding: 0;
  }
}
   
   /* — ROW 2: big SUBSCRIBE — */
   .subscribe-section {
     margin: 0;
     padding: 0;
     background: #000;
     border: none;
   }
   .subscribe-section h2 {
     font-weight: var(--font-weight-extra-bold);
     font-size: 4.5rem;
     line-height: 1.1;
     color: #555;
     margin: 0.5rem 0 0.75rem;
   }
   
   /* — ROW 3: footer nav — */
   .footer-links {
     padding: 0;
     margin-top: 40px;
   }
   .footer-links ul {
     list-style: none;
     margin: 0;
     padding: 0;
   }
   .footer-links li {
     font-weight: var(--font-weight-extra-bold);
     font-size: 70px;
     line-height: 1.1;
     margin-bottom: 0.25rem;
     color: #fff;
   }
     .footer-links a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
  }
  .footer-links a:hover {
    color: #6e6e6e;
  }

   /* ==========================================================================
   STATIC RIGHTS LIST
   ========================================================================== */
   .life-list .life-item {
    font-family: var(--font-sans);
    font-weight: var(--font-weight-extra-bold);
    font-size: 100px;       /* up from 110px */
    line-height: 0.9;       /* tighter than 1.1 */
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin: 0.5rem 0;       /* a bit less vertical gap */
    width: 100%;
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
  }
  
  .life-list .life-item:hover {
    color: #6e6e6e;
  }

  @media (max-width: 768px) {
    .life-list .life-item {
      font-size: 45px;
      line-height: 1.0;
      margin: 0.3rem 0;
    }
  }

  @media (max-width: 480px) {
    .life-list .life-item {
      font-size: 40px;
      line-height: 1.1;
      margin: 0.2rem 0;
    }
  }
   
   /* ==========================================================================
      RESPONSIVE TWEAKS
      ========================================================================== */
   @media (max-width: 900px) {
     .subscribe-input,
     .subscribe-input::placeholder {
       font-size: 48px;
       height: 60px;
     }
     .footer-links li {
       font-size: 2.5rem;
     }
     .site-header, .site-footer {
       padding: 20px;
     }
   }
   
   .site-footer {
     width: 100%;
     max-width: 100%;
     margin-right: auto;
     margin-left: auto;
     border-top: 1px solid #fff;
     background: #000;
   }

   @media (min-width: 769px) {
     .site-footer {
       padding: 50px;
     }
   }
   
   .subscribe-form-col {
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
   }
   .subscribe-label {
     color: #fff;
     font-size: 22px;
     font-weight: bold;
     margin-bottom: 24px;
   }
   .subscribe-input {
     width: 100%;
     background: transparent;
     border: none;
     padding: 0;
     color: #fff;
     font-size: 90px;
     font-weight: var(--font-weight-extra-bold);
     font-family: inherit;
     height: 120px;
     line-height: 1.1;
     box-sizing: content-box;
   }
   .subscribe-input::placeholder {
     color: #555;
     font-size: 90px;
     font-weight: var(--font-weight-extra-bold);
     line-height: 1.1;
     opacity: 1;
   }
   .submit-text {
     color: #fff;
     font-size: 28px;
     margin-top: 0;
     background: none;
     border: none;
     padding: 0;
     font-family: inherit;
     font-weight: bold;
     text-transform: none;
     text-align: left;
     display: block;
   }
   @media (max-width: 900px) {
     .subscribe-input,
     .subscribe-input::placeholder {
       font-size: 48px;
       height: 60px;
     }
   }
   
   .subscribe-input:focus {
     outline: none;
     box-shadow: none;
   }
   
   .about-title {
     font-size: 4rem;
     font-weight: var(--font-weight-extra-bold);
     color: #fff;
     margin-bottom: 2rem;
     text-transform: uppercase;
     letter-spacing: 2px;
     text-align: center;
   }

   .about-text {
     max-width: 700px;
     margin: 0 auto 2rem auto;
     color: #fff;
     font-size: 1.5rem;
     line-height: 1.6;
     text-align: center;
   }
   
   .about-container {
     max-width: 900px;
     margin: 0 auto;
     padding: 40px 10px 0 10px;
   }

   .about-heading {
     font-size: 2.2rem;
     font-weight: var(--font-weight-bold);
     color: #fff;
     margin-bottom: 2.5rem;
     text-align: left;
     letter-spacing: 0.5px;
   }

   .about-intro {
     margin-bottom: 3.5rem;
   }

   .about-intro p {
     color: #fff;
     font-size: 21px;
     line-height: 1.5;
     margin-bottom: 0.7rem;
     text-align: left;
   }

   .about-bio-row {
     display: flex;
     align-items: flex-start;
     gap: 32px;
     margin: 0 0 3.5rem 0;
   }
   .about-bio-photo img {
     width: 200px;
     height: 200px;
     object-fit: cover;
     display: block;
     border-radius: 2px;
   }
   .about-bio-text {
     color: #fff;
     font-size: 21px;
     line-height: 1.5;
     text-align: left;
   }
   .about-bio-text h3 {
     font-size: 13px;
     font-weight: var(--font-weight-bold);
     margin-bottom: 0.7rem;
     color: #fff;
   }

   .about-video-section {
     margin: 0 0 3.5rem 0;
   }
   .about-video-section h4 {
     color: #fff;
     font-size: 13px;
     font-weight: var(--font-weight-bold);
     margin-bottom: 1rem;
     text-align: left;
   }
   .about-video-embed {
     max-width: 560px;
     margin: 0 auto;
   }
   .about-video-embed iframe {
     width: 100%;
     height: 315px;
     border: none;
   }

   .about-credits {
     color: #888;
     font-size: 12px;
     text-align: center;
     margin: 40px 0 0 0;
   }

   @media (max-width: 800px) {
     .about-bio-row {
       flex-direction: column;
       gap: 20px;
       align-items: flex-start;
     }
     .about-bio-photo img {
       width: 100%;
       max-width: 220px;
       height: auto;
     }
     .about-video-embed {
       max-width: 100%;
     }
   }
   
/* ==========================================================================
   ABOUT PAGE
   ========================================================================== */
.about-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 6rem 2rem 8rem 2rem;
  color: #fff;
}

.about-section {
  margin-bottom: 10rem;
}

.about-heading {
  font-size: 3.5rem;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  margin-bottom: 5rem;
  color: #fff;
  font-family: var(--font-sans);
  text-align: left;
}

  .about-text {
    font-size: 1.4rem;
    line-height: 1.8;
    margin-bottom: 3rem;
    color: #fff;
    font-family: var(--font-serif);
    max-width: 1000px;
    text-align: left;
    margin-left: 0;
  }

.about-text:last-child {
  margin-bottom: 0;
}

.founder-section {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 4rem;
  align-items: start;
  margin-top: 8rem;
  margin-bottom: 6rem;
}

.founder-image {
  width: 100%;
  height: auto;
  border-radius: 0;
  object-fit: cover;
  max-width: 400px;
  max-height: 500px;
  object-fit: cover;
}

.founder-content {
  padding-top: 0;
  margin-left: 0;
}

.founder-heading {
  font-size: 2.5rem;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  margin-bottom: 4rem;
  color: #fff;
  font-family: var(--font-sans);
  text-align: left;
  margin-left: 0;
}

  .founder-text {
    font-size: 1.4rem;
    line-height: 1.8;
    margin-bottom: 3rem;
    color: #fff;
    font-family: var(--font-serif);
    text-align: left;
    margin-left: 0;
  }

.founder-text:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .about-container {
    padding: 3rem 1rem 4rem 1rem;
  }
  
  .founder-section {
    grid-template-columns: 1fr;
    gap: 3rem;
    margin-top: 4rem;
  }
  
  .about-heading {
    font-size: 2.5rem;
    margin-bottom: 3rem;
  }
  
  .founder-heading {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
  
  .about-text,
  .founder-text {
    margin-bottom: 2rem;
    font-size: 1.2rem;
  }
}