/* Shared base styles for the site. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}svg{display:block;width:100%;height:auto}button.project{display:block;width:100%;color:inherit;text-align:left;border:0;padding:0;background:none}button.project:hover .art svg{transform:scale(1.035)}.art{overflow:hidden}.art svg{transition:transform .35s}.eyebrow{font-family:monospace;font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.project h3{font-weight:500}.project p{line-height:1.6}.skip{position:fixed;top:12px;left:12px;z-index:20;padding:10px 16px;background:var(--ink);color:var(--paper)}.skip:not(:focus){clip-path:inset(50%);height:1px;width:1px;overflow:hidden;padding:0;white-space:nowrap}dialog{background:var(--paper,#faf9f5);color:var(--ink,#222);border:1px solid var(--line,#ccc);padding:24px;width:min(640px,calc(100% - 32px));max-height:88vh;overflow:auto}dialog::backdrop{background:#111a;backdrop-filter:blur(6px)}.dialog-close{display:block;margin:0 0 16px auto;border:1px solid var(--line,#ccc);background:transparent;color:inherit;padding:8px 14px}.dialog-content h2{font-size:32px;line-height:1.15;margin:16px 0}.dialog-content>p{line-height:1.7}.dialog-content>strong{display:block;margin-top:20px;color:var(--accent)}.dialog-content>a{display:inline-block;margin:12px 0}.dialog-tags{font-size:12px;opacity:.7}.dialog-art svg{max-height:310px}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}a[href^="mailto:"]{overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}