:root{--bg-color: #040406;--text-primary: #cfcfd3;--text-muted: rgba(207, 207, 211, .6);--accent: #ffffff;--font-heading: "Raleway", sans-serif;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--nav-height: 80px;--page-max-width: 1200px;--page-padding: clamp(1.5rem, 5vw, 4rem);--page-padding-wide: clamp(1.5rem, 5vw, 5rem);--transition-slow: .5s ease-in-out;--transition-fast: .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;scroll-behavior:smooth}body{min-height:100vh;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent)}button,input,textarea{font:inherit}h1,h2,h3,h4,.logo,.nav-link,.section-label,.submit-btn{font-family:var(--font-heading);font-weight:200}.page-main{min-height:100vh}.global-nav{position:fixed;inset:0 0 auto;z-index:1000;display:flex;align-items:center;justify-content:space-between;min-height:var(--nav-height);padding:1.25rem var(--page-padding-wide);background:linear-gradient(to bottom,#040406e6,#04040600);transition:opacity var(--transition-slow),transform var(--transition-slow)}.global-nav.hidden-nav{opacity:0;pointer-events:none;transform:translateY(-20px)}.logo a{font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:3rem}.nav-link{position:relative;padding-bottom:5px;font-size:.75rem;letter-spacing:.35em;text-transform:uppercase;color:#cfcfd380}.nav-link.active,.nav-link:hover{color:var(--accent)}.nav-link:after{content:"";position:absolute;inset:auto 0 0;width:0;height:1px;background-color:var(--accent);transition:width .4s cubic-bezier(.2,.8,.2,1)}.nav-link.active:after,.nav-link:hover:after{width:100%}.page-section{min-height:100vh;padding:calc(var(--nav-height) + 3rem) 0 4rem}.page-section--home{display:flex;align-items:stretch;padding:0;background-image:linear-gradient(#04040666,#040406cc),url(/images/home.jpg);background-position:center;background-size:cover}.page-section--gallery{display:flex;align-items:center}.fade-in{opacity:0;transform:translateY(20px);animation:fade-up 1.2s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--fade-delay, 0s)}.stagger-1{--fade-delay: .3s}.stagger-2{--fade-delay: .6s}.stagger-3{--fade-delay: .9s}.stagger-4{--fade-delay: 1.2s}.stagger-5{--fade-delay: 1.5s}.hero-content{display:flex;min-height:100vh;width:100%;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--page-padding-wide);text-align:center}.hero-title{margin-bottom:2rem;color:#ffffffe6;font-size:clamp(3.5rem,9vw,8rem);letter-spacing:.15em;line-height:1.1}.subtitle-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-subtitle{color:#ffffff73;font-size:.8rem;letter-spacing:.6em;text-transform:uppercase}.hero-separator{width:80px;height:1px;margin:3rem 0;background-color:#fff3}.home-nav{display:flex;gap:3rem;margin-top:1rem}.about-container,.contact-container{display:flex;width:min(var(--page-max-width),100%);margin:0 auto;padding:0 var(--page-padding);gap:4rem;align-items:flex-start}.about-image,.about-text,.contact-info,.contact-form-container{flex:1}.about-image img{filter:grayscale(100%) contrast(1.1);opacity:.8}.section-label{display:block;margin-bottom:1rem;color:var(--text-muted);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase}.section-title{margin-bottom:2rem;font-size:clamp(2.5rem,4vw,3rem)}.about-text p,.contact-desc{color:var(--text-muted);font-size:1.05rem;font-weight:300}.about-text p{margin-bottom:1.5rem}.contact-desc p{color:inherit}.works-layout,.works-overview,.work-detail-page{width:min(var(--page-max-width),100%);margin:0 auto}.works-layout,.work-detail-page{padding:0 var(--page-padding)}.works-layout{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:4rem;align-items:start}.works-sidebar{position:sticky;top:calc(var(--nav-height) + 3rem);display:grid;gap:1rem}.works-sidebar-label{color:#cfcfd359;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase}.works-overview{display:grid;gap:4rem;min-width:0}.works-intro{width:min(720px,100%)}.works-jump-nav{display:grid;gap:.85rem}.works-jump-link{padding:.3rem 0 .3rem 1rem;border-left:1px solid rgba(255,255,255,.12);color:#cfcfd3a6;font-family:var(--font-heading);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;transition:color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.works-jump-link:hover{border-color:#ffffff4d;color:var(--accent);transform:translate(6px)}.works-intro-copy,.work-card-summary{color:var(--text-muted);font-size:1.05rem;font-weight:300}.works-category{display:grid;gap:1.5rem;scroll-margin-top:calc(var(--nav-height) + 2rem)}.works-category-label,.work-section-label,.work-detail-meta,.performance-date,.performance-meta p:last-child{color:#cfcfd359;font-size:.75rem;letter-spacing:.28em;text-transform:uppercase}.works-category-label,.work-section-label{margin-bottom:.5rem}.works-list{list-style:none;border-top:1px solid rgba(255,255,255,.1)}.work-card{border-bottom:1px solid rgba(255,255,255,.1)}.work-card-link{display:grid;gap:1rem;padding:1.5rem 0}.work-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem}.work-card-title{font-family:var(--font-heading);font-size:clamp(1.4rem,4vw,2.25rem);font-weight:200;letter-spacing:.04em;transition:color var(--transition-fast),transform var(--transition-fast)}.work-card-meta{color:#cfcfd34d;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}.work-card-link:hover .work-card-title{color:var(--accent);transform:translate(10px)}.work-back{display:inline-flex;margin-bottom:2rem;border:none;background:none;color:#cfcfd373;font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;transition:color var(--transition-fast)}.work-back:hover{color:var(--accent)}.work-detail-page{width:min(820px,100%)}.work-detail-header,.work-section{padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.work-section{padding-top:2.5rem}.work-detail-title{margin-bottom:.75rem;font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:200;letter-spacing:.06em;line-height:1.15}.work-detail-meta{margin-bottom:1.5rem}.work-commission,.work-notes p,.performance-meta p:first-child{color:var(--text-muted);font-size:1rem;font-weight:300;line-height:1.8}.work-commission{font-style:italic}.work-notes{display:grid;gap:1.5rem}.work-video-frame{position:relative;width:100%;padding-top:56.25%}.work-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.performance-list{display:grid;gap:1.5rem}.performance-item{display:flex;gap:2rem;align-items:flex-start}.performance-date{width:9rem;flex:0 0 9rem}.performance-meta p:last-child{margin-top:.35rem}.gallery-grid{display:grid;width:min(1400px,100%);margin:0 auto;padding:0 var(--page-padding-wide);gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.gallery-item{overflow:hidden;border-radius:4px}.gallery-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;filter:grayscale(100%);opacity:.7;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s ease,opacity .8s ease}.gallery-item:hover img{transform:scale(1.05);filter:grayscale(0%);opacity:1}.contact-desc{margin-bottom:2rem}.contact-details{margin-top:2rem;color:var(--text-muted);font-size:.95rem}.contact-details p{margin-bottom:1.5rem}.contact-details a{color:var(--accent);text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:4px}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-note{color:var(--text-muted);font-size:.9rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-muted);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.form-group input,.form-group textarea{padding:.5rem 0;border:none;border-bottom:1px solid rgba(255,255,255,.2);background:transparent;color:var(--text-primary);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:var(--accent)}.submit-btn{align-self:flex-start;margin-top:1rem;padding:1rem 2rem;border:1px solid var(--text-muted);background:transparent;color:var(--text-primary);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.submit-btn:hover{border-color:var(--accent);background:var(--text-primary);color:var(--bg-color)}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:768px){:root{--nav-height: 116px}.global-nav{align-items:flex-start;flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;gap:1rem 1.5rem}.page-section{padding-top:calc(var(--nav-height) + 2.5rem)}.page-section--home{padding-top:0}.home-nav,.about-container,.contact-container{flex-direction:column;gap:2rem}.works-layout{grid-template-columns:1fr;gap:2rem}.works-sidebar{position:static}.works-jump-nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.work-card-header{flex-direction:column;align-items:flex-start}.performance-item{flex-direction:column;gap:.5rem}.performance-date{width:auto;flex:none}.gallery-grid{grid-template-columns:1fr}}
