*{box-sizing:border-box}
html{background:#0d0c0a}
body{margin:0;background:#0d0c0a;font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#e7e0d3}
a{color:inherit}

.page-clip{max-width:100%;overflow-x:hidden}

.eyebrow{font:600 13px 'JetBrains Mono',monospace;letter-spacing:.2em;color:#FF6300;text-transform:uppercase}

.eyebrow--slash::before{content:"// "}

.mono-h{font-family:'JetBrains Mono',monospace;letter-spacing:-.01em}

.storebtn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:9px;border:1.5px solid rgba(244,239,230,.26);background:rgba(244,239,230,.03);color:#f4efe6;text-decoration:none;font:700 13px 'Hanken Grotesk',sans-serif}
.storebtn:hover{border-color:rgba(244,239,230,.5)}

.proj-card,.proj-card--rev{border:1px solid rgba(244,239,230,.12);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(244,239,230,.025),rgba(244,239,230,0));display:grid}
.proj-copy{display:flex;flex-direction:column;justify-content:center}
.proj-links{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-top:6px}
.btn-group{display:flex;gap:9px;flex-wrap:wrap}
.proj-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%}
.cards-stack{display:flex;flex-direction:column;gap:22px}

.footer-links{display:flex;gap:16px}
.footer-link{color:#7a7263;text-decoration:none}