/* Source: inline-1 */
@import url('../../assets/fonts.css');

    :root{
      --violet:#ffffff;
      --violet-2:#ffffff;
      --acid:#ccff00;
      --ink:#151515;
      --paper:#ffffff;
      --red:#151515;
      --dark:#ffffff;
      --muted:rgba(21,21,21,.58);
      --line:rgba(21,21,21,.18);
      --radius:34px;
    }

    *{box-sizing:border-box}

    html{scroll-behavior:smooth}

    body{
      margin:0;
      font-family:"Advent Pro",Arial,sans-serif;
      background:#ffffff;
      color:#151515;
      overflow-x:hidden;
    }

    a{
      color:#151515;
      text-decoration:none;
    }

    .grain{
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:80;
      opacity:.16;
      background-image:#ffffff;
    }

    .nav{
      position:sticky;
      top:0;
      z-index:50;
      display:grid;
      grid-template-columns:1fr auto 1fr;
      align-items:center;
      gap:18px;
      padding:18px clamp(20px,3vw,52px);
      background:#ffffff;
      color:#151515;
      backdrop-filter:blur(18px);
      border-bottom:none;
      transition:background .65s cubic-bezier(.16,1,.3,1), color .45s ease, border-color .45s ease;
    }

.brand{
  justify-self:center;
  font-family:"Space Grotesk",Arial,sans-serif !important;
  font-size:clamp(24px,2.2vw,40px);
  line-height:.9;
  font-weight:700;
  letter-spacing:-.04em;
  text-transform:none;
  white-space:nowrap;
  transition:color .45s ease;
}
    .brand br{display:none}

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

    .links-left{justify-self:start}
    .links-right{justify-self:end}

    .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;
    }

    .pill:hover{
      background:#ffffff;
      color:#151515;
      border-color:rgba(21,21,21,.28);
    }
    .hero{
      background:#ffffff;
      min-height:92vh;
      display:grid;
      grid-template-columns:1fr;
      align-content:space-between;
      padding:20px clamp(20px,3vw,52px) 34px;
      position:relative;
    }

.eyebrow{
  font-family:"Advent Pro",sans-serif;
  font-size:15px;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
}

  .hero h1{
  font-family:"Space Grotesk",Arial,sans-serif !important;
  font-size:clamp(58px,13vw,220px);
  font-weight:700;
  line-height:.78;
  letter-spacing:-.095em;
  margin:20px 0 0;
  max-width:1500px;
}
    .hero h1 span{display:block}

    .hero-bottom{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:24px;
      align-items:end;
      margin-top:32px;
    }

    .hero-copy{
      font-size:clamp(22px,3.1vw,54px);
      line-height:1;
      letter-spacing:-.05em;
      max-width:850px;
    }

    .meta{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:10px;
    }

    .meta div{
      border-top:none;
      padding-top:12px;
      font-size:13px;
      line-height:1.18;
      letter-spacing:.02em;
      text-transform:uppercase;
    }
    .hero-knot{
      position:absolute;
      right:5.5vw;
      top:10vh;
      width:min(30vw,460px);
      z-index:2;
      pointer-events:none;
      filter:
        drop-shadow(0 30px 60px rgba(0,0,0,.12))
        drop-shadow(0 80px 120px rgba(0,0,0,.08));
      animation:knotFloat 10s ease-in-out infinite;
    }

    .hero-knot{
      perspective:1200px;
    }

    .hero-knot img{
      width:100%;
      height:auto;
      display:block;
      transform-origin:50% 50%;
      animation:knotMove 34s linear infinite;
      mix-blend-mode:multiply;
      transform-style:preserve-3d;
    }

    @keyframes knotMove{
      0%{transform:rotateZ(-6deg) rotateY(0deg) rotateX(7deg) scale(1)}
      25%{transform:rotateZ(84deg) rotateY(90deg) rotateX(-5deg) scale(1.018)}
      50%{transform:rotateZ(174deg) rotateY(180deg) rotateX(7deg) scale(1)}
      75%{transform:rotateZ(264deg) rotateY(270deg) rotateX(-5deg) scale(1.018)}
      100%{transform:rotateZ(354deg) rotateY(360deg) rotateX(7deg) scale(1)}
    }

    @keyframes knotFloat{
      0%,100%{translate:0 0}
      50%{translate:0 -14px}
    }

    .marquee{
      border-block:none;
      overflow:hidden;
      white-space:nowrap;
      background:#ffffff;
      font-weight:700;
      text-transform:uppercase;
      font-size:clamp(28px,7vw,120px);
      line-height:.95;
      letter-spacing:-.06em;
    }

    .marquee-track{
      display:inline-block;
      padding:18px 0;
      animation:mar 18s linear infinite;
    }

    .marquee span{margin-right:40px}

    @keyframes mar{
      to{transform:translateX(-50%)}
    }

    section{
      padding:clamp(70px,10vw,170px) clamp(20px,3vw,52px);
    }

    .intro{
      background:#ffffff;
      color:#151515;
      display:grid;
      align-content:end;
      min-height:100vh;
      padding:0 clamp(20px,3vw,52px) clamp(70px,8vh,120px);
      position:relative;
      overflow:hidden;
    }

    .editorial-content{
      display:grid;
      grid-template-columns:42% 58%;
      gap:0;
      align-items:start;
      width:100%;
      max-width:none;
    }

    .intro .label{
      font-family:"Space Grotesk", Arial, sans-serif !important;
      font-size:clamp(34px,3.1vw,56px);
      line-height:1;
      letter-spacing:-.065em;
      text-transform:none;
      color:#151515;
      font-weight:400;
      margin:0;
    }

    .editorial-right{
      width:min(720px,100%);
      justify-self:start;
    }

    .editorial-title{
      font-family:"Space Grotesk", Arial, sans-serif !important;
      font-size:clamp(38px,4.15vw,70px);
      line-height:1.08;
      letter-spacing:-.075em;
      font-weight:400;
      margin:0;
      max-width:760px;
      color:#151515;
    }

    .editorial-title span{
      display:block;
      margin-bottom:0;
    }

    .editorial-title strong{
      display:inline;
      font-weight:400;
      color:#151515;
    }

    .editorial-rule,
    .editorial-subline{
      display:none;
    }

    .editorial-jump{
      position:absolute;
      left:45%;
      bottom:clamp(44px,8vh,95px);
      display:flex;
      gap:clamp(36px,5vw,86px);
      align-items:center;
      font-family:"Space Grotesk", Arial, sans-serif !important;
      font-size:12px;
      line-height:1;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:#151515;
      font-weight:700;
    }

    .editorial-jump span:first-child{
      color:#151515;
      font-weight:400;
    }

    .editorial-image{
      border:none !important;

      width:100vw;
      height:clamp(70px,8vh,90px);
      min-height:70px;
      max-height:80px;
      margin:clamp(70px,9vh,110px) 0 0 calc(50% - 50vw);
      overflow:hidden;
      background:#ffffff;
      position:relative;
      isolation:isolate;
    }

    .editorial-image-track{
      height:100%;
      width:max-content;
      display:flex;
      align-items:stretch;
      animation:editorialPhotoScroll 38s linear infinite;
      will-change:transform;
    }

    .editorial-image:hover .editorial-image-track{
      animation-play-state:paused;
    }

    .editorial-image img{
      height:100%;
      width:clamp(260px,32vw,560px);
      display:block;
      object-fit:cover;
      object-position:center;
      flex:0 0 auto;
      filter:grayscale(100%) contrast(1.22) brightness(.82);
      transform:scale(1.01);
    }

    .editorial-image::after{
      content:"";
      position:absolute;
      inset:0;
      z-index:2;
      pointer-events:none;
      background:#ffffff;
      mix-blend-mode:multiply;
    }

    @keyframes editorialPhotoScroll{
      from{transform:translateX(0)}
      to{transform:translateX(-50%)}
    }

    @media (prefers-reduced-motion: reduce){
      .editorial-image-track,
      .hero-knot,
      .hero-knot img{
        animation:none;
      }
    }

    .label{
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.12em;
      color:#151515;
      font-weight:700;
    }

    .big{
      font-size:clamp(42px,7.8vw,132px);
      line-height:.86;
      letter-spacing:-.075em;
      margin:0;
    }

    .body{
      font-size:clamp(17px,1.45vw,24px);
      line-height:1.32;
      max-width:760px;
      color:#151515;
    }

    /* CLEAN PREMIUM BLOCK - no red effect, no dark background */
    .image-stage{
      background:#ffffff;
      color:#151515;
      padding:clamp(42px,7vw,90px);
      min-height:90vh;
      display:grid;
      align-items:center;
      position:relative;
      overflow:hidden;
    }

    .stage-card{
      border-radius:34px;
      min-height:72vh;
      background:#ffffff;
      position:relative;
      overflow:hidden;
      padding:clamp(40px,7vw,90px);
      box-shadow:none;
    }
    .clean-title{
      font-size:clamp(38px,5vw,80px);
      line-height:.9;
      letter-spacing:-.06em;
      font-weight:700;
      color:#151515;
      margin:0;
      max-width:500px;
    }

    .clean-copy{
      margin-top:32px;
      font-size:clamp(17px,1.35vw,23px);
      line-height:1.18;
      letter-spacing:-.035em;
      max-width:560px;
      color:#151515;
    }

    .founder-card{
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(260px,340px);
      gap:clamp(48px,7vw,92px);
      align-items:center;
    }

    .founder-content{
      max-width:640px;
      position:relative;
      z-index:2;
    }

    .founder-badge{
      width:300px;
      height:300px;
      justify-self:center;
      position:relative;
    }

    
.founder-badge img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:50%;
  filter:grayscale(100%) contrast(1.08);
  border:1px solid rgba(17,17,17,.28);
  display:block;
}

.founder-badge::before,
.founder-badge::after{
  display:none;
}


    .services{
      background:#ffffff;
      padding-top:30px;
    }

    .service{
      display:grid;
      grid-template-columns:170px minmax(280px,1fr) minmax(240px,360px);
      gap:clamp(26px,4vw,64px);
      align-items:center;
      border-top:none;
      padding:42px 0;
      transition:transform .45s cubic-bezier(.16,1,.3,1), background .45s ease;
      position:relative;
      overflow:hidden;
    }

    .service:last-child{border-bottom:1px solid var(--ink)}

    .service::before{
      content:"";
      position:absolute;
      left:0;
      top:0;
      width:0;
      height:1px;
      background:#ffffff;
      transition:width .6s cubic-bezier(.16,1,.3,1);
    }

    .service:hover{
      transform:translateX(10px);
      background:#ffffff;
    }

    .service:hover::before{width:100%}

    .service .num{display:none}

    .service-thumb{
      width:150px;
      height:150px;
      overflow:hidden;
      justify-self:start;
      background:#ffffff;
      transform:scale(.96);
      opacity:.88;
      transition:transform .55s cubic-bezier(.16,1,.3,1), opacity .45s ease;
    }

    .service-thumb img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      filter:grayscale(100%) contrast(1.06);
      transform:scale(1.06);
      transition:transform .7s cubic-bezier(.16,1,.3,1), filter .45s ease;
    }

    .service:hover .service-thumb{
      transform:scale(1);
      opacity:1;
    }

    .service:hover .service-thumb img{
      transform:scale(1.16);
      filter:grayscale(100%) contrast(1.15);
    }

    .service h2{
      font-size:clamp(42px,7vw,124px);
      line-height:.86;
      letter-spacing:-.075em;
      margin:0;
      justify-self:start;
      transition:letter-spacing .45s ease, transform .45s cubic-bezier(.16,1,.3,1);
    }

    .service:hover h2{
      letter-spacing:-.085em;
      transform:translateX(4px);
    }

    .service p{
      font-size:clamp(17px,1.45vw,24px);
      line-height:1.12;
      letter-spacing:-.035em;
      margin:0;
      max-width:360px;
      justify-self:start;
    }
    .service{
      text-decoration:none;
      cursor:pointer;
    }

    .service:focus-visible{
      outline:2px solid var(--ink);
      outline-offset:6px;
    }

    .arrow{display:none}
    .impact{
      background:#ffffff;
      color:#151515;
      position:relative;
      overflow:hidden;
      min-height:100vh;
      padding:clamp(90px,10vw,150px) 0;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    .impact::before{
      content:"Impact logic";
      position:absolute;
      top:clamp(28px,4vw,56px);
      left:clamp(20px,3vw,52px);
      z-index:3;
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.14em;
      color:#151515;
      font-weight:700;
    }

    .impact::after{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:#ffffff;
      opacity:.9;
    }

    .impact-rail{
      position:relative;
      z-index:2;
      width:100%;
      overflow:hidden;
      cursor:grab;
    }

    .impact-rail:active{
      cursor:grabbing;
    }

    .impact-track{
      display:flex;
      align-items:center;
      gap:clamp(34px,5vw,92px);
      width:max-content;
      padding:clamp(80px,9vw,140px) clamp(24px,4vw,70px);
      transform:translateX(0);
      transition:transform 1.2s cubic-bezier(.16,1,.3,1);
    }

    .impact-rail:hover .impact-track{
      animation:impact-scroll 18s linear infinite;
    }

    .impact-frame{
      width:clamp(260px,28vw,520px);
      aspect-ratio:1.12/1;
      border-radius:28px;
      overflow:hidden;
      position:relative;
      flex:0 0 auto;
      background:#ffffff;
      box-shadow:0 20px 70px rgba(17,17,17,.08);
      transform:translateY(0) scale(1);
      transition:transform .7s cubic-bezier(.16,1,.3,1), border-radius .7s cubic-bezier(.16,1,.3,1);
    }

    .impact-frame:nth-child(2n){
      transform:translateY(44px);
    }

    .impact-frame:nth-child(3n){
      width:clamp(260px,24vw,440px);
      aspect-ratio:.86/1;
    }

    .impact-frame:hover{
      transform:translateY(-20px) scale(1.035);
      border-radius:40px;
      z-index:5;
    }

    .impact-frame:nth-child(2n):hover{
      transform:translateY(20px) scale(1.035);
    }

    .impact-frame img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      filter:grayscale(100%) contrast(1.12) brightness(.94);
      transition:transform 1s cubic-bezier(.16,1,.3,1), filter .6s ease;
    }

    .impact-frame:hover img{
      transform:scale(1.08);
      filter:grayscale(100%) contrast(1.18) brightness(.98);
    }

    .impact-caption{
      position:absolute;
      left:18px;
      bottom:18px;
      padding:9px 13px;
      border-radius:999px;
      background:#ffffff;
      backdrop-filter:blur(14px);
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.08em;
      color:#151515;
      opacity:0;
      transform:translateY(10px);
      transition:.35s ease;
    }

    .impact-frame:hover .impact-caption{
      opacity:1;
      transform:none;
    }

    .impact-note{
      position:relative;
      z-index:2;
      display:flex;
      justify-content:space-between;
      gap:24px;
      padding:0 clamp(20px,3vw,52px);
      margin-top:clamp(20px,3vw,42px);
      color:#151515;
      font-size:clamp(15px,1.3vw,22px);
      letter-spacing:-.035em;
    }

    .impact-note span:last-child{
      text-align:right;
    }

    @keyframes impact-scroll{
      from{transform:translateX(0)}
      to{transform:translateX(-50%)}
    }
    .process{
      background:#ffffff;
      color:#151515;
      padding:clamp(90px,10vw,150px) clamp(20px,3vw,52px);
      position:relative;
      overflow:hidden;
    }

    .process::before{
      content:"";
      position:absolute;
      inset:0;
      background:#ffffff;
      pointer-events:none;
    }

    .process-inner{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(360px,680px);
      gap:clamp(46px,7vw,110px);
      align-items:start;
    }

    .process-kicker{
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.22em;
      color:#151515;
      font-weight:700;
      margin-bottom:clamp(30px,4vw,56px);
    }

    .process-title{
      font-size:clamp(58px,8.4vw,150px);
      line-height:.86;
      letter-spacing:-.085em;
      margin:0 0 clamp(48px,6vw,84px);
      max-width:780px;
      color:#151515;
    }

    .process-list{
      border-top:1px solid rgba(58,29,19,.32);
      max-width:760px;
    }

    .process-item{
      border-bottom:1px solid rgba(58,29,19,.32);
    }

    .process-item summary{
      list-style:none;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
      padding:24px 0;
      font-size:clamp(25px,2.3vw,42px);
      line-height:1;
      letter-spacing:-.055em;
      font-weight:600;
      color:#151515;
    }

    .process-item summary::-webkit-details-marker{
      display:none;
    }

    .process-item summary::after{
      content:"+";
      flex:0 0 auto;
      width:34px;
      height:34px;
      border:1px solid rgba(58,29,19,.55);
      border-radius:50%;
      display:grid;
      place-items:center;
      font-size:24px;
      line-height:1;
      transition:transform .3s ease, background .3s ease;
    }

    .process-item[open] summary::after{
      content:"–";
      background:#ffffff;
      color:#151515;
      transform:rotate(180deg);
    }

    .process-item p{
      margin:0;
      max-width:560px;
      padding:0 56px 26px 0;
      font-size:clamp(17px,1.35vw,22px);
      line-height:1.28;
      letter-spacing:-.035em;
      color:#151515;
    }

    .process-visual{
      position:sticky;
      top:120px;
      min-height:640px;
      border-radius:34px;
      overflow:hidden;
      background:#ffffff;
      box-shadow:0 22px 80px rgba(58,29,19,.12);
    }

    .process-visual img{
      width:100%;
      height:100%;
      min-height:640px;
      object-fit:cover;
      display:block;
      filter:grayscale(100%) contrast(1.08);
      transform:scale(1.02);
    }

    .process-footer{
      position:relative;
      z-index:2;
      margin-top:clamp(70px,8vw,120px);
      padding-top:26px;
      border-top:1px solid rgba(58,29,19,.32);
      display:flex;
      justify-content:space-between;
      gap:30px;
      align-items:center;
      font-size:clamp(22px,2.2vw,38px);
      line-height:1;
      letter-spacing:-.055em;
      color:#151515;
    }

    .process-cta{
      border:1px solid rgba(58,29,19,.55);
      border-radius:999px;
      padding:15px 24px;
      font-size:13px;
      text-transform:uppercase;
      letter-spacing:.06em;
      white-space:nowrap;
      transition:.25s ease;
    }

    .process-cta:hover{
      background:#ffffff;
      color:#151515;
    }
    .quote{
      background:#ffffff;
      color:#151515;
      min-height:92vh;
      padding:clamp(72px,9vw,140px) clamp(20px,3vw,52px);
      display:grid;
      align-items:end;
      position:relative;
      overflow:hidden;
    }

    .quote::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:#ffffff;
      background-size:auto,86px 86px,86px 86px;
      opacity:.75;
    }

    .quote-inner{
      position:relative;
      z-index:2;
      max-width:1180px;
    }

    .quote-kicker{
      font-size:clamp(22px,3vw,54px);
      line-height:1;
      letter-spacing:-.055em;
      color:#151515;
      margin:0 0 12px;
    }

    .quote h2{
      font-size:clamp(38px,5.7vw,92px);
      line-height:1.04;
      letter-spacing:-.065em;
      margin:0;
      font-weight:500;
      max-width:1120px;
    }

    .quote-meta{
      margin-top:clamp(46px,7vw,110px);
      display:grid;
      grid-template-columns:minmax(180px,.42fr) 1fr;
      gap:clamp(28px,6vw,90px);
      align-items:start;
      border-top:1px solid rgba(255,246,233,.20);
      padding-top:26px;
    }

    .quote-label{
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.14em;
      color:#151515;
      font-weight:700;
    }

    .quote p{
      margin:0;
      max-width:760px;
      font-size:clamp(19px,1.65vw,30px);
      line-height:1.15;
      letter-spacing:-.045em;
      color:#151515;
    }

    .projects{
      background:#ffffff;
    }

    .cards{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
      margin-top:60px;
    }

    .card{
      background:#ffffff;
      border:1px solid rgba(255,255,255,.18);
      border-radius:32px;
      min-height:430px;
      padding:24px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      overflow:hidden;
      position:relative;
      backdrop-filter:blur(18px);
      transition:.8s cubic-bezier(.22,1,.36,1);
    }

    .card::before{
      content:"";
      position:absolute;
      width:220px;
      height:220px;
      left:-60px;
      bottom:-120px;
      background:#ffffff;
      border-radius:42% 58% 70% 30% / 30% 45% 55% 70%;
      filter:blur(42px);
      opacity:.95;
      animation:liquidBlob 8s ease-in-out infinite alternate;
      transition:1.2s cubic-bezier(.22,1,.36,1);
    }

    .card::after{
      content:"";
      position:absolute;
      width:180px;
      height:180px;
      left:40px;
      bottom:-90px;
      background:#ffffff;
      border-radius:63% 37% 54% 46% / 55% 48% 52% 45%;
      filter:blur(38px);
      mix-blend-mode:screen;
      opacity:.9;
      animation:liquidBlob2 10s ease-in-out infinite alternate;
      transition:1.2s cubic-bezier(.22,1,.36,1);
    }

    .card:hover{
      transform:translateY(-10px);
    }

    .card:hover::before{
      width:900px;
      height:900px;
      left:-250px;
      bottom:-350px;
    }

    .card:hover::after{
      width:750px;
      height:750px;
      left:-120px;
      bottom:-280px;
    }

    .card h3,
    .card p{
      position:relative;
      z-index:5;
    }

    @keyframes liquidBlob{
      0%{
        border-radius:42% 58% 70% 30% / 30% 45% 55% 70%;
        transform:rotate(0deg);
      }

      100%{
        border-radius:60% 40% 35% 65% / 65% 30% 70% 35%;
        transform:rotate(25deg);
      }
    }

    @keyframes liquidBlob2{
      0%{
        border-radius:63% 37% 54% 46% / 55% 48% 52% 45%;
        transform:translateY(0);
      }

      100%{
        border-radius:35% 65% 55% 45% / 40% 60% 40% 60%;
        transform:translateY(-30px);
      }
    }

    .card h3{
      font-size:clamp(32px,4vw,68px);
      line-height:.92;
      letter-spacing:-.06em;
      margin:0;
      position:relative;
    }

    .card p{
      position:relative;
      font-size:18px;
    }

    .footer{
      background:#ffffff;
      color:#151515;
      padding:60px clamp(20px,3vw,52px) 30px;
    }

    .footer-logo{
      font-size:clamp(50px,10vw,170px);
      line-height:.78;
      letter-spacing:-.09em;
      font-weight:700;
      text-transform:uppercase;
    }

    .footer-grid{
      display:grid;
      grid-template-columns:1.08fr .92fr;
      gap:30px;
      border-top:1px solid rgba(255,255,255,.18);
      margin-top:40px;
      padding-top:30px;
    }

    .reveal{
      opacity:0;
      transform:translateY(40px);
      transition:opacity .8s ease,transform .8s ease;
    }

    .reveal.on{
      opacity:1;
      transform:none;
    }

    .service.reveal{
      transform:translateY(32px);
    }

    .service.reveal.on{
      transform:none;
    }
    @media(max-width:1100px){
      .founder-card{
        grid-template-columns:1fr;
      }

      .founder-badge{
        width:min(58vw,380px);
        min-width:300px;
        margin:0 auto 20px;
      }
    }

    @media(max-width:820px){
      .hero-bottom,
      .intro,
      .cards,
      .footer-grid{
        grid-template-columns:1fr;
      }

      .impact-head,
      .impact-stage{
        grid-template-columns:1fr;
      }

      .impact-stage{
        min-height:auto;
        margin-top:56px;
      }

      .impact-eye{
        width:min(72vw,330px);
        margin:0 auto 28px;
        transform:none;
      }

      .impact-flow::before,
      .impact-flow::after{
        display:none;
      }

      .impact-node{
        grid-template-columns:72px 1fr;
        gap:18px;
        min-height:auto;
      }

      .impact-node p{
        grid-column:2;
      }
      .impact-track{
        gap:26px;
        padding:90px 22px 70px;
      }

      .impact-frame{
        width:72vw;
        border-radius:24px;
      }

      .impact-frame:nth-child(2n){
        transform:translateY(24px);
      }

      .impact-note{
        display:block;
      }

      .impact-note span{
        display:block;
        text-align:left!important;
        margin-bottom:8px;
      }
      .process-inner{
        grid-template-columns:1fr;
      }

      .process-title{
        font-size:clamp(52px,16vw,92px);
      }

      .process-visual{
        position:relative;
        top:auto;
        min-height:360px;
        border-radius:28px;
      }

      .process-visual img{
        min-height:360px;
      }

      .process-footer{
        display:block;
      }

      .process-cta{
        display:inline-block;
        margin-top:24px;
      }
      .meta{grid-template-columns:1fr}

      .hero-knot{
        right:-10vw;
        top:20vh;
        width:64vw;
        opacity:.72;
      }
      .service{
        grid-template-columns:86px 1fr;
        gap:18px;
        padding:28px 0;
      }

      .service-thumb{
        width:76px;
        height:76px;
        grid-row:1 / span 2;
      }

      .service h2{
        font-size:clamp(38px,13vw,76px);
      }

      .service p{
        grid-column:2;
        max-width:none;
      }
      .step{grid-template-columns:1fr}

      .nav{
        grid-template-columns:1fr auto;
      }

      .brand{
        justify-self:start;
        font-size:30px;
      }

      .links-left{display:none}
      .links-right{justify-self:end}

      .stage-card{
        padding:40px;
      }

      .founder-card{
        grid-template-columns:1fr;
        gap:54px;
      }

      .founder-badge{
        width:min(72vw,310px);
        min-width:0;
        margin:0 auto 14px;
      }

      .founder-badge::before{
        inset:-14px;
      }

      .founder-badge::after{
        max-width:82vw;
        white-space:normal;
        text-align:center;
        line-height:1.35;
        bottom:-52px;
      }
    }
      .editorial-content{
        grid-template-columns:1fr;
        gap:44px;
      }

      .intro .label{
        font-size:clamp(34px,10vw,54px);
      }

      .editorial-right{
        justify-self:start;
      }

      .editorial-title{
        font-size:clamp(40px,13vw,72px);
      }

      .editorial-title span{
        margin-bottom:0;
      }

      .editorial-jump{
        position:relative;
        left:auto;
        bottom:auto;
        flex-wrap:wrap;
        margin-top:60px;
        gap:18px 28px;
      }

      .editorial-image{
      border:none !important;

        height:90px;
        min-height:70px;
        margin-top:50px;
      }

    button,
    .btn,
    .pill,
    input[type="submit"],
    input[type="button"]{
      font-family:"Advent Pro", sans-serif !important;
      font-weight:400 !important;
    }

    /* FONT SYSTEM — TEXTS IN ADVENT PRO REGULAR, TITLES KEPT IN SPACE GROTESK */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .brand,
    .big,
    .clean-title,
    .process-title,
    .footer-logo,
    .hero h1,
    .service h2,
    .service-page h1,
    .service-page h2,
    .marquee{
      font-family:"Space Grotesk", Arial, sans-serif !important;
    }

    body,
    p,
    a,
    li,
    span,
    small,
    label,
    input,
    textarea,
    button,
    .pill,
    .eyebrow,
    .label,
    .body,
    .hero-copy,
    .meta,
    .clean-copy,
    .service p,
    .service-page-copy,
    .service-page-kicker,
    .back-link,
    .process-kicker,
    .quote-label,
    .footer-grid{
      font-family:"Advent Pro", Arial, sans-serif !important;
      font-weight:400;
    }
    /* FINAL FONT FIX — secondary texts in Advent Pro, titles protected in Space Grotesk */
    body{
      font-family:"Advent Pro", Arial, sans-serif !important;
      font-weight:400;
    }

    p,
    li,
    a,
    small,
    label,
    input,
    textarea,
    button,
    .pill,
    .eyebrow,
    .label,
    .body,
    .hero-copy,
    .meta,
    .meta *,
    .clean-copy,
    .service p,
    .service-page-copy,
    .service-page-kicker,
    .back-link,
    .process-kicker,
    .quote-label,
    .footer-grid,
    .footer-grid *{
      font-family:"Advent Pro", Arial, sans-serif !important;
      font-weight:400 !important;
    }

    h1,
    h1 *,
    h2,
    h2 *,
    h3,
    h3 *,
    h4,
    h4 *,
    h5,
    h5 *,
    h6,
    h6 *,
    .brand,
    .brand *,
    .big,
    .big *,
    .clean-title,
    .clean-title *,
    .process-title,
    .process-title *,
    .footer-logo,
    .footer-logo *,
    .hero h1,
    .hero h1 *,
    .service h2,
    .service h2 *,
    .service-page h1,
    .service-page h1 *,
    .service-page h2,
    .service-page h2 *,
    .marquee,
    .marquee *{
      font-family:"Space Grotesk", Arial, sans-serif !important;
    }
    /* HISTORY SIDE PANEL */
    .site-blur{
      position:fixed;
      inset:0;
      z-index:90;
      background:#ffffff;
      backdrop-filter:blur(18px);
      opacity:0;
      pointer-events:none;
      transition:opacity .45s cubic-bezier(.16,1,.3,1);
    }

    .history-panel{
      position:fixed;
      top:0;
      right:0;
      z-index:100;
      width:min(52vw,760px);
      height:100vh;
      padding:clamp(28px,4vw,54px);
      background:#ffffff;
      color:#151515;
      transform:translateX(105%);
      transition:transform .72s cubic-bezier(.16,1,.3,1);
      overflow-y:auto;
      box-shadow:-40px 0 120px rgba(0,0,0,.38);
    }

    body.history-open{
      overflow:hidden;
    }

    body.history-open .site-blur{
      opacity:1;
      pointer-events:auto;
    }

    body.history-open .history-panel{
      transform:translateX(0);
    }

    .history-close{
      position:absolute;
      top:24px;
      left:-72px;
      width:56px;
      height:56px;
      border:0;
      border-radius:4px;
      background:#ffffff;
      color:#151515;
      font-size:26px;
      line-height:1;
      cursor:pointer;
    }

    .history-source{
      display:flex;
      align-items:center;
      gap:14px;
      margin-bottom:clamp(42px,6vh,78px);
    }

    .history-mark{
      width:68px;
      height:68px;
      border-radius:10px;
      display:grid;
      place-items:center;
      background:#ffffff;
      border:1px solid rgba(246,242,235,.14);
      font-family:"Space Grotesk",Arial,sans-serif !important;
      font-size:12px;
      line-height:.95;
      text-transform:uppercase;
      letter-spacing:-.04em;
      text-align:center;
    }

    .history-source strong{
      display:block;
      font-family:"Space Grotesk",Arial,sans-serif !important;
      font-size:17px;
      line-height:1;
      font-weight:500;
    }

    .history-source span{
      display:block;
      margin-top:6px;
      font-size:14px;
      color:#151515;
      letter-spacing:.04em;
    }

    .history-panel h2{
      font-family:"Space Grotesk",Arial,sans-serif !important;
      font-size:clamp(34px,3.2vw,56px);
      line-height:1.05;
      letter-spacing:-.07em;
      font-weight:400;
      max-width:650px;
      margin:0 0 28px;
    }

    .history-lead{
      max-width:650px;
      margin:0 0 34px;
      font-size:clamp(17px,1.25vw,23px);
      line-height:1.28;
      letter-spacing:-.035em;
      color:#151515;
    }

    .history-photo{
      width:100%;
      aspect-ratio:16/9;
      overflow:hidden;
      border-radius:8px;
      background:#ffffff;
      margin:0 0 34px;
    }

    .history-photo img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      filter:grayscale(100%) contrast(1.18) brightness(.86);
      transform:scale(1.02);
    }

    .history-text{
      max-width:650px;
      font-size:clamp(18px,1.35vw,24px);
      line-height:1.38;
      letter-spacing:-.04em;
      color:#151515;
      margin-bottom:36px;
    }

    .history-cta{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1px solid rgba(246,242,235,.5);
      border-radius:2px;
      padding:17px 24px;
      font-family:"Space Grotesk",Arial,sans-serif !important;
      font-size:13px;
      line-height:1;
      letter-spacing:.06em;
      text-transform:uppercase;
      color:#151515;
      transition:.25s ease;
    }

    .history-cta:hover{
      background:#ffffff;
      color:#151515;
    }

    @media(max-width:900px){
      .history-panel{
        width:100vw;
        padding:86px 24px 34px;
      }

      .history-close{
        top:18px;
        left:18px;
      }
    }
    /* SECTION PAGES MENU */
    .menu-wrap{position:relative;display:flex;align-items:center;gap:8px;}
    .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:#151515;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease;}
    .menu-toggle:hover{background:#ffffff;color:#151515;border-color:rgba(21,21,21,.28);}
    .menu-lines{display:inline-flex;width:14px;height:10px;margin-right:8px;position:relative;vertical-align:-1px;}
    .menu-lines::before,.menu-lines::after{content:"";position:absolute;left:0;width:14px;height:1px;background:#ffffff;transition:transform .25s ease;}
    .menu-lines::before{top:1px}.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)}
    .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 var(--banner-border,rgba(17,17,17,.12));border-radius:18px;background:#ffffff;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;}
    .section-menu .pill{display:inline-flex;justify-content:space-between;align-items:center;width:100%;}
    .section-menu .pill::after{content:"↗";opacity:.65;}
    @media(max-width:820px){.menu-wrap{justify-self:start}.section-menu{position:fixed;top:76px;left:18px;right:18px;min-width:0}.links-right .pill{display:none}}
/* =========================================================
   SYNCHRONISED PREMIUM FOOTER — same structure, page colors
   ========================================================= */
.footer-redesign{
  background:#ffffff !important;
  color:#151515 !important;
  padding:0 !important;
  border-top:1px solid var(--footer-line,rgba(17,17,17,.22)) !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.footer-redesign::before{display:none !important;content:none !important;}
.footer-redesign-inner{position:relative;z-index:2;padding:clamp(54px,6vw,92px) clamp(22px,4vw,72px) 0 !important;}
.footer-redesign-main{display:grid !important;grid-template-columns:minmax(280px,.85fr) minmax(640px,1.65fr) !important;gap:clamp(56px,9vw,150px) !important;align-items:start !important;padding-bottom:clamp(54px,7vw,96px) !important;}
.footer-brand-block{display:flex !important;justify-content:flex-start !important;align-items:flex-start !important;min-height:320px !important;}
.footer-redesign .footer-logo{width:170px !important;height:170px !important;max-width:170px !important;min-width:170px !important;display:block !important;margin:-18px 0 0 8px !important;padding:0 !important;font-size:0 !important;line-height:0 !important;opacity:1 !important;visibility:visible !important;}
.footer-redesign .footer-logo-img{width:100% !important;height:auto !important;display:block !important;opacity:1 !important;visibility:visible !important;object-fit:contain !important;mix-blend-mode:normal !important;filter:brightness(0) contrast(1.05) !important;}
.footer-nav-block{display:grid !important;grid-template-columns:repeat(3,minmax(150px,1fr)) !important;gap:clamp(36px,6vw,92px) !important;align-items:start !important;}
.footer-redesign .footer-col{min-width:0 !important;}
.footer-redesign .footer-col h3,.footer-follow h3{font-family:"Space Grotesk",Arial,sans-serif !important;font-size:15px !important;line-height:1 !important;letter-spacing:.07em !important;text-transform:uppercase !important;font-weight:700 !important;margin:0 0 24px !important;color:#151515 !important;}
.footer-redesign .footer-col ul{list-style:none !important;padding:0 !important;margin:0 !important;display:grid !important;gap:14px !important;}
.footer-redesign .footer-col li,.footer-redesign .footer-col a{font-family:"Advent Pro",Arial,sans-serif !important;font-size:clamp(18px,1.25vw,22px) !important;line-height:1.18 !important;letter-spacing:-.025em !important;font-weight:400 !important;color:#151515 !important;text-decoration:none !important;}
.footer-redesign a{transition:opacity .25s ease,transform .25s ease,color .25s ease;}
.footer-redesign a:hover{color:#151515 !important;opacity:1 !important;}
.footer-follow{margin-top:clamp(40px,5vw,70px) !important;padding-top:0 !important;}
.footer-socials{display:flex !important;align-items:center !important;gap:clamp(22px,3vw,46px) !important;position:relative !important;}
.footer-socials::before{content:"" !important;display:block !important;flex:1 1 auto !important;height:1px !important;background:#ffffff !important;order:2 !important;max-width:160px !important;}
.footer-socials a{order:1 !important;font-size:clamp(17px,1.1vw,20px) !important;line-height:1 !important;}
.footer-redesign-bottom{border-top:1px solid var(--footer-line,rgba(17,17,17,.32)) !important;min-height:74px !important;display:grid !important;grid-template-columns:1fr auto 1fr !important;align-items:center !important;gap:24px !important;font-family:"Advent Pro",Arial,sans-serif !important;font-size:clamp(15px,1vw,18px) !important;line-height:1 !important;letter-spacing:-.01em !important;color:#151515 !important;}
.footer-legal-links{display:flex !important;align-items:center !important;justify-content:center !important;gap:clamp(26px,4vw,58px) !important;}
.footer-redesign-bottom a{color:#151515 !important;text-decoration:none !important;}
.back-top{justify-self:end !important;}
.footer-redesign .footer-inner,.footer-redesign .footer-top,.footer-redesign .footer-grid,.footer-redesign .footer-bottom,.footer-redesign .footer-manifesto{all:unset;}
@media(max-width:980px){.footer-redesign-main{grid-template-columns:1fr !important;gap:44px !important}.footer-brand-block{min-height:auto !important}.footer-redesign .footer-logo{width:240px !important;min-width:0 !important}.footer-nav-block{grid-template-columns:1fr 1fr !important}.footer-redesign-bottom{grid-template-columns:1fr !important;gap:18px !important;padding:24px 0 !important}.footer-legal-links{justify-content:flex-start !important;flex-wrap:wrap !important}.back-top{justify-self:start !important}}
@media(max-width:640px){.footer-redesign .footer-logo{width:220px !important}.footer-nav-block{grid-template-columns:1fr !important}}
/* LOGO REVEAL — larger + persistent coloring effect */
.about-logo-reveal{
 display:none !important;
 position:absolute;
 right:12%;
 top:38%;
 transform:translateY(-50%);
 width:420px;
 height:420px;
 z-index:5;
 cursor:pointer;
 --x:50%;
 --y:50%;
 --r:0px;
 --paint-mask:none;
 transition:filter .4s ease, transform .45s cubic-bezier(.16,1,.3,1);
}

.about-logo-layer{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 object-fit:contain;
 pointer-events:none;
 user-select:none;
}

.about-logo-paint{
 opacity:0;
 filter:drop-shadow(0 22px 65px rgba(255,255,255,.10));
 -webkit-mask-image:var(--paint-mask);
 mask-image:var(--paint-mask);
 -webkit-mask-repeat:no-repeat;
 mask-repeat:no-repeat;
 -webkit-mask-size:100% 100%;
 mask-size:100% 100%;
 transition:opacity .35s ease, filter .35s ease;
}

.about-logo-live{
 opacity:0;
 clip-path:circle(var(--r) at var(--x) var(--y));
 filter:drop-shadow(0 24px 72px rgba(255,255,255,.16));
 transition:clip-path .18s ease, filter .35s ease;
}

.about-logo-reveal:hover{
 --r:115px;
 filter:drop-shadow(0 30px 85px rgba(255,255,255,.15));
}

.about-logo-reveal:hover .about-logo-paint{
 opacity:.9;
}

.about-logo-reveal.is-visible{
 filter:drop-shadow(0 34px 100px rgba(255,255,255,.18));
}

.about-logo-reveal.is-visible .about-logo-paint,
.about-logo-reveal.is-visible .about-logo-live{
 opacity:1;
 clip-path:circle(160% at 50% 50%);
 -webkit-mask-image:none;
 mask-image:none;
}

@media(max-width:900px){
 .about-logo-reveal{
  width:min(76vw,360px);
  height:min(76vw,360px);
  right:50%;
  transform:translate(50%,-50%);
 }
}
/* =========================================================
   SAFE EFFECTS FIXED — no layout / no panel override
   ========================================================= */
.ic-progress{
  position:fixed;
  top:0;
  left:0;
  width:0%;
  height:3px;
  z-index:2147483000;
  pointer-events:none;
  background:#ccff00 !important;
  box-shadow:0 0 18px rgba(204,255,0,.55);
}

.ic-cursor-glow{
  position:fixed;
  left:0;
  top:0;
  width:180px;
  height:180px;
  z-index:75;
  pointer-events:none;
  opacity:0;
  border-radius:50%;
  transform:translate3d(-50%,-50%,0);
  background:#ffffff;
  filter:blur(12px);
  mix-blend-mode:screen;
  transition:opacity .25s ease;
}

.editorial-image img{
  transition:transform .85s cubic-bezier(.16,1,.3,1), filter .45s ease;
}

.editorial-image:hover img{
  transform:scale(1.06);
  filter:grayscale(100%) contrast(1.22) brightness(.94);
}

.editorial-image::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  background:#ffffff;
  transform:translateX(-130%);
  animation:safeSheen 6s cubic-bezier(.16,1,.3,1) infinite;
}

@keyframes safeSheen{
  0%,45%{transform:translateX(-130%)}
  75%,100%{transform:translateX(130%)}
}

.pill,
.menu-toggle,
.editorial-jump a,
.history-cta,
.footer a{
  transition:
    transform .28s cubic-bezier(.16,1,.3,1),
    opacity .28s ease,
    background .25s ease,
    color .25s ease,
    border-color .25s ease;
}

.pill:hover,
.menu-toggle:hover,
.editorial-jump a:hover,
.history-cta:hover,
.footer a:hover{
  transform:translateY(-2px);
}
.page-cinema-fade{
  position:fixed;
  inset:0;
  z-index:2147483500;
  pointer-events:none;
  opacity:0;
  background:#ffffff;
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform .55s cubic-bezier(.16,1,.3,1), opacity .45s ease;
}

body.page-fade-out .page-cinema-fade{
  opacity:1;
  transform:scaleY(1);
}

/* force the side panel to remain hidden at load, exactly as intended */
.history-panel{
  position:fixed !important;
  transform:translateX(105%) !important;
}

body.history-open .history-panel{
  transform:translateX(0) !important;
}

.site-blur{
  position:fixed !important;
  opacity:0;
  pointer-events:none;
}

body.history-open .site-blur{
  opacity:1;
  pointer-events:auto;
}

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

@media (prefers-reduced-motion:reduce){
  .ic-progress,
  .ic-cursor-glow,
  .page-cinema-fade{
    display:none !important;
  }
  .editorial-image::before{
    display:none !important;
  }
}
/* ABOUT TESTIMONIAL PORTRAIT — small, editorial, above title */
.about-testimonial{
  display:flex;
  align-items:center;
  gap:18px;
  max-width:660px;
  margin:0 0 clamp(34px,5vh,58px);
  color:#151515;
}

.about-testimonial-photo{
  width:86px;
  height:86px;
  flex:0 0 86px;
  border-radius:50%;
  overflow:hidden;
  border:1px solid rgba(244,239,231,.26);
  background:#ffffff;
  box-shadow:0 18px 60px rgba(0,0,0,.28);
}

.about-testimonial-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  filter:grayscale(100%) contrast(1.08) brightness(.9);
}

.about-testimonial-quote{
  margin:0;
  max-width:520px;
  font-family:"Advent Pro", Arial, sans-serif !important;
  font-size:clamp(17px,1.35vw,23px);
  line-height:1.18;
  letter-spacing:-.025em;
  color:#151515;
}

.about-testimonial-quote span{
  display:block;
  margin-top:8px;
  font-size:12px;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#151515;
}

@media(max-width:820px){
  .about-testimonial{
    align-items:flex-start;
    margin-bottom:34px;
  }

  .about-testimonial-photo{
    width:72px;
    height:72px;
    flex-basis:72px;
  }
}
/* FLOATING LET'S TALK — global site CTA */
.floating-talk{
  position:fixed;
  right:clamp(18px,4vw,56px);
  bottom:clamp(18px,4vw,42px);
  z-index:2147482500;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:132px;
  border-radius:999px;
  background:#ffffff;
  color:#151515;
  border:1px solid rgba(17,17,17,.08);
  backdrop-filter:blur(14px);
  padding:16px 24px;
  font-size:20px;
  line-height:1;
  font-family:"Advent Pro",Arial,sans-serif!important;
  font-weight:400!important;
  letter-spacing:0;
  text-transform:none;
  white-space:nowrap;
  box-shadow:0 16px 50px rgba(0,0,0,.18);
  transition:
    transform .25s cubic-bezier(.16,1,.3,1),
    background .25s ease,
    color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
  will-change:transform;
}

.floating-talk:hover{
  transform:translateY(-3px);
  background:#ffffff;
  color:#151515;
  border-color:rgba(21,21,21,.28);
  box-shadow:0 22px 70px rgba(58,29,19,.22);
}

.floating-talk .talk-smile{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:8px;
  font-size:.9em;
  line-height:1;
  transform:translateY(-1px);
  transition:transform .25s cubic-bezier(.16,1,.3,1);
}

.floating-talk:hover .talk-smile{
  transform:translateY(-1px) rotate(12deg) scale(1.08);
}

@media(max-width:820px){
  .floating-talk{
    right:18px;
    bottom:18px;
    padding:14px 20px;
    font-size:18px;
  }
}
.floating-talk{
  opacity:0;
  visibility:hidden;
}
.floating-talk.show-talk{
  opacity:1;
  visibility:visible;
}
/* COMPACT NEWS TAB — same page, no full-screen overlay */
.news-tool-trigger{
  position:fixed;
  top:126px;
  right:clamp(18px,3vw,42px);
  z-index:2147482400;
  width:54px;
  height:54px;
  border:1px solid rgba(246,242,235,.18);
  border-radius:10px;
  background:#ffffff;
  color:#151515;
  backdrop-filter:blur(18px);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .3s cubic-bezier(.16,1,.3,1), background .25s ease, border-color .25s ease;
}

.news-tool-trigger:hover{
  transform:translateY(-3px);
  background:#ffffff;
  border-color:rgba(21,21,21,.28);
}

.news-tool-trigger span{
  width:20px;
  height:20px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:7px;
}

.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:126px;
  right:calc(clamp(18px,3vw,42px) + 68px);
  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:blur(28px);
  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:1px solid rgba(246,242,235,.10);
}

.news-tool-kicker{
  font-family:"Advent Pro",Arial,sans-serif!important;
  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:520px;
}

.news-tool-sub{
  display:none;
}

.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:#151515;
}

.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:#151515;
}

.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:1px solid rgba(246,242,235,.08);
  transition:background .25s ease;
}

.news-card:hover{
  background:#ffffff;
}

.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:#151515;
}

.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:#ffffff;
}

.news-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:grayscale(100%) contrast(1.15) brightness(.82);
  opacity:.9;
}

.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:rgba(21,21,21,.28);
}

@media(max-width:900px){
  .news-tool-trigger{
    top:auto;
    bottom:88px;
    right:18px;
  }

  .news-tool-panel{
    top:auto;
    right:18px;
    left:18px;
    bottom:154px;
    width:auto;
    max-height:68vh;
  }
}
/* NEWS TAB — live time/date + Spotify play */
.news-tool-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin:16px 0 0;
  flex-wrap:wrap;
}

.news-clock,
.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{
  color:#151515;
}

.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-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:#ffffff;
}
/* NEWS TAB — analog clock */
.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:0 0 12px rgba(204,255,0,.5);
}

.news-clock-hand{
  position:absolute;
  left:50%;
  top:50%;
  width:2px;
  transform-origin:50% 100%;
  border-radius:999px;
  background:#ffffff;
}

.news-clock-hour{
  height:14px;
  margin-top:-14px;
  opacity:.9;
}

.news-clock-minute{
  height:20px;
  margin-top:-20px;
  background:#ffffff;
}

.news-clock-label{
  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 TOOL IN NAV — placed right next to Start a Project */
.links-right,
.nav-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}

.news-tool-trigger{
  position:static !important;
  top:auto !important;
  right:auto !important;
  width:48px !important;
  height:42px !important;
  min-width:48px !important;
  border-radius:13px !important;
  flex:0 0 auto !important;
  transform:none !important;
}

.news-tool-trigger:hover{
  transform:translateY(-2px) !important;
}

.news-tool-panel{
  top:82px !important;
  right:clamp(18px,3vw,42px) !important;
}

@media(max-width:900px){
  .news-tool-trigger{
    position:static !important;
    width:44px !important;
    height:40px !important;
  }

  .news-tool-panel{
    top:78px !important;
    right:18px !important;
    left:18px !important;
    bottom:auto !important;
    width:auto !important;
    max-height:72vh !important;
  }
}


.brand img,.navbar-symbol-img{filter:none!important;height:48px!important;width:auto!important;display:block!important;}

.links-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !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;
}

.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:20px;
  height:20px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:7px;
}

.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:blur(28px);
  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:1px solid rgba(246,242,235,.10);
}

.news-tool-kicker{
  font-family:"Advent Pro",Arial,sans-serif!important;
  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:#151515;
}

.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:#151515;
}

.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:0 0 12px rgba(204,255,0,.5);
}

.news-clock-hand{
  position:absolute;
  left:50%;
  top:50%;
  width:2px;
  transform-origin:50% 100%;
  border-radius:999px;
  background:#ffffff;
}

.news-clock-hour{
  height:14px;
  margin-top:-14px;
  opacity:.9;
}

.news-clock-minute{
  height:20px;
  margin-top:-20px;
  background:#ffffff;
}

.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:#151515;
}

.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:#151515;
}

.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:1px solid rgba(246,242,235,.08);
  transition:background .25s ease;
}

.news-card:hover{
  background:#ffffff;
}

.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:#151515;
}

.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:#ffffff;
}

.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:#ffffff;
}

.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:rgba(21,21,21,.28);
}

@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;
  }
}


/* Premium about adjustments */
.hero{min-height:72vh!important;padding-bottom:20px!important}
.hero-bottom{margin-top:28px!important}
.editorial-jump{gap:26px!important;font-size:13px!important}
.editorial-jump a,.editorial-jump span{transition:opacity .3s ease,transform .35s cubic-bezier(.16,1,.3,1)}
.editorial-jump a:hover{opacity:1;transform:translateY(-2px)}
section{padding-top:120px;padding-bottom:120px}
.reveal{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .45s ease}
img:hover{transform:scale(1.02)}


/* =========================================================
   FIX — ABOUT HERO PHOTO CONTOUR PREMIUM
   Clean editorial frame, no broken CSS, no small portrait override
   ========================================================= */

.about-hero-visual,
.hero-photo,
.about-photo,
.premium-photo,
.editorial-portrait{
  position:relative;
  isolation:isolate;
}

.about-hero-visual img,
.hero-photo img,
.about-photo img,
.premium-photo img,
.editorial-portrait img{
  display:block;
}

/* Target the large hero portrait only */
.about-hero-visual,
.hero-photo,
.about-photo,
.premium-photo{
  border-radius:42px;
  overflow:visible;
}

.about-hero-visual::before,
.hero-photo::before,
.about-photo::before,
.premium-photo::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:44px;
  background:#ffffff;
  opacity:.65;
}

.about-hero-visual::after,
.hero-photo::after,
.about-photo::after,
.premium-photo::after{
  content:"";
  position:absolute;
  inset:14px -18px -20px 18px;
  z-index:-2;
  border-radius:46px;
  background:#ffffff;
  filter:blur(34px);
  opacity:.36;
}

.about-hero-visual img,
.hero-photo img,
.about-photo img,
.premium-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:40px;
  clip-path:polygon(7% 0, 100% 0, 100% 88%, 95% 100%, 0 100%, 0 10%);
  box-shadow:
    0 24px 70px rgba(17,17,17,.18),
    inset 0 0 0 1px rgba(255,255,255,.18);
  filter:grayscale(100%) contrast(1.08) brightness(.96);
}

/* If the hero image has no wrapper and is directly inside the hero media block */
.about-hero img,
.hero-media img,
.about-hero-photo img{
  border-radius:40px;
  clip-path:polygon(7% 0, 100% 0, 100% 88%, 95% 100%, 0 100%, 0 10%);
  box-shadow:0 24px 70px rgba(17,17,17,.18);
  filter:grayscale(100%) contrast(1.08) brightness(.96);
}



/* 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;}



/* =========================================================
   FINAL BORDERLESS PREMIUM AUDIT
   Removes visible separating lines across the About page.
   Hierarchy is now created by spacing, typography and contrast.
   ========================================================= */
body,
.nav,
.hero,
.intro,
.image-stage,
.stage-card,
.services,
.service,
.impact,
.process,
.quote,
.projects,
.card,
.footer,
.footer-redesign,
.footer-redesign-inner,
.footer-redesign-main,
.footer-redesign-bottom,
.footer-grid,
.footer-follow,
.footer-nav-block,
.history-panel,
.history-mark,
.history-photo,
.news-tool-panel,
.news-tool-left,
.news-card,
.section-menu,
.process-list,
.process-item,
.process-footer,
.quote-meta,
.meta div{
  border:0 !important;
  border-top:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-left:0 !important;
}

/* Remove artificial divider lines created with pseudo-elements */
.service::before,
.footer-socials::before,
.editorial-rule,
.editorial-subline,
.process-list::before,
.process-list::after,
.process-item::before,
.process-item::after,
.quote-meta::before,
.quote-meta::after,
.footer-redesign::before,
.footer-redesign::after,
.news-card::before,
.news-card::after{
  display:none !important;
  content:none !important;
  background:transparent !important;
  border:0 !important;
}

/* Remove remaining visible borders on interactive UI for a cleaner studio look */
.pill,
.menu-toggle,
.section-menu,
.section-menu .pill,
.history-cta,
.process-cta,
.floating-talk,
.news-tool-trigger,
.news-tool-close,
.news-tool-tabs button,
.news-tool-all,
.news-clock,
.news-date,
.news-play,
.about-testimonial-photo,
.founder-badge img,
.process-item summary::after{
  border-color:rgba(21,21,21,.28) !important;
  border:0 !important;
}

/* Keep the structure elegant without line-based separation */
.nav{
  box-shadow:none !important;
}

.footer-redesign-bottom,
.footer-grid,
.process-footer,
.quote-meta,
.news-tool-left,
.news-card{
  box-shadow:none !important;
}

/* Subtle hover states without borders */
.pill:hover,
.menu-toggle:hover,
.history-cta:hover,
.process-cta:hover,
.news-tool-all:hover,
.news-tool-close:hover{
  border-color:rgba(21,21,21,.28) !important;
}


/* PREMIUM SPACING SYSTEM */
section{
  padding:160px clamp(20px,3vw,52px) !important;
}
.big,
.clean-title,
.process-title,
.quote h2,
.service h2{
  margin-bottom:80px !important;
}
.body,
.clean-copy,
.service p,
.quote p,
.history-text{
  margin-bottom:40px !important;
}
.meta,
.editorial-jump,
.footer-socials,
.news-tool-meta{
  gap:24px !important;
}



/* =========================================================
   v31 — EFFECTS LIGHT MODE
   Heavy decorative effects removed/disabled for publication:
   grain, cursor glow, page fade, news overlay, hidden logo reveal,
   photo sheen overlays. Core scroll/reveal and panels are preserved.
   ========================================================= */
.grain,
.ic-cursor-glow,
.page-cinema-fade,
.about-logo-reveal,
.news-tool-trigger,
.news-tool-panel,
.news-panel{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.editorial-image::before,
.editorial-image::after,
.quote::before,
.impact::after,
.process::before,
.projects::before,
.projects::after{
  content:none !important;
  display:none !important;
  background:#ffffff !important;
}

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

*{
  animation-duration:var(--motion-duration, initial);
}

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



/* EXACT INDEX NEWS MENU WINDOW — copied from index(27) */
.links-right{justify-self:end;display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important}.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}}

/* Source: journal-simplified */
.news-filters,
.news-toolbar,
.news-meta,
.news-clock,
.clock-widget,
.news-thumb,
.article-thumb,
.news-card img{
    display:none !important;
}
.news-panel .article-card{
    grid-template-columns:1fr !important;
}
.news-panel .article-card{
    padding:22px 0 !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
}

/* Premium about adjustments */
.hero{min-height:72vh!important;padding-bottom:20px!important}
.hero-bottom{margin-top:28px!important}
.editorial-jump{gap:26px!important;font-size:13px!important}
.editorial-jump a,.editorial-jump span{transition:opacity .3s ease,transform .35s cubic-bezier(.16,1,.3,1)}
.editorial-jump a:hover{opacity:1;transform:translateY(-2px)}
section{padding-top:120px;padding-bottom:120px}
.reveal{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .45s ease}
img:hover{transform:scale(1.02)}


/* 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: copied-index-news-panel-css */
/* COPIED VERBATIM FROM INDEX.HTML — news trigger + latest news panel */

.links-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !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;
}

.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:20px;
  height:20px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:7px;
}

.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:blur(28px);
  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:1px solid rgba(246,242,235,.10);
}

.news-tool-kicker{
  font-family:"Advent Pro",Arial,sans-serif!important;
  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:#151515;
}

.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:#151515;
}

.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:0 0 12px rgba(204,255,0,.5);
}

.news-clock-hand{
  position:absolute;
  left:50%;
  top:50%;
  width:2px;
  transform-origin:50% 100%;
  border-radius:999px;
  background:#ffffff;
}

.news-clock-hour{
  height:14px;
  margin-top:-14px;
  opacity:.9;
}

.news-clock-minute{
  height:20px;
  margin-top:-20px;
  background:#ffffff;
}

.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:#151515;
}

.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:#151515;
}

.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:1px solid rgba(246,242,235,.08);
  transition:background .25s ease;
}

.news-card:hover{
  background:#ffffff;
}

.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:#151515;
}

.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:#ffffff;
}

.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:#ffffff;
}

.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:rgba(21,21,21,.28);
}

@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;
  }
}

.dots-btn::after,
.more-btn::after,
.menu-dots::after,
.nav-dots::after{
  animation:dotsNudge 1.4s ease-in-out infinite;
}

@keyframes dotsNudge{
  0%,100%{ transform:translateX(0); }
  35%{ transform:translateX(4px); }
  70%{ transform:translateX(-2px); }
}


/* === ANIMATION REELLE BOUTON TROIS POINTS === */
.news-tool-trigger{
  overflow:hidden !important;
}

.news-tool-trigger span{
  position:relative !important;
  width:24px !important;
  height:18px !important;
  display:block !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;
  }
}


/* Premium about adjustments */
.hero{min-height:72vh!important;padding-bottom:20px!important}
.hero-bottom{margin-top:28px!important}
.editorial-jump{gap:26px!important;font-size:13px!important}
.editorial-jump a,.editorial-jump span{transition:opacity .3s ease,transform .35s cubic-bezier(.16,1,.3,1)}
.editorial-jump a:hover{opacity:1;transform:translateY(-2px)}
section{padding-top:120px;padding-bottom:120px}
.reveal{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .45s ease}
img:hover{transform:scale(1.02)}


/* 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 */
.nav{
    z-index:99999 !important;
    overflow:visible !important;
    isolation:isolate !important;
  }

  .menu-wrap{
    position:relative !important;
    z-index:100000 !important;
  }

  .section-menu{
    z-index:100001 !important;
    background:#ffffff !important;
    color:#151515 !important;
  }

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

/* Premium about adjustments */
.hero{min-height:72vh!important;padding-bottom:20px!important}
.hero-bottom{margin-top:28px!important}
.editorial-jump{gap:26px!important;font-size:13px!important}
.editorial-jump a,.editorial-jump span{transition:opacity .3s ease,transform .35s cubic-bezier(.16,1,.3,1)}
.editorial-jump a:hover{opacity:1;transform:translateY(-2px)}
section{padding-top:120px;padding-bottom:120px}
.reveal{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .45s ease}
img:hover{transform:scale(1.02)}


/* 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;}