:root {
    --bg1: #0b0b10;
    --bg2: #12121a;
    --ink: #ffffff;
    --muted: #d7dae2;
    --pinkA: #c41468;
    --pinkB: #e81e88;
    --cyan: #22d3ee;
    --ring: rgba(255, 255, 255, .1);
    --maxw: 1200px;
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', sans-serif;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background-color: var(--bg1); color: var(--muted); font-family: var(--font-body); line-height: 1.6; font-size: 16px; overflow-x: hidden; }
/* How to join? — tighten spacing between H2 and subtitle */
#how-to-join h2 {
  margin-bottom: 1.25rem; /* was 3rem */
}


/* ---------- Mobile header & nav ---------- */

/* hamburger (desktop hidden) */
.hamburger {
  display: none;
  background: transparent;
  border: none;
  padding: 6px;
  margin-left: 8px;
  cursor: pointer;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
}

/* hamburger inner lines */
.hamburger-box{ display:inline-block; width:26px; height:18px; position:relative; }
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after{
  display:block;
  background: var(--muted);
  height:2px;
  width:100%;
  border-radius:2px;
  position:absolute;
  left:0;
  transition: transform .25s ease, opacity .2s ease;
}
.hamburger-inner { top:50%; transform: translateY(-50%); }
.hamburger-inner::before { content:""; top:-8px; }
.hamburger-inner::after { content:""; top:8px; }

/* open state */
.hamburger.open .hamburger-inner {
  transform: rotate(45deg);
}
.hamburger.open .hamburger-inner::before {
  transform: rotate(90deg);
  top:0;
}
.hamburger.open .hamburger-inner::after { opacity: 0; }

/* mobile overlay */
.sage-mobile-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  z-index: 999;
  backdrop-filter: blur(4px);
  transition: opacity .2s ease;
}

/* mobile nav drawer */
.sage-mobile-nav {
  position: fixed;
  top: 0;
  right: -100%;
  width: 88%;
  max-width: 380px;
  height: 100vh;
  background: linear-gradient(180deg, rgba(11,11,16,0.98), rgba(18,18,26,0.98));
  z-index: 1000;
  box-shadow: -20px 0 40px rgba(0,0,0,0.6);
  transition: right .28s cubic-bezier(.2,.9,.3,1);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 1.5rem;
}

/* active/open */
.sage-mobile-nav.open { right: 0; }
.sage-mobile-overlay.open { opacity: 1; pointer-events: auto; }

/* close button inside drawer */
.sage-mobile-close {
  font-size: 36px;
  line-height: 1;
  color: var(--muted);
  background: transparent;
  border: none;
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
}

/* mobile menu items */
.sage-mobile-menu {
  list-style: none;
  margin: 3rem 0 1rem;
  padding: 0;
}
.sage-mobile-menu li {
  margin: 0 0 0.75rem;
}
.sage-mobile-menu li a {
  display: block;
  padding: 0.75rem 0;
  color: var(--muted);
  font-weight: 700;
  text-decoration: none;
  font-size: 1.05rem;
}
.sage-mobile-menu li a:hover,
.sage-mobile-menu li a.active { color: var(--ink); }

/* CTA inside drawer */
.sage-mobile-cta { margin-top: 1.5rem; }

/* Hide desktop nav for smaller widths and show hamburger */
@media (max-width: 1024px) {
  .main-nav { display: none !important; }
  .hamburger { display: inline-flex; }
  .header-actions { gap: 0.75rem; }
  /* Ensure header container stacks nicely */
  .new-header .header-container { align-items:center; gap:0.5rem; }
}

/* keep header sticky and compact on mobile */
.new-header {
  position: fixed;
  top: 0;
  left: 0;
  width:100%;
  z-index: 1100;
  background: linear-gradient(to bottom, rgba(11,11,16,0.7), transparent);
  transition: backdrop-filter .2s ease, padding .18s ease;
  padding: 1rem 0;
}
@media (max-width: 768px) {
  .new-header { padding: 0.75rem 0; }
}

/* Accessibility focus outlines */
.sage-mobile-close:focus,
.hamburger:focus,
.sage-mobile-menu a:focus,
.search-btn:focus,
.sign-up-btn:focus { outline: 3px solid rgba(34,211,238,0.12); outline-offset: 3px; }

/* Small polish: ensure menu scrolls under header when opened on small screens */
body.menu-open { overflow: hidden; }


/* ---------- Sticky compact header ---------- */
/* When header gets the .header-sticky class it becomes compact and semi-transparent.
   Logo + menu remain visible; header-actions are hidden with smooth transitions. */

.new-header {
  transition: background .22s ease, padding .18s ease, transform .18s ease;
}

/* The compact sticky state */
.new-header.header-sticky {
  background: rgba(11,11,16,0.65);      /* subtle dark translucent */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: 0.5rem 0;                    /* reduce vertical padding */
  box-shadow: 0 6px 24px rgba(0,0,0,0.35);
}

/* Make logo + nav more prominent when sticky */
.new-header.header-sticky .logo,
.new-header.header-sticky .main-nav {
  opacity: 0.95;
  transition: opacity .18s ease, transform .18s ease;
  transform: translateY(0);
}

/* Hide the header actions (search + sign-up + hamburger) */
.new-header.header-sticky .header-actions {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity .18s ease, transform .18s ease;
}

/* Slightly reduce logo size on sticky for a refined look */
.new-header.header-sticky .logo img,
.new-header.header-sticky .site-title {
  transform: scale(.92);
  transition: transform .18s ease;
}

/* Tweak: keep mobile hamburger visible if you prefer — comment out if you want it hidden */
@media (max-width: 1024px) {
  /* Show only the hamburger + logo + nav when sticky on mobile */
  .new-header.header-sticky .header-actions { 
    /* if you want the hamburger to remain visible, hide only sign-up/search */
    pointer-events: none;
  }
  .new-header.header-sticky .hamburger {
    pointer-events: auto;
    opacity: 1;
    transition: opacity .18s ease;
  }
}

/* If you want the menu items to get a subtle multi-color underline while sticky,
   add this (optional): */
.new-header.header-sticky .main-nav .menu-items > li > a::after {
  content: "";
  display: block;
  height: 3px;
  width: 0%;
  background: linear-gradient(90deg, var(--pinkA), var(--pinkB), var(--cyan));
  transition: width .28s ease;
  border-radius: 6px;
  margin-top: 6px;
}
.new-header.header-sticky .main-nav .menu-items > li.active > a::after,
.new-header.header-sticky .main-nav .menu-items > li > a:hover::after {
  width: 100%;
}





/* container */
.video-placeholder {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

/* poster */
.video-placeholder img.about-video-poster {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

/* button (keeps clickable area centered) */
.video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 50;               /* ensure above poster */
  border: none;
  background: transparent;   /* circle is inside .play-icon */
  padding: 0;
  cursor: pointer;
  width: 110px;              /* clickable area - tweak if needed */
  height: 110px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
  appearance: none;
}

/* the circular gradient with shadow */
.video-play-btn .play-icon{
  width: 96px;
  height: 96px;
  border-radius: 50%;
  box-shadow: 0 8px 30px rgba(0,0,0,.45);
  background: linear-gradient(90deg,#e81e88,#22d3ee);
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  transition: transform .12s ease, box-shadow .12s ease;
}

/* triangle inside the circle (using pseudo-element) */
.video-play-btn .play-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-40%, -50%); /* slight left to look nicer visually */
  width: 0;
  height: 0;
  border-left: 22px solid #ffffff; /* triangle width & color */
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  opacity: 0.98;
}

/* hover/active effect */
.video-play-btn:hover .play-icon,
.video-play-btn:focus .play-icon {
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(0,0,0,.55);
  outline: none;
}

/* small responsive tweak: keep button smaller on mobile */
@media (max-width:600px){
  .video-play-btn { width:84px; height:84px; }
  .video-play-btn .play-icon { width:72px; height:72px; }
  .video-play-btn .play-icon::after { border-left:16px solid #fff; border-top:10px solid transparent; border-bottom:10px solid transparent; transform: translate(-40%,-50%); }
}

/* safeguard: if previously a rule set triangle to 0 width, override it */
.play-icon { width:96px !important; height:96px !important; }
.play-icon::after { display:block !important; }

























@font-face {
    font-family: 'Telegraf Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Telegraf Regular'), url('TelegrafRegular_272984568a25d8528fe2de8b20b29011.woff') format('woff');
}


@font-face {
  font-family: 'Telegraf UltraBold';
  font-style: normal;
  font-weight: 800;
  src: local('Telegraf UltraBold'),
       url('TelegrafUltraBold800.woff') format('woff');
}




.site-title {
  font-family: 'Telegraf UltraBold', 'Space Grotesk', sans-serif;
  font-weight: 800;
  font-size: 25px;
  color: var(--ink);
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 0 0 12px rgba(232,30,136,.4);
}


/* If a subtitle paragraph immediately follows the H2, keep it snug */
#how-to-join h2 + p {
  margin-top: 0.25rem;   /* extra-tight */
  
  
  
}

/* Generic safety: when a .subtitle sits next to an H2 in any section */
h2 + .subtitle,
.subtitle + h2 {
  margin-top: 0.5rem;
  
  
    font-family: 'Telegraf UltraBold', 'Space Grotesk', sans-serif !important;
  font-weight: 800;

  
  
}


/* ==== Nav Indicator (multi-color underline) ==== */
.main-nav { position: relative; }
.main-nav .nav-indicator {
  position: absolute;
  bottom: -2px;              /* sits just under the nav pills */
  left: 0;
  height: 3px;
  width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--pinkA), var(--pinkB), var(--cyan), var(--pinkB));
  box-shadow: 0 0 12px rgba(232, 30, 136, .35);
  transform: translateX(0);
  transition:
    width .28s cubic-bezier(.22,.61,.36,1),
    transform .28s cubic-bezier(.22,.61,.36,1),
    opacity .28s ease;
  opacity: 0;                /* hidden until scroll */
  pointer-events: none;
}

/* show the indicator once user starts scrolling a bit */
.header-has-scrolled .main-nav .nav-indicator { opacity: 1; }

/* optional: a subtle active link color lift */
.main-nav a.active { color: var(--ink); }









.container { max-width: var(--maxw); margin: 0 auto; padding: 0 20px; }
h1,h2,h3 { font-family: var(--font-heading); color: var(--ink); font-weight: 700; line-height: 1.2; margin-bottom: 1rem; 
    
    
      font-family: 'Telegraf UltraBold', 'Space Grotesk', sans-serif !important;
  font-weight: 800;

    
    
    
    
    
    
}
h2 { font-size: clamp(2rem, 5vw, 3rem); text-align: center; margin-bottom: 3rem; 
      font-family: 'Telegraf UltraBold', 'Space Grotesk', sans-serif !important;
  font-weight: 800;

    
    
    
    
    
    
}
h3 { font-size: clamp(1.2rem, 3vw, 1.5rem); margin-bottom: 1.5rem; text-align: center; 
    
    
      font-family: 'Telegraf UltraBold', 'Space Grotesk', sans-serif !important;
  font-weight: 800;

    
    
    
    
}
p { margin-bottom: 1rem; }
a { color: var(--pinkB); text-decoration: none; transition: opacity .3s ease; }
a:hover { opacity:.8; }
img { max-width: 100%; height:auto; display:block; }
.text-pink { color: var(--pinkB); text-shadow: 0 0 10px var(--pinkA); }

.new-header { position:fixed; top:0; left:0; width:100%; padding:1.5rem 0; background:linear-gradient(to bottom, rgba(11,11,16,0.7), transparent); z-index:1000; }
.new-header .header-container { display:flex; justify-content:space-between; align-items:center; }
.main-nav { display:flex; gap:2rem; background:rgba(18,18,26,0.4); backdrop-filter: blur(10px); padding:.5rem 1.5rem; border-radius:50px; border:1px solid var(--ring); }
.main-nav a { color: var(--muted); font-weight:500; padding:.5rem 0; transition:color .3s ease; }
.main-nav a:hover, .main-nav a.active { color: var(--ink); }
.main-nav .menu-items { display:flex; gap:2rem; list-style:none; margin:0; padding:0; }
.main-nav .current-menu-item > a, .main-nav .current_page_item > a, .main-nav .current-menu-ancestor > a { color: var(--ink); }
.header-actions { display:flex; align-items:center; gap:1rem; }
.search-btn { background:rgba(18,18,26,0.4); backdrop-filter: blur(10px); border:1px solid var(--ring); color:var(--ink); width:44px; height:44px; border-radius:50%; cursor:pointer; transition:background-color .3s ease; }
.search-btn:hover { background-color: var(--bg2); }
.sign-up-btn { display:flex; align-items:center; gap:.5rem; padding:.7rem 1.5rem; }

.new-hero { min-height:100vh; display:grid; grid-template-columns:1fr 2fr 1fr; align-items:center; justify-items:center; padding:8rem 2rem; position:relative; overflow:hidden; text-align:center; }
.hero-graphic { max-width: 100%; opacity:.9; pointer-events:none; }
.hero-graphic.left { justify-self:start; transform:translateX(-20%); }
.hero-graphic.right { justify-self:end; transform:translateX(20%); }
.hero-content { position:relative; display:flex; flex-direction:column; align-items:center; z-index:2; }
.hero-title { font-size: clamp(2.1rem, 7vw, 4.2rem);

 letter-spacing:2px; background:linear-gradient(90deg, var(--pinkB), var(--cyan)); -webkit-background-clip:text; background-clip:text; color:transparent; margin:0; line-height:1; 
    
    
    
     font-family: 'Telegraf UltraBold', 'Space Grotesk', sans-serif !important;
  font-weight: 800;

    
    
    
}
.hero-year { font-size: clamp(8rem, 25vw, 15rem); font-weight:700; color:transparent; -webkit-text-stroke: 1px var(--ring); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:-1; line-height:1; user-select:none; }
.new-hero .subtitle { font-size:1.25rem; color:var(--muted); margin-top:1rem; }
.info-line { display:flex; gap:2rem; margin-top:1rem; color:var(--muted); }
.info-line span { display:flex; align-items:center; gap:.5rem; }
.learn-more-btn { margin-top:2rem; background-color:rgba(18,18,26,0.4); border:1px solid var(--ring); color:var(--ink); }
.learn-more-btn:hover { background-color: var(--ink); color: var(--bg1); border-color: var(--ink); }

.marquee { position:absolute; bottom:0; left:0; width:100%; padding:1.5rem 0; background: linear-gradient(to right, #000 0%, transparent 20%, transparent 80%, #000 100%); overflow:hidden; white-space:nowrap; border-top:1px solid var(--ring); }
.marquee-content { display:inline-block; animation: marquee 40s linear infinite; font-family: var(--font-heading); font-weight:700; color:var(--muted); font-size:1rem; }
.marquee-content span { margin:0 2rem; }
.marquee .diamond { color: var(--pinkB); }
@keyframes marquee { from { transform: translateX(0%);} to { transform: translateX(-50%);} }

.bg2 { background-color:transparent; position:relative; overflow:hidden; }
.bg2::before { content:''; position:absolute; top:50%; left:50%; width:1200px; height:1200px; transform:translate(-50%,-50%); background-image: radial-gradient(circle, hsla(328, 80%, 51%, 0.1), transparent 60%); z-index:-1; }

.btn { display:inline-block; padding:.8rem 2rem; border-radius:50px; font-weight:700; text-transform:uppercase; border:2px solid transparent; transition:all .3s ease; letter-spacing:1px; backdrop-filter: blur(10px); }
.btn-primary { background: linear-gradient(90deg, var(--pinkA), var(--pinkB)); color:var(--ink); border:none; box-shadow:0 0 20px rgba(232,30,136,.4); }
.btn-primary:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 0 30px rgba(232,30,136,.6); }
.btn-secondary { background-color:transparent; color:var(--pinkB); border-color:var(--pinkB); }
.btn-secondary:hover { background-color:var(--pinkB); color:var(--ink); transform:translateY(-3px); box-shadow:0 0 20px rgba(232,30,136,.4); }

.content-section { padding:6rem 0; }
#about { padding-top:90; }
.content-section .container { display:flex; flex-direction:column; align-items:center; text-align:center; }
.link { font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.video-placeholder { margin-top:3rem; width:100%; max-width:800px; border:1px solid var(--ring); border-radius:10px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.2); }

.step,.team-card,.faq-item,.contact-grid>div { background-color: rgba(18,18,26,0.4); backdrop-filter: blur(12px); border:1px solid var(--ring); border-radius:15px; transition: transform .3s ease, box-shadow .3s ease; }
.step:hover,.team-card:hover { transform: translateY(-5px); box-shadow: 0 0 30px rgba(0,0,0,.2); }

.step { width:100%; padding:2rem; margin-bottom:2rem; }
.step-title { background-color: var(--ink); color: var(--bg1); font-family: var(--font-heading); padding:.5rem 1rem; border-radius:5px; display:inline-block; margin-bottom:1rem; }
.category-grid,.requirements-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:2rem; width:100%; margin-top:2rem; }
.category-card,.requirement-card { text-align:center; background:transparent; padding:1rem; }
.category-card img,.requirement-card img { max-height:255px; margin:0 auto 1rem; filter: drop-shadow(0 0 10px var(--cyan)); }
.category-card h3 { font-size:1.1rem; color:var(--muted); }
.requirement-card p { font-family: var(--font-heading); font-weight:700; color:var(--muted); }

.team-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:2rem; width:100%; margin-bottom:4rem; }
.team-card { overflow:hidden; padding:0; }
.team-card img { border-bottom:1px solid var(--ring); }
.team-info { padding:1.5rem; }
.team-name { font-family: var(--font-heading); font-weight:700; color:var(--ink); border:1px solid var(--ink); display:inline-block; padding:.2rem .5rem; margin-bottom:.5rem; }

.faq-container { width:100%; max-width:800px; }
.faq-item { margin-bottom:1rem; overflow:hidden; }
.faq-question { background:transparent; color:var(--ink); font-family: var(--font-heading); font-size:1.2rem; padding:1rem 1.5rem; cursor:pointer; display:flex; justify-content:space-between;     text-align: start;}
.faq-toggle { font-size:1.5rem; transition: transform .3s ease; color: var(--pinkB); }
.faq-answer { max-height:0; overflow:hidden; transition:max-height .3s ease, padding .3s ease; text-align:left; border-top:1px solid transparent; }
.faq-item.active .faq-answer { border-top:1px solid var(--ring); }
.faq-answer p { padding:0 1.5rem 1.5rem 1.5rem; margin:0; }
.faq-item.active .faq-toggle { transform: rotate(45deg); }

.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; width:100%; text-align:left; margin-top:3rem; }
.contact-grid>div { padding:2rem; }
.map-placeholder { margin-top:1.5rem; border-radius:10px; overflow:hidden; }
.contact-form .form-group { margin-bottom:1rem; }
.contact-form label { display:block; margin-bottom:.5rem; }
.contact-form input,.contact-form textarea { width:100%; padding:.8rem; background-color: var(--bg1); border:1px solid var(--ring); border-radius:5px; color:var(--ink); }
.contact-form input:focus,.contact-form textarea:focus { outline:none; border-color: var(--pinkB); box-shadow: 0 0 10px var(--pinkA); }
.contact-form .btn { width:100%; margin-top:1rem; }

#footer { background-color:transparent; padding:4rem 0 2rem; text-align:center; position:relative; }
#footer::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; }
.footer-section { margin-bottom:3rem; }
.social-icons { display:flex; justify-content:center; gap:1rem; margin-top:1.5rem; }
.social-icons img { height:50px; width:auto; transition: transform .3s ease; }
.social-icons a:hover img { transform: scale(1.1); }

@media (max-width: 1024px) {
  .hero-graphic { opacity:.5; }
  .new-hero { grid-template-columns:1fr; padding-bottom:8rem; }
  .hero-graphic.left, .hero-graphic.right { grid-row:1; grid-column:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:80%; max-height:80vh; opacity:.15; }
  .hero-content { grid-row:1; grid-column:1; }
}
@media (max-width: 768px) {
  body { font-size:15px; }
  .new-header .header-container { flex-direction:column; gap:1rem; }
  .new-hero { padding-top:10rem; }
  .content-section { padding:4rem 0; }
  .contact-grid { grid-template-columns:1fr; }
}
/* --- About video play overlay --- */
.video-placeholder {
  position: relative;
}



/* --- Modal base --- */
.sage-video-modal[hidden] { display: none !important; }

.sage-video-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.sage-video-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(4px);
}

.sage-video-modal__dialog {
  position: absolute;
  inset: 0;
  margin: auto;
  width: min(1080px, calc(100vw - 2rem));
  height: min(60vh, 640px);
  background: rgba(18,18,26,0.6);
  border: 1px solid var(--ring);
  border-radius: 16px;
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 40px rgba(0,0,0,.4);
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}

.sage-video-modal__close {
  justify-self: end;
  margin: .5rem .5rem 0 0;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  border: 1px solid var(--ring);
  background: rgba(18,18,26,0.5);
  color: var(--ink);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}
.sage-video-modal__close:hover {
  background: rgba(18,18,26,0.7);
  transform: scale(1.04);
}

.sage-video-modal__body {
  position: relative;
  margin: .5rem 1rem 1rem;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #000;
}
.sage-video-modal__body iframe {
  position: absolute; inset: 0; width: 100%; height: 100%;
  display: block;
}

/* Prevent page shift when modal open (optional) */
html.sage-modal-open {
  overflow: hidden;
}
/* ===== FAQ: interaction & animation fixes ===== */
.faq-question { cursor: pointer; }
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease, padding .3s ease, border-top-color .3s ease;
  border-top: 1px solid transparent;
  padding-top: 0;
}
.faq-item.active .faq-answer {
  border-top-color: var(--ring);
  padding-top: 1rem;
}
.faq-toggle { transition: transform .3s ease; }
.faq-item.active .faq-toggle { transform: rotate(45deg); }

/* ===== Team images: fill card, no right gap ===== */
.team-card { overflow: hidden; padding: 0; }
.team-card img {
  display: block;
  width: 100%;
  min-height: 450px;
          max-height: 450px;    /* tune this if you want taller cards */
  object-fit: cover;       /* crop to fill without gaps */
  object-position: center; /* center crop */
  margin: 0;               /* ensure no stray gaps */
  border-bottom: 1px solid var(--ring);
}
@media (max-width: 768px) {
  .team-card img {      max-height: 450px; min-height: 450px;  }
}