/* Full-page line work with slow compositor movement and reduced-motion support. */
.formant-home{--paper:#f5f1eb;--ink:#303037;--muted:#737078;--line:#ded7cf;--dark:#343238;--rust:#99745f;--sage:#d9c7b4;--white:#fffaf4;background:var(--paper)}
.formant-home body{background:var(--paper)}
.formant-home #site-root{position:relative;isolation:isolate;overflow:hidden}
.formant-home #site-root::before,.formant-home #site-root::after{content:"";position:fixed;inset:-8%;z-index:-1;pointer-events:none;background:linear-gradient(100deg,#aaa19a 5%,#c0b3a7 55%,#9a9395);-webkit-mask:url('/images/frequency-field.svg') center / cover no-repeat;mask:url('/images/frequency-field.svg') center / cover no-repeat;opacity:.15;animation:frequency-drift 38s ease-in-out infinite alternate}
.formant-home #site-root::after{opacity:.07;transform:rotate(180deg);animation:frequency-counter 49s ease-in-out infinite alternate}
@keyframes frequency-drift{from{transform:translate3d(-8px,-5px,0) scale(1)}to{transform:translate3d(11px,9px,0) scale(1.025)}}
@keyframes frequency-counter{from{transform:rotate(180deg) translate3d(-6px,7px,0) scale(1.01)}to{transform:rotate(180deg) translate3d(9px,-9px,0) scale(1.035)}}
@keyframes hero-frequency{from{transform:rotate(-13deg) translate3d(0,-3px,0) scale(1)}to{transform:rotate(-11deg) translate3d(5px,4px,0) scale(1.015)}}
.formant-home.motion-paused #site-root::before,.formant-home.motion-paused #site-root::after,.formant-home.motion-paused .hero .sculpture{animation-play-state:paused}
/* Keep the original sculpture without its colored panel. */
.formant-home .hero .sound-object{background:transparent;color:#777079;box-shadow:none;border:0}
.formant-home .hero .object-grid{display:none}
.formant-home .hero .sculpture{filter:none;animation:hero-frequency 31s ease-in-out infinite alternate}
.formant-home .hero .sculpture path{stroke:#a38e7d}
.formant-home .hero .object-label,.formant-home .hero .object-bottom{color:#777078}
.formant-home .hero .object-bottom{border-color:#c9bdb244}
.formant-home .hero .voice-tag{background:#eee5dc;color:#6f574a;box-shadow:0 5px 24px #5445350a;border:1px solid #dbcdc0}
.formant-home .hero-copy>p,.formant-home .hero-note,.formant-home .hero-caption,.formant-home .discipline-strip>span,.formant-home .team-intro p,.formant-home .team-person p,.formant-home .workflow-steps>article>p,.formant-home .directions-intro>p{color:#706c71}
.formant-home .status-dot{background:#9a8170}
.formant-home .discipline-strip>i{color:#b8aaa0}
.motion-toggle{display:inline-flex;gap:6px;align-items:center;color:#655e64;font-size:9px;line-height:1.6;padding:4px 0;letter-spacing:.3px}
.motion-toggle .icon{width:12px;height:12px}
.motion-toggle:disabled{cursor:default;color:#847a80}
.motion-toggle:hover:not(:disabled){color:#302c30}
/* A light studio surround and charcoal console replace the green blocks. */
.formant-home .studio-section{position:relative;background:rgba(233,228,223,.66);color:#353139;border-top:1px solid #ded6cf;border-bottom:1px solid #ded6cf}
.formant-home .studio-section .section-heading .eyebrow{color:#847367}
.formant-home .studio-section .section-heading>.text-link{color:#6b5f59}
.formant-home .feature-button{color:#797177;border-color:#cfc6bd}
.formant-home .feature-button small{color:#827981}
.formant-home .feature-button.active{color:#614d42;border-color:#9c8170}
.formant-home .feature-button.active small{color:#776355}
.formant-home .feature-button:last-of-type{border-bottom-color:#cfc6bd}
.formant-home .ai-note,.formant-home .ai-note>span{color:#756b70}
.formant-home .demo-console{background:#29282c;border-color:#69616a;box-shadow:0 22px 50px #362c321c}
.formant-home .console-head{border-color:#49424c;color:#aaa0af}
.formant-home .console-head i{border-color:#796d80}
.formant-home .console-head strong{color:#c8bccd}
.formant-home .console-transport{color:#e7d4c3}
.formant-home .console-transport>button{color:#43362f;background:#dac1aa}
.formant-home .console-transport small,.formant-home .console-transport>a{color:#b5a3b3}
.formant-home .console-ruler,.formant-home .console-ruler>span:not(:first-child),.formant-home .console-track,.formant-home .console-track>div:first-child{border-color:#4b424e}
.formant-home .console-ruler,.formant-home .console-track small{color:#a696aa}
.formant-home .console-track.focused{background:#66526724}
.formant-home .console-description{border-color:#554657;color:#dbccda}
.formant-home .console-description>span,.formant-home .console-description p{color:#b9a7bc}
.formant-home .console-clip{background:color-mix(in srgb,var(--clip),#29282c 90%)}
.formant-home .console-clip.empty{background:none;color:#b39aae}
.formant-home .workflow,.formant-home .sound-directions,.formant-home .team-section,.formant-home .home-plans,.formant-home .faq-section,.formant-home .site-footer{background:transparent}
.formant-home .workflow .section-heading .eyebrow,.formant-home .home-plans>.eyebrow,.formant-home .plan-teaser>div>span,.formant-home .plan-teaser em,.formant-home .plan-teaser small{color:#887366}
.formant-home .instrument-art{background:#e5dbd0;color:#766756}
.formant-home .instrument-art i{background:#f5eee6;border-color:#c7b8a8}
.formant-home .genre-card.afro{background:#d6bfae}
.formant-home .genre-card.ambient{background:#cbd0d2}
.formant-home .genre-card.house{background:#c8c1d0}
.formant-home .genre-card.lofi{background:#dfcbb9}
.formant-home .last-call{background:rgba(229,217,207,.61);color:#393238;border-top:1px solid #d9cfc6;border-bottom:1px solid #d9cfc6}
.formant-home .last-call>.eyebrow{color:#8c7261}
.formant-home .last-call .btn{background:#393238;color:#fff8f1;border-color:#393238}
.formant-home .last-call .last-wave{display:none}
.formant-home .footer-top>p,.formant-home .footer-top>div{color:#776c72}
.formant-home .footer-top>div>span{color:#94848c}
.formant-home .footer-bottom{color:#8b7f84;border-color:#d7cdc4}
.formant-home .team-section{padding-bottom:70px}
.team-section .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;max-width:940px;margin:0 auto}
.team-section .team-person p{min-height:68px}
@media(max-width:920px){.team-section .team-grid{gap:26px}}
@media(max-width:650px){.formant-home #site-root::before{opacity:.1}.formant-home #site-root::after{opacity:.045}.formant-home .hero .sound-object{height:330px}.formant-home .hero-caption{align-items:center}.formant-home .hero-caption>span{max-width:215px;line-height:1.7}.motion-toggle{font-size:8px;white-space:nowrap}.formant-home .team-section{padding-bottom:42px}.team-section .team-grid{grid-template-columns:1fr;gap:32px}.team-section .team-person p{min-height:0}}
@media(prefers-reduced-motion:reduce){.formant-home #site-root::before,.formant-home #site-root::after,.formant-home .hero .sculpture{animation:none!important}}
@media(forced-colors:active){.formant-home #site-root::before,.formant-home #site-root::after{display:none}}

/* Standalone pages retain the approved section layouts and palette. */
.formant-home .features-page .section-heading h1,.formant-home .how-page .section-heading h1,.formant-home .team-page .team-heading h1{font-size:42px;line-height:1.12;letter-spacing:-2px}
.formant-home .features-page .studio-section{border-top:0}
.formant-home .features-page .sound-directions{padding-top:84px}
.formant-home .team-page .team-section{padding-top:80px}
.formant-home .footer-bottom{flex-wrap:wrap;gap:16px}
@media(max-width:650px){.formant-home .features-page .section-heading h1,.formant-home .how-page .section-heading h1,.formant-home .team-page .team-heading h1{font-size:34px;letter-spacing:-1.6px}.formant-home .team-page .team-section{padding-top:43px}.formant-home .features-page .sound-directions{padding-top:42px}}
