.personal-desktop-nav{display:none}
@media(min-width:761px){
 .personal-hero{--header-space:140px;padding-top:calc(var(--header-space) + 4vw);min-height:calc(62.75vw + var(--header-space))}
 .personal-art{top:var(--header-space)}
 .personal-hero .ribbon-motion{top:var(--header-space);height:calc(100% - var(--header-space))}
 .personal-header{position:absolute;top:30px;left:5.7vw;right:5.7vw;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:32px;align-items:center;margin-bottom:0}
 .personal-header .identity{font-size:24px;letter-spacing:.14em;white-space:nowrap}
 .personal-header .identity span{display:block;font-size:10px;letter-spacing:.1em;margin-top:9px}
 .personal-desktop-nav{display:flex;justify-content:flex-end;align-items:center;gap:clamp(14px,1.5vw,24px);font-family:var(--sans)}
 .personal-desktop-nav a,.personal-desktop-nav button{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:10px 0;font-size:14px;line-height:1.6;text-decoration:none;white-space:nowrap;border-bottom:1px solid transparent}
 .personal-desktop-nav a:hover,.personal-desktop-nav button:hover{border-bottom-color:currentColor}
 .personal-header .role{grid-column:1/-1;margin-top:18px}
 .personal-header .menu-toggle,.personal-header #menu{display:none!important}
}
@media(min-width:761px) and (max-width:1199px){
 .personal-hero{--header-space:210px}
 .personal-header{grid-template-columns:1fr;gap:0}
 .personal-header .identity span{display:inline;font-size:.6em;letter-spacing:.06em;margin-top:0}
 .personal-header .role{grid-row:2;margin-top:10px}
 .personal-desktop-nav{justify-content:flex-start;flex-wrap:wrap;column-gap:24px;row-gap:0;margin-top:18px}
}