@import url(https://use.typekit.net/jmk3xov.css);:root{--dark-bg:rgba(15, 15, 15, 0.95);--spacing:350px;font-family:brandon-grotesque,sans-serif;font-weight:400;font-style:normal}canvas{position:fixed;top:0;left:0}main{width:100vw;color:#fff;z-index:99;position:absolute;width:100%;margin:0 auto;padding:120px 0;display:grid;grid-template-columns:repeat(12,1fr)}h1,h2,h3{font-family:elevon,sans-serif;font-weight:700;font-style:normal}header{background:var(--dark-bg);grid-column:2/span 5;font-size:2.5rem;padding:2rem;margin-bottom:var(--spacing)}header p{margin:.75rem 0 0;font-size:1.25rem;line-height:1.4}header .subline{opacity:.9;font-size:1.05rem}section{grid-column:2/8;padding:1.25rem 1.5rem;background:var(--dark-bg);font-size:1.15rem;line-height:1.6;margin-bottom:var(--spacing)}section h2{margin-top:0}section ul{margin:.75rem 0 1rem;padding-left:1.25rem}hr{border:none;border-top:1px solid rgba(255,255,255,.12);margin:1.5rem 0}a{color:#ff7849;text-decoration:none;font-weight:600}a:hover{text-decoration:underline;opacity:.9}.project-links a{display:inline-block;margin-right:12px;padding:6px 14px;border-radius:8px;background:#ff7849;color:#111;font-weight:700;text-decoration:none;transition:.2s ease}.project-links a:hover{transform:translateY(-2px);opacity:.9;text-decoration:none}.contact-icons{display:flex;gap:24px;margin-top:16px}.contact-icons img{width:32px;height:32px;transition:transform .2s ease,opacity .2s ease;cursor:pointer}.contact-icons img:hover{transform:scale(1.2);opacity:.8}.contact{padding-top:3.5rem;padding-bottom:3.5rem}.contact-subline{opacity:.85;margin-top:.75rem;max-width:60ch}.contact-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.contact-pill{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff;transition:transform 140ms ease,background 140ms ease,border-color 140ms ease,box-shadow 140ms ease}.contact-pill img{width:20px;height:20px;opacity:.95}.contact-pill span{font-weight:600;letter-spacing:.2px}.contact-pill:hover{transform:translateY(-2px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);box-shadow:0 10px 28px rgba(0,0,0,.35)}.contact-pill:active{transform:translateY(0)}.contact-pill:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:3px}@media (max-width:520px){.contact-row{gap:10px}.contact-pill{width:100%;justify-content:center}}