/* Electric ink: a brighter, more expressive identity over the original layout. */
:root{--ink:#eaf0ff;--muted:#a6b2ca;--paper:#0b1020;--line:#29314a;--accent:#9cafff;--dark:#080d1a;--lime:#b8fc80}
body{background:radial-gradient(ellipse at 88% 5%,#26356855,transparent 28%),var(--paper)}
.header{background:#0b1020e8;position:relative;z-index:3}.brand{letter-spacing:-2px}.brand span{color:var(--lime)}
.header-contact{color:var(--lime);border-color:#b8fc8055}.eyebrow,.section-label{color:var(--lime)}
.hero{position:relative;padding-top:65px}.hero:before{content:"";position:absolute;inset:0 -20px;pointer-events:none;background-image:linear-gradient(#748cc00a 1px,transparent 1px),linear-gradient(90deg,#748cc00a 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 90%);z-index:-1}
h1{font-weight:700;font-size:clamp(48px,5.6vw,82px);letter-spacing:-4px;line-height:1.06}h1 em{color:var(--lime);font-weight:400}h2{font-weight:600}h2 em{font-weight:400}.intro{color:#becbe4}.hero-copy{color:#b3bfd5}.hero-grid{padding-bottom:70px}.hero-grid>div:first-child{animation:hero-enter .95s both .1s}
.button{background:var(--lime);border-color:var(--lime);color:#101d0b;border-radius:7px;box-shadow:0 8px 30px #9ce95610;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{background:#d1ffa9;transform:translateY(-3px);box-shadow:0 12px 35px #9ce95625}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.text-link{border-color:#7d8ba6}
.profile-panel{border:1px solid #738bc360;border-radius:22px;background:radial-gradient(ellipse at 80% 15%,#4671ae50,transparent 65%),linear-gradient(140deg,#1c2842,#0c1425);box-shadow:0 25px 90px #0005;transform:rotate(2deg);animation:card-enter 1.3s both .15s;transition:transform .5s,box-shadow .5s}.profile-panel:hover{transform:rotate(0deg) translateY(-6px);box-shadow:0 30px 100px #3b5abe25}.profile-panel:before{content:"";position:absolute;width:250%;height:80px;background:linear-gradient(transparent,#c5d9ff0c,transparent);left:-75%;top:15%;transform:rotate(-35deg);pointer-events:none;animation:card-sheen 3s ease-in-out 1.2s 1}.monogram{font-style:italic;font-size:clamp(100px,12vw,165px);color:var(--lime);text-shadow:0 0 65px #b8fc8020}.panel-top{color:#aabbdb}.panel-detail strong{color:#fff}.hero-foot{color:#9aabc9}
.about-facts>div{border-left:2px solid #94a8ff;padding-left:20px}.section-dark{background:linear-gradient(120deg,#111b32,#0a1224)}.expertise-grid{gap:18px}.expertise-grid article{border:1px solid #303d58;border-radius:14px;padding:27px;background:#15213a80;transition:transform .3s,border-color .3s}.expertise-grid article:hover{transform:translateY(-7px);border-color:#a9bfed}.number{font-size:42px;color:var(--lime)}.expertise-grid h3{margin-top:25px}.tags span{border-radius:100px;border-color:#465471;color:#cad7eb}.role-date{color:var(--lime)}.role{position:relative;transition:background .25s}.role:hover{background:#ffffff03}.role h3{color:#e5ebff}.work-section{background:#11192c}.work-card{background:linear-gradient(140deg,#1c2840,#141d31);border-color:#354361;border-radius:16px;padding:32px;transition:transform .3s,border-color .3s,box-shadow .3s}.work-card:hover{transform:translateY(-6px);border-color:#7f95c6;box-shadow:0 18px 35px #0003}.work-card h3{font-size:30px}.work-meta{color:#a6b8d7}.work-card .tags span{border-color:#465471}.accent-card{background:linear-gradient(135deg,#b8fc80,#d6ffb5);border-color:#b8fc80;color:#11200c}.accent-card p,.accent-card .work-meta{color:#2f4823}.accent-card .tags span{border-color:#628a4f;color:#2a401d}.degree{background:linear-gradient(90deg,#1d2943,transparent);padding:25px;border-radius:0 14px 14px 0;border-top:0;border-left:2px solid var(--lime);margin-bottom:30px}.degree>span{color:var(--lime)}.contact-section{background:radial-gradient(ellipse at 80% 100%,#34487966,transparent 65%),#080d1a}.contact-grid .button{border-radius:7px}.contact-grid .secondary:hover{background:var(--lime)}.skip{background:#fff;color:#111}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#9cafff,var(--lime));transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}
.intro-screen{position:fixed;inset:0;z-index:100;background:#080d1a;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:intro-exit .65s cubic-bezier(.76,0,.24,1) 1.35s both}.intro-initials{display:flex;font-size:clamp(80px,18vw,180px);line-height:1.2;font-weight:800;letter-spacing:-.08em;overflow:hidden;padding-right:.1em}.intro-initials>span{display:block;animation:initial-enter .75s cubic-bezier(.2,.8,.2,1) both}.intro-initials>span:nth-child(2){animation-delay:.13s;color:var(--lime)}.intro-initials>span:nth-child(3){animation-delay:.26s}.intro-dot{color:var(--lime)}.intro-caption{font-family:Consolas,monospace;font-size:12px;letter-spacing:4px;color:#a6b2ca;margin-top:15px;animation:hero-enter .6s both .5s}.intro-line{height:2px;width:190px;background:var(--lime);margin-top:35px;transform-origin:left;animation:line-enter 1.25s cubic-bezier(.3,0,.2,1) both}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--delay,0ms),transform .7s var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:none}
@keyframes initial-enter{from{transform:translateY(110%) rotate(8deg);opacity:0}to{transform:none;opacity:1}}@keyframes intro-exit{to{transform:translateY(-105%);visibility:hidden}}@keyframes line-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hero-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes card-enter{from{opacity:0;transform:translateY(35px) rotate(-3deg)}to{opacity:1;transform:rotate(2deg)}}@keyframes card-sheen{from{top:-40%}to{top:150%}}
@media(max-width:1050px){h1{font-size:clamp(43px,5.4vw,70px);letter-spacing:-2.5px}.expertise-grid article{padding:22px}.expertise-grid h3{font-size:21px}}
@media(max-width:720px){.hero{padding-top:35px}.hero-grid{padding-bottom:40px}.profile-panel{transform:none;animation-name:hero-enter;margin:0 4px}.profile-panel:hover{transform:none}h1{font-size:clamp(40px,10.5vw,65px);letter-spacing:-2px}.hero-copy{font-size:16px}.expertise-grid article{padding:26px}.expertise-grid h3{font-size:24px}.work-card{padding:25px}.intro-caption{letter-spacing:2px}.contact-section h2{font-size:41px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.intro-screen{display:none}.reveal{opacity:1;transform:none}.profile-panel{transform:none}html{scroll-behavior:auto}}
@media print{.intro-screen,.reading-progress{display:none}.reveal{opacity:1;transform:none}}
