:root{--font-main:'JetBrains Mono', monospace;--color-text:#333;--color-bg:#fff;--color-accent:#e60000;--nav-width:240px;--carousel-width:260px;--mobile-nav-width:280px}body{font-family:var(--font-main);color:var(--color-text);background-color:var(--color-bg);margin:0;font-size:14px;-webkit-font-smoothing:antialiased}.site-container{display:grid;grid-template-columns:var(--nav-width)var(--carousel-width)1fr;height:100vh;transition:grid-template-columns .1s ease-in-out}.site-container.thumbnails-hidden{grid-template-columns:var(--nav-width)0 1fr}.main-nav{padding:30px 20px 30px 30px;position:relative;z-index:10;background-color:var(--color-bg);display:flex;flex-direction:column}.site-title{font-family:covered by your grace,cursive;font-size:80px;font-weight:400;text-decoration:none;color:var(--color-accent);letter-spacing:1.5px;display:block;margin-bottom:70px;line-height:1;white-space:nowrap}.main-menu{display:flex;flex-direction:column;gap:15px}.menu-toggle-button{text-decoration:none;color:var(--color-text);text-transform:uppercase;font-size:20px;font-family:var(--font-main);font-weight:700;letter-spacing:.5px;transition:color .2s;background:0 0;border:none;padding:0;cursor:pointer;text-align:left}.menu-toggle-button:hover{color:var(--color-accent)}.menu-sublist{max-height:0;overflow:hidden;transition:max-height .1s ease-in-out;padding-left:15px;border-left:1px solid #eee;margin-top:15px;display:flex;flex-direction:column;gap:8px}.menu-sublist.is-open{max-height:500px}.menu-sublist a{display:block;text-decoration:none;color:#555;font-size:13px;text-transform:capitalize;transition:color .2s}.menu-sublist a:hover{color:#000}.menu-sublist a.active-sublink{font-weight:700;color:#000}.section-title{text-transform:uppercase;font-size:12px;margin:0 0 30px;font-weight:700}.thumbnail-list{display:flex;flex-direction:column;gap:15px}.thumbnail-link img{width:100%;display:block;filter:grayscale(100%);opacity:.6;transition:all .3s ease}.thumbnail-link.active img,.thumbnail-link:hover img{filter:grayscale(0%);opacity:1}.main-photo-container{padding:30px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#fff;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}#main-photo{max-width:100%;max-height:100%;object-fit:contain}.placeholder{color:#aaa;text-align:center}.main-photo-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}#main-photo{max-width:100%;max-height:80vh;object-fit:contain;display:block}#photo-meta{text-align:center;margin-top:1.5rem;max-width:60ch}#photo-title{margin:0;font-size:1rem;font-weight:700}#photo-description{margin-top:.5rem;font-size:.8rem;line-height:1.5;color:#555}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;color:rgba(255,255,255,.8);border:none;border-radius:4px;width:50px;height:80px;font-size:32px;font-weight:lighter;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;transition:all .2s ease-in-out}.main-photo-container:hover .nav-button{opacity:1}.nav-button:hover{background-color:rgba(0,0,0,.3);color:#fff}#prev-photo-btn{left:1rem}#next-photo-btn{right:1rem}.series-nav{overflow-x:hidden;overflow-y:auto;position:relative;z-index:5;transition:transform .1s ease-in-out,visibility .1s;transform:translateX(0);visibility:visible}.series-nav-content{padding:150px 30px 30px;position:relative;display:flex;flex-direction:column;height:100%;padding-bottom:10rem;box-sizing:border-box;width:var(--carousel-width)}.thumbnail-list{flex-grow:1;overflow-y:auto}.site-container.thumbnails-hidden .series-nav{transform:translateX(-100%);visibility:hidden}#toggle-thumbnails-btn{position:absolute;bottom:1rem;right:1rem;background:#fdfdfd;border:1px solid #ccc;border-radius:4px;width:32px;height:32px;cursor:pointer;z-index:20;transition:all .1s ease;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:7px}#toggle-thumbnails-btn:hover{background-color:#f0f0f0;border-color:#aaa}.grid-dot{width:100%;height:100%;background-color:#555;border-radius:1px}body.is-loading .site-container{opacity:.7;transition:opacity .2s ease-in-out;pointer-events:none}.mobile-nav-overlay{display:none}.mobile-menu-header{display:none}#mobile-menu-toggle{display:none}@media(max-width:950px){.site-container,.site-container.thumbnails-hidden{grid-template-columns:1fr;height:auto;min-height:100vh}.series-nav,#toggle-thumbnails-btn{display:none}.main-nav{position:fixed;top:0;left:0;width:var(--mobile-nav-width);height:100vh;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:1000;overflow-y:auto;padding:20px;box-shadow:2px 0 15px rgba(0,0,0,.1);overflow-x:hidden}.main-nav .site-title{font-size:52px;margin-bottom:40px;white-space:normal;line-height:1.1}body.mobile-nav-is-open .main-nav{transform:translateX(0)}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}body.mobile-nav-is-open .mobile-nav-overlay{display:block}#mobile-menu-toggle{display:flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;padding:0;z-index:50;position:absolute;top:1rem;left:1rem;width:48px;height:48px;font-family:covered by your grace,cursive;font-size:80px;color:var(--color-accent);line-height:1;font-weight:400}.mobile-menu-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px}#close-mobile-menu-btn{background:0 0;border:none;font-size:30px;cursor:pointer;color:#888}.main-photo-container{padding:1rem;padding-top:5rem}#main-photo{max-height:70vh}#photo-meta{max-width:90%}.nav-button{display:none}}