:root{--paper:#f7f7f5;--ink:#050505;--muted:#05050580;--faint:#05050529;--hairline:#05050524;--panel:#f7f7f5c7}*{box-sizing:border-box}html,body{background:var(--paper);width:100%;min-height:100%;color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,a{font:inherit}button{color:inherit}button:focus-visible{outline:1px solid var(--ink);outline-offset:-2px}.portfolio-shell{background:var(--paper);width:100vw;height:100dvh;position:relative;overflow:hidden}.scene-layer,.brain-canvas{width:100%;height:100%;inset:0;position:absolute!important}.scene-layer{transition:filter .48s,opacity .48s}.has-selection .scene-layer{filter:contrast(.98)}.intro-overlay{z-index:50;cursor:pointer;background:#f7f7f514;border:0;padding:0;position:fixed;inset:0}.intro-identity{letter-spacing:.115em;text-transform:uppercase;opacity:0;pointer-events:none;justify-content:space-between;width:min(860px,100vw - 60px);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:8px;animation:.62s .12s forwards riseIn;display:flex;position:absolute;top:28px;left:50%;transform:translate(-50%)}.intro-identity span:last-child{opacity:.42}.intro-banner{-webkit-backdrop-filter:blur(18px)saturate(0%);text-align:left;opacity:0;pointer-events:none;background:#f7f7f5d1;border:1px solid #05050533;width:min(860px,100vw - 60px);min-height:150px;padding:21px 24px 23px;animation:.76s cubic-bezier(.2,.78,.2,1) .52s forwards bannerIn;position:absolute;bottom:clamp(28px,6.5vh,68px);left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000006}.intro-kicker,.section-label,.top-chrome,.bottom-chrome,.sidebar-footer,.detail-count,.detail-topline,.region-hud>span,.region-hud>small{letter-spacing:.115em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.intro-kicker{opacity:.46;margin-bottom:19px;font-size:8px;display:block}.intro-banner h1{letter-spacing:-.052em;max-width:calc(100% - 200px);margin:0;font-size:clamp(36px,4.3vw,60px);font-weight:430;line-height:.92}.intro-enter{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;animation:1.8s ease-in-out 1.8s infinite softPulse;display:flex;position:absolute;bottom:24px;right:24px}.intro-enter i{border:1px solid var(--ink);letter-spacing:0;border-radius:50%;place-items:center;width:29px;height:29px;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;display:grid}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes softPulse{0%,to{opacity:.32}50%{opacity:.82}}.sidebar{z-index:20;border:1px solid var(--hairline);-webkit-backdrop-filter:blur(18px)saturate(0%);opacity:0;pointer-events:none;background:#f7f7f5a8;flex-direction:column;width:316px;padding:17px;transition:opacity .6s,transform .6s;display:flex;position:absolute;inset:20px auto 20px 20px;transform:translate(-12px)}.sidebar.is-visible{opacity:1;pointer-events:auto;transform:translate(0)}.brand{border:0;border-bottom:1px solid var(--hairline);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:11px;width:100%;padding:0 0 17px;display:flex}.brand>span{aspect-ratio:1;border:1px solid var(--ink);letter-spacing:-.03em;border-radius:50%;place-items:center;width:31px;font-size:10px;font-weight:700;display:grid}.brand div{gap:2px;display:grid}.brand strong{letter-spacing:.03em;font-size:11px}.brand small{letter-spacing:.075em;opacity:.46;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.nav-heading{text-transform:uppercase;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 7px 10px;font-family:SFMono-Regular,Consolas,monospace;display:flex}.nav-heading span{letter-spacing:.1em;font-size:8px}.nav-heading small{letter-spacing:.07em;text-align:right;opacity:.35;max-width:105px;font-size:6px;line-height:1.45}.region-nav{scrollbar-width:thin;scrollbar-color:#0505052e transparent;flex:1;min-height:0;margin-right:-7px;padding-right:7px;overflow-y:auto}.region-nav::-webkit-scrollbar{width:3px}.region-nav::-webkit-scrollbar-thumb{background:#0505052e}.region-link{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #05050513;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;width:100%;padding:11px 7px;transition:background .18s,padding-left .18s;display:grid;position:relative}.region-link:hover,.region-link.is-active{background:#0505050b;padding-left:11px}.region-link.is-active:after{content:"";background:var(--ink);width:1px;position:absolute;top:9px;bottom:9px;left:0}.region-index{opacity:.35;padding-top:2px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.region-main{gap:4px;display:grid}.region-main strong{letter-spacing:-.01em;font-size:11px;font-weight:600}.region-main small{opacity:.43;font-size:9px}.region-toggle{align-items:center;gap:8px;padding-right:2px;display:flex}.region-toggle small{opacity:.32;font-family:SFMono-Regular,Consolas,monospace;font-size:7px}.region-toggle i{opacity:.52;font-size:12px;font-style:normal;line-height:1;transition:transform .22s;display:inline-block;transform:translateY(-1px)}.region-group.is-expanded .region-toggle i{transform:rotate(180deg)translateY(1px)}.region-nodes{background:#05050505;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.2,.78,.2,1);display:grid}.region-nodes>div{min-height:0;overflow:hidden}.region-group.is-expanded .region-nodes{grid-template-rows:1fr}.node-nav-link{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0505050e;grid-template-columns:27px 1fr 15px;align-items:center;gap:7px;width:100%;padding:9px 8px 9px 14px;transition:padding-left .18s,background .18s;display:grid}.node-nav-link:hover,.node-nav-link.is-selected{background:#0505050b;padding-left:19px}.node-nav-link>span:first-child{opacity:.28;font-family:SFMono-Regular,Consolas,monospace;font-size:7px}.node-nav-link>span:nth-child(2){gap:2px;display:grid}.node-nav-link strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:550;overflow:hidden}.node-nav-link small{opacity:.38;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.node-nav-link i{opacity:0;font-size:10px;font-style:normal;transition:opacity .16s,transform .16s;transform:translate(-3px)}.node-nav-link:hover i,.node-nav-link.is-selected i{opacity:.64;transform:translate(0)}.overview-link{border-top:1px solid #05050513;margin-bottom:4px}.sidebar-footer{border-top:1px solid var(--hairline);opacity:.42;gap:7px;margin-top:10px;padding-top:14px;font-size:7px;line-height:1.4;display:grid}.top-chrome,.bottom-chrome{z-index:8;opacity:0;pointer-events:none;justify-content:space-between;font-size:7px;transition:opacity .7s .22s;display:flex;position:absolute;left:361px;right:22px}.top-chrome.is-visible,.bottom-chrome.is-visible{opacity:.43}.top-chrome{top:24px}.bottom-chrome{bottom:24px}.node-label{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:max-content;color:var(--ink);background:#f7f7f5d6;border:1px solid #05050529;gap:3px;padding:7px 9px;display:grid;transform:translateY(-30px);box-shadow:0 8px 24px #0000000a}.node-label span{letter-spacing:.08em;text-transform:uppercase;opacity:.44;font-family:SFMono-Regular,Consolas,monospace;font-size:7px}.node-label strong{font-size:10px;font-weight:600}.region-hud{z-index:9;pointer-events:none;width:min(330px,28vw);animation:.42s both hudIn;position:absolute;top:50%;right:34px;transform:translateY(-50%)}.region-hud>span,.region-hud>small{opacity:.42;font-size:8px}.region-hud h2{letter-spacing:-.045em;margin:11px 0 12px;font-size:clamp(26px,3vw,46px);font-weight:450;line-height:.98}.region-hud p{opacity:.58;max-width:300px;margin:0 0 17px;font-size:12px;line-height:1.6}@keyframes hudIn{0%{opacity:0;transform:translateY(calc(8px - 50%))}to{opacity:1;transform:translateY(-50%)}}.detail-panel{z-index:30;border:1px solid var(--hairline);background:var(--panel);-webkit-backdrop-filter:blur(26px)saturate(0%);width:min(470px,100vw - 380px);min-width:390px;padding:23px 25px 19px;animation:.42s cubic-bezier(.2,.78,.2,1) both panelIn;position:absolute;inset:20px 20px 20px auto;overflow:auto;box-shadow:-24px 0 70px #00000009}@keyframes panelIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.detail-topline{border-bottom:1px solid var(--hairline);opacity:.55;justify-content:space-between;align-items:center;padding-bottom:16px;font-size:8px;display:flex}.detail-topline button{font-family:inherit;font-size:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0}.detail-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:54px;display:flex}.detail-heading h2{letter-spacing:-.058em;max-width:330px;margin:0;font-size:clamp(38px,4.3vw,63px);font-weight:450;line-height:.92}.detail-heading>span{opacity:.45;white-space:nowrap;padding-bottom:5px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.detail-summary{letter-spacing:-.015em;margin:29px 0 0;font-size:16px;line-height:1.42}.detail-copy{opacity:.6;margin:18px 0 0;font-size:12px;line-height:1.72}.tag-row{flex-wrap:wrap;gap:6px;margin-top:24px;display:flex}.tag-row span{letter-spacing:.055em;text-transform:uppercase;border:1px solid #0505052b;padding:6px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:7px}.detail-section{border-top:1px solid var(--hairline);margin-top:38px;padding-top:17px}.section-label{opacity:.42;font-size:7px}.detail-section ul{gap:12px;margin:17px 0 0;padding:0;list-style:none;display:grid}.detail-section li{padding-left:17px;font-size:11px;line-height:1.5;position:relative}.detail-section li:before{content:"";background:var(--ink);width:5px;height:1px;position:absolute;top:.56em;left:0}.related-links{margin-top:10px;display:grid}.related-links button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #05050514;grid-template-columns:22px 1fr;gap:4px;width:100%;padding:10px 0;font-size:10px;transition:padding-left .16s,opacity .16s;display:grid}.related-links button:hover{opacity:.56;padding-left:7px}.detail-count{opacity:.32;margin-top:40px;font-size:7px}@media (max-width:900px){.sidebar{width:auto;height:auto;max-height:62dvh;padding:11px 12px;inset:12px 12px auto}.has-selection .sidebar{opacity:0;pointer-events:none;transform:translateY(-12px)}.brand{padding-bottom:10px}.brand div small,.sidebar-footer{display:none}.nav-heading{padding:12px 7px 8px}.region-nav{margin-right:-4px;padding-right:4px;overflow-y:auto}.region-link{width:100%;padding:9px 7px;display:grid}.region-link.is-active,.region-link:hover{padding-left:11px}.region-main strong{font-size:10px}.top-chrome,.bottom-chrome{display:none}.region-hud{text-align:right;width:min(310px,100vw - 36px);top:auto;bottom:22px;right:18px;transform:none}.region-hud p{margin-left:auto}@keyframes hudIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.detail-panel{width:auto;min-width:0;max-height:58dvh;padding:18px 18px 16px;inset:auto 12px 12px}.detail-heading{margin-top:28px}.detail-heading h2{font-size:clamp(34px,10vw,52px)}}@media (max-width:560px){.intro-identity{width:calc(100vw - 28px);font-size:7px;top:19px}.intro-banner{width:calc(100vw - 28px);min-height:0;padding:17px 18px 18px;bottom:16px}.intro-kicker{margin-bottom:14px;font-size:7px}.intro-banner h1{max-width:none;font-size:clamp(35px,11.5vw,48px)}.intro-enter{justify-content:flex-end;margin-top:24px;position:static}.brand>span{width:27px}.brand strong{font-size:9px}.nav-heading small{display:none}.detail-summary{font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}