/**
 * Profilely — Base
 * Reset, typography, utilities. Loaded on every page.
 */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:var(--bg);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video,canvas{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}

h1,h2,h3,h4,h5,h6{margin:0 0 .5em;line-height:1.15;letter-spacing:-.02em;font-weight:700}
h1{font-size:clamp(30px,4.4vw,46px);letter-spacing:-.03em;font-weight:800}
h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.025em;font-weight:800}
h3{font-size:19px}
h4{font-size:17px}
h5{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}

p{margin:0 0 1em}
p:last-child{margin-bottom:0}

code,pre,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em}
code{background:var(--bg-2);border:1px solid var(--line);padding:2px 6px;border-radius:5px}
hr{border:0;border-top:1px solid var(--line);margin:32px 0}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.wrap--narrow{max-width:var(--wrap-narrow)}

.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
::selection{background:#c7d2fe;color:var(--ink)}