/* Selected study 03: split brand panel and navigation. */
dialog.split-menu{--split-gradient:linear-gradient(130deg,#a0f2bc 0%,#62dfc6 46%,#35bee9 100%);position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#030d10;color:#f4f8f6;overflow:hidden;box-shadow:none}
dialog.split-menu::backdrop{background:#000b;backdrop-filter:blur(7px)}
.split-shell{height:100%;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}
.split-top{position:relative;z-index:2;min-height:95px;flex-shrink:0;padding:22px 5%;display:flex;align-items:center;gap:30px;background:#030d10}
.split-brand{display:flex;align-items:center;min-height:44px}.split-top h2{font:13px var(--display);letter-spacing:.14em;color:#9dafb0;margin:0}
.split-top .language-switch{margin-left:auto}.split-top .language-switch button{font-size:15px}
.split-close{display:flex;align-items:center;gap:15px;background:none;border:0;padding:8px 0 8px 15px;font:12px var(--display);letter-spacing:.1em;min-height:44px}.split-close svg{width:27px;height:27px;color:#a0f2bc}.split-close:hover svg{filter:drop-shadow(0 0 5px #79e7bf88)}
.split-stage{flex:1;min-height:0;display:grid;grid-template-columns:44% 56%;grid-template-rows:1fr auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.split-identity{display:flex;flex-direction:column;justify-content:center;grid-row:1/3;padding:35px 10%;background:var(--split-gradient);color:#042420;min-height:100%;min-width:0}
.split-identity>span{font:11px var(--display);letter-spacing:.1em}.split-identity p{font:700 clamp(50px,6.8vw,106px)/.92 var(--display);letter-spacing:0;margin:28px 0;overflow-wrap:normal}.split-identity strong{font-size:14px;font-weight:700;letter-spacing:.12em}
.split-nav{position:relative;padding:20px 12% 0;min-width:0}.split-nav a{display:flex;align-items:center;gap:20px;border-bottom:1px solid #a0f2bc30;padding:10px 0;min-height:50px;transition:color .2s,border-color .2s}
.split-number{font:12px var(--display);color:#a0f2bc;letter-spacing:.08em}.split-word{font:700 clamp(28px,3.9vw,55px)/1 var(--display);min-width:0}
.split-word small{display:block;font:10px/1.5 var(--body);color:#9dafb0;letter-spacing:.06em;margin-top:6px}.split-nav a>svg{width:24px;height:24px;margin-left:auto;color:#a0f2bc;transition:transform .2s}.split-nav a:hover{color:#a0f2bc;border-color:#a0f2bc88}.split-nav a:hover>svg{transform:translate(3px,-3px)}
.split-secondary{display:flex;flex-wrap:wrap;gap:20px 25px;margin:0;padding:20px 12% 30px;min-width:0}.split-secondary a{font:14px var(--display);letter-spacing:.08em}.split-secondary small{display:block;font:10px/1.5 var(--body);color:#9dafb0;margin-top:5px}.split-secondary a:hover{color:#a0f2bc}
.split-menu.is-entered .split-identity{animation:split-brand-in .75s both}.split-menu.is-entered .split-nav{animation:split-nav-in .75s both}.split-menu.is-entered .split-nav a{animation:split-item-in .65s both;animation-delay:calc(var(--menu-index)*45ms)}
@keyframes split-brand-in{from{opacity:0;transform:translateX(-80px)}to{opacity:1;transform:none}}@keyframes split-nav-in{from{opacity:0;transform:translateX(80px)}to{opacity:1;transform:none}}@keyframes split-item-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.split-menu a:focus-visible,.split-menu button:focus-visible{outline:2px solid #a0f2bc;outline-offset:5px}
@media(max-width:699px){.split-top{min-height:79px;padding:16px 7%;gap:17px}.split-top .brand-mark{width:80px;height:32px}.split-top h2{font-size:11px}.split-top .language-switch{gap:5px}.split-top .language-switch button{font-size:13px}.split-close{padding-left:5px;gap:8px}.split-close span{display:none}.split-close svg{width:25px;height:25px}.split-stage{display:block}.split-identity{height:130px;min-height:0;padding:20px 7%;position:relative;justify-content:center}.split-identity>span{font-size:9px}.split-identity p{font-size:34px;line-height:.9;margin:10px 0 0}.split-identity strong{position:absolute;right:7%;bottom:23px;font-size:11px;max-width:36%;line-height:1.5;letter-spacing:.04em}.split-nav{padding:13px 7% 0}.split-word{font-size:30px;display:flex;align-items:center;gap:15px}.split-word small{font-size:9px;margin:0;letter-spacing:0}.split-nav a{padding:9px 0;min-height:50px;gap:15px}.split-nav a>svg{width:21px;height:21px}.split-secondary{padding:22px 7% 28px;gap:24px}.split-secondary a{font-size:13px}.split-secondary small{font-size:9px}}
@media(max-width:350px){.split-top{gap:12px}.split-top h2{font-size:10px}.split-top .brand-mark{width:72px}.split-top .language-switch{gap:4px}.split-word{font-size:27px;display:block}.split-word small{display:block;margin-top:4px;font-size:9px}.split-nav a{gap:11px}.split-secondary{gap:17px}.split-secondary small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.split-menu.is-entered .split-identity,.split-menu.is-entered .split-nav,.split-menu.is-entered .split-nav a{animation:none}.split-menu *{transition:none!important}}