@import url('../../fonts.css');

    :root{
      --violet:#b875ff;
      --violet-2:#d7b7ff;
      --acid:#ccff00;
      --ink:#111;
      --paper:#f6f2eb;
      --red:#9d1000;
      --dark:#151515;
      --muted:#6e6578;
      --line:rgba(17,17,17,.18);
      --radius:34px;
    }

    *{box-sizing:border-box}

    html{scroll-behavior:smooth}

    body{
      margin:0;
      font-family:"Advent Pro",Arial,sans-serif;
      background:#f6f2eb;
      color:var(--ink);
      overflow-x:hidden;
    }

    a{
      color:inherit;
      text-decoration:none;
    }

    .grain{
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:80;
      opacity:.16;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
    }

    .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:var(--banner-bg, rgba(246,242,235,.92));
      color:var(--banner-color, var(--ink));
      backdrop-filter:blur(18px);
      border-bottom:none !important;
      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:var(--banner-hover-bg, var(--ink));
      color:var(--banner-hover-color, var(--violet));
      border-color:var(--banner-hover-bg, var(--ink));
    }
    .hero{
      background:#f6f2eb;
      min-height:92vh;
      display:grid;
      grid-template-columns:1fr;
      align-content:space-between;
      padding:54px 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:64px;
    }

    .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:1px solid var(--ink);
      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(34vw,540px);
      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:1px solid var(--ink);
      overflow:hidden;
      white-space:nowrap;
      background:var(--acid);
      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:#0b0b0b;
      color:#f4efe7;
      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:#f4efe7;
      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:rgba(244,239,231,.62);
    }

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

    .editorial-title strong{
      display:inline;
      font-weight:400;
      color:rgba(244,239,231,.62);
    }

    .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:#f4efe7;
      font-weight:700;
    }

    .editorial-jump span:first-child{
      color:rgba(244,239,231,.62);
      font-weight:400;
    }

    .editorial-image{
      width:100vw;
      height:clamp(90px,12vh,160px);
      min-height:90px;
      max-height:160px;
      margin:clamp(70px,9vh,110px) 0 0 calc(50% - 50vw);
      overflow:hidden;
      background:#111;
      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:
        linear-gradient(90deg,rgba(11,11,11,.72),transparent 14%,transparent 86%,rgba(11,11,11,.72)),
        radial-gradient(circle at 50% 50%,transparent 38%,rgba(0,0,0,.22) 100%);
      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:var(--red);
      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:#2a2428;
    }

    /* CLEAN PREMIUM BLOCK - no red effect, no dark background */
    .image-stage{
      background:var(--violet);
      color:var(--ink);
      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:var(--paper);
      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:var(--ink);
      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:var(--ink);
    }

    .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:var(--violet-2);
      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:1px solid var(--ink);
      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:var(--red);
      transition:width .6s cubic-bezier(.16,1,.3,1);
    }

    .service:hover{
      transform:translateX(10px);
      background:rgba(255,255,255,.12);
    }

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

    .service .num{display:none}

    .service-thumb{
      width:150px;
      height:150px;
      overflow:hidden;
      justify-self:start;
      background:rgba(255,255,255,.16);
      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:#eeeeee;
      color:var(--ink);
      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:var(--red);
      font-weight:700;
    }

    .impact::after{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        radial-gradient(circle at 18% 18%,rgba(184,117,255,.22),transparent 34%),
        radial-gradient(circle at 76% 72%,rgba(204,255,0,.18),transparent 28%);
      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:#ddd;
      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:rgba(244,239,231,.78);
      backdrop-filter:blur(14px);
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.08em;
      color:#111;
      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:rgba(17,17,17,.64);
      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:#efff5a;
      color:#3a1d13;
      padding:clamp(90px,10vw,150px) clamp(20px,3vw,52px);
      position:relative;
      overflow:hidden;
    }

    .process::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 78% 18%,rgba(255,255,255,.35),transparent 28%),
        radial-gradient(circle at 15% 72%,rgba(184,117,255,.16),transparent 32%);
      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:#5a2616;
      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:#3a1d13;
    }

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

    .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:#3a1d13;
      color:#efff5a;
      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:rgba(58,29,19,.78);
    }

    .process-visual{
      position:sticky;
      top:120px;
      min-height:640px;
      border-radius:34px;
      overflow:hidden;
      background:#d7e84b;
      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:#3a1d13;
    }

    .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:#3a1d13;
      color:#efff5a;
    }
    .quote{
      background:#4b2818;
      color:#fff6e9;
      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:
        radial-gradient(circle at 72% 22%,rgba(255,246,233,.10),transparent 32%),
        linear-gradient(90deg,rgba(255,246,233,.035) 1px,transparent 1px),
        linear-gradient(180deg,rgba(255,246,233,.028) 1px,transparent 1px);
      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:rgba(255,246,233,.45);
      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:#efff5a;
      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:rgba(255,246,233,.78);
    }

    .projects{
      background:
        radial-gradient(circle at 15% 20%, #e7ff55 0%, transparent 30%),
        radial-gradient(circle at 85% 80%, #d7a3ff 0%, transparent 35%),
        linear-gradient(135deg,#b875ff 0%,#ca9cff 50%,#b875ff 100%);
    }

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

    .card{
      background:rgba(255,255,255,.10);
      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:#dfff2f;
      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:#ffffaa;
      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:#050505;
      color:var(--paper);
      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:1fr 1fr;
      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{
        height:90px;
        min-height:90px;
        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:rgba(5,5,5,.22);
      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:#191919;
      color:#f6f2eb;
      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:#222;
      color:#f6f2eb;
      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:#0b0b0b;
      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:rgba(246,242,235,.58);
      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:rgba(246,242,235,.62);
    }

    .history-photo{
      width:100%;
      aspect-ratio:16/9;
      overflow:hidden;
      border-radius:8px;
      background:#0b0b0b;
      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:rgba(246,242,235,.50);
      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:#f6f2eb;
      transition:.25s ease;
    }

    .history-cta:hover{
      background:#f6f2eb;
      color:#191919;
    }

    @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:inherit;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease;}
    .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));}
    .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:currentColor;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:var(--banner-bg,rgba(246,242,235,.96));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}}

/* PREMIUM PROCESS EFFECTS — added */
.process{
  isolation:isolate;
  background:#efff5a;
}
.process::after{
  content:"";
  position:absolute;
  inset:-20%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--mx,72%) var(--my,28%),rgba(255,255,255,.46),transparent 18%),
    radial-gradient(circle at 18% 80%,rgba(184,117,255,.22),transparent 30%),
    linear-gradient(120deg,rgba(255,255,255,.12),transparent 42%);
  mix-blend-mode:soft-light;
  opacity:.75;
  transition:opacity .4s ease;
}

.process-kicker,
.process-title,
.process-list,
.process-visual,
.process-footer{
  will-change:transform,opacity;
}
.process-kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
}
.process-kicker::before{
  content:"";
  width:34px;
  height:1px;
  background:#3a1d13;
  transform-origin:left;
  animation:lineGrow 1.2s cubic-bezier(.16,1,.3,1) both;
}
@keyframes lineGrow{
  from{transform:scaleX(0);opacity:0}
  to{transform:scaleX(1);opacity:1}
}
.process-title{
  text-wrap:balance;
}
.process-title span{
  display:inline-block;
  transform:translateY(28px);
  opacity:0;
  animation:titleLift .9s cubic-bezier(.16,1,.3,1) forwards;
}
.process-title span:nth-child(2){animation-delay:.12s}
@keyframes titleLift{
  to{transform:none;opacity:1}
}
.process-list{
  position:relative;
}
.process-list::before{
  content:"";
  position:absolute;
  left:-24px;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(58,29,19,.22);
}
.process-list::after{
  content:"";
  position:absolute;
  left:-24px;
  top:0;
  width:1px;
  height:var(--process-progress,16%);
  background:#3a1d13;
  transition:height .55s cubic-bezier(.16,1,.3,1);
}
.process-item{
  position:relative;
  transform:translateY(28px);
  opacity:0;
}
.process-item.on{
  transform:none;
  opacity:1;
  transition:transform .75s cubic-bezier(.16,1,.3,1), opacity .75s ease;
}
.process-item::before{
  content:attr(data-step);
  position:absolute;
  left:-82px;
  top:22px;
  width:44px;
  height:44px;
  border:1px solid rgba(58,29,19,.36);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-family:"Space Grotesk",Arial,sans-serif!important;
  font-size:13px;
  color:#3a1d13;
  background:#efff5a;
  z-index:2;
  transition:.35s ease;
}
.process-item[open]::before,
.process-item:hover::before{
  background:#3a1d13;
  color:#efff5a;
  border-color:#3a1d13;
  transform:scale(1.06);
}
.process-item summary{
  transition:padding-left .35s cubic-bezier(.16,1,.3,1), letter-spacing .35s ease;
}
.process-item:hover summary{
  padding-left:14px;
  letter-spacing:-.068em;
}
.process-item summary::after{
  transition:transform .35s cubic-bezier(.16,1,.3,1), background .35s ease, color .35s ease;
}
.process-item:hover summary::after{
  transform:rotate(90deg);
}
.process-item[open] summary::after{
  transform:rotate(180deg);
}
.process-item p{
  overflow:hidden;
  animation:detailsReveal .45s cubic-bezier(.16,1,.3,1);
}
@keyframes detailsReveal{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:none}
}
.process-visual{
  transform:translateY(26px) rotate(.6deg);
  opacity:0;
  transition:transform .9s cubic-bezier(.16,1,.3,1), opacity .9s ease, border-radius .7s cubic-bezier(.16,1,.3,1);
}
.process.reveal.on .process-visual{
  transform:translateY(0) rotate(0deg);
  opacity:1;
}
.process-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.22)),
    radial-gradient(circle at 40% 20%,rgba(255,255,255,.18),transparent 32%);
  mix-blend-mode:multiply;
}
.process-visual::after{
  content:"PROCESS / 01—06";
  position:absolute;
  left:22px;
  bottom:22px;
  z-index:3;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(239,255,90,.78);
  backdrop-filter:blur(14px);
  color:#3a1d13;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
}
.process-visual img{
  transition:transform 1.4s cubic-bezier(.16,1,.3,1), filter .6s ease;
  transform:scale(1.08) translateY(var(--image-shift,0px));
}
.process-visual:hover{
  border-radius:46px;
}
.process-visual:hover img{
  transform:scale(1.14) translateY(var(--image-shift,0px));
  filter:grayscale(100%) contrast(1.18) brightness(.95);
}
.process-footer{
  transform:translateY(20px);
  opacity:0;
}
.process.reveal.on .process-footer{
  transform:none;
  opacity:1;
  transition:transform .8s cubic-bezier(.16,1,.3,1) .25s, opacity .8s ease .25s;
}
.process-cta{
  position:relative;
  overflow:hidden;
}
.process-cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:#3a1d13;
  transform:translateX(-105%);
  transition:transform .45s cubic-bezier(.16,1,.3,1);
  z-index:-1;
}
.process-cta:hover::before{
  transform:none;
}
.magnetic{
  will-change:transform;
}
@media (prefers-reduced-motion: reduce){
  .process-orbit,
  .process-title span,
  .process-kicker::before{
    animation:none!important;
  }
  .process-item,
  .process-visual,
  .process-footer{
    transition:none!important;
    transform:none!important;
    opacity:1!important;
  }
  .process-visual img{
    transform:scale(1.02)!important;
  }
}
@media(max-width:820px){
  .process-list::before,
  .process-list::after,
  .process-item::before,
  .process-item:hover summary{
    padding-left:0;
  }
}
/* =========================================================
   SYNCHRONISED PREMIUM FOOTER — same structure, page colors
   ========================================================= */
.footer-redesign{
  background:var(--footer-bg,#f6f2eb) !important;
  color:var(--footer-fg,#111) !important;
  padding:0 !important;
  border-top:none !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:clamp(240px,24vw,360px) !important;max-width:360px !important;min-width:240px !important;display:block !important;margin:0 !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:var(--footer-logo-filter,contrast(1.12) brightness(.92)) !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:var(--footer-fg,#111) !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:var(--footer-fg,#111) !important;text-decoration:none !important;}
.footer-redesign a{transition:opacity .25s ease,transform .25s ease,color .25s ease;}
.footer-redesign a:hover{color:var(--footer-hover,#9d1000) !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:var(--footer-line,rgba(17,17,17,.32)) !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-inner,
.footer-redesign-bottom{
  background:#efff1a !important;
}
.footer-redesign-bottom{border-top:none !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:var(--footer-fg,#111) !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:var(--footer-fg,#111) !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}}
/* 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:rgba(246,242,235,.92);
  color:#111;
  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:#efff5a;
  color:#3a1d13;
  border-color:rgba(58,29,19,.18);
  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:1;visibility:visible;}

/* COMPACT NEWS TAB — same page, no full-screen overlay */



/* Custom brown cursor */
html,body{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%2327150d' d='M2 2l10 24 3-8 8-3z'/%3E%3C/svg%3E") 2 2, auto;
}
a,button,summary,.process-v2-step,.process-v2-arrows button{
  cursor:pointer;
}


.nav,.nav::before,.nav::after{
border:none!important;
box-shadow:none!important;
}
header,header::after,header::before{
border:none!important;
box-shadow:none!important;
}
.hero{
border-top:none!important;
margin-top:0!important;
}
body::before,body::after{
border:none!important;
}




/* EXACT PROCESS PAGE LAYOUT — approved reference */
body{background:#efff1a!important;}

.process-v2,
.process-v2 *{box-sizing:border-box;}
.process-v2{
  --yellow:#efff1a;
  --dark:#060606;
  --brown:#27150d;
  --soft:rgba(39,21,13,.28);
  min-height:calc(100vh - 78px);
  width:100%;
  padding:clamp(48px,5.1vw,82px) clamp(36px,3.6vw,58px) clamp(34px,3.4vw,54px);
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.24),transparent 18%),
    radial-gradient(circle at 90% 20%,rgba(255,255,255,.18),transparent 25%),
    linear-gradient(180deg,rgba(39,21,13,.10) 1px,transparent 1px),
    #efff1a;
  background-size:auto,auto,100% 64px,auto;
  color:var(--brown);
  display:grid;
  grid-template-columns:minmax(220px,280px) minmax(430px,510px) minmax(560px,1fr);
  gap:clamp(34px,3.6vw,64px);
  align-items:stretch;
  overflow:hidden;
  position:relative;
  isolation:isolate;
}
.process-v2::after{
  content:"";
  position:absolute;
  right:-10vw;
  top:-6vw;
  width:min(58vw,900px);
  aspect-ratio:1;
  border:1px solid rgba(39,21,13,.12);
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}
.process-v2-left,
.process-v2-steps,
.process-v2-panel{position:relative;z-index:1;}
.process-v2-left{
  min-height:720px;
  display:flex;
  flex-direction:column;
  padding-top:clamp(8px,1.4vw,24px);
}
.process-v2-kicker{
  font-family:"Space Grotesk",Arial,sans-serif!important;
  font-size:13px;
  line-height:1;
  letter-spacing:.42em;
  text-transform:uppercase;
  font-weight:700;
  color:#050505;
  margin:0;
}
.process-v2-arrow{
  margin-top:76px;
  font-size:62px;
  line-height:.8;
  font-family:"Space Grotesk",Arial,sans-serif!important;
  color:#1d100a;
}
.process-v2-intro{
  margin:50px 0 0;
  max-width:260px;
  font-size:clamp(18px,1.25vw,23px);
  line-height:1.18;
  letter-spacing:-.045em;
  color:#1d100a;
}
.process-v2-scroll{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:14px;
  font-family:"Space Grotesk",Arial,sans-serif!important;
  font-size:12px;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:700;
  color:#050505;
}
.process-v2-scroll span{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#050505;
  color:var(--yellow);
  font-size:18px;
}
.process-v2-steps{
  align-self:stretch;
  display:grid;
  align-content:center;
  padding:22px 0 12px;
}
.process-v2-steps::before{
  content:"";
  position:absolute;
  left:29px;
  top:calc(50% - 294px);
  height:588px;
  width:2px;
  background:#1e110b;
  opacity:.9;
}
.process-v2-step{
  appearance:none;
  border:0;
  border-bottom:1px solid rgba(39,21,13,.34);
  background:transparent;
  color:#1d100a;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 48px;
  gap:20px;
  align-items:start;
  width:100%;
  min-height:108px;
  padding:24px 0 22px;
  text-align:left;
  cursor:pointer;
}
.process-v2-step:first-child{border-top:0;}
.process-v2-dot{
  width:48px;
  height:48px;
  border:1px solid #1d100a;
  border-radius:50%;
  background:var(--yellow);
  display:grid;
  place-items:center;
  font-family:"Space Grotesk",Arial,sans-serif!important;
  font-size:13px;
  line-height:1;
  font-weight:700;
  color:#1d100a;
  position:relative;
  z-index:2;
  transition:.25s ease;
}
.process-v2-step.is-active .process-v2-dot{
  background:#050505;
  color:var(--yellow);
  box-shadow:0 0 0 19px rgba(39,21,13,.055),0 0 0 38px rgba(39,21,13,.035);
}
.process-v2-copy strong{
  display:block;
  font-family:"Space Grotesk",Arial,sans-serif!important;
  font-size:clamp(27px,2vw,38px);
  line-height:.96;
  letter-spacing:-.08em;
  font-weight:500;
  color:#050505;
}
.process-v2-copy small{
  display:none;
  margin-top:16px;
  max-width:330px;
  font-family:"Advent Pro",Arial,sans-serif!important;
  font-size:clamp(16px,1.02vw,19px);
  line-height:1.15;
  letter-spacing:-.04em;
  color:#1d100a;
}
.process-v2-step.is-active .process-v2-copy small{display:block;}
.process-v2-toggle{
  justify-self:end;
  width:44px;
  height:44px;
  border:1px solid #1d100a;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-family:"Space Grotesk",Arial,sans-serif!important;
  font-size:22px;
  line-height:1;
  color:#050505;
}
.process-v2-step.is-active .process-v2-toggle{
  background:#050505;
  color:var(--yellow);
}
.process-v2-panel{
  align-self:stretch;
  min-height:720px;
  border-radius:32px;
  background:
    radial-gradient(circle at 80% 10%,rgba(255,255,255,.08),transparent 20%),
    #050505;
  color:var(--yellow);
  padding:clamp(42px,3.9vw,64px) clamp(34px,3.5vw,56px) clamp(28px,3vw,44px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  box-shadow:0 34px 120px rgba(0,0,0,.24);
}
.process-v2-panel-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:clamp(54px,5vw,84px);
}
#processV2Count,
.process-v2-panel-kicker,
.process-v2-deliverables strong,
#processV2Tags{
  font-family:"Space Grotesk",Arial,sans-serif!important;
  font-size:13px;
  line-height:1;
  letter-spacing:.28em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--yellow);
}
.process-v2-arrows{display:flex;gap:18px;}
.process-v2-arrows button{
  width:58px;
  height:58px;
  border-radius:50%;
  border:1px solid var(--yellow);
  background:transparent;
  color:var(--yellow);
  display:grid;
  place-items:center;
  font-family:"Space Grotesk",Arial,sans-serif!important;
  font-size:25px;
  line-height:1;
  cursor:pointer;
  transition:.22s ease;
}
.process-v2-arrows button:hover{background:var(--yellow);color:#050505;}
.process-v2-panel h1{
  font-family:"Space Grotesk",Arial,sans-serif!important;
  font-size:clamp(62px,5vw,104px);
  line-height:.88;
  letter-spacing:-.095em;
  font-weight:500;
  margin:0 0 28px;
  color:var(--yellow);
}
.process-v2-panel-kicker{margin:0 0 28px;}
.process-v2-panel p{
  max-width:560px;
  margin:0 0 36px;
  font-size:clamp(17px,1.14vw,22px);
  line-height:1.33;
  letter-spacing:-.026em;
  color:rgba(246,242,235,.76);
}
.process-v2-image{
  position:relative;
  margin:auto 0 34px;
  min-height:300px;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 55% 10%,rgba(255,255,255,.35),transparent 20%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.40)),
    linear-gradient(135deg,#333,#050505);
}
.process-v2-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55));
  pointer-events:none;
  z-index:1;
}
.process-v2-image img{
  width:100%;
  height:100%;
  min-height:300px;
  object-fit:cover;
  display:block;
  filter:grayscale(100%) contrast(1.18) brightness(.76);
  transform:scale(1.02);
  transition:opacity .22s ease,transform .6s cubic-bezier(.16,1,.3,1);
}
.process-v2-image:hover img{transform:scale(1.07);}
.process-v2-image figcaption{
  position:absolute;
  left:28px;
  bottom:26px;
  display:grid;
  gap:18px;
  z-index:2;
}
.process-v2-image-arrow{
  width:72px;
  height:72px;
  border-radius:50%;
  background:var(--yellow);
  color:#050505;
  display:grid;
  place-items:center;
  font-family:"Space Grotesk",Arial,sans-serif!important;
  font-size:54px;
  line-height:1;
}
#processV2Tags{line-height:1.25;}
.process-v2-deliverables{
  display:grid;
  grid-template-columns:auto 1fr 1fr 1fr;
  gap:24px;
  align-items:center;
  border-top:1px solid rgba(239,255,26,.22);
  padding-top:24px;
  margin-top:0;
}
.process-v2-deliverables span{
  border-left:1px solid rgba(239,255,26,.40);
  padding-left:22px;
  color:var(--yellow);
  font-size:clamp(15px,1vw,18px);
  line-height:1.1;
  letter-spacing:-.02em;
}
.process-v2.is-changing .process-v2-panel h1,
.process-v2.is-changing .process-v2-panel-kicker,
.process-v2.is-changing .process-v2-panel p,
.process-v2.is-changing .process-v2-image,
.process-v2.is-changing .process-v2-deliverables{opacity:.25;transform:translateY(7px);transition:.16s ease;}
@media(max-width:1180px){
  .process-v2{grid-template-columns:1fr;overflow:visible;}
  .process-v2-left,.process-v2-panel{min-height:auto;}
  .process-v2-left{display:block;}
  .process-v2-arrow,.process-v2-scroll{display:none;}
  .process-v2-intro{max-width:520px;margin-top:24px;}
  .process-v2-steps{padding:0;}
}
@media(max-width:720px){
  .process-v2{padding:34px 22px;gap:26px;}
  .process-v2-steps::before{display:none;}
  .process-v2-step{grid-template-columns:44px 1fr 38px;gap:14px;min-height:92px;}
  .process-v2-dot{width:40px;height:40px;font-size:11px;}
  .process-v2-toggle{width:36px;height:36px;}
  .process-v2-panel{border-radius:24px;padding:30px 22px;}
  .process-v2-panel-top{margin-bottom:40px;}
  .process-v2-arrows button{width:48px;height:48px;}
  .process-v2-deliverables{grid-template-columns:1fr;gap:12px;}
  .process-v2-deliverables span{border-left:0;border-top:1px solid rgba(239,255,26,.22);padding:12px 0 0;}
}


/* FINAL FIX — panel hidden on load, opens only after a step click, clean yellow background */
.process-v2{
  background:#efff1a!important;
  background-image:none!important;
}
.process-v2::after,
.process-v2::before{
  display:none!important;
  content:none!important;
}
.process-v2:not(.panel-open){
  grid-template-columns:minmax(220px,280px) minmax(430px,560px)!important;
  justify-content:start!important;
}
.process-v2:not(.panel-open) .process-v2-panel{
  display:none!important;
}
.process-v2:not(.panel-open) .process-v2-step.is-active .process-v2-dot{
  background:#efff1a!important;
  color:#1d100a!important;
  box-shadow:none!important;
}
.process-v2:not(.panel-open) .process-v2-step.is-active .process-v2-copy small{
  display:none!important;
}
.process-v2:not(.panel-open) .process-v2-step.is-active .process-v2-toggle{
  background:transparent!important;
  color:#050505!important;
}
.process-v2.panel-open{
  grid-template-columns:minmax(220px,280px) minmax(430px,510px) minmax(560px,1fr)!important;
}
.process-v2.panel-open .process-v2-panel{
  display:flex!important;
  animation:processPanelIn .48s cubic-bezier(.16,1,.3,1) both;
}
@keyframes processPanelIn{
  from{opacity:0;transform:translateX(28px)}
  to{opacity:1;transform:none}
}
@media(max-width:1180px){
  .process-v2:not(.panel-open),
  .process-v2.panel-open{grid-template-columns:1fr!important;}
}


/* FINAL — Process timeline on the LEFT, panel opens on click on the RIGHT */
.process-v2{
  grid-template-columns:minmax(460px,560px) minmax(560px,1fr)!important;
  gap:clamp(42px,4vw,72px)!important;
  justify-content:start!important;
  align-items:stretch!important;
  background:#efff1a!important;
  background-image:none!important;
}
.process-v2::before,
.process-v2::after{display:none!important;content:none!important;}
.process-v2-left{display:none!important;}
.process-v2-steps{
  grid-column:1!important;
  align-self:stretch!important;
  padding:0!important;
  display:grid!important;
  align-content:center!important;
  max-width:560px!important;
  width:100%!important;
}
.process-v2-steps::before{
  left:29px!important;
  top:calc(50% - 294px)!important;
  height:588px!important;
}
.process-v2-panel{grid-column:2!important;min-height:720px!important;}
.process-v2:not(.panel-open){
  grid-template-columns:minmax(460px,560px)!important;
  justify-content:start!important;
}
.process-v2:not(.panel-open) .process-v2-panel{display:none!important;}
.process-v2.panel-open{
  grid-template-columns:minmax(460px,560px) minmax(560px,1fr)!important;
}
.process-v2.panel-open .process-v2-panel{display:flex!important;}
@media(max-width:1180px){
  .process-v2,
  .process-v2:not(.panel-open),
  .process-v2.panel-open{grid-template-columns:1fr!important;}
  .process-v2-panel{grid-column:1!important;}
  .process-v2-steps{grid-column:1!important;max-width:none!important;}
}


/* FINAL PREMIUM POLISH — yellow toolbar + ultra premium process motion */
:root{
  --process-yellow:#efff1a;
  --process-dark:#050505;
  --process-brown:#1f120c;
}
html,body{
  background:var(--process-yellow)!important;
}
body{
  color:var(--process-brown)!important;
}
.grain{
  opacity:.12!important;
  mix-blend-mode:multiply!important;
}
.nav{
  height:86px!important;
  background:rgba(239,255,26,.86)!important;
  color:var(--process-brown)!important;
  border-bottom:none !important;
  backdrop-filter:blur(22px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset!important;
}
.nav::after{
  content:"";
  position:absolute;
  left:clamp(22px,3vw,52px);
  right:clamp(22px,3vw,52px);
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,rgba(31,18,12,.55),rgba(31,18,12,.08),rgba(31,18,12,.55));
  pointer-events:none;
}
.brand{
  color:var(--process-brown)!important;
  letter-spacing:-.055em!important;
  transform:translateZ(0);
}
.menu-toggle,.pill{
  color:var(--process-brown)!important;
  border-color:rgba(31,18,12,.62)!important;
  background:rgba(239,255,26,.18)!important;
}
.menu-toggle:hover,.pill:hover{
  background:var(--process-brown)!important;
  color:var(--process-yellow)!important;
  border-color:var(--process-brown)!important;
}