.category-page{overflow-x:clip}.category-page .category-hero{padding-bottom:62px}.gallery-band{background:#f0f1f5;position:relative;margin:0 calc(50% - 50vw);width:100vw;padding:65px 0 48px;border-top:1px solid #fff9;border-bottom:1px solid #fff9}.gallery-inner,.gallery-controls{max-width:1240px;padding:0 40px;margin:0 auto}.gallery-title{font-size:31px;letter-spacing:-.8px}.gallery-band .filter-row{padding:28px 0 34px;align-items:center}.gallery-band .tabs{background:#e3e5eb;border-radius:99px;padding:5px;gap:2px}.gallery-band .tabs button{padding:10px 19px}.gallery-band .tabs button.active{color:white;background:#293749;border-color:#293749;box-shadow:none}.gallery-band .videos{display:flex;flex-wrap:nowrap;align-items:stretch;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding:8px max(24px,calc((100vw - 1160px)/2)) 18px;scroll-padding-inline:max(24px,calc((100vw - 1160px)/2));margin:0;width:100%;outline-offset:-4px;overscroll-behavior-x:contain}.gallery-band .videos::-webkit-scrollbar{display:none}.gallery-band .video-card{flex:0 0 270px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;text-align:left;scroll-snap-align:start;display:flex;flex-direction:column;transform:none}.gallery-band .video-card:hover{transform:none}.gallery-band .video-card .video-poster{width:100%;height:400px;aspect-ratio:auto;max-width:none;border-radius:18px;background:#ffffffbf;border:1px solid white;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px white;overflow:hidden}.gallery-band .video-poster img{object-fit:contain;height:100%;width:100%;border-radius:0}.gallery-band .video-copy{padding:23px 8px 10px;display:flex;flex-direction:column;flex:1}.gallery-band .video-copy h3{font-size:18px;line-height:1.5;margin:0 0 13px;min-height:54px}.gallery-band .video-copy p{font-size:12px;line-height:1.9;color:#748196;flex:1}.watch-label{display:inline-flex;align-items:center;align-self:start;gap:22px;color:#3d628e;border-bottom:1px solid #a9bed6;padding:0 0 5px;font-size:12px;margin-top:24px}.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.rail-buttons{display:flex;gap:12px}.rail-buttons button{width:38px;height:38px;border-radius:50%;border:1px solid #fff;background:#dce1e9;color:#344b68;font-size:29px;display:grid;place-items:center;line-height:1;box-shadow:inset 0 1px 1px white}.rail-buttons button:disabled{opacity:.3;cursor:default}.gallery-band .videos.is-empty{display:block}.gallery-band .empty{padding:75px 25px;min-height:320px}.category-page footer{margin-top:65px}.gallery-band .video-card:focus-visible{outline:3px solid #6f8fb7;outline-offset:3px}.gallery-band .video-poster.landscape{height:400px}.gallery-band .video-poster.landscape img{background:#fff8}.gallery-band .video-poster .play-icon{background:#ffffffb8}.gallery-band .duration{font-size:10px}
@media(min-width:1500px){.gallery-inner,.gallery-controls{max-width:1360px}.gallery-band .videos{padding-inline:max(24px,calc((100vw - 1280px)/2));scroll-padding-inline:max(24px,calc((100vw - 1280px)/2))}}
@media(max-width:800px){.category-page .category-hero{padding-bottom:42px}.gallery-band{padding:38px 0 32px}.gallery-inner,.gallery-controls{padding:0 23px}.gallery-title{font-size:25px}.gallery-band .filter-row{padding:24px 0 25px;gap:17px;align-items:start}.gallery-band .tabs button{padding:9px 12px;font-size:11px}.gallery-band .videos{gap:12px;padding:5px 23px 15px;scroll-padding-inline:23px}.gallery-band .video-card{flex-basis:246px}.gallery-band .video-card .video-poster{height:365px;border-radius:16px}.gallery-band .video-copy{padding:22px 6px 10px}.gallery-band .video-copy h3{font-size:17px}.gallery-band .video-copy p{font-size:12px}.gallery-controls{margin-top:18px}.gallery-band .empty{min-height:260px;padding:50px 23px}.category-page footer{margin-top:40px}}
/* Clear glass surrounds the image; the full frame remains visible. */
.gallery-band{background:radial-gradient(ellipse at 15% 45%,#dce3ec88,transparent 48%),radial-gradient(ellipse at 85% 65%,#d9e2ed77,transparent 45%),#eef0f4}
.gallery-band .video-card{overflow:visible}
.gallery-band .video-card .video-poster{padding:8px;background:linear-gradient(135deg,#ffffff55,#ffffff0d 45%,#cad6e32b 75%,#ffffff66);border:1px solid #ffffffa8;backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);box-shadow:inset 0 2px 2px #ffffffc9,inset 0 -2px 4px #95a6bb30,0 7px 15px #5269830d}
.gallery-band .video-poster img{border-radius:11px;background:transparent}
.gallery-band .video-poster.landscape img{background:transparent}
.gallery-band .videos[data-format=landscape] .video-card{flex-basis:480px}
.gallery-band .videos[data-format=landscape] .video-poster{height:auto;aspect-ratio:16/9}
.gallery-band .videos[data-format=landscape] .video-copy h3{min-height:0}
.gallery-band .videos.is-animating{scroll-snap-type:none;scroll-behavior:auto}
@media(max-width:800px){.gallery-band .videos[data-format=landscape] .video-card{flex-basis:min(480px,calc(100vw - 60px))}}
/* Fill the glass frame with a continuous rounded cover. */
.gallery-band .video-card .video-poster{padding:0;overflow:hidden}
.gallery-band .video-poster img{object-fit:cover;border-radius:inherit}
.gallery-band .video-card.reveal-pending{opacity:0}
@media(prefers-reduced-motion:reduce){.gallery-band .video-card.reveal-pending{opacity:1}}
.content-reveal-pending{opacity:0}
@media(prefers-reduced-motion:reduce){.content-reveal-pending{opacity:1}}
.floating-category-title{position:fixed;z-index:50;top:18px;left:50%;transform:translate(-50%,-12px);opacity:0;pointer-events:none;padding:12px 29px;max-width:calc(100vw - 40px);border-radius:999px;border:1px solid #ffffffe0;background:linear-gradient(135deg,#ffffff75,#eef3fa40 55%,#ffffff8c);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);box-shadow:inset 0 2px 2px #ffffffe0,inset 0 -1px 3px #a7b9cf40,0 8px 28px #33486318;color:#293b53;font-size:14px;font-weight:600;letter-spacing:.6px;transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.floating-category-title.is-visible{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.floating-category-title{transition:none}}
.gallery-band .video-poster img{transition:transform .8s cubic-bezier(.22,1,.36,1);transform:scale(1)}
@media(hover:hover) and (pointer:fine){.gallery-band .video-poster:hover img{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.gallery-band .video-poster img{transition:none}.gallery-band .video-poster:hover img{transform:none}}
.gallery-band .tabs{position:relative;isolation:isolate}
.gallery-band .tabs::before{content:'';position:absolute;z-index:-1;top:5px;bottom:5px;left:0;width:var(--tab-width,0px);transform:translateX(var(--tab-left,5px));border-radius:999px;background:#293749;box-shadow:0 2px 7px #25364e12;pointer-events:none}
.gallery-band .tabs.indicator-ready::before{transition:transform .8s cubic-bezier(.22,1,.36,1),width .8s cubic-bezier(.22,1,.36,1)}
.gallery-band .tabs button{position:relative;transition:color .8s ease}
.gallery-band .tabs button.active{background:transparent;border-color:transparent;box-shadow:none}
@media(prefers-reduced-motion:reduce){.gallery-band .tabs.indicator-ready::before{transition:none}}
.gallery-band .tabs::before{opacity:0}
.gallery-band .tabs.pill-visible::before{opacity:1}
.gallery-band .tabs.indicator-ready::before{transition:transform .8s cubic-bezier(.22,1,.36,1),width .8s cubic-bezier(.22,1,.36,1),opacity .8s cubic-bezier(.42,0,1,1)}
@media(prefers-reduced-motion:reduce){.gallery-band .tabs::before{opacity:1}.gallery-band .tabs.indicator-ready::before{transition:none}}
/* The media box follows the source ratio, without fixed-height letterboxing. */
.category-page .player-modal{width:min(1080px,94vw);max-height:94dvh;padding:24px;border-radius:30px;background:linear-gradient(135deg,#f3f6faee,#e3ebf3d9);backdrop-filter:blur(30px) saturate(1.25)}
.category-page .player-modal .modal-top{margin-bottom:20px}
.category-page .player-modal .modal-grid{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);align-items:center;gap:30px}
.category-page .player-modal .modal-grid video{display:block;width:100%;height:auto;aspect-ratio:var(--video-ratio);object-fit:contain;background:transparent;border-radius:20px;max-height:none}
.category-page .player-modal.portrait-player{width:fit-content;max-width:94vw}
.category-page .portrait-player .modal-grid{grid-template-columns:minmax(0,auto) minmax(230px,300px)}
.category-page .portrait-player .modal-grid video{height:min(76dvh,820px);width:auto;aspect-ratio:var(--video-ratio)}
.category-page .player-modal .modal-info{padding:20px 4px}
.category-page .player-modal .modal-info h3{font-size:21px;margin:18px 0}
.category-page .player-modal .modal-info p{font-size:14px}
@media(max-width:800px){
 .category-page .player-modal{padding:16px;border-radius:24px}
 .category-page .player-modal .modal-top h2{font-size:15px;line-height:1.6}
 .category-page .player-modal .modal-grid{display:flex;flex-direction:column;gap:18px;align-items:center}
 .category-page .portrait-player .modal-grid video{width:min(100%,calc(68dvh * var(--video-ratio)));height:auto}
 .category-page .player-modal .modal-info{width:100%;padding:5px 4px 10px}
}
.gallery-band .tabs{background:transparent}
.gallery-band .tabs::after{content:'';position:absolute;inset:0;z-index:-2;border-radius:inherit;background:#e3e5eb;opacity:0;pointer-events:none;transition:opacity .8s cubic-bezier(.42,0,1,1)}
.gallery-band .tabs.surface-visible::after{opacity:1}
@media(prefers-reduced-motion:reduce){.gallery-band .tabs::after{opacity:1;transition:none}}
.category-page .navlinks{gap:26px}
.series-menu{position:relative;font-size:12px}
.series-menu summary{list-style:none;cursor:pointer;display:flex;gap:9px;align-items:center;padding:12px 17px;border:1px solid #ffffffc9;border-radius:999px;background:#ffffff45;box-shadow:inset 0 1px 2px #fff9}
.series-menu summary::-webkit-details-marker{display:none}
.series-menu summary:focus-visible{outline:3px solid #789ac6;outline-offset:3px}
.series-menu-links{position:absolute;right:0;top:calc(100% + 10px);width:185px;padding:8px;border-radius:19px;background:linear-gradient(135deg,#f8fbfff5,#eaf0f8ed);backdrop-filter:blur(24px);border:1px solid #fff;box-shadow:0 12px 32px #31496920;z-index:70}
.series-menu-links a{display:flex!important;justify-content:space-between;padding:14px 12px;border-radius:12px}
.series-menu-links a:hover{background:#ffffffb0}
@media(max-width:800px){.category-page .navlinks{gap:12px;font-size:11px}.category-page .navlinks>a:first-child{display:inline}.series-menu{font-size:11px}.series-menu summary{padding:10px}.category-page .logo{font-size:18px}}
.other-series-links{display:flex;align-items:center;gap:26px}
.category-page .navlinks a{white-space:nowrap}
@media(max-width:800px){.category-page .nav{height:auto;min-height:96px;flex-wrap:wrap;gap:16px;padding:20px 0}.category-page .navlinks{flex-wrap:wrap;gap:16px}.other-series-links{gap:16px}.category-page .other-series-links a:first-child{display:inline}}