/* TempoMix V29 — chromatic stage. Content and interactions stay in the original modules. */
:root{--ink:#090714;--electric:#ff2e9a;--acid:#29f2e4;--pink:#29f2e4;--orange:#ff2e9a;--burgundy:#ff2e9a;--accent:#ff2e9a;--bg:#29f2e4;--text:#090714;--muted:#ff2e9a;--line:#29f2e4;--display:Arial,Helvetica,sans-serif;--pad:clamp(1.25rem,4.4vw,5rem)}
body{background:#29f2e4;color:var(--ink)}
::selection{background:#29f2e4;color:#090714}
main>section{position:relative;isolation:isolate;scroll-margin-top:95px}
main>.section{padding:clamp(5.5rem,9vw,9rem) 0}
main>.section>.wrap{position:relative;z-index:2}
.section h2{font-weight:850;font-size:clamp(2.25rem,4.6vw,5rem);line-height:1.04;letter-spacing:-.055em;color:var(--ink)}
.section-index{font-size:.875rem!important;font-weight:750;letter-spacing:.12em;color:var(--electric);margin-bottom:1.5rem}
.section p{line-height:1.7}.lead{color:#ff2e9a;font-size:clamp(1.1rem,1.6vw,1.4rem)}
.header,.header.scrolled{top:14px;left:2%;width:96%;height:70px;padding:0 24px;border:1px solid #29f2e460;border-radius:100px;background:#090714eb;box-shadow:0 8px 28px #09071426;backdrop-filter:blur(20px);color:#29f2e4}
.header .brand{color:#29f2e4;font-size:1.8rem}.header .brand strong{color:var(--acid)}
.header .nav a{color:#29f2e4;font-size:.875rem;text-transform:none;letter-spacing:0}.header .nav a:hover{color:var(--acid)}
.header .button-small{background:var(--acid);color:var(--ink);border-color:var(--acid);box-shadow:none}
.button{border-radius:99px;background:var(--electric);border-color:var(--electric);color:#29f2e4;font-size:.875rem;letter-spacing:0;text-transform:none;padding:1rem 1.6rem;box-shadow:0 6px 0 #090714;transition:translate .25s,box-shadow .25s,background .25s}
.button:hover{background:#ff2e9a;translate:0 -3px;box-shadow:0 9px 0 #090714;color:#29f2e4}
.hero{min-height:95svh;background:#090714;padding-top:145px;padding-bottom:130px;border-radius:0 0 70px 70px}
.hero-media{width:100%;height:100%;object-fit:cover;opacity:1;filter:saturate(1.2)}
.hero-shade{background:linear-gradient(90deg,#090714e8 0%,#0907148c 52%,#09071425 100%),linear-gradient(0deg,#090714a6,transparent 60%)}
.hero h1{font-size:clamp(3.6rem,7.4vw,8.6rem)!important;line-height:.99;max-width:1000px;letter-spacing:-.065em;color:#29f2e4}
.hero h1 em{display:inline;color:var(--acid)!important;font-style:normal;font-weight:800!important;font-size:.76em;-webkit-text-stroke:0!important}
.hero .eyebrow{display:inline-block;background:#29f2e416;border:1px solid #29f2e450;border-radius:50px;padding:.6rem 1rem;font-size:.875rem;color:#29f2e4;letter-spacing:.1em}
.hero .hero-copy{font-size:1.1rem;max-width:550px;color:#29f2e4}.hero-cta .button{background:var(--acid);border-color:var(--acid);color:#090714;box-shadow:0 6px 0 #ff2e9a}
.hero-stamp{background:var(--pink);color:var(--ink);border:0;box-shadow:10px 14px 0 #ff2e9a80;bottom:100px;right:7%;transform:rotate(12deg)}
.hero-stamp text{fill:#090714}.hero-index{color:#29f2e4}
#solutions{background:#29f2e4}
.kinetic-line{background:var(--acid);color:#090714!important;border:0!important;transform:rotate(-2deg);padding:.6rem 0;margin-top:-1rem;margin-bottom:4rem;box-shadow:0 8px 0 #29f2e4}
.kinetic-line div{font-size:clamp(1.4rem,3vw,2.7rem);font-weight:900;letter-spacing:-.02em;-webkit-text-stroke:0;color:#090714}
.theme-bg:before,.theme-bg:after{display:none}
.service-grid{border:0;gap:20px;overflow:visible}
.service-grid .service-symbol-card{--tile:#29f2e4;background:var(--tile)!important;border:0!important;border-radius:30px 30px 70px 30px;padding:1.6rem 1.5rem 2.2rem;box-shadow:0 10px 0 #29f2e4;position:relative}
.service-grid .service-symbol-card:nth-child(2){--tile:#29f2e4;box-shadow:0 10px 0 #29f2e4}
.service-grid .service-symbol-card:nth-child(3){--tile:#29f2e4;box-shadow:0 10px 0 #29f2e4}
.service-grid .service-symbol-card:nth-child(4){--tile:#29f2e4;box-shadow:0 10px 0 #29f2e4}
.service-grid .service-symbol-card :is(b,h3,p){color:#090714!important}
.service-grid h3{font-size:1.8rem}.service-grid p{font-size:1rem}.service-symbol-slot img{filter:drop-shadow(0 20px 14px #09071438)}
#visual-story.duo-console{background:#ff2e9a;border-radius:80px 16px 80px 16px;color:#29f2e4;margin:1.5rem 2%;width:96%;box-shadow:0 18px 0 #29f2e4}
#visual-story .console-heading h2{color:#29f2e4;font-size:clamp(2.7rem,5vw,5.5rem)}
#visual-story .console-heading .section-index,#visual-story .console-panel h3{color:var(--acid)}
.console-screen{border:8px solid #29f2e422;border-radius:36px 36px 100px 36px;box-shadow:12px 18px 0 #090714}
.console-tabs{border:0;gap:10px}.console-tabs button{border:1px solid #29f2e460!important;border-radius:18px;color:#29f2e4!important}
#visual-story .console-tabs button[aria-selected=true]{background:var(--acid);color:#090714!important;border-color:var(--acid)!important;box-shadow:0 5px 0 #090714}
.console-panel li:before{color:var(--acid)}
#events{background:#29f2e4;border-radius:60px 60px 0 0;margin-top:70px}
#events .section-index{color:#ff2e9a}
.event-list{display:grid;gap:18px}.event-card{background:#29f2e4;border:0!important;border-radius:25px;padding:2rem!important;box-shadow:8px 8px 0 #29f2e4;transition:translate .3s,background .3s}
.event-card:nth-child(2){margin-left:5%}.event-card:nth-child(3){margin-left:10%}
.event-card h3{color:#090714;font-size:clamp(1.65rem,3vw,3rem)}.event-card p{color:#090714}.event-card:hover,.event-card.is-active{background:#ff2e9a;color:#29f2e4;translate:0 -4px}.event-card:hover :is(h3,p,span,i){color:#29f2e4}
#duo,.expertise-compact{background:#29f2e4!important;border-radius:0 0 70px 70px;padding-top:3rem}
.expertise-card{background:#29f2e4;border:0;border-radius:30px;padding:2.2rem;box-shadow:0 9px 0 #29f2e4}
.expertise-card:nth-child(2){background:#29f2e4;box-shadow:0 9px 0 #29f2e4}.expertise-card h3{color:#ff2e9a}
.expertise-bridge{background:#090714;border-radius:24px;margin-top:2rem}.bridge-mark{color:var(--acid);border-color:var(--acid)}.expertise-bridge a{color:var(--acid)}
#production{background:#29f2e4;border-radius:60px 60px 0 0;margin-top:40px}
#production h2{color:#090714}.production-grid{gap:16px}.production-card{background:#29f2e4!important;border:1px solid #29f2e4!important;border-radius:22px!important;box-shadow:0 7px 0 #29f2e4;padding:1.5rem!important}
.production-card h3{color:#090714}.production-number{color:#ff2e9a!important}.production-card p{color:#ff2e9a!important}.production-card[open]{background:#29f2e4!important}
.production-note{color:#ff2e9a!important}.portfolio-link{border-radius:22px!important;background:#29f2e4!important;color:#090714!important}
#packages{background:#29f2e4;border-radius:70px 70px 0 0;margin-top:-1px}
#packages .package-grid{gap:20px;padding-bottom:20px}
#packages .package-card{--card-accent:#ff2e9a;--card-tint:#29f2e4;background:var(--card-tint);border:1px solid #ff2e9a20;border-radius:28px 28px 12px 28px;box-shadow:0 9px 0 #ff2e9a30;padding:1.5rem}
#packages .package-card:nth-child(2){--card-accent:#090714;--card-tint:#29f2e4}
#packages .package-card:nth-child(3){--card-accent:#ff2e9a;--card-tint:#29f2e4}
#packages .package-card:nth-child(4){--card-accent:#090714;--card-tint:#29f2e4}
#packages .package-visual{background:var(--card-accent);color:#29f2e4;border-radius:18px 18px 50px 18px;height:115px}
#packages .package-card h3{color:#090714}#packages .package-card li{color:#090714}#packages .package-card.featured li{color:var(--card-accent)}
#packages .package-card .choose{border-radius:99px;font-size:.9rem}.packages-head>p,.price-note{color:#ff2e9a!important}
.process.section{background:#090714;border-radius:0 0 80px 80px;padding-bottom:7rem}
.process.section h2,.process.section .section-index{color:#29f2e4}
.process .timeline{border:0;gap:14px}.process .timeline>li{border-radius:25px;border:1px solid #29f2e425;box-shadow:0 8px 0 #090714;padding:1.6rem 1.2rem}
.process .timeline>li b{display:grid;place-items:center;background:#29f2e4;color:#090714!important;width:48px;height:48px;border-radius:50%;font-size:1rem}
.process .timeline>li:nth-child(even) b{background:#29f2e4}.process .timeline>li h3{font-size:1.35rem}
#team{background:#29f2e4}.people{background:transparent;gap:20px}.people article{background:#29f2e4;border-radius:32px;padding:2rem;box-shadow:0 10px 0 #29f2e4}.people article:nth-child(2){background:#29f2e4;box-shadow:0 10px 0 #29f2e4}
.people .initials{width:110px;height:110px;background:#ff2e9a;border-radius:30% 70% 60% 40%;font-size:2.4rem;box-shadow:7px 8px 0 #29f2e4}.people article:nth-child(2) .initials{background:#ff2e9a;box-shadow:7px 8px 0 #29f2e4}
.people h3{color:#090714}.people .role{color:#ff2e9a;font-size:.875rem;letter-spacing:.03em}.people p{color:#ff2e9a}
.faq{background:#29f2e4;border-radius:70px 70px 0 0}.accordions{display:grid;gap:12px}.accordions details{background:#29f2e4;border:0!important;padding:1.4rem;border-radius:20px;box-shadow:0 4px 0 #ff2e9a}.accordions summary{font-size:1.1rem;color:#090714}.accordions p{color:#090714}.accordions details[open]{background:#29f2e4}
#contact{background:#ff2e9a;border-radius:65px 65px 0 0;margin-top:-1px;color:#29f2e4}
#contact>.wrap>div>h2{color:var(--acid);font-size:clamp(2.7rem,4.8vw,5rem)}
#contact>.wrap>div>.section-index,#contact>.wrap>div>p,#contact .contact-area h3,#contact .contact-area p,#contact .contact-meta{color:#29f2e4}
.contact-area{border-color:#29f2e460}.area-orbit{background:#29f2e4;color:#090714}
.contact-form{background:#29f2e4;color:#090714;border:0;border-radius:36px;box-shadow:14px 18px 0 #ff2e9a;padding:clamp(1.25rem,3vw,2.5rem)}
.form-heading h3{color:#090714}.form-heading>p{color:#ff2e9a;font-size:.875rem}
.contact-form #builder{background:#29f2e4;border:0;border-radius:22px;padding:1.3rem}
.contact-form #builder h2,.contact-form #builder .section-index{color:#ff2e9a}
.contact-form #builder .choice-grid span{background:#29f2e4;border:1px solid #29f2e4;border-radius:12px;color:#090714;padding:.7rem;font-size:.875rem}
.contact-form #builder .choice-grid input:checked+span{background:#ff2e9a;color:#29f2e4;border-color:#ff2e9a;box-shadow:0 3px 0 #090714}
.contact-form .choice-grid input:focus-visible+span{outline:3px solid #ff2e9a;outline-offset:3px}
.contact-form label>span{font-size:.875rem;color:#ff2e9a;letter-spacing:.02em}
.contact-form :is(input:not([type=radio]):not([type=checkbox]),select,textarea){background:#29f2e4;color:#090714;border-color:#29f2e4;border-radius:13px}
.contact-form :is(input,select,textarea):focus{border-color:#ff2e9a;box-shadow:0 0 0 4px #ff2e9a1c}
.selected-package{background:#29f2e4;border-color:#29f2e4;border-left-color:#ff2e9a}.contact-form .selected-package label{color:#090714}
.contact-form .contact-service label>span{background:#29f2e4;border-color:#29f2e4;color:#090714}
.contact-form>.button{border-radius:99px}.form-status{color:#ff2e9a}
footer{background:#090714;border:0;border-radius:0;color:#29f2e4;padding:4rem 0}footer .brand{font-size:2.3rem}footer .brand strong,footer .footer-grid .brand strong{color:var(--acid)}.footer-phones a{border-radius:20px;background:#29f2e40b}.footer-phones strong{color:var(--acid)}
.scroll-progress{background:linear-gradient(90deg,#29f2e4,#29f2e4,#ff2e9a)!important;height:4px;z-index:100}.cursor-orbit{display:none!important}
/* Geometric transitions, kept separate from content and scroll-pinned rails. */
.section-seam{height:clamp(28px,5vw,65px);position:absolute;inset:0 0 auto;pointer-events:none;z-index:0;overflow:hidden;border-radius:inherit}
.section-seam:before{content:'';display:block;width:130%;height:200%;background:var(--seam,#29f2e413);border-radius:50%;translate:var(--seam-shift,0%) -72%;transition:translate .2s linear}
#visual-story .section-seam{--seam:#29f2e4}#events .section-seam{--seam:#29f2e4}#production .section-seam{--seam:#29f2e4}#packages .section-seam{--seam:#29f2e4}#contact .section-seam{--seam:#29f2e4}
@media(min-width:1001px){.header .nav{gap:1.3rem}.hero-content{padding-right:16%}.people article:nth-child(2){margin-top:55px}.contact-grid{grid-template-columns:.85fr 1.15fr;gap:5vw}}
@media(max-width:1000px){.header,.header.scrolled{top:10px;left:3%;width:94%;height:62px;padding:0 16px}.header .nav{inset:82px 3% auto;background:#090714;border:1px solid #ff2e9a;border-radius:28px;padding:2rem 1.2rem;max-height:calc(100svh - 95px);overflow:auto;box-shadow:0 18px 60px #09071455}.header .nav a{font-size:1.2rem;color:#29f2e4}.menu-wordmark{width:75vw;max-width:100%;margin:0 auto 1rem}.menu-wordmark svg{fill:#29f2e4}.header .menu span{background:#29f2e4!important;height:2px}.hero-stamp{right:7%;width:100px;height:100px;bottom:50px}.hero{border-radius:0 0 40px 40px}.service-grid{gap:16px}#visual-story.duo-console{border-radius:40px 12px 40px 12px}.event-card:nth-child(n){margin-left:0}.people article:nth-child(2){margin-top:0}}
@media(max-width:900px){main>.section{padding:4.5rem 0}.section h2{font-size:clamp(2.1rem,7.6vw,3.3rem)}.hero h1{font-size:clamp(3.4rem,11vw,6rem)!important}.hero-content{padding-right:0}.hero .hero-copy{max-width:85%;font-size:1rem}.hero{min-height:88svh;padding:135px 0 105px}.hero-stamp{display:none}.kinetic-line{margin-bottom:2rem}.service-grid .service-symbol-card{border-radius:24px 24px 55px 24px}.service-grid .service-symbol-card.is-slide-active{outline:3px solid #ff2e9a;outline-offset:-3px}.console-screen{border-width:5px;border-radius:25px 25px 65px 25px;box-shadow:6px 9px 0 #090714}.event-card{padding:1.4rem!important;gap:1rem}.expertise-card{padding:1.5rem}#packages .package-card{padding:1rem;border-radius:22px}#packages .package-visual{height:55px}#packages .package-card li{font-size:.875rem;line-height:1.45}#packages .package-card h3{font-size:1.5rem}.contact-form{box-shadow:7px 10px 0 #ff2e9a;border-radius:25px}.contact-grid{gap:2.5rem}.process.section,#duo{border-radius:0 0 40px 40px}#events,#production,#packages,.faq,#contact{border-radius:40px 40px 0 0}.section-index{font-size:.8rem!important}.people{gap:25px}.people .role{font-size:.8rem}.header .brand{display:none}}
@media(prefers-reduced-motion:reduce){.section-seam:before{transition:none}.hero-media{transform:none!important}.button:hover{translate:none}.event-card:hover{translate:none}}
.hero .hero-media{filter:saturate(1.2);opacity:1}
.hero .hero-shade{background:linear-gradient(90deg,#090714e8 0%,#0907148c 52%,#09071425 100%),linear-gradient(0deg,#090714a6,transparent 60%)}
#solutions .service-symbol-card:is(:hover,:focus-visible,.is-slide-active) :is(h3,p,b){color:#090714!important}
.production-actions .portfolio-copy small{color:#ff2e9a}.production-actions .portfolio-copy strong{color:#090714}
@media(max-width:1000px){.header .nav.open{padding:1.5rem 1.2rem;gap:.4rem}.nav .menu-wordmark{width:75vw;max-width:100%}.nav .menu-wordmark svg{fill:#29f2e4}.header .nav.open a{padding:.55rem .5rem;min-height:44px}}
.hero h1,.section h2,.event-card h3{text-transform:none}.hero-copy,.hero-cta{margin-left:0}.service-grid{background:transparent}
.event-card:before{background:#ff2e9a}.people article:hover{background:#29f2e4}.people article:nth-child(2):hover{background:#29f2e4}.people article:hover p{color:#ff2e9a}.people article:hover .initials{background:#ff2e9a;color:#29f2e4!important}
.contact-form .button{background:#ff2e9a;color:#29f2e4;border-color:#ff2e9a}.contact-form .button:hover{background:#ff2e9a;color:#29f2e4;border-color:#ff2e9a}
.accordions summary:after{color:#ff2e9a}
@media(max-width:1000px){.header .nav.open{inset:82px 3% auto;height:auto;max-height:calc(100svh - 100px);background:#090714!important;justify-content:flex-start}.header .nav.open a{color:#29f2e4!important;font-size:1.2rem}.header{backdrop-filter:none}.header.scrolled{backdrop-filter:none}}