:root{--bg:#dce1de;--ink:#172821;--muted:#52665b;--line:#b4c1b8;--acid:#caffaf;--dark:#15251d}
.surname{position:relative}.lab button,.wordmark,nav a{transition:transform .3s cubic-bezier(.16,1,.3,1)}
body{background:radial-gradient(ellipse at 90% 10%,#f3f6ed 0,transparent 40%),radial-gradient(ellipse at 5% 40%,#b8cec2 0,transparent 38%),#dce1de}
header{border-bottom-color:#8ca29340}.wordmark{position:relative;z-index:2}nav a{display:inline-block}.hero{position:relative;isolation:isolate;padding-bottom:80px;min-height:650px}.hero-top,.hero-bottom{position:relative;z-index:2}.hero h1{position:relative;z-index:1;font-weight:550;letter-spacing:-.085em;color:#203c2f;text-shadow:0 1px 0 #ffffffa0}.hero h1 .period{color:#63896a}.hero-bottom>div{background:#edf3ea75;border:1px solid #ffffff80;padding:20px 24px;border-radius:22px;backdrop-filter:blur(18px);max-width:410px}.hero-bottom>div p{color:#455e4d}.hero-bottom>p{padding-top:20px}
.mercury{position:absolute;width:40%;aspect-ratio:1;right:3%;top:72px;z-index:0;pointer-events:none;filter:drop-shadow(0 35px 28px #294d3326);transform:translate(var(--orb-x,0px),var(--orb-y,0px));transition:transform .8s cubic-bezier(.16,1,.3,1)}.mercury svg{width:100%;height:100%;overflow:visible}.mirror-core{transform-origin:center;animation:breathe 12s ease-in-out infinite alternate}.mirror-satellite{transform-origin:250px 250px;animation:orbit 28s linear infinite}.reflection{position:absolute;left:0;right:0;top:100%;height:.5em;overflow:hidden;transform:scaleY(-1);opacity:.11;filter:blur(1.8px);mask-image:linear-gradient(to bottom,transparent,black);pointer-events:none}.hero h1{margin-bottom:70px}.edition{display:flex;gap:18px;align-items:center;font:9px ui-monospace,monospace;letter-spacing:.1em;color:#4c6255;position:relative;z-index:3;padding:18px 5% 0}.edition a{border-bottom:1px solid #95a695;padding-bottom:4px}.edition span{margin-right:auto}
.lab{border-radius:32px;border:1px solid #f6fff385;background:linear-gradient(140deg,#244334,#101e18 55%,#355142);box-shadow:inset 0 1px 0 #ffffff30,0 24px 70px -40px #1b382880}.lab-top{padding:24px 30px}.field{background-image:radial-gradient(#739d732e .8px,transparent .8px);background-size:24px 24px}.field:after{background:radial-gradient(ellipse at center,transparent,#12231940)}.lab-bottom{border-top-color:#86af8930}.lab button{padding:9px 14px;border:1px solid #bbdabb30;border-radius:30px;background:#b2d4b20a;color:#d6e7cb;transition:background .25s,box-shadow .25s}.lab button:hover{background:#caffaf18;box-shadow:inset 0 0 12px #caffaf10}.lab .status-dot{box-shadow:0 0 12px #caffaf80}.project-list{border:0;display:flex;flex-direction:column;gap:8px}.project{border:1px solid #fff5;border-radius:16px;background:#eef3e333;padding:25px 20px;transition:background .3s,box-shadow .3s,color .3s,transform .3s}.project.active{background:linear-gradient(115deg,#244b36,#12261c);box-shadow:inset 0 1px 0 #c8f5ad40,0 10px 25px -15px #13251c90}.project-list .project:before{left:0;top:36%;height:28%;border-radius:3px}.project:not(.active):hover{background:#f3f7ef88;box-shadow:inset 0 1px 0 #fff}.tags span{border-color:#95af9759;background:#f4f7f12b}.section-heading h2{letter-spacing:-1.2px}.about{border-color:#92a69350}.contact{border-radius:32px;background:radial-gradient(ellipse at var(--shine-x,75%) var(--shine-y,20%),#f7fff0 0,#d3ebc6 24%,#afcfb1 55%,#e5efda 80%);border:1px solid #f7fff3;box-shadow:inset 0 1px 0 #fff,0 30px 55px -40px #254c34}.contact-title{font-weight:500;color:#264c35;text-shadow:0 1px 0 #ffffffa0}.contact-bottom{border-color:#7d9b7450}.contact-title span{display:inline-block}.contact:before{opacity:.065}.lab button:focus-visible{outline-color:#d1f5b8}.underlink{border-color:#7a937e}.underlink,nav a,.contact-title span,.wordmark{will-change:transform}footer{padding-top:35px}
@keyframes breathe{0%{transform:rotate(-7deg) scale(.95,1.02)}100%{transform:rotate(9deg) scale(1.03,.95)}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:760px){.hero{min-height:0;padding-bottom:36px}.mercury{width:65%;right:-9%;top:15px;opacity:.8}.hero h1{margin-bottom:45px}.hero-bottom>div{padding:17px 20px;max-width:100%;border-radius:18px}.hero-bottom>p{padding-top:0}.hero-top{max-width:60%}.hero-top .label{line-height:1.7}.lab{border-radius:23px}.lab-top{padding:20px}.lab-controls{gap:10px}.lab button{padding:8px 12px}.project{padding:20px 13px;border-radius:12px}.contact{border-radius:23px}.edition{padding:16px 6% 0;font-size:8px;gap:12px}.reflection{opacity:.07}.hero h1{font-size:19.5vw}}
@media(prefers-reduced-motion:reduce){.mirror-core,.mirror-satellite{animation:none}.mercury{transition:none}.reflection{display:none}}