.hp3 .reel{padding:56px 0 64px;background:#fff;color:#0a0a0b;overflow:hidden}.hp3 .reel-head{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.hp3 .reel-lede{margin-top:10px;font-size:15px;line-height:22px;color:#55555a;text-wrap:pretty}.hp3 .reel-nav{display:none;flex-shrink:0;gap:8px;padding-bottom:4px}.hp3 .reel-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;border:1px solid rgba(10,10,11,.16);background:transparent;color:#0a0a0b;cursor:pointer;transition:background .2s ease,opacity .2s ease,border-color .2s ease}.hp3 .reel-btn svg{width:20px;height:20px}.hp3 .reel-btn:hover{background:#0a0a0b;color:#fff;border-color:#0a0a0b}.hp3 .reel-btn:disabled{opacity:.28;cursor:default;background:transparent;color:#0a0a0b;border-color:rgba(10,10,11,.16)}.hp3 .reel-clip{position:relative;margin-top:28px}.hp3 .reel-track{--reel-pad:20px;display:flex;column-gap:10px;padding:4px var(--reel-pad) 4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--reel-pad);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.hp3 .reel-track::-webkit-scrollbar{display:none}.hp3 .reel-track.is-drag{scroll-snap-type:none;cursor:grabbing;user-select:none}.hp3 .reel-track.is-drag *{pointer-events:none}.hp3 .reel-track:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;border-radius:12px}.hp3 .reel-card{flex:0 0 auto;width:min(68vw,272px);scroll-snap-align:start}.hp3 .reel-card figure{position:relative;margin:0;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:#f0f0ed}.hp3 .reel-card img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none}.hp3 .reel-card figcaption{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:rgba(10,10,11,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:12px;line-height:1;font-weight:500;color:#fff}.hp3 .reel-end{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;aspect-ratio:4/5;padding:20px;border-radius:20px;background:#f5f5f2;border:1px solid rgba(10,10,11,.06)}.hp3 .reel-end-t{font-size:28px;line-height:32px;font-weight:600;letter-spacing:-.03em}.hp3 .reel-end-l{margin-top:6px;font-size:14px;line-height:20px;color:#55555a}.hp3 .reel-end .pill{margin-top:18px}.hp3 .reel-hint{margin:12px auto 0;max-width:1120px;padding:0 24px;font-size:13px;line-height:18px;color:#6e6e73}@media (hover:hover){.hp3 .reel-card figure img{transition:transform .5s ease}.hp3 .reel-card:hover figure img{transform:scale(1.03)}}@media (min-width:768px){.hp3 .reel{padding:80px 0 88px}.hp3 .reel-head{max-width:1200px;padding:0 40px}.hp3 .reel-lede{margin-top:12px;font-size:17px;line-height:25px}.hp3 .reel-nav{display:flex}.hp3 .reel-clip{margin-top:36px;--fl:120px;--fr:120px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent)}.hp3 .reel-clip[data-start]{--fl:0px}.hp3 .reel-clip[data-end]{--fr:0px}.hp3 .reel-track{--reel-pad:max(40px,calc((100vw - 1120px) / 2));column-gap:16px;padding-top:6px;padding-bottom:6px}.hp3 .reel-card{width:292px}.hp3 .reel-card figure,.hp3 .reel-end{border-radius:22px}.hp3 .reel-card figcaption{left:14px;bottom:14px;height:30px;padding:0 12px;font-size:13px}.hp3 .reel-end{padding:24px}.hp3 .reel-end-t{font-size:32px;line-height:36px}.hp3 .reel-hint{display:none}}@media (prefers-reduced-motion:reduce){.hp3 .reel-track{scroll-behavior:auto}.hp3 .reel-btn,.hp3 .reel-card figure img{transition:none}.hp3 .reel-card:hover figure img{transform:none}}