:root{--bg:#fff;--bg-alt:#f5f5f7;--ink:#1d1d1f;--muted:#6e6e73;--line:#00000017;--accent:#0071e3;--radius:20px;--ease:cubic-bezier(.25, .1, .25, 1);--shell:min(1120px, 100% - clamp(2rem, 6vw, 7rem));font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:clamp(16px,1vw,18px)}:root[data-theme=dark]{--bg:#000;--bg-alt:#1d1d1f;--ink:#f5f5f7;--muted:#a1a1a6;--line:#ffffff24;--accent:#2997ff}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}button{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.025em;margin:0;font-weight:600;line-height:1.06}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--accent);color:#fff;border-radius:10px;padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.nav{z-index:100;background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{width:var(--shell);align-items:center;gap:1.5rem;min-height:52px;margin:0 auto;display:flex}.nav-mark{letter-spacing:-.01em;margin-right:auto;font-size:.95rem;font-weight:600}.nav nav{align-items:center;gap:clamp(.9rem,2.4vw,2rem);display:flex}.nav nav a{color:var(--muted);transition:color .25s var(--ease);font-size:.78rem}.nav nav a:hover,.nav nav a[aria-current=page]{color:var(--ink)}.nav-cta{background:var(--accent);border-radius:999px;padding:.35rem .85rem;font-weight:500;color:#fff!important}.nav-cta:hover{filter:brightness(1.08)}.nav-toggle{cursor:pointer;background:0 0;border:0;padding:.5rem;font-size:1.1rem;display:none}.theme-toggle{border:1px solid var(--line);width:2rem;height:2rem;color:var(--muted);cursor:pointer;transition:color .25s var(--ease), background .25s var(--ease);background:0 0;border-radius:999px;place-items:center;display:grid}.theme-toggle:hover{color:var(--ink);background:var(--bg-alt)}main{display:block}.hero,.page-hero,.section,.metrics,.tiles,.stack,.grid,.featured,.band{width:var(--shell);margin-inline:auto}.hero{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem);padding:clamp(4rem,10vw,8rem) 0 clamp(3rem,7vw,6rem);display:grid}.hero:has(.portrait){grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}.hero:has(.portrait) h1{font-size:clamp(2.3rem,4.4vw,3.7rem)}.hero:has(.portrait) .lede{font-size:1.05rem}.portrait{margin:0}.portrait img{aspect-ratio:4/5;object-fit:cover;background:var(--bg-alt);border-radius:24px;width:100%;max-width:360px;height:auto;margin-left:auto;display:block;box-shadow:0 20px 50px #00000029}.page-hero{text-align:center;padding:clamp(2.5rem,6vw,4rem) 0 clamp(1.25rem,3vw,2rem)}.eyebrow{color:var(--accent);margin-bottom:1rem;font-size:.82rem;font-weight:600}.hero h1{font-size:clamp(2.8rem,7vw,5.6rem)}.hero h1 span{color:var(--muted);margin-top:.35em;display:block}.page-hero h1{font-size:clamp(2.3rem,5vw,3.8rem)}.page-hero .lede{margin-top:1rem}.page-hero+.section,.page-hero+.stack,.page-hero+.grid,.page-hero+.featured{padding-top:0}.lede{color:var(--muted);margin-top:1.5rem;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.5}.page-hero .lede{max-width:52ch;margin-inline:auto}.hero-note{color:var(--muted);margin-top:2rem;font-size:.82rem}.actions{flex-wrap:wrap;gap:.8rem;margin-top:2.2rem;display:flex}.actions.center{justify-content:center}.button{border:1px solid var(--line);transition:transform .3s var(--ease), background .3s var(--ease);border-radius:999px;align-items:center;padding:.85rem 1.6rem;font-size:.95rem;font-weight:500;display:inline-flex}.button:hover{background:var(--bg-alt);transform:translateY(-2px)}.button.primary{background:var(--accent);color:#fff;border-color:#0000}.button.primary:hover{background:var(--accent);filter:brightness(1.08)}.section{padding-block:clamp(2.5rem,6vw,4.5rem)}.about p{font-size:1.05rem}.section-title{margin-bottom:2rem;font-size:clamp(1.6rem,3vw,2.4rem)}.section-title small{color:var(--muted);vertical-align:middle;margin-left:.5rem;font-size:.9rem;font-weight:400}.muted{color:var(--muted);line-height:1.6}.meta{color:var(--muted);letter-spacing:.01em;font-size:.78rem;font-weight:600}.link{color:var(--accent);font-size:.9rem}.link.standalone{margin-top:2rem;display:inline-block}[data-reveal]{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(18px)}[data-reveal].shown-at-once{transition:none}[data-reveal].is-visible{opacity:1;transform:none}.card{background:var(--bg-alt);border-radius:var(--radius);transition:transform .4s var(--ease);flex-direction:column;gap:.9rem;padding:clamp(1.5rem,3vw,2.4rem);display:flex}a.card:hover,.tile:hover{transform:translateY(-5px)}.card h2{font-size:clamp(1.4rem,2.4vw,2rem)}.card h3{font-size:1.1rem}.group-label{text-transform:capitalize;font-size:1.05rem!important}.chips{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.chips li{color:var(--muted);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.76rem;display:inline-flex}.skill-icon{width:15px;height:15px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor;flex:none}.skill-icon.colour{object-fit:contain;background:0 0}.bullets{color:var(--muted);gap:.6rem;margin:0;padding-left:1.1rem;font-size:.95rem;line-height:1.6;display:grid}.role-title{font-size:1rem;font-weight:500}.org{align-items:center;gap:1rem;display:flex}.org>div{gap:.2rem;min-width:0;display:grid}.org-logo{border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:14px;flex:none;width:52px;height:52px;padding:7px}.org-logo.fallback{background:var(--bg);color:var(--muted);letter-spacing:.02em;place-items:center;padding:0;font-size:.95rem;font-weight:600;display:grid}.metrics{background:var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.metrics>div{background:var(--bg-alt);padding:clamp(1.5rem,3vw,2.5rem)}.metrics strong{letter-spacing:-.03em;font-size:clamp(2rem,4vw,3.2rem);font-weight:600;display:block}.metrics p{color:var(--muted);margin-top:.4rem;font-size:.8rem}.tiles{grid-template-columns:repeat(3,1fr);gap:1.2rem;padding-block:clamp(2.5rem,6vw,4.5rem);display:grid}.tile{background:var(--bg-alt);border-radius:var(--radius);min-height:15rem;transition:transform .4s var(--ease);flex-direction:column;gap:.8rem;padding:clamp(1.6rem,3vw,2.4rem);display:flex}.tile h2{font-size:1.6rem}.tile p{color:var(--muted);font-size:.95rem;line-height:1.55}.tile span{color:var(--accent);margin-top:auto;font-size:.88rem}.stack{gap:1.2rem;padding-block:clamp(1rem,3vw,2rem);display:grid}.grid{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1.2rem;display:grid}.featured{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.feature{min-height:22rem}.feature .link,.article .link{margin-top:auto}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.filters button{border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:background .25s var(--ease), color .25s var(--ease);background:0 0;border-radius:999px;padding:.45rem 1rem;font-size:.8rem}.filters button:hover{color:var(--ink)}.filters button.active{background:var(--ink);color:var(--bg);border-color:#0000}.rows{border-top:1px solid var(--line)}.rows a{border-bottom:1px solid var(--line);transition:background .25s var(--ease);border-radius:12px;grid-template-columns:2.5rem 1.6fr 1fr auto;align-items:center;gap:1rem;padding:1.15rem .75rem;display:grid}.rows a:hover{background:var(--bg-alt)}.rows .num,.rows small{color:var(--muted);font-size:.78rem}.rows strong{font-size:1.05rem;font-weight:500}.shelf{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1.6rem 1.2rem;display:grid}.book{transition:transform .4s var(--ease);flex-direction:column;gap:.35rem;display:flex}.book:hover{transform:translateY(-5px)}.book img,.book-fallback{object-fit:cover;background:var(--bg-alt);border-radius:12px;width:100%;height:15rem;margin-bottom:.5rem;box-shadow:0 8px 24px #00000024}.book-fallback{color:var(--muted);place-items:center;font-size:2.5rem;display:grid}.book strong{font-size:.92rem;font-weight:500;line-height:1.3}.book small{color:var(--muted);font-size:.78rem}.stars{color:#f5a623;letter-spacing:.08em;font-size:.78rem}.band{text-align:center;padding-block:clamp(5rem,11vw,9rem)}.band h2{margin-block:1rem 2.2rem;font-size:clamp(2.2rem,5vw,4rem)}.footer{border-top:1px solid var(--line);width:var(--shell);color:var(--muted);margin-top:2rem;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-inline:auto;padding-block:2.5rem;font-size:.8rem;display:flex}.footer div{flex-wrap:wrap;gap:1.5rem;display:flex}.footer a:hover{color:var(--ink)}.social-link{align-items:center;gap:.4rem;display:inline-flex}.social-icon{width:14px;height:14px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor}.content-error{padding:4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=900px){.hero:has(.portrait){grid-template-columns:minmax(0,1fr)}.portrait{max-width:20rem}.metrics{grid-template-columns:1fr 1fr}.tiles,.featured{grid-template-columns:1fr}}@media (width<=720px){.nav-toggle{display:block}.nav nav{display:none}.nav nav.open{inset-inline:0;background:var(--bg);border-bottom:1px solid var(--line);gap:.25rem;padding:1rem clamp(1rem,5vw,3rem) 1.5rem;display:grid;position:absolute;top:52px}.nav nav.open a{color:var(--ink);padding:.6rem 0;font-size:1.1rem}.nav-cta{justify-self:start}.rows a{grid-template-columns:2rem 1fr auto}.rows small{display:none}.shelf{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr))}.book img,.book-fallback{height:11rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}