.elementor-1520 .elementor-element.elementor-element-4dcf4ef{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-4dcf4ef */.elementor-1520 .elementor-element.elementor-element-4dcf4ef{
    background-color: var(--bg)
}/* End custom CSS */
/* Start custom CSS */:root {
            color-scheme: dark;
            --bg: #0b0b0b;
            --fg: #f3f3f3;
            --accent: oklch(0.7236 0.1871 49.09);
            --white: #ffffff;
            --ease: cubic-bezier(0.85, 0.09, 0.602, 0.997);
            --transition-ms: 234ms;
            /* --scale-ease: linear(0, 0.337 2.3%, 0.618 4.6%, 0.867 7.1%, 1.072 9.7%, 1.233 12.4%, 1.299 13.8%, 1.358 15.3%, 1.406 16.8%, 1.446 18.4%, 1.475 20%, 1.497 21.7%, 1.506 22.8%, 1.512 23.9%, 1.514 25%, 1.514 26.2%, 1.51 27.4%, 1.504 28.7%, 1.494 30.1%, 1.481 31.5%, 1.455 33.8%, 1.421 36.4%, 1.25 47.8%, 1.174 53.4%, 1.138 56.5%, 1.108 59.5%, 1.081 62.6%, 1.059 65.7%, 1.042 68.7%, 1.028 71.9%, 1.017 75.3%, 1.009 78.9%, 1.004 82.6%, 1.001 86.8%, 1); */
            --scale-ease: cubic-bezier(0.1, 0, 0, 2)
        }

        *, *::before, *::after {
            box-sizing: border-box;
        }

        #text {
            font-family: "Raleway", sans-serif;
            font-optical-sizing: auto;
            line-height: 1;
            transition: background var(--transition-ms) var(--ease);
            color: var(--white);
        }

        #text:has(.email:hover) {
            background-color: var(--accent);
            cursor: pointer;
        }
        
        #text:has(.email:hover) .mid {
            opacity: 0.05 !important;
            /* font-weight: 500 !important; */
        }

        #text {
            width: 100%;
            height: 100vh;
            padding: clamp(1rem, 6vw, 4rem);
            
            /* Typography */
            font-size: 1em;
            line-height: 1.15em;
            letter-spacing: -0.02em;
            font-weight: 600;
            text-transform: uppercase;
            overflow: hidden;
        }

        .line {
            display: inline;
            padding-right: 0.25ch;
            transition: opacity var(--transition-ms) var(--ease), background-color var(--transition-ms) var(--ease), letter-spacing var(--transition-ms) var(--scale-ease);
            will-change: opacity, font-weight;
            user-select: none;
            cursor: default;
        }

        .name {
            color: var(--white);
            font-weight: 800;
        }

        .mid {
            opacity: 0.25;
        }

        .mid:hover {
            opacity: 1;
            /*font-weight: 700;*/
            /*letter-spacing: -0.0205em;*/
            background-color: var(--accent);
        }

        #text:has(.line:hover):not(:has(.email:hover)) .line:not(:hover):not(.name):not(.email) {
            /* font-weight: 500; */
            opacity: 0.06;
        }

        a.email {
            display: inline-block;
            color: var(--accent);
            text-decoration: none;
            font-weight: 700;
            cursor: pointer;
            transition: opacity var(--transition-ms) var(--ease), color var(--transition-ms) var(--ease), transform var(--transition-ms) var(--ease), font-weight calc(var(--transition-ms) * 2) var(--scale-ease) , letter-spacing var(--transition-ms) var(--scale-ease);
        }

        a.email:hover {
            color: var(--white);
            font-weight: 800;
        }
        
        a.email:active {
            transform: scale(0.9);
            transform-origin: center;
        }

        a.email:focus-visible {
            outline: 2px solid currentColor;
            outline-offset: 4px;
            border-bottom-color: transparent;
        }/* End custom CSS */