:root{--text: #0a0a0a;--muted: #6b6b6b;--accent: #111111;--active: #b0b0b0;--sidebar: 240px;--shell-gap: 24px;--topbar-space: 48px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#fff;color:var(--text);font-family:Helvetica,Arial,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4}body.modal-open{overflow:hidden}body.modal-open .topbar,body.modal-open .brand,body.modal-open .brand-portal,body.modal-open .brand-hitarea,body.modal-open .mobile-filter-bar{display:none!important}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;gap:var(--shell-gap);padding:24px;min-height:100%}.sidebar{position:sticky;top:24px;align-self:start}.brand{font-weight:700;letter-spacing:.2px;position:fixed;top:30px;left:24px;margin-top:0;z-index:2147483647}.nav{margin-top:16px;display:flex;flex-direction:column;gap:8px}.nav a{color:#000}.nav a.active{color:var(--active);text-decoration:none}.content{padding-inline-end:0}.tabs{display:flex;gap:16px;margin-bottom:12px}.links-right .tab{color:#000!important}.links-right .tab.active{color:var(--active)!important;text-decoration:none}.links-right a.tab{color:#000!important}.links-right a.tab.active{color:var(--active)!important}.sep{color:#000}.mobile-filter-bar{display:none}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:12px;position:fixed;top:0;left:0;right:0;background:transparent;z-index:2000;padding:6px 24px;padding-left:calc(var(--sidebar) + var(--shell-gap))}@media (min-width: 861px){.topbar{top:24px}}.links{display:flex;gap:16px;grid-column:1;justify-content:flex-start}.links a{color:#000}.links a.active{color:var(--active);text-decoration:none}.links-right{justify-content:flex-end;grid-column:3;margin-right:24px}.filter-links{justify-content:center;grid-column:2;transform:translate(-12px)}.topbar-grid{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:16px}.contact-content{display:grid;grid-template-columns:auto auto 1fr;gap:16px}.contact-block{grid-column:1}.contact-block p{margin:2px 0;line-height:1.25}.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,360px);gap:16px;overflow-x:auto;padding-bottom:8px}.thumb{width:100%;aspect-ratio:9/16;background:#f3f3f3;border:1px solid #e9e9e9;display:flex;align-items:center;justify-content:center;cursor:pointer}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.modal-backdrop{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;min-height:100dvh;z-index:3000}.modal{position:fixed;inset:0;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent}.modal-media{width:min(80vw,1100px);height:65vh;display:flex;align-items:center;justify-content:center}.modal video,.modal iframe{width:100%;height:100%;background:transparent;object-fit:contain}.media-unit{position:relative;width:min(80vw,1100px)}.modal-media{position:relative}.credits-below{margin-top:12px;white-space:pre-line;color:#000;font-size:14px}.media-controls button:first-child{text-align:left}.media-controls button:last-child{text-align:right}.modal-media video,.modal-media iframe{position:relative;z-index:0}.credits-overlay{position:absolute;inset:0;background:#ffffffd9;display:grid;place-items:center;z-index:10}.credits-content{white-space:pre-line;color:#000;font-size:14px;padding:12px}.modal-header,.modal-footer{display:flex;gap:8px;padding:0 8px;background:transparent;width:min(92vw,1200px);box-sizing:border-box}.modal-header{justify-content:center;margin:30px 0 4px}.modal-footer{flex-direction:column;align-items:stretch;gap:6px}.modal-footer .footer-row{display:flex;justify-content:space-between;align-items:center}.modal-footer .credits{text-align:center}.modal-footer button{background:#fff;color:#000;border:none;padding:6px 10px;border-radius:0;font:inherit;cursor:pointer}.credits{color:var(--muted);font-size:14px;white-space:pre-line}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1440px;margin:0 auto}.grid-item{display:grid;gap:8px;min-width:0}.grid-thumb{width:100%;aspect-ratio:16/9;background:#f0f0f0;border:none;padding:0;position:relative;overflow:hidden;cursor:pointer}.grid-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;contain:paint}.grid-thumb:hover img,.grid-thumb:focus-visible img{filter:brightness(1.06) contrast(1.02);transition:filter .14s ease}.grid-caption{font-size:12.5px;color:#000}@media (max-width: 980px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid{grid-template-columns:1fr}}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.brand{position:fixed;top:14px;left:24px}body[data-version="1"] .index2-topbar{display:none!important}@media (min-width: 861px){body[data-version="2"] .index2-topbar{display:none!important;padding:0!important;margin:0!important}body[data-version="2"] .index2-topbar .links,body[data-version="2"] .index2-topbar .links-right{padding:0!important;margin:0!important}body[data-version="2"] .topbar{padding:0!important;margin:0!important;transform:translate(-108px)!important}body[data-version="2"] .topbar .links,body[data-version="2"] .topbar .links-right{padding:0!important;margin:0!important}}body[data-version="2"] .topbar{display:none!important}body[data-version="2"] .index2-topbar{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0!important;margin:6px 0 0!important;width:100%!important;box-sizing:border-box!important}body[data-version="2"] .index2-topbar .links{display:flex!important;gap:16px!important;margin:0!important;padding:0 0 0 24px!important}body[data-version="2"] .index2-topbar .links-right{display:flex!important;gap:16px!important;margin:0!important;padding:0 24px 0 0!important}.modal .modal-media{width:calc(100vw - 48px);height:60vh}.modal video,.modal iframe{width:100%;height:100%}.modal-header,.modal-footer{width:calc(100vw - 48px);padding:0}.modal-header{margin-top:14px}.topbar{position:fixed;top:36px;left:0!important;right:0;background:transparent;padding:6px 12px;padding-left:12px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px;transform:none!important;align-items:center}.topbar.center-viewport{left:0!important;padding-left:12px!important;transform:none!important;position:fixed!important}.topbar .links{grid-column:1!important;display:flex!important;gap:16px;justify-content:flex-start!important;align-items:center;margin:0!important;transform:none!important;padding-left:12px}.topbar .links-right{grid-column:2!important;display:flex!important;gap:16px;justify-content:flex-end!important;align-items:center;margin:0!important;padding-right:12px}.topbar .filter-links{display:none!important;grid-column:none!important;grid-row:none!important;position:absolute!important;left:-9999px!important;visibility:hidden!important}.mobile-filter-bar{position:fixed;bottom:8px;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1fr;padding:12px 12px 6px;padding-bottom:calc(6px + env(safe-area-inset-bottom));background:#fff;z-index:2100}.mobile-filter-bar:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;background:linear-gradient(to top,#fff,#fff0);pointer-events:none;z-index:2099}.mobile-filter-bar:after{content:"";position:fixed;left:0;right:0;bottom:0;height:calc(8px + env(safe-area-inset-bottom));background:#fff;z-index:2099;pointer-events:none}.mobile-filter-bar a{color:#000}.mobile-filter-bar a.active{color:var(--active)}.mobile-filter-left{text-align:left;padding-left:12px}.mobile-filter-center{text-align:center}.mobile-filter-right{text-align:right;padding-right:12px}.content{margin-top:32px;padding-bottom:44px}.media-unit{width:calc(100vw - 48px)}.modal .modal-media{height:50vh}.modal .modal-media video,.modal .modal-media iframe{width:100%;height:100%;background:transparent;object-fit:contain}body.modal-open .brand{display:none!important}.modal .modal-media{display:flex;align-items:center;justify-content:center}.modal:has(.thumbnail-nav) .modal-media{margin-top:0}.modal .thumbnail-nav{margin-top:12px}}@media (min-width: 861px){.brand{top:30px}.content{margin-top:38px}.thumbnail-more{display:none}}.center-viewport{position:relative;left:calc((var(--sidebar) + var(--shell-gap)) / -2);will-change:left}.topbar.center-viewport{position:fixed;left:0!important;transform:translate(-108px)}@media (max-width: 860px){.center-viewport{left:0}}.landing-page{position:fixed;inset:60px 0 0;display:flex;align-items:center;justify-content:center;padding:40px 20px;pointer-events:none}.landing-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;pointer-events:auto}.landing-media{width:100%;max-width:600px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.landing-gif{width:100%;height:100%;object-fit:cover;border-radius:0}.placeholder-gif{width:100%;height:100%;background:#f0f0f0;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;border-radius:8px}.placeholder-text{font-size:24px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:2px}.brand{text-decoration:none;color:inherit;transition:opacity .2s ease;cursor:pointer;pointer-events:auto;display:inline-block;padding:2px 4px}.brand-hitarea{position:fixed;top:30px;left:24px;width:140px;height:24px;z-index:2147483646}.brand:hover{opacity:.7}.brand:active{opacity:.5}.modal-close-desktop{position:absolute;top:0;left:3px;padding:8px 16px;border:none;background:transparent;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.modal-close-desktop:hover{color:#333}.modal-close-desktop:active{opacity:.7}.modal-close-mobile{display:none;padding:8px 16px;border:none;background:transparent;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.modal-close-mobile:hover{color:#333}.modal-close-mobile:active{opacity:.7}.thumbnail-nav{padding:20px 0;background:transparent}.thumbnail-carousel{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px;max-width:100%;box-sizing:border-box}.thumbnail-grid{display:flex;gap:8px;flex-wrap:nowrap;max-width:100%;overflow-x:auto;flex:1 1 auto;min-width:0;scroll-snap-type:x proximity;justify-content:center}.thumbnail-nav-item{position:relative;width:80px;height:60px;border:2px solid transparent;border-radius:0;overflow:hidden;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;scroll-snap-align:center}.thumbnail-nav-item:hover{border-color:#ddd;filter:brightness(1.1);box-shadow:0 2px 8px #00000026}.thumbnail-nav-item.active{border:1px solid var(--active, #007bff);filter:brightness(1.1)}.thumbnail-nav-item img{width:100%;height:100%;object-fit:cover;border-radius:0}.thumbnail-number{position:absolute;bottom:2px;right:2px;background:#000000b3;color:#fff;font-size:10px;font-weight:600;padding:2px 4px;border-radius:0;line-height:1}.thumbnail-nav-button{padding:8px 16px;border:none;background:transparent;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:80px}.thumbnail-nav-button:hover{color:#333}.thumbnail-nav-button:active{opacity:.7}@media (min-width: 861px){.thumbnail-nav{padding:24px 0}.thumbnail-carousel{gap:16px;padding:0 40px}.thumbnail-grid{gap:12px}.thumbnail-nav-item{width:100px;height:75px}.thumbnail-number{font-size:11px;padding:3px 5px}.thumbnail-nav-button{padding:10px 20px;font-size:16px;min-width:100px}.modal-close-desktop{padding:10px 20px;font-size:16px}.modal-close-mobile{display:none}}@media (max-width: 860px){.modal-close-desktop{display:none}.modal-close-mobile{display:flex;align-items:center;justify-content:center;margin:8px auto 0}.modal-header{display:flex;flex-direction:column;align-items:center;text-align:center}.landing-page{top:32px;padding:20px}.landing-media{max-width:100%}.thumbnail-nav{padding:20px 0;overflow:visible;width:100%;box-sizing:border-box}.thumbnail-carousel{gap:8px;padding:0 16px;max-width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;min-height:60px;width:100%}.thumbnail-grid{gap:6px;min-width:0;flex:1 1 auto;margin:0 16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.thumbnail-grid::-webkit-scrollbar{display:none}.thumbnail-more{display:none}@media (max-width: 480px){.thumbnail-carousel{padding:0 8px;gap:4px}.thumbnail-grid{margin:0 12px}.thumbnail-nav-button{min-width:70px;padding:8px 14px;font-size:12px;height:40px}}.thumbnail-nav-item{width:60px;height:45px}.thumbnail-number{font-size:9px;padding:1px 3px}.thumbnail-nav-button{padding:6px 12px;font-size:12px;min-width:56px;white-space:nowrap;flex:0 0 auto;background:transparent;border:none;color:#000;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.thumbnail-nav-button:hover{color:#333}.thumbnail-nav-button:active{opacity:.7}.thumbnail-grid-compact .thumbnail-nav-item{width:50px;height:38px;flex-shrink:1;min-width:50px}.thumbnail-grid-compact .thumbnail-number{font-size:8px;padding:1px 2px}.thumbnail-grid-compact{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.thumbnail-more{display:flex;align-items:center;justify-content:center;width:50px;height:38px;background:transparent;color:#666;font-size:16px;font-weight:500;flex-shrink:0}}@media (max-width: 860px){.brand-portal{top:12px!important}}