:root{--purple:#3b1f5c;--purple-dark:#1e0f30;--ink:#111;--body:#333;--muted:#555;--rule:#d9d9d9;--tint:#e9e4f0;--tint-2:#dcd3e6;--bg:#fff;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--sans:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--column:1080px;--gutter:24px;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0;font-size:17px;line-height:1.65}img,video{max-width:100%;height:auto;display:block}a{color:var(--purple)}a:hover{color:var(--purple-dark)}:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{background:var(--purple);color:#fff;z-index:10;border-radius:999px;padding:10px 16px;position:absolute;top:-60px;left:16px}.skip-link:focus{color:#fff;top:16px}.container{max-width:var(--column);padding-inline:var(--gutter);margin:0 auto}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:32px;display:flex}.brand{color:var(--ink);flex-direction:column;line-height:1.2;text-decoration:none;display:flex}.brand:hover{color:var(--ink)}.brand-name{font-family:var(--serif);font-size:30px}.brand-roles{letter-spacing:.04em;color:var(--purple);font-size:13px;font-weight:500}@media (width>=640px){.brand{flex-direction:row;align-items:baseline;gap:10px}.brand-roles:before{content:"| "}}.site-nav{flex-wrap:wrap;gap:0 20px;font-size:15px;display:flex}.site-nav a{color:var(--ink);flex-direction:column;align-items:center;padding-block:10px;text-decoration:none;display:inline-flex}.site-nav a:after{content:attr(data-label);visibility:hidden;user-select:none;pointer-events:none;height:0;font-weight:700;overflow:hidden}.site-nav a:hover,.site-nav a:focus-visible{color:var(--ink);font-weight:700}.site-nav a[aria-current=page]{color:var(--purple);text-underline-offset:6px;font-weight:700;text-decoration:underline}.site-footer{border-top:1px solid var(--rule);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;padding-block:24px;font-size:14px;display:flex}.social-links{flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none;display:flex}.page-title{font-family:var(--serif);margin:0 0 12px;font-size:clamp(40px,8vw,56px);font-weight:400;line-height:1.1}.section-title{font-family:var(--serif);margin:0 0 8px;font-size:clamp(30px,6vw,38px);font-weight:400;line-height:1.15}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--purple);margin:0 0 8px;font-size:13px;font-weight:700}.lead{color:var(--body);margin:0}.muted{color:var(--muted)}.prose{color:var(--body)}.prose>:first-child{margin-top:0}.prose h2,.prose h3{font-family:var(--serif);color:var(--ink);font-weight:400}main{padding-block:40px 72px}.section{margin-bottom:72px}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:14px 28px;font-weight:500;text-decoration:none;display:inline-block}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{background:var(--purple-dark);color:#fff}.btn-outline{border-color:var(--ink);color:var(--ink);background:0 0}.btn-outline:hover{background:var(--ink);color:#fff}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.text-link{margin-top:20px;font-weight:500;display:inline-block}.work-list{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.work-row{border-bottom:1px solid var(--rule);color:var(--ink);grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:4px 20px;padding:18px 0;text-decoration:none;display:grid}.work-row:hover{color:var(--ink)}.work-row:hover .work-title{text-underline-offset:4px;text-decoration:underline 1px}.thumb{object-fit:cover;background:var(--tint);width:96px;height:64px;color:var(--purple);flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}.thumb-dark{background:var(--ink);color:#fff}.work-text{min-width:0}@media (width<=560px){.work-row{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:2px 14px}.work-row .thumb{grid-row:span 2;width:72px;height:48px}.work-row>time{grid-column:2}.work-title{font-size:22px}}.work-title{font-family:var(--serif);font-size:26px;line-height:1.25;display:block}.work-meta{color:var(--muted);font-size:15px}.pills{flex-wrap:wrap;gap:8px;margin:28px 0 64px;padding:0;list-style:none;display:flex}.pills a{border:1px solid var(--ink);color:var(--ink);border-radius:999px;padding:10px 18px;font-size:15px;text-decoration:none;display:inline-block}.pills a:hover{background:var(--ink);color:#fff}.video-frame{background:var(--ink);aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.video-frame.is-vertical{aspect-ratio:9/16;max-width:400px;margin-inline:auto}.video-frame iframe,.video-frame video,.video-frame>img{object-fit:contain;background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.video-frame>img{object-fit:cover}.play-button{all:unset;cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-button span{background:#111111bf;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.play-button:hover span,.play-button:focus-visible span{background:var(--purple)}.play-button:focus-visible{outline:3px solid var(--purple);outline-offset:-3px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:28px 16px;display:grid}.video-card{color:var(--ink);flex-direction:column;gap:6px;text-decoration:none;display:flex}.video-card:hover{color:var(--ink)}.video-card-thumb{aspect-ratio:16/9;background:var(--ink);position:relative;overflow:hidden}.video-card-thumb.is-vertical{aspect-ratio:9/16}.video-card-thumb img{object-fit:cover;width:100%;height:100%}.video-card-thumb .badge{color:#fff;background:#111c;border-radius:999px;padding:2px 10px;font-size:13px;position:absolute;bottom:8px;left:8px}.video-card-title{font-family:var(--serif);font-size:21px;line-height:1.25}.video-card:hover .video-card-title{text-underline-offset:4px;text-decoration:underline 1px}.video-switch{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:20px;display:grid}.video-switch button{all:unset;cursor:pointer;color:var(--ink);flex-direction:column;gap:6px;font-size:14px;display:flex}.video-switch .switch-thumb{aspect-ratio:16/9;color:#fff;background:#333;justify-content:center;align-items:center;display:flex;overflow:hidden}.video-switch .switch-thumb img{object-fit:cover;width:100%;height:100%}.video-switch button[aria-pressed=true] .switch-thumb,.video-switch button:focus-visible .switch-thumb{outline:3px solid var(--purple);outline-offset:2px}.photo-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,2vw,12px);display:grid}.photo-strip img{aspect-ratio:1;object-fit:cover;width:100%}.gallery{columns:2 260px;column-gap:16px}.gallery figure{break-inside:avoid;margin:0 0 20px}.gallery button{all:unset;cursor:zoom-in;width:100%;display:block}.gallery button:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.gallery img{width:100%;height:auto}.gallery figcaption{color:var(--muted);padding-top:6px;font-size:14px}.lightbox{color:#fff;background:#0a0a0af2;border:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}.lightbox::backdrop{background:#0a0a0af2}.lightbox-inner{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:56px 16px 24px;display:flex}.lightbox img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 140px)}.lightbox-caption{text-align:center;color:#e6e6e6;max-width:640px;font-size:15px}.lightbox button{font:inherit;color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;min-width:44px;min-height:44px;padding:0 14px}.lightbox button:hover{background:#ffffff40}.lightbox .lb-close{position:absolute;top:12px;right:12px}.lightbox .lb-prev,.lightbox .lb-next{position:absolute;top:50%;transform:translateY(-50%)}.lightbox .lb-prev{left:12px}.lightbox .lb-next{right:12px}.intro{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.headshot{object-fit:cover;background:var(--tint);border-radius:50%;flex:none}.intro-text{flex:360px;min-width:0}.media-block{margin:0 0 28px}.media-block img{width:100%}.pdf-frame{aspect-ratio:8.5/11;border:1px solid var(--rule);width:100%;max-height:80vh}.screenshots{flex-direction:column;gap:16px;display:flex}.screenshots img{border:1px solid var(--rule)}audio{width:100%}details.transcript{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:40px 0 0;padding:16px 0}details.transcript summary{cursor:pointer;font-weight:500}.pager{border-top:1px solid var(--ink);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:56px;padding-top:24px;display:flex}.pager a{color:var(--ink);flex-direction:column;max-width:48%;text-decoration:none;display:flex}.pager a:last-child{text-align:right;margin-left:auto}.pager small{color:var(--muted);font-size:13px}.pager span{font-family:var(--serif);font-size:22px;line-height:1.25}.plain-list{border-top:1px solid var(--ink);margin:0 0 48px;padding:0;list-style:none}.plain-list li{border-bottom:1px solid var(--rule);padding:18px 0}.plain-list strong{font-family:var(--serif);font-size:24px;font-weight:400;display:block}.form{flex-direction:column;gap:20px;max-width:560px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:15px;font-weight:500}.field input,.field textarea{font:inherit;border:1px solid var(--ink);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:12px 14px}.field textarea{resize:vertical;min-height:160px}.honeypot{position:absolute;left:-10000px}.form-status{margin:0;font-weight:500}.contact-alt{border-top:1px solid var(--rule);flex-direction:column;gap:16px;margin-top:56px;padding-top:32px;display:flex}@media (width<=560px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.video-card-title{font-size:18px}}
