/* Homepage network and centered statement. */
:root { --shade:rgba(11,11,11,.3); --net-rgb:233,232,227; }
:root[data-theme="light"] { --shade:rgba(243,242,237,.18); --net-rgb:22,22,22; }

html { scroll-behavior:smooth; }
#network { position:fixed; inset:0; z-index:0; width:100%; height:100%; }
.shade { position:fixed; inset:0; z-index:1; pointer-events:none; background:var(--shade); }
.site-header,.site-footer { position:relative; z-index:3; }
.landing { position:relative; z-index:2; display:grid; width:100%; place-items:center; margin:0; padding:8vh 24px; text-align:center; }
.landing-inner { display:flex; flex-direction:column; align-items:center; }
.landing .promise { margin:0; color:var(--fg); font-size:clamp(18px,2vw,27px); font-weight:600; line-height:1.3; letter-spacing:.075em; text-transform:uppercase; }
.landing .belief { margin:14px 0 0; color:var(--muted); font-size:clamp(13px,1.25vw,16px); line-height:1.5; }
.projects-link { margin-top:36px; color:var(--faint); font-size:var(--font-small); font-weight:700; letter-spacing:.15em; text-decoration:none; text-transform:uppercase; transition:color 180ms ease; }
.projects-link:hover,.projects-link:focus-visible { color:var(--fg); }

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .projects-link { transition:none; }
}