*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:#000;background:#fff;font-family:Times New Roman,Times,serif;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}img{max-width:100%;display:block}h1,h2,h3{margin:0}.navbar{z-index:100;background:#fff;border-bottom:1px solid #000;justify-content:space-between;align-items:center;padding:1rem 2rem;transition:transform .3s;display:flex;position:sticky;top:0}.navbar--hidden{transform:translateY(-100%)}.navbar-brand{color:#000;text-decoration:none}.navbar-brand h1{color:#000;letter-spacing:.05em;font-size:1.25rem;font-weight:700}.navbar-links{gap:1rem;margin:0;padding:0;list-style:none;display:flex}.navbar-links a{color:#000;letter-spacing:.05em;font-size:.95rem;text-decoration:none;transition:color .2s}.navbar-links a:hover,.navbar-links a.active{color:#2d003a}@media (width>=768px){.navbar,.navbar--hidden{border-bottom:none;border-right:1px solid #000;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2rem;width:160px;min-height:100vh;padding:2rem 1.5rem;transition:none;position:sticky;top:0;transform:none}.navbar-links{flex-direction:column;gap:1.25rem}.navbar-links a{font-size:1rem}}.footer{text-align:center;color:#000;background:#fff;margin-top:auto;padding:1.5rem;font-size:.85rem}.album-card{text-align:center;color:inherit;background:0 0;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.album-card:hover{transform:translateY(-4px)}.album-card-img-wrap{aspect-ratio:4/3;overflow:hidden}.album-card-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.album-card:hover .album-card-img-wrap img{transform:scale(1.05)}.album-card-info h3{letter-spacing:.05em;color:#000;margin:0 0 .25rem;font-size:1rem;font-weight:600}.gallery-page{padding:3rem 1.5rem}.gallery-page h2{visibility:hidden;opacity:0;pointer-events:none;z-index:-9999;width:0;height:0;position:absolute;top:-9999px;left:-9999px;overflow:hidden}.album-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem;padding:1rem 0;display:grid}.photo-grid-item{all:unset;cursor:pointer;aspect-ratio:1;background:#2d003a;overflow:hidden}.photo-grid-item img{object-fit:cover;width:100%;height:100%;transition:transform .3s,opacity .2s}.photo-grid-item:hover img{opacity:.85;transform:scale(1.06)}.modal-backdrop{z-index:1000;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.modal-content img{object-fit:contain;max-width:90vw;max-height:80vh}.modal-close{all:unset;color:#ddd;cursor:pointer;opacity:.7;font-size:2rem;line-height:1;transition:opacity .2s;position:absolute;top:-2rem;right:0}.modal-close:hover{opacity:1}.modal-nav{all:unset;color:#ddd;cursor:pointer;opacity:.6;-webkit-user-select:none;user-select:none;padding:0 .75rem;font-size:3rem;line-height:1;transition:opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav:hover:not(:disabled){opacity:1}.modal-nav:disabled{opacity:.15;cursor:default}.modal-prev{left:-3.5rem}.modal-next{right:-3.5rem}.modal-title{color:#aaa;text-align:center;margin:.75rem 0 0;font-size:.9rem}.album-page{padding:3rem 1.5rem}.back-link{color:#000;margin-bottom:1.5rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-block}.back-link:hover{color:#2d003a}.album-page h2{color:#000;margin-bottom:1.5rem;font-size:2rem}.container{max-width:1200px;margin:0 auto}.about-page{max-width:720px;padding:3rem 1.5rem}.about-page h1{color:#eee;margin-bottom:1.5rem;font-size:2rem}.about-content p{color:#000;margin-bottom:1rem;line-height:1.8}.about-content ul{margin:0;padding:0;list-style:none}.container{margin:0 auto;padding:1.5rem}.album-cover{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;padding:0;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.album-cover:hover{transform:translateY(-4px)}.album-cover-img-wrap{aspect-ratio:unset;overflow:hidden}.album-cover-img-wrap img{object-fit:cover;width:100%;height:auto;transition:transform .3s;display:block}.album-cover:hover .album-cover-img-wrap img{transform:scale(1.05)}.album-cover-info{padding:.75rem 1rem}.album-cover-info h3{letter-spacing:.05em;color:#000;margin:0 0 .25rem;font-size:1rem;font-weight:600}.album-cover-info span{letter-spacing:.05em;color:#000;font-size:.8rem}.home{padding:3rem 1.5rem}.home h2{letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.5rem;font-size:1.5rem}.home-album-grid{column-count:3;column-gap:.5rem}.home-album-grid .album-cover{break-inside:avoid;width:100%;margin-bottom:.5rem}.home-album-grid .album-cover-img-wrap{aspect-ratio:unset;height:auto}.modal-loading-backdrop{z-index:999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-loading-backdrop .status{color:#fff;font-size:1.1rem}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.status{color:#888;text-align:center;padding:2rem}.status.error{color:#e07070}.layout{flex-direction:column;min-height:100vh;display:flex}.layout-content{flex-direction:column;flex:1;display:flex}@media (width>=768px){.layout{flex-direction:row;align-items:stretch}.layout-content{flex:1;overflow:auto}}