/* The public home page (troyvixious.com/): the name and three icon links, centred on the void from styles.css.
   Icons are Simple Icons brand marks (CC0), inlined so they need no extra files. */
/* Exactly one screen, no scrolling: dvh is the visible height on phones (100vh includes the space behind the address
   bar there). This file only loads on this page, so the html/body rules don't touch the tools. */
html,body{height:100%;overflow:hidden;overscroll-behavior:none}
body{padding-block:0}
.landing{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}
.landing h1{margin:0;font-size:clamp(34px, 10vw, 72px);font-weight:800;letter-spacing:.06em;line-height:1;
  text-shadow:0 0 40px rgba(119,79,150,.6)}
.social{display:flex;gap:12px}
.social a{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:var(--dim);
  background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);
  transition:color .15s, border-color .15s, background .15s}
.social a:hover{color:var(--fg);border-color:var(--accent-hi);background:var(--accent-soft)}
.social svg{width:22px;height:22px;fill:currentColor}
a:focus-visible{outline:2px solid var(--accent-hi);outline-offset:3px}