html { scroll-behavior: smooth; }
  body { margin:0; background:#080808; color:#F2F0EA; font-family:'Geist',system-ui,sans-serif; -webkit-font-smoothing:antialiased; text-wrap:pretty; }
  a { color:#C9A96A; text-decoration:none; }
  a:hover { color:#F2F0EA; }
  ::selection { background:#C9A96A; color:#080808; }
  [data-reveal] { opacity:0; transform:translateY(22px); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
  [data-reveal][data-in] { opacity:1; transform:none; }
  [data-grain] { position:absolute; inset:0; pointer-events:none; opacity:0.055; mix-blend-mode:screen; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMjAnIGhlaWdodD0nMjIwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMC44NScgbnVtT2N0YXZlcz0nMicgc3RpdGNoVGlsZXM9J3N0aXRjaCcvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPScyMjAnIGhlaWdodD0nMjIwJyBmaWx0ZXI9J3VybCgjbiknLz48L3N2Zz4="); background-size:220px 220px; }
  @keyframes slkDrift { 0%{transform:translate3d(0,0,0) scale(1)} 50%{transform:translate3d(1.5%,-2%,0) scale(1.07)} 100%{transform:translate3d(0,0,0) scale(1)} }
  @keyframes slkBreathe { 0%,100%{opacity:.72} 50%{opacity:1} }
  @keyframes slkNudge { 0%,100%{transform:translateY(0)} 50%{transform:translateY(5px)} }
  @keyframes slkTape { from{transform:translate3d(0,0,0)} to{transform:translate3d(-50%,0,0)} }
  @media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto} [data-reveal]{opacity:1;transform:none} *{animation-duration:.001ms !important;transition-duration:.001ms !important} }

/* hover / focus / pseudo-element states */
.scp0:hover{color:#F2F0EA !important}
.scp1:hover{background:rgba(242,240,234,0.055) !important}
.scp2:hover{background:#30281A !important;box-shadow:0 12px 34px rgba(154,123,63,0.32) !important;transform:translateY(-1px) !important}
.scp3:active{transform:translateY(0) !important;background:#9A7B3F !important;box-shadow:0 4px 12px rgba(154,123,63,0.24) !important}
.scp4:hover{background:#1D1D1C !important}
.scp5:hover{transform:scale(1.1) !important}
.scp6:hover{transform:scale(1.26) !important}
.scp7:hover{transform:scale(1.39) !important}
.scp8:hover{border-color:#C9A96A !important;background:#C9A96A !important;color:#080808 !important}
.scp9:hover{background:#F2F0EA !important;color:#080808 !important;box-shadow:0 12px 34px rgba(201,169,106,0.32) !important;transform:translateY(-1px) !important}