@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#fff;font-synthesis:none;--text-primary:#f3e03b;--text-secondary:#fff;--text-tertiary:#88dbdf;--text-inverse:#07737a;--surface-base:#000;--surface-muted:#26858b;--accent:var(--text-primary);--cream:var(--text-secondary);--muted:var(--text-tertiary);--line:#88dbdf33;background:#000;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface-base);min-width:320px;margin:0}a{color:inherit;text-decoration:none}body:before{content:"";pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}main{isolation:isolate;background:radial-gradient(circle at 88% 8%, #f3e03b6b 0, #26858b80 18%, transparent 38%), radial-gradient(circle at 8% 32%, #88dbdf61 0, #26858b45 20%, transparent 39%), radial-gradient(circle at 78% 62%, #26858b80 0, transparent 31%), radial-gradient(circle at 17% 88%, #f3e03b33 0, transparent 32%), var(--surface-base);position:relative;overflow:hidden}.glass{-webkit-backdrop-filter:blur(38px)saturate(190%)brightness(1.08);background:linear-gradient(115deg,#ffffff4d 0%,#88dbdf24 28%,#ffffff0b 55%,#26858b29 100%),#ffffff09;border:1px solid #88dbdf66;border-color:#88dbdf66 #ffffff1f #ffffff1a #88dbdf66;box-shadow:inset 1px 1px #ffffff6b,inset -1px -1px #ffffff0d,0 18px 45px #00000038,0 55px 110px #00000057}.ambient{z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.ambient-one{opacity:.72;filter:blur(16px);background:radial-gradient(circle at 35% 32%, var(--text-primary), var(--surface-muted) 42%, transparent 71%);width:520px;height:520px;top:110px;right:-150px}.ambient-two{opacity:.42;filter:blur(18px);background:radial-gradient(circle at 60% 45%, var(--text-tertiary), var(--surface-muted) 48%, transparent 72%);width:390px;height:390px;top:620px;left:-150px}.ambient-three{opacity:.58;filter:blur(20px);background:radial-gradient(circle at 32% 38%, var(--surface-muted), var(--text-inverse) 49%, transparent 70%);width:590px;height:590px;top:1320px;right:-180px}.live i{background:var(--text-primary);width:6px;height:6px;box-shadow:0 0 12px var(--text-primary);border-radius:50%;margin-right:8px;display:inline-block}.hero{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1180px;min-height:760px;margin:auto;padding:70px 22px 90px;display:grid;position:relative}.eyebrow{color:var(--text-tertiary);letter-spacing:.18em;text-transform:uppercase;font:10px DM Mono,monospace}.eyebrow span{color:var(--accent)}.hero h1,.section-heading h2{color:var(--text-primary);letter-spacing:-.065em;margin:25px 0;font-size:clamp(54px,6.6vw,92px);line-height:.98}em{color:var(--text-secondary);font-family:Georgia,serif;font-weight:400}.intro{max-width:510px;color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{align-items:center;gap:12px;margin-top:38px;display:flex}.button{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;border-radius:11px;padding:15px 19px;font:11px DM Mono,monospace;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{color:var(--text-inverse);background:var(--text-primary);border-color:var(--text-primary);font-weight:500;box-shadow:0 12px 35px #f3e03b47}.button.primary span{margin-left:18px}.button.ghost{background:#ffffff09}.display{perspective:900px;place-items:center;min-height:575px;display:grid;position:relative}.orbit{border:1px solid #88dbdf52;border-radius:50%;position:absolute}.orbit-one{width:500px;height:500px}.orbit-two{border-style:dashed;width:390px;height:390px;transform:rotate(20deg)}.phone{z-index:2;background:linear-gradient(145deg,#ffffff40,#26858b33 45%,#0000004d);border-radius:38px;width:290px;min-height:554px;padding:12px;position:relative;transform:rotateY(-8deg)rotateX(3deg)rotate(1deg);box-shadow:inset 2px 2px 1px #ffffff75,-18px -16px 50px #88dbdf26,26px 48px 95px #0000008f}.phone:after{content:"";pointer-events:none;border:1px solid #ffffff0a;border-color:#ffffff29 #ffffff0a #ffffff0a #ffffff29;border-radius:32px;position:absolute;inset:6px}.phone-top{color:var(--text-tertiary);justify-content:space-between;padding:7px 14px 10px;font:8px DM Mono,monospace;display:flex}.app-head{color:var(--text-tertiary);letter-spacing:.1em;border-top:1px solid #ffffff12;align-items:center;gap:9px;padding:10px;font:8px DM Mono,monospace;display:flex}.app-head img{border-radius:8px;width:28px;height:28px}.app-head b{color:var(--text-secondary);margin-left:auto}.app-hero{background:radial-gradient(circle at 82% 6%,#f3e03b7a,#0000 47%),linear-gradient(135deg,#26858b85,#ffffff14);border:1px solid #88dbdf6b;border-radius:22px;min-height:184px;margin:10px 6px 8px;padding:28px 20px 24px;box-shadow:inset 1px 1px #ffffff40,0 16px 38px #0000002e}.live{color:var(--text-primary);letter-spacing:.14em;font:7px DM Mono,monospace}.app-hero h2{letter-spacing:-.05em;margin:27px 0 12px;font-size:29px;line-height:.9}.app-hero p{color:var(--text-tertiary);font:7px DM Mono,monospace}.mini-grid{grid-template-columns:1fr 1fr;gap:7px;margin:7px 6px;display:grid}.mini-grid div{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;padding:13px}.mini-grid span,.mini-grid b{display:block}.mini-grid span{color:var(--text-tertiary);font:7px DM Mono,monospace}.mini-grid b{margin-top:6px;font-size:17px}.module-row{background:#ffffff06;border:1px solid #ffffff12;border-radius:13px;align-items:center;gap:10px;margin:7px 6px;padding:9px 12px;display:flex}.module-icon{width:29px;height:29px;color:var(--text-primary);background:#26858b52;border-radius:9px;place-items:center;display:grid}.module-row p{flex:1;margin:0}.module-row b,.module-row small{display:block}.module-row b{font-size:9px}.module-row small{color:var(--text-tertiary);margin-top:3px;font-size:7px}.float-label{color:#fff3;letter-spacing:.2em;font:9px/1.7 DM Mono,monospace;position:absolute;bottom:68px;left:0;transform:rotate(-90deg)}.archive{z-index:1;max-width:1180px;margin:0 auto;padding:105px 22px;position:relative}.section-heading{grid-template-columns:1fr 1fr;align-items:end;margin-bottom:50px;display:grid}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{margin-bottom:0;font-size:clamp(52px,7vw,88px)}.section-heading>p:last-child{max-width:410px;color:var(--muted);justify-self:end;line-height:1.8}.project-grid{z-index:0;grid-template-columns:repeat(12,1fr);grid-auto-rows:340px;gap:18px;display:grid;position:relative}.project-grid:before{content:"";z-index:-1;opacity:.8;filter:blur(18px);background:radial-gradient(circle at 18% 48%,#26858bd9,#0000 25%),radial-gradient(circle at 51% 22%,#f3e03b75,#0000 26%),radial-gradient(circle at 84% 66%,#88dbdfa6,#0000 27%);position:absolute;inset:8% -8%}.project{background:linear-gradient(125deg,#ffffff4d,#88dbdf14 48%,#26858b33);border-radius:28px;min-height:0;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:inset 1px 1px #ffffff7a,0 25px 55px #0000004d,0 70px 110px #0000003d}.project:first-child{grid-area:1/1/auto/6}.project:nth-child(2){grid-area:1/6/auto/13}.project:nth-child(3){grid-area:2/1/auto/5}.project:nth-child(4){grid-area:2/5/auto/9}.project:nth-child(5){grid-area:2/9/auto/13}.project:hover{border-color:#f3e03b9e;transform:translateY(-9px);box-shadow:inset 1px 1px #ffffff94,0 34px 75px #00000061}.repo-link{z-index:2;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000029;border:1px solid #88dbdf4d;border-radius:999px;align-items:center;padding:8px 11px;font:8px DM Mono,monospace;transition:color .2s,border-color .2s,background .2s;display:inline-flex;position:absolute;top:20px;right:20px}.repo-link:hover{color:var(--text-inverse);border-color:var(--text-primary);background:var(--text-primary)}.repo-link:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.project:before{content:"";filter:blur(38px);opacity:.38;border-radius:50%;width:250px;height:250px;position:absolute;top:-115px;right:-105px}.project.ember:before{background:var(--surface-muted)}.project.moss:before{background:var(--text-tertiary)}.project.sand:before{background:var(--text-primary)}.project-mark{width:76px;height:76px;color:var(--text-primary);-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);letter-spacing:.08em;background:linear-gradient(145deg,#ffffff52,#0000001a);border:1px solid #ffffff57;border-color:#ffffff57 #ffffff1a #ffffff14 #ffffff57;border-radius:21px;place-items:center;margin:12px auto 18px;padding:14px;font:500 15px DM Mono,monospace;display:grid;transform:rotate(-4deg);box-shadow:inset 1px 1px #ffffff75,0 28px 55px #0006}.project:nth-child(2) .project-mark{transform:rotate(5deg)}.project-type{letter-spacing:.13em;text-transform:uppercase;margin:0 0 8px;font:8px DM Mono,monospace;color:var(--accent)!important}.project h3{color:var(--text-primary);letter-spacing:-.04em;margin:0 0 10px;font-size:25px}.project>p{color:var(--muted);font-size:12px;line-height:1.65}.tags{flex-wrap:wrap;gap:6px;margin-top:19px;display:flex}.tags span{border:1px solid var(--surface-muted);color:var(--text-secondary);background:var(--surface-muted);letter-spacing:.04em;text-transform:uppercase;border-radius:20px;padding:7px 10px;font:500 7px DM Mono,monospace;box-shadow:0 7px 18px #0000002e}.tags span:nth-child(2){color:var(--text-inverse);border-color:var(--text-primary);background:var(--text-primary)}.tags span:nth-child(3){color:var(--text-inverse);border-color:var(--text-tertiary);background:var(--text-tertiary)}.tags span:nth-child(4){color:var(--text-inverse);border-color:var(--text-secondary);background:var(--text-secondary)}footer{max-width:1180px;color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;margin:auto;padding:20px 22px 45px;font:8px DM Mono,monospace;display:flex}@media (width<=900px){.hero{text-align:center;grid-template-columns:1fr;padding-top:75px}.intro{margin-inline:auto}.hero-actions{justify-content:center}.display{margin-top:20px}.section-heading{text-align:center;grid-template-columns:1fr}.section-heading>p:last-child{justify-self:center}.project-grid{grid-template-columns:1fr;grid-auto-rows:auto}.project,.project:nth-child(n){grid-area:auto;min-height:390px}.project-mark{border-radius:28px;width:108px;height:108px;margin:35px auto;padding:21px}}@media (width<=560px){.hero{padding-inline:18px}.hero h1{font-size:49px}.hero-actions{flex-direction:column;align-items:stretch}.display{min-height:525px;margin-inline:-30px;transform:scale(.88)}.orbit-one{width:430px;height:430px}.archive{padding-top:65px}.section-heading h2{font-size:52px}footer{flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}