:root{color-scheme:dark;--ink:#f5f5f7;--muted:#a1a1a6;--blue:#2997ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#000;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:10;background:#000d;backdrop-filter:blur(18px);border-bottom:1px solid #252527}.wrap,.nav{max-width:1120px;margin:auto;padding-left:5%;padding-right:5%}.nav{padding-top:23px;padding-bottom:23px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:18px;font-weight:700;letter-spacing:-.7px}.wordmark span{color:var(--blue)}nav{display:flex;gap:32px;font-size:13px}nav a:hover,.social-link:hover{color:var(--blue)}.hero{padding-top:64px;padding-bottom:44px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:600}.hero h1{font-weight:500;font-size:clamp(64px,8.8vw,132px);line-height:.99;letter-spacing:-.075em;margin:33px 0 35px}.hero h1 .muted{color:#85858a}.intro{font-size:18px;line-height:1.6;max-width:650px;color:var(--muted);margin:0}.about{border-top:1px solid #2b2b30;padding:36px 0;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.about h2{font-size:43px;font-weight:500;letter-spacing:-2px;line-height:1.12;margin:14px 0 0}.about-copy>p{font-size:22px;line-height:1.55;letter-spacing:-.6px;margin:0 0 28px;max-width:75ch}.interests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.interests>div{border-top:1px solid #2b2b30;padding-top:16px}.interests h3{font-size:15px;font-weight:500;margin:0 0 10px}.interests p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}.contact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;border-top:1px solid #2b2b30;padding:36px 0}.contact h2{font-size:40px;letter-spacing:-1.8px;line-height:1.12;font-weight:500;margin:16px 0}.contact p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.contact-links{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;min-width:200px;padding:15px 24px;border:1px solid transparent;border-radius:16px;background:var(--blue);color:#fff;font-size:15px;font-weight:600;line-height:1.3;transition:background .2s,transform .2s}.pill span{font-size:21px;font-weight:400;line-height:1}.pill:active{transform:scale(.98)}.social-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;min-height:44px;color:var(--muted)}footer{border-top:1px solid #2b2b30;padding:18px 0 22px;display:flex;justify-content:space-between;align-items:center;font-size:13px;line-height:1.6;color:#929297}footer a{display:inline-flex;align-items:center;gap:10px;padding:10px 0}a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(hover:hover){.pill:hover{background:#47a6ff;transform:translateY(-2px)}}@media(max-width:800px){nav{gap:20px}.hero{padding:48px 0 44px}.hero h1{font-size:clamp(58px,11vw,85px);letter-spacing:-.065em;margin:28px 0}.hero .intro{font-size:16px;line-height:1.75}.about{gap:20px;padding:36px 0 40px}.about h2{font-size:clamp(32px,8vw,43px)}.about-copy>p{font-size:20px;line-height:1.6}.interests{grid-template-columns:minmax(0,1fr);gap:0}.interests>div{padding:20px 0}.interests h3{font-size:16px;margin:0 0 8px}.interests p{line-height:1.7}.contact{display:flex;flex-direction:column;align-items:stretch;gap:24px;border:0;border-radius:20px;background:#151517;padding:30px 24px;margin-bottom:36px}.contact h2{font-size:clamp(32px,8vw,40px);letter-spacing:-1.4px;margin:18px 0}.contact-links{align-items:stretch;gap:8px}.pill{width:100%}.social-link{align-self:center}footer{flex-direction:column;align-items:stretch;gap:18px;padding:24px 0 30px;font-size:12px}footer>span{order:1;text-align:center}footer a[href="#"]{order:0;display:flex;justify-content:space-between;min-height:52px;padding:14px 20px;border:1px solid #38383d;border-radius:16px;background:#171719;color:var(--ink);font-size:15px;font-weight:600}footer a span:last-child{color:var(--blue);font-size:23px;font-weight:400}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}


/* Contact icon buttons */
.contact .contact-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  width: auto;
}
.contact a.contact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: auto;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  padding: 0;
  border: 1px solid #38383d;
  border-radius: 14px;
  background: #171719;
  color: #f5f5f7;
  box-shadow: none;
  transform: none;
  transition: background .2s, border-color .2s;
}
.contact a.contact-icon svg {
  display: block;
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Footer navigation */
footer a.back-to-top {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
}
footer a.back-to-top > span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
}
footer .back-to-top svg {
  display: block;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  color: inherit;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
nav a[href="#contact"] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Pointer interactions */
@media (hover: hover) {
  .contact a.contact-icon:hover {
    background: #252528;
    border-color: #2997ff;
    color: #2997ff;
    transform: none;
  }
}

/* Mobile contact layout */
@media (max-width: 800px) {
  .contact .contact-links {
    width: 100%;
    justify-content: center;
    align-self: stretch;
  }
}
