:root{color-scheme:dark;--bg:#000;--text:rgba(255, 255, 255, 0.92);--muted:rgba(255, 255, 255, 0.72);--card-a:rgba(18, 24, 40, 0.88);--card-b:rgba(8, 12, 22, 0.88);--stroke:rgba(255, 255, 255, 0.07);--stroke-hover:rgba(255, 255, 255, 0.12);--shadow:0 20px 60px rgba(0, 0, 0, 0.6);--shadow-hover:0 30px 90px rgba(0, 0, 0, 0.8);--radius-lg:18px;--radius-md:14px;--pad-card:2rem;--pad-card-mobile:1.4rem}*,*::before,*::after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,apple color emoji,segoe ui emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.wall{min-height:100svh;min-height:100vh;background:radial-gradient( 1200px 900px at 50% 25%,rgba(0,0,0,.2),rgba(0,0,0,.72) 60%,rgba(0,0,0,.92) 100% ),url(/img/granitforge.png);background-repeat:no-repeat;background-position:50%;background-size:cover;display:grid;grid-template-columns:1fr;align-items:end;padding:clamp(1rem,3vw,2rem)0;justify-items:center;padding-bottom:76px}.wall::before{content:"";position:absolute;inset:0;pointer-events:none}.wall{position:relative;overflow:hidden}@media(max-width:600px){.wall{background-size:contain;background-position:50%;align-items:end;padding-bottom:5.5rem}}.wall-content{width:min(560px,calc(100% - 2rem));margin-left:clamp(1.25rem,6vw,6rem);padding:0}@media(max-width:600px){.wall-content{margin-left:0;margin-right:0;width:min(560px,calc(100% - 1.6rem));margin-inline:auto}}.project-card{display:flex;gap:16px;align-items:center;padding:var(--pad-card);border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--card-a),var(--card-b));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow),inset 0 0 0 1px var(--stroke);color:var(--text);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover),inset 0 0 0 1px var(--stroke-hover)}.project-card:active{transform:translateY(-1px)}.project-card:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,170,255,.35),var(--shadow),inset 0 0 0 1px var(--stroke-hover)}@media(max-width:600px){.project-card{padding:var(--pad-card-mobile);border-radius:16px;gap:14px}}.card-poster{width:150px;height:auto;border-radius:var(--radius-md);box-shadow:0 10px 26px rgba(0,0,0,.65);flex:none;display:block;transform:translateZ(0)}.project-card.poster-right{flex-direction:row-reverse}@media(max-width:600px){.card-poster{width:110px}}.card-text{flex:1;min-width:0}.project-eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:.75rem;padding:.45rem .75rem;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,6%);box-shadow:inset 0 0 0 1px rgba(255,255,255,7%)}.project-eyebrow .dot{width:7px;height:7px;border-radius:999px;background:rgba(80,220,255,.9);box-shadow:0 0 0 4px rgba(80,220,255,.12)}.project-title{margin:0 0 .75rem;font-size:clamp(1.9rem,4.5vw,2.35rem);font-weight:800;letter-spacing:.01em;line-height:1.05;text-shadow:0 1px 0 rgba(0,0,0,.6)}.project-desc{margin:0 0 1.2rem;line-height:1.55;color:var(--muted)}.project-cta{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:rgba(255,255,255,.9);opacity:.95}.project-cta::after{content:"→";opacity:.9;transform:translateY(-.02em)}.project-cta.cta-button{padding:.6rem .9rem;border-radius:12px;background:rgba(255,255,255,7%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.footer{position:fixed;left:0;right:0;bottom:12px;display:flex;justify-content:center;align-items:center;padding:0 1rem;font-size:12px;letter-spacing:.05em;color:rgba(255,255,255,.55);pointer-events:none;user-select:none}.footer a{pointer-events:auto;color:rgba(255,255,255,.65);text-decoration:none}.footer a:hover{color:rgba(255,255,255,.9);text-decoration:underline}