:root{--ink:#17364a;--muted:#526b78;--line:rgba(23,54,74,.18);--paper:#fbf7ed;--sage:#8fb7a2;--blue:#466a81}*{box-sizing:border-box}html,body{background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper)}main{max-width:1120px;margin:0 auto;padding:clamp(28px,6vw,76px) 26px 42px}.intro{max-width:740px;padding-bottom:clamp(44px,7vw,82px)}.wordmark{color:var(--ink);font-size:17px;letter-spacing:-.04em;font-weight:700;text-decoration:none}.dot{color:var(--sage)}.eyebrow{margin:50px 0 18px;color:#5d9584;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.intro h1{margin:0;letter-spacing:-.06em;font-size:clamp(43px,7vw,80px);line-height:.94;font-weight:540}.lede{max-width:530px;color:var(--muted);font-size:clamp(16px,2vw,19px);line-height:1.55;margin:26px 0 0}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.project{border:1px solid var(--line);border-radius:0;overflow:hidden;color:inherit;text-decoration:none;background:rgba(255,255,255,.47);box-shadow:0 10px 30px rgba(47,59,54,.06);transition:transform .35s ease,border-color .35s ease,background .35s ease}.project:hover,.project:focus-visible{transform:translateY(-4px);border-color:rgba(70,106,129,.55);background:rgba(255,255,255,.72);outline:0}.preview{height:clamp(164px,18vw,215px);position:relative;overflow:hidden}.project-copy{padding:17px 19px 19px}.number{font-size:10px;letter-spacing:.1em;color:#5d9584;margin:0 0 20px}.project h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;font-size:27px;margin:0}.project-copy>p:not(.number){color:var(--muted);font-size:14px;line-height:1.45;margin:7px 0 17px}.visit{font-size:12px;color:#315d76}.visit b{font-size:15px;margin-left:4px;font-weight:400}

.plim-preview{background:#0b0f19;border-bottom:1px solid rgba(255,255,255,.08)}.plim-ball{position:absolute;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#d9ffff 0 7%,#8eecef 17%,#20c8e2 50%,#2379c4 100%);box-shadow:0 0 10px 4px rgba(35,209,236,.42),0 0 27px rgba(35,209,236,.32);will-change:left,top,transform,box-shadow;animation:plim-bounce 8.4s linear infinite}@keyframes plim-bounce{0%,100%{left:12%;top:12%;transform:scale(1)}21%{left:calc(100% - 25px);top:68%;transform:scale(1.24);box-shadow:0 0 14px 8px rgba(35,209,236,.65),0 0 36px rgba(35,209,236,.47)}22%{left:calc(100% - 27px);top:66%;transform:scale(1)}42%{left:24%;top:calc(100% - 25px);transform:scale(1.24);box-shadow:0 0 14px 8px rgba(35,209,236,.65),0 0 36px rgba(35,209,236,.47)}43%{left:26%;top:calc(100% - 27px);transform:scale(1)}64%{left:0;top:42%;transform:scale(1.24);box-shadow:0 0 14px 8px rgba(35,209,236,.65),0 0 36px rgba(35,209,236,.47)}65%{left:2%;top:40%;transform:scale(1)}84%{left:72%;top:0;transform:scale(1.24);box-shadow:0 0 14px 8px rgba(35,209,236,.65),0 0 36px rgba(35,209,236,.47)}85%{left:74%;top:2%;transform:scale(1)}}

.cosmic-preview{background:radial-gradient(circle at 50% 38%,#0d1436 0,#070a1e 57%,#020208 100%);border-bottom:1px solid rgba(255,255,255,.08)}.star-field,.star-field:before,.star-field:after{position:absolute;width:2px;height:2px;border-radius:50%;background:#dfe4ff;opacity:.82;content:"";z-index:1}.star-field{left:9%;top:15%;box-shadow:22px 31px #eef2ff,61px 11px rgba(223,228,255,.6),100px 52px #fff,147px 17px rgba(223,228,255,.7),189px 63px #eef2ff,240px 25px rgba(223,228,255,.5),276px 79px #fff,324px 42px rgba(223,228,255,.7),371px 16px #eef2ff,416px 68px rgba(223,228,255,.55),454px 31px #fff,29px 126px rgba(223,228,255,.55),77px 163px #eef2ff,130px 114px #fff,180px 144px rgba(223,228,255,.75),239px 130px #eef2ff,283px 173px #fff,347px 121px rgba(223,228,255,.65),393px 151px #eef2ff,449px 106px #fff,17px 214px #eef2ff,70px 192px rgba(223,228,255,.6),117px 233px #fff,166px 205px #eef2ff,215px 245px rgba(223,228,255,.7),270px 211px #fff,320px 236px #eef2ff,379px 205px rgba(223,228,255,.65),431px 231px #fff}.star-field:before{left:45px;top:9px;opacity:.55;box-shadow:11px 75px #fff,62px 45px #dfe4ff,119px 94px #fff,164px 40px #dfe4ff,211px 80px #fff,258px 41px #dfe4ff,304px 94px #fff,353px 65px #dfe4ff,398px 109px #fff,445px 72px #dfe4ff,18px 181px #fff,87px 156px #dfe4ff,140px 205px #fff,195px 171px #dfe4ff,247px 217px #fff,304px 177px #dfe4ff,357px 224px #fff,410px 184px #dfe4ff}.star-field:after{left:112px;top:2px;width:4px;height:4px;opacity:.95;box-shadow:79px 44px 3px rgba(223,228,255,.65),236px 100px 3px rgba(223,228,255,.7),342px 43px 3px rgba(223,228,255,.6),54px 198px 3px rgba(223,228,255,.7),293px 201px 3px rgba(223,228,255,.7),420px 144px 3px rgba(223,228,255,.6)}.cosmic-preview svg{position:absolute;inset:0;width:100%;height:100%;z-index:3;filter:drop-shadow(0 0 6px rgba(232,193,132,.54))}.auriga-line{stroke:#e8c184;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.auriga-star{fill:#fff3da}.cosmic-ball{fill:#c9fff6;filter:drop-shadow(0 0 5px #8fe9df) drop-shadow(0 0 8px rgba(143,233,223,.8))}.constellation-name{position:absolute;z-index:4;left:28%;top:43%;font:italic 16px Georgia,serif;color:#f1c980;text-shadow:0 0 10px rgba(232,193,132,.55)}

footer{max-width:1120px;margin:auto;border-top:1px solid var(--line);padding:19px 26px 28px;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px}@media(max-width:720px){main{padding:26px 17px 36px}.eyebrow{margin-top:43px}.projects{grid-template-columns:1fr}.preview{height:188px}footer{padding:18px 17px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.project{transition:none}}