*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--bg2: #f5f4f1;--text: #1a1a18;--text2: #6b6a66;--text3: #aeada8;--border: rgba(0, 0, 0, .09);--border2: rgba(0, 0, 0, .15);--tag-bg: #f0efe9}@media(prefers-color-scheme:dark){:root{--bg: #131311;--bg2: #1e1e1b;--text: #f0efea;--text2: #9e9d98;--text3: #5a5955;--border: rgba(255, 255, 255, .08);--border2: rgba(255, 255, 255, .13);--tag-bg: #222220}}html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,SF Pro Text,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:3rem 1.5rem}#root{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh}.wrap{width:100%;max-width:520px;animation:up .5s ease both}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23g)'/%3E%3C/svg%3E");background-size:300px;z-index:0}.header{margin-bottom:2.5rem;animation:up .5s ease both}.name{font-size:clamp(1.5rem,5vw,1.85rem);font-weight:300;letter-spacing:-.01em;color:var(--text);line-height:1.1;margin-bottom:.5rem}.bio{font-size:.875rem;font-weight:300;color:var(--text2);line-height:1.6;margin-bottom:.8rem}.loc{font-size:.65rem;font-weight:400;letter-spacing:.11em;text-transform:uppercase;color:var(--text3)}.divider{width:28px;height:1px;background:var(--border2);margin-bottom:2rem;animation:up .5s .05s ease both}.cards{display:flex;flex-direction:column;gap:1px;background:var(--border);border:.5px solid var(--border);animation:up .5s .1s ease both}.card{background:var(--bg);padding:1.1rem 1.15rem 1.2rem;display:flex;align-items:flex-start;gap:1rem;text-decoration:none;cursor:pointer;transition:background .15s}.card:hover{background:var(--bg2)}.card-num{font-size:.6rem;font-weight:500;letter-spacing:.08em;color:var(--text3);padding-top:3px;min-width:14px;flex-shrink:0}.card-body{flex:1;min-width:0}.card-meta{display:flex;align-items:center;gap:.45rem;margin-bottom:.3rem;flex-wrap:wrap}.card-label{font-size:.63rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}.card-tag{font-size:.6rem;font-weight:400;font-style:italic;color:var(--text2);background:var(--tag-bg);border:.5px solid var(--border);padding:1px 6px;border-radius:3px;white-space:nowrap}.card-title{font-size:1.05rem;font-weight:400;color:var(--text);letter-spacing:-.01em;line-height:1.2;margin-bottom:.3rem}.card-title sup{font-size:.6em;vertical-align:super}.card-desc{font-size:.79rem;font-weight:300;color:var(--text2);line-height:1.55}.card-arrow{font-size:.75rem;color:var(--text3);padding-top:4px;flex-shrink:0;transition:transform .15s,color .15s}.card:hover .card-arrow{transform:translate(2px,-2px);color:var(--text2)}.footer{margin-top:1.5rem;display:flex;align-items:center;gap:.5rem;animation:up .5s .2s ease both}.footer-line{width:16px;height:.5px;background:var(--border2);flex-shrink:0}.footer-text{font-size:.63rem;font-weight:400;letter-spacing:.07em;text-transform:uppercase;color:var(--text3)}.footer-text a{color:var(--text3);text-decoration:none;border-bottom:.5px solid var(--border2);padding-bottom:1px;transition:color .15s}.footer-text a:hover{color:var(--text2)}@keyframes up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}