*,:before,:after{box-sizing:border-box}html,body{color:#dfe9ee;background:#03070d;margin:0}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid #eddf9b}
@font-face{font-family:Michroma;src:url(/portfolio/fonts/Michroma-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/portfolio/fonts/Barlow-Regular.woff2)format("woff2");font-weight:400;font-display:swap}.portfolio-map{color:#dfe9ee;background:#03070d;min-width:1080px;height:100dvh;min-height:650px;font-family:Barlow,sans-serif;position:relative;overflow:hidden}.map-surface,.map-canvas,.map-labels{outline:none;position:absolute;inset:0}.map-canvas canvas{width:100%;height:100%;animation:.6s ease-out both chart-arrival;display:block}.map-labels{pointer-events:none}.map-labels span{text-shadow:0 0 2px #000,0 0 6px #000,0 2px 4px #000;color:#a8bfd0;white-space:nowrap;font-size:15px;position:absolute;transform:translate(-50%)}.map-labels .above{transform:translate(-50%,-100%)}.map-labels .focused{color:#ffe3a9}.map-header{pointer-events:none;flex-direction:column;width:260px;display:flex;position:absolute;top:28px;bottom:110px;left:36px}.map-header h1{font:20px Michroma,sans-serif}.map-header small{letter-spacing:2px;color:#8296a4;white-space:nowrap;margin-top:10px;font-size:11px;display:block}.map-contacts{gap:16px;margin-top:14px;display:flex}.map-contacts a{pointer-events:auto;color:#a8bcc9;border-bottom:1px solid #526775;padding-bottom:3px;font-size:14px;text-decoration:none}.map-contacts a:hover{color:#fff;border-color:#b2d7f3}.map-tagline{letter-spacing:2px;color:#7d95a6;pointer-events:none;font-size:12px;position:absolute;top:34px;right:36px}.map-invitation{margin-top:auto;padding-top:20px}.region-rim{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.region-rim text{letter-spacing:2px;text-transform:uppercase;opacity:.85;font:11px Barlow,sans-serif}.map-invitation p{margin-bottom:12px;font:18px Michroma,sans-serif}.map-invitation span{color:#93a7b6;font-size:14px;line-height:1.6;display:block}.map-story{border-left:2px solid var(--sector-color,#a9d5ff);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);pointer-events:none;background:linear-gradient(90deg,#07121df5,#07121d99);border-top:1px solid #92b6cf22;width:300px;padding:20px;position:absolute;top:30%;left:36px}.map-story small{color:var(--sector-color,#84b9e8);letter-spacing:1px;font-size:11px}.map-story h1{margin:16px 0;font:20px/1.5 Michroma,sans-serif}.map-story p{font-size:18px;line-height:1.6}.map-story>span{color:#8197a9;margin-top:20px;font-size:12px;display:block}.map-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;bottom:44px;left:36px;right:36px}.map-controls button{color:#dce7ef;cursor:pointer;background:#08131ddd;border:1px solid #526775;padding:9px 14px}.map-controls button:hover{border-color:#b2d7f3}.map-controls .explore-toggle{background:0 0;border:0;align-self:stretch;place-items:center;width:70px;padding:0;display:grid}.explore-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.map-credit{color:#627888;font-size:11px;position:absolute;bottom:15px;left:36px}.map-controls button[aria-pressed=true]{color:#fff;border-color:#aac4d5;box-shadow:inset 0 -2px #aac4d5}.map-labels .sector-label{letter-spacing:.35px;white-space:normal;text-align:center;width:124px;font:12px/1.35 Michroma,sans-serif;transform:translate(-50%,-50%)}.map-story{animation:.22s ease-out both resolve-story}.map-labels span{transition:color .16s,opacity .16s}.map-controls button{transition:border-color .16s,background .16s}.is-captured .map-surface{cursor:none}@keyframes resolve-story{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.map-story{animation:none}.map-labels span,.map-controls button{transition:none}}@keyframes chart-arrival{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.map-canvas canvas{animation:none}}.experience-index:not([hidden]){background:0 0;grid-template-columns:repeat(3,minmax(150px,1fr));gap:6px;padding:12px;animation:.18s ease-out both resolve-story;display:grid;position:absolute;bottom:calc(100% + 12px);left:0}.experience-index button{text-align:left;text-shadow:0 1px 4px #000;background:0 0;border:0}.experience-index button:hover,.experience-index button[aria-pressed=true]{color:#fff;box-shadow:none;text-underline-offset:5px;text-decoration:underline}.core-entry{color:#a8bfd0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;width:94px;height:94px;position:absolute;transform:translate(-50%,-50%)}.is-captured .core-entry{pointer-events:none}.core-entry:hover,.core-entry:focus-visible{border-color:#a8bfd066;outline:none}.core-entry span{white-space:nowrap;letter-spacing:2px;font:10px Barlow,sans-serif;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%)}.map-labels .sector-label{opacity:.72}.map-labels .sector-label.is-featured{opacity:1;text-shadow:0 0 12px #acd8ff66,0 0 2px #000,0 0 6px #000;font-size:13px}.project-brief{width:350px;top:23%}.project-brief p{font-size:16px;line-height:1.5}.story-points{margin:22px 0 0;padding:0;list-style:none}.story-points button{text-align:left;color:#95a8b6;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-left:2px solid #52677555;width:100%;margin:4px 0;padding:7px 0 7px 12px;font-size:15px;transition:color .14s,border-color .14s,background .14s;display:block}.story-points button:hover{color:#dfe9ee}.story-points button.active{color:#eef7ff;border-color:var(--sector-color);background:#9dcfff12}.story-detail{width:330px;top:28%;left:auto;right:36px}.story-detail h2{margin:16px 0;font:18px/1.5 Michroma,sans-serif}.story-detail p{font-size:16px;line-height:1.65}.intro-dialog{color:#dfe9ee;background:#09121bf5;border:1px solid #526775;width:520px;max-height:80vh;margin:auto;padding:44px;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 100px #0009}.intro-dialog::backdrop{background:#01050bd9}.intro-dialog small{color:#93a7b6;letter-spacing:2px;font-size:11px}.intro-dialog h1{margin:22px 0;font:26px Michroma,sans-serif}.intro-dialog p{font-size:18px;line-height:1.65}.intro-close{color:#a8bfd0;cursor:pointer;background:0 0;border:none;font-size:28px;position:absolute;top:12px;right:16px}.intro-links{gap:26px;margin-top:30px;display:flex}.intro-links a{color:#c4e2f8;border-bottom:1px solid #526775;padding-bottom:6px;text-decoration:none}.map-controls>button:first-child{width:70px}.map-controls .explore-toggle:hover{color:#fff}.is-reading .map-story{pointer-events:auto;-webkit-user-select:text;user-select:text;cursor:text}.project-links{gap:12px;margin:12px 0 18px;display:flex}.project-links a{pointer-events:auto;color:#bfd0dc;text-underline-offset:4px;font-size:13px}.project-links a:hover{color:#fff}.sector-guide{fill:#e2ebf1;opacity:.85;pointer-events:none;position:absolute}.header-about{color:#a8bcc9;text-shadow:0 1px 4px #000;margin-top:22px;font:14px/1.55 Barlow,sans-serif}.header-about>p{margin:0}.header-about .intro-experiences{margin:20px 0 0}.header-about .intro-experiences>div{margin:14px 0}.header-about .intro-experiences dt{font-size:14px}.header-about .intro-experiences dd{margin-top:3px;font-size:14px}.intro-experiences{margin:24px 0}.intro-experiences>div{margin:18px 0}.intro-experiences dt{color:#dfe9ee;font-size:16px}.intro-experiences dd{color:#a8bcc9;margin:5px 0 0;font-size:16px;line-height:1.5}.map-credit a{color:inherit}@media (min-width:1080px) and (pointer:fine){.edition[data-pending]{visibility:hidden}}.brief{color:#c9d7e0;max-width:640px;margin:0 auto;padding:40px 20px 32px;font:16px/1.6 Barlow,sans-serif}.brief h1{color:#eef4f8;font:24px Michroma,sans-serif}.brief small{letter-spacing:1.5px;color:#8296a4;margin-top:8px;font-size:12px;display:block}.brief-contacts{flex-wrap:wrap;gap:8px 18px;margin:18px 0 22px;display:flex}.brief a{color:#c4e2f8;text-underline-offset:4px}.brief-note{color:#a8bcc9;background:#0b1824;border-left:2px solid #6baaf5;margin-top:18px;padding:10px 14px;font-size:14px}.brief section{margin-top:40px}.brief h2{letter-spacing:1.5px;text-transform:uppercase;color:var(--sector-color);border-bottom:1px solid color-mix(in srgb, var(--sector-color) 35%, transparent);padding-bottom:10px;font:13px Michroma,sans-serif}.brief article{border-left:2px solid color-mix(in srgb, var(--sector-color) 55%, transparent);margin-top:24px;padding-left:14px}.brief h3{color:#eef4f8;font:16px Michroma,sans-serif}.brief article small{color:var(--sector-color);margin:4px 0 8px}.brief article>a{margin:8px 16px 0 0;font-size:14px;display:inline-block}.brief details{margin-top:8px;font-size:15px}.brief summary{cursor:pointer;color:#93a7b6;font-size:14px}.brief details ul,.brief details ol{margin:8px 0 0;padding-left:20px}.brief details li{margin:6px 0}.brief b{color:#eef4f8;font-weight:600}.brief footer{color:#627888;margin-top:48px;font-size:11px}.brief footer a{color:inherit}@media (max-height:760px){.header-about{margin-top:14px;line-height:1.4}.header-about .intro-experiences{margin-top:10px}.header-about .intro-experiences>div{margin:8px 0}.map-invitation p{margin-bottom:6px}}.map-hint{color:#93a7b6;text-shadow:0 1px 4px #000;pointer-events:none;margin-left:12px;font-size:14px}