.hero-split{width:100%;max-width:none;height:calc(60vh + 60px);padding:60px 0 0;margin:0;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.hero-container{width:100%;height:100%;position:relative}.side{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.side.designer{background:linear-gradient(to right,#fdf6ee,#f7f8fa);z-index:2;clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.side.coder{background:linear-gradient(to right,#fdf6ee,#f7f8fa);color:var(--text-main);z-index:1}.hero-text{position:absolute;z-index:10;transition:opacity .1s ease;pointer-events:none}.hero-container{cursor:pointer}.hero-text-designer{top:80px;left:48px;text-align:center}.hero-text-coder{top:80px;right:48px;text-align:center}.hero-text h2{font-weight:300;font-size:.75rem;text-transform:uppercase;letter-spacing:4px;margin-bottom:8px;color:var(--text-muted)}.hero-text h1{font-size:clamp(1.8rem,4vw,3.2rem);margin-bottom:12px}.hero-text-coder h1{font-weight:700}.hero-subtitle{font-size:.9rem;font-weight:400;color:var(--text-muted);max-width:280px;margin-left:auto;margin-right:auto;line-height:1.5}.divider{position:absolute;top:0;left:50%;width:1px;height:100%;background:#00000014;z-index:3;transform:translate(-50%);pointer-events:none;opacity:0}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;will-change:transform,opacity}.hero-bg-coder{background-image:url(/images/bg-coder.png);background-size:25%;background-position:90% 80%;z-index:0;opacity:.15}.hero-bg-designer{background-image:url(/images/bg-designer.png);background-size:25%;background-position:10% 80%;z-index:1;opacity:.15}.portrait{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:100%;width:auto;z-index:5;will-change:transform;pointer-events:none;object-fit:contain}@media(max-width:768px){.hero-text-designer{top:90px;left:20px}.hero-text-coder{top:90px;right:20px}.hero-subtitle{font-size:.8rem;max-width:160px}.hero-bg-coder,.hero-bg-designer{background-size:50%}}