:root{color-scheme:light;--bg:#f5f2eb;--fg:#202c35;--muted:#687781;--line:#d8dfdd;--gap:15px;--radius:15px;--row-height:167px}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--fg);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 95% 0%,#e2eee9 0,transparent 48%),var(--bg);min-height:100vh}a{color:inherit}
.shell{max-width:1210px;margin:0 auto;padding:clamp(35px,6vw,80px) clamp(20px,5vw,76px) 70px;display:grid;grid-template-columns:minmax(250px,.86fr) minmax(0,1.45fr);gap:clamp(28px,5vw,78px);align-items:start}
.intro{position:sticky;top:60px}.identity{display:flex;flex-direction:column;gap:0}.avatar{margin-bottom:25px;display:block;width:125px;height:125px;object-fit:cover;border-radius:18px;box-shadow:11px 11px 0 #dce4db;background:#dce4db}.identity-copy h1{font:700 clamp(32px,3.7vw,50px)/1.02 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.065em;margin:0 0 16px}.identity-copy p{font-size:14px;line-height:1.55;color:#346d66;font-weight:700;margin:0;letter-spacing:.01em}.bio{border-top:1px solid var(--line);padding-top:25px;margin:30px 0 0;font-size:15px;line-height:1.8;color:#52636b;max-width:390px}
.links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--desktop-rows,1),var(--row-height));grid-auto-flow:row dense;gap:var(--gap);min-width:0}
.link-card{grid-column:var(--d-col);grid-row:var(--d-row);--accent:var(--card-bg,#aecfc5);position:relative;display:flex;flex-direction:column;min-width:0;isolation:isolate;overflow:hidden;border:1px solid #000;border-radius:var(--radius);padding:17px;background:var(--card-bg,#aecfc5);color:var(--card-fg,#ffffff);box-shadow:0 2px 0 #d9dfd9;transition:transform .2s ease,box-shadow .2s ease}.link-card:hover{transform:translateY(-3px);box-shadow:0 11px 30px #2d4a4320}
.card-link{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:16px;min-height:0;text-decoration:none}.card-icon{font-size:27px;line-height:1;color:inherit}.card-copy{position:relative;z-index:1}.card-title{font:700 clamp(14px,1.4vw,19px)/1.15 system-ui,-apple-system,'Segoe UI',sans-serif;margin:0 0 7px;letter-spacing:-.025em}.card-subtitle{font-size:12px;line-height:1.4;color:inherit;opacity:.82;margin:0}.card-arrow{position:absolute;top:18px;right:17px;color:inherit;opacity:.8;font-size:17px}.card-info{position:absolute;right:11px;top:11px;z-index:3;display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:0;border-radius:100%;border:1px solid currentColor;background:#ffffff24;color:inherit;font-size:18px;cursor:pointer}.card-info i{display:block;width:1em;height:1em;line-height:1;text-align:center;flex:none}.card-info:hover{background:#ffffff45}.link-card:has(.card-info) .card-arrow{right:54px}.card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.link-card.has-image::after{content:'';position:absolute;inset:0;background:var(--card-bg,#344e56);opacity:.75;z-index:-1;pointer-events:none}
.description-dialog{width:min(92vw,490px);max-height:80vh;padding:28px;border:1px solid var(--line);border-radius:19px;background:#fffefa;color:var(--fg);box-shadow:0 20px 80px #152f3544}.description-dialog::backdrop{background:#1b303a8a;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.dialog-heading h2{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:25px;letter-spacing:-.04em;margin:0}.dialog-close{border:0;border-radius:50%;background:#e9eeea;color:var(--fg);width:36px;height:36px;cursor:pointer;font-size:17px}#dialog-description{white-space:pre-line;line-height:1.75;overflow-wrap:anywhere;color:#51666b;margin:21px 0 0}.card-link:focus-visible,.card-info:focus-visible,.dialog-close:focus-visible{outline:3px solid #236b67;outline-offset:3px}.nojs{padding:20px;text-align:center}
@media(max-width:900px){.shell{display:block;max-width:700px;padding:35px 22px 60px}.intro{position:static;margin-bottom:34px}.identity{flex-direction:row;align-items:center}.avatar{margin:0 22px 0 0}.avatar{width:95px;height:95px;flex-shrink:0}.identity-copy h1{font-size:clamp(26px,5vw,39px);margin-bottom:9px}.bio{margin-top:26px;padding-top:20px;max-width:620px}.links{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--mobile-rows,1),var(--row-height))}.link-card{grid-column:var(--m-col);grid-row:var(--m-row)}}
@media(max-width:440px){.shell{padding:25px 15px 48px}.avatar{width:76px;height:76px}.avatar{margin-right:17px}.identity-copy h1{font-size:25px}.identity-copy p{font-size:12px}.bio{font-size:14px}.links{--row-height:145px;gap:10px}.link-card{padding:13px;border-radius:12px}.card-title{font-size:15px}.card-icon{font-size:23px}.card-subtitle{font-size:11px}.card-info{right:7px;top:8px;width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.link-card{transition:none}.link-card:hover{transform:none}}

/* Button-backed cards have the same appearance as linked cards. */
.card-activator{appearance:none;border:0;background:none;color:inherit;padding:0;width:100%;text-align:left;font:inherit;cursor:pointer}
#dialog-description{white-space:normal}
#dialog-description p{margin:0 0 12px}
#dialog-description p:last-child,#dialog-description ul:last-child{margin-bottom:0}
#dialog-description ul{margin:8px 0 15px;padding-left:23px}
#dialog-description li{margin:4px 0}
#dialog-description a{color:#116b7b;text-decoration:underline;text-underline-offset:2px}
#dialog-description code{background:#eaf0ee;border-radius:4px;padding:1px 4px;font-size:.9em}