/* Final rhythm and contrast pass. Keep the sky continuous between modules. */
body[data-theme=day]{background:#e8f5fd!important}
body[data-theme=day]:before{
  background:
    radial-gradient(ellipse 64% 11% at 94% 1%,#fff 0%,transparent 80%),
    radial-gradient(ellipse 70% 13% at -10% 17%,#e8d6fa 0%,transparent 80%),
    radial-gradient(ellipse 72% 12% at 92% 31%,#d5eefe 0%,transparent 81%),
    radial-gradient(ellipse 70% 13% at 4% 45%,#fff 0%,transparent 80%),
    radial-gradient(ellipse 78% 14% at 100% 60%,#e8d8fa 0%,transparent 82%),
    radial-gradient(ellipse 74% 13% at 6% 76%,#d3ecfc 0%,transparent 82%),
    radial-gradient(ellipse 75% 14% at 90% 92%,#fff 0%,transparent 82%),
    linear-gradient(150deg,#e7f5ff,#dceefb 52%,#eaf6ff 100%)!important
}
body[data-theme=night]{background:#080d1c!important}
body[data-theme=night]:before{
  background:
    radial-gradient(ellipse 70% 14% at 100% 3%,#222a54 0%,transparent 78%),
    radial-gradient(ellipse 75% 15% at 0% 20%,#302345 0%,transparent 80%),
    radial-gradient(ellipse 75% 16% at 96% 40%,#172449 0%,transparent 80%),
    radial-gradient(ellipse 70% 14% at 2% 57%,#171b37 0%,transparent 80%),
    radial-gradient(ellipse 80% 16% at 100% 76%,#2c2141 0%,transparent 80%),
    radial-gradient(ellipse 75% 16% at 8% 95%,#192442 0%,transparent 80%),
    linear-gradient(150deg,#0b1023,#12162a 55%,#090e1d)!important
}
body[data-theme=day] .work-window{background:#f0f8ff}
body[data-theme=day] .inquiry-form{background:#f3faff}
/* The original logo is color-keyed by an SVG filter; its lavender monogram stays lavender. */
body[data-theme=night] .wordmark img{background:transparent!important;border-radius:0!important;mix-blend-mode:normal!important;filter:url(#night-wordmark)!important}
body .machine:before,body .machine:after{display:none!important;content:none!important}
body .machine-cabinet{padding-top:31px;padding-bottom:25px}
body .reel-labels{margin-top:2px;margin-bottom:24px;gap:7px}
body .reel-labels>span{display:flex;align-items:center;justify-content:center;gap:2px!important;min-width:0;white-space:nowrap}
body .reel-labels .reel-the{font:italic 300 clamp(22px,3vw,39px)/.9 'Helvetica Neue',Helvetica,sans-serif;letter-spacing:-.055em}
body .reel-labels .reel-word{display:inline-flex;align-items:center;font:750 clamp(27px,3.6vw,48px)/.85 'Helvetica Neue',Helvetica,sans-serif;letter-spacing:-.075em}
body .reel-labels .slot-initial,body .reel-labels>span:nth-child(2) .slot-initial{height:clamp(42px,5.1vw,67px)!important;align-self:center;top:0;margin:0 -1px 0 0}
body .reel-labels>span:nth-child(3) .reel-the{font-size:clamp(20px,2.5vw,33px)}
body .reel-labels>span:nth-child(3) .reel-word{font-size:clamp(25px,3.15vw,41px)}
body .reel-labels>span:nth-child(3) .slot-initial{height:clamp(39px,4.6vw,60px)!important}
body[data-theme=night] .machine-marquee .marquee-light{fill:#fff9e6;stroke:#f8d78e;filter:drop-shadow(0 0 5px #fff3c9) drop-shadow(0 0 13px #ffe0a2)}
body[data-theme=night] .machine-marquee .marquee-light:nth-child(odd){animation-delay:-.65s}
/* Smaller satellites preserve the full-color artwork and their original silhouettes. */
body .client-satellite[data-brand=virtue] .logo-object{scale:.71}
body .client-satellite[data-brand=notable] .logo-object{scale:.76}
body .client-satellite[data-brand=kab] .logo-object{scale:.67}
body[data-theme=night] .client-satellite .logo-object{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 8px #fff9)!important}
body[data-theme=night] .client-satellite:is([data-brand=southwest],[data-brand=notable],[data-brand=sach],[data-brand=virtue],[data-brand=kab]) .logo-face{filter:drop-shadow(0 0 2px #fff9)!important;mix-blend-mode:normal!important}
body[data-theme=night] .client-satellite[data-brand="blue-yonder"] .logo-object:after,
body[data-theme=night] .client-satellite[data-brand=wrtg] .logo-object:after{
  filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 9px #fffb)
}
/* Leave enough breathing room inside the testimonial ring. */
body .quote-note{width:52%;max-width:590px;margin:125px 0}
body .quote-universe{min-height:710px}
body .quote-note .quote-credit{padding-bottom:2px}
body .relationship-copy{font-size:clamp(18px,2.2vw,28px)!important;line-height:1.2}
body .relationship-copy em{font-weight:500}
body .numbers-heading:before{left:-92px;top:-97px;width:min(820px,105vw);height:315px;filter:blur(15px)}
body[data-theme=night] .numbers-heading:before{opacity:.22}
body[data-theme=day] .numbers-heading h2 em,
body[data-theme=day] .contact-copy h2 em{-webkit-text-stroke:1.1px #874c9e;text-shadow:0 1px 1px #54325b30}
body .contact-copy{position:relative;isolation:isolate}
body .contact-copy:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:-14%;top:-20%;width:125%;height:85%;background:radial-gradient(ellipse 31% 26% at 22% 54%,#fff 91%,#fff0 100%),radial-gradient(ellipse 34% 37% at 49% 38%,#fff 91%,#fff0 100%),radial-gradient(ellipse 32% 29% at 76% 59%,#fff 91%,#fff0 100%),radial-gradient(ellipse 53% 25% at 52% 73%,#fff 91%,#fff0 100%);filter:blur(19px);opacity:.95}
body[data-theme=night] .contact-copy:before{opacity:.15}
body .brand-manifesto{padding-top:30px;padding-bottom:22px}
body .explore-section{padding-top:40px;padding-bottom:38px}
body .numbers-section{padding-top:48px;padding-bottom:35px}
body .testimonials{padding-top:38px;padding-bottom:110px}
body .contact-section{padding-top:85px;padding-bottom:78px}
body .simple-spark svg,body .orbit-small-star svg{display:block;width:100%;height:100%}
body .simple-spark{width:47px;height:47px;font-size:0}
body .orbit-small-star{display:block;width:31px;height:31px;margin-left:auto;margin-right:auto;font-size:0}
@media(max-width:750px){
 html,body{overflow-x:clip}
 body .field-notes .field-note{min-width:0;max-width:100%}
 body .machine-cabinet{padding-top:19px;padding-bottom:19px}
 body .reel-labels{margin-bottom:15px;gap:2px}
 body .reel-labels>span{gap:0!important}
 body .reel-labels .reel-the{font-size:clamp(9px,2.8vw,17px)}
 body .reel-labels .reel-word{font-size:clamp(13px,3.5vw,22px)}
 body .reel-labels .slot-initial,body .reel-labels>span:nth-child(2) .slot-initial{height:clamp(21px,5.7vw,34px)!important}
 body .reel-labels>span:nth-child(3) .reel-the{font-size:clamp(8px,2.5vw,15px)}
 body .reel-labels>span:nth-child(3) .reel-word{font-size:clamp(12px,3.1vw,20px)}
 body .reel-labels>span:nth-child(3) .slot-initial{height:clamp(19px,5.2vw,31px)!important}
 body .numbers-heading:before{left:-45px;top:-80px;width:110vw;height:240px}
 body .quote-note{width:70%;margin:165px 0}
 body .contact-copy:before{left:-10%;top:-13%;width:120%;height:70%}
 body .brand-manifesto{padding-top:25px;padding-bottom:15px}
 body .explore-section,body .numbers-section,body .testimonials{padding-top:34px}
 body .testimonials{padding-bottom:115px}
 body .contact-section{padding-top:75px}
}

/* Smaller, optically even reel labels. */
body .reel-labels{margin-bottom:18px;gap:8px}
body .reel-labels .reel-the,
body .reel-labels>span:nth-child(3) .reel-the{font-size:clamp(18px,1.8vw,26px);letter-spacing:-.06em}
body .reel-labels .reel-word,
body .reel-labels>span:nth-child(3) .reel-word{font-size:clamp(26px,2.65vw,38px);letter-spacing:-.068em}
body .reel-labels .slot-initial,
body .reel-labels>span:nth-child(2) .slot-initial,
body .reel-labels>span:nth-child(3) .slot-initial{height:clamp(21px,2.1vw,30px)!important;top:2px}
body .machine-marquee .marquee-light,body[data-theme=night] .machine-marquee .marquee-light{fill:#fff3d5!important;stroke:#e3af5a;stroke-width:1.2;filter:drop-shadow(0 0 6px #fff7d6) drop-shadow(0 0 13px #ffd477)}
body .machine-marquee .bulb-shine{fill:#fff;opacity:.92;pointer-events:none}
body .machine-marquee .marquee-lights{overflow:visible;z-index:3}
/* Two clearly differentiated, dotted tracks in the daytime client orbit. */
body[data-theme=day] .client-trajectories #clientRoute{stroke:#25212d!important;opacity:.82}
body[data-theme=day] .client-trajectories .client-inner-orbit{stroke:#e094fc!important;opacity:1}
/* The section headings now share the manifesto's scale and a single ink color. */
body .section-heading h2,
body .numbers-heading h2,
body .testimonials .section-heading h2,
body .contact-copy h2{font-size:clamp(40px,4.2vw,58px)!important;line-height:1.02}
body[data-theme=day] .section-heading h2,
body[data-theme=day] .numbers-heading h2,
body[data-theme=day] .contact-copy h2{color:#24202c!important}
body[data-theme=night] .section-heading h2,
body[data-theme=night] .numbers-heading h2,
body[data-theme=night] .contact-copy h2{color:#fff7fc!important}
body .section-heading h2 em,
body .numbers-heading h2 em,
body .contact-copy h2 em{background:none!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;-webkit-text-stroke:0!important;text-shadow:none!important}
body .relationship-copy,body .relationship-copy em{font:450 clamp(14px,1.35vw,18px)/1.3 'Helvetica Neue',Helvetica,Arial,sans-serif!important;font-style:normal!important;letter-spacing:-.02em;color:inherit}
body .simple-spark,body .orbit-caption{display:none!important}
/* A tactile but quiet navigation bar; search is an actual magnifying glass. */
body header nav{position:relative;isolation:isolate;min-width:475px;justify-content:space-around;gap:24px;padding:12px 24px;border-radius:999px;background:radial-gradient(circle at 1px 1px,#8c74a51a 1px,transparent 1.5px) 0 0/9px 9px,linear-gradient(145deg,#fffefaef,#eaf3fbec);border-color:#9db3c8;box-shadow:0 10px 23px #45577919,inset 0 1px #fff}
body[data-theme=night] header nav{background:radial-gradient(circle at 1px 1px,#ffffff10 1px,transparent 1.5px) 0 0/9px 9px,linear-gradient(145deg,#25243fee,#1c2138ee);border-color:#786c94;box-shadow:0 10px 24px #05091966,inset 0 1px #ffffff25}
body header nav [data-open=index]{display:inline-flex;align-items:center;gap:8px}
.nav-search-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;flex:none}
body .explore-search .search-icon{width:23px;height:23px;border-width:2px;margin-right:8px}
body .explore-search .search-icon:after{width:11px;height:2px;right:-8px;bottom:-4px}
body .theme-icon{display:inline-flex;align-items:center;justify-content:center;color:#8860a7}
body .theme-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* Day balloons occupy the same footprint as the night letters. */
body[data-theme=day] .abc-letters{gap:0}
body[data-theme=day] .abc-letters>button{width:calc(var(--glyph-height)*1.24);height:calc(var(--glyph-height)*1.24)}
body[data-theme=day] .abc-letters>button+button{margin-left:-32px}
/* Night uses a dark cast shadow, with only a fine edge to retain dark brand ink. */
body[data-theme=night] .client-satellite .logo-object{filter:drop-shadow(0 2px 2px #03091c) drop-shadow(0 8px 11px #020718dd)!important}
body[data-theme=night] .client-satellite:is([data-brand=southwest],[data-brand=notable],[data-brand=sach],[data-brand=virtue],[data-brand=kab]) .logo-face{filter:drop-shadow(0 0 1px #d8e5fc88)!important}
body[data-theme=night] .client-satellite[data-brand="blue-yonder"] .logo-object:after,
body[data-theme=night] .client-satellite[data-brand=wrtg] .logo-object:after{filter:drop-shadow(0 0 1px #d8e5fcaa) drop-shadow(0 5px 7px #020718)}
body[data-theme=night] .sky-clouds,
body[data-theme=night] .numbers-heading:before,
body[data-theme=night] .contact-copy:before{display:none!important}
/* Gloss lives on the little celestial objects too. */
.testimonial-orb{width:17px;height:17px;background:radial-gradient(circle at 30% 24%,#fff 0 12%,#fff3d9 18%,#e4a2fb 52%,#9255ba 91%);border:1px solid #fff9;box-shadow:inset -2px -3px 3px #713d9377,0 2px 5px #38205050,0 0 13px #e9b6ff;transform:translate(-50%,-50%);filter:none}
body #quoteStars .stellar-point svg,body .orbit-small-star svg{filter:drop-shadow(0 2px 2px #613b8c55) drop-shadow(0 0 5px #fff9)}
body #quoteStars .stellar-point[aria-pressed=true] svg{filter:drop-shadow(0 0 10px #fff)}
body[data-theme=night] .night-sky i{background:radial-gradient(circle at 28% 24%,#fff 0 15%,#ffeefc 36%,#dba1ef 73%,#8667ad 100%);box-shadow:inset -1px -1px 1px #553b7c77,0 0 5px #fff9,0 0 10px #e5b5f488}
body .spin-button b svg path:first-child{fill:#211a25!important;stroke:#211a25!important}
body .spin-button b svg path:nth-child(2),body .spin-button b svg circle{display:none}
/* The inquiry is now a single short conversation starter. */
body .contact-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,5vw,80px)}
body .inquiry-form{padding:28px 30px;gap:18px}
body .inquiry-form textarea{min-height:110px}
body .contact-copy .contact-email{margin-top:28px}
@media(max-width:750px){
 body .reel-labels{margin-bottom:12px;gap:2px}
 body .reel-labels .reel-the,body .reel-labels>span:nth-child(3) .reel-the{font-size:clamp(9px,2.2vw,15px)}
 body .reel-labels .reel-word,body .reel-labels>span:nth-child(3) .reel-word{font-size:clamp(14px,3.5vw,20px)}
 body .reel-labels .slot-initial,body .reel-labels>span:nth-child(2) .slot-initial,body .reel-labels>span:nth-child(3) .slot-initial{height:clamp(11px,2.75vw,16px)!important}
 body[data-theme=day] .abc-letters{gap:0}
 body[data-theme=day] .abc-letters>button{width:calc(var(--glyph-height)*1.13);height:calc(var(--glyph-height)*1.13)}
 body[data-theme=day] .abc-letters>button+button{margin-left:-9px}
 body header nav{min-width:0;width:100%;gap:8px;padding:9px 13px}
 body .section-heading h2,body .numbers-heading h2,body .testimonials .section-heading h2,body .contact-copy h2{font-size:clamp(34px,9.8vw,44px)!important}
 body .contact-section{display:flex;flex-direction:column;gap:24px}
 body .contact-copy{top:auto}
 body .contact-copy .contact-email{display:inline-block;margin-top:12px}
 body .inquiry-form{width:100%;padding:22px 20px}
 body .inquiry-form .form-pair{grid-template-columns:1fr;gap:18px}
}