:root{--color-white: #f0f0f0;--color-dim: #aa8888;--color-accent: #f23a5a;--font-display: "Bebas Neue", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{background:#0a0a12}html.is-loading{overflow:hidden}#scene-container{position:fixed;top:0;left:0;width:100vw;height:100vh}#scroll-spacer{height:1600vh;pointer-events:none}#page-content{position:fixed;top:0;left:0;width:100%;height:400vh;z-index:10;transform:translateY(-400vh);will-change:transform}#sky-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#loading-screen{position:fixed;inset:0;z-index:9999;background:#0a0a12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem}.loader-brand{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);color:var(--color-white);letter-spacing:.25em;text-indent:.25em;border:2px solid var(--color-accent);padding:.35em .55em .2em;line-height:1;box-shadow:0 0 10px #f23a5a66,0 0 30px #f23a5a26,inset 0 0 10px #f23a5a1a;opacity:0;animation:loader-fade-in .6s ease .1s forwards}.loader-counter{font-family:var(--font-display);font-size:clamp(5rem,18vw,12rem);color:var(--color-white);line-height:1;letter-spacing:.04em;opacity:0;animation:loader-fade-in .6s ease .2s forwards}.loader-tagline{font-family:var(--font-body);font-size:clamp(.65rem,1.5vw,.85rem);color:var(--color-dim);letter-spacing:.15em;text-transform:uppercase;font-weight:400;opacity:0;animation:loader-fade-in .6s ease .3s forwards}.loader-bar{width:30vw;max-width:300px;height:1px;background:#ffffff14;margin-top:.5rem;position:relative;opacity:0;animation:loader-fade-in .6s ease .4s forwards}.loader-bar-fill{height:100%;width:0%;background:var(--color-accent);box-shadow:0 0 8px var(--color-accent),0 0 20px #f23a5a4d;transition:width .3s ease-out}@keyframes loader-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#loading-screen.loader-exit .loader-counter,#loading-screen.loader-exit .loader-tagline{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}#loading-screen.loader-exit .loader-bar{opacity:0;transition:opacity .3s ease .15s}#loading-screen.loader-exit .loader-brand{transform:scale(1.2);opacity:0;transition:opacity .3s ease .3s,transform .4s ease .3s}#loading-screen.loader-done{transform:translateY(-100%);transition:transform .5s cubic-bezier(.76,0,.24,1) .1s;pointer-events:none}#site-header{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-rows:auto 1fr;padding:2rem clamp(1.5rem,5vw,4rem)}.header-nav{display:flex;justify-content:flex-end;align-items:center;gap:clamp(1.2rem,3vw,2.5rem);font-family:var(--font-body);font-size:.85rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.header-nav a{color:var(--color-dim);text-decoration:none;position:relative;padding-bottom:.2em;transition:color .3s}.header-nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--color-accent);box-shadow:0 0 6px var(--color-accent);transition:width .3s ease}.header-nav a:hover{color:var(--color-white)}.header-nav a:hover:after{width:100%}.nav-link--cta{border:1px solid var(--color-accent);padding:.45em 1.1em .35em!important;border-radius:4px;transition:background .3s,color .3s,box-shadow .3s!important}.nav-link--cta:hover{background:var(--color-accent);color:#fff!important;box-shadow:0 0 12px #f23a5a80,0 0 30px #f23a5a33}.nav-link--cta:after{display:none!important}.header-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.brand-mark{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);color:var(--color-white);letter-spacing:.25em;text-indent:.25em;border:2px solid var(--color-accent);padding:.35em .55em .2em;line-height:1;box-shadow:0 0 10px #f23a5a66,0 0 30px #f23a5a26,inset 0 0 10px #f23a5a1a}.brand-name{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,9rem);color:var(--color-white);line-height:1;letter-spacing:.04em;font-weight:400}.brand-accent{color:var(--color-accent);text-shadow:0 0 10px rgba(242,58,90,.6),0 0 30px rgba(242,58,90,.3),0 0 60px rgba(242,58,90,.15)}.brand-tagline{font-family:var(--font-body);font-size:clamp(.75rem,1.8vw,1rem);color:var(--color-dim);letter-spacing:.15em;text-transform:uppercase;font-weight:400}.section-capabilities{position:relative;height:100vh;overflow:hidden}.capabilities-bg{position:absolute;inset:0;background:#0a0a12}.aurora{position:absolute;width:150%;height:150%;border-radius:50%;filter:blur(100px);opacity:.3;mix-blend-mode:screen;transition:opacity .8s ease,transform .15s ease-out;will-change:transform}.aurora--1{top:-50%;left:-25%;background:radial-gradient(ellipse,rgba(242,58,90,.5) 0%,transparent 70%)}.aurora--2{top:20%;right:-30%;background:radial-gradient(ellipse,rgba(241,99,102,.4) 0%,transparent 70%)}.aurora--3{bottom:-40%;left:20%;background:radial-gradient(ellipse,rgba(246,92,92,.35) 0%,transparent 70%)}.capabilities-container{position:relative;z-index:1;height:100%;display:flex;align-items:center;padding:0 clamp(2rem,8vw,8rem)}.scroll-progress{position:absolute;left:clamp(1.5rem,4vw,3rem);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:10;opacity:0;transition:opacity .3s ease}.progress-track{width:2px;height:120px;background:#ffffff1a;border-radius:1px;overflow:hidden}.progress-fill{width:100%;height:0%;background:var(--color-accent);box-shadow:0 0 10px var(--color-accent);transition:height .1s linear}.progress-markers{display:flex;flex-direction:column;gap:.75rem}.progress-markers .marker{font-family:var(--font-body);font-size:.65rem;font-weight:500;color:#ffffff4d;letter-spacing:.1em;transition:color .3s ease,text-shadow .3s ease}.progress-markers .marker.active{color:var(--color-accent);text-shadow:0 0 10px var(--color-accent)}.capabilities-label{position:absolute;top:clamp(2rem,5vh,4rem);left:50%;transform:translate(-50%);font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--color-accent);opacity:0;transition:top .3s ease}.capabilities-panels{position:relative;width:100%;height:100%}.capability-panel{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,6rem);padding:clamp(4rem,10vh,8rem) 0;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.capability-panel.panel-active{opacity:1;transform:translateY(0)}.capability-panel.panel-exiting{opacity:0;transform:translateY(-20px)}.panel-visual{display:flex;justify-content:center;align-items:center;height:100%;transition:transform .1s ease-out;will-change:transform}.visual-bars{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:200px}.visual-bars span{width:8px;background:linear-gradient(to top,var(--color-accent),rgba(242,58,90,.3));border-radius:4px;transform-origin:bottom;animation:bar-pulse 1s ease-in-out infinite}.visual-bars span:nth-child(1){height:40%;animation-delay:0s}.visual-bars span:nth-child(2){height:65%;animation-delay:.1s}.visual-bars span:nth-child(3){height:45%;animation-delay:.2s}.visual-bars span:nth-child(4){height:80%;animation-delay:.15s}.visual-bars span:nth-child(5){height:55%;animation-delay:.25s}.visual-bars span:nth-child(6){height:90%;animation-delay:.05s}.visual-bars span:nth-child(7){height:70%;animation-delay:.3s}.visual-bars span:nth-child(8){height:100%;animation-delay:.1s}.visual-bars span:nth-child(9){height:75%;animation-delay:.2s}.visual-bars span:nth-child(10){height:85%;animation-delay:.15s}.visual-bars span:nth-child(11){height:60%;animation-delay:.25s}.visual-bars span:nth-child(12){height:95%;animation-delay:.05s}.visual-bars span:nth-child(13){height:50%;animation-delay:.3s}.visual-bars span:nth-child(14){height:70%;animation-delay:.1s}.visual-bars span:nth-child(15){height:35%;animation-delay:.2s}@keyframes bar-pulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(.6)}}.visual-spotlight{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.visual-spotlight .ring{position:absolute;border-radius:50%;border:2px solid var(--color-accent);animation:ring-pulse 3s ease-in-out infinite}.visual-spotlight .ring--1{width:100%;height:100%;opacity:.2;animation-delay:0s}.visual-spotlight .ring--2{width:70%;height:70%;opacity:.4;animation-delay:-1s}.visual-spotlight .ring--3{width:40%;height:40%;opacity:.6;animation-delay:-2s}.visual-spotlight .spotlight-core{width:24px;height:24px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 20px var(--color-accent),0 0 40px #f23a5a80,0 0 80px #f23a5a4d;animation:core-glow 2s ease-in-out infinite}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:var(--ring-opacity, .3)}50%{transform:scale(1.08);opacity:calc(var(--ring-opacity, .3) + .3)}}.visual-spotlight .ring--1{--ring-opacity: .2}.visual-spotlight .ring--2{--ring-opacity: .4}.visual-spotlight .ring--3{--ring-opacity: .6}@keyframes core-glow{0%,to{box-shadow:0 0 20px var(--color-accent),0 0 40px #f23a5a80,0 0 80px #f23a5a4d}50%{box-shadow:0 0 30px var(--color-accent),0 0 60px #f23a5a99,0 0 100px #f23a5a66}}.visual-vinyl{position:relative;width:220px;height:220px}.vinyl-disc{width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0px,transparent 4px,rgba(255,255,255,.03) 4px,rgba(255,255,255,.03) 5px),linear-gradient(135deg,#2e1a1a,#0a0a12);border:2px solid rgba(255,255,255,.1);animation:vinyl-spin 4s linear infinite;box-shadow:0 0 40px #f23a5a33,inset 0 0 60px #00000080}.vinyl-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,#c41e3a 100%);box-shadow:0 0 20px #f23a5a80}.vinyl-label:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#0a0a12}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.panel-content{max-width:480px;transition:transform .1s ease-out;will-change:transform}.panel-number{font-family:var(--font-display);font-size:clamp(4rem,10vw,8rem);color:#ffffff08;line-height:.8;margin-bottom:-2rem;margin-left:-.5rem}.panel-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:400;color:var(--color-white);line-height:1;margin-bottom:1.5rem;letter-spacing:.02em}.panel-description{font-family:var(--font-body);font-size:clamp(.95rem,1.5vw,1.1rem);color:var(--color-dim);line-height:1.7;margin-bottom:2rem}.panel-features{list-style:none;display:flex;flex-direction:column;gap:.75rem}.panel-features li{font-family:var(--font-body);font-size:.85rem;color:#fff9;padding-left:1.5rem;position:relative}.panel-features li:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;background:var(--color-accent);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 12px var(--color-accent)}.capabilities-cta{position:absolute;bottom:clamp(2rem,5vh,4rem);left:50%;transform:translate(-50%) translateY(20px);text-align:center;opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s ease}.capabilities-cta.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.cta-tagline{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.75rem}.cta-text{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--color-white);line-height:1.2;letter-spacing:.02em}@media(max-width:900px){.capability-panel{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;text-align:center;padding:clamp(4rem,8vh,6rem) 0;gap:1rem}.panel-visual{height:auto;margin-bottom:1rem}.visual-bars{height:120px}.visual-spotlight{width:140px;height:140px}.visual-spotlight .spotlight-core{width:18px;height:18px}.visual-vinyl{width:160px;height:160px}.panel-content{max-width:100%}.panel-number{margin-left:0}.panel-features{align-items:center}.scroll-progress{left:1rem}}@media(max-width:600px){.scroll-progress{display:none}.capabilities-container{padding:0 1.5rem}}@media(max-width:900px){.capabilities-cta{display:none}}@media(max-height:700px){.capability-panel{padding-top:clamp(5rem,10vh,6rem);padding-bottom:clamp(6rem,14vh,8rem)}.capabilities-cta{display:none}}.section-equipment{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.equipment-bg{position:absolute;inset:0;background:linear-gradient(to bottom,#0a0a12,#0d0d18,#0a0a12)}.equipment-content{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:4rem;padding:6rem 0}.equipment-label{font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--color-accent)}.equipment-category{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.category-tag{font-family:var(--font-body);font-size:.65rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--color-dim);padding:.4em 1em .3em;border:1px solid rgba(255,255,255,.1);border-radius:2px}.marquee-track{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-inner{display:flex;align-items:center;gap:0;width:max-content;animation:marquee 25s linear infinite}.marquee-track--reverse .marquee-inner{animation:marquee-reverse 25s linear infinite}.gear-item{font-family:var(--font-display);font-size:clamp(2rem,6vw,4.5rem);color:var(--color-white);letter-spacing:.02em;white-space:nowrap;transition:color .3s ease,text-shadow .3s ease}.gear-item:hover{color:var(--color-accent);text-shadow:0 0 30px rgba(242,58,90,.5)}.gear-separator{font-family:var(--font-display);font-size:clamp(2rem,6vw,4.5rem);color:var(--color-accent);padding:0 clamp(1rem,3vw,2.5rem);opacity:.5}.equipment-tagline{font-family:var(--font-body);font-size:clamp(.85rem,1.5vw,1rem);color:var(--color-dim);letter-spacing:.05em;text-align:center;max-width:400px;margin-top:1rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(max-width:768px){.equipment-content{gap:3rem;padding:4rem 0}.equipment-category{gap:1rem}.marquee-inner{animation-duration:18s}}.section-contact{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.contact-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(242,58,90,.15) 0%,transparent 50%),linear-gradient(to bottom,#0d0d18,#0a0a12)}.contact-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;max-width:600px}.contact-label{font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--color-accent);margin-bottom:2rem}.contact-headline{font-family:var(--font-display);font-size:clamp(3rem,10vw,6rem);font-weight:400;color:var(--color-white);line-height:1;letter-spacing:.02em;margin-bottom:1.5rem}.contact-headline .accent{color:var(--color-accent);text-shadow:0 0 20px rgba(242,58,90,.5),0 0 40px rgba(242,58,90,.2)}.contact-tagline{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.2rem);color:var(--color-dim);margin-bottom:3rem}.contact-methods{display:flex;gap:3rem;margin-bottom:3rem}.contact-method{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;transition:transform .3s ease}.contact-method:hover{transform:translateY(-4px)}.method-label{font-family:var(--font-body);font-size:.65rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--color-dim)}.method-value{font-family:var(--font-body);font-size:clamp(.9rem,2vw,1.1rem);color:var(--color-white);transition:color .3s ease}.contact-method:hover .method-value{color:var(--color-accent)}.contact-cta{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.6rem);letter-spacing:.1em;color:var(--color-white);text-decoration:none;padding:1em 2em;border:2px solid var(--color-accent);border-radius:4px;transition:all .3s ease;margin-bottom:4rem}.contact-cta:hover{background:var(--color-accent);box-shadow:0 0 20px #f23a5a80,0 0 40px #f23a5a33}.cta-arrow{transition:transform .3s ease}.contact-cta:hover .cta-arrow{transform:translate(4px)}.contact-footer{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.service-area{font-family:var(--font-body);font-size:.8rem;color:var(--color-dim);letter-spacing:.1em}.social-links{display:flex;gap:1.5rem}.social-links a{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.15em;color:var(--color-dim);text-decoration:none;padding:.5em 1em;border:1px solid rgba(255,255,255,.1);border-radius:2px;transition:all .3s ease}.social-links a:hover{color:var(--color-white);border-color:var(--color-accent);box-shadow:0 0 10px #f23a5a4d}@media(max-width:600px){.contact-methods{flex-direction:column;gap:2rem}.contact-content{padding:2rem 1.5rem}}.scroll-hint{position:fixed;top:1.8rem;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-white);pointer-events:none;opacity:0;animation:none}.scroll-hint.visible{animation:hint-enter .8s ease forwards}.scroll-hint-eq{display:flex;align-items:flex-start;gap:3px;height:28px}.scroll-hint-eq span{width:3px;height:8px;background:var(--color-accent);border-radius:1.5px;animation:eq-drop 1.8s ease-in-out infinite;box-shadow:0 0 6px #f23a5a80}.scroll-hint-eq span:nth-child(1){animation-delay:0s}.scroll-hint-eq span:nth-child(2){animation-delay:.12s}.scroll-hint-eq span:nth-child(3){animation-delay:.24s}.scroll-hint-eq span:nth-child(4){animation-delay:.36s}.scroll-hint-eq span:nth-child(5){animation-delay:.48s}.scroll-hint-text{font-family:var(--font-body);font-size:.65rem;text-transform:uppercase;letter-spacing:.25em;text-indent:.25em;color:var(--color-dim)}@keyframes eq-drop{0%{height:8px;opacity:1;transform:translateY(0)}30%{height:18px;opacity:1;transform:translateY(10px)}50%{height:8px;opacity:0;transform:translateY(20px)}51%{transform:translateY(0);opacity:0;height:8px}70%{opacity:1}to{height:8px;opacity:1;transform:translateY(0)}}@keyframes hint-enter{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.fixed-nav{position:fixed;top:0;right:0;z-index:100;display:flex;justify-content:flex-end;align-items:center;gap:clamp(1.2rem,3vw,2.5rem);padding:1.5rem clamp(1.5rem,5vw,4rem);font-family:var(--font-body);font-size:.85rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.fixed-nav.visible{opacity:1;pointer-events:auto;transform:translateY(0)}body.fixed-nav-visible .header-nav{opacity:0;pointer-events:none}body.fixed-nav-visible .capabilities-label{top:clamp(4rem,8vh,6rem)}.fixed-nav a{color:var(--color-dim);text-decoration:none;position:relative;padding-bottom:.2em;transition:color .3s}.fixed-nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--color-accent);box-shadow:0 0 6px var(--color-accent);transition:width .3s ease}.fixed-nav a:hover{color:var(--color-white)}.fixed-nav a:hover:after{width:100%}.fixed-nav .nav-link--cta{border:1px solid var(--color-accent);padding:.45em 1.1em .35em;border-radius:4px;transition:background .3s,color .3s,box-shadow .3s}.fixed-nav .nav-link--cta:hover{background:var(--color-accent);color:#fff;box-shadow:0 0 12px #f23a5a80,0 0 30px #f23a5a33}.fixed-nav .nav-link--cta:after{display:none}@media(max-width:768px){#site-header{padding:1.2rem 1rem}.header-nav{justify-content:center;gap:1rem;font-size:.75rem}.fixed-nav{gap:1rem;font-size:.75rem;padding:1rem}}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--color-accent);color:#fff;padding:.5em 1.5em;font-family:var(--font-body);font-size:.85rem;text-decoration:none;border-radius:0 0 4px 4px;z-index:10000;transition:top .2s}.skip-link:focus{top:0}.copyright{font-family:var(--font-body);font-size:.7rem;color:#ffffff40;letter-spacing:.05em;margin-top:1rem}.copyright a{color:#ffffff59;text-decoration:none;transition:color .3s}.copyright a:hover{color:var(--color-accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
