:root {
      --ink-0:    #070503;
      --ink-1:    #0C0906;
      --ink-2:    #131009;
      --ink-3:    #1C1710;
      --ink-4:    #251E15;
      --red:      #C8401A;
      --red-hi:   #E05530;
      --red-dim:  #8B2D12;
      --cream:    #F0EBE3;
      --fog:      #6B6058;
      --fog-hi:   #9A8E82;
      --line:     rgba(255,255,255,0.055);
      --line-red: rgba(200,64,26,0.25);
    }

    *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
    html { scroll-behavior: smooth; }

    body {
      background: var(--ink-1);
      color: var(--cream);
      font-family: 'DM Sans', sans-serif;
      font-weight: 400;
      line-height: 1.6;
      overflow-x: hidden;
      
    }

    /* CURSOR */

    /* NAV */
    nav {
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 500;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 2rem 3.5rem;
      mix-blend-mode: normal;
      transition: background 0.5s, padding 0.4s;
    }

    nav.scrolled {
      background: rgba(7, 5, 3, 0.95);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid var(--line);
      padding: 1.35rem 3.5rem;
    }

    .logo {
      font-family: 'DM Sans', sans-serif;
      font-weight: 700;
      font-size: 0.85rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--cream);
      text-decoration: none;
    }

    .logo span { color: var(--red); }

    .nav-links {
      display: flex;
      gap: 2.75rem;
      list-style: none;
    }

    .nav-links a {
      font-size: 0.65rem;
      font-weight: 500;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--fog-hi);
      text-decoration: none;
      transition: color 0.2s;
      position: relative;
    }

    .nav-links a::after {
      content: '';
      position: absolute;
      bottom: -3px; left: 0;
      width: 0; height: 1px;
      background: var(--red);
      transition: width 0.3s;
    }

    .nav-links a:hover { color: var(--cream); }
    .nav-links a:hover::after { width: 100%; }

    .nav-cta {
      font-size: 0.65rem;
      font-weight: 600;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--ink-0);
      background: var(--cream);
      padding: 0.65rem 1.5rem;
      text-decoration: none;
      transition: background 0.2s, color 0.2s;
    }

    .nav-cta:hover { background: var(--red); color: var(--cream); }

    /* HERO */
    .hero {
      position: relative;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      overflow: hidden;
    }

    /* VIDEO / placeholder background */
    .hero-bg {
      position: absolute;
      inset: 0;
      background: #060402;
      overflow: hidden;
    }

    /* River of light blobs */
    .rl-blob{position:absolute;border-radius:50%;will-change:transform;}
    .rl-b1{width:110%;height:55%;background:radial-gradient(ellipse,rgba(160,55,8,0.55) 0%,rgba(110,32,4,0.28) 45%,transparent 72%);top:15%;left:-25%;filter:blur(60px);animation:rlf1 118s ease-in-out infinite alternate;}
    .rl-b2{width:90%;height:50%;background:radial-gradient(ellipse,rgba(100,32,5,0.5) 0%,rgba(70,18,2,0.22) 50%,transparent 72%);top:38%;left:8%;filter:blur(50px);animation:rlf2 142s ease-in-out infinite alternate;}
    .rl-b3{width:80%;height:45%;background:radial-gradient(ellipse,rgba(190,70,12,0.45) 0%,rgba(140,45,7,0.18) 48%,transparent 72%);top:8%;left:28%;filter:blur(55px);animation:rlf3 126s ease-in-out infinite alternate;}
    .rl-b4{width:95%;height:48%;background:radial-gradient(ellipse,rgba(75,22,3,0.55) 0%,rgba(50,12,2,0.25) 52%,transparent 72%);top:52%;left:-5%;filter:blur(58px);animation:rlf4 158s ease-in-out infinite alternate;}
    .rl-b5{width:75%;height:40%;background:radial-gradient(ellipse,rgba(210,78,14,0.38) 0%,rgba(160,52,9,0.14) 48%,transparent 72%);top:22%;left:48%;filter:blur(48px);animation:rlf5 132s ease-in-out infinite alternate;}
    .rl-b6{width:60%;height:35%;background:radial-gradient(ellipse,rgba(230,140,20,0.25) 0%,rgba(180,90,10,0.1) 50%,transparent 72%);top:35%;left:62%;filter:blur(40px);animation:rlf6 110s ease-in-out infinite alternate;}

    @keyframes rlf1{0%{transform:translate(0,0) scale(1)}50%{transform:translate(18%,9%) scale(1.06)}100%{transform:translate(32%,16%) scale(0.96)}}
    @keyframes rlf2{0%{transform:translate(0,0) scale(1)}40%{transform:translate(14%,7%) scale(1.08)}100%{transform:translate(28%,14%) scale(1.03)}}
    @keyframes rlf3{0%{transform:translate(0,0)}60%{transform:translate(12%,8%) scale(0.98)}100%{transform:translate(24%,15%) scale(1.04)}}
    @keyframes rlf4{0%{transform:translate(0,0) scale(1)}45%{transform:translate(15%,6%) scale(1.07)}100%{transform:translate(30%,11%) scale(0.94)}}
    @keyframes rlf5{0%{transform:translate(0,0)}55%{transform:translate(9%,8%) scale(1.04)}100%{transform:translate(18%,14%) scale(0.98)}}
    @keyframes rlf6{0%{transform:translate(0,0)}50%{transform:translate(-6%,7%) scale(1.08)}100%{transform:translate(10%,13%) scale(1.0)}}

    /* Caustic light canvas */
    .rl-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}

    /* Mist bands */
    .rl-mist{position:absolute;left:0;right:0;pointer-events:none;}
    .rl-m1{top:32%;height:100px;background:linear-gradient(to right,transparent,rgba(100,40,8,0.4),transparent,rgba(80,28,5,0.3),transparent);filter:blur(16px);opacity:.2;animation:rlmist 20s ease-in-out infinite alternate;}
    .rl-m2{top:62%;height:90px;background:linear-gradient(to right,rgba(70,24,4,0.3),transparent,rgba(90,35,7,0.38),transparent);filter:blur(14px);opacity:.18;animation:rlmist 26s ease-in-out infinite alternate-reverse;}
    @keyframes rlmist{0%{transform:translateX(-12%)}100%{transform:translateX(12%)}}

    .hero-video-placeholder {
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 80% 60% at 70% 40%, rgba(200,64,26,0.09) 0%, transparent 65%),
        radial-gradient(ellipse 60% 80% at 20% 80%, rgba(200,64,26,0.04) 0%, transparent 60%),
        linear-gradient(170deg, #0F0905 0%, #070503 60%, #0C0806 100%);
    }

    /* animated particles */
    .particle {
      position: absolute;
      border-radius: 50%;
      background: var(--red);
      opacity: 0;
      animation: drift linear infinite;
    }

    @keyframes drift {
      0%   { opacity: 0; transform: translateY(0) scale(1); }
      10%  { opacity: 0.35; }
      90%  { opacity: 0.15; }
      100% { opacity: 0; transform: translateY(-100vh) scale(0.4); }
    }

    .hero-overlay {
      position: absolute;
      inset: 0;
      background:
        linear-gradient(to bottom, transparent 0%, rgba(7,5,3,0.2) 50%, rgba(7,5,3,0.92) 88%, var(--ink-1) 100%),
        linear-gradient(to left, rgba(7,5,3,0.55) 0%, transparent 30%),
        linear-gradient(to top, rgba(7,5,3,0.7) 0%, transparent 25%);
    }

    /* video tag swap */
    .hero-video {
      position: absolute;
      inset: 0;
      width: 100%; height: 100%;
      object-fit: cover;
      opacity: 0.55;
    }

    .hero-inner {
      position: relative;
      z-index: 2;
      padding: 0 3.5rem 5rem;
    }

    .hero-meta {
      display: flex;
      align-items: center;
      gap: 1.25rem;
      margin-bottom: 2rem;
    }

    .hero-tag {
      font-size: 0.6rem;
      font-weight: 600;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--red);
    }

    .hero-tag-line {
      width: 2.5rem;
      height: 1px;
      background: var(--red);
      opacity: 0.6;
    }

    .hero-sub-tag {
      font-size: 0.6rem;
      font-weight: 500;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--fog-hi);
    }

    .hero-headline {
      font-family: 'Cormorant', serif;
      font-weight: 300;
      font-size: clamp(2.5rem, 4.5vw, 5.5rem);
      line-height: 1.05;
      letter-spacing: -0.015em;
      margin-bottom: 2.5rem;
      max-width: 18ch;
    }

    .hero-headline em {
      font-style: italic;
      color: var(--red);
    }

    .hero-bottom {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 3rem;
      border-top: 1px solid var(--line);
      padding-top: 2rem;
    }

    .hero-desc {
      font-size: 0.88rem;
      color: var(--fog-hi);
      max-width: 40ch;
      line-height: 1.85;
      font-weight: 400;
    }

    .hero-actions {
      display: flex;
      gap: 1.25rem;
      align-items: center;
      flex-shrink: 0;
    }

    /* BUTTONS */
    .btn-primary {
      display: inline-block;
      padding: 0.9rem 2.25rem;
      background: var(--red);
      color: var(--cream);
      font-family: 'DM Sans', sans-serif;
      font-size: 0.65rem;
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      text-decoration: none;
      transition: background 0.2s, transform 0.15s;
    }

    .btn-primary:hover { background: var(--red-hi); transform: translateY(-1px); }

    .btn-ghost {
      font-size: 0.65rem;
      font-weight: 500;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--fog-hi);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      transition: color 0.2s, gap 0.2s;
    }

    .btn-ghost:hover { color: var(--cream); gap: 0.85rem; }

    /* MARQUEE */
    .marquee-wrap {
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      background: var(--ink-2);
      overflow: hidden;
      padding: 1.1rem 0;
    }

    .marquee-track {
      display: flex;
      gap: 0;
      width: max-content;
      animation: marquee 80s linear infinite;
    }

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

    .marquee-item {
      display: flex;
      align-items: center;
      gap: 2rem;
      padding: 0 2rem;
      font-size: 0.62rem;
      font-weight: 600;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--fog);
      white-space: nowrap;
      flex-shrink: 0;
    }

    .marquee-dot {
      width: 4px; height: 4px;
      background: var(--red);
      border-radius: 50%;
      flex-shrink: 0;
    }

    /* INTRO STATEMENT */
    .intro-statement {
      padding: 5rem 3.5rem;
      border-bottom: 1px solid var(--line);
      position: relative;
      overflow: hidden;
    }

    .intro-statement > .section-label,
    .intro-statement > h2,
    .intro-statement > .intro-cols {
      position: relative;
      z-index: 2;
    }

    .intro-nebula-field {
      position: absolute;
      inset: 0 0 0 auto;
      width: min(70vw, 72rem);
      height: 100%;
      z-index: 0;
      pointer-events: none;
      overflow: hidden;
      opacity: 0.82;
      mix-blend-mode: screen;
      -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.16) 18%, rgba(0,0,0,0.72) 44%, rgba(0,0,0,0.95) 100%);
      mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.16) 18%, rgba(0,0,0,0.72) 44%, rgba(0,0,0,0.95) 100%);
    }

    .nebula-layer {
      position: absolute;
      inset: -28% -18% -34% -16%;
      display: block;
      will-change: transform, opacity, filter, background-position;
      border-radius: 0;
      transform-origin: 62% 50%;
    }

    .nebula-amber {
      background:
        radial-gradient(ellipse 70% 38% at 34% 55%, rgba(226, 143, 50, 0.24) 0%, rgba(176, 81, 22, 0.18) 34%, rgba(78, 25, 7, 0.08) 58%, transparent 76%),
        radial-gradient(ellipse 42% 30% at 72% 42%, rgba(242, 190, 86, 0.13) 0%, rgba(200, 92, 24, 0.12) 40%, transparent 72%),
        radial-gradient(ellipse 90% 52% at 86% 70%, rgba(129, 53, 17, 0.18) 0%, rgba(77, 24, 7, 0.09) 52%, transparent 82%);
      filter: blur(18px) saturate(1.08);
      opacity: 0.88;
      animation: introNebulaAmberDrift 86s ease-in-out infinite alternate;
    }

    .nebula-blue {
      inset: -34% -22% -30% -8%;
      background:
        radial-gradient(ellipse 58% 42% at 72% 28%, rgba(79, 177, 197, 0.15) 0%, rgba(34, 102, 132, 0.11) 38%, transparent 72%),
        radial-gradient(ellipse 46% 32% at 62% 74%, rgba(77, 161, 119, 0.09) 0%, rgba(47, 96, 93, 0.07) 42%, transparent 74%),
        radial-gradient(ellipse 62% 46% at 92% 46%, rgba(77, 91, 177, 0.08) 0%, transparent 70%);
      filter: blur(22px) saturate(1.18);
      opacity: 0.62;
      animation: introNebulaBlueDrift 108s ease-in-out infinite alternate-reverse;
    }

    .nebula-dust {
      inset: -22% -14% -18% -12%;
      background:
        radial-gradient(ellipse 90% 18% at 65% 54%, rgba(241, 185, 89, 0.10) 0%, rgba(151, 68, 22, 0.08) 42%, transparent 72%),
        radial-gradient(ellipse 80% 16% at 78% 67%, rgba(214, 107, 42, 0.08) 0%, transparent 78%),
        radial-gradient(ellipse 62% 12% at 52% 38%, rgba(95, 157, 161, 0.06) 0%, transparent 78%);
      filter: blur(10px);
      opacity: 0.72;
      animation: introNebulaDustCurrent 64s cubic-bezier(.37,0,.63,1) infinite alternate;
    }

    .nebula-stars {
      inset: 0;
      background-image:
        radial-gradient(circle at 18% 22%, rgba(246,238,214,.60) 0 1px, transparent 1.8px),
        radial-gradient(circle at 42% 38%, rgba(167,218,227,.42) 0 1px, transparent 1.7px),
        radial-gradient(circle at 64% 18%, rgba(241,205,125,.46) 0 1px, transparent 1.6px),
        radial-gradient(circle at 82% 54%, rgba(246,238,214,.40) 0 1px, transparent 1.5px),
        radial-gradient(circle at 58% 77%, rgba(142,203,215,.34) 0 1px, transparent 1.5px),
        radial-gradient(circle at 92% 28%, rgba(246,238,214,.32) 0 1px, transparent 1.4px);
      background-size: 100% 100%;
      opacity: 0.22;
      filter: blur(0.25px);
      animation: introStarBreath 38s ease-in-out infinite alternate;
    }

    @keyframes introNebulaAmberDrift {
      0%   { transform: translate3d(-2.5%, 1.5%, 0) scale(1.04) rotate(-0.6deg); opacity: .62; filter: blur(20px) saturate(1.00); }
      28%  { transform: translate3d(2.5%, -1.0%, 0) scale(1.10) rotate(0.4deg); opacity: .82; filter: blur(17px) saturate(1.10); }
      58%  { transform: translate3d(5.5%, 2.6%, 0) scale(1.16) rotate(-0.2deg); opacity: .74; filter: blur(22px) saturate(1.05); }
      100% { transform: translate3d(0.5%, -2.2%, 0) scale(1.08) rotate(0.8deg); opacity: .88; filter: blur(18px) saturate(1.14); }
    }

    @keyframes introNebulaBlueDrift {
      0%   { transform: translate3d(3%, -2%, 0) scale(1.02) rotate(0.4deg); opacity: .40; }
      45%  { transform: translate3d(-2%, 1.5%, 0) scale(1.12) rotate(-0.35deg); opacity: .62; }
      100% { transform: translate3d(4%, 2.5%, 0) scale(1.07) rotate(0.5deg); opacity: .50; }
    }

    @keyframes introNebulaDustCurrent {
      0%   { transform: translate3d(-3.5%, 2%, 0) scaleX(1.03) scaleY(.98); opacity: .42; }
      35%  { transform: translate3d(2.5%, -1.4%, 0) scaleX(1.09) scaleY(1.04); opacity: .64; }
      70%  { transform: translate3d(5%, 1.2%, 0) scaleX(1.13) scaleY(1.00); opacity: .56; }
      100% { transform: translate3d(1%, -2.5%, 0) scaleX(1.06) scaleY(1.06); opacity: .70; }
    }

    @keyframes introStarBreath {
      from { opacity: .14; transform: translate3d(-.8%, .4%, 0) scale(1); }
      to   { opacity: .28; transform: translate3d(.9%, -.6%, 0) scale(1.01); }
    }

    .section-label {
      display: flex;
      align-items: center;
      gap: 1rem;
      font-size: 0.82rem;
      font-weight: 600;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--red);
      margin-bottom: 3rem;
    }

    .section-label::after {
      content: '';
      width: 3rem; height: 1px;
      background: var(--line-red);
    }

    .intro-statement h2 {
      font-family: 'Cormorant', serif;
      font-weight: 300;
      font-size: clamp(2.25rem, 4.5vw, 5.5rem);
      line-height: 1.1;
      max-width: 22ch;
    }

    .intro-statement h2 em {
      font-style: italic;
      color: var(--red);
    }

    .intro-cols {
      display: grid;
      grid-template-columns: 7fr 5fr;
      gap: 6rem;
      margin-top: 3rem;
      padding-top: 2.5rem;
      border-top: 1px solid var(--line);
    }

    .intro-cols p {
      font-size: 0.9rem;
      color: var(--fog-hi);
      line-height: 1.9;
      margin-bottom: 1rem;
    }

    .intro-cols-right {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
    }

    .intro-cols-right p {
      font-size: 0.85rem;
      color: var(--fog);
    }

    .link-arrow {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.65rem;
      font-weight: 600;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--red);
      text-decoration: none;
      margin-top: 1.5rem;
      transition: gap 0.2s;
    }

    .link-arrow:hover { gap: 0.9rem; }

    /* SERVICES */
    .services {
      padding: 6rem 3.5rem;
      border-bottom: 1px solid var(--line);
    }

    .services-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 0;
      padding: 3rem 0 2rem;
      border-bottom: 1px solid var(--line);
    }

    .services-top h2 {
      font-family: 'Cormorant', serif;
      font-size: clamp(2.5rem, 3.5vw, 4rem);
      font-weight: 300;
      line-height: 1;
    }

    .services-top h2 em {
      font-style: italic;
      color: var(--red);
    }

    .services-list {
      display: flex;
      flex-direction: column;
    }

    .service-row {
      display: grid;
      grid-template-columns: 3rem 1fr auto;
      gap: 2.5rem;
      align-items: center;
      padding: 2.25rem 0;
      border-bottom: 1px solid var(--line);
      transition: background 0.2s, padding 0.2s;
      
    }

    .service-row:first-child { border-top: 1px solid var(--line); }

    .service-row:hover {
      background: var(--ink-2);
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .service-row:hover .svc-num { color: var(--red); }
    .service-row:hover .svc-arrow { transform: translateX(6px); color: var(--red); }

    .svc-num {
      font-family: 'Cormorant', serif;
      font-style: italic;
      font-size: 1rem;
      color: var(--fog);
      transition: color 0.2s;
    }

    .svc-name {
      font-family: 'Cormorant', serif;
      font-size: clamp(1.3rem, 2.5vw, 2.2rem);
      font-weight: 300;
    }

    .svc-desc {
      font-size: 0.78rem;
      color: var(--fog);
      max-width: 36ch;
      line-height: 1.75;
      margin-top: 0.35rem;
    }

    .svc-arrow {
      font-size: 1.25rem;
      color: var(--fog);
      transition: transform 0.25s, color 0.2s;
    }

    /* PULL QUOTE */
    .pull-quote {
      background: var(--ink-0);
      border-bottom: 1px solid var(--line);
      padding: 9rem 3.5rem;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10rem;
      align-items: center;
      position: relative;
      overflow: hidden;
      isolation: isolate;
    }

    .pull-quote::before {
      content: '';
      position: absolute;
      inset: 8% 0 8% 0;
      z-index: -2;
      opacity: .34;
      background:
        repeating-linear-gradient(
          0deg,
          transparent 0px,
          transparent 44px,
          rgba(200,64,26,.11) 45px,
          rgba(200,64,26,.035) 47px,
          transparent 50px
        ),
        radial-gradient(ellipse 42% 36% at 18% 52%, rgba(200,64,26,.08), transparent 68%),
        radial-gradient(ellipse 38% 34% at 77% 48%, rgba(36,148,150,.055), transparent 70%);
      filter: blur(.15px);
      transform: translateX(-3%) scaleY(1);
      animation: quoteSignalField 18s ease-in-out infinite alternate;
      pointer-events: none;
    }

    .pull-quote::after {
      content: '';
      position: absolute;
      left: 50%;
      top: 24%;
      bottom: 24%;
      width: 1px;
      z-index: -1;
      background: linear-gradient(to bottom, transparent, rgba(200,64,26,.06), rgba(200,64,26,.28), rgba(43,151,154,.12), transparent);
      box-shadow: 0 0 28px rgba(200,64,26,.09);
      opacity: .62;
      animation: quoteCenterLine 9s ease-in-out infinite alternate;
      pointer-events: none;
    }

    .quote-resonance {
      position: absolute;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      overflow: hidden;
    }

    .quote-resonance span {
      position: absolute;
      left: -12%;
      right: -12%;
      height: 1px;
      opacity: .18;
      background: linear-gradient(90deg, transparent, rgba(154,142,130,.09), rgba(200,64,26,.24), rgba(154,142,130,.08), transparent);
      transform-origin: center;
      filter: blur(.2px);
      animation: quoteFrequency 13s ease-in-out infinite;
    }

    .quote-resonance span:nth-child(1) { top: 24%; animation-duration: 16s; animation-delay: -4s; }
    .quote-resonance span:nth-child(2) { top: 39%; animation-duration: 21s; animation-delay: -8s; opacity: .12; }
    .quote-resonance span:nth-child(3) { top: 58%; animation-duration: 18s; animation-delay: -2s; opacity: .15; }
    .quote-resonance span:nth-child(4) { top: 74%; animation-duration: 24s; animation-delay: -11s; opacity: .10; }

    .pull-quote blockquote {
      font-family: 'Cormorant', serif;
      font-style: italic;
      font-weight: 300;
      font-size: clamp(2rem, 3.5vw, 4rem);
      line-height: 1.25;
      position: relative;
      text-shadow: 0 0 0 rgba(240,235,227,0);
      animation: quoteWhiteTune 12s ease-in-out infinite alternate;
    }

    .pull-quote blockquote em {
      font-style: normal;
      color: var(--red);
      display: block;
      text-shadow: 0 0 18px rgba(200,64,26,.08);
      animation: quoteRedTune 8.5s ease-in-out infinite alternate;
    }

    .pull-quote-right {
      position: relative;
    }

    .pull-quote-right::before {
      content: '';
      position: absolute;
      left: -2.4rem;
      top: .2rem;
      width: 1px;
      height: calc(100% - .4rem);
      background: linear-gradient(to bottom, transparent, rgba(200,64,26,.28), rgba(36,148,150,.10), transparent);
      box-shadow: 0 0 20px rgba(200,64,26,.14);
      opacity: .52;
      transform: scaleY(.72);
      transform-origin: center;
      animation: quoteMeter 7s ease-in-out infinite alternate;
    }

    .pull-quote-right p {
      font-size: 0.88rem;
      color: var(--fog-hi);
      line-height: 1.9;
      margin-bottom: 1.1rem;
    }

    @keyframes quoteSignalField {
      0% { transform: translateX(-4%) scaleY(.92); opacity: .22; }
      42% { transform: translateX(1.5%) scaleY(1.05); opacity: .34; }
      100% { transform: translateX(4%) scaleY(.98); opacity: .27; }
    }

    @keyframes quoteFrequency {
      0% { transform: translateX(-4%) scaleX(.84); opacity: .08; }
      38% { transform: translateX(2%) scaleX(1.08); opacity: .20; }
      70% { transform: translateX(5%) scaleX(.96); opacity: .13; }
      100% { transform: translateX(8%) scaleX(1.16); opacity: .18; }
    }

    @keyframes quoteRedTune {
      0% { color: rgba(200,64,26,.78); text-shadow: 0 0 8px rgba(200,64,26,.06); }
      48% { color: var(--red); text-shadow: 0 0 22px rgba(200,64,26,.18); }
      100% { color: var(--red-hi); text-shadow: 0 0 32px rgba(200,64,26,.22); }
    }

    @keyframes quoteWhiteTune {
      0% { text-shadow: 0 0 0 rgba(240,235,227,0); }
      100% { text-shadow: 0 0 16px rgba(240,235,227,.035); }
    }

    @keyframes quoteCenterLine {
      0% { opacity: .34; transform: scaleY(.7); }
      100% { opacity: .72; transform: scaleY(1); }
    }

    @keyframes quoteMeter {
      0% { opacity: .28; transform: scaleY(.52); }
      55% { opacity: .62; transform: scaleY(.9); }
      100% { opacity: .44; transform: scaleY(1); }
    }

    /* FEATURED PANELS */
    .panels {
      display: grid;
      grid-template-columns: 1fr 1fr;
      border-bottom: 1px solid var(--line);
    }

    .panel {
      position: relative;
      min-height: 55vh;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 3rem;
      border-right: 1px solid var(--line);
    }

    .panel:last-child { border-right: none; }

    .panel-bg {
      position: absolute;
      inset: 0;
      transition: transform 0.6s ease;
    }

    .panel:hover .panel-bg { transform: scale(1.04); }

    .panel-bg-1 {
      background:
        radial-gradient(ellipse 70% 60% at 30% 30%, rgba(200,64,26,0.12) 0%, transparent 70%),
        linear-gradient(135deg, var(--ink-3) 0%, var(--ink-1) 100%);
    }

    .panel-bg-2 {
      background:
        radial-gradient(ellipse 60% 70% at 70% 60%, rgba(200,64,26,0.08) 0%, transparent 65%),
        linear-gradient(315deg, var(--ink-4) 0%, var(--ink-2) 100%);
    }

    .panel-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(7,5,3,0.9) 0%, transparent 60%);
    }

    .panel-content { position: relative; z-index: 2; }

    .panel-tag {
      font-size: 0.58rem;
      font-weight: 600;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      color: var(--red);
      margin-bottom: 1rem;
    }

    .panel h3 {
      font-family: 'Cormorant', serif;
      font-size: clamp(1.75rem, 2.8vw, 3rem);
      font-weight: 300;
      line-height: 1.2;
      margin-bottom: 1rem;
    }

    .panel p {
      font-size: 0.8rem;
      color: var(--fog-hi);
      max-width: 36ch;
      line-height: 1.75;
      margin-bottom: 1.5rem;
    }

    .recognition-list{list-style:none;margin:.75rem 0 1.25rem;}
    .recognition-list li{font-size:.85rem;color:var(--fog-hi);line-height:1.7;padding:.5rem 0;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:.75rem;}
    .recognition-list li::before{content:'';width:5px;height:5px;background:var(--red);border-radius:50%;margin-top:.55rem;flex-shrink:0;}
    .recognition-list li:last-child{border-bottom:none;}
    .recognition-close{font-family:'Cormorant',serif;font-style:italic;font-size:1.05rem;color:var(--cream);line-height:1.6;margin-bottom:1.5rem;}

    .panel-num {
      position: absolute;
      top: 2.5rem; right: 2.5rem;
      font-family: 'Cormorant', serif;
      font-style: italic;
      font-size: 5rem;
      font-weight: 300;
      color: rgba(255,255,255,0.04);
      line-height: 1;
      z-index: 1;
    }

    /* IS THIS YOU */
    .is-this-you{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;min-height:420px;display:flex;align-items:center;}
    .ity-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 70% 50%,rgba(200,64,26,.09) 0%,transparent 65%),linear-gradient(135deg,var(--ink-3) 0%,var(--ink-1) 100%);}
    .ity-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(7,5,3,.6) 0%,transparent 60%);}
    .ity-inner{position:relative;z-index:2;padding:5rem 3.5rem;width:100%;}
    .ity-inner h2{font-family:'Cormorant',serif;font-size:clamp(2rem,3.5vw,3.75rem);font-weight:300;line-height:1.15;margin-bottom:2.5rem;}
    .ity-inner h2 em{font-style:italic;color:var(--red);}
    .ity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 4rem;margin-bottom:2.5rem;}
    .ity-item{display:flex;align-items:flex-start;gap:.85rem;padding:.75rem 0;border-bottom:1px solid var(--line);}
    .ity-dot{width:6px;height:6px;background:var(--red);border-radius:50%;margin-top:.55rem;flex-shrink:0;}
    .ity-item p{font-size:.95rem;color:var(--fog-hi);line-height:1.7;}
    .ity-close{font-family:'Cormorant',serif;font-style:italic;font-size:1.35rem;color:var(--cream);line-height:1.6;margin-bottom:2rem;max-width:50ch;}

    /* CTA BAND */
    .cta-band {
      padding: 9rem 3.5rem;
      text-align: center;
      position: relative;
      overflow: hidden;
    }

    .cta-band::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse 50% 80% at 50% 50%, rgba(200,64,26,0.07) 0%, transparent 65%);
    }

    .cta-band h2 {
      font-family: 'Cormorant', serif;
      font-size: clamp(2.5rem, 4vw, 5rem);
      font-weight: 300;
      line-height: 1.1;
      position: relative;
      margin-bottom: 2rem;
    }

    .cta-band h2 em { font-style: italic; color: var(--red); }

    .cta-band p {
      font-size: 0.9rem;
      color: var(--fog-hi);
      max-width: 42ch;
      margin: 0 auto 3rem;
      line-height: 1.85;
    }

    .cta-actions {
      display: flex;
      gap: 1.5rem;
      justify-content: center;
      align-items: center;
    }

    /* FOOTER */
    footer {
      background: var(--ink-0);
      border-top: 1px solid var(--line);
    }

    .footer-inner {
      padding: 5rem 3.5rem 0;
      display: grid;
      grid-template-columns: 6fr 2fr 2fr;
      gap: 5rem;
    }

    .footer-nav-icon{height:28px;width:auto;display:block;opacity:.9;}
    .footer-logo-link{display:flex;align-items:center;gap:.65rem;text-decoration:none;margin-bottom:1rem;}
    .footer-brand .logo { display: block; margin-bottom: .75rem; font-size: 1rem; }

    .footer-brand .tagline {
      font-family: 'Cormorant', serif;
      font-style: italic;
      font-size: 1.1rem;
      color: var(--fog);
      max-width: 28ch;
      line-height: 1.6;
    }

    .footer-col h4 {
      font-size: 0.58rem;
      font-weight: 600;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--red);
      margin-bottom: 1.5rem;
    }

    .footer-col ul { list-style: none; }
    .footer-col li { margin-bottom: 0.7rem; }

    .footer-col a {
      font-size: 0.82rem;
      color: var(--fog-hi);
      text-decoration: none;
      transition: color 0.2s;
    }

    .footer-col a:hover { color: var(--cream); }

    .footer-bottom {
      margin-top: 4rem;
      padding: 1.5rem 3.5rem;
      border-top: 1px solid var(--line);
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .footer-bottom p {
      font-size: 0.68rem;
      color: var(--fog);
      letter-spacing: 0.05em;
    }

    /* REVEAL */
    .reveal {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
                  transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .reveal.visible { opacity: 1; transform: translateY(0); }
    .d1 { transition-delay: 0.1s; }
    .d2 { transition-delay: 0.2s; }
    .d3 { transition-delay: 0.35s; }
    .d4 { transition-delay: 0.5s; }

    /* RESPONSIVE */
    @media (max-width: 1024px) {
      .intro-nebula-field { width: 100%; opacity: .36; }
      .intro-cols { grid-template-columns: 1fr; gap: 2.5rem; }
      .pull-quote { grid-template-columns: 1fr; gap: 3.5rem; padding: 6rem 2.5rem; }
      .pull-quote::after { left: 2.5rem; top: 52%; bottom: 12%; opacity: .35; }
      .pull-quote-right::before { left: -1.2rem; opacity: .35; }
      .panels { grid-template-columns: 1fr; }
      .panel { border-right: none; border-bottom: 1px solid var(--line); min-height: 50vw; }
      footer .footer-inner { grid-template-columns: 1fr; gap: 3rem; }
    }

    @media (max-width: 768px) {
      nav { padding: 1.25rem 1.5rem; }
      nav.scrolled { padding: 1rem 1.5rem; }
      .nav-links { display: none; }
      .hero-inner { padding: 0 1.5rem 3.5rem; }
      .hero-bottom { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
      .intro-statement { padding: 5rem 1.5rem; }
      .services { padding: 4rem 1.5rem; }
      .pull-quote { padding: 5rem 1.5rem; gap: 2.75rem; }
      .pull-quote::before { inset: 6% -20% 6% -20%; opacity: .24; }
      .quote-resonance span { left: -35%; right: -35%; }
      .pull-quote-right::before { display: none; }
      .service-row { grid-template-columns: 2.5rem 1fr; }
      .svc-arrow { display: none; }
      .cta-band { padding: 6rem 1.5rem; }
      .cta-actions { flex-direction: column; }
      .footer-inner { padding: 3.5rem 1.5rem 0; }
      .footer-bottom { padding: 1.5rem; flex-direction: column; gap: 0.5rem; }
    }
  
    .logo-link{display:flex;align-items:center;gap:.85rem;text-decoration:none;}
    .nav-icon{height:24px;width:auto;display:block;opacity:.7;}

    /* TEMP: to capture clean background for Runway, uncomment the line below,
       take a fullscreen screenshot of the hero, then comment it back out.
       .hero-eyebrow, .hero-headline, .hero-bottom { visibility: hidden; } */

    .hero-watermark {
      position: absolute;
      right: 6%;
      top: 50%;
      transform: translateY(-50%);
      width: clamp(280px, 28vw, 420px);
      height: auto;
      opacity: 0.06;
      pointer-events: none;
      user-select: none;
      filter: brightness(2);
      z-index: 1;
    }

    @media (max-width: 768px) {
      .hero-watermark {
        right: 5%;
        top: 15%;
        transform: none;
        width: 45vw;
        opacity: 0.05;
      }
    }

    /* Animated hero orbs */
    .hero-orb {
      position: absolute;
      border-radius: 50%;
      filter: blur(80px);
      opacity: 0;
      animation: orbFloat ease-in-out infinite;
      pointer-events: none;
    }
    @keyframes orbFloat {
      0%   { opacity: 0; transform: translateY(0) scale(1); }
      20%  { opacity: 1; }
      80%  { opacity: .7; }
      100% { opacity: 0; transform: translateY(-120px) scale(1.15); }
    }
    .hero-bg::after{
      content:'';
      position:absolute;
      inset:0;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");
      opacity:0.025;
      pointer-events:none;
      z-index:1;
    }

  
    /* MOBILE NAV */
    .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;z-index:600;position:relative;}
    .hamburger span{display:block;width:24px;height:1.5px;background:var(--cream);transition:transform .3s,opacity .3s;}
    .hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
    .hamburger.open span:nth-child(2){opacity:0;}
    .hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
    .mobile-menu{position:fixed;inset:0;background:var(--ink-0);z-index:550;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;opacity:0;pointer-events:none;transition:opacity .35s ease;}
    .mobile-menu.open{opacity:1;pointer-events:all;}
    .mobile-menu a{font-family:'Cormorant',serif;font-size:clamp(2.5rem,8vw,3.5rem);font-weight:300;color:var(--cream);text-decoration:none;letter-spacing:.05em;transition:color .2s;}
    .mobile-menu a:hover,.mobile-menu a.active{color:var(--red);}
    .mobile-menu .menu-cta{font-family:'DM Sans',sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-0);background:var(--red);padding:.9rem 2.5rem;margin-top:1rem;}
    .mobile-menu .menu-cta:hover{color:var(--ink-0);background:var(--red-hi);}
    @media(max-width:768px){
      .hamburger{display:flex !important;}
      .nav-links{display:none !important;}
      .nav-cta{display:none !important;}
    }

  
    .cta-pulse{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
    .cta-pulse::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;height:140%;background:radial-gradient(ellipse,rgba(200,64,26,0.12) 0%,rgba(200,64,26,0.05) 40%,transparent 70%);animation:ctaPulse 4.5s ease-in-out infinite;border-radius:50%;}
    .cta-pulse::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40%;height:80%;background:radial-gradient(ellipse,rgba(200,64,26,0.08) 0%,transparent 65%);animation:ctaPulse 4.5s ease-in-out infinite reverse;animation-delay:-2.25s;border-radius:50%;}
    @keyframes ctaPulse{0%{opacity:0.4;transform:translate(-50%,-50%) scale(0.92);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06);}100%{opacity:0.4;transform:translate(-50%,-50%) scale(0.92);}}

    /* Hero plasma nebula: slow breathing amber field and one soft nova cycle */
    .hero-bg{z-index:0;}
    .hero-bg::before{
      content:'';
      position:absolute;
      inset:-18% -16% -12% 28%;
      z-index:0;
      pointer-events:none;
      background:
        radial-gradient(ellipse 72% 58% at 50% 50%,rgba(214,102,31,.22) 0%,rgba(128,52,22,.16) 34%,rgba(54,24,14,.08) 58%,transparent 80%),
        radial-gradient(ellipse 38% 46% at 68% 42%,rgba(239,171,61,.12) 0%,rgba(183,84,29,.08) 42%,transparent 76%);
      filter:blur(42px) saturate(1.08);
      border-radius:50%;
      animation:amberFieldBreath 82s ease-in-out infinite;
      mix-blend-mode:screen;
    }
    @keyframes amberFieldBreath{
      0%,100%{opacity:.50;transform:translate3d(-8%,3%,0) scale(1.04);}
      28%{opacity:.70;transform:translate3d(-2%,-4%,0) scale(1.14);}
      56%{opacity:.62;transform:translate3d(7%,-1%,0) scale(1.22);}
      78%{opacity:.46;transform:translate3d(3%,4%,0) scale(1.18);}
    }
    .hero-overlay{z-index:4;pointer-events:none;}
    .hero-inner{z-index:5;}
    .rl-canvas{display:block !important;z-index:3;opacity:.58;mix-blend-mode:screen;filter:blur(.05px);}

    .plasma-field{
      position:absolute;
      left:41%;
      top:-6%;
      width:74%;
      height:82%;
      z-index:2;
      pointer-events:none;
      overflow:visible;
      mix-blend-mode:screen;
      opacity:.82;
      filter:saturate(1.12);
    }
    .plasma-field,.plasma-field *{transform-style:preserve-3d;}
    .plasma-field span,.plasma-field::before,.plasma-field::after{position:absolute;display:block;pointer-events:none;content:'';}

    .plasma-field::before{
      left:-24%;
      top:4%;
      width:64%;
      height:76%;
      border-radius:50%;
      background:
        radial-gradient(ellipse at 37% 48%,rgba(230,126,38,.30) 0%,rgba(168,69,26,.22) 35%,rgba(75,31,17,.12) 62%,transparent 84%);
      filter:blur(48px);
      opacity:.82;
      animation:leftRadiance 76s ease-in-out infinite;
    }
    .plasma-field::after{
      left:4%;
      top:20%;
      width:76%;
      height:48%;
      border-radius:50%;
      background:
        radial-gradient(ellipse at 15% 48%,rgba(207,89,29,.20) 0%,rgba(174,74,27,.15) 32%,transparent 68%),
        radial-gradient(ellipse at 64% 46%,rgba(45,181,185,.10) 0%,rgba(28,103,131,.07) 36%,transparent 74%);
      filter:blur(38px);
      opacity:.48;
      animation:plasmaShear 64s ease-in-out infinite;
    }
    @keyframes leftRadiance{
      0%,100%{opacity:.54;transform:translate3d(-7%,3%,0) scale(1.02);}
      34%{opacity:.82;transform:translate3d(0%,-4%,0) scale(1.14);}
      68%{opacity:.64;transform:translate3d(10%,2%,0) scale(1.24);}
    }
    @keyframes plasmaShear{
      0%,100%{opacity:.30;transform:translate3d(-2%,1%,0) scaleX(1.02) scaleY(.96);}
      42%{opacity:.52;transform:translate3d(8%,-1%,0) scaleX(1.13) scaleY(1.04);}
      72%{opacity:.38;transform:translate3d(16%,2%,0) scaleX(1.24) scaleY(.92);}
    }

    .plasma-mass{
      left:-10%;
      top:8%;
      width:68%;
      height:74%;
      border-radius:50%;
      background:
        radial-gradient(ellipse at 28% 52%,rgba(218,104,31,.42) 0%,rgba(153,61,24,.26) 34%,rgba(70,29,16,.14) 60%,transparent 82%),
        radial-gradient(ellipse at 52% 32%,rgba(241,176,62,.18) 0%,rgba(197,93,31,.11) 40%,transparent 76%);
      filter:blur(46px);
      transform:translate3d(0,0,0) scale(1);
      animation:plasmaMassBreathe 84s ease-in-out infinite;
    }

    .plasma-flow{
      left:1%;
      top:25%;
      width:64%;
      height:34%;
      border-radius:50%;
      background:
        radial-gradient(ellipse at 13% 50%,rgba(224,104,32,.20) 0%,rgba(182,74,26,.16) 34%,rgba(82,35,20,.09) 60%,transparent 82%),
        radial-gradient(ellipse at 78% 48%,rgba(240,174,62,.11) 0%,transparent 58%);
      filter:blur(32px);
      opacity:.36;
      transform:translateX(0) scaleX(1.1) scaleY(.78);
      animation:plasmaFlow 44s cubic-bezier(.34,.04,.12,1) infinite;
    }
    .plasma-flow.f2{
      top:40%;
      left:-3%;
      width:72%;
      height:40%;
      opacity:.28;
      background:
        radial-gradient(ellipse at 18% 48%,rgba(154,61,28,.18) 0%,rgba(209,96,33,.14) 42%,transparent 78%),
        radial-gradient(ellipse at 86% 43%,rgba(57,181,184,.09) 0%,transparent 62%);
      animation-duration:52s;
      animation-delay:-16s;
    }
    .plasma-flow.f3{
      top:8%;
      left:6%;
      width:58%;
      height:31%;
      opacity:.24;
      background:
        radial-gradient(ellipse at 18% 54%,rgba(235,151,49,.18) 0%,rgba(191,78,27,.13) 46%,transparent 80%),
        radial-gradient(ellipse at 82% 50%,rgba(90,78,150,.08) 0%,transparent 64%);
      animation-duration:60s;
      animation-delay:-25s;
    }

    .plasma-color-cloud{
      left:45%;
      top:19%;
      width:48%;
      height:58%;
      border-radius:50%;
      background:
        radial-gradient(ellipse at 40% 50%,rgba(245,177,66,.30) 0%,rgba(207,83,30,.22) 18%,transparent 48%),
        radial-gradient(ellipse at 60% 40%,rgba(54,186,190,.32) 0%,rgba(31,112,139,.19) 35%,transparent 68%),
        radial-gradient(ellipse at 42% 70%,rgba(102,76,156,.17) 0%,rgba(85,46,116,.08) 43%,transparent 66%);
      filter:blur(30px);
      opacity:0;
      transform:translate(-5%,1%) scale(.52);
      animation:colorConcentrate 28s cubic-bezier(.25,.04,.1,1) infinite;
    }

    .plasma-star{
      left:63%;
      top:47%;
      width:18px;
      height:18px;
      border-radius:50%;
      background:radial-gradient(circle,#fff8d8 0%,#f5c86a 20%,#dc782c 42%,rgba(67,188,190,.23) 66%,transparent 84%);
      box-shadow:0 0 0 rgba(236,141,45,0);
      opacity:0;
      transform:translate(-50%,-50%) scale(.3);
      animation:plasmaStar 28s cubic-bezier(.2,.04,.1,1) infinite;
    }

    .plasma-ring{
      left:63%;
      top:47%;
      width:260px;
      height:225px;
      border-radius:50%;
      background:
        radial-gradient(ellipse at 50% 50%,transparent 0%,transparent 38%,rgba(218,99,34,.30) 45%,rgba(47,188,193,.26) 54%,rgba(92,72,152,.15) 63%,rgba(231,154,54,.09) 72%,transparent 83%);
      filter:blur(10px);
      opacity:0;
      transform:translate(-50%,-50%) scale(.18);
      animation:plasmaRing 28s cubic-bezier(.18,.02,.08,1) infinite;
    }

    .plasma-nova{
      left:63%;
      top:47%;
      width:190px;
      height:190px;
      border-radius:50%;
      background:
        radial-gradient(circle at 50% 50%,rgba(255,249,225,.62) 0%,rgba(240,174,66,.44) 8%,rgba(207,83,31,.31) 19%,rgba(52,184,190,.27) 38%,rgba(26,106,143,.19) 54%,rgba(101,75,154,.14) 68%,transparent 84%),
        radial-gradient(ellipse at 31% 50%,rgba(206,84,29,.22) 0%,transparent 60%),
        radial-gradient(ellipse at 74% 47%,rgba(62,190,190,.24) 0%,transparent 68%);
      filter:blur(14px);
      opacity:0;
      transform:translate(-50%,-50%) scale(.18);
      animation:plasmaNova 28s cubic-bezier(.18,.02,.08,1) infinite;
    }

    .plasma-halo{
      left:63%;
      top:47%;
      width:300px;
      height:250px;
      border-radius:50%;
      background:
        radial-gradient(ellipse at 50% 50%,rgba(255,244,205,.12) 0%,rgba(229,124,39,.12) 20%,transparent 34%,rgba(221,109,38,.18) 48%,rgba(55,183,188,.16) 62%,rgba(87,67,145,.10) 74%,transparent 88%);
      filter:blur(24px);
      opacity:0;
      transform:translate(-50%,-50%) scale(.24);
      animation:plasmaHalo 28s cubic-bezier(.18,.02,.08,1) infinite;
    }

    @keyframes plasmaMassBreathe{
      0%,100%{opacity:.54;transform:translate3d(-8%,3%,0) scale(1.02);filter:blur(48px);}
      30%{opacity:.78;transform:translate3d(-1%,-5%,0) scale(1.16);filter:blur(52px);}
      62%{opacity:.62;transform:translate3d(10%,1%,0) scale(1.27);filter:blur(58px);}
      82%{opacity:.48;transform:translate3d(4%,5%,0) scale(1.20);filter:blur(56px);}
    }
    @keyframes plasmaFlow{
      0%,100%{opacity:.18;transform:translateX(-2%) scaleX(1.04) scaleY(.75);}
      36%{opacity:.38;transform:translateX(12%) scaleX(1.16) scaleY(.82);}
      56%{opacity:.52;transform:translateX(28%) scaleX(.82) scaleY(.64);}
      78%{opacity:.20;transform:translateX(42%) scaleX(.54) scaleY(.50);}
    }
    @keyframes colorConcentrate{
      0%,22%{opacity:0;transform:translate(-10%,2%) scale(.52);filter:blur(34px);}
      40%{opacity:.26;transform:translate(-2%,0) scale(.92);filter:blur(34px);}
      53%{opacity:.58;transform:translate(1%,0) scale(.60);filter:blur(24px);}
      61%{opacity:.38;transform:translate(0,0) scale(.42);filter:blur(18px);}
      70%{opacity:.70;transform:translate(0,0) scale(.78);filter:blur(19px);}
      84%{opacity:.38;transform:translate(0,0) scale(1.55);filter:blur(26px);}
      100%{opacity:0;transform:translate(0,0) scale(2.25);filter:blur(38px);}
    }
    @keyframes plasmaStar{
      0%,45%{opacity:0;transform:translate(-50%,-50%) scale(.22);box-shadow:0 0 0 rgba(236,141,45,0);}
      54%{opacity:.55;transform:translate(-50%,-50%) scale(.88);box-shadow:0 0 54px rgba(225,121,39,.40),0 0 98px rgba(55,179,187,.10);}
      61%{opacity:1;transform:translate(-50%,-50%) scale(1.8);box-shadow:0 0 86px rgba(248,183,63,.72),0 0 152px rgba(205,73,28,.34),0 0 188px rgba(52,180,188,.18);}
      66%{opacity:.32;transform:translate(-50%,-50%) scale(1.02);}
      72%{opacity:.12;transform:translate(-50%,-50%) scale(.55);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(.24);}
    }
    @keyframes plasmaNova{
      0%,58%{opacity:0;transform:translate(-50%,-50%) scale(.16);filter:blur(13px);}
      66%{opacity:.58;transform:translate(-50%,-50%) scale(.70);filter:blur(14px);}
      80%{opacity:.46;transform:translate(-50%,-50%) scale(1.55);filter:blur(18px);}
      94%{opacity:.18;transform:translate(-50%,-50%) scale(2.55);filter:blur(28px);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(3.05);filter:blur(36px);}
    }
    @keyframes plasmaRing{
      0%,59%{opacity:0;transform:translate(-50%,-50%) scale(.12);filter:blur(8px);}
      68%{opacity:.36;transform:translate(-50%,-50%) scale(.62);filter:blur(9px);}
      82%{opacity:.30;transform:translate(-50%,-50%) scale(1.42);filter:blur(12px);}
      96%{opacity:.10;transform:translate(-50%,-50%) scale(2.35);filter:blur(18px);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(2.75);filter:blur(22px);}
    }
    @keyframes plasmaHalo{
      0%,60%{opacity:0;transform:translate(-50%,-50%) scale(.20);}
      72%{opacity:.24;transform:translate(-50%,-50%) scale(1.0);}
      88%{opacity:.16;transform:translate(-50%,-50%) scale(1.9);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(2.6);}
    }
    @media(max-width:768px){.plasma-field{left:42%;top:2%;width:72%;height:55%;opacity:.58;}.plasma-mass{opacity:.46;}.plasma-flow{opacity:.18;}.rl-canvas{opacity:.22;}}



    /* v13 hero effect: random safe-zone origin, flowing amber cloud, visible background signal lines */
    .hero-bg{
      --nova-x:72%;
      --nova-y:34%;
      --amber-drift-x:0%;
      --amber-drift-y:0%;
      --amber-scale:1;
    }
    .hero-bg::before{
      inset:-24% -18% -18% 24%;
      background:
        radial-gradient(ellipse 70% 62% at 34% 48%,rgba(229,119,36,.34) 0%,rgba(177,72,25,.25) 28%,rgba(91,37,18,.15) 54%,transparent 80%),
        radial-gradient(ellipse 42% 34% at 52% 42%,rgba(242,179,63,.14) 0%,rgba(200,91,30,.11) 40%,transparent 72%),
        radial-gradient(ellipse 72% 48% at 70% 54%,rgba(38,168,172,.08) 0%,rgba(21,80,103,.05) 48%,transparent 78%);
      filter:blur(52px) saturate(1.15);
      opacity:.64;
      animation:amberFieldFlow 46s ease-in-out infinite;
      transform-origin:38% 48%;
    }
    @keyframes amberFieldFlow{
      0%,100%{opacity:.52;transform:translate3d(-7%,3%,0) scale(1.04) rotate(-1deg);}
      18%{opacity:.68;transform:translate3d(-2%,-4%,0) scale(1.13) rotate(.8deg);}
      38%{opacity:.75;transform:translate3d(6%,-1%,0) scale(1.23) rotate(-.4deg);}
      59%{opacity:.62;transform:translate3d(11%,4%,0) scale(1.17) rotate(1deg);}
      78%{opacity:.70;transform:translate3d(2%,6%,0) scale(1.28) rotate(-.8deg);}
    }
    .rl-blob{mix-blend-mode:screen;opacity:.82;}
    .rl-b1{animation-duration:64s !important;filter:blur(72px);}
    .rl-b2{animation-duration:78s !important;filter:blur(64px);}
    .rl-b3{animation-duration:70s !important;filter:blur(68px);}
    .rl-b4{animation-duration:86s !important;filter:blur(74px);}
    .rl-b5{animation-duration:74s !important;filter:blur(60px);}
    .rl-b6{animation-duration:66s !important;filter:blur(54px);}
    @keyframes rlf1{0%{transform:translate(-4%,2%) scale(1)}35%{transform:translate(10%,-4%) scale(1.16)}70%{transform:translate(24%,7%) scale(1.28)}100%{transform:translate(36%,1%) scale(1.12)}}
    @keyframes rlf2{0%{transform:translate(1%,4%) scale(1)}42%{transform:translate(18%,-3%) scale(1.18)}100%{transform:translate(30%,9%) scale(1.05)}}
    @keyframes rlf3{0%{transform:translate(-2%,-1%) scale(1)}50%{transform:translate(15%,8%) scale(1.2)}100%{transform:translate(28%,-2%) scale(1.08)}}
    @keyframes rlf4{0%{transform:translate(-5%,2%) scale(1)}48%{transform:translate(16%,5%) scale(1.22)}100%{transform:translate(34%,11%) scale(1.04)}}
    @keyframes rlf5{0%{transform:translate(2%,-3%) scale(1)}55%{transform:translate(-6%,6%) scale(1.15)}100%{transform:translate(8%,12%) scale(1.03)}}
    @keyframes rlf6{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-12%,9%) scale(1.20)}100%{transform:translate(9%,15%) scale(1.04)}}
    .rl-canvas{display:block !important;z-index:3;opacity:.78 !important;mix-blend-mode:screen;filter:blur(.15px);}

    .plasma-field{
      position:absolute;
      inset:0;
      left:0 !important;
      top:0 !important;
      width:100% !important;
      height:100% !important;
      z-index:2;
      pointer-events:none;
      overflow:hidden;
      mix-blend-mode:screen;
      opacity:.92;
      filter:saturate(1.18);
    }
    .plasma-field::before{
      left:36%;
      top:8%;
      width:62%;
      height:70%;
      border-radius:50%;
      background:
        radial-gradient(ellipse at 30% 52%,rgba(226,109,34,.34) 0%,rgba(169,67,24,.24) 34%,rgba(78,31,17,.13) 61%,transparent 84%),
        radial-gradient(ellipse at 58% 44%,rgba(234,164,56,.14) 0%,transparent 60%);
      filter:blur(62px);
      opacity:.78;
      animation:leftRadiance 42s ease-in-out infinite;
    }
    .plasma-field::after{
      left:48%;
      top:18%;
      width:44%;
      height:48%;
      border-radius:50%;
      background:
        radial-gradient(ellipse at 22% 52%,rgba(222,105,34,.18) 0%,rgba(185,76,27,.14) 42%,transparent 74%),
        radial-gradient(ellipse at 72% 50%,rgba(46,178,183,.13) 0%,rgba(23,91,118,.08) 43%,transparent 76%);
      filter:blur(44px);
      opacity:.50;
      animation:plasmaShear 38s ease-in-out infinite;
    }
    @keyframes leftRadiance{
      0%,100%{opacity:.50;transform:translate3d(-8%,2%,0) scale(1.02);}
      25%{opacity:.82;transform:translate3d(1%,-6%,0) scale(1.18);}
      56%{opacity:.70;transform:translate3d(12%,2%,0) scale(1.32);}
      78%{opacity:.58;transform:translate3d(4%,7%,0) scale(1.22);}
    }
    @keyframes plasmaShear{
      0%,100%{opacity:.30;transform:translate3d(-6%,2%,0) scaleX(1.0) scaleY(.92);}
      36%{opacity:.58;transform:translate3d(10%,-4%,0) scaleX(1.25) scaleY(1.05);}
      74%{opacity:.42;transform:translate3d(22%,5%,0) scaleX(1.45) scaleY(.88);}
    }
    .plasma-mass{
      left:34%;
      top:2%;
      width:58%;
      height:82%;
      border-radius:50%;
      background:
        radial-gradient(ellipse at 25% 50%,rgba(224,108,32,.48) 0%,rgba(169,68,25,.30) 34%,rgba(78,32,17,.17) 61%,transparent 84%),
        radial-gradient(ellipse at 48% 34%,rgba(244,180,61,.20) 0%,rgba(206,91,29,.12) 38%,transparent 74%),
        radial-gradient(ellipse at 77% 54%,rgba(41,168,174,.09) 0%,transparent 70%);
      filter:blur(64px);
      opacity:.78;
      transform-origin:35% 50%;
      animation:plasmaMassBreathe 48s ease-in-out infinite;
    }
    .plasma-flow{
      left:42%;
      top:22%;
      width:52%;
      height:36%;
      border-radius:50%;
      background:
        radial-gradient(ellipse at 9% 50%,rgba(226,108,35,.22) 0%,rgba(183,74,27,.17) 34%,rgba(82,35,20,.10) 60%,transparent 82%),
        radial-gradient(ellipse at 86% 48%,rgba(239,172,61,.11) 0%,rgba(45,169,174,.08) 48%,transparent 72%);
      filter:blur(38px);
      opacity:.45;
      transform:translateX(0) scaleX(1.1) scaleY(.80);
      animation:plasmaFlow 26s cubic-bezier(.34,.04,.12,1) infinite;
    }
    .plasma-flow.f2{top:38%;left:40%;width:58%;height:44%;opacity:.33;animation-duration:32s;animation-delay:-10s;}
    .plasma-flow.f3{top:9%;left:48%;width:45%;height:34%;opacity:.30;animation-duration:36s;animation-delay:-18s;}
    @keyframes plasmaMassBreathe{
      0%,100%{opacity:.56;transform:translate3d(-7%,3%,0) scale(1.04);filter:blur(66px);}
      22%{opacity:.86;transform:translate3d(2%,-6%,0) scale(1.20);filter:blur(70px);}
      48%{opacity:.70;transform:translate3d(12%,1%,0) scale(1.36);filter:blur(78px);}
      72%{opacity:.82;transform:translate3d(4%,7%,0) scale(1.25);filter:blur(72px);}
    }
    @keyframes plasmaFlow{
      0%,100%{opacity:.20;transform:translateX(-2%) scaleX(1.02) scaleY(.74);}
      28%{opacity:.44;transform:translateX(11%) scaleX(1.20) scaleY(.86);}
      52%{opacity:.62;transform:translateX(28%) scaleX(.78) scaleY(.62);}
      78%{opacity:.24;transform:translateX(44%) scaleX(.50) scaleY(.48);}
    }

    .plasma-color-cloud,
    .plasma-star,
    .plasma-ring,
    .plasma-nova,
    .plasma-halo{left:var(--nova-x) !important;top:var(--nova-y) !important;}
    .plasma-color-cloud{
      width:36vw;
      max-width:520px;
      min-width:280px;
      height:32vw;
      max-height:450px;
      min-height:240px;
      border-radius:50%;
      background:
        radial-gradient(ellipse at 34% 46%,rgba(242,172,61,.40) 0%,rgba(208,86,30,.30) 20%,transparent 50%),
        radial-gradient(ellipse at 70% 44%,rgba(45,190,196,.36) 0%,rgba(23,105,139,.22) 38%,transparent 70%),
        radial-gradient(ellipse at 43% 76%,rgba(105,76,158,.22) 0%,rgba(75,42,110,.10) 44%,transparent 70%),
        radial-gradient(ellipse at 20% 68%,rgba(148,44,34,.18) 0%,transparent 58%);
      filter:blur(32px);
      opacity:0;
      transform:translate(-50%,-50%) scale(.34);
      animation:colorConcentrate 26s cubic-bezier(.25,.04,.1,1) infinite;
    }
    .plasma-star{
      width:20px;
      height:20px;
      border-radius:50%;
      background:radial-gradient(circle,#fffdf0 0%,#fff2b3 17%,#f0b04a 34%,#d86126 50%,rgba(52,185,190,.32) 69%,transparent 84%);
      opacity:0;
      transform:translate(-50%,-50%) scale(.18);
      animation:plasmaStar 26s cubic-bezier(.2,.04,.1,1) infinite;
    }
    .plasma-ring{
      width:25vw;
      max-width:390px;
      min-width:220px;
      height:22vw;
      max-height:340px;
      min-height:190px;
      border-radius:50%;
      background:radial-gradient(ellipse at 50% 50%,transparent 0%,transparent 34%,rgba(234,158,55,.36) 42%,rgba(218,83,31,.28) 50%,rgba(43,188,194,.32) 59%,rgba(94,72,154,.20) 68%,rgba(226,150,53,.10) 76%,transparent 86%);
      filter:blur(11px);
      opacity:0;
      transform:translate(-50%,-50%) scale(.10);
      animation:plasmaRing 26s cubic-bezier(.18,.02,.08,1) infinite;
    }
    .plasma-nova{
      width:22vw;
      max-width:360px;
      min-width:190px;
      height:22vw;
      max-height:360px;
      min-height:190px;
      border-radius:50%;
      background:
        radial-gradient(circle at 50% 50%,rgba(255,253,238,.94) 0%,rgba(249,205,101,.68) 7%,rgba(222,93,33,.42) 18%,rgba(48,188,194,.32) 39%,rgba(24,111,146,.22) 56%,rgba(105,76,154,.16) 70%,transparent 86%),
        radial-gradient(ellipse at 25% 52%,rgba(209,84,29,.25) 0%,transparent 64%),
        radial-gradient(ellipse at 74% 48%,rgba(58,190,195,.28) 0%,transparent 70%);
      filter:blur(15px);
      opacity:0;
      transform:translate(-50%,-50%) scale(.12);
      animation:plasmaNova 26s cubic-bezier(.18,.02,.08,1) infinite;
    }
    .plasma-halo{
      width:30vw;
      max-width:480px;
      min-width:260px;
      height:26vw;
      max-height:410px;
      min-height:220px;
      border-radius:50%;
      background:radial-gradient(ellipse at 50% 50%,rgba(255,244,205,.18) 0%,rgba(229,124,39,.14) 20%,transparent 34%,rgba(221,109,38,.20) 47%,rgba(55,183,188,.20) 61%,rgba(87,67,145,.13) 74%,transparent 89%);
      filter:blur(26px);
      opacity:0;
      transform:translate(-50%,-50%) scale(.16);
      animation:plasmaHalo 26s cubic-bezier(.18,.02,.08,1) infinite;
    }
    @keyframes colorConcentrate{
      0%,12%{opacity:0;transform:translate(-56%,-51%) scale(.22);filter:blur(44px);}
      24%{opacity:.24;transform:translate(-54%,-51%) scale(.70);filter:blur(42px);}
      40%{opacity:.56;transform:translate(-51%,-50%) scale(.94);filter:blur(34px);}
      53%{opacity:.78;transform:translate(-50%,-50%) scale(.50);filter:blur(24px);}
      60%{opacity:.64;transform:translate(-50%,-50%) scale(.34);filter:blur(17px);}
      68%{opacity:.82;transform:translate(-50%,-50%) scale(.82);filter:blur(22px);}
      84%{opacity:.48;transform:translate(-50%,-50%) scale(1.72);filter:blur(33px);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(2.65);filter:blur(50px);}
    }
    @keyframes plasmaStar{
      0%,48%{opacity:0;transform:translate(-50%,-50%) scale(.16);box-shadow:none;}
      55%{opacity:.72;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 56px rgba(235,143,43,.48),0 0 118px rgba(52,184,190,.14);}
      61%{opacity:1;transform:translate(-50%,-50%) scale(2.2);box-shadow:0 0 98px rgba(255,219,126,.88),0 0 170px rgba(218,82,29,.42),0 0 230px rgba(51,188,194,.22);}
      65%{opacity:.38;transform:translate(-50%,-50%) scale(1.0);}
      70%{opacity:.08;transform:translate(-50%,-50%) scale(.42);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(.18);}
    }
    @keyframes plasmaNova{
      0%,57%{opacity:0;transform:translate(-50%,-50%) scale(.10);filter:blur(13px);}
      62%{opacity:.78;transform:translate(-50%,-50%) scale(.42);filter:blur(12px);}
      74%{opacity:.56;transform:translate(-50%,-50%) scale(1.18);filter:blur(18px);}
      90%{opacity:.28;transform:translate(-50%,-50%) scale(2.30);filter:blur(32px);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(3.10);filter:blur(46px);}
    }
    @keyframes plasmaRing{
      0%,59%{opacity:0;transform:translate(-50%,-50%) scale(.08);filter:blur(8px);}
      65%{opacity:.54;transform:translate(-50%,-50%) scale(.46);filter:blur(9px);}
      80%{opacity:.42;transform:translate(-50%,-50%) scale(1.40);filter:blur(13px);}
      96%{opacity:.16;transform:translate(-50%,-50%) scale(2.85);filter:blur(21px);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(3.25);filter:blur(25px);}
    }
    @keyframes plasmaHalo{
      0%,60%{opacity:0;transform:translate(-50%,-50%) scale(.16);}
      72%{opacity:.36;transform:translate(-50%,-50%) scale(1.04);}
      88%{opacity:.21;transform:translate(-50%,-50%) scale(2.05);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(2.95);}
    }
    @media(max-width:768px){.plasma-field{opacity:.70;}.rl-canvas{opacity:.34 !important;}.plasma-mass{opacity:.50;}.plasma-flow{opacity:.18;}}

    /* Buyer path filter: slow, reversible hover expansion */
    .best-fit{padding:7rem 3.5rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--ink-1),var(--ink-0));position:relative;overflow:hidden;}
    .best-fit::before{content:'';position:absolute;inset:auto 0 0 0;height:70%;background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(176,82,32,.07),transparent 68%);pointer-events:none;}
    .fit-shell{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2.25rem 0;}
    .fit-trigger{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;cursor:default;padding:1rem 0;}
    .fit-kicker{font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:.8rem;}
    .fit-title{font-family:'Cormorant',serif;font-size:clamp(2rem,3vw,3.4rem);font-weight:300;line-height:1.1;display:block;}
    .fit-title em{font-style:italic;color:var(--red);}
    .fit-sub{color:var(--fog-hi);font-size:.92rem;line-height:1.85;max-width:58ch;margin-top:1.1rem;}
    .fit-pulse{width:44px;height:44px;border:1px solid rgba(200,64,26,.3);border-radius:50%;position:relative;box-shadow:0 0 0 rgba(200,64,26,0);animation:fitPulse 6.5s ease-in-out infinite;}
    .fit-pulse::before,.fit-pulse::after{content:'';position:absolute;inset:50%;width:10px;height:10px;border-radius:50%;background:var(--red);transform:translate(-50%,-50%);}
    .fit-pulse::after{width:100%;height:100%;background:transparent;border:1px solid rgba(200,64,26,.28);animation:fitRing 6.5s ease-in-out infinite;}
    @keyframes fitPulse{0%,100%{box-shadow:0 0 0 rgba(200,64,26,0);opacity:.75;}50%{box-shadow:0 0 36px rgba(200,64,26,.26);opacity:1;}}
    @keyframes fitRing{0%{opacity:.0;transform:translate(-50%,-50%) scale(.7);}45%{opacity:.55;}100%{opacity:0;transform:translate(-50%,-50%) scale(1.7);}}
    .fit-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px);transition:max-height 1.45s cubic-bezier(.16,.84,.24,1),opacity .8s ease,transform 1.05s cubic-bezier(.16,.84,.24,1);transition-delay:.28s,.18s,.18s;}
    .fit-shell:hover .fit-paths,.fit-shell:focus-within .fit-paths{max-height:760px;opacity:1;transform:translateY(0);transition-delay:0s;}
    .fit-path{background:var(--ink-0);padding:2.25rem;min-height:220px;transition:background 1.1s ease,padding 1.1s cubic-bezier(.16,.84,.24,1);}
    .fit-path:hover{background:var(--ink-2);padding-top:2.75rem;padding-bottom:2.75rem;}
    .fit-num{font-family:'Cormorant',serif;font-style:italic;color:var(--red);font-size:1.1rem;display:block;margin-bottom:1.15rem;}
    .fit-path h3{font-family:'Cormorant',serif;font-weight:300;font-size:1.55rem;line-height:1.15;margin-bottom:.8rem;}
    .fit-path p{font-size:.86rem;color:var(--fog-hi);line-height:1.75;}
    .fit-more{max-height:0;opacity:0;overflow:hidden;transition:max-height 1.1s cubic-bezier(.16,.84,.24,1),opacity .75s ease,margin-top 1.1s cubic-bezier(.16,.84,.24,1);transition-delay:.25s,.15s,.25s;margin-top:0;}
    .fit-path:hover .fit-more{max-height:220px;opacity:1;margin-top:1rem;transition-delay:0s;}
    .fit-open-door{max-height:0;opacity:0;overflow:hidden;margin-top:0;color:var(--fog-hi);font-size:.9rem;line-height:1.85;max-width:62ch;transition:max-height 1.15s cubic-bezier(.16,.84,.24,1),opacity .8s ease,margin-top 1.15s cubic-bezier(.16,.84,.24,1);}
    .fit-shell:hover .fit-open-door,.fit-shell:focus-within .fit-open-door{max-height:120px;opacity:1;margin-top:2rem;}
    @media(max-width:900px){.fit-paths{grid-template-columns:1fr;}.fit-trigger{grid-template-columns:1fr;}.fit-pulse{display:none;}.best-fit{padding:4.5rem 1.5rem;}.fit-paths{max-height:none;opacity:1;transform:none;}.fit-more{max-height:none;opacity:1;margin-top:1rem;}.fit-open-door{max-height:none;opacity:1;margin-top:2rem;}}


    /* v14 refinements: blue-white nova ignition, smoother engagement expansion, radiating best-fit section */
    .plasma-star{
      background:
        radial-gradient(circle,#ffffff 0%,#eaf8ff 10%,#9fdcff 21%,#fff1b5 34%,#e8762c 52%,rgba(52,184,190,.36) 70%,transparent 86%) !important;
      filter:blur(1.5px) saturate(1.35) !important;
    }
    .plasma-nova{
      background:
        radial-gradient(circle at 50% 50%,rgba(255,255,255,.98) 0%,rgba(185,231,255,.90) 5%,rgba(112,196,255,.58) 11%,rgba(249,205,101,.54) 18%,rgba(223,91,32,.42) 30%,rgba(48,188,194,.34) 50%,rgba(24,111,146,.24) 64%,rgba(105,76,154,.18) 76%,transparent 88%),
        radial-gradient(ellipse at 27% 52%,rgba(212,84,28,.27) 0%,transparent 64%),
        radial-gradient(ellipse at 74% 48%,rgba(58,190,195,.30) 0%,transparent 72%) !important;
      filter:blur(16px) saturate(1.28) !important;
    }
    .plasma-ring{
      background:
        radial-gradient(ellipse at 50% 50%,transparent 0%,transparent 31%,rgba(150,218,255,.45) 38%,rgba(236,167,58,.40) 46%,rgba(218,83,31,.32) 54%,rgba(43,188,194,.36) 63%,rgba(94,72,154,.24) 72%,rgba(226,150,53,.12) 80%,transparent 88%) !important;
      filter:blur(12px) saturate(1.28) !important;
    }
    @keyframes plasmaStar{
      0%,48%{opacity:0;transform:translate(-50%,-50%) scale(.16);box-shadow:none;}
      54%{opacity:.72;transform:translate(-50%,-50%) scale(.92);box-shadow:0 0 58px rgba(232,139,42,.45),0 0 118px rgba(94,202,255,.18);}
      59%{opacity:1;transform:translate(-50%,-50%) scale(2.65);box-shadow:0 0 42px rgba(255,255,255,.95),0 0 112px rgba(155,221,255,.74),0 0 178px rgba(255,209,102,.56),0 0 238px rgba(51,188,194,.24);}
      62%{opacity:.50;transform:translate(-50%,-50%) scale(1.22);box-shadow:0 0 76px rgba(170,226,255,.45),0 0 144px rgba(226,105,35,.22);}
      66%{opacity:.12;transform:translate(-50%,-50%) scale(.48);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(.18);}
    }
    @keyframes plasmaNova{
      0%,56%{opacity:0;transform:translate(-50%,-50%) scale(.10);filter:blur(13px) saturate(1.15);}
      60%{opacity:.92;transform:translate(-50%,-50%) scale(.36);filter:blur(10px) saturate(1.45);}
      69%{opacity:.66;transform:translate(-50%,-50%) scale(.95);filter:blur(16px) saturate(1.32);}
      86%{opacity:.35;transform:translate(-50%,-50%) scale(2.05);filter:blur(29px) saturate(1.12);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(3.15);filter:blur(48px) saturate(.95);}
    }
    @keyframes plasmaRing{
      0%,58%{opacity:0;transform:translate(-50%,-50%) scale(.08);filter:blur(8px);}
      63%{opacity:.68;transform:translate(-50%,-50%) scale(.42);filter:blur(9px);}
      78%{opacity:.48;transform:translate(-50%,-50%) scale(1.38);filter:blur(14px);}
      96%{opacity:.18;transform:translate(-50%,-50%) scale(2.95);filter:blur(23px);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(3.35);filter:blur(27px);}
    }

    /* Where I Engage: title-only default, slow reversible hover reveal */
    .services-list{gap:0;}
    .service-row{
      align-items:start !important;
      padding:1.55rem 0 !important;
      transition:
        background 1.15s ease,
        padding 1.35s cubic-bezier(.16,.84,.24,1),
        border-color 1.1s ease,
        box-shadow 1.4s ease !important;
      overflow:hidden;
      position:relative;
    }
    .service-row::before{
      content:'';
      position:absolute;
      inset:0;
      background:radial-gradient(ellipse 74% 160% at 12% 50%,rgba(200,94,34,.08),transparent 62%);
      opacity:0;
      transition:opacity 1.25s ease;
      pointer-events:none;
      z-index:0;
    }
    .service-row::after{
      content:'';
      position:absolute;
      top:0;
      bottom:0;
      left:-55%;
      width:70%;
      background:
        radial-gradient(ellipse 70% 120% at 50% 50%,rgba(224,111,42,.13) 0%,rgba(200,64,26,.07) 34%,rgba(82,184,186,.035) 56%,transparent 78%);
      opacity:0;
      transform:translateX(0) scaleY(.88);
      filter:blur(18px);
      transition:opacity 1.2s ease, filter 1.2s ease;
      pointer-events:none;
      z-index:0;
    }
    .service-row > *{position:relative;z-index:1;}
    .service-row:hover,
    .service-row:focus-visible{
      background:rgba(19,16,9,.84) !important;
      padding-top:2.25rem !important;
      padding-bottom:2.45rem !important;
      padding-left:1.5rem !important;
      padding-right:1.5rem !important;
      box-shadow:inset 0 0 46px rgba(200,82,28,.045);
    }
    .service-row:hover::before,
    .service-row:focus-visible::before{opacity:1;}
    .service-row:hover::after,
    .service-row:focus-visible::after{
      opacity:1;
      animation:engagePulseDrift 4.8s ease-in-out infinite alternate;
    }
    @keyframes engagePulseDrift{
      0%{transform:translateX(0) scaleY(.82);opacity:.34;filter:blur(22px);}
      28%{opacity:.58;filter:blur(18px);}
      55%{transform:translateX(76%) scaleY(1.04);opacity:.72;filter:blur(15px);}
      78%{opacity:.5;filter:blur(20px);}
      100%{transform:translateX(146%) scaleY(.9);opacity:.36;filter:blur(24px);}
    }
    .svc-name{
      transition:color .9s ease, transform 1.05s cubic-bezier(.16,.84,.24,1), letter-spacing 1.05s ease;
    }
    .service-row:hover .svc-name,
    .service-row:focus-visible .svc-name{
      color:var(--cream);
      transform:translateY(-2px);
      letter-spacing:.01em;
    }
    .svc-desc{
      max-width:48ch !important;
      max-height:0;
      opacity:0;
      overflow:hidden;
      margin-top:0;
      transform:translateY(-8px);
      filter:blur(3px);
      transition:
        max-height 1.55s cubic-bezier(.16,.84,.24,1),
        opacity 1.05s ease,
        margin-top 1.25s cubic-bezier(.16,.84,.24,1),
        transform 1.25s cubic-bezier(.16,.84,.24,1),
        filter 1.1s ease;
    }
    .service-row:hover .svc-desc,
    .service-row:focus-visible .svc-desc{
      max-height:220px;
      opacity:1;
      margin-top:.85rem;
      transform:translateY(0);
      filter:blur(0);
    }
    .service-row:hover .svc-num,
    .service-row:focus-visible .svc-num{color:var(--red-hi);transition:color .9s ease;}
    .service-row:hover .svc-arrow,
    .service-row:focus-visible .svc-arrow{transform:translateX(8px);color:var(--red-hi);transition:transform 1.0s cubic-bezier(.16,.84,.24,1),color .9s ease;}

    /* Best Fit: remove bullseye and replace with slow radiance on hover */
    .fit-pulse{display:none !important;}
    .fit-trigger{grid-template-columns:1fr !important;cursor:pointer;}
    .fit-shell{
      padding:2.25rem 2rem;
      margin:0 -2rem;
      border-color:rgba(255,255,255,.07);
      transition:
        border-color 1.25s ease,
        background 1.45s ease,
        box-shadow 1.6s ease,
        padding 1.2s cubic-bezier(.16,.84,.24,1);
      overflow:hidden;
    }
    .fit-shell::before,
    .fit-shell::after{
      content:'';
      position:absolute;
      inset:-35% -18%;
      border-radius:50%;
      opacity:0;
      pointer-events:none;
      transition:opacity 1.3s ease;
      mix-blend-mode:screen;
    }
    .fit-shell::before{
      background:
        radial-gradient(ellipse 44% 52% at 23% 45%,rgba(206,86,30,.22),transparent 64%),
        radial-gradient(ellipse 48% 58% at 70% 58%,rgba(226,142,48,.14),transparent 68%);
      filter:blur(46px);
    }
    .fit-shell::after{
      background:radial-gradient(ellipse 60% 70% at 55% 50%,rgba(55,178,184,.10),rgba(104,74,150,.065) 42%,transparent 74%);
      filter:blur(58px);
    }
    .fit-shell:hover,
    .fit-shell:focus-within{
      border-color:rgba(224,105,48,.20);
      background:rgba(12,9,6,.38);
      box-shadow:0 0 80px rgba(200,82,28,.08), inset 0 0 64px rgba(200,82,28,.045);
      padding-top:2.65rem;
      padding-bottom:2.85rem;
    }
    .fit-shell:hover::before,
    .fit-shell:focus-within::before{opacity:1;animation:fitRadianceBreath 9s ease-in-out infinite;}
    .fit-shell:hover::after,
    .fit-shell:focus-within::after{opacity:1;animation:fitRadianceColor 11s ease-in-out infinite;}
    @keyframes fitRadianceBreath{
      0%,100%{transform:translate3d(-2%,1%,0) scale(1);opacity:.42;}
      37%{transform:translate3d(3%,-2%,0) scale(1.13);opacity:.74;}
      69%{transform:translate3d(6%,3%,0) scale(1.24);opacity:.56;}
    }
    @keyframes fitRadianceColor{
      0%,100%{transform:translate3d(2%,-1%,0) scale(.96);opacity:.22;}
      48%{transform:translate3d(-4%,3%,0) scale(1.18);opacity:.44;}
      78%{transform:translate3d(4%,4%,0) scale(1.08);opacity:.32;}
    }
    .fit-path{
      position:relative;
      transition:
        background 1.2s ease,
        padding 1.15s cubic-bezier(.16,.84,.24,1),
        box-shadow 1.25s ease,
        filter 1.1s ease !important;
      overflow:hidden;
    }
    .fit-path::before{
      content:'';
      position:absolute;
      inset:-20%;
      background:radial-gradient(ellipse 70% 75% at 50% 45%,rgba(224,110,43,.16),rgba(47,176,184,.055) 45%,transparent 74%);
      opacity:0;
      filter:blur(24px);
      transition:opacity 1.1s ease, transform 1.4s cubic-bezier(.16,.84,.24,1);
      pointer-events:none;
    }
    .fit-path:hover,
    .fit-path:focus-within{
      background:rgba(28,23,16,.96) !important;
      box-shadow:inset 0 0 54px rgba(214,94,34,.085),0 0 42px rgba(200,82,28,.045);
      filter:saturate(1.08);
    }
    .fit-path:hover::before,
    .fit-path:focus-within::before{opacity:1;transform:scale(1.08);}
    .fit-path > *{position:relative;z-index:1;}
    .fit-path:hover .fit-num,
    .fit-path:focus-within .fit-num{color:var(--red-hi);}

    @media(max-width:768px){
      .service-row{padding:1.35rem 0 !important;}
      .service-row .svc-desc{max-height:none;opacity:1;margin-top:.65rem;transform:none;filter:none;}
      .fit-shell{margin:0;padding:1.5rem 0;}
    }




    /* v15 refinements: cleaner blue-white ignition, smoother late expansion, quicker text focus */
    .plasma-color-cloud,
    .plasma-star,
    .plasma-ring,
    .plasma-nova,
    .plasma-halo{
      animation-duration:24s !important;
    }
    .plasma-star{
      width:18px !important;
      height:18px !important;
      background:
        radial-gradient(circle,#ffffff 0%,#c7efff 9%,#6fc6ff 18%,#fff4bf 32%,#e2762c 52%,rgba(49,183,190,.34) 70%,transparent 86%) !important;
      filter:blur(.8px) saturate(1.45) !important;
    }
    .plasma-star::before{
      content:'';
      position:absolute;
      left:50%;
      top:50%;
      width:52px;
      height:52px;
      border-radius:50%;
      transform:translate(-50%,-50%) scale(.12);
      background:
        radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(180,232,255,.96) 12%,rgba(82,183,255,.70) 28%,rgba(58,160,255,.28) 48%,transparent 72%);
      filter:blur(1px) saturate(1.35);
      opacity:0;
      mix-blend-mode:screen;
      animation:blueIgnitionPoint 24s cubic-bezier(.18,.02,.08,1) infinite;
    }
    @keyframes blueIgnitionPoint{
      0%,55.8%{opacity:0;transform:translate(-50%,-50%) scale(.10);}
      57.2%{opacity:.72;transform:translate(-50%,-50%) scale(.45);}
      58.4%{opacity:1;transform:translate(-50%,-50%) scale(1.0);}
      59.4%{opacity:.25;transform:translate(-50%,-50%) scale(1.55);}
      61%,100%{opacity:0;transform:translate(-50%,-50%) scale(2.0);}
    }
    @keyframes plasmaStar{
      0%,47%{opacity:0;transform:translate(-50%,-50%) scale(.14);box-shadow:none;}
      52%{opacity:.64;transform:translate(-50%,-50%) scale(.82);box-shadow:0 0 50px rgba(230,136,42,.42),0 0 110px rgba(96,205,255,.16);}
      56.7%{opacity:.92;transform:translate(-50%,-50%) scale(1.44);box-shadow:0 0 60px rgba(255,245,210,.64),0 0 128px rgba(125,217,255,.56),0 0 190px rgba(238,150,48,.36);}
      58.5%{opacity:1;transform:translate(-50%,-50%) scale(2.85);box-shadow:0 0 44px rgba(255,255,255,1),0 0 128px rgba(150,224,255,.88),0 0 210px rgba(87,190,255,.58),0 0 285px rgba(255,211,112,.34);}
      60.5%{opacity:.42;transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 82px rgba(163,226,255,.44),0 0 156px rgba(225,105,35,.20);}
      64%{opacity:.10;transform:translate(-50%,-50%) scale(.45);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(.18);}
    }
    @keyframes plasmaNova{
      0%,55%{opacity:0;transform:translate(-50%,-50%) scale(.10);filter:blur(12px) saturate(1.16);}
      58%{opacity:.95;transform:translate(-50%,-50%) scale(.33);filter:blur(9px) saturate(1.55);}
      64%{opacity:.74;transform:translate(-50%,-50%) scale(.62);filter:blur(13px) saturate(1.42);}
      73%{opacity:.55;transform:translate(-50%,-50%) scale(1.12);filter:blur(18px) saturate(1.30);}
      84%{opacity:.36;transform:translate(-50%,-50%) scale(1.78);filter:blur(26px) saturate(1.12);}
      93%{opacity:.17;transform:translate(-50%,-50%) scale(2.35);filter:blur(34px) saturate(1.02);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(2.70);filter:blur(40px) saturate(.96);}
    }
    @keyframes plasmaRing{
      0%,56%{opacity:0;transform:translate(-50%,-50%) scale(.08);filter:blur(8px) saturate(1.14);}
      60%{opacity:.75;transform:translate(-50%,-50%) scale(.36);filter:blur(8px) saturate(1.42);}
      68%{opacity:.58;transform:translate(-50%,-50%) scale(.86);filter:blur(10px) saturate(1.34);}
      80%{opacity:.42;transform:translate(-50%,-50%) scale(1.55);filter:blur(14px) saturate(1.20);}
      92%{opacity:.19;transform:translate(-50%,-50%) scale(2.35);filter:blur(20px) saturate(1.05);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(2.82);filter:blur(24px) saturate(.96);}
    }
    @keyframes plasmaHalo{
      0%,59%{opacity:0;transform:translate(-50%,-50%) scale(.16);filter:blur(22px);}
      69%{opacity:.38;transform:translate(-50%,-50%) scale(.92);filter:blur(24px);}
      82%{opacity:.29;transform:translate(-50%,-50%) scale(1.58);filter:blur(29px);}
      94%{opacity:.12;transform:translate(-50%,-50%) scale(2.18);filter:blur(35px);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(2.52);filter:blur(40px);}
    }
    @keyframes colorConcentrate{
      0%,10%{opacity:0;transform:translate(-56%,-51%) scale(.22);filter:blur(44px);}
      22%{opacity:.28;transform:translate(-54%,-51%) scale(.72);filter:blur(42px);}
      38%{opacity:.58;transform:translate(-51%,-50%) scale(.98);filter:blur(34px);}
      50%{opacity:.82;transform:translate(-50%,-50%) scale(.48);filter:blur(22px);}
      57%{opacity:.74;transform:translate(-50%,-50%) scale(.30);filter:blur(16px);}
      66%{opacity:.80;transform:translate(-50%,-50%) scale(.78);filter:blur(21px);}
      82%{opacity:.50;transform:translate(-50%,-50%) scale(1.55);filter:blur(31px);}
      94%{opacity:.19;transform:translate(-50%,-50%) scale(2.20);filter:blur(42px);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(2.48);filter:blur(48px);}
    }
    .svc-desc{
      transition:
        max-height 1.25s cubic-bezier(.16,.84,.24,1),
        opacity .42s ease,
        margin-top .92s cubic-bezier(.16,.84,.24,1),
        transform .50s cubic-bezier(.16,.84,.24,1),
        filter .34s ease !important;
    }
    .service-row:hover .svc-desc,
    .service-row:focus-visible .svc-desc{
      transition-delay:.04s, .06s, 0s, .04s, .03s !important;
    }

  

    /* v16 refinement: constant shockwave expansion to the edges */
    .plasma-ring{
      width:115vmax !important;
      height:115vmax !important;
      max-width:none !important;
      max-height:none !important;
      min-width:0 !important;
      min-height:0 !important;
      border-radius:50% !important;
      background:
        radial-gradient(circle at 50% 50%,
          transparent 0%,
          transparent 39%,
          rgba(255,246,218,.38) 41%,
          rgba(132,218,255,.46) 43%,
          rgba(232,145,52,.36) 46%,
          rgba(202,75,30,.30) 50%,
          rgba(40,178,192,.28) 55%,
          rgba(112,82,162,.18) 61%,
          rgba(226,129,43,.10) 68%,
          transparent 76%) !important;
      filter:blur(13px) saturate(1.08) !important;
      animation:plasmaRing 24s linear infinite !important;
      will-change:transform,opacity,filter;
    }

    @keyframes plasmaRing{
      0%,57.5%{opacity:0;transform:translate(-50%,-50%) scale(.018);filter:blur(7px) saturate(1.34);}
      59%{opacity:.86;transform:translate(-50%,-50%) scale(.045);filter:blur(8px) saturate(1.48);}
      62%{opacity:.78;transform:translate(-50%,-50%) scale(.125);filter:blur(9px) saturate(1.44);}
      66%{opacity:.66;transform:translate(-50%,-50%) scale(.245);filter:blur(10px) saturate(1.36);}
      70%{opacity:.55;transform:translate(-50%,-50%) scale(.365);filter:blur(12px) saturate(1.28);}
      74%{opacity:.45;transform:translate(-50%,-50%) scale(.485);filter:blur(14px) saturate(1.20);}
      78%{opacity:.35;transform:translate(-50%,-50%) scale(.605);filter:blur(16px) saturate(1.12);}
      82%{opacity:.26;transform:translate(-50%,-50%) scale(.725);filter:blur(18px) saturate(1.06);}
      86%{opacity:.18;transform:translate(-50%,-50%) scale(.845);filter:blur(21px) saturate(1.00);}
      90%{opacity:.11;transform:translate(-50%,-50%) scale(.965);filter:blur(24px) saturate(.96);}
      95%{opacity:.045;transform:translate(-50%,-50%) scale(1.115);filter:blur(28px) saturate(.92);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(1.265);filter:blur(32px) saturate(.88);}
    }

    .plasma-halo{
      width:100vmax !important;
      height:100vmax !important;
      max-width:none !important;
      max-height:none !important;
      min-width:0 !important;
      min-height:0 !important;
      animation:plasmaHalo 24s linear infinite !important;
    }

    @keyframes plasmaHalo{
      0%,58.5%{opacity:0;transform:translate(-50%,-50%) scale(.035);filter:blur(22px) saturate(1.12);}
      65%{opacity:.30;transform:translate(-50%,-50%) scale(.18);filter:blur(25px) saturate(1.16);}
      72%{opacity:.24;transform:translate(-50%,-50%) scale(.34);filter:blur(30px) saturate(1.08);}
      80%{opacity:.17;transform:translate(-50%,-50%) scale(.53);filter:blur(36px) saturate(1.00);}
      88%{opacity:.09;transform:translate(-50%,-50%) scale(.72);filter:blur(43px) saturate(.94);}
      100%{opacity:0;transform:translate(-50%,-50%) scale(1.02);filter:blur(52px) saturate(.88);}
    }


    /* v18 timing: first star forms immediately, then repeats a little sooner */
    .plasma-color-cloud,
    .plasma-star,
    .plasma-star::before,
    .plasma-ring,
    .plasma-nova,
    .plasma-halo{
      animation-duration:21s !important;
      animation-delay:-7s !important;
    }



    /* v22: About-section nebula stronger field drift + faint slow star breathing */
    .intro-nebula-field {
      opacity: .92 !important;
      width: min(76vw, 80rem) !important;
    }

    .intro-nebula-field::before,
    .intro-nebula-field::after {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 3;
      opacity: 0;
      background-repeat: no-repeat;
      mix-blend-mode: screen;
      will-change: opacity, transform, filter;
    }

    .intro-nebula-field::before {
      background-image:
        radial-gradient(circle at 18% 24%, rgba(255,247,225,.68) 0 1.2px, transparent 2.8px),
        radial-gradient(circle at 34% 37%, rgba(154,219,230,.42) 0 1px, transparent 2.5px),
        radial-gradient(circle at 58% 22%, rgba(255,216,143,.58) 0 1.1px, transparent 2.7px),
        radial-gradient(circle at 74% 52%, rgba(255,246,225,.46) 0 1px, transparent 2.5px),
        radial-gradient(circle at 88% 34%, rgba(128,205,215,.32) 0 1px, transparent 2.5px);
      animation: introStarsSlowFadeA 28s ease-in-out infinite;
      filter: blur(.15px);
    }

    .intro-nebula-field::after {
      background-image:
        radial-gradient(circle at 26% 68%, rgba(255,230,164,.46) 0 1px, transparent 2.5px),
        radial-gradient(circle at 46% 78%, rgba(190,226,232,.36) 0 1px, transparent 2.4px),
        radial-gradient(circle at 69% 64%, rgba(255,249,230,.54) 0 1.2px, transparent 2.8px),
        radial-gradient(circle at 92% 72%, rgba(225,143,64,.32) 0 1px, transparent 2.6px),
        radial-gradient(circle at 78% 18%, rgba(245,238,220,.42) 0 1px, transparent 2.5px);
      animation: introStarsSlowFadeB 36s ease-in-out infinite;
      filter: blur(.25px);
    }

    .nebula-amber {
      filter: blur(18px) saturate(1.14) !important;
      opacity: .94 !important;
      animation: introNebulaAmberDrift 72s ease-in-out infinite alternate !important;
    }

    .nebula-blue {
      opacity: .70 !important;
      animation: introNebulaBlueDrift 92s ease-in-out infinite alternate-reverse !important;
    }

    .nebula-dust {
      opacity: .82 !important;
      animation: introNebulaDustCurrent 54s cubic-bezier(.37,0,.63,1) infinite alternate !important;
    }

    @keyframes introNebulaAmberDrift {
      0%   { transform: translate3d(-7%, 3%, 0) scale(1.04) rotate(-.8deg); opacity: .62; filter: blur(22px) saturate(1.02); }
      20%  { transform: translate3d(0%, -4%, 0) scale(1.16) rotate(.4deg); opacity: .88; filter: blur(18px) saturate(1.13); }
      47%  { transform: translate3d(8%, 3%, 0) scale(1.30) rotate(-.2deg); opacity: .78; filter: blur(24px) saturate(1.06); }
      72%  { transform: translate3d(3%, 7%, 0) scale(1.22) rotate(.7deg); opacity: .92; filter: blur(19px) saturate(1.17); }
      100% { transform: translate3d(-3%, -2%, 0) scale(1.12) rotate(-.3deg); opacity: .80; filter: blur(21px) saturate(1.10); }
    }

    @keyframes introNebulaBlueDrift {
      0%   { transform: translate3d(6%, -3%, 0) scale(1.00) rotate(.4deg); opacity: .38; filter: blur(25px) saturate(1.05); }
      34%  { transform: translate3d(-4%, 2%, 0) scale(1.16) rotate(-.5deg); opacity: .68; filter: blur(20px) saturate(1.22); }
      68%  { transform: translate3d(2%, 6%, 0) scale(1.28) rotate(.3deg); opacity: .54; filter: blur(24px) saturate(1.14); }
      100% { transform: translate3d(-8%, -1%, 0) scale(1.10) rotate(-.2deg); opacity: .62; filter: blur(22px) saturate(1.18); }
    }

    @keyframes introNebulaDustCurrent {
      0%   { transform: translate3d(-8%, 2%, 0) scaleX(1.02) scaleY(.94); opacity: .28; filter: blur(12px); }
      30%  { transform: translate3d(3%, -2%, 0) scaleX(1.18) scaleY(1.02); opacity: .66; filter: blur(10px); }
      65%  { transform: translate3d(11%, 4%, 0) scaleX(1.34) scaleY(.92); opacity: .50; filter: blur(13px); }
      100% { transform: translate3d(1%, 1%, 0) scaleX(1.12) scaleY(1.06); opacity: .72; filter: blur(11px); }
    }

    @keyframes introStarsSlowFadeA {
      0%, 100% { opacity: .05; transform: translate3d(-1%, 1%, 0) scale(1); filter: blur(.45px); }
      22% { opacity: .22; transform: translate3d(1%, -1%, 0) scale(1.015); filter: blur(.15px); }
      48% { opacity: .10; transform: translate3d(2%, 1%, 0) scale(1.02); filter: blur(.35px); }
      76% { opacity: .32; transform: translate3d(0%, -2%, 0) scale(1.01); filter: blur(.10px); }
    }

    @keyframes introStarsSlowFadeB {
      0%, 100% { opacity: .04; transform: translate3d(1%, -1%, 0) scale(1); filter: blur(.55px); }
      30% { opacity: .18; transform: translate3d(-1%, 1%, 0) scale(1.012); filter: blur(.22px); }
      58% { opacity: .28; transform: translate3d(-2%, -1%, 0) scale(1.018); filter: blur(.12px); }
      84% { opacity: .08; transform: translate3d(1%, 2%, 0) scale(1.006); filter: blur(.42px); }
    }

    /* v23: Where I Engage text turns to red deliberately, then holds while active */
    .svc-name{
      transition:
        color .42s ease .16s,
        transform 1.05s cubic-bezier(.16,.84,.24,1),
        letter-spacing 1.05s ease,
        text-shadow .48s ease .16s;
    }

    .svc-desc{
      transition:
        max-height 1.55s cubic-bezier(.16,.84,.24,1),
        opacity 1.05s ease,
        margin-top 1.25s cubic-bezier(.16,.84,.24,1),
        transform 1.25s cubic-bezier(.16,.84,.24,1),
        filter 1.1s ease,
        color .42s ease .18s,
        text-shadow .5s ease .18s;
    }

    .service-row:hover .svc-name,
    .service-row:focus-visible .svc-name{
      color:var(--red-hi);
      text-shadow:0 0 18px rgba(200,64,26,.22);
      transform:translateY(-2px);
      letter-spacing:.01em;
    }

    .service-row:hover .svc-desc,
    .service-row:focus-visible .svc-desc{
      color:var(--red-hi);
      text-shadow:0 0 14px rgba(200,64,26,.15);
    }

  

    /* v24 refinement: slow and smooth Where This Work Resonates expansion */
    .fit-shell{
      transition:
        border-color 1.85s ease,
        background 2.05s ease,
        box-shadow 2.25s ease,
        padding 1.95s cubic-bezier(.18,.86,.22,1) !important;
    }

    .fit-paths{
      transform-origin:top center;
      transition:
        max-height 2.65s cubic-bezier(.18,.86,.22,1),
        opacity 1.65s ease,
        transform 2.15s cubic-bezier(.18,.86,.22,1),
        filter 1.75s ease !important;
      transition-delay:.18s,.12s,.12s,.12s !important;
      filter:blur(2px);
    }

    .fit-shell:hover .fit-paths,
    .fit-shell:focus-within .fit-paths{
      max-height:900px;
      opacity:1;
      transform:translateY(0);
      filter:blur(0);
      transition-delay:.08s,.05s,.05s,.05s !important;
    }

    .fit-path{
      transition:
        background 1.85s ease,
        padding 1.9s cubic-bezier(.18,.86,.22,1),
        box-shadow 1.95s ease,
        filter 1.75s ease !important;
    }

    .fit-path:hover{
      padding-top:2.9rem;
      padding-bottom:2.9rem;
    }

    .fit-more{
      transition:
        max-height 1.95s cubic-bezier(.18,.86,.22,1),
        opacity 1.35s ease,
        margin-top 1.65s cubic-bezier(.18,.86,.22,1),
        transform 1.55s cubic-bezier(.18,.86,.22,1),
        filter 1.25s ease !important;
      transform:translateY(-6px);
      filter:blur(2px);
    }

    .fit-path:hover .fit-more{
      max-height:260px;
      opacity:1;
      margin-top:1rem;
      transform:translateY(0);
      filter:blur(0);
    }

    .fit-open-door{
      transition:
        max-height 2.15s cubic-bezier(.18,.86,.22,1),
        opacity 1.45s ease,
        margin-top 1.9s cubic-bezier(.18,.86,.22,1),
        transform 1.75s cubic-bezier(.18,.86,.22,1),
        filter 1.35s ease !important;
      transform:translateY(-8px);
      filter:blur(2px);
    }

    .fit-shell:hover .fit-open-door,
    .fit-shell:focus-within .fit-open-door{
      max-height:150px;
      opacity:1;
      margin-top:2rem;
      transform:translateY(0);
      filter:blur(0);
    }

  



    /* v29: Common Signals section, signal recognition interaction */
    .is-this-you{
      isolation:isolate;
    }

    .ity-bg{
      overflow:hidden;
    }

    .ity-bg::before{
      content:'';
      position:absolute;
      inset:-18% -10%;
      pointer-events:none;
      background:
        radial-gradient(circle at 15% 35%,rgba(200,64,26,.15) 0 0.25rem,transparent .9rem),
        radial-gradient(circle at 52% 38%,rgba(224,85,48,.13) 0 0.18rem,transparent .85rem),
        radial-gradient(circle at 22% 70%,rgba(160,55,8,.13) 0 0.20rem,transparent .9rem),
        radial-gradient(circle at 62% 72%,rgba(200,64,26,.11) 0 0.16rem,transparent .85rem),
        radial-gradient(ellipse 54% 46% at 22% 48%,rgba(200,64,26,.055) 0%,transparent 70%),
        radial-gradient(ellipse 46% 42% at 64% 54%,rgba(160,55,8,.045) 0%,transparent 72%);
      opacity:.42;
      filter:blur(5px);
      mix-blend-mode:screen;
      animation:commonSignalNodes 24s ease-in-out infinite alternate;
      z-index:0;
    }

    .ity-bg::after{
      content:'';
      position:absolute;
      inset:-20% -12%;
      pointer-events:none;
      background:
        linear-gradient(100deg,transparent 0%,rgba(200,64,26,.045) 38%,transparent 58%),
        radial-gradient(ellipse 70% 55% at 70% 45%,rgba(90,130,140,.035) 0%,transparent 72%);
      opacity:.36;
      filter:blur(18px);
      animation:commonSignalField 34s cubic-bezier(.37,0,.63,1) infinite alternate;
      z-index:0;
    }

    .ity-inner{
      position:relative;
      z-index:2;
    }

    .ity-item{
      position:relative;
      overflow:hidden;
      transition:
        background 1.05s ease,
        padding 1.05s cubic-bezier(.18,.86,.22,1),
        transform 1.05s cubic-bezier(.18,.86,.22,1),
        border-color 1.05s ease;
    }

    .ity-item::before{
      content:'';
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        radial-gradient(ellipse 70% 115% at 5% 50%,rgba(200,64,26,.10) 0%,rgba(200,64,26,.035) 44%,transparent 78%),
        linear-gradient(90deg,rgba(200,64,26,.035),transparent 72%);
      opacity:0;
      transform:scaleX(.92);
      transform-origin:left center;
      transition:opacity 1.2s ease,transform 1.25s cubic-bezier(.18,.86,.22,1);
    }

    .ity-item:hover,
    .ity-item:focus-within{
      background:rgba(200,64,26,.035);
      padding-left:.85rem;
      padding-right:.85rem;
      transform:translateY(-1px);
      border-color:rgba(200,64,26,.18);
    }

    .ity-item:hover::before,
    .ity-item:focus-within::before{
      opacity:1;
      transform:scaleX(1);
    }

    .ity-dot{
      position:relative;
      transition:transform .95s cubic-bezier(.18,.86,.22,1),box-shadow 1.15s ease,background 1.05s ease;
      z-index:2;
    }

    .ity-item:hover .ity-dot,
    .ity-item:focus-within .ity-dot{
      transform:scale(1.45);
      background:var(--red-hi);
      box-shadow:0 0 16px rgba(200,64,26,.55),0 0 34px rgba(200,64,26,.20);
    }

    .ity-item p{
      position:relative;
      z-index:2;
      transition:color .9s ease,text-shadow 1s ease,transform 1.05s cubic-bezier(.18,.86,.22,1);
    }

    .ity-item:hover p,
    .ity-item:focus-within p{
      color:var(--cream);
      text-shadow:0 0 18px rgba(240,235,227,.08);
      transform:translateX(.15rem);
    }

    .ity-close{
      position:relative;
      display:inline-block;
    }

    .ity-close::after{
      content:'';
      position:absolute;
      left:0;
      right:0;
      bottom:-.5rem;
      height:1px;
      background:linear-gradient(90deg,rgba(200,64,26,0),rgba(200,64,26,.75),rgba(200,64,26,0));
      opacity:.20;
      transform:scaleX(.18);
      transform-origin:left center;
      animation:receivedSignalLine 16s ease-in-out infinite;
    }

    .is-this-you:hover .ity-close::after{
      opacity:.55;
      transform:scaleX(1);
      transition:opacity 1.2s ease,transform 2.2s cubic-bezier(.18,.86,.22,1);
      animation:none;
    }

    @keyframes commonSignalNodes{
      0%{opacity:.26;transform:translate3d(-1.5%,1%,0) scale(1);filter:blur(6px);}
      28%{opacity:.54;transform:translate3d(1%,-.8%,0) scale(1.04);filter:blur(4px);}
      62%{opacity:.36;transform:translate3d(2.5%,1.2%,0) scale(1.02);filter:blur(5px);}
      100%{opacity:.48;transform:translate3d(-.5%,-1%,0) scale(1.06);filter:blur(4px);}
    }

    @keyframes commonSignalField{
      0%{opacity:.22;transform:translate3d(-3%,2%,0) scale(1.02);}
      45%{opacity:.42;transform:translate3d(2%,-1%,0) scale(1.08);}
      100%{opacity:.30;transform:translate3d(4%,3%,0) scale(1.04);}
    }

    @keyframes receivedSignalLine{
      0%,100%{opacity:.14;transform:scaleX(.16);}
      42%{opacity:.36;transform:scaleX(.58);}
      70%{opacity:.22;transform:scaleX(.34);}
    }

    /* v25 mobile cleanup: restore readable rhythm for the Is This You section */
    @media(max-width:768px){
      .is-this-you{
        min-height:auto !important;
        display:block !important;
        align-items:initial !important;
      }
      .ity-inner{
        padding:4.75rem 1.5rem 4.25rem !important;
      }
      .ity-inner h2{
        font-size:clamp(2.35rem,12vw,3.25rem) !important;
        line-height:1.08 !important;
        margin-bottom:2.25rem !important;
        max-width:9.5ch !important;
      }
      .ity-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:0 !important;
        margin-bottom:2rem !important;
        max-width:100% !important;
      }
      .ity-item{
        width:100% !important;
        gap:.85rem !important;
        padding:1.05rem 0 !important;
        border-bottom:1px solid var(--line) !important;
      }
      .ity-item p{
        font-size:1rem !important;
        line-height:1.65 !important;
        max-width:32ch !important;
        color:var(--fog-hi) !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:none !important;
      }
      .ity-dot{
        margin-top:.62rem !important;
      }
      .ity-close{
        font-size:1.25rem !important;
        line-height:1.55 !important;
        max-width:30ch !important;
      }
      .ity-bg{
        background:
          radial-gradient(ellipse 95% 70% at 75% 20%,rgba(200,64,26,.07) 0%,transparent 68%),
          linear-gradient(135deg,var(--ink-3) 0%,var(--ink-1) 100%) !important;
      }
      .ity-overlay{
        background:linear-gradient(to bottom,rgba(7,5,3,.22) 0%,rgba(7,5,3,.38) 100%) !important;
      }
    }

    @media(max-width:430px){
      .ity-inner{padding-left:1.35rem !important;padding-right:1.35rem !important;}
      .ity-item p{max-width:26ch !important;}
      .ity-inner h2{max-width:8.75ch !important;}
    }

  

    /* v26: Mobile atmospheric field balance
       The mobile crop was pinning the amber/nebula energy against the right edge.
       On small screens the glow needs to behave like a broad field, not a side-mounted object. */
    @media (max-width: 768px) {
      .hero-bg::before {
        inset: -18% -28% -14% -28% !important;
        background:
          radial-gradient(ellipse 82% 62% at 56% 45%, rgba(214,102,31,.22) 0%, rgba(128,52,22,.15) 34%, rgba(54,24,14,.075) 58%, transparent 82%),
          radial-gradient(ellipse 48% 42% at 68% 38%, rgba(239,171,61,.095) 0%, rgba(183,84,29,.07) 42%, transparent 78%) !important;
        animation: mobileAmberFieldBreath 74s ease-in-out infinite !important;
        filter: blur(46px) saturate(1.05) !important;
      }

      @keyframes mobileAmberFieldBreath {
        0%, 100% { opacity: .48; transform: translate3d(-4%, 2%, 0) scale(1.08); }
        26%      { opacity: .64; transform: translate3d(3%, -3%, 0) scale(1.18); }
        54%      { opacity: .56; transform: translate3d(8%, 1%, 0) scale(1.26); }
        78%      { opacity: .44; transform: translate3d(-1%, 4%, 0) scale(1.20); }
      }

      .plasma-field {
        left: 6% !important;
        top: -2% !important;
        width: 112% !important;
        height: 58% !important;
        opacity: .56 !important;
      }

      .plasma-field::before {
        left: -8% !important;
        top: 6% !important;
        width: 74% !important;
        height: 72% !important;
        opacity: .52 !important;
      }

      .plasma-field::after {
        left: 8% !important;
        top: 22% !important;
        width: 82% !important;
        height: 46% !important;
        opacity: .38 !important;
      }

      .plasma-mass {
        left: -2% !important;
        top: 8% !important;
        width: 70% !important;
        height: 68% !important;
        opacity: .42 !important;
      }

      .plasma-flow {
        left: 6% !important;
        width: 70% !important;
        opacity: .16 !important;
      }

      .plasma-flow.f2 { left: 2% !important; opacity: .14 !important; }
      .plasma-flow.f3 { left: 12% !important; opacity: .13 !important; }

      .intro-nebula-field {
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        opacity: .50 !important;
        mix-blend-mode: screen !important;
        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.35) 12%, rgba(0,0,0,.86) 38%, rgba(0,0,0,.70) 82%, transparent 100%) !important;
        mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.35) 12%, rgba(0,0,0,.86) 38%, rgba(0,0,0,.70) 82%, transparent 100%) !important;
      }

      .intro-nebula-field .nebula-layer {
        inset: -32% -46% -36% -46% !important;
        transform-origin: 50% 50% !important;
      }

      .intro-nebula-field .nebula-amber {
        background:
          radial-gradient(ellipse 82% 42% at 52% 52%, rgba(226,143,50,.18) 0%, rgba(176,81,22,.13) 34%, rgba(78,25,7,.06) 60%, transparent 78%),
          radial-gradient(ellipse 48% 30% at 66% 38%, rgba(242,190,86,.08) 0%, rgba(200,92,24,.075) 40%, transparent 74%),
          radial-gradient(ellipse 74% 44% at 42% 72%, rgba(129,53,17,.11) 0%, rgba(77,24,7,.055) 52%, transparent 82%) !important;
        filter: blur(24px) saturate(1.04) !important;
      }

      .intro-nebula-field .nebula-blue {
        background:
          radial-gradient(ellipse 60% 42% at 58% 30%, rgba(79,177,197,.11) 0%, rgba(34,102,132,.075) 38%, transparent 72%),
          radial-gradient(ellipse 46% 32% at 42% 72%, rgba(77,161,119,.065) 0%, rgba(47,96,93,.045) 42%, transparent 74%),
          radial-gradient(ellipse 62% 46% at 70% 52%, rgba(77,91,177,.055) 0%, transparent 72%) !important;
        filter: blur(26px) saturate(1.08) !important;
      }

      .intro-nebula-field .nebula-dust {
        background:
          radial-gradient(ellipse 94% 15% at 52% 52%, rgba(241,185,89,.055) 0%, rgba(151,68,22,.045) 42%, transparent 74%),
          radial-gradient(ellipse 86% 14% at 55% 66%, rgba(214,107,42,.045) 0%, transparent 80%),
          radial-gradient(ellipse 66% 12% at 48% 38%, rgba(95,157,161,.04) 0%, transparent 80%) !important;
        filter: blur(12px) !important;
      }
    }

  

    /* v27: Where I Engage - title turns red, inner text stays light, amber bloom without sweep */
    .service-row{
      transition:
        background 1.25s ease,
        padding 1.35s cubic-bezier(.16,.84,.24,1),
        border-color 1.1s ease,
        box-shadow 1.45s ease !important;
    }

    .service-row::before{
      background:
        radial-gradient(ellipse 80% 180% at 18% 50%,rgba(200,86,30,.115),transparent 66%),
        radial-gradient(ellipse 70% 150% at 72% 52%,rgba(129,55,20,.075),transparent 70%) !important;
      opacity:0;
      transition:opacity 1.65s ease !important;
    }

    .service-row::after{
      left:0 !important;
      right:0 !important;
      top:0 !important;
      bottom:0 !important;
      width:auto !important;
      background:
        radial-gradient(ellipse 90% 190% at 42% 50%,rgba(219,105,38,.135) 0%,rgba(200,64,26,.075) 36%,rgba(106,42,13,.045) 58%,transparent 78%),
        linear-gradient(90deg,rgba(200,64,26,.025),rgba(230,120,46,.055),rgba(200,64,26,.025)) !important;
      opacity:0;
      transform:none !important;
      filter:blur(20px);
      transition:opacity 1.75s ease, filter 1.75s ease !important;
      animation:none !important;
    }

    .service-row:hover::after,
    .service-row:focus-visible::after{
      opacity:.92;
      filter:blur(16px);
      animation:engageAmberBloom 5.8s ease-in-out infinite alternate !important;
    }

    @keyframes engageAmberBloom{
      0%{opacity:.52;filter:blur(22px) saturate(1.02);}
      45%{opacity:.82;filter:blur(18px) saturate(1.12);}
      100%{opacity:.68;filter:blur(20px) saturate(1.06);}
    }

    .service-row:hover .svc-name,
    .service-row:focus-visible .svc-name{
      color:var(--red-hi) !important;
      text-shadow:0 0 18px rgba(200,64,26,.22) !important;
    }

    .svc-desc{
      color:rgba(240,235,227,.82) !important;
    }

    .service-row:hover .svc-desc,
    .service-row:focus-visible .svc-desc{
      color:rgba(240,235,227,.9) !important;
      text-shadow:none !important;
    }

  

    @media(max-width:768px){
      .ity-bg::before{opacity:.28 !important;filter:blur(7px) !important;}
      .ity-bg::after{opacity:.18 !important;filter:blur(22px) !important;}
      .ity-item:hover,
      .ity-item:focus-within{padding-left:.45rem !important;padding-right:.45rem !important;}
      .ity-close::after{bottom:-.35rem !important;}
    }

    /* LOGO SYSTEM: shared Celatum mark treatment */
    .logo-lockup {
      display: inline-flex;
      align-items: center;
      gap: .9rem;
      color: var(--cream);
      text-decoration: none;
      position: relative;
      isolation: isolate;
    }
    .logo-mark-shell {
      width: 58px;
      height: 58px;
      display: grid;
      place-items: center;
      position: relative;
      flex: 0 0 auto;
      margin: -8px 0;
    }
    .logo-mark-shell::before {
      content: '';
      position: absolute;
      inset: 15%;
      border-radius: 50%;
      background:
        radial-gradient(circle, rgba(200,64,26,.19) 0%, rgba(200,64,26,.07) 38%, transparent 70%);
      opacity: .42;
      filter: blur(11px);
      transform: scale(.92);
      transition: opacity .7s ease, transform .7s ease;
    }
    .logo-mark-shell::after {
      content: '';
      position: absolute;
      inset: 26% 6% 24% 8%;
      background: linear-gradient(100deg, transparent, rgba(200,64,26,.26), transparent);
      opacity: .16;
      filter: blur(7px);
      transform: rotate(-8deg);
      pointer-events: none;
    }
    .logo-mark-img {
      width: 54px;
      height: 54px;
      display: block;
      object-fit: contain;
      position: relative;
      z-index: 2;
      opacity: .96;
      filter:
        drop-shadow(0 0 8px rgba(200,64,26,.12))
        drop-shadow(0 0 22px rgba(240,235,227,.025));
      transition: filter .55s ease, opacity .55s ease, transform .55s ease;
    }
    .logo-lockup:hover .logo-mark-shell::before {
      opacity: .78;
      transform: scale(1.08);
    }
    .logo-lockup:hover .logo-mark-img {
      opacity: 1;
      filter:
        drop-shadow(0 0 12px rgba(200,64,26,.28))
        drop-shadow(0 0 30px rgba(240,235,227,.04));
      transform: translateY(-1px);
    }
    .logo-wordmark {
      font-family:'DM Sans',sans-serif;
      font-weight:700;
      font-size:.92rem;
      letter-spacing:.18em;
      text-transform:uppercase;
      color:var(--cream);
      line-height:1;
      white-space:nowrap;
    }
    .logo-wordmark span { color: var(--red); }

    .footer-brand {
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
    }
    .footer-logo-link {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      text-decoration:none;
      margin:0 auto 1.35rem;
      position:relative;
      width:148px;
      height:148px;
      max-width:100%;
    }
    .footer-logo-link::before {
      content:'';
      position:absolute;
      inset: 10%;
      border-radius:50%;
      background:
        radial-gradient(circle, rgba(200,64,26,.16) 0%, rgba(200,64,26,.045) 42%, transparent 72%),
        radial-gradient(ellipse 80% 60% at 58% 42%, rgba(47,119,124,.07) 0%, transparent 74%);
      filter: blur(20px);
      opacity:.72;
      pointer-events:none;
    }
    .footer-logo-mark {
      display:block;
      width:118px;
      height:118px;
      object-fit:contain;
      opacity:.94;
      position:relative;
      z-index:2;
      filter:
        drop-shadow(0 0 14px rgba(200,64,26,.12))
        drop-shadow(0 0 26px rgba(240,235,227,.022));
    }
    .footer-brand p {
      margin:0 auto;
      max-width:31ch;
      font-family:'Cormorant',serif;
      font-style:italic;
      font-size:1.05rem;
      color:var(--fog);
      line-height:1.6;
    }
    @media(max-width:768px){
      .logo-mark-shell { width: 46px; height: 46px; margin:-6px 0; }
      .logo-mark-img { width: 43px; height: 43px; }
      .logo-wordmark { font-size:.76rem; letter-spacing:.14em; }
      .footer-logo-link { width:132px; height:132px; }
      .footer-logo-mark { width:104px; height:104px; }
    }

  

    /* v30: Best-fit subbox text focus on expansion */
    .fit-path h3{
      transition:
        color .72s ease .08s,
        text-shadow .82s ease .08s,
        transform .85s cubic-bezier(.18,.86,.22,1);
    }

    .fit-path > p,
    .fit-path .fit-more p{
      transition:
        color .78s ease .12s,
        opacity .78s ease .12s,
        text-shadow .9s ease .12s,
        transform .85s cubic-bezier(.18,.86,.22,1);
    }

    .fit-path:hover h3,
    .fit-path:focus-within h3{
      color:var(--red-hi);
      text-shadow:0 0 18px rgba(200,64,26,.20);
      transform:translateY(-1px);
    }

    .fit-path:hover > p,
    .fit-path:focus-within > p,
    .fit-path:hover .fit-more p,
    .fit-path:focus-within .fit-more p{
      color:rgba(240,235,227,.94);
      opacity:1;
      text-shadow:0 0 16px rgba(240,235,227,.055),0 0 22px rgba(200,64,26,.045);
    }

    /* HOMEPAGE SAFE PERFORMANCE PASS: smoother canvas and mobile effects, no layout suppression */
    .rl-canvas {
      contain: strict;
      transform: translateZ(0);
      backface-visibility: hidden;
      pointer-events: none;
    }

    .rl-blob,
    .rl-mist,
    .hero-overlay {
      will-change: transform, opacity;
      transform: translateZ(0);
      backface-visibility: hidden;
    }

    .reveal,
    .hero-inner,
    .hero-bottom,
    .hero-actions {
      backface-visibility: hidden;
    }

    @media(max-width:768px) {
      nav.scrolled {
        backdrop-filter: blur(10px);
      }

      .rl-canvas {
        opacity: .42;
        mix-blend-mode: normal !important;
      }

      .rl-b4,
      .rl-b5,
      .rl-b6 {
        display: none !important;
      }

      .rl-m1,
      .rl-m2 {
        opacity: .10 !important;
        filter: blur(10px) !important;
      }

      .hero-video {
        opacity: .42;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .rl-canvas {
        display: none !important;
      }
    }

  
    /* v31: smoother Where This Work Resonates reaction, no layout jank */
    .best-fit {
      overflow: hidden;
    }

    .fit-shell {
      position: relative;
      transform: translateZ(0);
      backface-visibility: hidden;
      contain: layout paint style;
      transition:
        border-color .9s ease,
        background .9s ease,
        box-shadow .9s ease !important;
    }

    .fit-shell::before {
      content: '';
      position: absolute;
      inset: -18% -8%;
      pointer-events: none;
      z-index: 0;
      background:
        radial-gradient(ellipse 58% 54% at 52% 52%, rgba(200,64,26,.09) 0%, rgba(200,64,26,.035) 42%, transparent 72%),
        radial-gradient(ellipse 42% 40% at 76% 42%, rgba(54,139,142,.035) 0%, transparent 72%);
      opacity: 0;
      transform: translate3d(0, 12px, 0) scale(.985);
      transition:
        opacity .85s ease,
        transform 1.05s cubic-bezier(.22,1,.36,1);
      will-change: opacity, transform;
    }

    .fit-shell:hover::before,
    .fit-shell:focus-within::before {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1.015);
    }

    .fit-trigger,
    .fit-paths,
    .fit-open-door {
      position: relative;
      z-index: 2;
    }

    .fit-trigger {
      transition:
        transform .75s cubic-bezier(.22,1,.36,1),
        opacity .65s ease;
      will-change: transform;
    }

    .fit-shell:hover .fit-trigger,
    .fit-shell:focus-within .fit-trigger {
      transform: translate3d(0, -2px, 0);
    }

    .fit-paths {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      background: var(--line);
      overflow: hidden;
      max-height: none !important;
      height: 0;
      opacity: 0;
      transform: translate3d(0, -12px, 0) scaleY(.985);
      transform-origin: top center;
      pointer-events: none;
      transition:
        height .9s cubic-bezier(.22,1,.36,1),
        opacity .55s ease,
        transform .75s cubic-bezier(.22,1,.36,1),
        filter .45s ease !important;
      filter: none !important;
      will-change: height, opacity, transform;
    }

    .fit-shell:hover .fit-paths,
    .fit-shell:focus-within .fit-paths {
      opacity: 1;
      transform: translate3d(0, 0, 0) scaleY(1);
      pointer-events: auto;
      transition-delay: 0s !important;
    }

    .fit-path {
      position: relative;
      background: rgba(7,5,3,.92);
      min-height: 220px;
      padding: 2.25rem !important;
      transform: translateZ(0);
      backface-visibility: hidden;
      overflow: hidden;
      transition:
        background .55s ease,
        box-shadow .55s ease,
        transform .55s cubic-bezier(.22,1,.36,1),
        border-color .55s ease !important;
      will-change: transform;
    }

    .fit-path::before {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        radial-gradient(ellipse 82% 90% at 22% 20%, rgba(200,64,26,.105) 0%, rgba(200,64,26,.035) 42%, transparent 72%),
        radial-gradient(ellipse 52% 60% at 86% 72%, rgba(54,139,142,.04) 0%, transparent 72%);
      opacity: 0;
      transform: scale(.985);
      transition:
        opacity .5s ease,
        transform .7s cubic-bezier(.22,1,.36,1);
      will-change: opacity, transform;
    }

    .fit-path:hover {
      background: rgba(19,16,9,.96);
      transform: translate3d(0, -3px, 0);
      box-shadow:
        inset 0 0 0 1px rgba(200,64,26,.08),
        0 18px 56px rgba(0,0,0,.22);
    }

    .fit-path:hover::before {
      opacity: 1;
      transform: scale(1.025);
    }

    .fit-path > * {
      position: relative;
      z-index: 2;
    }

    .fit-more {
      max-height: none !important;
      height: 0;
      opacity: 0;
      overflow: hidden;
      margin-top: 0 !important;
      transform: translate3d(0, -6px, 0);
      filter: none !important;
      transition:
        height .58s cubic-bezier(.22,1,.36,1),
        opacity .42s ease,
        transform .5s cubic-bezier(.22,1,.36,1),
        margin-top .42s ease !important;
      will-change: height, opacity, transform;
    }

    .fit-path:hover .fit-more {
      opacity: 1;
      transform: translate3d(0, 0, 0);
      margin-top: 1rem !important;
    }

    .fit-open-door {
      max-height: none !important;
      height: 0;
      opacity: 0;
      overflow: hidden;
      margin-top: 0 !important;
      transform: translate3d(0, -8px, 0);
      filter: none !important;
      transition:
        height .65s cubic-bezier(.22,1,.36,1),
        opacity .45s ease,
        transform .55s cubic-bezier(.22,1,.36,1),
        margin-top .45s ease !important;
      will-change: height, opacity, transform;
    }

    .fit-shell:hover .fit-open-door,
    .fit-shell:focus-within .fit-open-door {
      opacity: 1;
      transform: translate3d(0, 0, 0);
      margin-top: 2rem !important;
    }

    .fit-shell.fit-expanded .fit-paths,
    .fit-shell:hover .fit-paths,
    .fit-shell:focus-within .fit-paths {
      height: var(--fit-paths-height, auto);
    }

    .fit-path.fit-card-expanded .fit-more,
    .fit-path:hover .fit-more {
      height: var(--fit-more-height, auto);
    }

    .fit-shell.fit-expanded .fit-open-door,
    .fit-shell:hover .fit-open-door,
    .fit-shell:focus-within .fit-open-door {
      height: var(--fit-door-height, auto);
    }

    @media(max-width:900px) {
      .fit-shell {
        contain: none;
      }

      .fit-paths {
        grid-template-columns: 1fr;
        height: auto !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto;
      }

      .fit-more,
      .fit-open-door {
        height: auto !important;
        opacity: 1 !important;
        transform: none !important;
      }
    }

  
    /* v32: Where This Work Resonates stays open full-time, no expansion interaction */
    .fit-shell,
    .fit-shell:hover,
    .fit-shell:focus-within {
      padding: 2.25rem 0 !important;
      border-color: var(--line);
      background: transparent;
      box-shadow: none;
      contain: none !important;
    }

    .fit-shell::before {
      opacity: .28;
      transform: translate3d(0, 0, 0) scale(1);
      transition:
        opacity .85s ease,
        transform 1.05s cubic-bezier(.22,1,.36,1);
    }

    .fit-shell:hover::before,
    .fit-shell:focus-within::before {
      opacity: .72;
      transform: translate3d(0, -2px, 0) scale(1.012);
    }

    .fit-trigger,
    .fit-shell:hover .fit-trigger,
    .fit-shell:focus-within .fit-trigger {
      transform: none !important;
    }

    .fit-paths,
    .fit-shell.fit-expanded .fit-paths,
    .fit-shell:hover .fit-paths,
    .fit-shell:focus-within .fit-paths {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      height: auto !important;
      max-height: none !important;
      opacity: 1 !important;
      overflow: visible !important;
      transform: none !important;
      pointer-events: auto !important;
      filter: none !important;
      transition:
        background .6s ease,
        box-shadow .6s ease !important;
    }

    .fit-open-door,
    .fit-shell.fit-expanded .fit-open-door,
    .fit-shell:hover .fit-open-door,
    .fit-shell:focus-within .fit-open-door {
      height: auto !important;
      max-height: none !important;
      opacity: 1 !important;
      overflow: visible !important;
      margin-top: 2rem !important;
      transform: none !important;
      filter: none !important;
      transition:
        color .45s ease,
        text-shadow .55s ease !important;
    }

    .fit-shell:hover .fit-open-door,
    .fit-shell:focus-within .fit-open-door {
      color: rgba(240,235,227,.86);
      text-shadow: 0 0 18px rgba(200,64,26,.08);
    }

    .fit-path {
      padding: 2.25rem !important;
      min-height: 220px;
      transform: translateZ(0);
      backface-visibility: hidden;
      overflow: hidden;
      transition:
        background .55s ease,
        box-shadow .55s ease,
        transform .55s cubic-bezier(.22,1,.36,1),
        border-color .55s ease !important;
    }

    .fit-path:hover {
      padding: 2.25rem !important;
      background: rgba(19,16,9,.96);
      transform: translate3d(0, -3px, 0);
      box-shadow:
        inset 0 0 0 1px rgba(200,64,26,.08),
        0 18px 56px rgba(0,0,0,.22);
    }

    .fit-more,
    .fit-path.fit-card-expanded .fit-more,
    .fit-path:hover .fit-more {
      height: auto !important;
      max-height: none !important;
      opacity: 1 !important;
      overflow: visible !important;
      margin-top: 1rem !important;
      transform: none !important;
      filter: none !important;
      transition:
        color .45s ease,
        text-shadow .55s ease !important;
    }

    .fit-path .fit-more p {
      color: rgba(154,142,130,.78);
      transition:
        color .45s ease,
        text-shadow .55s ease;
    }

    .fit-path:hover .fit-more p {
      color: rgba(240,235,227,.90);
      text-shadow:
        0 0 14px rgba(200,64,26,.08),
        0 0 24px rgba(54,139,142,.035);
    }

    .fit-path h3,
    .fit-path p,
    .fit-num {
      transition:
        color .45s ease,
        text-shadow .55s ease,
        transform .55s cubic-bezier(.22,1,.36,1);
    }

    .fit-path:hover h3 {
      color: var(--red-hi);
      text-shadow: 0 0 18px rgba(200,64,26,.16);
    }

    .fit-path:hover > p {
      color: rgba(240,235,227,.92);
    }

    .fit-path:hover .fit-num {
      color: var(--red-hi);
      text-shadow: 0 0 12px rgba(200,64,26,.24);
    }

    @media(max-width:900px) {
      .fit-paths {
        grid-template-columns: 1fr !important;
      }

      .fit-path,
      .fit-path:hover {
        transform: none;
      }
    }

    /* v37: smoother sequential name glow, slow ramp and decay */
    .subtle-name-shimmer {
      position: relative;
      display: inline;
      color: var(--fog);
      text-shadow: none;
      animation: sequentialNameGlowSmooth 9.6s linear infinite;
      animation-delay: 0s;
    }

    .subtle-name-shimmer-alt {
      animation-delay: 4.8s;
    }

    .subtle-name-shimmer::after {
      content: none !important;
    }

    @keyframes sequentialNameGlowSmooth {
      0% {
        color: var(--fog);
        text-shadow: none;
      }
      8% {
        color: rgba(118,107,99,.94);
        text-shadow:
          0 0 1px rgba(200,64,26,.010);
      }
      16% {
        color: rgba(134,123,115,.92);
        text-shadow:
          0 0 2px rgba(200,64,26,.016),
          0 0 5px rgba(240,235,227,.006);
      }
      25% {
        color: rgba(151,140,132,.88);
        text-shadow:
          0 0 4px rgba(200,64,26,.026),
          0 0 8px rgba(240,235,227,.012);
      }
      34% {
        color: rgba(145,134,126,.90);
        text-shadow:
          0 0 3px rgba(200,64,26,.020),
          0 0 6px rgba(240,235,227,.008);
      }
      42% {
        color: rgba(126,115,107,.94);
        text-shadow:
          0 0 1px rgba(200,64,26,.010);
      }
      50%, 100% {
        color: var(--fog);
        text-shadow: none;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .subtle-name-shimmer {
        animation: none !important;
        color: var(--fog);
        text-shadow: none;
      }
    }