*{box-sizing:border-box} :root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#edf0f7;background:#0b0e14;font-synthesis:none}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 72% 4%,#28213d66,transparent 48%)}a{color:inherit;text-decoration:none}.topbar,main,footer{max-width:1680px;margin:auto;padding-left:clamp(24px,5vw,88px);padding-right:clamp(24px,5vw,88px)}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;font-weight:750;font-size:22px;letter-spacing:-.7px}.brand>span:last-child{color:#aaa1e8}.brand-icon{margin-right:12px;color:#bfb0ff;font:700 25px monospace}.dev{font-size:10px;letter-spacing:1.7px;color:#bcb5d1;border:1px solid #393044;padding:8px 11px;border-radius:6px}.intro{padding:72px 0 64px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:2.5px;color:#a7a1b7}.eyebrow span{height:6px;width:6px;border-radius:50%;background:#b6a0ff;box-shadow:0 0 15px #ac8dff}h1{font-size:clamp(42px,5.1vw,76px);line-height:1.08;letter-spacing:-3px;margin:24px 0}h1>span{color:#b9a7f4}.lead{font-size:16px;line-height:1.8;color:#949bad}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h2{font-size:18px;letter-spacing:-.3px;margin:0}#count{display:inline-block;font-size:11px;color:#9da3b4;background:#202530;border:1px solid #313644;border-radius:6px;padding:3px 7px;margin-left:10px;vertical-align:middle}.section-note{font-size:12px;color:#858c9e}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.card{min-width:0;border:1px solid #2b2e3d;border-radius:15px;overflow:hidden;background:#141923;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.card.active:hover{transform:translateY(-5px);border-color:#9b84da;box-shadow:0 15px 40px #0004}.card:focus-visible{outline:3px solid #c6b5ff;outline-offset:5px}.art{height:175px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 65%,#65528477,transparent 60%),linear-gradient(135deg,#272038,#141923)}.amber .art{background:radial-gradient(circle at 50% 65%,#976f3b55,transparent 60%),linear-gradient(135deg,#30281f,#141923)}.art:before,.art:after{content:"";position:absolute;width:130px;height:130px;border:1px solid #c9b2f32b;transform:rotate(45deg)}.art:after{width:105px;height:105px;transform:rotate(60deg);border-color:#c9b2f318}.amber .art:before,.amber .art:after{border-color:#e8c28825}.monogram{font-family:Georgia,serif;font-size:54px;color:#ddcef8;z-index:1;text-shadow:0 4px 25px #0009;letter-spacing:-4px}.amber .monogram{color:#dbc4a2}.art img{position:absolute;width:100%;height:100%;object-fit:contain;z-index:2;padding:16px}.badge{position:absolute;top:13px;left:13px;z-index:3;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:650;letter-spacing:.5px;background:#111722db;color:#a9ddc8;border:1px solid #7ed5ab33}.planned .badge{color:#d6bd94;border-color:#d6bd9433}.card-body{padding:20px;flex:1;display:flex;flex-direction:column}.category{color:#888fa1;font-size:9px;letter-spacing:1.35px;font-weight:700;margin:0 0 10px}h3{font-size:18px;line-height:1.3;margin:0;letter-spacing:-.4px}.description{font-size:13px;color:#9aa2b3;line-height:1.7;margin:12px 0 24px}.card-action{border-top:1px solid #ffffff0a;padding-top:16px;margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:#c8b6ff;font-size:12px;font-weight:600}.planned .card-action{color:#989080}.arrow{font-size:19px}.projects{padding-bottom:88px;min-height:400px}footer{display:flex;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:30px;border-top:1px solid #ffffff0b;font-size:11px;color:#747d8d}.dot{margin:0 10px;color:#464e5f}.error{color:#ffc5ae;line-height:1.7}@media(max-width:1600px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1400px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1120px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{padding:50px 0}.topbar{height:80px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.art{height:200px}.section-note{display:none}footer{flex-direction:column;gap:8px}h1{letter-spacing:-2px}.dev{font-size:8px}.intro{padding:40px 0}.projects{padding-bottom:50px}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card.active:hover{transform:none}}