:root{
  --ink:#1c1a2b; --muted:#4a4760; --bg:#ffffff; --tint:#f5f1fa; --line:#d9d2e6;
  --brand:#5a2a82; --brand-ink:#ffffff; --brand-dark:#3d1a5c; --accent:#f3b33d; --accent-ink:#1c1a2b;
  --teal:#0b6466; --focus:#ffbf47; --focus-ink:#0b0b0b; --card:#ffffff; --dark:#24123a; --dark-ink:#ffffff;
  --base:1.125rem; --lh:1.6; --ls:normal; --ws:normal;
  --font:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --head:Georgia,"Times New Roman",serif;
}
html[data-size="large"]{--base:1.3125rem}
html[data-size="xlarge"]{--base:1.5rem}
html[data-font="easy"]{--font:Verdana,Tahoma,"Atkinson Hyperlegible",Arial,sans-serif;--head:Verdana,Tahoma,Arial,sans-serif}
html[data-spacing="wide"]{--lh:1.9;--ls:.06em;--ws:.16em}
html[data-theme="contrast-light"]{--ink:#000;--muted:#000;--bg:#fff;--tint:#fff;--line:#000;--brand:#000;--brand-ink:#fff;--brand-dark:#000;--accent:#000;--accent-ink:#fff;--teal:#000;--card:#fff;--dark:#000;--dark-ink:#fff;--focus:#0047ff;--focus-ink:#fff}
html[data-theme="contrast-dark"]{--ink:#ffeb3b;--muted:#ffeb3b;--bg:#000;--tint:#000;--line:#ffeb3b;--brand:#ffeb3b;--brand-ink:#000;--brand-dark:#ffeb3b;--accent:#ffeb3b;--accent-ink:#000;--teal:#ffeb3b;--card:#000;--dark:#000;--dark-ink:#ffeb3b;--focus:#fff;--focus-ink:#000}
html[data-theme="cream"]{--bg:#fbf6e9;--tint:#f3ecd9;--card:#fffdf6;--line:#d8ccad}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--base);line-height:var(--lh);letter-spacing:var(--ls);word-spacing:var(--ws)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--head);line-height:1.2;margin:0 0 .5em;color:var(--ink)}
h1{font-size:clamp(2rem,6vw,3.25rem)}
h2{font-size:clamp(1.65rem,4.5vw,2.4rem)}
h3{font-size:1.2em}
p{margin:0 0 1em}
a{color:var(--brand);text-underline-offset:.18em;text-decoration-thickness:.08em}
a:hover{text-decoration-thickness:.16em}
:focus-visible{outline:4px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 7px var(--ink)}
.wrap{max-width:72rem;margin:0 auto;padding:0 1.25rem}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:1rem;top:-10rem;background:var(--focus);color:var(--focus-ink);padding:.75rem 1rem;font-weight:700;z-index:100}
.skip-link:focus{top:1rem}
.mockup-banner{background:var(--accent);color:var(--accent-ink);padding:.6rem 1.25rem;text-align:center;font-size:.9em}
html[data-theme="contrast-light"] .mockup-banner{background:#000;color:#fff}
/* header */
.site-header{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.6rem;padding-bottom:.6rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);min-width:0}
.brand img{width:76px;height:auto;border-radius:6px}
html[data-theme="contrast-dark"] .brand img{filter:invert(1) grayscale(1) contrast(2)}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-name{font-family:var(--head);font-weight:700;font-size:1.15em}
.brand-by{font-size:.8em;color:var(--muted)}
.header-actions{display:flex;gap:.5rem;flex-shrink:0}
button{font:inherit;letter-spacing:inherit;cursor:pointer}
.display-btn,.menu-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:48px;padding:.5rem .85rem;border-radius:999px;border:2px solid var(--brand);background:var(--bg);color:var(--brand);font-weight:700;font-size:.9em}
.display-btn[aria-expanded="true"]{background:var(--brand);color:var(--brand-ink)}
.site-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;padding-top:.2rem;padding-bottom:.5rem;margin:0 auto}
.site-nav a{display:inline-block;padding:.45rem 0;color:var(--ink);font-weight:600;text-decoration:none;border-bottom:3px solid transparent}
.site-nav a:hover{border-bottom-color:var(--brand)}
.site-nav a.nav-cta{color:var(--brand)}
.menu-btn{display:none}
@media (max-width:760px){
  .brand-by{display:none}
  .display-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .display-btn{padding:.5rem .7rem}
  .js .menu-btn{display:inline-flex}
  .js .site-nav{display:none}
  .js .site-nav.open{display:block}
  .site-nav ul{flex-direction:column;gap:0;padding-bottom:1rem}
  .site-nav a{display:block;padding:.75rem 0;border-bottom:1px solid var(--line)}
}
/* display panel */
.display-panel{background:var(--tint);border-top:1px solid var(--line);padding:1.25rem 0 1.5rem;max-height:calc(100vh - 7rem);overflow:auto}
.display-panel h2{font-size:1.5em}
.panel-intro{color:var(--muted)}
.option-groups{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
fieldset{border:2px solid var(--line);border-radius:12px;padding:.75rem 1rem 1rem;margin:0;background:var(--card)}
legend{font-weight:700;padding:0 .35rem}
fieldset label{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;min-height:44px}
fieldset input{width:1.35rem;height:1.35rem;accent-color:var(--brand);flex-shrink:0}
.panel-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.7rem 1.4rem;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid var(--brand);font-size:1em}
.btn-primary{background:var(--brand);color:var(--brand-ink)}
.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.btn-secondary{background:transparent;color:var(--brand)}
.btn-small{min-height:44px;padding:.4rem 1rem;background:var(--card);color:var(--brand);font-size:.9em}
/* hero */
.hero{background:linear-gradient(180deg,var(--tint),var(--bg));padding:2.5rem 0 2rem}
html[data-theme^="contrast"] .hero{background:var(--bg)}
.hero-inner{display:grid;gap:2rem;align-items:center}
@media (min-width:860px){.hero-inner{grid-template-columns:1.4fr 1fr}.hero{padding:4rem 0 3rem}}
.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--teal);font-size:.85em}
.lead{font-size:1.25em;font-weight:500}
.lead-sub{color:var(--muted)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.hero-photo{margin:0;justify-self:center;max-width:22rem;width:100%}
.hero-photo img{border-radius:24px;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;box-shadow:12px 12px 0 var(--accent)}
html[data-theme^="contrast"] .hero-photo img{box-shadow:none;border:3px solid var(--ink)}
/* ticker */
.ticker{background:var(--dark);color:var(--dark-ink)}
.ticker-bar{display:flex;align-items:center;gap:.75rem;max-width:72rem;margin:0 auto;padding:.5rem 1.25rem}
.ticker-pause{flex-shrink:0;min-height:44px;padding:.3rem .9rem;border-radius:999px;border:2px solid var(--dark-ink);background:transparent;color:var(--dark-ink);font-weight:700;font-size:.85em}
.ticker-window{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker-track{display:flex;gap:2.5rem;list-style:none;margin:0;padding:.4rem 0;width:max-content;font-weight:600;white-space:nowrap}
.ticker-track li::before{content:"●";color:var(--accent);margin-right:.8rem;font-size:.7em;vertical-align:middle}
html[data-theme^="contrast"] .ticker-track li::before{color:inherit}
.js .ticker-track.moving{animation:tick 45s linear infinite}
.ticker.paused .ticker-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.js .ticker-track.moving{animation:none}.ticker-track{flex-wrap:wrap;white-space:normal;width:auto;gap:.4rem 1.5rem}.ticker-pause{display:none}.ticker-window{mask-image:none}}
html.no-motion .ticker-track{animation:none!important;flex-wrap:wrap;white-space:normal;width:auto;gap:.4rem 1.5rem}
/* sections */
.section{padding:3rem 0}
@media (min-width:860px){.section{padding:4.5rem 0}}
.section-tint{background:var(--tint)}
.section-dark{background:var(--dark);color:var(--dark-ink)}
.section-dark h2{color:var(--dark-ink)}
.section-intro{font-size:1.1em;color:var(--muted);max-width:44rem}
.cards{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:1rem}
@media (min-width:700px){.cards-2{grid-template-columns:1fr 1fr}.cards-3{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.cards-3{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.4rem 1.4rem .6rem;border-top:6px solid var(--brand)}
.cards-3 .card:nth-child(3n+2){border-top-color:var(--teal)}
.cards-3 .card:nth-child(3n){border-top-color:var(--accent)}
html[data-theme^="contrast"] .card{border:2px solid var(--line)}
.service{position:relative;padding-top:1.6rem}
.service-num{display:inline-flex;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);align-items:center;justify-content:center;font-weight:800;margin-bottom:.6rem}
/* highlights */
.highlights{list-style:none;margin:1.5rem 0;padding:0;display:grid;gap:1rem}
@media (min-width:700px){.highlights{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.highlights{grid-template-columns:repeat(3,1fr)}}
.highlights li{padding:1.2rem 1.2rem .4rem;border-left:6px solid var(--teal);background:var(--tint);border-radius:0 12px 12px 0}
html[data-theme^="contrast"] .highlights li{border:2px solid var(--line);border-left-width:6px}
.roles{max-width:52rem;color:var(--muted)}
/* quotes */
.quotes{display:grid;gap:1.25rem;margin-top:1.5rem}
@media (min-width:900px){.quotes{grid-template-columns:repeat(3,1fr)}}
.quote{margin:0;padding:1.4rem;border:2px solid rgba(255,255,255,.35);border-radius:16px}
html[data-theme^="contrast"] .quote{border-color:var(--dark-ink)}
.quote blockquote{margin:0}
.quote p{font-family:var(--head);font-size:1.1em}
.quote figcaption{font-weight:700;font-size:.92em}
/* events */
.events-grid{display:grid;gap:1.25rem;margin:1.5rem 0}
@media (min-width:860px){.events-grid{grid-template-columns:1.2fr 1fr;align-items:start}}
.video-placeholder{aspect-ratio:16/9;border:3px dashed var(--muted);border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;background:var(--tint);color:var(--muted);font-weight:600}
.event-list{list-style:none;margin:0;padding:0}
.event-list li{display:flex;flex-direction:column;padding:.8rem 0;border-bottom:1px solid var(--line)}
.event-list span{color:var(--muted);font-size:.95em}
/* work archive */
.work-tools{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.2rem;margin:1.5rem 0}
.search-label{display:block;font-weight:700;margin-bottom:.4rem}
input[type="search"]{width:100%;min-height:52px;font:inherit;padding:.6rem .9rem;border:2px solid var(--muted);border-radius:10px;background:var(--bg);color:var(--ink)}
input[type="search"]::placeholder{color:var(--muted);opacity:1}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.chip{min-height:44px;padding:.35rem 1rem;border-radius:999px;border:2px solid var(--brand);background:var(--bg);color:var(--brand);font-weight:600;font-size:.92em}
.chip[aria-pressed="true"]{background:var(--brand);color:var(--brand-ink)}
.work-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}
.work-meta p{margin:0;font-weight:600}
.work-list{list-style:none;margin:0;padding:0}
.work-item{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.work-item[hidden]{display:none}
.work-year{font-family:var(--head);font-weight:700;font-size:1.2em;color:var(--teal)}
.work-title{font-family:var(--font);font-size:1.05em;margin:.35rem 0 .2rem}
.work-item p{margin:0;color:var(--muted);font-size:.95em}
.tag{display:inline-block;font-size:.78em;font-weight:700;padding:.1rem .6rem;border-radius:999px;background:var(--tint);border:1px solid var(--line);color:var(--ink)}
.placeholder-item .work-title,.mock-note{color:var(--muted);font-style:italic}
.mock-note{margin-top:1rem}
/* poetry */
.section-poetry{background:var(--tint)}
.poetry-inner{display:grid;gap:1.5rem}
@media (min-width:860px){.poetry-inner{grid-template-columns:1fr 1fr;align-items:center}}
.poetry-quote{font-family:var(--head);font-size:1.4em;font-style:italic}
.poem-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.poem-list li{padding:.45rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--card)}
/* about */
.about-inner{display:grid;gap:2rem}
@media (min-width:860px){.about-inner{grid-template-columns:1fr 1.5fr;align-items:start}}
.about-photo{margin:0}
.about-photo img{border-radius:20px;aspect-ratio:4/5;object-fit:cover;width:100%}
.pull{margin:1.5rem 0;padding:1rem 1.25rem;border-left:6px solid var(--accent);background:var(--tint);font-family:var(--head);font-size:1.1em}
html[data-theme^="contrast"] .pull{border-left-color:var(--ink)}
.pull p{margin:0}
/* contact */
.section-contact{background:var(--brand);color:var(--brand-ink)}
.section-contact h2,.section-contact .section-intro,.section-contact .mock-note{color:var(--brand-ink)}
.section-contact a{color:var(--brand-ink);font-weight:700;overflow-wrap:anywhere}
.contact-list{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:1rem}
@media (min-width:860px){.contact-list{grid-template-columns:1.5fr 1fr 1.3fr}}
.contact-list li{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.4);border-radius:14px;padding:1rem 1.2rem}
html[data-theme^="contrast"] .contact-list li{background:transparent;border-color:var(--brand-ink)}
.contact-label{display:block;font-size:.85em;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:.2rem}
/* footer */
.site-footer{background:var(--dark);color:var(--dark-ink);padding:2rem 0}
.site-footer a{color:var(--dark-ink)}
.footer-links{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.small{font-size:.85em}
.work-more{margin-top:1.25rem}
.js .work-list.collapsed .work-item.extra{display:none}
.brand-text{min-width:0}
@media (max-width:760px){html[data-size] .brand-text{display:none}}