:root{--bg:#07131d;--bg-deep:#03080d;--surface:#102331;--surface-soft:#173246;--brand:#44b4df;--brand-strong:#178cc0;--text:#f5f8fa;--muted:#a8b7c2;--line:hsla(0,0%,100%,0.13);--header-height:72px;--radius:12px;--page-gutter:clamp(16px,4vw,64px)}*,:after,:before{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-width:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,#143149 0,var(--bg) 30rem,var(--bg-deep) 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}body.drawer-open{overflow:hidden}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit}img,video{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 14px;background:#fff;color:#07131d;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid #7dd9ff;outline-offset:3px}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(3,8,13,.95);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .2s ease,box-shadow .2s ease}.home-page .site-header:not(.is-scrolled){background:linear-gradient(rgba(3,8,13,.85),rgba(3,8,13,0));border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.site-header.is-scrolled{box-shadow:0 12px 36px rgba(0,0,0,.24)}.site-header__bar{height:var(--header-height);padding:0 var(--page-gutter);display:flex;align-items:center;gap:clamp(18px,3vw,42px)}.site-brand{display:inline-flex;flex:0 0 auto}.site-brand img{display:block;width:132px;height:auto}.desktop-nav{flex:1;display:flex;align-items:center;gap:24px}.header-button,.icon-button{min-width:44px;min-height:44px;border:0;border-radius:999px;background:transparent;color:var(--text);cursor:pointer}.header-button{display:inline-flex;align-items:center;gap:9px;padding:0 12px;font-weight:800;letter-spacing:-.01em}.header-button:hover,.icon-button:hover{background:hsla(0,0%,100%,.1)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid hsla(0,0%,100%,.18);background:hsla(0,0%,100%,.035);font-size:1.45rem;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}.icon-button:hover{border-color:rgba(125,217,255,.6);transform:translateY(-1px)}.header-search-form svg,.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-chevron{width:8px;height:8px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}.header-button[aria-expanded=true] .header-chevron{transform:rotate(225deg) translate(-1px,-1px)}.mobile-only{display:none}.header-search-form{width:min(360px,38vw);display:flex;border:1px solid hsla(0,0%,100%,.25);border-radius:999px;overflow:hidden;background:rgba(0,0,0,.22)}.header-search-form input{width:100%;min-width:0;border:0;padding:10px 4px 10px 16px;background:transparent;color:#fff;outline:0}.header-search-form button{width:46px;border:0;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center}.header-panel{position:absolute;top:var(--header-height);left:0;right:0;padding:18px var(--page-gutter) 22px;background:rgba(7,19,29,.98);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(0,0,0,.25)}.header-panel--compact{left:auto;width:min(300px,100%)}.header-panel--compact label{display:block;margin-bottom:8px;color:var(--muted)}.header-panel select,.mobile-drawer select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:#fff}.category-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:5px 20px}.category-navigation a{padding:10px;border-radius:7px;color:#dbe7ed;text-decoration:none}.category-navigation a:hover{background:var(--surface);color:#fff}.mobile-search-sheet{padding:10px var(--page-gutter) 14px;border-top:1px solid var(--line);background:var(--bg)}.mobile-search-sheet form{display:flex;gap:8px}.mobile-search-sheet input,.search-page__form input{min-width:0;flex:1;min-height:48px;padding:0 15px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:#fff}.mobile-search-sheet button,.search-page__form button{min-height:48px;padding:0 18px;border:0;border-radius:9px;background:var(--brand);color:#061019;font-weight:800}.drawer-backdrop{position:fixed;inset:0;z-index:199;background:rgba(0,0,0,.65)}.mobile-drawer{position:fixed;inset:0 0 0 auto;z-index:200;width:min(88vw,360px);display:flex;flex-direction:column;background:#091721;transform:translateX(105%);visibility:hidden;transition:transform .22s ease,visibility .22s;box-shadow:-20px 0 55px rgba(0,0,0,.45)}.mobile-drawer.is-open{transform:translateX(0);visibility:visible}.mobile-drawer__header{height:var(--header-height);padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.mobile-drawer nav{flex:1;padding:10px;overflow-y:auto}.mobile-drawer nav a{display:block;padding:13px 12px;border-radius:8px;text-decoration:none}.mobile-drawer nav a:hover{background:var(--surface)}.mobile-drawer__footer{padding:18px;display:grid;gap:14px;border-top:1px solid var(--line)}.site-main{min-height:62vh;padding-top:var(--header-height)}.home-page .site-main{padding-top:0}.hero{position:relative;height:clamp(440px,72vh,790px);background:#020507;overflow:hidden}.hero__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s}.hero__slide.is-active{opacity:1;visibility:visible}.hero__video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#020507}.hero__fallback{background:linear-gradient(135deg,#0c3850,#02070b 70%)}.hero__gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,6,10,.9),rgba(1,6,10,.38) 48%,transparent 75%),linear-gradient(0deg,var(--bg-deep),transparent 32%);pointer-events:none}.hero__content{position:absolute;left:var(--page-gutter);bottom:clamp(72px,12vh,130px);width:min(620px,80vw);z-index:2}.hero__content h1{margin:10px 0;font-size:clamp(2.3rem,5.5vw,5.8rem);line-height:.98;letter-spacing:-.05em;text-wrap:balance}.hero__content p{max-width:55ch;color:#d9e3e8;font-size:clamp(1rem,1.5vw,1.25rem)}.hero__badge{padding:5px 10px;border-radius:999px;background:rgba(68,180,223,.2);border:1px solid rgba(125,217,255,.45);color:#b7edff;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.hero__badge,.hero__link{display:inline-flex;font-weight:800}.hero__link{min-height:46px;align-items:center;padding:0 18px;margin-top:10px;border-radius:8px;background:hsla(0,0%,100%,.93);color:#07131d;text-decoration:none}.hero__sound{right:var(--page-gutter);bottom:54px;min-height:42px;padding:0 14px;border:1px solid hsla(0,0%,100%,.4);border-radius:999px;background:rgba(0,0,0,.45);color:#fff;cursor:pointer}.hero__dots,.hero__sound{position:absolute;z-index:5}.hero__dots{left:50%;bottom:24px;display:flex;gap:8px;transform:translateX(-50%)}.hero__dots button{width:34px;height:5px;padding:0;border:0;border-radius:99px;background:hsla(0,0%,100%,.35);cursor:pointer}.hero__dots button.is-active{background:#fff}.showcase-sections{position:relative;z-index:2;margin-top:-25px;padding-bottom:52px}.showcase-row{margin:0 0 34px}.showcase-row__heading{padding:0 var(--page-gutter) 10px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.showcase-row__heading h2{margin:0;font-size:clamp(1.2rem,2vw,1.8rem)}.showcase-row__heading a{color:#b7d6e4;font-size:.92rem;text-decoration:none}.showcase-row__viewport{position:relative}.media-scroll-container{display:flex;gap:12px;padding:10px var(--page-gutter) 24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:var(--page-gutter);scrollbar-width:none;overscroll-behavior-inline:contain}.media-scroll-container::-webkit-scrollbar{display:none}.media-element{flex:0 0 clamp(235px,22vw,350px);min-width:0;color:#fff;text-decoration:none;scroll-snap-align:start}.media-card__visual,.media-element{position:relative;border-radius:var(--radius)}.media-card__visual{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;isolation:isolate;background:#0d1b25;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform .18s ease,box-shadow .18s ease}.media-bg-img{position:absolute;inset:0;z-index:1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .25s ease,transform .35s ease}.media-bg-img.is-loaded{opacity:1}.media-card__skeleton{position:absolute;inset:0;background:linear-gradient(100deg,#10212d 20%,#1b3445 38%,#10212d 56%);background-size:220% 100%;animation:skeleton 1.2s linear infinite}.media-bg-img.is-loaded+.media-card__shade~.media-card__skeleton,.media-card__skeleton.is-hidden{display:none}@keyframes skeleton{to{background-position-x:-220%}}.media-card__shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.62),transparent 55%,rgba(0,0,0,.72));pointer-events:none}.media-card__title{position:absolute;z-index:4;top:10px;left:11px;right:34px;font-weight:750;line-height:1.25;text-shadow:0 2px 7px #000;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.media-card__type{position:absolute;z-index:4;right:10px;bottom:8px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:rgba(4,12,18,.76);color:#f4fbff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.media-card__type svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.media-card__play{position:absolute;z-index:5;top:50%;left:50%;width:52px;height:52px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid hsla(0,0%,100%,.55);border-radius:50%;background:rgba(3,10,15,.78);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.32);pointer-events:none;transition:transform .2s ease,background .2s ease}.media-card__play svg{width:24px;height:24px;margin-left:3px;fill:currentColor}.media-element:focus-visible .media-card__play,.media-element:hover .media-card__play{transform:translate(-50%,-50%) scale(1.04);background:rgba(3,10,15,.86)}.media-element.is-previewing .media-card__play{opacity:0;transform:translate(-50%,-50%) scale(.9)}.media-element:focus-visible .media-card__visual,.media-element:hover .media-card__visual{transform:translateY(-4px);box-shadow:0 16px 38px rgba(0,0,0,.42)}.media-element:hover .media-bg-img{transform:scale(1.035)}.admin-delete-btn{position:absolute;z-index:20;top:7px;right:7px;width:36px;height:36px;border:0;border-radius:50%;background:#d73a49;color:#fff;cursor:pointer}.see-more-card{flex:0 0 clamp(150px,15vw,210px);min-height:130px;display:grid;place-content:center;gap:3px;text-align:center;border:1px dashed rgba(125,217,255,.45);border-radius:var(--radius);background:linear-gradient(135deg,rgba(68,180,223,.12),rgba(23,140,192,.05));color:#fff;text-decoration:none;scroll-snap-align:start}.see-more-card span{font-size:2rem}.row-arrow{position:absolute;z-index:8;top:calc(50% - 18px);width:48px;height:72px;border:0;background:rgba(2,8,12,.72);color:#fff;font-size:2.2rem;cursor:pointer;opacity:0;transition:opacity .15s}.row-arrow:focus-visible,.showcase-row__viewport:hover .row-arrow{opacity:1}.row-arrow--previous{left:0;border-radius:0 8px 8px 0}.row-arrow--next{right:0;border-radius:8px 0 0 8px}.media-preview-overlay{position:absolute;inset:0;z-index:8;overflow:hidden;border-radius:inherit;background:#08131b 50%/cover no-repeat;opacity:0;transform:scale(1.015);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.media-preview-overlay.is-active{opacity:1;transform:scale(1)}.media-preview-overlay img,.media-preview-overlay video{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.detail-page,.page-shell{width:min(1500px,100%);margin:0 auto;padding:clamp(32px,5vw,72px) var(--page-gutter) 80px}.back-link{display:inline-flex;min-height:44px;align-items:center;color:#b9d3df;text-decoration:none}.page-heading{margin:20px 0 28px}.page-heading p{margin:0 0 4px;color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.detail-heading h1,.page-heading h1{margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:1.03;letter-spacing:-.045em;overflow-wrap:anywhere}.page-heading>span{display:block;margin-top:10px;color:var(--muted)}.filter-bar{margin-bottom:28px;display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(16,35,49,.7)}.filter-bar label{display:grid;gap:5px;min-width:min(230px,100%);color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.05em}.filter-bar select{min-height:44px;padding:0 38px 0 12px;border:1px solid var(--line);border-radius:8px;background:#0a1a25;color:#fff}.filter-bar>a,.filter-bar button{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:0;border-radius:8px;background:var(--brand);color:#061019;font-weight:800;text-decoration:none;cursor:pointer}.filter-bar>a{background:transparent;color:#d6e5eb;border:1px solid var(--line)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:clamp(12px,2vw,24px)}.media-grid .media-element{width:100%}.result-count{text-align:center;color:var(--muted)}.pagination{margin:32px auto 0;display:flex;justify-content:center;align-items:center;gap:9px}.pagination a,.pagination span{min-width:44px;min-height:44px;display:grid;place-items:center;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:#fff;text-decoration:none}.pagination span[aria-disabled]{opacity:.35}.empty-state{min-height:280px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-state>span{font-size:3.5rem}.empty-state h2{margin:4px}.empty-state.compact{min-height:260px}.search-page__form{width:min(760px,100%);display:flex;gap:10px;margin-bottom:20px}.detail-heading{margin:18px 0 30px}.detail-heading p{color:#80cfee;overflow-wrap:anywhere}.detail-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.75fr);gap:clamp(22px,4vw,60px);align-items:start}.media-gallery{position:relative;min-height:clamp(320px,57vw,720px);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#020608}.gallery-item,.media-gallery{display:grid;place-items:center}.gallery-item{position:absolute;inset:0;width:100%;height:100%}.gallery-item:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#07131d 20%,#122b3b 40%,#07131d 60%);background-size:220% 100%;animation:skeleton 1.2s linear infinite}.gallery-item--audio:before,.gallery-item--document:before,.gallery-item--video:before,.gallery-item.is-loaded:before{display:none}.gallery-item.is-error:before{animation:none;background:#07131d}.gallery-item.is-error:after{content:"Media unavailable";position:relative;color:var(--muted)}.gallery-item a:not(.document-link){width:100%;height:100%;display:grid;place-items:center}.gallery-item img,.gallery-item video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.gallery-item img{opacity:0;transition:opacity .2s ease}.gallery-item.is-loaded img{opacity:1}.gallery-item audio{width:min(90%,620px)}.document-link{display:grid;gap:12px;text-align:center;color:#fff;text-decoration:none;font-weight:800}.document-link span{font-size:5rem}.gallery-arrow{position:absolute;z-index:5;top:50%;width:48px;height:56px;transform:translateY(-50%);border:0;border-radius:9px;background:rgba(0,0,0,.62);color:#fff;font-size:2rem;cursor:pointer}.gallery-arrow--previous{left:12px}.gallery-arrow--next{right:12px}.gallery-progress{position:absolute;z-index:5;left:50%;bottom:12px;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.68)}.detail-info{position:sticky;top:calc(var(--header-height) + 22px);padding:24px;border:1px solid var(--line);border-radius:14px;background:rgba(16,35,49,.72)}.detail-info section+section{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.detail-info h2{margin:0 0 12px;color:#8ed9f5;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.detail-info dd,.detail-info p{color:#d4dee3;overflow-wrap:anywhere;white-space:pre-line}.detail-info dl{margin:0}.detail-info dt{margin-top:14px;color:var(--muted);font-size:.82rem}.detail-info dd{margin:3px 0 0}.suggestion-section{padding:clamp(42px,7vw,90px) var(--page-gutter);display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(30px,7vw,100px);background:#eef5f7;color:#10222d}.suggestion-copy h2{max-width:19ch;margin:0 0 20px;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.03;letter-spacing:-.04em}.suggestion-copy div{max-width:55ch;color:#425965}.form-two-columns,.suggestion-section form{display:grid;gap:12px}.form-two-columns{grid-template-columns:1fr 1fr}.suggestion-section label{display:block}.suggestion-section input,.suggestion-section textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid #bfd0d8;border-radius:8px;background:#fff;color:#07131d;resize:vertical}.suggestion-section button{min-height:48px;padding:0 24px;border:0;border-radius:8px;background:#0b4f71;color:#fff;font-weight:800;cursor:pointer;justify-self:start}.form-status{min-height:1.5em;margin:0}.form-status.is-error{color:#aa1f31}.form-status.is-success{color:#146b42}.site-footer{padding:34px var(--page-gutter) max(28px,env(safe-area-inset-bottom));display:grid;justify-items:center;gap:14px;background:#0a4262;text-align:center}.site-footer p{margin:0}.site-footer__logo{display:block;width:min(80px,22vw);height:auto}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px}.legal-content{padding:clamp(22px,5vw,58px);border:1px solid var(--line);border-radius:16px;background:rgba(16,35,49,.65)}.legal-content h1{margin-top:0;font-size:clamp(2rem,5vw,4rem)}.legal-content h3{margin-top:2rem;color:#8ed9f5}.legal-content p{color:#d4dee3}.legal-content a{color:#7dd9ff!important}@media (max-width:820px){:root{--header-height:64px}.desktop-nav,.desktop-only{display:none!important}.mobile-only{display:inline-grid}.site-header__bar{padding-inline:12px;gap:8px}.site-brand img{width:116px}.hero{height:max(470px,62svh)}.hero__gradient{background:linear-gradient(0deg,var(--bg-deep),rgba(2,7,10,.15) 70%),linear-gradient(90deg,rgba(2,7,10,.5),transparent)}.hero__content{bottom:64px;width:calc(100% - 32px)}.hero__content h1{font-size:clamp(2.2rem,12vw,4rem)}.hero__content p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.hero__sound{right:14px;bottom:16px}.hero__dots{bottom:20px;left:18px;transform:none}.showcase-sections{margin-top:0}.media-scroll-container{gap:10px;padding-inline:16px;scroll-snap-type:x mandatory}.media-element{flex-basis:min(76vw,300px)}.row-arrow{display:none}.detail-page,.page-shell,.showcase-row__heading{padding-inline:16px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-grid .media-card__title{font-size:.85rem}.media-grid .media-card__type{width:25px;height:25px}.filter-bar{align-items:stretch}.filter-bar label{min-width:calc(50% - 6px);flex:1}.detail-layout{grid-template-columns:1fr}.media-gallery{min-height:min(68svh,540px)}.detail-info{position:static}.suggestion-section{grid-template-columns:1fr}}@media (max-width:480px){.form-two-columns{grid-template-columns:1fr}.filter-bar label{min-width:100%}.filter-bar>a,.filter-bar button{flex:1;justify-content:center}.search-page__form{flex-direction:column}.gallery-arrow{width:42px;height:50px}}@media (hover:none),(pointer:coarse){.media-element:hover .media-card__visual{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}