:root{--ink:#12171d;--panel:#1a2028;--panel-raised:#202731;--line:#323b46;--paper:#f2f1ec;--muted:#aeb6c0;--accent:#ffcb8c;--mint:#bdddbb;--sidebar:264px;--header:85px;--bs-body-bg:var(--ink);--bs-body-color:var(--paper);--bs-border-color:var(--line);--bs-secondary-color:var(--muted)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{overflow-wrap:anywhere}h2{font-size:1.65rem;letter-spacing:-.04em;font-weight:650}h3{font-size:1.1rem}.muted{color:var(--muted)}[hidden]{display:none!important}.btn{font-weight:550;border-radius:8px;padding:.6rem .9rem}.btn-sm{padding:.45rem .8rem}.btn-accent{background:var(--accent);color:#221b14;border:1px solid var(--accent)}.btn-accent:hover,.btn-accent:focus-visible{background:#ffdeb6;color:#16120e;border-color:#ffdeb6}.btn-quiet{background:transparent;color:var(--paper);border:1px solid var(--line)}.btn-quiet:hover{color:var(--paper);background:var(--panel-raised);border-color:#5f6a78}.btn:disabled{opacity:.4}.eyebrow{font:600 .68rem/1.5 system-ui,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--accent);margin:0 0 .75rem}.skip-link{position:fixed;left:12px;top:8px;background:var(--paper);color:var(--ink);z-index:1100;padding:12px}
.site-header{position:sticky;top:0;z-index:1020;background:rgba(18,23,29,.98);border-bottom:1px solid var(--line)}.navbar{min-height:var(--header)}.brand{display:flex;gap:13px;align-items:center;font-size:1.55rem;font-weight:750;letter-spacing:-.06em;line-height:1.1;margin-right:30px}.brand small{display:block;letter-spacing:.12em;font-size:.58rem;font-weight:500;text-transform:uppercase;color:var(--muted);margin-top:7px}.brand-dot{color:var(--accent)}.brand-icon{display:grid;place-items:center;background:#282f35;border:1px solid #42484e;width:46px;height:46px;border-radius:12px}.brand-icon img{object-fit:contain}.navbar .nav-link{color:var(--muted);font-size:.85rem}.navbar .nav-link:hover,.navbar .nav-link:focus{color:var(--paper)}.navbar-toggler{font-size:1rem}.dropdown-menu{background:var(--panel);border:1px solid var(--line)}.dropdown-item{padding:.65rem 1rem;font-size:.9rem}.dropdown-item:active{background:var(--accent);color:var(--ink)}
.site-layout{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{--bs-offcanvas-width:300px;--bs-offcanvas-bg:var(--ink);border-right:1px solid var(--line);position:sticky;top:var(--header);height:calc(100dvh - var(--header));align-self:start;min-width:0}.sidebar-body{padding:28px 18px!important;flex-direction:column;overflow-y:auto;display:flex!important}.sidebar-intro{padding:3px 12px 25px}.sidebar-intro .eyebrow{font-size:.61rem;color:var(--muted)}.sidebar-intro p{font-size:1.07rem;line-height:1.5;margin:13px 0 0;letter-spacing:-.02em}.sidebar-label{display:flex;justify-content:space-between;padding:0 12px;margin-bottom:12px;font-size:.59rem;letter-spacing:.14em;font-weight:700;color:var(--muted)}.sidebar-label>span{color:var(--accent)}.collection-link{width:100%;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:11px 12px;color:var(--muted);background:none;border:1px solid transparent;border-radius:7px;font-size:.79rem;text-align:left;line-height:1.5;margin-bottom:5px}.collection-link>span:first-child{overflow-wrap:anywhere;min-width:0}.collection-link:hover{background:#1b232b;color:var(--paper)}.collection-link.active{background:#303029;color:var(--accent);border-color:#4b4538}.collection-icon{color:var(--accent);display:inline-block;margin-right:9px}.count-badge{color:inherit;background:#ffffff09;border-radius:4px;padding:1px 6px;font-size:.62rem;flex-shrink:0;font-variant-numeric:tabular-nums}.nested-folder{font-size:.76rem;padding-left:25px}.folder-path{display:block;font-size:.61rem;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}.sidebar-bottom{margin-top:28px;padding-top:25px;border-top:1px solid var(--line)}.sidebar-web a{display:flex;align-items:center;gap:11px;padding:8px 12px;text-decoration:none;font-size:.76rem;color:var(--muted)}.sidebar-web a:hover{color:var(--accent)}.web-mark{width:19px;color:var(--mint);font-weight:650}.sidebar-web a:nth-child(2n) .web-mark{color:#d3bde8}.sidebar-signoff{padding:0 12px;margin:28px 0 0;font-size:.64rem;color:var(--muted)}main{padding:0 clamp(20px,3.5vw,64px);min-width:0;max-width:1800px;width:100%;margin:auto}.welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:47px 0 37px;border-bottom:1px solid var(--line)}.welcome h1{font-size:clamp(2.5rem,4vw,4.3rem);font-weight:600;line-height:1.04;letter-spacing:-.064em;margin:18px 0}.welcome h1>span{color:var(--accent)}.welcome-copy{font-size:.88rem;color:var(--muted);margin:18px 0 0}.live-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:8px;vertical-align:middle}.archive-stats{display:flex;gap:30px;align-self:flex-end;margin-bottom:6px;flex-shrink:0}.archive-stats>div+div{padding-left:27px;border-left:1px solid var(--line)}.archive-stats strong{font-weight:500;font-size:2rem;letter-spacing:-.06em;line-height:1.2;font-variant-numeric:tabular-nums}.archive-stats span{display:block;color:var(--muted);font-size:.62rem;margin-top:4px}
.gallery-section{padding:31px 0 38px}.section-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading .eyebrow{margin-bottom:6px;font-size:.6rem}.section-heading h2{margin:0}.section-heading .btn{font-size:.75rem}.filter-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}.search-box{position:relative;max-width:450px;flex:1}.search-box>span{position:absolute;left:12px;top:1px;font-size:1.5rem;color:var(--muted)}.search-box input{padding-left:39px;font-size:.79rem;height:43px;background:var(--panel);border-color:var(--line)}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem #ffcb8c22;border-color:var(--accent);background:var(--panel)}.sort-control{display:flex;gap:10px;align-items:center;font-size:.72rem;color:var(--muted)}.form-select{background-color:var(--panel);border-color:var(--line);font-size:.75rem;min-height:37px}.sort-control select{width:167px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:365px;border:1px dashed #58616b;background:radial-gradient(ellipse at 50% 20%,#242932,var(--ink));border-radius:12px;padding:36px;color:var(--muted)}.empty-state h3{color:var(--paper);font-size:1.5rem;margin:25px 0 8px;letter-spacing:-.04em}.empty-state p{max-width:530px;font-size:.9rem}.empty-symbol{font-size:3rem;color:var(--accent)}.viewer-shell{background:#0b0f14;border:1px solid var(--line);border-radius:13px;overflow:hidden}.viewer-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 21px;border-bottom:1px solid #ffffff10;font-size:.65rem;color:var(--muted);letter-spacing:.04em}.viewer-topline>span:first-child{overflow-wrap:anywhere;min-width:0}.viewer-topline>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.carousel-item{height:clamp(320px,52vw,550px);background:#0b0f14}.carousel-item img{display:block;width:100%;height:100%;object-fit:contain}.fill-frame .carousel-item img{object-fit:cover}.carousel-control-prev,.carousel-control-next{width:55px;opacity:.9}.carousel-control-prev-icon,.carousel-control-next-icon{width:40px;height:44px;border-radius:8px;background-color:#1b2128dc;background-size:43%;border:1px solid #727a8555}.image-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:19px 23px;background:var(--panel);border-top:1px solid var(--line)}.image-caption>div{min-width:0}.image-caption h3{font-weight:600;margin:0 0 5px;font-size:1.1rem;letter-spacing:-.025em}.image-caption p{font-size:.68rem;margin:0;color:var(--muted);overflow-wrap:anywhere}.image-caption .btn{font-size:.71rem;white-space:nowrap}.player-bar{background:var(--panel);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;padding:13px 21px;flex-wrap:wrap}.player-bar .btn{font-size:.71rem}.speed-control{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--muted)}.speed-control select{width:114px}.thumbnail-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:25px 0 13px;font-size:.69rem}.keyboard-hint{color:var(--muted);font-size:.64rem}.thumbnail-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.thumbnail{border:1px solid var(--line);border-radius:8px;padding:5px;background:var(--panel);color:var(--muted);text-align:left;min-width:0;transition:border-color .2s}.thumbnail img{width:100%;height:95px;object-fit:cover;border-radius:4px;background:#0b0f14}.thumbnail>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;padding:7px 3px 3px}.thumbnail.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--accent)}.thumbnail:hover{border-color:var(--accent)}.thumb-pagination{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:20px;font-size:.72rem;color:var(--muted)}.thumb-pagination .btn{font-size:.7rem}.image-failure{display:grid;place-content:center;min-height:100%;text-align:center;padding:30px;color:var(--muted)}.image-failure .btn{margin:12px auto 0}.viewer-shell:fullscreen{border:0;border-radius:0;width:100%;display:flex;flex-direction:column;overflow:auto}.viewer-shell:fullscreen .carousel{flex:1;min-height:0}.viewer-shell:fullscreen .carousel-inner,.viewer-shell:fullscreen .carousel-item{height:100%}.viewer-shell:fullscreen .carousel-inner{min-height:200px}
.about-section{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;padding:31px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-signature{display:flex;align-items:center;gap:13px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;font-size:1.1rem;font-weight:650;line-height:1.3}.about-signature small{color:var(--accent);font-size:.7rem;font-weight:400}.about-section .eyebrow{font-size:.58rem}.about-section p:not(.eyebrow){font-size:.82rem;color:var(--muted);max-width:690px;margin-bottom:12px}.about-section h2{font-size:1.5rem;margin-bottom:12px}.text-link{color:var(--accent);text-underline-offset:5px;font-size:.76rem}.about-section form{grid-column:2}.about-section form .btn{font-size:.7rem}.web-section{padding:35px 0 0}.footer-eyes{font-size:1.8rem;letter-spacing:.08em;color:var(--mint)}.web-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.web-card{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:var(--panel);padding:17px;text-decoration:none;border-radius:9px;min-width:0}.web-card:hover{border-color:var(--accent);color:var(--paper);background:#242a32}.web-card>span:nth-child(2){min-width:0}.web-card-icon{width:35px;height:35px;border-radius:9px;background:#beddbc14;color:var(--mint);display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}.web-card:nth-child(2n) .web-card-icon{background:#d3bde814;color:#d3bde8}.web-card strong{font-size:.78rem;display:block;font-weight:600;overflow-wrap:anywhere}.web-card small{display:block;font-size:.61rem;color:var(--muted);margin-top:3px}.other-links{display:flex;flex-wrap:wrap;gap:18px;margin:22px 0 28px}.other-links a{font-size:.64rem;color:var(--muted);text-decoration:none}.other-links a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding:20px 0 27px;font-size:.62rem;color:var(--muted)}.footer-bottom a{color:var(--paper);text-decoration:none}.status-notice{position:fixed;bottom:20px;right:20px;left:auto;max-width:min(420px,90vw);background:var(--paper);color:var(--ink);padding:14px 20px;border-radius:9px;box-shadow:0 8px 35px #0005;z-index:1100;font-size:.85rem}
@media(min-width:992px){.sidebar{background:var(--ink)!important}.sidebar .offcanvas-body{height:100%}.sidebar .offcanvas-header{display:none}.sidebar .sidebar-body{width:100%}}
@media(max-width:1199px){:root{--sidebar:230px}.welcome{align-items:flex-start}.archive-stats{flex-direction:column;gap:16px}.archive-stats>div+div{border:0;padding:0}.thumbnail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.web-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-bar{padding:12px}.player-bar .btn{padding:.5rem .6rem}}
@media(max-width:991px){:root{--header:79px}.site-layout{display:block}.sidebar{position:fixed;height:100dvh;top:0;border-right:1px solid var(--line)}.sidebar-body{display:flex}.sidebar-intro{display:none}.navbar-collapse{padding:16px 0 5px}.navbar-nav .nav-link{padding:.75rem 0}.navbar .brand{font-size:1.3rem;margin-right:10px}.brand-icon{width:40px;height:40px}.brand small{font-size:.5rem}.welcome{padding-top:36px}.archive-stats{flex-direction:row;align-self:center}.archive-stats>div+div{padding-left:20px;border-left:1px solid var(--line)}main{padding:0 26px}.carousel-item{height:500px}.thumbnail-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.thumbnail img{height:80px}}
@media(max-width:620px){html{scroll-padding-top:96px}.navbar .container-fluid{padding-left:13px!important;padding-right:13px!important}.brand{gap:8px}.brand-icon{width:34px;height:38px;border:0;background:none}.brand small{font-size:.44rem}.navbar .btn-sm{font-size:.67rem;padding:.5rem .55rem}.navbar-toggler{padding:.38rem .5rem}.navbar-brand{margin-right:6px!important}main{padding:0 17px}.welcome{display:block;padding:28px 0}.welcome h1{font-size:2.65rem}.welcome-copy{font-size:.82rem}.archive-stats{margin:26px 0 0;gap:24px}.archive-stats strong{font-size:1.7rem}.archive-stats>div+div{padding-left:24px}.section-heading{gap:12px}.section-heading h2{font-size:1.4rem}.section-heading .btn{font-size:.65rem;padding:.55rem .6rem;max-width:125px}.filter-bar{flex-wrap:wrap;gap:12px}.search-box{min-width:100%;max-width:none}.sort-control{width:100%;justify-content:space-between}.sort-control select{flex:1;max-width:220px}.carousel-item{height:360px}.image-caption{padding:14px;align-items:flex-start}.image-caption h3{font-size:.95rem}.image-caption .btn span{display:none}.player-bar{gap:14px;padding:13px}.player-bar>div:last-child{width:100%;justify-content:space-between}.player-bar .btn{font-size:.68rem}.thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.thumbnail img{height:94px}.thumbnail-heading{font-size:.66rem}.keyboard-hint{display:none}.about-section{grid-template-columns:1fr;gap:22px}.about-signature{justify-self:start;padding:15px 20px}.about-section form{grid-column:1}.web-grid{grid-template-columns:1fr}.web-card{padding:15px 17px}.web-card strong{font-size:.88rem}.web-card small{font-size:.68rem}.footer-bottom{font-size:.64rem}.footer-bottom>span:nth-child(2){display:none}.empty-state{min-height:330px;padding:25px}.empty-state h3{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}