/* Source: ic-about-studio-system */
/* =========================================================
   ABOUT — STUDIO PREMIUM SYSTEM
   Objectif : garder le style existant, mais lui donner
   le même niveau de finition que la page Index.
   ========================================================= */

:root{
  --ic-black:#151515;
  --ic-soft-black:#151515;
  --ic-paper:#f6f2eb;
  --ic-red:#9d1000;
  --ic-acid:#ccff00;
  --ic-line-dark:rgba(246,242,235,.12);
  --ic-line-light:rgba(17,17,17,.14);
  --ic-ease:cubic-bezier(.16,1,.3,1);
  --ic-section-y:clamp(110px,12vw,190px);
}

/* GENERAL */
html{
  scroll-behavior:smooth;
}

body{
  background:#ffffff !important;
}

.grain{
  opacity:.09 !important;
}

/* HEADER — plus proche de l'Index */
.nav{
  background:#ffffff !important;
  color:#151515 !important;
  border-bottom:1px solid rgba(246,242,235,.10) !important;
  min-height:104px !important;
  padding:20px clamp(22px,3vw,52px) !important;
  backdrop-filter:blur(20px) !important;
}

.brand{
  color:#151515 !important;
}

.pill,
.menu-toggle{
  color:#151515 !important;
  border-color:rgba(21,21,21,.28) !important;
  background:transparent !important;
}

.pill:hover,
.menu-toggle:hover{
  background:#ffffff !important;
  color:#151515 !important;
  border-color:rgba(21,21,21,.28) !important;
  transform:translateY(-1px) !important;
}

.section-menu{
  background:#ffffff !important;
  color:#151515 !important;
  border:1px solid rgba(246,242,235,.14) !important;
  box-shadow:0 26px 90px rgba(0,0,0,.34) !important;
}

/* HERO — moins vide, plus éditorial */
.hero{
  background:#ffffff !important;
  color:#151515 !important;
  min-height:74vh !important;
  padding:clamp(58px,7vw,92px) clamp(22px,3vw,52px) clamp(56px,7vw,96px) !important;
  align-content:center !important;
  border-bottom:1px solid rgba(246,242,235,.10) !important;
}

.hero h1{
  font-size:clamp(74px,12vw,188px) !important;
  line-height:.82 !important;
  letter-spacing:-.095em !important;
  margin:0 !important;
  max-width:1180px !important;
}

.hero h1::after{
  content:"We build communities that create impact.";
  display:block;
  max-width:780px;
  margin-top:clamp(26px,3vw,42px);
  font-family:"Advent Pro",Arial,sans-serif !important;
  font-size:clamp(22px,2.6vw,46px);
  line-height:1.02;
  letter-spacing:-.04em;
  font-weight:400;
  color:#151515;
}

.hero-bottom{
  margin-top:clamp(54px,7vw,92px) !important;
  align-items:start !important;
}

.hero-copy{
  color:#151515 !important;
}

.meta div{
  border-top:1px solid rgba(246,242,235,.20) !important;
  color:#151515 !important;
}

.hero-knot{
  opacity:.18 !important;
  filter:grayscale(100%) contrast(1.08) drop-shadow(0 32px 80px rgba(0,0,0,.32)) !important;
}

.hero-knot img{
  mix-blend-mode:screen !important;
}

/* SUPPRESSION BANNER DÉFILANTE */
.marquee,
.editorial-image{
      border:none !important;

  display:none !important;
}

/* INTRO / JUMP TO */
.intro{
  min-height:86vh !important;
  padding:clamp(92px,10vw,160px) clamp(22px,3vw,52px) clamp(84px,9vw,150px) !important;
  background:#ffffff !important;
  border-bottom:1px solid rgba(246,242,235,.10) !important;
}

.editorial-content{
  grid-template-columns:minmax(260px,34%) minmax(0,66%) !important;
  gap:clamp(42px,7vw,110px) !important;
  align-items:start !important;
}

.intro .label{
  font-size:clamp(42px,4.6vw,84px) !important;
  line-height:.95 !important;
  color:#151515 !important;
}

.editorial-title{
  color:#151515 !important;
  font-size:clamp(42px,4.7vw,82px) !important;
  line-height:1.02 !important;
  max-width:860px !important;
}

.editorial-jump{
  position:relative !important;
  left:auto !important;
  bottom:auto !important;
  margin-top:clamp(58px,7vw,96px) !important;
  padding-top:22px !important;
  border-top:1px solid rgba(246,242,235,.14) !important;
  width:min(900px,100%) !important;
  gap:clamp(26px,4vw,70px) !important;
}

.editorial-jump a,
.editorial-jump span{
  color:#151515 !important;
  transition:color .28s ease, transform .28s var(--ic-ease);
}

.editorial-jump a:hover{
  color:#151515 !important;
  transform:translateY(-2px) !important;
}

/* SECTIONS — rythme commun */
section{
  padding-top:var(--ic-section-y) !important;
  padding-bottom:var(--ic-section-y) !important;
}

/* FOUNDER / HISTORY */
.image-stage{
  background:#ffffff !important;
  color:#151515 !important;
  padding:clamp(92px,10vw,160px) clamp(22px,3vw,52px) !important;
  min-height:auto !important;
}

.stage-card{
  background:#ffffff !important;
  color:#151515 !important;
  border-radius:0 !important;
  min-height:auto !important;
  padding:clamp(58px,7vw,110px) !important;
  box-shadow:none !important;
}

.clean-title{
  font-size:clamp(54px,7vw,124px) !important;
  line-height:.86 !important;
  letter-spacing:-.082em !important;
  max-width:760px !important;
}

.clean-copy{
  font-size:clamp(20px,1.7vw,30px) !important;
  line-height:1.18 !important;
  color:#151515 !important;
  max-width:720px !important;
}

.founder-badge img{
  filter:grayscale(100%) contrast(1.08) brightness(.95) !important;
  border:1px solid rgba(17,17,17,.16) !important;
}

/* SERVICES / VALUES */
.services{
  background:#ffffff !important;
  color:#151515 !important;
  padding-top:var(--ic-section-y) !important;
  border-top:1px solid rgba(246,242,235,.10) !important;
  border-bottom:1px solid rgba(246,242,235,.10) !important;
}

.services .label{
  color:#151515 !important;
}

.services .big{
  color:#151515 !important;
}

.service{
  border-top:1px solid rgba(246,242,235,.14) !important;
  padding:clamp(36px,4.5vw,72px) 0 !important;
  transform:none !important;
  background:transparent !important;
}

.service:last-child{
  border-bottom:1px solid rgba(246,242,235,.14) !important;
}

.service::before{
  background:#ffffff !important;
  opacity:.75 !important;
}

.service:hover{
  transform:translateX(4px) !important;
  background:#ffffff !important;
}

.service h2{
  color:#151515 !important;
}

.service p{
  color:#151515 !important;
}

.service-thumb{
  opacity:.72 !important;
  background:#ffffff !important;
}

.service:hover .service-thumb{
  opacity:.95 !important;
}

/* IMPACT / LOCATIONS */
.impact{
  background:#ffffff !important;
  color:#151515 !important;
  min-height:auto !important;
  border-bottom:1px solid rgba(17,17,17,.12) !important;
}

.impact::after{
  opacity:.35 !important;
  filter:saturate(.4) !important;
}

.impact-track{
  padding-top:clamp(70px,8vw,120px) !important;
  padding-bottom:clamp(70px,8vw,120px) !important;
}

.impact-rail:hover .impact-track{
  animation:none !important;
}

.impact-frame{
  border-radius:0 !important;
  box-shadow:none !important;
}

.impact-frame:hover,
.impact-frame:nth-child(2n):hover{
  border-radius:0 !important;
  transform:translateY(-8px) scale(1.012) !important;
}

.impact-frame img{
  filter:grayscale(100%) contrast(1.08) brightness(.92) !important;
}

.impact-frame:hover img{
  transform:scale(1.045) !important;
  filter:grayscale(100%) contrast(1.12) brightness(.98) !important;
}

/* PROCESS / STUDIO NEWS */
.process{
  background:#ffffff !important;
  color:#151515 !important;
}

.process::before{
  opacity:.35 !important;
}

.process-title{
  color:#151515 !important;
}

.process-kicker{
  color:#151515 !important;
}

.process-list,
.process-item,
.process-footer{
  border-color:rgba(21,21,21,.28) !important;
}

.process-item summary,
.process-item p,
.process-footer{
  color:#151515 !important;
}

.process-visual{
  border-radius:0 !important;
  box-shadow:none !important;
}

.process-visual img{
  filter:grayscale(100%) contrast(1.06) brightness(.94) !important;
}

/* QUOTE */
.quote{
  background:#ffffff !important;
  color:#151515 !important;
  border-top:1px solid rgba(246,242,235,.10) !important;
  border-bottom:1px solid rgba(246,242,235,.10) !important;
}

.quote::before{
  opacity:.25 !important;
}

.quote-label{
  color:#151515 !important;
}

.quote p{
  color:#151515 !important;
}

/* PROJECTS — garder l'esprit, calmer les blobs */
.projects{
  background:#ffffff !important;
}

.card{
  border-radius:22px !important;
  box-shadow:none !important;
}

.card::before,
.card::after{
  opacity:.20 !important;
  animation:none !important;
  filter:blur(72px) !important;
}

.card:hover{
  transform:translateY(-7px) !important;
}

.card:hover::before,
.card:hover::after{
  width:320px !important;
  height:320px !important;
  left:-90px !important;
  bottom:-150px !important;
}

/* NEWS / HISTORY PANELS — garder les outils, les rendre plus studio */
.news-tool-trigger{
  background:#ffffff !important;
  color:#151515 !important;
  border-color:rgba(21,21,21,.28) !important;
  box-shadow:none !important;
}

.news-tool-trigger:hover{
  background:#ffffff !important;
  color:#151515 !important;
  border-color:rgba(21,21,21,.28) !important;
}

.news-tool-panel{
  background:#ffffff !important;
  box-shadow:0 28px 95px rgba(0,0,0,.35) !important;
}

.site-blur{
  background:#ffffff !important;
  backdrop-filter:blur(15px) !important;
}

.history-panel{
  background:#ffffff !important;
  box-shadow:-32px 0 100px rgba(0,0,0,.36) !important;
}

/* FLOATING CTA */
.floating-talk{
  background:#ffffff !important;
  color:#151515 !important;
  border:1px solid rgba(246,242,235,.20) !important;
  box-shadow:none !important;
}

.floating-talk:hover{
  background:#ffffff !important;
  color:#151515 !important;
  border-color:rgba(21,21,21,.28) !important;
  box-shadow:none !important;
}

/* EFFECT SYSTEM */
.ic-progress{
  height:2px !important;
  background:#ccff00 !important;
  box-shadow:none !important;
}

.ic-cursor-glow{
  width:110px !important;
  height:110px !important;
  opacity:0 !important;
  background:#ffffff !important;
  filter:blur(16px) !important;
}

/* Reveal unique, très proche index */
.reveal,
.ic-studio-reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .82s ease, transform .82s var(--ic-ease) !important;
}

.reveal.on,
.ic-studio-reveal.is-visible{
  opacity:1;
  transform:none;
}

/* Micro interactions d'images */
.service-thumb img,
.impact-frame img,
.process-visual img,
.history-photo img,
.news-thumb img{
  transition:transform .82s var(--ic-ease), filter .45s ease !important;
}

/* FOOTER */
.footer-redesign{
  background:#ffffff !important;
  color:#151515 !important;
  border-top:0 !important;
  --footer-fg:#f6f2eb;
  --footer-line:rgba(246,242,235,.14);
  --footer-hover:#ccff00;
}

.footer-redesign .footer-logo-img{
  filter:contrast(1.1) brightness(1.1) !important;
}

/* RESPONSIVE */
@media(max-width:980px){
  .hero{
    min-height:70vh !important;
  }

  .hero-bottom,
  .editorial-content,
  .founder-card,
  .process-inner,
  .cards{
    grid-template-columns:1fr !important;
  }

  .hero-knot{
    opacity:.08 !important;
  }

  .intro{
    min-height:auto !important;
  }

  .editorial-jump{
    gap:18px 28px !important;
  }

  .stage-card{
    padding:42px 28px !important;
  }
}

@media(max-width:640px){
  .nav{
    min-height:88px !important;
  }

  .hero{
    min-height:68vh !important;
    padding-top:44px !important;
  }

  .hero h1{
    font-size:clamp(66px,20vw,112px) !important;
  }

  .hero h1::after{
    font-size:clamp(22px,8vw,34px) !important;
  }

  .news-tool-trigger{
    bottom:88px !important;
  }
}

@media (pointer:coarse), (max-width:900px){
  .ic-cursor-glow{
    display:none !important;
  }
}

@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

/* ChatGPT override: remove divider lines in hero */
.hero hr,
.editorial-rule,
.editorial-subline{display:none!important;}
.intro hr{display:none!important;}
.editorial-jump{border:none!important;}
.intro .line,
.hero .line{display:none!important;}
/* remove borders around jump block */
.editorial-jump,
.editorial-image{
      border:none !important;
border:none!important;}

/* Source: about-final-polish */
:root{
 --space-section:clamp(120px,11vw,180px);
 --ease:cubic-bezier(.16,1,.3,1);
}
section{padding-top:var(--space-section)!important;padding-bottom:var(--space-section)!important}
.hero{min-height:82vh!important;padding-top:42px!important;padding-bottom:56px!important}
.hero-bottom{margin-top:48px!important}
.hero-copy{max-width:760px!important;line-height:1.06!important}
.editorial-content{gap:72px!important}
.editorial-jump{margin-top:56px!important}
.service,.impact-frame,.card,.pill,.menu-toggle,.history-cta,.floating-talk{
 transition:all .32s var(--ease)!important;
}
.service:hover{transform:translateX(4px)!important}
.impact-frame:hover{transform:translateY(-8px) scale(1.015)!important}
.card:hover{transform:translateY(-6px)!important}
.service-thumb img,.impact-frame img,.news-thumb img,.history-photo img{
 filter:grayscale(100%) contrast(1.08) brightness(.94)!important;
}
.history-panel,.news-tool-panel{
 box-shadow:0 24px 80px rgba(0,0,0,.28)!important;
}
.grain{opacity:.08!important}
.ic-progress{height:2px!important;box-shadow:none!important}
.ic-cursor-glow{display:none!important}
@media(max-width:980px){
 section{padding-top:84px!important;padding-bottom:84px!important}
 .editorial-content,.hero-bottom,.founder-card,.process-inner,.cards{gap:36px!important}
}

/* ChatGPT override: remove divider lines in hero */
.hero hr,
.editorial-rule,
.editorial-subline{display:none!important;}
.intro hr{display:none!important;}
.editorial-jump{border:none!important;}
.intro .line,
.hero .line{display:none!important;}
/* remove borders around jump block */
.editorial-jump,
.editorial-image{
      border:none !important;
border:none!important;}

/* Source: ic-about-hero-premium-final */
/* =========================================================
   ABOUT HERO — RECONSTRUCTION PREMIUM PROPRE
   ========================================================= */

main{
  background:#ffffff !important;
}

.about-hero-premium{
  min-height:calc(100vh - 104px) !important;
  padding:clamp(62px,7vw,96px) clamp(34px,4vw,78px) clamp(34px,4vw,58px) !important;
  background:#ffffff !important;
  color:#151515 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(340px,440px) !important;
  grid-template-rows:1fr auto !important;
  align-items:center !important;
  column-gap:clamp(62px,8vw,150px) !important;
  row-gap:clamp(42px,6vw,80px) !important;
  position:relative !important;
  overflow:hidden !important;
  border-bottom:1px solid rgba(246,242,235,.10) !important;
}

/* Colonne texte */
.about-hero-copy{
  grid-column:1 !important;
  grid-row:1 !important;
  position:relative !important;
  z-index:5 !important;
  max-width:900px !important;
  align-self:center !important;
}

.about-hero-kicker{
  margin:0 0 clamp(22px,3vw,38px) !important;
  font-family:"Advent Pro",Arial,sans-serif !important;
  font-size:clamp(14px,1vw,17px) !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:#151515 !important;
}

.about-hero-premium h1{
  margin:0 !important;
  max-width:900px !important;
  font-family:"Space Grotesk",Arial,sans-serif !important;
  font-size:clamp(92px,12vw,192px) !important;
  line-height:.82 !important;
  letter-spacing:-.095em !important;
  font-weight:500 !important;
  color:#151515 !important;
}

.about-hero-statement{
  margin:clamp(30px,4vw,56px) 0 0 !important;
  max-width:760px !important;
  font-family:"Advent Pro",Arial,sans-serif !important;
  font-size:clamp(24px,2.25vw,40px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  color:#151515 !important;
}

.about-hero-signature{
  margin:clamp(18px,2vw,28px) 0 0 !important;
  font-family:"Advent Pro",Arial,sans-serif !important;
  font-size:clamp(13px,1vw,16px) !important;
  line-height:1.1 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  color:#151515 !important;
}

/* Colonne visuelle : photo grande, logo discret */
.about-hero-visual{
  grid-column:2 !important;
  grid-row:1 !important;
  justify-self:end !important;
  align-self:center !important;
  width:clamp(320px,30vw,440px) !important;
  height:clamp(320px,30vw,440px) !important;
  position:relative !important;
  z-index:4 !important;
}

.about-hero-portrait{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:50% !important;
  border:1px solid rgba(246,242,235,.22) !important;
  filter:grayscale(100%) contrast(1.08) brightness(.92) !important;
}

.about-hero-mark{
  position:absolute !important;
  right:-12% !important;
  bottom:-10% !important;
  width:44% !important;
  height:auto !important;
  z-index:1 !important;
  opacity:.24 !important;
  filter:grayscale(100%) contrast(1.08) brightness(.96) !important;
  mix-blend-mode:screen !important;
  pointer-events:none !important;
}

.about-hero-visual::before{
  content:"" !important;
  position:absolute !important;
  inset:-18% !important;
  z-index:0 !important;
  border-radius:50% !important;
  background:#ffffff !important;
  pointer-events:none !important;
}

/* Jump to propre, en bas */
.about-hero-jump{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  position:relative !important;
  left:auto !important;
  bottom:auto !important;
  margin:0 !important;
  padding-top:22px !important;
  border-top:1px solid rgba(246,242,235,.14) !important;
  width:100% !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:clamp(26px,4vw,72px) !important;
  align-items:center !important;
  color:#151515 !important;
  z-index:8 !important;
}

.about-hero-jump span,
.about-hero-jump a{
  font-family:"Advent Pro",Arial,sans-serif !important;
  font-size:13px !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#151515 !important;
  transition:color .28s ease, transform .28s cubic-bezier(.16,1,.3,1) !important;
}

.about-hero-jump a:hover{
  color:#151515 !important;
  transform:translateY(-2px) !important;
}

/* Neutralisation des anciens éléments qui cassaient la mise en page */
.hero-knot,.about-logo-reveal,.marquee,.editorial-image,[class*="knot"],img[src*="knot"],img[src*="logo-noeud"]{display:none !important;visibility:hidden !important;opacity:0 !important;}

/* Responsive */
@media(max-width:980px){
  .about-hero-premium{
    min-height:auto !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto auto !important;
    padding:52px 24px 42px !important;
    row-gap:34px !important;
  }

  .about-hero-copy{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .about-hero-premium h1{
    font-size:clamp(74px,20vw,132px) !important;
  }

  .about-hero-statement{
    font-size:clamp(23px,7vw,36px) !important;
  }

  .about-hero-visual{
    grid-column:1 !important;
    grid-row:2 !important;
    justify-self:end !important;
    width:min(72vw,360px) !important;
    height:min(72vw,360px) !important;
  }

  .about-hero-jump{
    grid-column:1 !important;
    grid-row:3 !important;
    gap:18px 30px !important;
  }
}

/* ChatGPT override: remove divider lines in hero */
.hero hr,
.editorial-rule,
.editorial-subline{display:none!important;}
.intro hr{display:none!important;}
.editorial-jump{border:none!important;}
.intro .line,
.hero .line{display:none!important;}
/* remove borders around jump block */
.editorial-jump,
.editorial-image{
      border:none !important;
border:none!important;}

/* Source: inline-4 */
.hero-knot,.hero-knot *, .about-logo-reveal,[class*='knot'],img[src*='knot'],img[src*='logo-noeud']{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;}

/* PREMIUM ABOUT HERO PALETTE */
.about-hero,
.hero,
.hero-section,
.hero-premium{
background:#ffffff !important;
}
body{background:#ffffff !important;}

/* ChatGPT override: remove divider lines in hero */
.hero hr,
.editorial-rule,
.editorial-subline{display:none!important;}
.intro hr{display:none!important;}
.editorial-jump{border:none!important;}
.intro .line,
.hero .line{display:none!important;}
/* remove borders around jump block */
.editorial-jump,
.editorial-image{
      border:none !important;
border:none!important;}

/* Source: ic-about-photo-editorial-fix */
/* =========================================================
   ABOUT HERO — PHOTO LIKE THE PREMIUM PROPOSAL
   - no circle portrait
   - large editorial portrait on the right
   - no decorative knot behind the photo
   - dark palette kept
   ========================================================= */

.about-hero-premium{
  min-height:calc(100vh - 104px) !important;
  padding:clamp(58px,7vw,92px) clamp(34px,4vw,78px) 0 !important;
  grid-template-columns:minmax(0,1fr) minmax(420px,46vw) !important;
  grid-template-rows:1fr auto !important;
  align-items:end !important;
  background:#ffffff !important;
}

/* Left text keeps the premium hierarchy */
.about-hero-copy{
  align-self:center !important;
  padding-bottom:clamp(42px,5vw,74px) !important;
  z-index:8 !important;
}

.about-hero-premium h1{
  font-size:clamp(92px,12vw,190px) !important;
  line-height:.82 !important;
}

/* Right portrait: large, editorial, not circular */
.about-hero-visual{
  grid-column:2 !important;
  grid-row:1 / 3 !important;
  justify-self:end !important;
  align-self:end !important;
  width:clamp(440px,45vw,720px) !important;
  height:calc(100vh - 150px) !important;
  max-height:760px !important;
  min-height:560px !important;
  position:relative !important;
  overflow:visible !important;
  z-index:5 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:flex-end !important;
}

/* Subtle atmospheric depth behind the portrait, not a logo */
.about-hero-visual::before{
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  bottom:0 !important;
  width:82% !important;
  height:82% !important;
  border-radius:50% !important;
  background:#ffffff !important;
  filter:blur(10px) !important;
  opacity:.9 !important;
  z-index:0 !important;
  pointer-events:none !important;
}

/* The important part: no circle, no border, no crop-mask */
.about-hero-portrait{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center bottom !important;
  border-radius:0 !important;
  border:0 !important;
  box-shadow:none !important;
  filter:grayscale(100%) contrast(1.08) brightness(.95) !important;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 10%, #000 100%) !important;
  mask-image:linear-gradient(90deg, transparent 0%, #000 10%, #000 100%) !important;
}

/* Remove the decorative knot/logo completely */
.about-hero-mark,
.about-hero-mark *,
.about-logo-reveal,
.about-logo-reveal *,
.hero-knot,
.hero-knot *,
[class*="knot"],
[class*="Knot"]{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* Jump stays as in the proposal: below, clean horizontal line */
.about-hero-jump{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  z-index:12 !important;
  padding:24px 0 34px !important;
  border-top:1px solid rgba(246,242,235,.16) !important;
  background:#ffffff !important;
}

@media(max-width:1100px){
  .about-hero-premium{
    grid-template-columns:1fr !important;
    padding-bottom:0 !important;
  }

  .about-hero-copy{
    padding-bottom:20px !important;
  }

  .about-hero-visual{
    grid-column:1 !important;
    grid-row:2 !important;
    width:min(92vw,560px) !important;
    height:520px !important;
    min-height:0 !important;
    justify-self:end !important;
  }

  .about-hero-jump{
    grid-row:3 !important;
  }
}

@media(max-width:700px){
  .about-hero-visual{
    width:100% !important;
    height:420px !important;
  }

  .about-hero-portrait{
    object-position:center bottom !important;
    -webkit-mask-image:linear-gradient(180deg, #000 0%, #000 86%, transparent 100%) !important;
    mask-image:linear-gradient(180deg, #000 0%, #000 86%, transparent 100%) !important;
  }
}

/* ChatGPT override: remove divider lines in hero */
.hero hr,
.editorial-rule,
.editorial-subline{display:none!important;}
.intro hr{display:none!important;}
.editorial-jump{border:none!important;}
.intro .line,
.hero .line{display:none!important;}
/* remove borders around jump block */
.editorial-jump,
.editorial-image{
      border:none !important;
border:none!important;}

/* Source: ic-final-layout-correction-20260704 */
/* =========================================================
   FINAL LAYOUT CORRECTION — ABOUT HERO
   Clean editorial composition, no overlap, stable viewport
   ========================================================= */

:root{
  --ic-bg:#151515;
  --ic-bg-2:#151515;
  --ic-paper:#f6f2eb;
  --ic-muted:rgba(246,242,235,.58);
  --ic-line:rgba(246,242,235,.14);
}

html,body{
  width:100%;
  overflow-x:hidden !important;
  background:#ffffff !important;
}

.nav{
  min-height:104px !important;
  padding:18px clamp(24px,3vw,52px) !important;
  background:#ffffff !important;
  color:#151515 !important;
  border-bottom:1px solid rgba(246,242,235,.10) !important;
}

.brand{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  font-size:clamp(34px,3.4vw,58px) !important;
  letter-spacing:-.055em !important;
  line-height:1 !important;
}

.brand img,
.brand svg{
  max-height:72px !important;
  width:auto !important;
}

.pill,.menu-toggle{
  min-height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

main{background:#ffffff !important;}

.about-hero-premium{
  min-height:calc(100svh - 104px) !important;
  height:auto !important;
  padding:clamp(54px,6vh,78px) clamp(34px,4.6vw,86px) 0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,0.92fr) minmax(420px,0.78fr) !important;
  grid-template-rows:minmax(0,1fr) auto !important;
  column-gap:clamp(42px,7vw,128px) !important;
  row-gap:28px !important;
  align-items:center !important;
  overflow:hidden !important;
  background:#ffffff !important;
}

.about-hero-copy{
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:center !important;
  padding:0 0 clamp(22px,4vh,42px) !important;
  max-width:760px !important;
  z-index:10 !important;
}

.about-hero-kicker{
  margin:0 0 clamp(24px,3.4vh,42px) !important;
  font-size:clamp(13px,.95vw,16px) !important;
  letter-spacing:.22em !important;
  color:#151515 !important;
}

.about-hero-premium h1{
  margin:0 !important;
  max-width:720px !important;
  font-size:clamp(76px,10.6vw,164px) !important;
  line-height:.84 !important;
  letter-spacing:-.09em !important;
  font-weight:600 !important;
  color:#151515 !important;
}

.about-hero-statement{
  margin:clamp(28px,4.2vh,48px) 0 0 !important;
  max-width:560px !important;
  font-size:clamp(22px,2vw,33px) !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
  color:#151515 !important;
}

.about-hero-signature{
  margin:18px 0 0 !important;
  font-size:clamp(12px,.92vw,15px) !important;
  letter-spacing:.16em !important;
  color:#151515 !important;
}

.about-hero-visual{
  grid-column:2 !important;
  grid-row:1 !important;
  justify-self:end !important;
  align-self:end !important;
  width:clamp(430px,43vw,680px) !important;
  height:clamp(480px,66vh,690px) !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:hidden !important;
  z-index:6 !important;
  display:block !important;
}

.about-hero-visual::before{
  content:"" !important;
  position:absolute !important;
  inset:auto -6% -8% 10% !important;
  height:72% !important;
  border-radius:50% !important;
  background:#ffffff !important;
  filter:blur(16px) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.about-hero-portrait{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 36% !important;
  border:0 !important;
  border-radius:0 !important;
  filter:grayscale(100%) contrast(1.1) brightness(.96) !important;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 12%, #000 100%) !important;
  mask-image:linear-gradient(90deg, transparent 0%, #000 12%, #000 100%) !important;
}

.about-hero-mark,
.about-hero-mark *,
.about-logo-reveal,
.about-logo-reveal *,
.hero-knot,
.hero-knot *,
.editorial-image,
.marquee,
.ic-cursor-glow{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

.about-hero-jump{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  position:relative !important;
  left:auto !important;
  bottom:auto !important;
  width:100% !important;
  margin:0 !important;
  padding:22px 0 30px !important;
  border-top:1px solid var(--ic-line) !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:clamp(22px,3.4vw,60px) !important;
  background:transparent !important;
  z-index:20 !important;
}

.about-hero-jump span,
.about-hero-jump a{
  font-size:12px !important;
  letter-spacing:.14em !important;
  color:#151515 !important;
}

.about-hero-jump a:hover{color:#151515 !important;}

@media(max-width:1180px){
  .about-hero-premium{
    grid-template-columns:minmax(0,1fr) minmax(360px,46vw) !important;
    column-gap:38px !important;
  }
  .about-hero-premium h1{font-size:clamp(74px,11vw,138px) !important;}
  .about-hero-visual{width:clamp(360px,43vw,560px) !important;height:clamp(440px,62vh,610px) !important;}
}

@media(max-width:900px){
  .nav{min-height:86px !important;grid-template-columns:1fr auto !important;}
  .brand{justify-self:start !important;font-size:30px !important;gap:12px !important;}
  .brand img,.brand svg{max-height:48px !important;}
  .about-hero-premium{
    min-height:auto !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto auto !important;
    padding:48px 24px 0 !important;
    row-gap:30px !important;
  }
  .about-hero-copy{grid-row:1 !important;padding:0 !important;max-width:none !important;}
  .about-hero-premium h1{font-size:clamp(70px,20vw,132px) !important;}
  .about-hero-statement{max-width:620px !important;font-size:clamp(22px,6vw,34px) !important;}
  .about-hero-visual{
    grid-column:1 !important;
    grid-row:2 !important;
    justify-self:end !important;
    width:min(96vw,560px) !important;
    height:min(66vh,520px) !important;
  }
  .about-hero-jump{grid-row:3 !important;padding:22px 0 28px !important;gap:18px 28px !important;}
}

@media(max-width:560px){
  .links-right .pill{display:none !important;}
  .about-hero-premium{padding:38px 18px 0 !important;}
  .about-hero-premium h1{font-size:clamp(62px,23vw,104px) !important;}
  .about-hero-visual{width:calc(100vw - 36px) !important;height:420px !important;justify-self:center !important;}
  .about-hero-portrait{
    object-position:center bottom !important;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 86%,transparent 100%) !important;
    mask-image:linear-gradient(180deg,#000 0%,#000 86%,transparent 100%) !important;
  }
}

/* ChatGPT override: remove divider lines in hero */
.hero hr,
.editorial-rule,
.editorial-subline{display:none!important;}
.intro hr{display:none!important;}
.editorial-jump{border:none!important;}
.intro .line,
.hero .line{display:none!important;}
/* remove borders around jump block */
.editorial-jump,
.editorial-image{
      border:none !important;
border:none!important;}

/* Source: about-index-footer-dark-final */
/* Final correction: About footer uses the same dark visual theme as index */
footer.footer-redesign,
.footer-redesign{
  --footer-bg:#151515 !important;
  --footer-fg:#f6f2eb !important;
  --footer-line:rgba(246,242,235,.18) !important;
  --footer-hover:#ccff00 !important;
  background:#ffffff !important;
  color:#151515 !important;
}
footer.footer-redesign .footer-redesign-inner,
footer.footer-redesign .footer-redesign-main,
footer.footer-redesign .footer-redesign-bottom,
footer.footer-redesign .footer-brand-block,
footer.footer-redesign .footer-nav-block,
footer.footer-redesign .footer-col,
footer.footer-redesign .footer-follow{
  background:transparent !important;
  color:#151515 !important;
}
footer.footer-redesign h1,
footer.footer-redesign h2,
footer.footer-redesign h3,
footer.footer-redesign p,
footer.footer-redesign span,
footer.footer-redesign li,
footer.footer-redesign a,
footer.footer-redesign small{
  color:#151515 !important;
}
footer.footer-redesign a:hover{
  color:#151515 !important;
}
footer.footer-redesign .footer-logo-img{
  filter:invert(1) brightness(1.35) contrast(1.05) !important;
}


/* FINAL FOOTER COLOR LOCK — exact rendered color of index footer */
.footer.footer-redesign,
footer.footer-redesign,
#contact.footer-redesign{
  background:#ffffff !important;
  background-color:#ffffff !important;
  color:#151515 !important;
  border-top:1px solid rgba(255,255,255,.22) !important;
  --footer-bg:#000000 !important;
  --footer-fg:#ffffff !important;
  --footer-line:rgba(255,255,255,.22) !important;
  --footer-hover:#ccff00 !important;
  --footer-logo-filter:none !important;
}
.footer.footer-redesign *,
footer.footer-redesign *,
#contact.footer-redesign *{
  color:#151515 !important;
  border-color:rgba(21,21,21,.28) !important;
}
.footer-redesign .footer-logo-img{
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}
.footer-redesign a:hover{
  color:#151515 !important;
}

/* ChatGPT override: remove divider lines in hero */
.hero hr,
.editorial-rule,
.editorial-subline{display:none!important;}
.intro hr{display:none!important;}
.editorial-jump{border:none!important;}
.intro .line,
.hero .line{display:none!important;}
/* remove borders around jump block */
.editorial-jump,
.editorial-image{
      border:none !important;
border:none!important;}

/* Source: ic-jump-visible-at-load-v8 */
/* =========================================================
   ABOUT HERO — JUMP MENU HIGHER / VISIBLE AT PAGE OPEN
   Goal:
   ABOUT -> statement -> text -> Jump to menu visible immediately
   ========================================================= */

.about-hero-premium{
  min-height:calc(100svh - 250px) !important;
  padding-top:clamp(38px,5vh,64px) !important;
  padding-bottom:0 !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  row-gap:clamp(18px,3vh,34px) !important;
}

/* Compact the text block so the navigation enters the first viewport */
.about-hero-copy{
  align-self:center !important;
  padding-bottom:clamp(10px,2vh,24px) !important;
}

.about-hero-kicker{
  margin-bottom:clamp(18px,2.6vh,30px) !important;
}

.about-hero-statement{
  margin-top:clamp(20px,3vh,34px) !important;
}

.about-hero-signature{
  margin-top:14px !important;
}

/* The portrait is reduced so it no longer pushes the jump menu too low */
.about-hero-visual{
  height:clamp(360px,50vh,540px) !important;
  width:clamp(360px,36vw,560px) !important;
  align-self:end !important;
}

/* Jump menu: raised, immediately visible, more editorial */
.about-hero-jump{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  align-self:start !important;
  margin-top:0 !important;
  padding:18px 0 24px !important;
  border-top:1px solid rgba(246,242,235,.18) !important;
  border-bottom:1px solid rgba(246,242,235,.10) !important;
  transform:translateY(-8px) !important;
}

/* Keep the menu readable and aligned like an editorial index */
.about-hero-jump span,
.about-hero-jump a{
  font-size:12px !important;
  letter-spacing:.15em !important;
}

/* Tablet / mobile: keep the menu above the image whenever possible */
@media(max-width:900px){
  .about-hero-premium{
    min-height:auto !important;
    grid-template-rows:auto auto auto !important;
    padding-top:42px !important;
    row-gap:22px !important;
  }

  .about-hero-jump{
    grid-row:2 !important;
    padding:18px 0 22px !important;
    transform:none !important;
  }

  .about-hero-visual{
    grid-row:3 !important;
    height:min(48vh,420px) !important;
    width:min(92vw,500px) !important;
  }
}

@media(max-width:560px){
  .about-hero-premium{
    padding-top:34px !important;
  }

  .about-hero-jump{
    gap:14px 24px !important;
  }

  .about-hero-visual{
    height:340px !important;
  }
}

/* ChatGPT override: remove divider lines in hero */
.hero hr,
.editorial-rule,
.editorial-subline{display:none!important;}
.intro hr{display:none!important;}
.editorial-jump{border:none!important;}
.intro .line,
.hero .line{display:none!important;}
/* remove borders around jump block */
.editorial-jump,
.editorial-image{
      border:none !important;
border:none!important;}

/* Source: inline-9 */
/* Force-remove visible separators in intro */
.intro *{border-color:rgba(21,21,21,.28);}
.editorial-image{
      border:none !important;
margin-top:40px!important;}

/* Source: ic-final-border-kill-cleanup */
/* =========================================================
   FINAL CLEANUP — remove all parasite separator lines
   This is intentionally placed last so it overrides every older layer.
   ========================================================= */

/* Main page blocks: no dividing borders, outlines or inset separator shadows */
html body .nav,
html body main,
html body section,
html body .intro,
html body .hero,
html body .about-hero,
html body .about-hero-premium,
html body .about-hero-copy,
html body .about-hero-visual,
html body .about-hero-jump,
html body .editorial-content,
html body .editorial-jump,
html body .editorial-image,
html body .image-stage,
html body .stage-card,
html body .services,
html body .service,
html body .impact,
html body .process,
html body .quote,
html body .projects,
html body .cards,
html body .card,
html body .footer,
html body .footer-redesign,
html body .footer-redesign-inner,
html body .footer-redesign-main,
html body .footer-redesign-bottom,
html body .footer-grid,
html body .footer-socials,
html body .footer-follow,
html body .partners-section{
  border:0 !important;
  border-top:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-left:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Remove pseudo-element dividers created by previous CSS layers */
html body .nav::before,
html body .nav::after,
html body main::before,
html body main::after,
html body section::before,
html body section::after,
html body .intro::before,
html body .intro::after,
html body .hero::before,
html body .hero::after,
html body .about-hero::before,
html body .about-hero::after,
html body .about-hero-premium::before,
html body .about-hero-premium::after,
html body .about-hero-copy::before,
html body .about-hero-copy::after,
html body .about-hero-jump::before,
html body .about-hero-jump::after,
html body .editorial-jump::before,
html body .editorial-jump::after,
html body .editorial-image::before,
html body .footer-redesign::before,
html body .footer-redesign::after,
html body .footer-socials::before,
html body .footer-socials::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  background:#ffffff !important;
  box-shadow:none !important;
}

/* Specifically kill the two visible hero frame lines */
html body .about-hero-premium{
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

html body .about-hero-jump{
  border-top:0 !important;
  border-bottom:0 !important;
  padding-top:22px !important;
}

html body .about-hero-jump span,
html body .about-hero-jump a,
html body .editorial-jump span,
html body .editorial-jump a{
  border:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* Keep photos and buttons looking intentional, but without accidental divider lines */
html body img,
html body picture,
html body figure{
  border:0 !important;
  outline:0 !important;
}

/* Preserve the intended dark premium surface */
html body main,
html body .about-hero-premium,
html body .intro{
  background-color:#ffffff !important;
}

/* Source: ic-absolute-seam-killer-v16 */
/* =========================================================
   ABSOLUTE SEAM KILLER — removes the remaining line below hero
   The visible line was the color seam between the hero block and footer,
   not a normal border. This locks both surfaces to the same black and
   overlaps them by 2px to avoid sub-pixel rendering seams.
   ========================================================= */
html,
body,
main,
#top,
.intro,
.about-hero-premium,
.footer,
.footer-redesign,
.footer-redesign-inner{
  background:#ffffff !important;
  background-color:#ffffff !important;
  border:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

.about-hero-premium{
  margin-bottom:-2px !important;
  position:relative !important;
  z-index:2 !important;
}

.footer,
.footer-redesign{
  margin-top:0 !important;
  transform:translateY(-1px) !important;
  position:relative !important;
  z-index:1 !important;
}

.about-hero-premium::before,
.about-hero-premium::after,
#top::before,
#top::after,
main::before,
main::after,
.footer::before,
.footer::after,
.footer-redesign::before,
.footer-redesign::after{
  content:none !important;
  display:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* The footer had an inline variable forcing black #000; override it definitively. */
.footer-redesign{
  --footer-bg:#151515 !important;
  --footer-fg:#F6F2EB !important;
  --footer-line:rgba(246,242,235,0) !important;
}

.footer-redesign-bottom,
.footer-grid,
.footer-follow,
.footer-socials,
.footer-socials::before{
  border:0 !important;
  border-top:0 !important;
  box-shadow:none !important;
}

/* Source: ic-final-design-harmonization-v23 */
/* =========================================================
   FINAL DESIGN HARMONIZATION — publish pass
   Goal: one black, one beige, one secondary grey.
   Surgical override only: no layout rebuild.
   ========================================================= */
:root{
  --ink:#151515;
  --dark:#ffffff;
  --black:#151515 !important;
  --paper:#ffffff;
  --bg-dark:#151515 !important;
  --bg-light:#F6F2EB !important;
  --text-light:#F6F2EB !important;
  --text-dark:#151515 !important;
  --text-muted:rgba(246,242,235,.58) !important;
  --text-muted-dark:rgba(21,21,21,.58) !important;
  --muted:rgba(21,21,21,.58);
  --line:rgba(21,21,21,.18);
  --footer-bg:#151515 !important;
  --footer-fg:#F6F2EB !important;
  --footer-line:rgba(246,242,235,.12) !important;
  --banner-bg:#151515 !important;
  --banner-color:#F6F2EB !important;
  --banner-hover-bg:#F6F2EB !important;
  --banner-hover-color:#151515 !important;
  --banner-border:rgba(246,242,235,.12) !important;
}

html,
body,
main,
.nav,
.hero,
.intro,
.about-hero-premium,
.editorial-content,
.editorial-right,
.editorial-image,
.footer,
.footer-redesign,
.footer-redesign-inner,
.footer-redesign-main,
.footer-redesign-bottom,
.footer-brand-block,
.footer-nav-block,
.footer-col,
.footer-follow,
.history-panel,
.news-tool-panel{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:#ffffff !important;
}

.nav,
.hero,
.intro,
.about-hero-premium,
.footer,
.footer-redesign,
.footer-redesign-inner,
.footer-redesign-main,
.footer-redesign-bottom,
.history-panel,
.news-tool-panel{
  color:#151515 !important;
  border-color:rgba(21,21,21,.28) !important;
}

/* Remove inherited decorative gradients/overlays without touching menu icons. */
.nav::before,
.nav::after,
.hero::before,
.hero::after,
.intro::before,
.intro::after,
.about-hero-premium::before,
.about-hero-premium::after,
.editorial-image::before,
.editorial-image::after,
.footer::before,
.footer::after,
.footer-redesign::before,
.footer-redesign::after,
.footer-socials::before,
.news-thumb::before,
.news-thumb::after,
.quote::before,
.quote::after,
.impact::before,
.impact::after,
.process::before,
.process::after,
.projects::before,
.projects::after,
.card::before,
.card::after{
  content:none !important;
  display:none !important;
  background:#ffffff !important;
  background-image:#ffffff !important;
  box-shadow:none !important;
}

/* One beige for primary text. */
.brand,
.navbar-brand-inline,
.navbar-wordmark,
.intro .label,
.editorial-jump,
.editorial-jump a,
.footer-redesign,
.footer-redesign a,
.footer-redesign-bottom,
.footer-col h3,
.footer-follow h3,
.news-tool-title,
.history-panel h2,
.history-cta,
.pill,
.menu-toggle{
  color:#151515 !important;
}

/* One secondary grey for all muted text on dark backgrounds. */
.editorial-title,
.editorial-title strong,
.editorial-jump span:first-child,
.about-testimonial-quote,
.about-testimonial-quote span,
.history-lead,
.history-text,
.history-source span,
.news-card p,
.news-card small,
.footer-col li,
.footer-col a,
.footer-redesign-bottom,
.footer-redesign-bottom a{
  color:#151515 !important;
}

/* One border logic. */
.pill,
.menu-toggle,
.section-menu,
.history-mark,
.history-cta,
.news-tool-trigger,
.news-tool-panel,
.news-tool-tabs button,
.news-tool-close,
.news-tool-all,
.footer-redesign-bottom,
.footer-grid{
  border-color:rgba(21,21,21,.28) !important;
}

/* Remove gradient panels that could appear if sections are restored. */
.impact,
.process,
.quote,
.projects,
.image-stage,
.services,
.marquee,
.stage-card,
.card,
.news-thumb{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:#ffffff !important;
  color:#151515 !important;
  box-shadow:none !important;
}

/* Hover remains premium but palette stays limited. */
.pill:hover,
.menu-toggle:hover,
.history-cta:hover,
.news-tool-all:hover,
.news-tool-tabs button:hover,
.news-tool-tabs button.is-active,
.news-tool-close:hover{
  background:#ffffff !important;
  color:#151515 !important;
  border-color:rgba(21,21,21,.28) !important;
}

/* Avoid translucent panels creating a second black. */
.site-blur,
.news-tool-left,
.news-card,
.floating-talk{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:#ffffff !important;
  box-shadow:none !important;
}

/* Floating CTA keeps contrast with the limited palette. */
.floating-talk.show-talk,
.floating-talk{
  background:#ffffff !important;
  color:#151515 !important;
}

/* Source: ic-hero-direction-art-v24 */
/* =========================================================
   HERO DIRECTION ART — studio refinement
   - contenu remonté d'environ 40px
   - photo réduite de 5–8%
   - espace texte/photo augmenté
   - citation plus respirante
   ========================================================= */
@media (min-width:901px){
  section#top.about-hero-premium{
    padding-top:clamp(24px,4vh,48px) !important;
    padding-bottom:clamp(86px,9vh,126px) !important;
    column-gap:clamp(76px,9vw,168px) !important;
    align-items:center !important;
  }

  section#top.about-hero-premium .about-hero-copy{
    transform:translateY(-40px) !important;
    padding-bottom:0 !important;
    max-width:760px !important;
  }

  section#top.about-hero-premium .about-hero-visual{
    transform:translateY(-40px) scale(.94) !important;
    transform-origin:center right !important;
    justify-self:end !important;
    margin-left:clamp(24px,3vw,58px) !important;
  }

  section#top.about-hero-premium .about-hero-statement{
    margin-top:clamp(42px,5vh,64px) !important;
    max-width:720px !important;
    line-height:1.16 !important;
    letter-spacing:-.032em !important;
  }

  section#top.about-hero-premium .about-hero-signature{
    margin-top:clamp(24px,3vh,36px) !important;
  }

  section#top.about-hero-premium .about-hero-jump{
    transform:translateY(-16px) !important;
  }
}

@media (max-width:900px){
  section#top.about-hero-premium .about-hero-copy,
  section#top.about-hero-premium .about-hero-visual{
    transform:none !important;
  }

  section#top.about-hero-premium{
    row-gap:clamp(28px,5vw,42px) !important;
  }

  section#top.about-hero-premium .about-hero-statement{
    margin-top:32px !important;
    line-height:1.16 !important;
  }

  section#top.about-hero-premium .about-hero-signature{
    margin-top:24px !important;
  }
}

/* Source: index-menu-component-final-copy */
/* INDEX MENU COMPONENT — copied behavior from index: only the three-dot button appears on the right */
.nav .links-right{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}
.nav .links-right .pill,
.nav a[href="contact.html"],
.nav a[href*="contact"]{
  display:none !important;
}
.news-tool-trigger{
  position:static !important;
  width:48px !important;
  height:42px !important;
  min-width:48px !important;
  border-radius:13px !important;
  flex:0 0 auto !important;
  border:1px solid rgba(58,29,19,.25) !important;
  background:#ffffff !important;
  color:#151515 !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
  padding:0 !important;
  transition:transform .3s cubic-bezier(.16,1,.3,1),background .25s ease,color .25s ease,border-color .25s ease !important;
  overflow:hidden !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
.news-tool-trigger:hover{
  transform:translateY(-2px) !important;
  background:#ffffff !important;
  color:#151515 !important;
  border-color:rgba(21,21,21,.28) !important;
}
.news-tool-trigger span{
  width:24px !important;
  height:18px !important;
  display:block !important;
  grid-template-columns:repeat(2,1fr);
  gap:7px;
  position:relative !important;
  transform:none !important;
  animation:none !important;
}
.news-tool-trigger span::before,
.news-tool-trigger span::after,
.news-tool-trigger i::before{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  width:5px !important;
  height:5px !important;
  border-radius:50% !important;
  background:#ffffff !important;
  opacity:.72 !important;
  transform:translateY(-50%) !important;
  animation:newsDotMove 1.25s ease-in-out infinite !important;
  box-shadow:none !important;
}
.news-tool-trigger span::before{left:2px !important;animation-delay:0s !important;}
.news-tool-trigger i::before{left:9.5px !important;animation-delay:.16s !important;}
.news-tool-trigger span::after{left:17px !important;animation-delay:.32s !important;}
.news-tool-trigger i,
.news-tool-trigger i::after{
  display:block !important;
  width:0 !important;
  height:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
@keyframes newsDotMove{
  0%,100%{transform:translateY(-50%) translateX(0) scale(1);opacity:.62}
  35%{transform:translateY(-50%) translateX(5px) scale(1.35);opacity:1}
  70%{transform:translateY(-50%) translateX(-1px) scale(1);opacity:.82}
}
@media(max-width:820px){
  .links-right .pill{display:none !important;}
  .news-tool-trigger{width:48px !important;height:42px !important;min-width:48px !important;}
}

/* Source: index-news-window-exact-copy */
/* EXACT INDEX NEWS WINDOW COPY — do not edit */
.news-tool-trigger:hover{transform:translateY(-2px) !important;background:#ffffff !important;color:#151515 !important;border-color:#efff5a !important}
.news-tool-trigger span::before,.news-tool-trigger span::after,.news-tool-trigger i::before,.news-tool-trigger i::after{content:"";width:4px;height:4px;border-radius:50%;background:#ffffff;display:block}
.news-tool-trigger i{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;grid-column:1 / -1}
.news-tool-panel{position:fixed;top:82px;right:clamp(18px,3vw,42px);z-index:2147482450;width:min(640px,calc(100vw - 120px));max-height:calc(100vh - 158px);overflow:auto;background:#ffffff;color:#151515;border:1px solid rgba(246,242,235,.10);border-radius:14px;box-shadow:0 34px 120px rgba(0,0,0,.42);backdrop-filter:none;opacity:0;pointer-events:none;transform:translateY(-10px) scale(.985);transition:opacity .28s ease,transform .38s cubic-bezier(.16,1,.3,1)}
body.news-panel-open .news-tool-panel{opacity:1;pointer-events:auto;transform:none}
.news-tool-inner{display:grid;grid-template-columns:1fr;gap:0;padding:0}
.news-tool-left{padding:20px 22px 16px;border-bottom:none;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#151515;margin-bottom:10px;font-weight:700}
.news-tool-title{font-family:"Space Grotesk",Arial,sans-serif !important;font-size:clamp(26px,2.3vw,40px);line-height:1;letter-spacing:-.06em;margin:0;max-width:620px;color:#f6f2eb}
.news-tool-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.news-tool-tabs button{border:1px solid rgba(246,242,235,.13);background:#ffffff;color:#151515;border-radius:8px;padding:9px 13px;font-family:"Advent Pro",Arial,sans-serif !important;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.25s ease}
.news-tool-tabs button:hover,.news-tool-tabs button.is-active{background:#ffffff;color:#f6f2eb}
.news-tool-meta{display:flex;align-items:center;gap:10px;margin:16px 0 0;flex-wrap:wrap}
.news-clock{width:54px;height:54px;min-height:54px;padding:0;border-radius:50%;position:relative;background:#ffffff;border:1px solid rgba(246,242,235,.18);color:#151515;flex:0 0 54px}
.news-clock::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(246,242,235,.09)}
.news-clock::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#ffffff;transform:translate(-50%,-50%);box-shadow:none;left:50%;top:50%;width:2px;transform-origin:50% 100%;border-radius:999px;background:#f6f2eb}
.news-clock-hour{height:14px;margin-top:-14px;opacity:.9}
.news-clock-minute{height:20px;margin-top:-20px;background:#ccff00}
.news-clock-label,.news-date,.news-play{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:9px;padding:0 13px;background:#ffffff;border:1px solid rgba(246,242,235,.12);color:#151515;font-family:"Space Grotesk",Arial,sans-serif !important;font-size:13px;line-height:1;letter-spacing:.08em;text-transform:uppercase}
.news-clock-label{color:#ccff00}
.news-play{gap:8px;cursor:pointer;transition:.25s ease}
.news-play::before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}
.news-play:hover{background:#ffffff;color:#151515;border-color:rgba(21,21,21,.28);transform:translateY(-2px)}
.news-tool-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:1px solid rgba(246,242,235,.14);border-radius:8px;background:#ffffff;color:#151515;font-size:22px;cursor:pointer;transition:.25s ease}
.news-tool-close:hover{background:#ffffff;color:#111}
.news-tool-grid{display:grid;grid-template-columns:1fr;gap:0}
.news-card{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:18px;align-items:center;padding:18px 22px;background:transparent;border-bottom:none;transition:background .25s ease}
.news-card:hover{background:rgba(246,242,235,.06)}
.news-card small{display:block;color:#151515;font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}
.news-card h3{font-family:"Space Grotesk",Arial,sans-serif !important;font-size:clamp(18px,1.4vw,24px);line-height:1.04;letter-spacing:-.045em;margin:0 0 7px;color:#f6f2eb}
.news-card p{margin:0;color:#151515;font-size:15px;line-height:1.18;letter-spacing:-.015em}
.news-thumb{width:86px;aspect-ratio:1;border-radius:7px;overflow:hidden;background:radial-gradient(circle at 30% 30%,#ccff00,transparent 36%),linear-gradient(135deg,#b875ff,#111)}
.news-spotify{display:none;padding:0 22px 20px}
.news-spotify.is-open{display:block}
.news-spotify iframe{width:100%;height:152px;border:0;border-radius:12px;display:block;background:#111}
.news-tool-all{display:inline-flex;align-items:center;justify-content:center;margin:16px 22px 20px;border:1px solid rgba(246,242,235,.24);border-radius:999px;padding:13px 18px;color:#151515;font-size:13px;text-transform:uppercase;letter-spacing:.1em;transition:.25s ease;width:max-content}
.news-tool-all:hover{background:#ffffff;color:#151515;border-color:#ccff00}
@media (max-width:900px){.news-tool-trigger{width:44px !important;height:40px !important}.news-tool-panel{top:78px;right:18px;left:18px;width:auto;max-height:72vh}}
.news-tool-trigger{position:static !important;width:48px !important;height:42px !important;min-width:48px !important;border-radius:13px !important;flex:0 0 auto !important;border:1px solid rgba(58,29,19,.25) !important;background:#ffffff !important;color:#151515 !important;display:grid !important;place-items:center !important;cursor:pointer !important;padding:0 !important;transition:transform .3s cubic-bezier(.16,1,.3,1),background .25s ease,color .25s ease,border-color .25s ease !important;overflow:hidden !important}
.news-tool-trigger span{width:24px !important;height:18px !important;display:block !important;grid-template-columns:repeat(2,1fr);gap:7px;position:relative !important;transform:none !important;animation:none !important}
.news-tool-trigger span::before,.news-tool-trigger span::after,.news-tool-trigger i::before{content:"" !important;position:absolute !important;top:50% !important;width:5px !important;height:5px !important;border-radius:50% !important;background:#ffffff !important;opacity:.72 !important;transform:translateY(-50%) !important;animation:newsDotMove 1.25s ease-in-out infinite !important;box-shadow:none !important}
.news-tool-trigger span::before{left:2px !important;animation-delay:0s !important}
.news-tool-trigger i::before{left:9.5px !important;animation-delay:.16s !important}
.news-tool-trigger span::after{left:17px !important;animation-delay:.32s !important}
.news-tool-trigger i,.news-tool-trigger i::after{display:block !important;width:0 !important;height:0 !important;background:transparent !important;box-shadow:none !important}
@keyframes newsDotMove{0%,100%{transform:translateY(-50%) translateX(0) scale(1);opacity:.62}35%{transform:translateY(-50%) translateX(5px) scale(1.35);opacity:1}70%{transform:translateY(-50%) translateX(-1px) scale(1);opacity:.82}}
.news-filters,.news-toolbar,.news-meta,.news-clock,.clock-widget,.news-thumb,.article-thumb,.news-card img{display:none !important}

/* Source: final-white-theme */
/* FINAL WHITE THEME — colors only */
:root{
  --ink:#151515;
  --paper:#ffffff;
  --dark:#ffffff;
  --violet:#ffffff;
  --violet-2:#ffffff;
  --acid:#ffffff;
  --red:#151515;
  --muted:rgba(21,21,21,.58);
  --line:rgba(21,21,21,.18);
}

html,
body{
  background:#ffffff !important;
  color:#151515 !important;
}

.nav,
.about-hero-premium,
.intro,
.hero,
.hero-section,
.hero-premium,
.image-stage,
.stage-card,
.services,
.impact,
.process,
.quote,
.projects,
.footer,
.footer-redesign,
.footer-redesign-inner,
.footer-redesign-main,
.footer-redesign-bottom,
.history-panel,
.history-close,
.history-mark,
.history-photo,
.news-tool-panel,
.news-tool-inner,
.news-tool-left,
.news-card,
.section-menu{
  background:#ffffff !important;
  background-image:#ffffff !important;
  color:#151515 !important;
}

/* Main about hero */
.about-hero-premium{
  background:#ffffff !important;
  background-image:#ffffff !important;
}
.about-hero-premium::before,
.about-hero-premium::after,
.intro::before,
.intro::after,
.hero::before,
.hero::after{
  background:#ffffff !important;
}

/* All text black */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body a,
body span,
body small,
body strong,
body li,
body label,
body summary,
body button,
.brand,
.about-hero-kicker,
.about-hero-statement,
.about-hero-signature,
.about-hero-jump,
.about-hero-jump *,
.editorial-title,
.editorial-title *,
.intro .label,
.clean-title,
.clean-copy,
.service h2,
.service p,
.process-kicker,
.process-title,
.process-item,
.process-item *,
.process-footer,
.quote-kicker,
.quote h2,
.quote p,
.quote-label,
.about-testimonial,
.about-testimonial *,
.history-panel,
.history-panel *,
.news-tool-panel,
.news-tool-panel *,
.footer-redesign,
.footer-redesign *{
  color:#151515 !important;
}

/* Header/logo black */
.brand img,
.navbar-symbol-img,
.footer-logo-img,
.about-logo-layer,
.about-logo-paint,
.about-logo-live,
img[class*="logo"],
img[alt*="logo" i]{
  filter:grayscale(1) brightness(0) contrast(1.25) !important;
  mix-blend-mode:multiply !important;
}

/* Keep photos visible in black and white */
.about-hero-portrait,
.about-hero-visual img,
.editorial-image img,
.founder-badge img,
.impact-frame img,
.history-photo img,
.about-testimonial-photo img,
.news-thumb img{
  filter:grayscale(100%) contrast(1.08) brightness(.96) !important;
  mix-blend-mode:normal !important;
}

/* Buttons */
.pill,
.menu-toggle,
.history-cta,
.process-cta,
.floating-talk,
.news-tool-trigger,
.news-tool-tabs button,
.news-tool-close,
.news-tool-all{
  background:#ffffff !important;
  color:#151515 !important;
  border-color:rgba(21,21,21,.28) !important;
}

.pill:hover,
.menu-toggle:hover,
.history-cta:hover,
.process-cta:hover,
.floating-talk:hover,
.news-tool-trigger:hover,
.news-tool-tabs button:hover,
.news-tool-tabs button.is-active,
.news-tool-close:hover,
.news-tool-all:hover{
  background:#ffffff !important;
  color:#151515 !important;
  border-color:rgba(21,21,21,.28) !important;
}

/* Remove color washes, preserve geometry */
.impact::after,
.process::before,
.process::after,
.quote::before,
.projects::before,
.projects::after,
.card::before,
.card::after,
.ic-cursor-glow,
.editorial-image::after{
  background:#ffffff !important;
}

.marquee,
.editorial-image,
.news-thumb{
  background:#ffffff !important;
  background-image:#ffffff !important;
}

/* Black separators */
.meta div,
.service,
.service:last-child,
.process-list,
.process-item,
.process-footer,
.quote-meta,
.footer-grid,
.footer-redesign,
.footer-redesign-bottom,
.footer-socials::before,
.news-tool-left,
.news-card,
.section-menu,
.about-testimonial-photo,
.founder-badge img{
  border-color:rgba(21,21,21,.28) !important;
}

/* Footer locked white */
footer.footer-redesign,
footer.footer-redesign .footer-redesign-inner,
footer.footer-redesign .footer-redesign-main,
footer.footer-redesign .footer-redesign-bottom,
footer.footer-redesign .footer-brand-block,
footer.footer-redesign .footer-nav-block,
footer.footer-redesign .footer-col,
footer.footer-redesign .footer-follow{
  --footer-bg:#ffffff !important;
  --footer-fg:#151515 !important;
  --footer-line:rgba(21,21,21,.22) !important;
  --footer-hover:#151515 !important;
  background:#ffffff !important;
  color:#151515 !important;
}

/* Source: logo-black-source-fix */
.brand img,
.navbar-symbol-img,
.footer-logo-img,
.about-logo-layer,
.about-logo-paint,
.about-logo-live,
img[class*="logo"],
img[alt*="logo" i]{
  filter:grayscale(1) brightness(0) contrast(1.25);
  mix-blend-mode:multiply;
}

/* Source: about-white-premium-polish */
/* Targeted polish for the white About page — layout preserved */

/* Clean white canvas and subtle section separation */
html, body{
  background:#ffffff !important;
  color:#151515 !important;
}
.nav{
  background:rgba(255,255,255,.94) !important;
  border-bottom:1px solid rgba(21,21,21,.08) !important;
  box-shadow:0 8px 30px rgba(21,21,21,.035) !important;
}

/* Brand: true black, sharper */
.navbar-symbol-img,
.brand img,
.footer-logo-img,
img[class*="logo"],
img[alt*="logo" i]{
  filter:grayscale(1) brightness(0) contrast(1.45) !important;
  opacity:1 !important;
  mix-blend-mode:multiply !important;
}

/* Header controls */
.menu-toggle,
.lang-switch,
.links-left .pill,
.links-right .pill{
  background:#ffffff !important;
  color:#151515 !important;
  border-color:rgba(21,21,21,.45) !important;
}
.menu-toggle:hover,
.lang-switch:hover,
.links-left .pill:hover,
.links-right .pill:hover{
  background:#151515 !important;
  color:#ffffff !important;
  border-color:#151515 !important;
}

/* Fix the 3-dot tools button that became invisible */
.news-tool-trigger{
  background:#ffffff !important;
  color:#151515 !important;
  border:1px solid rgba(21,21,21,.28) !important;
  box-shadow:0 10px 28px rgba(21,21,21,.06) !important;
}
.news-tool-trigger span::before,
.news-tool-trigger span::after,
.news-tool-trigger i::before,
.news-tool-trigger i::after{
  background:#151515 !important;
}
.news-tool-trigger:hover{
  background:#151515 !important;
  color:#ffffff !important;
  border-color:#151515 !important;
}
.news-tool-trigger:hover span::before,
.news-tool-trigger:hover span::after,
.news-tool-trigger:hover i::before,
.news-tool-trigger:hover i::after{
  background:#ffffff !important;
}

/* Hero: more editorial contrast without moving anything */
.about-hero-premium,
.about-hero,
.hero{
  background:#ffffff !important;
}
.about-hero-kicker,
.eyebrow{
  color:rgba(21,21,21,.58) !important;
}
.about-hero-premium h1,
.about-hero h1,
.hero h1{
  color:#0c0c0c !important;
}
.about-hero-statement,
.about-hero-signature,
.about-hero-jump,
.about-hero-jump *,
.hero-copy,
.meta,
.meta *{
  color:#151515 !important;
}

/* Portrait: keep monochrome but improve depth */
.about-hero-portrait,
.about-hero-visual img,
.about-hero-photo{
  filter:grayscale(100%) contrast(1.12) brightness(.98) !important;
  box-shadow:0 28px 80px rgba(21,21,21,.13) !important;
}
.about-hero-visual,
.about-hero-photo-wrap{
  filter:drop-shadow(0 24px 50px rgba(21,21,21,.08));
}

/* Jump navigation: stronger hierarchy and hover */
.about-hero-jump a,
.editorial-jump a{
  color:rgba(21,21,21,.68) !important;
  position:relative;
}
.about-hero-jump a::after,
.editorial-jump a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-7px;
  height:1px;
  background:#151515 !important;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .28s cubic-bezier(.16,1,.3,1);
}
.about-hero-jump a:hover,
.editorial-jump a:hover{
  color:#151515 !important;
}
.about-hero-jump a:hover::after,
.editorial-jump a:hover::after{
  transform:scaleX(1);
}

/* Restore visible black lines/icons accidentally turned white */
.menu-lines::before,
.menu-lines::after,
.footer-socials::before,
.ic-progress,
.news-clock-hand,
.news-clock-minute,
.news-clock::after{
  background:#151515 !important;
}

/* White sections with subtle rhythm */
.intro,
.image-stage,
.stage-card,
.services,
.impact,
.process,
.quote,
.projects,
.footer,
.footer-redesign,
.footer-redesign-inner,
.footer-redesign-bottom{
  background:#ffffff !important;
  color:#151515 !important;
}
section + section{
  border-top:1px solid rgba(21,21,21,.08);
}

/* Buttons and links */
.floating-talk{
  background:#151515 !important;
  color:#ffffff !important;
  border-color:#151515 !important;
  box-shadow:0 16px 45px rgba(21,21,21,.15) !important;
}
.floating-talk:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 24px 65px rgba(21,21,21,.22) !important;
}

/* Footer logo and separators */
.footer-redesign .footer-logo-img{
  filter:grayscale(1) brightness(0) contrast(1.45) !important;
}
.footer-redesign,
.footer-redesign-bottom{
  border-color:rgba(21,21,21,.12) !important;
}
.footer-socials::before{
  opacity:.45;
}

/* Accessible focus */
a:focus-visible,
button:focus-visible,
summary:focus-visible{
  outline:2px solid #151515 !important;
  outline-offset:4px;
}

/* Source: final-knot-verified */
/* Exact supplied knot. Only the empty transparent canvas was removed. */

.brand.navbar-brand-inline{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
}

.brand.navbar-brand-inline .navbar-symbol-img{
  display:block !important;
  width:76px !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  transform:none !important;
  flex:0 0 auto !important;
}

.footer-brand-block{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}

.footer-redesign .footer-logo{
  display:block !important;
  width:clamp(250px,23vw,350px) !important;
  min-width:250px !important;
  max-width:350px !important;
  height:auto !important;
  overflow:visible !important;
}

.footer-redesign .footer-logo-img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  object-fit:contain !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  transform:none !important;
}

@media(max-width:820px){
  .brand.navbar-brand-inline .navbar-symbol-img{
    width:56px !important;
  }

  .footer-redesign .footer-logo{
    width:220px !important;
    min-width:0 !important;
  }
}

/* Source: footer-exact-knot */
.footer-redesign .footer-logo-img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  transform:none !important;
}

/* Source: footer-knot-exact-final */
/* Exact supplied knot, inserted directly without redesign. */
.footer-redesign .footer-logo{
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  height:auto !important;
  margin:0 !important;
}
.footer-redesign .footer-logo-img{
  width:190px !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}
.footer-brand-block{
  min-height:0 !important;
  align-items:flex-start !important;
}
@media(max-width:820px){
  .footer-redesign .footer-logo,
  .footer-redesign .footer-logo-img{
    width:160px !important;
    min-width:160px !important;
    max-width:160px !important;
  }
}

/* Source: footer-target-exact-final */
/* Footer matched to the impact-logic reference, with the supplied knot unchanged */
footer.footer-redesign{background:#7fbcf2!important;color:#151515!important;border-top:1px solid rgba(21,21,21,.16)!important;min-height:660px!important}
footer.footer-redesign .footer-redesign-inner{padding:62px 60px 0!important;min-height:660px!important;display:flex!important;flex-direction:column!important}
footer.footer-redesign .footer-redesign-main{display:grid!important;grid-template-columns:430px 1fr!important;gap:140px!important;align-items:start!important;padding:28px 0 34px!important;flex:1 1 auto!important}
footer.footer-redesign .footer-brand-block{min-height:0!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;padding:0!important}
footer.footer-redesign .footer-logo{width:220px!important;min-width:220px!important;max-width:220px!important;height:220px!important;margin:0!important;overflow:visible!important}
footer.footer-redesign .footer-logo-img{width:220px!important;height:220px!important;object-fit:contain!important;filter:none!important;mix-blend-mode:multiply!important}
footer.footer-redesign .footer-nav-block{display:grid!important;grid-template-columns:1fr 1fr 1.08fr!important;gap:88px!important;align-items:start!important}
footer.footer-redesign .footer-col h3,footer.footer-redesign .footer-follow h3{font-size:16px!important;line-height:1!important;letter-spacing:.08em!important;margin:0 0 28px!important;color:#151515!important}
footer.footer-redesign .footer-col ul{gap:14px!important}
footer.footer-redesign .footer-col li,footer.footer-redesign .footer-col a,footer.footer-redesign .footer-socials span{font-size:20px!important;line-height:1.08!important;color:#151515!important}
footer.footer-redesign .footer-follow{margin-top:72px!important}
footer.footer-redesign .footer-socials{gap:44px!important}
footer.footer-redesign .footer-socials::before{display:none!important;content:none!important}

footer.footer-redesign .footer-redesign-bottom{min-height:74px!important;border-top:1px solid rgba(21,21,21,.28)!important;grid-template-columns:1fr auto 1fr!important;padding:0!important;font-size:17px!important}
footer.footer-redesign *,footer.footer-redesign a{color:#151515!important}
@media(max-width:1100px){footer.footer-redesign .footer-redesign-main{grid-template-columns:260px 1fr!important;gap:70px!important}footer.footer-redesign .footer-nav-block{gap:38px!important}}
@media(max-width:820px){footer.footer-redesign .footer-redesign-inner{padding:44px 22px 0!important}footer.footer-redesign .footer-redesign-main{grid-template-columns:1fr!important;gap:42px!important}footer.footer-redesign .footer-logo,footer.footer-redesign .footer-logo-img{width:180px!important;height:180px!important;min-width:180px!important}footer.footer-redesign .footer-nav-block{grid-template-columns:1fr!important;gap:42px!important}footer.footer-redesign .footer-follow{margin-top:38px!important}footer.footer-redesign .footer-redesign-bottom{grid-template-columns:1fr!important;gap:18px!important;padding:24px 0!important}}

/* Source: footer-uniform-rules-final */
/* Footer uniformisé sur les autres pages */
footer.footer-redesign{
  min-height:620px!important;
}
footer.footer-redesign .footer-redesign-inner{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:76px 60px 0!important;
}
footer.footer-redesign .footer-redesign-main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 54px!important;
  display:grid!important;
  grid-template-columns:330px minmax(0,1fr)!important;
  column-gap:110px!important;
  align-items:start!important;
}
footer.footer-redesign .footer-brand-block{
  width:170px!important;
  min-width:170px!important;
  height:170px!important;
  min-height:170px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
footer.footer-redesign .footer-logo,
footer.footer-redesign .footer-logo-img{
  width:170px!important;
  min-width:170px!important;
  max-width:170px!important;
  height:170px!important;
  min-height:170px!important;
  max-height:170px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  object-fit:contain!important;
}
footer.footer-redesign .footer-nav-block{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:72px!important;
  align-items:start!important;
}
footer.footer-redesign .footer-col h3,
footer.footer-redesign .footer-follow h3{
  margin:0 0 26px!important;
}
footer.footer-redesign .footer-follow{
  margin-top:58px!important;
}
footer.footer-redesign .footer-redesign-bottom{
  min-height:76px!important;
}
@media(max-width:1100px){
  footer.footer-redesign .footer-redesign-main{grid-template-columns:220px minmax(0,1fr)!important;column-gap:60px!important;}
  footer.footer-redesign .footer-nav-block{column-gap:34px!important;}
}
@media(max-width:820px){
  footer.footer-redesign .footer-redesign-inner{padding:48px 22px 0!important;}
  footer.footer-redesign .footer-redesign-main{grid-template-columns:1fr!important;row-gap:42px!important;}
  footer.footer-redesign .footer-brand-block,
  footer.footer-redesign .footer-logo,
  footer.footer-redesign .footer-logo-img{width:150px!important;min-width:150px!important;max-width:150px!important;height:150px!important;min-height:150px!important;max-height:150px!important;}
  footer.footer-redesign .footer-nav-block{grid-template-columns:1fr!important;row-gap:40px!important;}
}

/* Source: inline-24 */
.hero{padding-top:80px !important;}

/* Source: about-first-block-down-final */
/* Descend uniquement le premier bloc About, sans toucher au header ni au footer */
@media (min-width: 901px){
  section#top.about-hero-premium .about-hero-copy,
  section#top.about-hero-premium .about-hero-visual,
  section#top.about-hero-premium .about-hero-jump{
    transform:translateY(60px) !important;
  }
}

@media (max-width: 900px){
  section#top.about-hero-premium .about-hero-copy,
  section#top.about-hero-premium .about-hero-visual,
  section#top.about-hero-premium .about-hero-jump{
    transform:translateY(32px) !important;
  }
}

/* Source: cursor-black-override */
.ic-cursor-glow{
  background:#151515 !important;
  mix-blend-mode:multiply !important;
  box-shadow:none !important;
  filter:blur(12px) !important;
}

/* Source: ic-clean-header-system */
:root{
  --ic-ink:#151515;
  --ic-paper:#ffffff;
  --ic-acid:#ccff00;
  --ic-header-line:rgba(21,21,21,.34);
}

/* HEADER ABOUT — système unique, sans règles concurrentes */
.nav{
  position:sticky;
  top:0;
  z-index:99999;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  min-height:112px;
  padding:18px clamp(22px,3vw,52px);
  background:var(--ic-paper);
  color:var(--ic-ink);
  border-bottom:1px solid rgba(21,21,21,.08);
  box-shadow:none;
  backdrop-filter:none;
  overflow:visible;
}

.nav .links{
  display:flex;
  align-items:center;
  gap:10px;
}

.nav .links-left{justify-self:start;}
.nav .links-right,
.nav .nav-actions{
  justify-self:end;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.nav .menu-wrap{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
}

.nav .menu-toggle,
.nav .pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid var(--ic-header-line);
  border-radius:999px;
  background:transparent;
  color:var(--ic-ink);
  font-family:"Advent Pro",Arial,sans-serif;
  font-size:12px;
  font-weight:400;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:none;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}

.nav .menu-lines{
  position:relative;
  display:inline-flex;
  width:14px;
  height:10px;
  margin-right:8px;
}

.nav .menu-lines::before,
.nav .menu-lines::after{
  content:"";
  position:absolute;
  left:0;
  width:14px;
  height:1px;
  background:var(--ic-ink);
  transition:transform .25s ease,background .25s ease;
}
.nav .menu-lines::before{top:1px;}
.nav .menu-lines::after{bottom:1px;}

body.menu-open .menu-lines::before{transform:translateY(4px) rotate(45deg);}
body.menu-open .menu-lines::after{transform:translateY(-4px) rotate(-45deg);}

.nav .brand.navbar-brand-inline{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  width:auto;
  min-width:0;
  margin:0;
  padding:0;
  color:var(--ic-ink);
  font-size:0;
  line-height:1;
}

.nav .navbar-symbol-img{
  display:block;
  width:86px;
  height:86px;
  min-width:86px;
  max-width:86px;
  object-fit:contain;
  opacity:1;
  visibility:visible;
  border:0;
  background:transparent;
  filter:none;
  transform:none;
  mix-blend-mode:normal;
}

.nav .navbar-wordmark{
  display:block;
  white-space:nowrap;
  color:var(--ic-ink);
  font-family:"Space Grotesk",Arial,sans-serif;
  font-size:clamp(34px,4.1vw,62px);
  font-weight:600;
  line-height:1;
  letter-spacing:-.07em;
  text-transform:none;
}

.nav .ic-lang-switcher{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:42px;
  padding:4px;
  border:1px solid var(--ic-header-line);
  border-radius:999px;
  background:transparent;
}

.nav .ic-lang-switcher button{
  appearance:none;
  min-width:36px;
  height:32px;
  padding:0 10px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--ic-ink);
  font-family:"Advent Pro",Arial,sans-serif;
  font-size:12px;
  font-weight:400;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:none;
}

.nav .news-tool-trigger{
  position:static;
  display:grid;
  place-items:center;
  width:48px;
  min-width:48px;
  height:42px;
  min-height:42px;
  padding:0;
  border:1px solid var(--ic-header-line);
  border-radius:13px;
  background:transparent;
  color:var(--ic-ink);
  box-shadow:none;
  transform:none;
}

.nav .news-tool-trigger span::before,
.nav .news-tool-trigger span::after,
.nav .news-tool-trigger i::before,
.nav .news-tool-trigger i::after{
  background:currentColor;
}

.nav .menu-toggle:hover,
.nav .pill:hover,
.nav .ic-lang-switcher button:hover,
.nav .ic-lang-switcher button.is-active,
.nav .news-tool-trigger:hover{
  background:var(--ic-acid);
  color:#050505;
  border-color:var(--ic-acid);
  transform:none;
  box-shadow:none;
}

.nav .menu-toggle:hover .menu-lines::before,
.nav .menu-toggle:hover .menu-lines::after{
  background:#050505;
}

.nav .section-menu{
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  z-index:120;
  display:grid;
  gap:8px;
  min-width:260px;
  padding:12px;
  border:1px solid rgba(21,21,21,.14);
  border-radius:18px;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 80px rgba(0,0,0,.14);
  opacity:0;
  transform:translateY(-8px);
  pointer-events:none;
  transition:opacity .25s ease,transform .25s ease;
}

body.menu-open .section-menu{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

.nav .section-menu .pill{
  width:100%;
  justify-content:space-between;
}

.nav .section-menu .pill::after{
  content:"↗";
  opacity:.65;
}

@media(max-width:820px){
  .nav{
    grid-template-columns:1fr auto;
    min-height:92px;
    padding:14px 18px;
  }

  .nav .links-left{display:none;}

  .nav .brand.navbar-brand-inline{
    justify-self:start;
    gap:10px;
  }

  .nav .navbar-symbol-img{
    width:52px;
    height:52px;
    min-width:52px;
    max-width:52px;
  }

  .nav .navbar-wordmark{
    font-size:28px;
  }

  .nav .news-tool-trigger{
    width:44px;
    min-width:44px;
    height:40px;
    min-height:40px;
  }
}

/* Source: three-dots-fluo-hover-fix */
/* Bouton trois points : même comportement que les autres boutons */
.nav .news-tool-trigger,
.news-tool-trigger{
    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease,
        transform .2s ease !important;
}

.nav .news-tool-trigger:hover,
.nav .news-tool-trigger:focus-visible,
.nav .news-tool-trigger[aria-expanded="true"],
.news-tool-trigger:hover,
.news-tool-trigger:focus-visible,
.news-tool-trigger[aria-expanded="true"]{
    background:#ccff00 !important;
    border-color:#ccff00 !important;
    color:#050505 !important;
}

.nav .news-tool-trigger:hover *,
.nav .news-tool-trigger:focus-visible *,
.nav .news-tool-trigger[aria-expanded="true"] *,
.news-tool-trigger:hover *,
.news-tool-trigger:focus-visible *,
.news-tool-trigger[aria-expanded="true"] *{
    color:#050505 !important;
}

.nav .news-tool-trigger:hover span::before,
.nav .news-tool-trigger:hover span::after,
.nav .news-tool-trigger:hover i::before,
.nav .news-tool-trigger:hover i::after,
.nav .news-tool-trigger:focus-visible span::before,
.nav .news-tool-trigger:focus-visible span::after,
.nav .news-tool-trigger:focus-visible i::before,
.nav .news-tool-trigger:focus-visible i::after,
.news-tool-trigger:hover span::before,
.news-tool-trigger:hover span::after,
.news-tool-trigger:hover i::before,
.news-tool-trigger:hover i::after{
    background:#050505 !important;
}

/* Source: ic-point-1-photo-depth */
/* POINT 1 — profondeur premium de la photo du hero */
.about-hero-visual{
  position:relative !important;
  isolation:isolate !important;
  border-radius:2px !important;
  overflow:hidden !important;
  background:#f7f7f5 !important;
  box-shadow:
    0 34px 78px rgba(17,17,17,.115),
    0 10px 26px rgba(17,17,17,.065),
    inset 0 0 0 1px rgba(255,255,255,.62),
    inset 0 -18px 34px rgba(17,17,17,.045) !important;
  animation:none !important;
  will-change:transform !important;
}

.about-hero-visual::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  height:auto !important;
  border-radius:inherit !important;
  z-index:3 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),transparent 24%,transparent 74%,rgba(0,0,0,.045)),
    linear-gradient(90deg,rgba(255,255,255,.10),transparent 16%,transparent 84%,rgba(0,0,0,.035)) !important;
  filter:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    inset 0 0 24px rgba(17,17,17,.035) !important;
}

.about-hero-visual::after{
  content:"" !important;
  position:absolute !important;
  top:-24% !important;
  bottom:-24% !important;
  left:-62% !important;
  width:34% !important;
  z-index:4 !important;
  pointer-events:none !important;
  opacity:0 !important;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.04) 28%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.05) 72%,transparent 100%) !important;
  transform:skewX(-15deg) translateX(0) !important;
  mix-blend-mode:screen !important;
  animation:icPortraitSheen 14s cubic-bezier(.16,1,.3,1) infinite !important;
}

.about-hero-portrait{
  transform:scale(1.012) translateZ(0) !important;
  transition:transform 850ms cubic-bezier(.16,1,.3,1), filter 850ms cubic-bezier(.16,1,.3,1) !important;
  will-change:transform !important;
}

.about-hero-visual:hover .about-hero-portrait{
  transform:scale(1.024) translate3d(0,-2px,0) !important;
}

@keyframes icPortraitFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-3px,0)}
}

/* Conserve l’animation d’entrée existante, puis démarre le flottement. */
body.ic-ready .about-hero-visual{
  animation:
    icPhotoReveal 1.2s cubic-bezier(.16,1,.3,1) .16s forwards,
    icPortraitFloat 11s cubic-bezier(.45,0,.55,1) 1.45s infinite !important;
}

@keyframes icPortraitSheen{
  0%,72%{left:-62%;opacity:0}
  75%{opacity:.18}
  86%{left:132%;opacity:.12}
  89%,100%{left:132%;opacity:0}
}

@media (prefers-reduced-motion:reduce){
  .about-hero-visual,
  .about-hero-visual::after{
    animation:none !important;
  }
  .about-hero-portrait{
    transition:none !important;
  }
}

/* Source: phase2-step1-navigation-only */
/* =========================================================
   PHASE 2 — ÉTAPE 1 : NAVIGATION UNIQUEMENT
   Aucun changement appliqué au hero, aux sections ou au footer.
   ========================================================= */

:root{
  --phase2-acid:#ccff00;
  --phase2-ink:#050505;
  --phase2-dark:#111111;
  --phase2-ease:cubic-bezier(.16,1,.3,1);
}

/* La géométrie d'origine reste intacte */
.nav{
  background:rgba(255,255,255,.94) !important;
  color:#151515 !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

/* Bouton Menu : mêmes dimensions que la page d'origine */
.nav .menu-toggle{
  color:#151515 !important;
  background:transparent !important;
  border-color:rgba(21,21,21,.55) !important;
  transition:
    transform .28s var(--phase2-ease),
    background .25s ease,
    color .25s ease,
    border-color .25s ease !important;
}

.nav .menu-toggle:hover,
.nav .menu-toggle:focus-visible,
body.menu-open .nav .menu-toggle{
  background:var(--phase2-acid) !important;
  color:var(--phase2-ink) !important;
  border-color:var(--phase2-acid) !important;
  transform:translateY(-2px) !important;
}

/* Icône menu propre, sans modifier sa place */
.nav .menu-lines::before,
.nav .menu-lines::after{
  background:currentColor !important;
  transform-origin:center !important;
}

/* Panneau sombre — uniquement le composant menu */
.nav .section-menu{
  background:var(--phase2-dark) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:22px !important;
  box-shadow:0 30px 100px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  padding:12px !important;
  gap:7px !important;
}

/* Liens sans flèche, avec signal jaune unique */
.nav .section-menu .pill{
  min-height:50px !important;
  padding:0 17px !important;
  border:0 !important;
  border-radius:13px !important;
  justify-content:flex-start !important;
  background:transparent !important;
  color:#fff !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-size:clamp(18px,1.4vw,22px) !important;
  transition:
    background .25s ease,
    color .25s ease,
    transform .28s var(--phase2-ease) !important;
}

.nav .section-menu .pill::after{
  content:none !important;
  display:none !important;
}

.nav .section-menu .pill:hover,
.nav .section-menu .pill:focus-visible,
.nav .section-menu .pill[aria-current="page"]{
  background:var(--phase2-acid) !important;
  color:var(--phase2-ink) !important;
  transform:translateX(3px) !important;
}

/* Les boutons langue et le bouton trois-points gardent leur placement */
.nav .lang-switcher button:hover,
.nav .lang-switcher button:focus-visible,
.nav .lang-switcher .is-active,
.nav .lang-switcher [aria-current="true"],
.nav .news-tool-trigger:hover,
.nav .news-tool-trigger:focus-visible{
  background:var(--phase2-acid) !important;
  color:var(--phase2-ink) !important;
  border-color:var(--phase2-acid) !important;
}

/* Focus clavier */
.nav a:focus-visible,
.nav button:focus-visible{
  outline:2px solid var(--phase2-acid) !important;
  outline-offset:3px !important;
}

@media(max-width:820px){
  .nav .section-menu{
    left:18px !important;
    right:18px !important;
    width:auto !important;
  }
}

/* Source: phase2-about-light-premium-menu */
:root{
  --about-menu-acid:#ccff00;
  --about-menu-ink:#050505;
  --about-menu-text:#151515;
  --about-menu-ease:cubic-bezier(.16,1,.3,1);
}

.nav .section-menu{
  width:min(360px,calc(100vw - 36px)) !important;
  padding:12px !important;
  gap:6px !important;
  background:rgba(255,255,255,.94) !important;
  color:var(--about-menu-text) !important;
  border:1px solid rgba(21,21,21,.12) !important;
  border-radius:24px !important;
  box-shadow:
    0 28px 80px rgba(15,15,15,.14),
    0 8px 26px rgba(15,15,15,.08) !important;
  backdrop-filter:blur(24px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.08) !important;
}

.nav .section-menu .pill{
  min-height:56px !important;
  padding:0 18px !important;
  border:1px solid transparent !important;
  border-radius:15px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  background:transparent !important;
  color:var(--about-menu-text) !important;
  font-family:"Advent Pro",Arial,sans-serif !important;
  font-size:clamp(19px,1.45vw,23px) !important;
  font-weight:400 !important;
  line-height:1 !important;
  letter-spacing:-.01em !important;
  text-transform:none !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  transition:
    background .25s ease,
    color .25s ease,
    transform .28s var(--about-menu-ease),
    border-color .25s ease !important;
}

.nav .section-menu .pill::after{
  content:none !important;
  display:none !important;
}

.nav .section-menu .pill[aria-current="page"]{
  background:var(--about-menu-acid) !important;
  color:var(--about-menu-ink) !important;
  border-color:var(--about-menu-acid) !important;
}

.nav .section-menu .pill:hover,
.nav .section-menu .pill:focus-visible{
  background:var(--about-menu-acid) !important;
  color:var(--about-menu-ink) !important;
  border-color:var(--about-menu-acid) !important;
  transform:translateX(4px) !important;
}

.nav .section-menu .pill + .pill{
  position:relative !important;
}

.nav .section-menu .pill + .pill::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:-3px !important;
  height:1px !important;
  background:rgba(21,21,21,.07) !important;
  pointer-events:none !important;
}

.nav .section-menu .pill:hover::before,
.nav .section-menu .pill:focus-visible::before,
.nav .section-menu .pill[aria-current="page"]::before{
  opacity:0 !important;
}

.nav .menu-toggle{
  background:#fff !important;
  color:var(--about-menu-text) !important;
  border-color:rgba(21,21,21,.42) !important;
  box-shadow:0 8px 24px rgba(15,15,15,.05) !important;
}

.nav .menu-toggle:hover,
.nav .menu-toggle:focus-visible,
body.menu-open .nav .menu-toggle{
  background:var(--about-menu-acid) !important;
  color:var(--about-menu-ink) !important;
  border-color:var(--about-menu-acid) !important;
}

body.menu-open .nav .menu-lines{
  transform:translate(-1px,-1px) !important;
}

body.menu-open .nav .menu-lines::before{
  top:5px !important;
  transform:rotate(45deg) !important;
}

body.menu-open .nav .menu-lines::after{
  bottom:auto !important;
  top:5px !important;
  transform:rotate(-45deg) !important;
}

@media(max-width:820px){
  .nav .section-menu{
    top:76px !important;
    left:18px !important;
    right:18px !important;
    width:auto !important;
    max-width:none !important;
  }
}

/* Source: exact-index-navbar-scoped */
/* EXACT INDEX NAVBAR STYLES — scoped to header only */
.ic-index-nav-scope{--violet:#b875ff;--violet-2:#d7b7ff;--acid:#ccff00;--ink:#ffffff !important;--paper:#000000 !important;--red:#9d1000;--dark:#000000 !important;--muted:rgba(255,255,255,.72) !important;--line:rgba(255,255,255,.24) !important;--radius:34px;--fx-ease:cubic-bezier(.16,1,.3,1);--fx-ink:#111;--fx-paper:#f6f2eb;--fx-acid:#ccff00;--fx-red:#9d1000;--banner-bg:#000000 !important;--banner-border:rgba(255,255,255,.22) !important;--banner-hover-bg:#ccff00 !important;--banner-hover-color:#050505 !important;--ic-transition: 0.35s ease;--ic-hero-ease:cubic-bezier(.16,1,.3,1);--ic-hero-reveal:1100ms;--ic-hero-gap:110ms;--ic-interaction-acid:#ccff00;--ic-interaction-ink:#050505;--ic-acid:#ccff00;--ic-ink:#050505;--ic-ease:cubic-bezier(.16,1,.3,1);--ic-acid:#ccff00;--ic-ink:#050505;--ic-paper:#f7f5ef;--ic-ease:cubic-bezier(.16,1,.3,1);}
.ic-index-nav-scope .brand br{display:none}.ic-index-nav-scope .links{display:flex;gap:8px;align-items:center}.ic-index-nav-scope .links-left{justify-self:start}.ic-index-nav-scope .pill{border:1px solid currentColor;border-radius:999px;padding:9px 15px;font-size:12px;font-family:"Advent Pro",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.08em;background:transparent;transition:background .25s ease,color .25s ease,border-color .25s ease}.ic-index-nav-scope .pill:hover{background:var(--banner-hover-bg,var(--ink));color:var(--banner-hover-color,var(--violet));border-color:var(--banner-hover-bg,var(--ink))}@media (max-width:820px){.ic-index-nav-scope.nav{grid-template-columns:1fr auto}.ic-index-nav-scope .brand{justify-self:start;font-size:30px}.ic-index-nav-scope .links-left{display:none}.ic-index-nav-scope .links-right{justify-self:end}}.ic-index-nav-scope .pill{font-family:"Advent Pro",sans-serif !important;font-weight:400 !important}.ic-index-nav-scope .brand{font-family:"Space Grotesk",Arial,sans-serif !important}.ic-index-nav-scope .pill{font-family:"Advent Pro",Arial,sans-serif !important;font-weight:400}.ic-index-nav-scope .pill{font-family:"Advent Pro",Arial,sans-serif !important;font-weight:400 !important}.ic-index-nav-scope .brand,.ic-index-nav-scope .brand *{font-family:"Space Grotesk",Arial,sans-serif !important}.ic-index-nav-scope .menu-toggle{border:1px solid currentColor;border-radius:999px;padding:9px 15px;font-size:12px;font-family:"Advent Pro",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.08em;background:transparent;color:inherit;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}.ic-index-nav-scope .menu-toggle:hover{background:var(--banner-hover-bg,var(--ink));color:var(--banner-hover-color,var(--violet));border-color:var(--banner-hover-bg,var(--ink))}.ic-index-nav-scope .menu-lines{display:inline-flex;width:14px;height:10px;margin-right:8px;position:relative;vertical-align:-1px}.ic-index-nav-scope .menu-lines::before,.ic-index-nav-scope .menu-lines::after{content:"";position:absolute;left:0;width:14px;height:1px;background:currentColor;transition:transform .25s ease}.ic-index-nav-scope .menu-lines::before{top:1px}.ic-index-nav-scope .menu-lines::after{bottom:1px}body.menu-open .ic-index-nav-scope .menu-lines::before{transform:translateY(4px) rotate(45deg)}body.menu-open .ic-index-nav-scope .menu-lines::after{transform:translateY(-4px) rotate(-45deg)}.ic-index-nav-scope .section-menu .pill{display:inline-flex;justify-content:space-between;align-items:center;width:100%}.ic-index-nav-scope .section-menu .pill::after{content:"↗";opacity:.65}@media (max-width:820px){.ic-index-nav-scope .menu-wrap{justify-self:start}.ic-index-nav-scope .section-menu{position:fixed;top:76px;left:18px;right:18px;min-width:0}.ic-index-nav-scope .links-right .pill{display:none}}.ic-index-nav-scope .brand{font-family:"Space Grotesk",Arial,sans-serif !important}@media (max-width:900px){.ic-index-nav-scope.nav{grid-template-columns:auto 1fr auto !important;height:58px}.ic-index-nav-scope .brand{justify-self:start !important;font-size:28px !important}}.ic-index-nav-scope.nav{position:relative;z-index:2}.ic-index-nav-scope .pill{position:relative;transition:color .35s ease,background .35s ease,border-color .35s ease,transform .35s var(--fx-ease)}.ic-index-nav-scope .pill:hover{transform:translateY(-2px)}.ic-index-nav-scope .links-right{justify-self:end;display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important}.ic-index-nav-scope .news-tool-trigger:hover{transform:translateY(-2px) !important;background:#efff5a !important;color:#111 !important;border-color:#efff5a !important}.ic-index-nav-scope .news-tool-trigger span::before,.ic-index-nav-scope .news-tool-trigger span::after,.ic-index-nav-scope .news-tool-trigger i::before,.ic-index-nav-scope .news-tool-trigger i::after{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;display:block}.ic-index-nav-scope .news-tool-trigger i{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;grid-column:1 / -1}body.news-panel-open .ic-index-nav-scope .news-tool-panel{opacity:1;pointer-events:auto;transform:none}.ic-index-nav-scope .news-spotify.is-open{display:block}@media (max-width:900px){.ic-index-nav-scope .news-tool-trigger{width:44px !important;height:40px !important}}.ic-index-nav-scope .brand .navbar-logo-img{display:block !important;width:auto !important;height:48px !important;max-width:420px !important;object-fit:contain !important;opacity:1 !important;visibility:visible !important;filter:none !important}@media (max-width:820px){.ic-index-nav-scope.nav{min-height:96px !important}.ic-index-nav-scope .brand .navbar-logo-img{height:58px !important;max-width:62vw !important}}.ic-index-nav-scope .brand img,.ic-index-nav-scope .brand .navbar-logo-img{height:auto !important;width:260px !important;max-width:260px !important;display:block !important;max-height:74px !important;object-fit:contain !important;opacity:1 !important;visibility:visible !important;filter:none !important}@media (max-width:820px){.ic-index-nav-scope.nav{min-height:96px !important}.ic-index-nav-scope .brand{width:220px !important;max-width:220px !important}.ic-index-nav-scope .brand img,.ic-index-nav-scope .brand .navbar-logo-img{width:200px !important;max-width:200px !important;max-height:60px !important}}.ic-index-nav-scope .brand{justify-self:center !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:clamp(26px,2.4vw,42px) !important;font-weight:500 !important;letter-spacing:0 !important;width:440px !important;height:auto !important;line-height:0 !important;max-width:440px !important;align-self:center !important;min-height:0 !important;padding:0 !important;margin:0 !important}.ic-index-nav-scope .brand img.navbar-logo-img,.ic-index-nav-scope .brand img{display:block !important;width:390px !important;height:auto !important;max-width:390px !important;max-height:none !important;object-fit:contain !important;opacity:1 !important;visibility:visible !important;transform:none !important;filter:none !important}@media (max-width:820px){.ic-index-nav-scope.nav{min-height:108px !important;grid-template-columns:1fr auto !important}.ic-index-nav-scope .brand{width:270px !important;max-width:270px !important;justify-self:start !important}.ic-index-nav-scope .brand img.navbar-logo-img,.ic-index-nav-scope .brand img{width:250px !important;max-width:250px !important}}.ic-index-nav-scope .brand.navbar-brand-inline{justify-self:center !important;align-self:center !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:row !important;gap:18px !important;width:auto !important;max-width:none !important;height:auto !important;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:1 !important;letter-spacing:0 !important;text-decoration:none !important}.ic-index-nav-scope .brand.navbar-brand-inline br,.ic-index-nav-scope .brand.navbar-brand-inline .navbar-logo-img{display:none !important}@media (max-width:820px){.ic-index-nav-scope.nav{min-height:92px !important;grid-template-columns:1fr auto !important}.ic-index-nav-scope .brand.navbar-brand-inline{justify-self:start !important;gap:10px !important}.ic-index-nav-scope .brand.navbar-brand-inline .navbar-symbol-img{width:52px !important;height:44px !important;max-width:52px !important;max-height:44px !important}.ic-index-nav-scope .brand.navbar-brand-inline .navbar-wordmark{font-size:28px !important;letter-spacing:-0.06em !important}}.ic-index-nav-scope.nav,.ic-index-nav-scope.nav *{color:#fff !important}.ic-index-nav-scope.nav .pill,.ic-index-nav-scope .menu-toggle{border-color:rgba(255,255,255,.7) !important}.ic-index-nav-scope.nav .pill:hover,.ic-index-nav-scope .menu-toggle:hover{background:#fff !important;color:#000 !important}.ic-index-nav-scope .links-right button,.ic-index-nav-scope.nav .dot-menu,.ic-index-nav-scope.nav .menu-button{background:transparent !important;border:1px solid rgba(255,255,255,.7) !important;color:#fff !important}.ic-index-nav-scope .nav-dots::after{animation:dotsNudge 1.4s ease-in-out infinite}.ic-index-nav-scope .news-tool-trigger{position:static !important;width:48px !important;height:42px !important;min-width:48px !important;border-radius:13px !important;flex:0 0 auto !important;border:1px solid rgba(58,29,19,.25) !important;background:#3a1d13 !important;color:#f6f2eb !important;display:grid !important;place-items:center !important;cursor:pointer !important;padding:0 !important;transition:transform .3s cubic-bezier(.16,1,.3,1),background .25s ease,color .25s ease,border-color .25s ease !important;overflow:hidden !important}.ic-index-nav-scope .news-tool-trigger span{width:24px !important;height:18px !important;display:block !important;grid-template-columns:repeat(2,1fr);gap:7px;position:relative !important;transform:none !important;animation:none !important}.ic-index-nav-scope .news-tool-trigger span::before,.ic-index-nav-scope .news-tool-trigger span::after,.ic-index-nav-scope .news-tool-trigger i::before{content:"" !important;position:absolute !important;top:50% !important;width:5px !important;height:5px !important;border-radius:50% !important;background:currentColor !important;opacity:.72 !important;transform:translateY(-50%) !important;animation:newsDotMove 1.25s ease-in-out infinite !important;box-shadow:none !important}.ic-index-nav-scope .news-tool-trigger span::before{left:2px !important;animation-delay:0s !important}.ic-index-nav-scope .news-tool-trigger i::before{left:9.5px !important;animation-delay:.16s !important}.ic-index-nav-scope .news-tool-trigger span::after{left:17px !important;animation-delay:.32s !important}.ic-index-nav-scope .news-tool-trigger i,.ic-index-nav-scope .news-tool-trigger i::after{display:block !important;width:0 !important;height:0 !important;background:transparent !important;box-shadow:none !important}.ic-index-nav-scope .menu-wrap{position:relative !important;display:flex;align-items:center;gap:8px;z-index:100000 !important}.ic-index-nav-scope .section-menu{position:absolute;top:calc(100% + 65px);left:0;z-index:100001 !important;display:grid;gap:8px;min-width:260px;padding:12px;border:1px solid var(--banner-border,rgba(17,17,17,.12));border-radius:18px;background:rgba(246,242,235,.98) !important;backdrop-filter:none;box-shadow:0 24px 80px rgba(0,0,0,.14);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;color:#111 !important}@media (max-width:820px){.ic-index-nav-scope .section-menu{position:fixed !important;top:135px !important;left:18px !important;right:18px !important;width:auto !important;min-width:0 !important}}.ic-index-nav-scope.nav .links-right .pill,.ic-index-nav-scope.nav a[href="contact.html"],.ic-index-nav-scope.nav a[href*="contact"]{display:none !important}.ic-index-nav-scope.nav .brand{justify-self:center !important;display:flex !important;align-items:center !important;justify-content:center !important;width:auto !important;min-width:clamp(220px,20vw,320px) !important;height:58px !important;padding:0 !important;font-size:0 !important;line-height:0 !important;letter-spacing:0 !important}.ic-index-nav-scope.nav .brand .nav-brand-logo{display:block !important;width:clamp(220px,20vw,315px) !important;max-width:100% !important;height:auto !important;max-height:58px !important;object-fit:contain !important;opacity:1 !important;visibility:visible !important}@media (max-width:900px){.ic-index-nav-scope.nav .brand{min-width:170px !important;height:44px !important}.ic-index-nav-scope.nav .brand .nav-brand-logo{width:170px !important;max-height:44px !important}}header.nav,.ic-index-nav-scope.nav{background:#050505 !important;background-color:#050505 !important;color:#f6f2eb !important;border-bottom:none;box-shadow:none !important}.ic-index-nav-scope.nav *,header.nav *{color:#f6f2eb !important}.ic-index-nav-scope .brand.navbar-brand-inline .navbar-wordmark{display:block !important;white-space:nowrap !important;font-family:"Space Grotesk",Arial,sans-serif !important;font-size:47px !important;font-weight:500 !important;line-height:1 !important;letter-spacing:-0.07em !important;color:#f6f2eb !important;text-transform:none !important}.ic-index-nav-scope .brand.navbar-brand-inline .navbar-symbol-img{display:block !important;width:74px !important;height:74px !important;max-width:74px !important;max-height:74px !important;object-fit:contain !important;flex:0 0 auto !important;opacity:1 !important;visibility:visible !important;transform:none !important;filter:invert(1) grayscale(100%) contrast(1.08) brightness(1.12) !important;mix-blend-mode:normal !important}.ic-index-nav-scope.nav .pill,.ic-index-nav-scope.nav .menu-toggle,.ic-index-nav-scope.nav button{color:#f6f2eb !important;border-color:rgba(246,242,235,.55) !important;background:transparent !important}.ic-index-nav-scope.nav .pill:hover,.ic-index-nav-scope.nav .menu-toggle:hover,.ic-index-nav-scope.nav button:hover{background:#f6f2eb !important;color:#050505 !important;border-color:#f6f2eb !important}.ic-index-nav-scope.nav{background:#000000 !important}.ic-index-nav-scope.nav .section-menu,.ic-index-nav-scope.nav .section-menu *{color:#111 !important;opacity:1 !important;filter:none !important}.ic-index-nav-scope.nav .section-menu .pill,.ic-index-nav-scope.nav .section-menu .pill span,.ic-index-nav-scope.nav .section-menu .pill::after,body.menu-open .ic-index-nav-scope .nav .section-menu .pill,body.menu-open .ic-index-nav-scope .nav .section-menu .pill span,body.menu-open .ic-index-nav-scope .nav .section-menu .pill::after{color:#ffffff !important;opacity:1 !important;border-color:rgba(255,255,255,.55) !important}.ic-index-nav-scope.nav .section-menu .pill:hover,.ic-index-nav-scope.nav .section-menu .pill:hover span,.ic-index-nav-scope.nav .section-menu .pill:hover::after,.ic-index-nav-scope.nav .section-menu .pill.active,.ic-index-nav-scope.nav .section-menu .pill.active span,.ic-index-nav-scope.nav .section-menu .pill.active::after{color:#050505 !important;background:#ccff00 !important;border-color:#ccff00 !important}.ic-index-nav-scope .recent-card.is-opening{transform:translate3d(calc(var(--mag-x,0) * 1px),calc(var(--mag-y,0) * 1px),0) scale(1.04) !important;z-index:20}body:not(.menu-open) .ic-index-nav-scope .section-menu{opacity:0 !important;visibility:hidden !important;transform:translateY(-8px) !important;pointer-events:none !important}body.menu-open .ic-index-nav-scope .section-menu{opacity:1 !important;transform:none !important;pointer-events:auto !important;visibility:visible !important}.ic-index-nav-scope .section-menu,.ic-index-nav-scope .section-menu .pill,.ic-index-nav-scope .section-menu .pill span,.ic-index-nav-scope .section-menu .pill::after{color:#ffffff !important}.ic-index-nav-scope .section-menu .pill:hover,.ic-index-nav-scope .section-menu .pill:hover span,.ic-index-nav-scope .section-menu .pill:hover::after{color:#050505 !important}.ic-index-nav-scope.nav{background:#000000 !important;color:#f6f2eb !important}.ic-index-nav-scope .brand,.ic-index-nav-scope .brand *{color:#f6f2eb !important}.ic-index-nav-scope .pill,.ic-index-nav-scope .menu-toggle{background:transparent !important;color:#f6f2eb !important;border-color:rgba(246,242,235,.45) !important}.ic-index-nav-scope .pill:hover,.ic-index-nav-scope .menu-toggle:hover{background:#ccff00 !important;color:#050505 !important;border-color:#ccff00 !important}.ic-index-nav-scope .section-menu{background:#050505 !important;color:#f6f2eb !important;border-color:rgba(246,242,235,.22) !important}.ic-index-nav-scope.nav,.ic-index-nav-scope .section-menu{background:#000000 !important;color:#ffffff !important}.ic-index-nav-scope .brand,.ic-index-nav-scope .brand *{color:#ffffff !important}.ic-index-nav-scope .pill,.ic-index-nav-scope .menu-toggle,.ic-index-nav-scope .section-menu .pill{background:transparent !important;color:#ffffff !important;border-color:rgba(255,255,255,.45) !important}.ic-index-nav-scope .pill:hover,.ic-index-nav-scope .menu-toggle:hover,.ic-index-nav-scope .section-menu .pill:hover{background:#ccff00 !important;color:#050505 !important;border-color:#ccff00 !important}.ic-index-nav-scope.nav,.ic-index-nav-scope .section-menu{background-color:#000000 !important;background:#000000 !important;color:#ffffff !important}.ic-index-nav-scope .brand,.ic-index-nav-scope .brand *{color:#ffffff !important;opacity:1 !important;visibility:visible !important;text-shadow:none !important;mix-blend-mode:normal !important}.ic-index-nav-scope .pill,.ic-index-nav-scope .menu-toggle,.ic-index-nav-scope .section-menu .pill{color:#ffffff !important;border-color:rgba(255,255,255,.55) !important;background:transparent !important;opacity:1 !important}.ic-index-nav-scope .pill:hover,.ic-index-nav-scope .menu-toggle:hover,.ic-index-nav-scope .section-menu .pill:hover{background:#ccff00 !important;color:#050505 !important;border-color:#ccff00 !important}.ic-index-nav-scope.nav{position:sticky;top:0;z-index:99999 !important;display:grid;grid-template-columns:1fr auto 1fr !important;align-items:center !important;gap:18px;padding:18px clamp(22px,3vw,52px) !important;background:linear-gradient(180deg,#050505 0%,#080808 70%,rgba(8,8,8,.92) 100%) !important;color:#111 !important;backdrop-filter:none;border-bottom:none;transition:background .65s cubic-bezier(.16,1,.3,1),color .45s ease,border-color .45s ease;height:86px;min-height:112px !important;padding-top:18px !important;padding-bottom:18px !important;overflow:visible !important;isolation:isolate !important;box-shadow:0 18px 42px rgba(0,0,0,.28) !important}.ic-index-nav-scope .brand.navbar-brand-inline{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;}.ic-index-nav-scope .brand.navbar-brand-inline .navbar-symbol-img{display:block!important;width:86px!important;height:86px!important;max-width:86px!important;max-height:86px!important;object-fit:contain!important;opacity:1!important;visibility:visible!important;border:0!important;background:transparent!important;}.ic-index-nav-scope .brand.navbar-brand-inline .navbar-wordmark{display:block!important;font-family:"Space Grotesk",Arial,sans-serif!important;font-size:clamp(34px,4.1vw,62px)!important;line-height:1!important;font-weight:600!important;letter-spacing:-.07em!important;color:#f6f2eb!important;white-space:nowrap!important;}@media (max-width:820px){.ic-index-nav-scope .brand.navbar-brand-inline{gap:10px!important;justify-self:start!important}.ic-index-nav-scope .brand.navbar-brand-inline .navbar-symbol-img{width:52px!important;height:44px!important;max-width:52px!important;max-height:44px!important}.ic-index-nav-scope .brand.navbar-brand-inline .navbar-wordmark{font-size:28px!important}}.ic-index-nav-scope .menu-toggle,.ic-index-nav-scope .nav-link{
  transition: opacity .35s ease, transform .35s ease, background-color .35s ease, color .35s ease !important;
}.ic-index-nav-scope .menu-toggle:hover,.ic-index-nav-scope .nav-link:hover{
  opacity: .88 !important;
}.ic-index-nav-scope .menu-toggle,.ic-index-nav-scope .nav-link{
  transition:
    opacity var(--ic-transition),
    transform var(--ic-transition),
    color var(--ic-transition),
    background-color var(--ic-transition),
    border-color var(--ic-transition) !important;
}.ic-index-nav-scope .nav-link:hover,.ic-index-nav-scope .menu-toggle:hover{
  opacity: 0.88 !important;
}.ic-index-nav-scope .menu-wrap{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  z-index:100001 !important;
}.ic-index-nav-scope .menu-toggle{
  min-width:100px !important;
  height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:0 16px !important;
  border:1px solid rgba(255,255,255,.38) !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#fff !important;
  box-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  cursor:pointer !important;
  transition:
    background .65s cubic-bezier(.16,1,.3,1),
    color .45s ease,
    border-color .45s ease,
    transform .65s cubic-bezier(.16,1,.3,1),
    box-shadow .65s cubic-bezier(.16,1,.3,1) !important;
}.ic-index-nav-scope .menu-toggle > span{
  color:inherit !important;
  opacity:1 !important;
  visibility:visible !important;
}.ic-index-nav-scope .menu-toggle:hover{
  transform:translateY(-2px) !important;
  border-color:#ccff00 !important;
}.ic-index-nav-scope .menu-lines{
  position:relative !important;
  width:16px !important;
  height:12px !important;
  display:inline-block !important;
  flex:0 0 16px !important;
  margin:0 !important;
}.ic-index-nav-scope .menu-lines::before,.ic-index-nav-scope .menu-lines::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  width:16px !important;
  height:1.5px !important;
  background:currentColor !important;
  transition:transform .7s cubic-bezier(.16,1,.3,1), top .7s cubic-bezier(.16,1,.3,1) !important;
}.ic-index-nav-scope .menu-lines::before{ top:2px !important; }.ic-index-nav-scope .menu-lines::after{ top:9px !important; }body.menu-open .ic-index-nav-scope .menu-toggle{
  background:#ccff00 !important;
  color:#050505 !important;
  border-color:#ccff00 !important;
  box-shadow:0 14px 38px rgba(204,255,0,.16) !important;
}body.menu-open .ic-index-nav-scope .menu-lines::before{
  top:5px !important;
  transform:rotate(45deg) !important;
}body.menu-open .ic-index-nav-scope .menu-lines::after{
  top:5px !important;
  transform:rotate(-45deg) !important;
}.ic-index-nav-scope .section-menu{
  position:absolute !important;
  top:calc(100% + 14px) !important;
  left:0 !important;
  width:320px !important;
  min-width:0 !important;
  padding:18px !important;
  display:grid !important;
  gap:4px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:20px !important;
  background:rgba(8,8,8,.94) !important;
  color:#fff !important;
  box-shadow:0 28px 80px rgba(0,0,0,.44) !important;
  backdrop-filter:blur(20px) !important;
  -webkit-backdrop-filter:blur(20px) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(-8px) scale(.985) !important;
  transform-origin:top left !important;
  transition:
    opacity .42s ease,
    visibility .42s ease,
    transform .72s cubic-bezier(.16,1,.3,1) !important;
}body.menu-open .ic-index-nav-scope .section-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) scale(1) !important;
}.ic-index-nav-scope .section-menu .pill{
  position:relative !important;
  width:100% !important;
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:0 48px 0 18px !important;
  border:0 !important;
  border-radius:14px !important;
  background:transparent !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  opacity:1 !important;
  visibility:visible !important;
  transition:
    background .55s cubic-bezier(.16,1,.3,1),
    color .35s ease,
    transform .55s cubic-bezier(.16,1,.3,1) !important;
}.ic-index-nav-scope .section-menu .pill span{
  color:inherit !important;
  opacity:1 !important;
  visibility:visible !important;
}.ic-index-nav-scope .section-menu .pill::after{
  content:"↗" !important;
  position:absolute !important;
  right:18px !important;
  top:50% !important;
  transform:translate(-4px,-50%) !important;
  color:#ccff00 !important;
  opacity:.65 !important;
  transition:opacity .35s ease, transform .55s cubic-bezier(.16,1,.3,1) !important;
}.ic-index-nav-scope .section-menu .pill:hover,.ic-index-nav-scope .section-menu .pill:focus-visible{
  background:rgba(204,255,0,.10) !important;
  color:#fff !important;
  transform:translateX(3px) !important;
  outline:none !important;
}.ic-index-nav-scope .section-menu .pill:hover::after,.ic-index-nav-scope .section-menu .pill:focus-visible::after{
  opacity:1 !important;
  transform:translate(0,-50%) !important;
}.ic-index-nav-scope .section-menu .pill::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:8px !important;
  height:1px !important;
  background:#ccff00 !important;
  transform:scaleX(0) !important;
  transform-origin:right center !important;
  transition:transform .65s cubic-bezier(.16,1,.3,1) !important;
}.ic-index-nav-scope .section-menu .pill:hover::before,.ic-index-nav-scope .section-menu .pill:focus-visible::before{
  transform:scaleX(1) !important;
  transform-origin:left center !important;
}@media (max-width:820px){.ic-index-nav-scope .section-menu{
    position:fixed !important;
    top:92px !important;
    left:18px !important;
    right:18px !important;
    width:auto !important;
  }}@media (prefers-reduced-motion:reduce){.ic-index-nav-scope .menu-toggle,.ic-index-nav-scope .menu-lines::before,.ic-index-nav-scope .menu-lines::after,.ic-index-nav-scope .section-menu,.ic-index-nav-scope .section-menu .pill,.ic-index-nav-scope .section-menu .pill::before,.ic-index-nav-scope .section-menu .pill::after{
    transition:none !important;
  }}.ic-index-nav-scope .menu-toggle:hover,.ic-index-nav-scope .menu-toggle:focus,.ic-index-nav-scope .menu-toggle:focus-visible,.ic-index-nav-scope .menu-toggle:active,body.menu-open .ic-index-nav-scope .menu-toggle,.ic-index-nav-scope .menu-toggle[aria-expanded="true"]{
  background:var(--ic-interaction-acid) !important;
  background-color:var(--ic-interaction-acid) !important;
  border-color:var(--ic-interaction-acid) !important;
  color:var(--ic-interaction-ink) !important;
  -webkit-text-fill-color:var(--ic-interaction-ink) !important;
  opacity:1 !important;
  box-shadow:0 14px 38px rgba(204,255,0,.16) !important;
}.ic-index-nav-scope .menu-toggle:hover *,.ic-index-nav-scope .menu-toggle:focus *,.ic-index-nav-scope .menu-toggle:focus-visible *,.ic-index-nav-scope .menu-toggle:active *,body.menu-open .ic-index-nav-scope .menu-toggle *,.ic-index-nav-scope .menu-toggle[aria-expanded="true"] *{
  color:var(--ic-interaction-ink) !important;
  -webkit-text-fill-color:var(--ic-interaction-ink) !important;
}.ic-index-nav-scope .menu-toggle:hover .menu-lines::before,.ic-index-nav-scope .menu-toggle:hover .menu-lines::after,.ic-index-nav-scope .menu-toggle:focus .menu-lines::before,.ic-index-nav-scope .menu-toggle:focus .menu-lines::after,.ic-index-nav-scope .menu-toggle:focus-visible .menu-lines::before,.ic-index-nav-scope .menu-toggle:focus-visible .menu-lines::after,.ic-index-nav-scope .menu-toggle:active .menu-lines::before,.ic-index-nav-scope .menu-toggle:active .menu-lines::after,body.menu-open .ic-index-nav-scope .menu-lines::before,body.menu-open .ic-index-nav-scope .menu-lines::after,.ic-index-nav-scope .menu-toggle[aria-expanded="true"] .menu-lines::before,.ic-index-nav-scope .menu-toggle[aria-expanded="true"] .menu-lines::after{
  background:var(--ic-interaction-ink) !important;
}.ic-index-nav-scope .news-tool-trigger:hover,.ic-index-nav-scope .news-tool-trigger:focus,.ic-index-nav-scope .news-tool-trigger:focus-visible,.ic-index-nav-scope .news-tool-trigger:active,body.news-panel-open .ic-index-nav-scope .news-tool-trigger{
  background:var(--ic-interaction-acid) !important;
  background-color:var(--ic-interaction-acid) !important;
  border-color:var(--ic-interaction-acid) !important;
  color:var(--ic-interaction-ink) !important;
  -webkit-text-fill-color:var(--ic-interaction-ink) !important;
  opacity:1 !important;
  box-shadow:0 14px 38px rgba(204,255,0,.16) !important;
}.ic-index-nav-scope .news-tool-trigger:hover span::before,.ic-index-nav-scope .news-tool-trigger:hover span::after,.ic-index-nav-scope .news-tool-trigger:hover i::before,.ic-index-nav-scope .news-tool-trigger:hover i::after,.ic-index-nav-scope .news-tool-trigger:focus span::before,.ic-index-nav-scope .news-tool-trigger:focus span::after,.ic-index-nav-scope .news-tool-trigger:focus i::before,.ic-index-nav-scope .news-tool-trigger:focus i::after,.ic-index-nav-scope .news-tool-trigger:focus-visible span::before,.ic-index-nav-scope .news-tool-trigger:focus-visible span::after,.ic-index-nav-scope .news-tool-trigger:focus-visible i::before,.ic-index-nav-scope .news-tool-trigger:focus-visible i::after,.ic-index-nav-scope .news-tool-trigger:active span::before,.ic-index-nav-scope .news-tool-trigger:active span::after,.ic-index-nav-scope .news-tool-trigger:active i::before,.ic-index-nav-scope .news-tool-trigger:active i::after,body.news-panel-open .ic-index-nav-scope .news-tool-trigger span::before,body.news-panel-open .ic-index-nav-scope .news-tool-trigger span::after,body.news-panel-open .ic-index-nav-scope .news-tool-trigger i::before,body.news-panel-open .ic-index-nav-scope .news-tool-trigger i::after{
  background:var(--ic-interaction-ink) !important;
}.ic-index-nav-scope .menu-toggle:focus-visible,.ic-index-nav-scope .news-tool-trigger:focus-visible{
  outline:2px solid var(--ic-interaction-acid) !important;
  outline-offset:4px !important;
}html .ic-index-nav-scope body .nav .menu-toggle.ic-acid-active,html .ic-index-nav-scope body.menu-open .nav .menu-toggle,html .ic-index-nav-scope body .nav .menu-toggle[aria-expanded="true"],html .ic-index-nav-scope body .nav .news-tool-trigger.ic-acid-active,html .ic-index-nav-scope body.news-panel-open .nav .news-tool-trigger{
  background:#ccff00 !important;
  background-color:#ccff00 !important;
  color:#050505 !important;
  border-color:#ccff00 !important;
  -webkit-text-fill-color:#050505 !important;
  box-shadow:0 14px 38px rgba(204,255,0,.18) !important;
}html .ic-index-nav-scope body .nav .menu-toggle.ic-acid-active *,html .ic-index-nav-scope body.menu-open .nav .menu-toggle *,html .ic-index-nav-scope body .nav .menu-toggle[aria-expanded="true"] *,html .ic-index-nav-scope body .nav .news-tool-trigger.ic-acid-active *,html .ic-index-nav-scope body.news-panel-open .nav .news-tool-trigger *{
  color:#050505 !important;
  -webkit-text-fill-color:#050505 !important;
}html .ic-index-nav-scope body .nav .menu-toggle.ic-acid-active .menu-lines::before,html .ic-index-nav-scope body .nav .menu-toggle.ic-acid-active .menu-lines::after,html .ic-index-nav-scope body.menu-open .nav .menu-lines::before,html .ic-index-nav-scope body.menu-open .nav .menu-lines::after{
  background:#050505 !important;
}html .ic-index-nav-scope body .nav .news-tool-trigger.ic-acid-active span::before,html .ic-index-nav-scope body .nav .news-tool-trigger.ic-acid-active span::after,html .ic-index-nav-scope body .nav .news-tool-trigger.ic-acid-active i::before,html .ic-index-nav-scope body.news-panel-open .nav .news-tool-trigger span::before,html .ic-index-nav-scope body.news-panel-open .nav .news-tool-trigger span::after,html .ic-index-nav-scope body.news-panel-open .nav .news-tool-trigger i::before{
  background:#050505 !important;
  color:#050505 !important;
}html .ic-index-nav-scope body .section-menu .pill:hover,html .ic-index-nav-scope body .section-menu .pill:focus,html .ic-index-nav-scope body .section-menu .pill:focus-visible,html .ic-index-nav-scope body .section-menu .pill:active,html .ic-index-nav-scope body .section-menu .pill[aria-current="page"],html .ic-index-nav-scope body .section-menu .pill.is-active{
  color:#050505 !important;
  -webkit-text-fill-color:#050505 !important;
}html .ic-index-nav-scope body .section-menu .pill:hover *,html .ic-index-nav-scope body .section-menu .pill:focus *,html .ic-index-nav-scope body .section-menu .pill:focus-visible *,html .ic-index-nav-scope body .section-menu .pill:active *,html .ic-index-nav-scope body .section-menu .pill[aria-current="page"] *,html .ic-index-nav-scope body .section-menu .pill.is-active *{
  color:#050505 !important;
  -webkit-text-fill-color:#050505 !important;
}html .ic-index-nav-scope body .section-menu .pill:hover::after,html .ic-index-nav-scope body .section-menu .pill:focus::after,html .ic-index-nav-scope body .section-menu .pill:focus-visible::after,html .ic-index-nav-scope body .section-menu .pill:active::after,html .ic-index-nav-scope body .section-menu .pill[aria-current="page"]::after,html .ic-index-nav-scope body .section-menu .pill.is-active::after{
  color:#050505 !important;
  -webkit-text-fill-color:#050505 !important;
  opacity:1 !important;
}html .ic-index-nav-scope body .section-menu .pill:hover,html .ic-index-nav-scope body .section-menu .pill:focus,html .ic-index-nav-scope body .section-menu .pill:focus-visible,html .ic-index-nav-scope body .section-menu .pill:active,html .ic-index-nav-scope body .section-menu .pill[aria-current="page"],html .ic-index-nav-scope body .section-menu .pill.is-active{
  background:#ccff00 !important;
  background-color:#ccff00 !important;
}body.menu-open .ic-index-nav-scope .menu-toggle .menu-lines{
  transform:translate(-2px,-1px) !important;
}body.menu-open .ic-index-nav-scope .menu-toggle .menu-lines::before{
  transform:translateY(4px) rotate(45deg) !important;
  transform-origin:48% 50% !important;
}body.menu-open .ic-index-nav-scope .menu-toggle .menu-lines::after{
  transform:translateY(-4px) rotate(-45deg) !important;
  transform-origin:44% 50% !important;
}html .ic-index-nav-scope body .section-menu{
  width:310px !important;
  min-width:310px !important;
  padding:16px !important;
  gap:4px !important;
  border-radius:22px !important;
}html .ic-index-nav-scope body .section-menu .pill{
  min-height:56px !important;
  padding:0 18px !important;
  justify-content:flex-start !important;
  border-radius:14px !important;
  font-size:15px !important;
  letter-spacing:.075em !important;
}html .ic-index-nav-scope body .section-menu .pill::after{
  content:none !important;
  display:none !important;
}html .ic-index-nav-scope body .section-menu .pill span{
  width:100% !important;
  text-align:left !important;
}html .ic-index-nav-scope body .section-menu .pill:not(:last-child){
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  border-bottom-left-radius:0 !important;
  border-bottom-right-radius:0 !important;
}html .ic-index-nav-scope body .section-menu .pill:hover,html .ic-index-nav-scope body .section-menu .pill:focus-visible,html .ic-index-nav-scope body .section-menu .pill:active{
  padding-left:21px !important;
}@media (max-width:820px){html .ic-index-nav-scope body .section-menu{
    width:auto !important;
    min-width:0 !important;
    left:18px !important;
    right:18px !important;
  }}html .ic-index-nav-scope body .nav .menu-toggle{
  min-width:100px !important;
  height:44px !important;
  padding:0 16px !important;
  gap:10px !important;
  border-radius:999px !important;
}html .ic-index-nav-scope body .nav .menu-toggle .menu-lines{
  position:relative !important;
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
  transform:none !important;
}html .ic-index-nav-scope body .nav .menu-toggle .menu-lines::before,html .ic-index-nav-scope body .nav .menu-toggle .menu-lines::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  width:14px !important;
  height:1.5px !important;
  border-radius:999px !important;
  background:currentColor !important;
  transform-origin:50% 50% !important;
  transition:
    transform .7s var(--ic-ease),
    opacity .45s ease !important;
}html .ic-index-nav-scope body:not(.menu-open) .nav .menu-toggle .menu-lines::before{
  transform:translateY(-3px) rotate(0deg) !important;
}html .ic-index-nav-scope body:not(.menu-open) .nav .menu-toggle .menu-lines::after{
  transform:translateY(3px) rotate(0deg) !important;
}html .ic-index-nav-scope body.menu-open .nav .menu-toggle .menu-lines::before,html .ic-index-nav-scope body .nav .menu-toggle[aria-expanded="true"] .menu-lines::before{
  transform:translateY(-50%) rotate(45deg) !important;
}html .ic-index-nav-scope body.menu-open .nav .menu-toggle .menu-lines::after,html .ic-index-nav-scope body .nav .menu-toggle[aria-expanded="true"] .menu-lines::after{
  transform:translateY(-50%) rotate(-45deg) !important;
}html .ic-index-nav-scope body .nav .section-menu{
  width:332px !important;
  min-width:332px !important;
  padding:12px !important;
  gap:6px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:
    linear-gradient(180deg,rgba(18,18,18,.97),rgba(10,10,10,.96)) !important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter:blur(22px) saturate(110%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(110%) !important;
}html .ic-index-nav-scope body .nav .section-menu .pill{
  position:relative !important;
  min-height:54px !important;
  padding:0 18px !important;
  border:0 !important;
  border-radius:14px !important;
  background:transparent !important;
  color:#f4f2ed !important;
  font-size:15px !important;
  line-height:1 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
  transition:
    background .7s var(--ic-ease),
    color .45s ease,
    transform .7s var(--ic-ease),
    padding .7s var(--ic-ease) !important;
}html .ic-index-nav-scope body .nav .section-menu .pill::after{
  content:none !important;
  display:none !important;
}html .ic-index-nav-scope body .nav .section-menu .pill{
  border-bottom:0 !important;
}html .ic-index-nav-scope body .nav .section-menu .pill::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  bottom:10px !important;
  width:28px !important;
  height:1.5px !important;
  border-radius:999px !important;
  background:var(--ic-acid) !important;
  transform:scaleX(0) !important;
  transform-origin:left center !important;
  opacity:.9 !important;
  transition:transform .7s var(--ic-ease) !important;
}html .ic-index-nav-scope body .nav .section-menu .pill:hover,html .ic-index-nav-scope body .nav .section-menu .pill:focus-visible,html .ic-index-nav-scope body .nav .section-menu .pill:active,html .ic-index-nav-scope body .nav .section-menu .pill[aria-current="page"],html .ic-index-nav-scope body .nav .section-menu .pill.is-active{
  background:var(--ic-acid) !important;
  color:var(--ic-ink) !important;
  -webkit-text-fill-color:var(--ic-ink) !important;
  padding-left:22px !important;
  transform:translateX(2px) !important;
  outline:none !important;
}html .ic-index-nav-scope body .nav .section-menu .pill:hover *,html .ic-index-nav-scope body .nav .section-menu .pill:focus-visible *,html .ic-index-nav-scope body .nav .section-menu .pill:active *,html .ic-index-nav-scope body .nav .section-menu .pill[aria-current="page"] *,html .ic-index-nav-scope body .nav .section-menu .pill.is-active *{
  color:var(--ic-ink) !important;
  -webkit-text-fill-color:var(--ic-ink) !important;
}html .ic-index-nav-scope body .nav .section-menu .pill:hover::before,html .ic-index-nav-scope body .nav .section-menu .pill:focus-visible::before,html .ic-index-nav-scope body .nav .section-menu .pill:active::before,html .ic-index-nav-scope body .nav .section-menu .pill[aria-current="page"]::before,html .ic-index-nav-scope body .nav .section-menu .pill.is-active::before{
  transform:scaleX(1) !important;
  background:var(--ic-ink) !important;
}html .ic-index-nav-scope body .nav .section-menu{
  transform:translate3d(0,-10px,0) scale(.985) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform-origin:top left !important;
  transition:
    opacity .45s ease,
    visibility .45s ease,
    transform .8s var(--ic-ease) !important;
}html .ic-index-nav-scope body.menu-open .nav .section-menu{
  transform:translate3d(0,0,0) scale(1) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}@media (max-width:820px){html .ic-index-nav-scope body .nav .section-menu{
    width:auto !important;
    min-width:0 !important;
    left:18px !important;
    right:18px !important;
  }}@keyframes dotsNudge{0%,100%{transform:translateX(0)}35%{transform:translateX(4px)}70%{transform:translateX(-2px)}}@keyframes newsDotMove{0%,100%{transform:translateY(-50%) translateX(0) scale(1);opacity:.62}35%{transform:translateY(-50%) translateX(5px) scale(1.35);opacity:1}70%{transform:translateY(-50%) translateX(-1px) scale(1);opacity:.82}}

/* Source: ic-about-navbar-color-match */
/* Navbar colors aligned with the live About page — color-only override */
header.nav{
  background:#ffffff !important;
  color:#151515 !important;
  border-bottom-color:rgba(21,21,21,.08) !important;
}

header.nav a,
header.nav button,
header.nav .brand,
header.nav .navbar-wordmark,
header.nav .pill,
header.nav .menu-toggle{
  color:#151515 !important;
}

header.nav .pill,
header.nav .menu-toggle,
header.nav .news-tool-trigger{
  background:#ffffff !important;
  border-color:rgba(21,21,21,.18) !important;
}

header.nav .pill:hover,
header.nav .menu-toggle:hover{
  background:#ccff00 !important;
  color:#151515 !important;
  border-color:#ccff00 !important;
}

header.nav .menu-lines::before,
header.nav .menu-lines::after,
header.nav .news-tool-trigger span::before,
header.nav .news-tool-trigger span::after,
header.nav .news-tool-trigger i::before,
header.nav .news-tool-trigger i::after{
  background:#151515 !important;
}

header.nav .navbar-symbol-img{
  filter:none !important;
}

header.nav [aria-current="page"],
header.nav .is-active{
  background:#ccff00 !important;
  color:#151515 !important;
  border-color:#ccff00 !important;
}