/* Home-only film transport: five views, concave perspective, two opposite directions. */
#video-archive.motion-collection{padding-block:48px 36px;}
#video-archive .motion-section-heading{margin-bottom:30px;}
#video-archive .motion-section-heading h2{font-size:clamp(40px,4.4vw,66px);}
.home-film-reels{display:grid;gap:6px;min-width:0;}
.home-film-reel{--reel-gap:4px;--reel-card-width:calc((100cqw - 16px)/5);position:relative;min-width:0;container-type:inline-size;}
.home-reel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2;margin-bottom:0;}
.home-reel-heading>div:first-child{display:flex;align-items:baseline;gap:16px;}
.home-reel-heading small{font:9px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#9eaf98;}
.home-reel-heading h3{font:400 21px/1.5 "Microsoft YaHei",sans-serif;letter-spacing:-.025em;margin:0;}
.home-reel-heading h3 sup{font:10px Arial,sans-serif;color:#a5be87;margin-left:6px;vertical-align:super;}
.home-reel-controls{display:flex;align-items:center;gap:7px;}
.home-reel-controls>span{font:8px Arial,sans-serif;letter-spacing:.13em;color:#83957b;margin-right:12px;}
.home-reel-controls button{appearance:none;display:grid;place-items:center;width:40px;height:44px;padding:0;border:1px solid #d4e4bd30;border-radius:50%;background:#a7c37708;color:#dceacc;cursor:pointer;font:18px/1 Arial,sans-serif;transition:background-color .2s,border-color .2s;}
.home-reel-controls button:hover{background:#c9df91;color:#172311;border-color:#c9df91;}.home-reel-controls button[aria-pressed=true]{border-color:#a8c07e;background:#b0c87f18;}
.home-reel-viewport{height:calc(var(--reel-card-width)*.5625 + 74px);position:relative;isolation:isolate;overflow:hidden;touch-action:pan-y;cursor:grab;perspective:1300px;perspective-origin:50% 30%;}
.home-reel-viewport:before{content:"";position:absolute;inset:10px 0 auto;height:1px;background:linear-gradient(90deg,transparent,#d4ecb826,transparent);pointer-events:none;z-index:2;}
.home-reel-belt{position:absolute;left:0;top:0;display:flex;align-items:flex-start;gap:var(--reel-gap);width:max-content;height:100%;padding-top:10px;will-change:transform;transform-style:preserve-3d;pointer-events:none;}
.home-reel-card.film-card{width:var(--reel-card-width);flex:0 0 var(--reel-card-width);max-width:none;position:relative;transform:perspective(1000px) translateY(var(--reel-y,0px)) translateZ(var(--reel-z,0px)) rotateY(var(--reel-angle,0deg)) scale(var(--reel-scale,1));opacity:var(--reel-opacity,1);transform-origin:center 42%;backface-visibility:hidden;user-select:none;-webkit-user-select:none;pointer-events:auto;}
.home-reel-cell{position:relative;padding-block:11px;background:#131b15;border:1px solid #d5e5c334;box-shadow:0 7px 16px #0005;transition:border-color .2s,box-shadow .2s;}
.home-reel-card .film-image{aspect-ratio:16/9;border-radius:0;outline:0;background:#080e0b;}
.home-reel-card .film-image img{user-select:none;-webkit-user-drag:none;transition:opacity .3s;}
.home-reel-card:hover .film-image img{transform:none;}
.home-reel-card.is-previewing .home-reel-cell{border-color:#c6e99777;box-shadow:0 0 0 1px #b9e87418,0 8px 25px #0007,0 0 20px #8fbf4e13;}
.home-reel-card:hover .home-reel-cell{border-color:#c6e997b3;}
.home-reel-holes{position:absolute;left:5px;right:5px;height:5px;background:repeating-linear-gradient(90deg,#060a07 0 7px,transparent 7px 13px);border-block:1px solid #d9e8c508;pointer-events:none;}
.home-reel-holes--top{top:3px;}.home-reel-holes--bottom{bottom:3px;}
.home-reel-card .film-card-caption{padding:6px 2px 0;}
.home-reel-card .film-card-caption h4{font-size:11px;line-height:1.6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#c6d3bf;}
.home-reel-card .film-card-play{width:28px;height:28px;font-size:10px;bottom:10px;right:10px;background:#e2edcbda;}
.home-reel-card:hover .film-card-play{transform:none;background:#daf3ac;}
.home-reel-card .film-duration{bottom:16px;left:10px;font-size:9px;}
.home-reel-vignette{position:absolute;top:0;bottom:0;width:5%;z-index:3;pointer-events:none;}
.home-reel-vignette--left{left:0;background:linear-gradient(90deg,#080d0be8,transparent);}.home-reel-vignette--right{right:0;background:linear-gradient(-90deg,#080d0be8,transparent);}
.home-reel-card:focus-visible{outline:2px solid #d4eea3;outline-offset:3px;}.home-reel-controls button:focus-visible{outline:2px solid #d4eea3;outline-offset:3px;}
.home-film-reel.is-dragging .home-reel-viewport,.home-film-reel.is-dragging .film-card{cursor:grabbing;}
@media(max-width:1100px) and (min-width:701px){.home-film-reel{--reel-card-width:calc((100cqw - 12px)/4);}.home-reel-heading small{display:none;}}
@media(max-width:700px){
 #video-archive.motion-collection{padding-block:36px 28px;}#video-archive .motion-section-heading{margin-bottom:25px;}
 .home-film-reel{--reel-gap:4px;--reel-card-width:calc((100cqw - 4px)/2.1);}.home-film-reels{gap:6px;}
 .home-reel-heading{gap:8px;}.home-reel-heading>div:first-child{min-width:0;}.home-reel-heading small,.home-reel-controls>span{display:none;}.home-reel-heading h3{font-size:16px;white-space:nowrap;}.home-reel-heading h3 sup{font-size:9px;margin-left:3px;}
 .home-reel-controls{gap:4px;}.home-reel-controls button{width:32px;height:44px;font-size:16px;}.home-reel-viewport{height:calc(var(--reel-card-width)*.5625 + 74px);}
 .home-reel-card .film-card-caption h4{font-size:10px;}.home-reel-card .film-card-play{width:24px;height:24px;bottom:7px;right:7px;}.home-reel-card .film-duration{bottom:12px;left:7px;font-size:8px;}
}
@media(prefers-reduced-motion:reduce){.home-reel-belt{will-change:auto;}.home-reel-cell{transition:none;}}