/*! Original portfolio code © 2026 Tala Salman. All rights reserved. */
.who-outline-toggle{position:fixed;top:50%;left:max(0px,env(safe-area-inset-left,0px));z-index:210;display:grid;width:32px;min-height:108px;padding:16px 0;place-items:center;border:1px solid var(--border);border-left:0;border-radius:0 18px 18px 0;background:var(--control-bg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-muted);transform:translateY(-50%);cursor:pointer;touch-action:manipulation}.who-outline-toggle:before{content:"";position:absolute;inset:0 -12px 0 0}.who-outline-toggle[hidden]{display:none}.who-outline-toggle__marks{display:grid;justify-items:center;gap:8px}.who-outline-toggle__marks span{display:block;width:8px;height:1.5px;border-radius:1px;background:currentColor;opacity:.45;transition:opacity .16s ease,transform .16s ease}.who-outline-toggle__marks [data-active=true]{color:var(--text-strong);opacity:1;transform:scaleX(1.5)}.who-outline-toggle:hover,.who-outline-toggle:focus-visible{border-color:var(--border-strong);background:var(--surface-hover)}.who-outline-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}html.has-who-outline,html.has-who-outline body{overflow:hidden}.has-reveal .who-reveal.is-outline-target{opacity:1;transform:none;transition:none}@media(min-width:901px){.who-main>.who-hero,.who-main h1,.who-main h2,.who-statement__body{scroll-margin-top:100px}}.who-outline{--outline-padding: 12px;box-sizing:border-box;position:fixed;inset:50% auto auto 12px;width:min(244px,calc(100vw - 24px));max-width:none;height:auto;max-height:calc(100dvh - 32px);margin:0;padding:max(var(--outline-padding),env(safe-area-inset-top,0px)) var(--outline-padding) max(var(--outline-padding),env(safe-area-inset-bottom,0px)) max(var(--outline-padding),env(safe-area-inset-left,0px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:14px;transform:translateY(-50%);z-index:211;background:var(--surface-1);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(28px) saturate(118%);backdrop-filter:blur(28px) saturate(118%);color:var(--text-color)}.who-outline::backdrop{background:#0000002e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.who-outline[open]{animation:who-outline-enter .24s var(--ease-out)}.who-outline[open]::backdrop{animation:who-outline-backdrop-enter .24s ease-out}.who-outline__header{height:0}.who-outline__header h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.who-outline__close{position:absolute;top:12px;right:8px;display:grid;width:36px;height:36px;padding:9px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text-muted)}.who-outline__close svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.who-outline__close:hover{background:var(--surface-hover);color:var(--text-strong)}.who-outline__links{display:grid;gap:0}.who-outline__links a{display:flex;align-items:center;box-sizing:border-box;min-width:0;min-height:38px;padding:8px;color:var(--text-soft);font-size:14px;font-weight:400;line-height:1.4;letter-spacing:var(--track-tight);text-decoration:none;overflow-wrap:anywhere}.who-outline__links a:first-child{padding-right:36px}@media(hover:hover)and (pointer:fine){.who-outline{left:36px}}@media(hover:none),(pointer:coarse){.who-outline__links a{min-height:44px}.who-outline__close{width:44px;height:44px}}.who-outline__links a:hover,.who-outline__links a:focus-visible,.who-outline__links a[aria-current=location]{color:var(--text-strong)}.who-outline__links a[aria-current=location]{font-weight:500}.who-outline__close:focus-visible,.who-outline__links a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}html.has-who-outline body,html.has-who-outline .who-outline,html.has-who-outline .who-outline *{cursor:auto}html.has-who-outline .who-outline button,html.has-who-outline .who-outline a{cursor:pointer}html.has-who-outline .who-outline::backdrop{cursor:auto}html.has-who-outline .custom-cursor,html.has-who-outline .cursor-hint{visibility:hidden}@keyframes who-outline-enter{0%{opacity:0;transform:translate(-8px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes who-outline-backdrop-enter{0%{background-color:transparent}to{background-color:#0000002e}}@media(prefers-reduced-motion:reduce){.who-outline-toggle__marks span{transition:none}.who-outline[open],.who-outline[open]::backdrop{animation:none}}