:root { color-scheme: light; --purple:#77459b; --ink:#171717; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:36px; }
body { margin:0; background:white; color:var(--ink); font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif; font-weight:400; }
a { color:inherit; text-underline-offset:5px; }
a:focus-visible,button:focus-visible { outline:2px solid var(--purple); outline-offset:7px; }
.skip-link { position:fixed; left:20px; top:-80px; padding:12px 18px; background:white; border:1px solid var(--purple); z-index:20; }
.skip-link:focus { top:20px; }
.site-shell { max-width:1320px; margin:0 auto; padding:62px 56px 0; }
.site-header { display:flex; align-items:center; justify-content:space-between; }
.brand { color:var(--purple); display:inline-flex; flex-direction:column; gap:6px; font-size:23px; line-height:1.55; font-weight:300; letter-spacing:1.1px; text-decoration:none; }
.page-layout { display:grid; grid-template-columns:320px minmax(0,1fr); gap:80px; margin-top:52px; }
.sidebar { padding-left:20px; }
.main-nav,.work-nav { margin:0; padding:0; list-style:none; }
.main-nav { display:flex; flex-direction:column; gap:18px; }
.main-nav a { font-size:17px; line-height:1.7; letter-spacing:4.2px; text-decoration:none; font-weight:400; }
.main-nav a:hover { color:var(--purple); }
.work-nav { display:flex; flex-direction:column; gap:14px; padding:14px 0 0 24px; }
.work-nav a { letter-spacing:4px; white-space:nowrap; }
.main-nav .nav-events { margin-top:14px; }
main { min-width:0; max-width:680px; }
.hero { padding-top:28px; min-height:720px; }
.performance-image { display:block; width:100%; max-width:600px; height:auto; }
.events { max-width:600px; scroll-margin-top:40px; }
.events h1 { color:var(--purple); font-weight:300; font-size:28px; letter-spacing:2px; margin:0 0 36px; }
.event-list p { margin:0 0 32px; font-size:15px; line-height:1.85; font-weight:400; }
footer { padding:65px 0 40px; max-width:600px; font-size:13px; line-height:1.8; }
footer p { margin:0 0 24px; }
.social-links { display:flex; flex-wrap:wrap; gap:20px; }
.social-links a { text-decoration:none; }
.social-links a:hover { color:var(--purple); }
.copyright { margin-top:34px; color:var(--purple); font-size:13px; letter-spacing:1px; }
.menu-toggle { display:none; }
.about-content { max-width:600px; padding-top:20px; }
.profile-header { display:grid; grid-template-columns:minmax(0,1fr) 174px; gap:30px; align-items:start; }
.page-eyebrow { margin:0 0 18px; color:var(--purple); font-size:12px; letter-spacing:3.5px; text-transform:uppercase; }
.profile-heading h1 { margin:0 0 18px; font-weight:400; font-size:34px; line-height:1.3; letter-spacing:-.6px; }
.profile-identity { margin:0; color:var(--purple); font-size:20px; line-height:1.65; font-weight:400; text-wrap:balance; }
.profile-portrait { display:block; width:174px; height:auto; }
.profile-introduction { margin-top:30px; }
.about-content p { font-size:15px; line-height:1.9; }
.about-content .page-eyebrow { font-size:12px; line-height:1.5; }
.about-content .profile-identity { font-size:20px; line-height:1.65; }
.profile-introduction p { margin:0 0 17px; }
.profile-links { display:flex; flex-wrap:wrap; gap:14px 28px; margin:26px 0 0; }
.profile-links a { font-size:14px; text-decoration:none; border-bottom:1px solid #bca8ca; padding-bottom:5px; }
.profile-links a:hover { color:var(--purple); border-bottom-color:var(--purple); }
.profile-links .link-detail { font-size:11px; letter-spacing:1px; margin-left:6px; color:var(--purple); }
.about-section { margin-top:54px; }
.about-section h2 { margin:0 0 24px; color:var(--purple); font-size:23px; font-weight:400; line-height:1.4; letter-spacing:.4px; }
.technical-area + .technical-area { margin-top:26px; }
.technical-area h3,.about-project h3 { margin:0 0 8px; font-size:16px; font-weight:500; line-height:1.5; }
.technical-area p,.about-project p,.artistic-practice p { margin:0; }
.about-projects { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.about-project { border-top:1px solid #ded4e5; padding-top:18px; }
.about-project p { font-size:14px; }
.about-project a { display:inline-block; margin-top:14px; font-size:13px; color:var(--purple); text-decoration:none; }
.about-project a:hover { text-decoration:underline; }
.profile-education { margin:0; }
.education-entry + .education-entry { margin-top:22px; }
.education-entry dt { font-size:15px; line-height:1.7; font-weight:500; }
.education-entry dd { margin:3px 0 0; font-size:14px; line-height:1.8; }
.education-entry dd span { display:block; color:#68616d; font-size:13px; }
.artistic-practice blockquote { margin:30px 0 0; padding:0 0 0 18px; border-left:1px solid #bca8ca; color:var(--purple); font-style:italic; font-size:17px; line-height:1.9; }
.about-content footer { margin-top:25px; }
.about-content footer p { font-size:13px; }
.about-page .main-nav a[aria-current="page"] { color:var(--purple); }
@media (min-width:1440px) { .site-shell { max-width:1440px; padding-left:64px; padding-right:64px; } .page-layout { gap:108px; } }
@media (min-width:701px) and (max-width:1000px) { .profile-header { grid-template-columns:minmax(0,1fr) 130px; gap:22px; } .profile-portrait { width:130px; } .profile-heading h1 { font-size:29px; } .about-content .profile-identity { font-size:18px; } }
@media (max-width:1000px) { .site-shell { padding:48px 36px 0; } .page-layout { grid-template-columns:250px minmax(0,1fr); gap:35px; } .sidebar { padding-left:8px; } .main-nav a { font-size:15px; letter-spacing:3px; } .work-nav { padding-left:18px; } .work-nav a { letter-spacing:2.5px; } .hero { min-height:620px; } }
@media (max-width:700px) {
  .site-shell { padding:30px 24px 0; }
  .brand { font-size:17px; line-height:1.5; letter-spacing:.5px; gap:4px; }
  .menu-toggle { display:inline-flex; align-items:center; gap:10px; border:0; background:none; color:var(--ink); font:inherit; font-size:13px; padding:12px 0 12px 12px; cursor:pointer; }
  .menu-toggle span { color:var(--purple); font-size:22px; line-height:1; }
  .page-layout { display:block; margin-top:30px; }
  .sidebar { padding:0; }
  .js nav { display:none; }
  .js nav.is-open { display:block; padding:4px 0 30px; }
  .main-nav { gap:12px; padding-bottom:30px; }
  .main-nav a { font-size:15px; letter-spacing:2.5px; }
  .work-nav { gap:8px; }
  .main-nav .nav-events { margin-top:0; }
  .hero { padding:0; min-height:0; margin-bottom:95px; }
  .performance-image { max-width:100%; }
  .events h1 { font-size:25px; margin-bottom:28px; }
  .event-list p { font-size:14px; margin-bottom:26px; line-height:1.85; }
  footer { padding-top:44px; font-size:12px; }
  .about-content { padding-top:4px; }
  .profile-header { grid-template-columns:minmax(0,1fr) 105px; gap:20px; }
  .profile-portrait { width:105px; margin-top:4px; }
  .page-eyebrow { margin-bottom:12px; }
  .profile-heading h1 { font-size:27px; margin-bottom:12px; letter-spacing:-.4px; }
  .about-content .profile-identity { font-size:17px; line-height:1.65; }
  .about-content p { font-size:14px; }
  .profile-introduction { margin-top:28px; }
  .profile-links { gap:14px 24px; }
  .about-section { margin-top:42px; }
  .about-section h2 { font-size:22px; }
  .about-projects { grid-template-columns:1fr; gap:26px; }
  .artistic-practice blockquote { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
.works-content,.work-content { max-width:600px; padding-top:20px; }
.works-content > .page-eyebrow { font-weight:400; }
.work-category { scroll-margin-top:40px; }
.work-category + .work-category { margin-top:64px; }
.work-category h2 { color:var(--purple); font-size:24px; line-height:1.5; font-weight:400; letter-spacing:.3px; margin:0 0 26px; }
.work-list { list-style:none; margin:0; padding:0; }
.work-list li { margin:0 0 24px; }
.work-list-title { font-size:16px; line-height:1.7; }
.work-list-title a { color:var(--purple); text-decoration-thickness:1px; }
.work-list-title a:hover { text-decoration-color:transparent; }
.work-list-details { display:block; font-size:14px; color:#625c68; line-height:1.8; margin-top:3px; }
.work-link-label { display:inline-block; margin-left:9px; font-size:11px; letter-spacing:.6px; white-space:nowrap; }
.category-link { margin:-12px 0 28px; font-size:13px; line-height:1.8; color:var(--purple); }
.category-link a { text-decoration:none; }
.category-link a:hover { text-decoration:underline; }
.work-additional-links { display:flex; flex-wrap:wrap; gap:16px; margin-top:6px; font-size:12px; line-height:1.8; color:var(--purple); }
.work-additional-links a { text-decoration:none; }
.work-additional-links a:hover { text-decoration:underline; }
.back-to-works { display:inline-block; font-size:12px; letter-spacing:.6px; color:var(--purple); text-decoration:none; margin:0 0 28px; }
.back-to-works:hover { text-decoration:underline; }
.work-article h1 { margin:0 0 26px; font-size:25px; line-height:1.55; font-weight:400; color:var(--purple); letter-spacing:.2px; overflow-wrap:anywhere; }
.work-article h2 { margin:30px 0 16px; font-size:18px; line-height:1.7; font-weight:400; color:var(--purple); }
.work-article p { margin:0 0 20px; font-size:15px; line-height:1.9; overflow-wrap:anywhere; }
.work-article p:empty { display:none; }
.work-image { margin:32px 0; }
.work-image a { display:block; }
.work-image img { display:block; width:100%; height:auto; }
.media-block { margin:30px 0 8px; }
.media-block iframe { display:block; width:100%; border:0; }
.video-embed { aspect-ratio:16 / 9; }
.video-embed iframe { height:100%; }
.audio-embed iframe { height:120px; }
.media-fallback { display:inline-block; color:var(--purple); font-size:12px; margin:5px 0 28px; text-decoration:none; }
.media-fallback:hover { text-decoration:underline; }
.work-download a { color:var(--purple); }
.native-video { display:block; width:100%; height:auto; margin:30px 0; background:#171717; }
.native-audio { margin:30px 0; }
.native-audio audio { width:100%; }
.native-audio p { margin-bottom:4px; }
.native-audio .audio-artist { font-size:13px; color:#625c68; margin-bottom:14px; }
.verse { font-family:"PingFang SC","Noto Sans CJK SC",sans-serif; white-space:pre-wrap; font-size:15px; line-height:2.1; margin:0 0 50px; }
.works-page .main-nav a[aria-current="page"] { color:var(--purple); }
.poetry-page .main-nav a[aria-current="page"] { color:var(--purple); }
.poetry-title { color:var(--purple); font-size:25px; font-weight:400; line-height:1.5; letter-spacing:.4px; margin:0 0 42px; }
.poems { font-family:"Songti SC","STSong","Noto Serif CJK SC",serif; font-size:16px; line-height:2.15; }
.poem { scroll-margin-top:40px; }
.poem + .poem { margin-top:66px; }
.poem h2 { margin:0 0 24px; font-size:19px; font-weight:500; line-height:1.8; color:var(--purple); }
.poem-stanza + .poem-stanza { margin-top:1em; }
.poem-line { display:block; padding-left:1em; text-indent:-1em; overflow-wrap:break-word; white-space:pre-wrap; line-break:strict; }
.poetry-content footer { margin-top:20px; }
@media (max-width:700px) {
  .works-content,.work-content { padding-top:4px; }
  .work-category h2 { font-size:22px; margin-bottom:22px; }
  .work-category + .work-category { margin-top:46px; }
  .work-list-title { font-size:15px; }
  .work-list-details { font-size:13px; }
  .work-list li { margin-bottom:22px; }
  .work-article h1 { font-size:22px; line-height:1.6; margin-bottom:22px; }
  .work-article p { font-size:14px; line-height:1.9; }
  .work-article h2 { font-size:17px; }
  .back-to-works { margin-bottom:24px; }
  .verse { font-size:14px; line-height:2.15; }
  .poetry-title { font-size:23px; margin-bottom:34px; }
  .poems { font-size:15px; line-height:2.2; }
  .poem + .poem { margin-top:52px; }
  .poem h2 { font-size:18px; margin-bottom:20px; }
}