\
:root{--bg:#000;--fg:#fff;--muted:#999;--line:#222;--pad:24px}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}
body{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;line-height:1.4}
a{color:var(--fg);text-decoration:none}
a:hover{text-decoration:underline}

/* NAVIGATION */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:flex-start;padding:20px var(--pad);background:#000}
.site-logo,.nav-link{font-size:13px;line-height:1;white-space:nowrap}
.site-nav{display:flex;align-items:flex-start;gap:42px}
.nav-item{position:relative;padding-bottom:14px}
/* Invisible hover bridge: the dropdown remains active while the cursor moves down */
.nav-item::after{content:"";position:absolute;top:100%;left:-14px;width:calc(100% + 28px);height:20px}
.dropdown{position:absolute;top:30px;left:-14px;display:flex;flex-direction:column;gap:4px;padding:0 14px 14px;min-width:max-content;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease}
.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{opacity:1;visibility:visible;pointer-events:auto}
.dropdown a{font-size:13px;line-height:1.35;white-space:nowrap}

/* HOME */
.home{min-height:100vh;padding:20px var(--pad) 26px;display:flex;flex-direction:column;justify-content:space-between}
.home-intro{width:min(430px,48vw);margin-top:47vh;font-size:15px;line-height:1.45}
.home-location{align-self:flex-end;text-align:right;font-size:11px;line-height:1.35}

/* GENERAL PAGES */
.page{min-height:100vh;padding:120px var(--pad) 80px}
.page-title{margin:0;font-size:13px;font-weight:400;line-height:1}

/* CATEGORY ARCHIVES */
.category-intro{max-width:500px;margin:90px 0 100px;font-size:15px;line-height:1.48}
.archive{max-width:1000px}
.archive-row{display:grid;grid-template-columns:1fr 80px;gap:30px;padding:11px 0;border-top:1px solid var(--line)}
.archive-row:last-child{border-bottom:1px solid var(--line)}
.archive-title{font-size:15px}
.archive-year{color:var(--muted);font-size:12px;text-align:right}

/* PROJECT PAGES */
.project-page{max-width:1000px}
.project-header{margin:90px 0 70px}
.project-title{margin:0 0 8px;font-size:15px;font-weight:400}
.project-meta{font-size:12px;color:var(--muted)}
.project-copy{max-width:580px;margin-bottom:60px;font-size:15px;line-height:1.5}
.project-media{max-width:900px;margin-bottom:60px}
.project-media img,.project-media video{display:block;width:100%;height:auto}
.project-audio{display:block;width:min(620px,100%);margin-bottom:60px}
.back-link{display:inline-block;margin-top:20px;font-size:12px}

/* MUSIC */
.music-list{margin-top:90px;display:flex;flex-direction:column;gap:10px}
.music-list a{font-size:15px}

/* EVENTS */
.events-archive{margin-top:90px;max-width:1100px}
.event-year{margin:55px 0 18px;font-size:13px}
.event-year:first-child{margin-top:0}
.event-row{display:grid;grid-template-columns:1fr auto;gap:30px;padding:9px 0;border-top:1px solid var(--line)}
.event-row:last-child{border-bottom:1px solid var(--line)}
.event-text{font-size:13px}
.event-date{color:var(--muted);font-size:12px;white-space:nowrap}

/* ABOUT */
.about-page{max-width:720px}
.about-copy{margin-top:90px;max-width:650px;font-size:16px;line-height:1.5}
.about-section{margin-top:80px}
.about-section-title{margin-bottom:20px;font-size:12px}
.about-section p{margin:0;font-size:13px;line-height:1.55}

@media(max-width:700px){
:root{--pad:18px}
.site-header{padding:18px var(--pad)}
.site-nav{gap:18px}
.site-logo,.nav-link,.dropdown a{font-size:12px}
.home{padding:18px var(--pad) 22px}
.home-intro{width:calc(100% - 36px);margin-top:42vh;font-size:14px}
.page{padding:105px var(--pad) 60px}
.category-intro,.music-list,.events-archive,.about-copy{margin-top:65px}
.archive-row{grid-template-columns:1fr 55px;gap:15px}
.event-row{grid-template-columns:1fr;gap:3px}
.event-date{text-align:left}
}