/* Typography and motion adapted from the previously published Website. */
:root{--bg:#09080e;--surface:#141119;--line:#3b3245;--purple:#e2d6ff;--purple-soft:#cbb4e8;--purple-lava:#a985c8;--mono:'JetBrains Mono',monospace;--ease-fluid:cubic-bezier(.16,1,.3,1)}
body{isolation:isolate}#space-field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.header,main,.footer{position:relative}.header{height:96px;border-color:#7b638d40}.brand img{object-fit:contain}.brand{font-size:17px}.header nav a{position:relative}.header nav a::after{content:'';position:absolute;bottom:-8px;height:1px;left:0;right:0;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-fluid)}.header nav a:hover::after{transform:scaleX(1)}.eyebrow,.edition,.orbit-label,.highlight-label,.card-category,.visual-number,.media-label,.collection-note,.detail-position{font-family:var(--mono)}.terminal-path{letter-spacing:0;text-transform:none;font-size:13px}.terminal-path>span{margin:0 10px;color:#736782}.motion-toggle{border:0;background:transparent;color:#b1a6bd;font:12px var(--mono);padding:10px 0 10px 12px}.motion-toggle span{color:var(--purple);margin-left:8px}.motion-toggle:hover{color:var(--text)}.hero-top{padding-bottom:15px}.hero-layout{grid-template-columns:1.24fr 1fr;min-height:510px;gap:25px}.hero-copy{min-width:0;padding:30px 0 50px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.ascii-wordmark{height:220px;display:flex;align-items:center;position:relative;max-width:100%;color:#e8def8;perspective:900px}.ascii-wordmark pre{font-family:var(--mono);font-size:clamp(5px,.73vw,11px);font-weight:400;letter-spacing:0;line-height:1.05;white-space:pre;margin:0;transform-origin:center;animation:letter-arrival 1.8s var(--ease-fluid) both;animation-delay:calc(var(--i)*90ms);user-select:none}.ascii-wordmark pre:nth-child(2n){color:#c1a2e6}.intro-terminal{border-left:1px solid #8d6dad7a;padding:4px 0 4px 22px;margin-top:18px;max-width:500px}.terminal-command{display:flex;align-items:center;gap:12px;font:13px var(--mono);color:#c6b7d7}.terminal-command>span:first-child{color:var(--purple)}.terminal-cursor{display:inline-block;height:14px;width:7px;background:var(--purple);animation:cursor-blink 1.3s steps(1) infinite}.intro{margin:13px 0 0;font-size:19px;color:#b8adbf}.work-link{margin-top:28px}.orbital{height:440px;transform:translate3d(var(--orbit-x,0px),var(--orbit-y,0px),0);transition:transform 1s var(--ease-fluid)}.orbital-grid{opacity:.12}.orbit-lines{stroke:#a88bc2;stroke-width:1}.orbit-lines ellipse:nth-child(2){stroke:#655371}.orbit-lines ellipse:nth-child(3){stroke:#b597d1}.orbital-center path{display:none}.orbital-center circle{stroke:#a790bb;stroke-width:.8}.orbital-logo{position:absolute;left:50%;top:50%;height:68px;width:68px;object-fit:contain;transform:translate(-50%,-50%);opacity:.88}.about-strip{background:#15111ccb;backdrop-filter:blur(10px);padding:26px 28px;border:1px solid #5e4b704f;box-shadow:0 15px 50px #0003}.highlight{border-color:#5e4b704f}.highlight-label{color:#a99ab6;letter-spacing:.06em}.highlight-value{color:#c3b8cd}.projects{padding-top:80px}.section-top{margin-bottom:32px}.card-visual{border-radius:3px;background-color:#18121fe8;border-color:#5641607a;box-shadow:0 12px 30px #0003,inset 0 1px #d9b7ff0a;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s var(--ease-fluid),border-color .35s,box-shadow .35s}.card-visual::before{content:'';position:absolute;inset:12px;border-top:1px solid #b998d513;border-bottom:1px solid #b998d513;pointer-events:none}.card-visual::after{content:'';position:absolute;inset:0;border:1px solid #bc9fdf00;pointer-events:none;transition:border-color .35s}.project-card:hover .card-visual{transform:perspective(900px) translateY(-6px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 24px 45px #0007;border-color:#ad83d8}.project-card:active .card-visual{transform:scale(.985)}.tone-2,.tone-5{background-color:#11141ce8}.tone-3{background-color:#15121ae8}.abstract{stroke:#9d7ebb;filter:none;opacity:.85}.project-card:hover .abstract{transform:rotate(7deg) scale(1.09)}.media-label{color:#c2adcf;font-size:11px}.visual-number{color:#b39dc2}.card-category{color:#a296ae;font-size:11px;letter-spacing:.07em}.card-title{transition:color .25s}.project-card:hover .card-title{color:#d5b9fa}.card-summary{color:#aa9eb5}.collection-note{font-size:12px;color:#a296ae}.reveal-pending{opacity:0;transform:translateY(25px)}.revealed{opacity:1;transform:translateY(0);transition:opacity .9s var(--ease-fluid),transform .9s var(--ease-fluid);transition-delay:var(--reveal-delay,0ms)}.footer{border-color:#6f55884f}.footer-name{display:flex;align-items:center;gap:10px}.footer-logo{width:28px;height:28px;object-fit:contain}dialog{background:#100d16f5;box-shadow:0 40px 120px #000b;border-color:#8061936b;border-radius:5px}dialog::backdrop{background:#030207ba;backdrop-filter:blur(12px)}dialog[open]{animation:detail-arrival .42s var(--ease-fluid)}dialog.closing{animation:detail-leave .2s ease both}dialog.closing::backdrop{animation:backdrop-leave .2s ease both}.detail-nav{background:#100d16f5}.detail-content{animation:detail-arrival .4s var(--ease-fluid)}.media-empty{background:#1c1427c9;border-color:#6b507e}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .orbital,.motion-paused .card-visual{transform:none!important}.motion-paused .reveal-pending{opacity:1;transform:none}
@keyframes letter-arrival{from{opacity:0;transform:translate3d(calc((var(--i) - 2)*22px),18px,0) rotateY(-12deg)}to{opacity:1;transform:none}}@keyframes cursor-blink{0%,55%{opacity:1}56%,100%{opacity:0}}@keyframes detail-arrival{from{opacity:0;transform:translateY(20px) scale(.975)}to{opacity:1;transform:none}}@keyframes detail-leave{to{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes backdrop-leave{to{opacity:0}}
@media(max-width:1000px){.hero-layout{grid-template-columns:1.25fr 1fr;gap:0}.ascii-wordmark{height:180px}.ascii-wordmark pre{font-size:clamp(5px,.77vw,9px)}.orbital{height:350px}.intro{font-size:17px}.about-strip{padding:22px}.highlight{padding-right:10px}}
@media(max-width:650px){.header{height:80px}.brand{font-size:15px}.brand img{height:31px;width:31px}.hero-top{padding-bottom:0}.terminal-path{font-size:11px}.terminal-path>span{margin:0 4px}.motion-toggle{font-size:11px}.hero-copy{padding:18px 0 10px}.ascii-wordmark{height:180px;justify-content:center}.ascii-wordmark pre{font-size:clamp(5px,1.38vw,8px)}.intro-terminal{margin-top:4px;padding-left:15px}.intro{font-size:17px}.orbital{height:280px;margin:0 10px 22px}.orbital-logo{height:51px;width:51px}.about-strip{padding:23px 18px}.highlight{grid-template-columns:95px 1fr}.projects{padding-top:55px}.card-visual{background-color:#191221ee}.media-label{font-size:12px}.motion-toggle{min-height:44px}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}.orbital,.project-card .card-visual{transform:none!important}.ascii-wordmark pre{animation:none}.terminal-cursor{animation:none}}
.ascii-wordmark pre{animation:none!important;opacity:0;will-change:transform,opacity}
.detail-role{margin:-12px 0 26px;color:#a99ab6;font:12px var(--mono);letter-spacing:.04em;text-transform:uppercase}.detail-achievements{max-width:720px;margin-top:32px;padding-top:20px;border-top:1px solid #6f55883b}.detail-achievements ul{margin:14px 0 0;padding-left:20px;color:#c4c0cb;line-height:1.7}.detail-achievements li+li{margin-top:8px}
.detail-media iframe{width:100%;aspect-ratio:16/9;border:0;background:#0c0b0f;display:block}