.family-videos{margin:clamp(56px,7vw,96px) 0}.fam-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,30px);margin:0;padding:0;list-style:none;display:grid}.fam-video{flex-direction:column;gap:14px;margin:0;display:flex;position:relative}.fam-video-frame{aspect-ratio:9/16;background:var(--yellow);border:2.5px solid var(--ink);box-shadow:7px 9px 0 var(--ink);border-radius:30px 30px 8px;transition:transform .45s cubic-bezier(.3,1.3,.5,1),box-shadow .45s;position:relative;overflow:hidden}.fam-video:hover .fam-video-frame{box-shadow:10px 12px 0 var(--ink);transform:translate(-3px,-3px)}.fam-video-grid li:nth-child(2) .fam-video-frame{transform:translateY(18px)}.fam-video-grid li:nth-child(2) .fam-video:hover .fam-video-frame{transform:translate(-3px,15px)}.fam-video-grid li:nth-child(3) .fam-video-frame{transform:translateY(-8px)}.fam-video-grid li:nth-child(3) .fam-video:hover .fam-video-frame{transform:translate(-3px,-11px)}.fam-video-player{object-fit:cover;background:var(--ink);width:100%;height:100%;display:block}.fam-video-number{z-index:2;background:var(--orange);width:40px;height:44px;color:var(--paper);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font:19px var(--display);place-items:center;display:grid;position:absolute;top:16px;left:16px}.fam-video.is-empty .fam-video-frame{background:#fffbe9;border-style:dashed;border-color:#d7bd7a;box-shadow:5px 7px #e8d4a4}.fam-video-slot{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:20px;display:flex}.fam-video-icon{width:62px;height:82px}.fam-video-slot-label{color:#8a6d5c;letter-spacing:.09em;text-transform:uppercase;font-size:15px;font-weight:700}.fam-video figcaption{flex-direction:column;gap:3px;padding:0 4px;display:flex}.fam-video figcaption strong{font:22px var(--display);text-transform:uppercase;font-weight:400}.fam-video figcaption span{color:#5e4a40;font-size:16px;line-height:1.35}.fam-videos-foot{color:#5e4a40;align-items:center;gap:12px;margin-top:clamp(26px,3vw,40px);font-size:17px;display:flex}.fam-videos-foot>svg:first-child{width:26px;height:26px;color:var(--orange);flex-shrink:0}.fam-videos-bee{width:42px;height:38px;overflow:visible}@media (max-width:860px){.fam-video-grid li:nth-child(n) .fam-video-frame{transform:none}.fam-video-grid li:nth-child(n) .fam-video:hover .fam-video-frame{transform:translate(-3px,-3px)}}@media (max-width:700px){.fam-video-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin-inline:-18px;padding:6px 18px 4px;display:flex;overflow-x:auto}.fam-video-grid::-webkit-scrollbar{display:none}.fam-video-grid li{scroll-snap-align:center;flex:0 0 min(72vw,280px)}.fam-video-frame{box-shadow:5px 7px 0 var(--ink);border-radius:24px 24px 6px}.fam-video-number{width:34px;height:38px;font-size:17px;top:12px;left:12px}.fam-video figcaption strong{font-size:20px}.fam-videos-foot{font-size:16px}}.fam-video-start{background:var(--yellow);cursor:pointer;border:0;place-items:center;width:100%;height:100%;padding:0;display:grid;position:relative}.fam-video-poster{object-fit:cover}.fam-video-play{z-index:1;filter:drop-shadow(3px 4px #30050259);width:clamp(54px,18%,72px);transition:transform .3s cubic-bezier(.3,1.5,.5,1);display:block;position:relative}.fam-video-start:hover .fam-video-play{transform:scale(1.08)}