.elementor-kit-7{--e-global-color-primary:#CCFF00;--e-global-color-secondary:#070709;--e-global-color-text:#EAE8E3;--e-global-color-accent:#B8E600;--e-global-color-wmchar:#09090D;--e-global-color-wmcard:#0E0E14;--e-global-color-wmfoot:#050507;--e-global-color-wmmuted:#8D8B87;--e-global-color-wmn300:#D4D4D4;--e-global-color-wmn400:#A1A1A1;--e-global-color-wmn500:#737373;--e-global-color-wmn600:#525252;--e-global-color-wmwhite:#FFFFFF;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:24px;--e-global-typography-secondary-font-family:"WM Mono";--e-global-typography-secondary-font-size:12px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:16px;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:24px;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:20px;--e-global-typography-wmlabel-font-family:"WM Mono";--e-global-typography-wmlabel-font-size:12px;--e-global-typography-wmlabel-font-weight:400;--e-global-typography-wmlabel-text-transform:uppercase;--e-global-typography-wmlabel-line-height:16px;--e-global-typography-wmlabel-letter-spacing:0.25em;--e-global-typography-wmsub-font-family:"WM Mono";--e-global-typography-wmsub-font-size:12px;--e-global-typography-wmsub-font-weight:400;--e-global-typography-wmsub-text-transform:uppercase;--e-global-typography-wmsub-line-height:16px;--e-global-typography-wmsub-letter-spacing:0.1em;--e-global-typography-wmh2-font-family:"Space Grotesk";--e-global-typography-wmh2-font-size:96px;--e-global-typography-wmh2-font-weight:900;--e-global-typography-wmh2-text-transform:uppercase;--e-global-typography-wmh2-line-height:0.92;--e-global-typography-wmh2-letter-spacing:-0.025em;--e-global-typography-wmh2xl-font-family:"Space Grotesk";--e-global-typography-wmh2xl-font-size:128px;--e-global-typography-wmh2xl-font-weight:900;--e-global-typography-wmh2xl-text-transform:uppercase;--e-global-typography-wmh2xl-line-height:0.9;--e-global-typography-wmh2xl-letter-spacing:-0.025em;background-color:#070709;color:#EAE8E3;font-family:"DM Sans", Sans-serif;font-size:16px;line-height:1.5;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:#EAE8E3;}.elementor-kit-7 a:hover{color:#CCFF00;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1216px;}.e-con{--container-max-width:1216px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1023px){.elementor-kit-7{--e-global-typography-wmh2-font-size:72px;--e-global-typography-wmh2xl-font-size:96px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-wmh2-font-size:60px;--e-global-typography-wmh2xl-font-size:72px;}}@media(max-width:639px){.elementor-kit-7{--e-global-typography-wmh2-font-size:48px;--e-global-typography-wmh2xl-font-size:60px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* Google Fonts (css2, with optical sizing) - exact files the original site used */ /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 300 800; font-display: swap; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Fp2ywxg089UriCZa4ET-DNl0.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 300 800; font-display: swap; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Fp2ywxg089UriCZa4Hz-D.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Mono: same system monospace stack as the original (Consolas on Windows, Menlo on Mac) */ @font-face{font-family:"WM Mono";font-style:normal;font-weight:400;src:local("Consolas"),local("SFMono-Regular"),local("Menlo-Regular"),local("Menlo"),local("Monaco"),local("Liberation Mono"),local("DejaVu Sans Mono"),local("Droid Sans Mono"),local("Courier New")} @font-face{font-family:"WM Mono";font-style:normal;font-weight:700;src:local("Consolas Bold"),local("Consolas-Bold"),local("SFMono-Bold"),local("Menlo-Bold"),local("Menlo Bold"),local("Liberation Mono Bold"),local("DejaVu Sans Mono Bold"),local("Courier New Bold")} html{scroll-behavior:smooth} body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden} ::selection{background:#ccff00;color:#000} ::-webkit-scrollbar{width:6px;height:6px} ::-webkit-scrollbar-track{background:#070709} ::-webkit-scrollbar-thumb{background:#23232b;border-radius:3px} ::-webkit-scrollbar-thumb:hover{background:#ccff00} /* ---- Utility classes (applied via Advanced > CSS Classes) ---- */ /* wm-layer: fill the parent as a background layer (image / overlay) */ .wm-layer{position:absolute!important;inset:0;width:100%!important;height:100%;max-width:none!important;margin:0!important;pointer-events:none;z-index:0} .wm-layer img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover} /* wm-grain: subtle dot grid */ .wm-grain{background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 0);background-size:24px 24px} /* wm-ping: pulsing status dot */ .wm-ping{position:relative} .wm-ping::before{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;opacity:.75;animation:wm-ping 1s cubic-bezier(0,0,.2,1) infinite} @keyframes wm-ping{75%,100%{transform:scale(2);opacity:0}} @keyframes wm-spin{to{transform:rotate(360deg)}} @keyframes wm-pulse{50%{opacity:.5}} /* wm-nudge: arrow icon moves up-right on hover (wm-nudge-down: moves down) */ .wm-nudge .elementor-button-icon,.wm-nudge .elementor-icon,.wm-nudge-sm .elementor-button-icon,.wm-nudge-down .elementor-button-icon{transition:transform .15s cubic-bezier(.4,0,.2,1)} .wm-nudge:hover .elementor-button-icon{transform:translate(4px,-4px)} .wm-nudge-sm:hover .elementor-button-icon{transform:translate(2px,-2px)} .wm-nudge-down:hover .elementor-button-icon{transform:translateY(4px)} .wm-press .elementor-button:active{transform:scale(.95)} /* wm-icon-lime: button icon in lime while the label keeps its own colour */ .wm-icon-lime .elementor-button-icon{color:#ccff00;fill:#ccff00} .wm-icon-lime .elementor-button .elementor-button-icon svg{fill:#ccff00!important} /* Elementor repaints icons in the hover text colour */ /* wm-hover-grow: inline word that grows 1% on hover (hero "AUDIO.") */ .wm-hover-grow{display:inline-block;transition:transform .15s cubic-bezier(.4,0,.2,1)} .wm-hover-grow:hover{transform:scale(1.01)} /* wm-zoom: card photo zooms on card hover */ .wm-zoom img{transition:transform .7s cubic-bezier(0,0,.2,1),filter .7s cubic-bezier(0,0,.2,1)!important} body .elementor .wm-zoom:hover .elementor-widget-image img{filter:brightness(1) contrast(1.1) saturate(1) blur(0px) hue-rotate(0deg)!important} .wm-zoom:hover img{transform:scale(1.05)} /* wm-grad-text: white -> bone -> muted gradient text (About headline "SOUND") */ .wm-grad-text{background-image:linear-gradient(to right in oklab,#fff 0%,#eae8e3 50%,#8d8b87 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent} /* Icon lists: let the Icon Spacing control alone set the icon-to-text gap (drops Elementor's built-in .25em + 5px) */ body .elementor-widget-icon-list{--e-icon-list-icon-margin:0} body .elementor-widget-icon-list .elementor-icon-list-icon+.elementor-icon-list-text{padding-inline-start:0} /* Text Editor: Paragraph Spacing goes between paragraphs, not after the last one */ body .elementor .elementor-element.elementor-widget-text-editor p:last-child{margin-block-end:0} /* Buttons: icon and label vertically centred */ body .elementor-button-content-wrapper{align-items:center} /* wm-row: service rows - hover states for the pieces inside (number, title, text, DETAILS, arrow circle) */ body .elementor .wm-row .wm-num{transition:transform .15s cubic-bezier(.4,0,.2,1)} body .elementor .wm-row:hover .wm-num{transform:scale(1.1)} body .elementor .wm-row .elementor-heading-title{transition:color .15s cubic-bezier(.4,0,.2,1)} body .elementor .wm-row:hover .wm-title .elementor-heading-title,body .elementor .wm-row:hover .wm-det .elementor-heading-title{color:#ccff00} body .elementor .wm-row:hover .wm-desc .elementor-heading-title{color:#e5e5e5} /* ring dim + arrow white: Elementor's Framed view paints both in one colour, so the ring colour is forced here */ body .elementor .wm-circle .elementor-icon{border-color:rgba(255,255,255,.15)!important;transition:all .3s cubic-bezier(.4,0,.2,1)} body .elementor .wm-circle .elementor-icon svg{transition:transform .15s cubic-bezier(.4,0,.2,1)} body .elementor .wm-row:hover .wm-circle .elementor-icon{border-color:#ccff00!important;background:#ccff00;color:#000!important;fill:#000!important} body .elementor .wm-row:hover .wm-circle .elementor-icon svg{fill:#000!important;transform:translate(2px,-2px)} /* wm-group: hovering a card recolours children tagged wm-hl (lime) / wm-hl-white, reveals wm-reveal, grows wm-grow/wm-pop */ body .elementor .wm-group .elementor-heading-title{transition:color .15s cubic-bezier(.4,0,.2,1)} body .elementor .wm-group:hover .wm-hl .elementor-heading-title{color:#ccff00} body .elementor .wm-group:hover .wm-hl-white .elementor-heading-title{color:#fff} body .elementor .wm-group .wm-hl-icon .elementor-icon{transition:color .15s cubic-bezier(.4,0,.2,1),fill .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)} body .elementor .wm-group:hover .wm-hl-icon .elementor-icon,body .elementor .wm-group:hover .wm-hl-icon .elementor-icon svg{color:#ccff00!important;fill:#ccff00!important} body .elementor .wm-group:hover .wm-slide .elementor-icon{transform:translateX(4px)} body .elementor .wm-reveal{opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(.4,0,.2,1)} body .elementor .wm-group:hover .wm-reveal{opacity:1;transform:none} body .elementor .wm-fade-in{opacity:0;transition:all .15s cubic-bezier(.4,0,.2,1)} body .elementor .wm-group:hover .wm-fade-in{opacity:1;transform:scale(1.05)} body .elementor .wm-grow{transition:transform .15s cubic-bezier(.4,0,.2,1);transform-origin:left} body .elementor .wm-group:hover .wm-grow{transform:scale(1.05)} body .elementor .wm-pop{transition:all .3s} body .elementor .wm-group:hover .wm-pop{transform:scale(1.1);background-color:rgba(204,255,0,.1)!important} .wm-o80{opacity:.8} .wm-blur{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} .wm-clamp-2 .elementor-heading-title,.wm-clamp-3 .elementor-heading-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} .wm-clamp-2 .elementor-heading-title{-webkit-line-clamp:2} .wm-clamp-3 .elementor-heading-title{-webkit-line-clamp:3} /* 3-stop photo fade used on studio cards (Elementor gradients only take 2 stops) */ .wm-shade-charcoal{background-image:linear-gradient(to top,#09090d 0%,rgba(9,9,13,.3) 50%,rgba(9,9,13,0) 100%)} /* filter pills + segmented toggles: active state (the class is-active is moved by the site script) */ body .elementor .wm-filter .elementor-button{transition:all .3s cubic-bezier(.4,0,.2,1)} body .elementor .wm-filter-faq .elementor-button{transition-duration:.2s} body .elementor .wm-filter.is-active .elementor-button,body .elementor .wm-filter.is-active .elementor-button:hover,body .elementor .wm-filter.is-active .elementor-button:focus{background-color:#ccff00!important;color:#000!important;fill:#000!important;font-weight:600;border-width:0;box-shadow:0 0 15px rgba(204,255,0,.2)} body .elementor .wm-seg.is-active .elementor-button{background-color:#ccff00;color:#000;font-weight:600} body .elementor .wm-group:hover .wm-hl-n400 .elementor-heading-title{color:#a1a1a1} /* AI waveform bars (HTML widget) */ .wm-bars i{display:block;width:6px;border-radius:9999px;transition:all .15s} /* Icon widget: box = icon size (no text line-box around it) */ body .elementor .elementor-widget-icon .elementor-icon-wrapper{line-height:0} body .elementor .elementor-widget-icon .elementor-icon{vertical-align:top} body .elementor .wm-ring{transition:border-color .15s} body .elementor .wm-group:hover .wm-ring{border-color:rgba(204,255,0,.5)!important} /* states driven by the site script */ body .elementor .wm-audio-toggle.is-on .elementor-button{border-color:rgba(204,255,0,.4);background-color:rgba(204,255,0,.1);color:#ccff00;fill:#ccff00} .elementor-button-icon.wm-pulse svg{animation:wm-pulse 2s cubic-bezier(.4,0,.6,1) infinite} .elementor-button-icon.wm-spin svg{animation:wm-spin 1s linear infinite} @media(min-width:768px){ [data-wm-grid="studio"].is-filtered>[data-wm-cat]{grid-column:span 1!important} [data-wm-grid="studio"].is-filtered>.wm-first{grid-column:span 2!important} } /* popup lists: service deliverables (boxed, 2 columns) and studio specs */ .wm-deliverables .elementor-icon-list-items,.wm-specs .elementor-icon-list-items{display:grid;grid-template-columns:1fr;gap:10px} .wm-specs .elementor-icon-list-items{gap:8px} @media(min-width:640px){.wm-deliverables .elementor-icon-list-items,.wm-specs .elementor-icon-list-items{grid-template-columns:repeat(2,minmax(0,1fr))}} body .elementor .wm-deliverables .elementor-icon-list-item{margin:0;padding:10px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)} body .elementor .wm-specs .elementor-icon-list-item{margin:0;padding:10px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)} .wm-deliverables .elementor-icon-list-item:after,.wm-specs .elementor-icon-list-item:after{display:none} /* wm-rise: fades up 16px over 1s when its section (data-wm-reveal) scrolls into view; wm-d150/wm-d300 = delay */ body .elementor .elementor-element.wm-rise{opacity:0;transform:translateY(16px);transition:all 1s cubic-bezier(.4,0,.2,1)} body .elementor .is-in .elementor-element.wm-rise,body.elementor-editor-active .elementor .elementor-element.wm-rise{opacity:1;transform:none} body .elementor .elementor-element.wm-d150{transition-delay:150ms} body .elementor .elementor-element.wm-d300{transition-delay:300ms} /* ===================== v2 (live layout) ===================== */ /* hero overlays (3-stop gradients / radial circle / scanlines - beyond Elementor's 2-stop gradients) */ .wm-hero-fade{background-image:linear-gradient(to top,#070709 0%,rgba(7,7,9,.7) 50%,rgba(0,0,0,0) 100%)} .wm-hero-vignette{background-image:radial-gradient(circle,rgba(0,0,0,0) 0%,rgba(7,7,9,.6) 50%,#070709 100%)} .wm-scanlines{background-image:linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,.4) 51%);background-size:100% 4px;opacity:.25} .wm-contact-fade{background-image:linear-gradient(to top,#070709 0%,rgba(7,7,9,.8) 50%,#070709 100%)} /* hero "96kHz MASTER FEED" pill */ .wm-feed{display:flex;align-items:center;gap:10px;font:12px/16px "WM Mono",monospace;color:#ccff00;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:9999px;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)} .wm-feed-bars{display:flex;align-items:flex-end;gap:4px;height:12px;width:20px} .wm-feed-bars span{width:4px;background:#ccff00;border-radius:9999px} .wm-feed-bars .b1{animation:audioPulse1 .9s ease-in-out infinite}.wm-feed-bars .b3{animation:audioPulse3 1.2s ease-in-out infinite} .wm-feed-bars .b2{animation:audioPulse2 .75s ease-in-out infinite}.wm-feed-bars .b4{animation:audioPulse4 1.05s ease-in-out infinite} .wm-feed-t{color:#a1a1a1;font-size:11px;line-height:1.33333;letter-spacing:.05em;text-transform:uppercase} @keyframes audioPulse1{0%,100%{height:6px}50%{height:26px}} @keyframes audioPulse2{0%,100%{height:18px}50%{height:8px}} @keyframes audioPulse3{0%,100%{height:10px}50%{height:28px}} @keyframes audioPulse4{0%,100%{height:22px}50%{height:12px}} /* service rows v2: slide right + lime edge bar on hover */ body .elementor .e-con.wm-row2{transition:all .3s cubic-bezier(.4,0,.2,1)} body .elementor .e-con.wm-row2:hover{transform:translateX(4px)} @media(min-width:640px){body .elementor .e-con.wm-row2:hover{transform:translateX(8px)}} body .elementor .e-con.wm-rowbar{position:absolute!important;left:0;top:0;bottom:0;width:4px!important;min-height:0;padding:0;background:#ccff00;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)} body .elementor .wm-row2:hover .e-con.wm-rowbar{transform:scaleY(1)} body .elementor .wm-row2:hover .wm-circle .elementor-icon{box-shadow:0 0 20px rgba(204,255,0,.35)} /* card lifts */ body .elementor .e-con.wm-lift{transition:all .5s cubic-bezier(.4,0,.2,1)} body .elementor .e-con.wm-lift:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.7)} body .elementor .e-con.wm-lift-work{transition:all .5s cubic-bezier(.4,0,.2,1)} body .elementor .e-con.wm-lift-work:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(204,255,0,.15)} body .elementor .e-con.wm-lift-sm{transition:all .3s cubic-bezier(.4,0,.2,1)} body .elementor .e-con.wm-lift-sm:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(204,255,0,.12)} /* "WATCH ... EMBED" overlay centred on the photo */ body .elementor .e-con.wm-reveal-c{position:absolute!important;left:50%;top:50%;transform:translate(-50%,calc(-50% + 12px));opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:2} body .elementor .wm-group:hover .e-con.wm-reveal-c{opacity:1;transform:translate(-50%,-50%)} /* testimonials */ .wm-trole{opacity:.7;font-size:10px;line-height:13.3333px} body .elementor .wm-tchip{cursor:default;transition:all .15s cubic-bezier(.4,0,.2,1)} body .elementor .wm-tchip:not(.is-active):hover{border-color:rgba(255,255,255,.2)!important} body .elementor .wm-tchip:not(.is-active):hover .elementor-heading-title{color:#fff} body .elementor .wm-tchip.is-active{background-color:#ccff00!important;border-color:#ccff00!important;box-shadow:0 0 15px rgba(204,255,0,.3)} body .elementor .wm-tchip .elementor-heading-title{transition:color .15s cubic-bezier(.4,0,.2,1)} body .elementor .wm-tchip.is-active .elementor-heading-title{color:#000;font-weight:700} body .elementor .e-con.wm-tcard{transition:all .5s} body .elementor .e-con.wm-tcard:not(.is-on){display:none} .wm-dots{display:flex;align-items:center;gap:8px;margin-right:8px} .wm-dot{height:8px;width:8px;padding:0;border:0;border-radius:9999px;background:rgba(255,255,255,.2);cursor:default;transition:all .15s cubic-bezier(.4,0,.2,1)} .wm-dot:hover{background:rgba(255,255,255,.4)} .wm-dot.is-on{width:32px;background:#ccff00} body .elementor .wm-tarrow{cursor:default} body .elementor .wm-tarrow:active{transform:scale(.95)} /* FAQ accordion */ body .elementor .e-con.wm-faq:not(.is-open) .e-con.wm-faq-a{display:none} body .elementor .wm-faq-chev{transition:transform .3s cubic-bezier(.4,0,.2,1)} body .elementor .wm-faq.is-open .wm-faq-chev{transform:rotate(180deg);background-color:#ccff00!important;border-color:rgba(255,255,255,.1)!important} body .elementor .wm-faq.is-open .wm-faq-chev .elementor-icon,body .elementor .wm-faq.is-open .wm-faq-chev .elementor-icon svg{color:#000!important;fill:#000!important} body .elementor .wm-faq:not(.is-open) .wm-faq-q:hover .wm-faq-chev .elementor-icon svg{fill:#fff!important} body .elementor .wm-faq-chev .elementor-icon,body .elementor .wm-faq-chev .elementor-icon svg{transition:none!important} body .elementor .wm-filter-faq.is-active .elementor-button{box-shadow:0 0 15px rgba(204,255,0,.25);padding-top:7px;padding-bottom:7px} /* filtered FAQ list: the first visible question has no divider above it (like Tailwind divide-y) */ [data-wm-grid="faq"]>.wm-first{border-top-width:0!important} /* project popup media: video or photo */ .wm-pm-media[data-wm-pmedia="video"] .wm-pm-photo,.wm-pm-media[data-wm-pmedia="photo"] .wm-pm-video{display:none!important} body .elementor .wm-pm-seg:not(.is-active) .elementor-button{background-color:transparent!important;color:#a1a1a1!important;fill:#a1a1a1!important;font-weight:400!important} body .elementor .wm-pm-seg:not(.is-active) .elementor-button:hover{color:#fff!important;fill:#fff!important} body .elementor .wm-pm-seg.is-active .elementor-button{background-color:#ccff00!important;color:#000!important;fill:#000!important;font-weight:600!important} /* ===================== hover / focus / motion parity ===================== */ /* buttons ease like Tailwind (duration comes from each button's Hover > Transition Duration) */ body .elementor-button{transition-timing-function:cubic-bezier(.4,0,.2,1)} /* linked headings (footer email / phone ...) fade their hover colour */ body .elementor-heading-title a{transition:color .15s cubic-bezier(.4,0,.2,1)} /* live