html{color-scheme:dark}
body{margin:0;background:var(--bg-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--type-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-display-black);text-transform:uppercase;line-height:var(--lh-display);color:var(--text-strong);margin:0}
a{color:var(--link);text-decoration:none;border-bottom:1px solid #FF7A4540;transition:color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}
a:hover{color:var(--link-hover);border-bottom-color:var(--link-hover)}
::selection{background:var(--ember-600);color:var(--bone)}
:focus-visible{outline:2px solid var(--ember-500);outline-offset:2px}
.atk-eyebrow{font-family:var(--font-mono);font-size:var(--type-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted)}
.atk-grain::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("../assets/img/grain.png");background-size:180px;opacity:var(--grain-opacity);mix-blend-mode:overlay}