@charset "UTF-8";:root{--bg-color:#2a2a2a;--text-color:#ffffff;--text-secondary:#cccccc;--accent-color:#ffffff;--border-color:#444444;--overlay-color:rgba(0, 0, 0, 0.8);--max-content-width:1200px;--grid-gap:20px;--thumbnail-size:300px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:montserrat,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}body.resizing *{transition:none!important}.site-container{min-height:100vh;display:flex;flex-direction:column;max-width:100vw}.site-container.home-container{min-height:calc(100vh - 4em);justify-content:center}.site-header{padding:4rem 1rem 2rem;text-align:center;position:relative;z-index:20}.site-header.home-header{padding:2rem 1rem 1rem;text-align:center;position:relative;z-index:20}.header-container{max-width:var(--max-content-width);margin:0 auto}.header-image{max-width:35vw;max-height:120px;height:auto;width:auto;display:inline-block;margin:10vh auto 0;filter:drop-shadow(0 20px 60px rgba(0,0,0,.8))drop-shadow(0 15px 35px rgba(0,0,0,.6))drop-shadow(0 8px 18px rgba(0,0,0,.5))drop-shadow(0 4px 8px rgba(0,0,0,.4))}.main-content{flex:initial;padding:0 1rem;max-width:100vw}.main-content.home-main{flex:initial;padding:0 1rem;max-width:100vw}.home-page{max-width:var(--max-content-width);margin:0 auto;padding:2rem 0}.home-page-centered{max-width:var(--max-content-width);margin:0 auto}.albums-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--grid-gap);max-width:100%}.album-card{background:rgba(255,255,255,5%);border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.album-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.3)}.album-link{display:block;text-decoration:none;color:inherit}.album-thumbnail{width:100%;height:250px;overflow:hidden}.album-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.album-card:hover .album-thumbnail img{transform:scale(1.05)}.album-info{padding:1.5rem}.album-page{max-width:var(--max-content-width);margin:0 auto}.headliner-image{width:100vw;height:clamp(200px,50vh,600px);background-size:cover;position:fixed;top:0;left:0;z-index:1;margin:0;mask:linear-gradient(to bottom,black 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.3) 80%,transparent 100%);-webkit-mask:linear-gradient(to bottom,black 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.3) 80%,transparent 100%)}.headliner-image.home-headliner{height:clamp(200px,40vh,400px);mask:linear-gradient(to bottom,black 0%,rgba(0,0,0,.98) 25%,rgba(0,0,0,.95) 35%,rgba(0,0,0,.9) 45%,rgba(0,0,0,.82) 55%,rgba(0,0,0,.72) 65%,rgba(0,0,0,.6) 72%,rgba(0,0,0,.45) 78%,rgba(0,0,0,.3) 84%,rgba(0,0,0,.18) 89%,rgba(0,0,0,8%) 94%,rgba(0,0,0,2%) 97%,transparent 100%);-webkit-mask:linear-gradient(to bottom,black 0%,rgba(0,0,0,.98) 25%,rgba(0,0,0,.95) 35%,rgba(0,0,0,.9) 45%,rgba(0,0,0,.82) 55%,rgba(0,0,0,.72) 65%,rgba(0,0,0,.6) 72%,rgba(0,0,0,.45) 78%,rgba(0,0,0,.3) 84%,rgba(0,0,0,.18) 89%,rgba(0,0,0,8%) 94%,rgba(0,0,0,2%) 97%,transparent 100%)}.headliner-image.home-headliner .headliner-overlay{background:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,rgba(0,0,0,.1) 60%,rgba(0,0,0,5%) 85%,transparent 100%)}.headliner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 80%,transparent 100%)}.album-content{padding:2rem 0;position:relative;z-index:10}.album-header{text-align:center;margin-bottom:3rem}.album-title{font-family:montserrat,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;color:rgba(255,255,255,.9);text-decoration:none;font-size:2.5em;letter-spacing:.1em;padding:1.5rem 2rem;text-align:center;border-top:4px solid rgba(255,255,255,.5);border-bottom:4px solid rgba(255,255,255,.5);border-left:none;border-right:none;white-space:nowrap;background:0 0;text-transform:uppercase;display:inline-block;margin-bottom:2rem;position:relative;text-shadow:0 4px 12px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.7)}.album-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.artwork-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--thumbnail-size),1fr));gap:var(--grid-gap);max-width:100%;padding-bottom:6rem;justify-content:center}.artwork-grid.small-album{max-width:60%;margin:0 auto;--thumbnail-size:400px}.artwork-item{background:0 0;border-radius:0;overflow:visible;transition:transform .3s ease;cursor:pointer}.artwork-item:hover{transform:translateY(-3px)}.artwork-link{display:block;text-decoration:none;color:inherit}.artwork-thumbnail{width:100%;height:var(--thumbnail-size);overflow:hidden;background:rgba(255,255,255,5%);border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.artwork-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.artwork-item:hover .artwork-thumbnail{transform:scale(1.05);box-shadow:0 15px 40px rgba(0,0,0,.4)}.artwork-item:hover .artwork-thumbnail img{transform:scale(1.05)}.artwork-info{padding:1rem 0}.artwork-title-simple{margin:0;font-size:1.1rem;font-weight:300;font-style:italic;text-align:center;color:var(--text-secondary)}.artwork-item.loading-animation{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.artwork-item.loading-animation.loaded{opacity:1;transform:translateY(0)}.artwork-item.modal-return-highlight{transform:translateY(-3px)}.artwork-item.modal-return-highlight .artwork-thumbnail{box-shadow:0 8px 25px rgba(0,0,0,.3);border:3px solid rgba(255,255,255,.8);transition:border-color 3s ease-out,box-shadow .3s ease}.artwork-item.modal-return-highlight .artwork-thumbnail img{transform:scale(1.05)}.artwork-item.modal-return-highlight.fading-out .artwork-thumbnail{border-color:transparent}.header-nav{margin-top:1rem}.header-nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:2rem}.header-nav li{margin:0}.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s ease}.nav-link:hover{background-color:rgba(255,255,255,.1)}.about-panel{position:fixed;bottom:0;left:0;right:0;z-index:1000;width:100%;height:0}.about-panel .panel-header{transform:translateY(100%);transition:none}.about-panel.page-load-animation.loaded .panel-header{transform:translateY(0);transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.panel-header{background:rgba(31,34,36,.975);border-top:1px solid var(--border-color);padding:0 1.5rem;height:4em;line-height:4em;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .3s ease;user-select:none;position:fixed;bottom:0;left:0;right:0;width:100%;z-index:1001}.panel-header:hover{background:#1f2224}.panel-breadcrumb{color:#a0a0a1;font-size:1em;display:flex;align-items:center;z-index:1002;position:relative}.breadcrumb-root{color:#a0a0a1;text-decoration:none;transition:color .3s ease}.breadcrumb-root:hover{color:#fff}.breadcrumb-separator{opacity:.5;margin:0 .3em}.breadcrumb-album{color:#fff;font-weight:400;text-decoration:none;transition:color .3s ease}.breadcrumb-album:hover{color:#7293a0}.panel-about-link{color:#fff;font-size:1em;letter-spacing:.1em;text-transform:uppercase;z-index:1002;position:relative}.panel-content{background:rgba(36,38,41,.975);backdrop-filter:blur(10px);padding:4rem 4rem 2rem;max-height:calc(80vh - 4em);overflow-y:auto;transform:translateY(100vh);transition:transform .5s ease,visibility .5s ease;-webkit-overflow-scrolling:touch;position:fixed;bottom:4em;left:0;right:0;width:100%;z-index:101;visibility:hidden}.about-panel.active .panel-content{transform:translateY(1px);visibility:visible}.panel-close{position:absolute;top:1rem;right:1rem;background:0 0;border:none;color:var(--text-color);font-size:2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .3s ease;opacity:.65}.panel-close:hover{background-color:rgba(255,255,255,.1);opacity:1}.about-container{max-width:var(--max-content-width);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;align-items:start}.about-section h3,.contact-section h3{margin:0 0 1rem;font-size:1.2rem;font-weight:600}.about-text{font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.contact-info{font-size:.9rem}.copyright-section{font-size:.8rem;color:var(--text-secondary);text-align:right}.artwork-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:1000;overflow:hidden}.modal-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 2rem 6rem;box-sizing:border-box}.modal-image-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100%;max-height:calc(100% - 60px);flex:1}.modal-image{max-width:100%;max-height:calc(100% - 80px);object-fit:contain;width:auto;height:auto;transition:transform .2s ease-out;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;position:relative;z-index:1}.modal-image:active{cursor:grabbing}.modal-info{background:rgba(0,0,0,.8);padding:1rem 2rem;border-radius:8px;text-align:center;max-width:90vw;width:max-content;position:fixed;bottom:calc(.5em + 4em);left:50%;transform:translateX(-50%);z-index:1001}.modal-title-row{font-size:1.2rem;font-weight:500;margin-bottom:.5rem;line-height:1.3}.modal-title-row #modal-title{color:var(--text-color)}.modal-title-row #modal-year{color:var(--text-secondary);font-weight:400;opacity:.8;margin-left:.3em}.modal-meta-row{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.modal-close,.modal-prev,.modal-next{position:absolute;background:rgba(0,0,0,.7);color:#fff;border:none;font-size:2rem;cursor:pointer;padding:1rem;border-radius:50%;transition:background .3s ease;z-index:1002}.modal-close{top:2rem;right:2rem;width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,8%) 0%,rgba(255,255,255,4%) 70%,transparent 100%);border:none;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.modal-prev{left:2rem;top:80%;transform:translateY(-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,rgba(255,255,255,4%) 70%,transparent 100%);border:none;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.modal-next{right:2rem;top:80%;transform:translateY(-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,rgba(255,255,255,4%) 70%,transparent 100%);border:none;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.modal-close:hover,.modal-prev:hover,.modal-next:hover{background:radial-gradient(circle,rgba(255,255,255,.12) 0%,rgba(255,255,255,6%) 70%,transparent 100%)}.zoom-indicator{position:absolute;top:2rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1003}.zoom-indicator.visible{opacity:1}@media(max-width:767px){.modal-content{padding:5rem .5rem 1rem}.modal-image{max-height:calc(100vh - 120px)}.modal-info{padding:.8rem 1.5rem;max-width:95vw;bottom:.5em}.modal-title-row{font-size:1.1rem}.modal-meta-row{font-size:.8rem}.zoom-indicator{top:5.5rem;font-size:.8rem;padding:.4rem .8rem}}@media(max-width:480px){.modal-content{padding:4.5rem .25rem .5rem}.modal-info{padding:.6rem 1rem;bottom:.5em}.modal-title-row{font-size:1rem;margin-bottom:.3rem}.modal-meta-row{font-size:.75rem}}@media(max-width:1199px){.albums-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.about-container{grid-template-columns:1fr 1fr;gap:1.5rem}.copyright-section{grid-column:1/-1;text-align:center}}@media(max-width:767px){body{padding:0}.headliner-image{top:4em}.panel-header{bottom:auto;top:0}.about-panel .panel-header{transform:translateY(-100%);transition:none}.about-panel.page-load-animation.loaded .panel-header{transform:translateY(0);transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.panel-content{bottom:auto;top:calc(4em - 1px);transform:translateY(-100vh);transition:transform .5s ease,visibility .5s ease}.about-panel.active .panel-content{transform:translateY(0);visibility:visible}.panel-header{transition:background-color .3s ease}.site-container.home-container{min-height:calc(100vh - 4em);padding-top:4em}.site-header{padding:calc(4em + 2rem)0 1rem}.site-header.home-header{padding:calc(4em + 1rem)0 .5rem}.header-image{max-height:140px}.albums-grid{grid-template-columns:1fr}.artwork-grid{grid-template-columns:1fr;padding-bottom:2rem}.main-content{padding-top:5rem}.about-container{grid-template-columns:1fr;text-align:center}.copyright-section{text-align:center}.album-title{font-size:1.8em;padding:1rem 1.2rem;letter-spacing:.08em}.modal-content{padding:5rem 1rem 1rem}.modal-close{top:5rem;right:1rem;font-size:1.5rem;padding:.5rem;width:70px;height:70px}.modal-prev,.modal-next{font-size:1.5rem;padding:.5rem;width:70px;height:70px}.modal-artwork-details{flex-direction:column;gap:.5rem}.panel-content{padding:3rem 2rem 1rem}}@media(max-width:480px){:root{--thumbnail-size:250px;--grid-gap:15px}.headliner-image{top:3.6em}.panel-content{top:calc(3.6em - 1px)}.site-header{padding:calc(3.6em + 1rem)1rem 1rem}.site-header.home-header{padding:calc(3.6em + 1rem)1rem .5rem}.main-content{padding:4.6rem .5rem 0}.home-page{padding:1rem 0}.album-content{padding:1rem 0}.panel-header{padding:0 1rem;font-size:.9em}.panel-breadcrumb,.panel-about-link{font-size:.9em}}@media(max-width:400px){.panel-about-link{text-transform:none;letter-spacing:0;color:transparent;position:relative;text-align:right}.panel-about-link::before{content:"ⓘ";color:#a0a0a1;font-size:2em;position:absolute;right:0;top:50%;transform:translateY(-50%)}}