:root{--color-bg: #faf8f5;--color-bg-alt: #f0ece6;--color-text: #2c2420;--color-text-muted: #6b5e54;--color-accent: #8b4513;--color-accent-light: #a0522d;--color-border: #d4cdc4;--color-surface: #ffffff;--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Source Serif 4", Georgia, "Times New Roman", serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--max-width: 1200px;--content-width: 720px}[data-theme=dark]{--color-bg: #1a1714;--color-bg-alt: #242019;--color-text: #e8e0d6;--color-text-muted: #a89888;--color-accent: #d4956a;--color-accent-light: #e0a87a;--color-border: #3a3430;--color-surface: #2a2520}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-text)}h1{font-size:2.8rem;letter-spacing:-.02em}h2{font-size:1.8rem;letter-spacing:-.01em}h3{font-size:1.3rem}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-light)}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.content-width{max-width:var(--content-width)}.site-header{padding:1.5rem 0;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg);z-index:100;backdrop-filter:blur(10px)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:2rem}.site-logo{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em;white-space:nowrap}.site-logo:hover{color:var(--color-accent)}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav a{font-family:var(--font-ui);font-size:.78rem;font-weight:500;color:var(--color-text-muted);padding:.4rem .75rem;border-radius:6px;transition:all .2s;letter-spacing:.02em;text-transform:uppercase}.site-nav a:hover{color:var(--color-text);background:var(--color-bg-alt)}.nav-dropdown{position:relative}.nav-dropdown-content{display:none;position:absolute;top:100%;left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.5rem;min-width:160px;box-shadow:0 8px 24px #00000014;z-index:200}.nav-dropdown:hover .nav-dropdown-content{display:block}.nav-dropdown-content a{display:block;padding:.35rem .75rem;white-space:nowrap;text-transform:none;font-size:.83rem}.theme-toggle{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;padding:.4rem;border-radius:6px;font-size:1rem;line-height:1;transition:all .2s;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.theme-toggle:hover{color:var(--color-text);border-color:var(--color-text-muted)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text);font-size:1.5rem;cursor:pointer;padding:.25rem}@media(max-width:768px){.mobile-menu-btn{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-direction:column;padding:.75rem 2rem;gap:0;align-items:flex-end}.site-nav.open{display:flex}.site-nav a{padding:.45rem 0;font-size:.89rem;text-transform:none;letter-spacing:0;color:var(--color-text);background:none;border-radius:0;display:block}.site-nav a:hover{background:none;color:var(--color-accent)}.nav-dropdown:hover .nav-dropdown-content{display:none}.nav-dropdown-content{position:static;display:none;background:transparent;box-shadow:none;border:none;border-radius:0;padding:0;min-width:0}.nav-dropdown.open .nav-dropdown-content{display:block}.nav-dropdown-content a{padding:.3rem 1rem .3rem 0;font-size:.83rem;color:var(--color-text-muted);text-align:right}.theme-toggle{order:-1;align-self:flex-end;margin-bottom:.25rem}}.site-footer{margin-top:6rem;padding:3rem 0;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-ui);font-size:.78rem}.site-footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-text)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s,color .2s,border-color .2s;z-index:90;box-shadow:0 2px 8px #00000014}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top:hover{color:var(--color-accent);border-color:var(--color-accent)}.hero{padding:4rem 0 2.5rem;text-align:center}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;font-style:italic}.hero .lead{font-size:1.15rem;color:var(--color-text-muted);max-width:600px;margin:0 auto;line-height:1.8;padding:1.25rem 1.75rem;background-color:var(--color-bg-alt);border-radius:8px}@media(max-width:768px){.hero{padding:2.5rem 0 1.5rem}.hero h1{font-size:2.2rem}}.prose{max-width:var(--content-width);margin:0 auto}.prose h2{margin-top:3rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-accent);display:inline-block}.prose p{margin-bottom:1.25rem}.prose strong{color:var(--color-accent);font-weight:700}.page-header{padding:2.5rem 0 2rem;margin-bottom:2.5rem;border-bottom:1px solid var(--color-border)}.page-header h1{font-size:2.4rem}.page-header .subtitle{font-family:var(--font-ui);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:.5rem;display:block}.plays-section{padding:2.5rem 0 4rem}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2rem}.play-count{font-family:var(--font-ui);font-size:.78rem;color:var(--color-text-muted)}.filter-bar{display:flex;gap:.5rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{font-family:var(--font-ui);font-size:.78rem;font-weight:500;padding:.4rem 1rem;border:1px solid var(--color-border);border-radius:100px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.04em}.filter-btn:hover,.filter-btn.active{border-color:var(--color-accent);color:var(--color-accent)}.plays-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.play-card{background:var(--color-surface);padding:1.5rem;transition:background .25s,transform .25s;display:flex;flex-direction:column;gap:.35rem}.play-card:hover{background:var(--color-bg-alt);transform:translateY(-2px)}.play-card-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--color-text)}.play-card-category{font-family:var(--font-ui);font-size:.67rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.about-section{padding:0 0 2.5rem;max-width:var(--content-width);margin:0 auto}.about-section p{margin-bottom:1.25rem;color:var(--color-text-muted)}.about-content{max-width:var(--content-width);margin:0 auto 3rem}.about-content p{margin-bottom:1.25rem}.professor-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:var(--max-width);margin:0 auto}.professor-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem}.professor-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;margin-bottom:1.25rem}.professor-card h3{margin-bottom:.25rem}.professor-card .role{font-family:var(--font-ui);font-size:.83rem;color:var(--color-text-muted);margin-bottom:1rem}.professor-card .interests{font-size:.89rem;color:var(--color-text-muted)}.contact-page{max-width:var(--content-width);margin:0 auto}.contact-page p{margin-bottom:1rem}.back-link{font-family:var(--font-ui);font-size:.78rem;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.04em}.back-link:hover{color:var(--color-accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(12px)}.fade-in.visible{animation:fadeUp .5s ease-out forwards}.stagger-in>*{opacity:0;transform:translateY(10px)}.stagger-in.visible>*{animation:fadeUp .4s ease-out forwards}.stagger-in.visible>*:nth-child(1){animation-delay:0s}.stagger-in.visible>*:nth-child(2){animation-delay:.05s}.stagger-in.visible>*:nth-child(3){animation-delay:.1s}.stagger-in.visible>*:nth-child(4){animation-delay:.15s}.stagger-in.visible>*:nth-child(5){animation-delay:.2s}@media(prefers-reduced-motion:reduce){.fade-in,.stagger-in>*{opacity:1;transform:none;animation:none}}