:root{--bg:#15170f;--ink:#f5f0e8;--soft:#cbc4b9;--xyz:#faafa5;--llc:#e97862;--org:#f45d43;--random:#ff4124}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg)}
body{font-family:"Segoe UI",Arial,sans-serif;color:var(--ink)}
.skip{position:fixed;z-index:20;left:12px;top:0;transform:translateY(-120%);padding:10px 14px;background:#fff;color:#111;border-radius:0 0 6px 6px}
.skip:focus{transform:translateY(0)}
.site{position:relative;isolation:isolate;display:flex;min-height:100svh;flex-direction:column;overflow:hidden;background:var(--bg)}
.layer{position:absolute;inset:0;z-index:-4;pointer-events:none}
.photo{background-image:image-set(url("/assets/bg.webp") type("image/webp"),url("/assets/bg.png") type("image/png"));background-position:center;background-size:cover}
.veil{z-index:-3;background:linear-gradient(180deg,rgba(8,9,7,.63),rgba(8,9,7,.84) 58%,rgba(8,9,7,.97))}
.grid{z-index:-2;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black 0%,black 64%,transparent 98%)}
.glow{z-index:-1;background:radial-gradient(circle at 50% 42%,rgba(255,65,36,.2),transparent 39%),linear-gradient(180deg,transparent 54%,rgba(21,23,15,.88) 78%,#15170f 100%)}
main{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:44px 20px 26px;text-align:center}
.mark{display:block;width:min(38vw,310px);height:auto;filter:drop-shadow(0 16px 35px rgba(0,0,0,.55))}
h1{margin:18px 0 8px;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(35px,5vw,68px);font-weight:400;line-height:1;color:var(--ink);text-shadow:0 2px 18px #000}
.status{margin:0;color:var(--soft);font-family:Consolas,"Courier New",monospace;font-size:clamp(14px,1.5vw,18px);letter-spacing:.025em}
.footer{position:relative;padding:12px 10px 18px;text-align:center;background:linear-gradient(180deg,transparent,rgba(21,23,15,.98) 32%)}
.footer p{margin:0;font-family:Consolas,"Courier New",monospace;font-size:clamp(10px,.75vw,12px);line-height:1.35;color:#e9e3da;white-space:nowrap}
.foot-family{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
.foot-family:hover{text-decoration-color:currentColor}
.foot-family:focus-visible{outline:2px solid #fff;outline-offset:3px;text-decoration-color:currentColor}
a.foot-xyz{color:var(--xyz)}
a.foot-llc{color:var(--llc)}
a.foot-org{color:var(--org)}
a.foot-random{color:var(--random)}
@media(max-width:640px){
  main{padding:36px 12px 18px}
  .mark{width:min(70vw,270px)}
  .footer{padding:4px 4px 8px}
  .footer p{font-size:clamp(9px,2.65vw,10.5px);line-height:1.15;white-space:normal}
  .footer .foot-separator{display:none}
  .footer .foot-lead,.footer .foot-domains{display:block;white-space:nowrap}
  .footer .foot-family{min-width:44px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}