.split{cursor:default;width:100vw;height:100vh;display:flex;overflow:hidden}.panel{cursor:pointer;width:50%;height:100%;transition:width .7s cubic-bezier(.76,0,.24,1);position:relative;overflow:hidden}.split:has(.panel:hover) .panel{width:40%}.split:has(.panel:hover) .panel:hover{width:60%}.panel--eng{background:var(--bg-eng)}.panel--eng .bg-img{opacity:.18;background-image:url(https://mskwqqbigtauakojpyhn.supabase.co/storage/v1/object/public/covers/Gemini_Generated_Image_hwg7nmhwg7nmhwg7.png);background-position:50%;background-size:cover;transition:transform .9s cubic-bezier(.76,0,.24,1),opacity .7s;position:absolute;inset:0}.panel--eng:hover .bg-img{opacity:.25;transform:scale(1.03)}.panel--eng .panel-overlay{background:linear-gradient(270deg,#0e0e0e80 0%,#0e0e0e33 50%,#0e0e0e66 100%);position:absolute;inset:0}.panel--creative .bg-img{background-image:url(https://knlwzjvuqipjrjpgnovc.supabase.co/storage/v1/object/public/portfolio/Images/Random/HaleakalaSunrisePortrait_1.jpg);background-position:50%;background-size:cover;transition:transform .9s cubic-bezier(.76,0,.24,1);position:absolute;inset:0}.panel--creative:hover .bg-img{transform:scale(1.03)}.panel--creative .panel-overlay{background:linear-gradient(90deg,#00000073 0%,#0000001a 50%,#0003 100%);transition:background .7s;position:absolute;inset:0}.panel--creative:hover .panel-overlay{background:linear-gradient(90deg,#0003 0%,#0000000d 50%,#00000026 100%)}.divider{z-index:10;pointer-events:none;background:#ffffff1f;width:1px;transition:left .7s cubic-bezier(.76,0,.24,1),opacity .4s;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.split:has(.panel--eng:hover) .divider{opacity:.06;left:60%}.split:has(.panel--creative:hover) .divider{opacity:.06;left:40%}.site-name{text-align:center;z-index:20;pointer-events:none;letter-spacing:.25em;font-size:11px;font-family:var(--sans);color:#fff;text-transform:uppercase;text-shadow:0 1px 8px #0009;font-weight:500;position:fixed;top:36px;left:0;right:0}.panel__content{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex;position:relative}.panel__heading{color:#ffffffe6;text-transform:uppercase;letter-spacing:.15em;margin-bottom:20px;font-size:clamp(28px,3.5vw,52px);font-weight:400;line-height:1.1}.panel__sub{font-family:var(--sans);letter-spacing:.1em;color:#ffffff8c;font-size:12px;transition:color .4s,transform .4s;transform:translateY(4px)}.panel:hover .panel__sub{color:#fffc;transform:translateY(0)}.panel__enter{font-family:var(--sans);letter-spacing:.35em;text-transform:uppercase;color:#ffffffa6;white-space:nowrap;text-shadow:0 1px 6px #00000080;font-size:10px;transition:color .4s,transform .5s;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.panel:hover .panel__enter{color:#fffffff2;transform:translate(-50%)translateY(-4px)}@media (max-width:768px){.split{flex-direction:column}.panel{height:50vh;width:100%!important}.divider{display:none}.split:has(.panel:hover) .panel{width:100%}.site-name{mix-blend-mode:normal}}