.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}.work-grid .film{min-width:0}.work-grid .film:nth-child(3){transform:rotate(-2deg) translateY(8px)}.film-player{position:relative;isolation:isolate}.film-player iframe{display:block;width:100%;aspect-ratio:9/13}.social-effects{position:absolute;inset:0;pointer-events:none!important;overflow:hidden;z-index:2;transition:opacity .2s}.film:focus-within .social-effects{opacity:0}.views-badge{position:absolute;top:20px;left:14px;display:flex;gap:7px;align-items:center;background:#fff9efef;color:#46212c;padding:9px 12px;border-radius:24px;box-shadow:0 7px 24px #190a1c22;font-size:11px;border:1px solid #fff9ef99}.views-badge strong{font-size:15px;font-variant-numeric:tabular-nums;min-width:37px}.view-eye{font-size:20px;line-height:1}.trend-arrow{font-size:18px;color:#55735c}.falling-likes{position:absolute;inset:0}.falling-likes>span{position:absolute;left:calc(58% + var(--n)*8%);top:65px;font-size:27px;line-height:1;color:#f87d93;opacity:0;filter:drop-shadow(0 2px 3px #4f132644);transform:translateY(-45px) rotate(-15deg)}.film.effects-active .falling-likes>span{animation:likes-fall 2.7s cubic-bezier(.23,.6,.37,1) both;animation-delay:calc(var(--n)*.5s)}.inquiry-toast{position:absolute;right:10px;top:34%;display:flex;gap:10px;align-items:center;background:#fff9eff5;color:#302128;border:1px solid #ffffffb3;box-shadow:0 10px 30px #1b0b1d2b;border-radius:12px;padding:12px 14px;opacity:0;max-width:calc(100% - 24px)}.inquiry-toast strong,.inquiry-toast div>span{display:block}.inquiry-toast strong{font-size:12px;font-weight:700}.inquiry-toast div>span{font-size:11px;margin-top:3px;color:#70565e}.message-symbol{font-size:24px;line-height:1;color:var(--wine)}.film.effects-active .inquiry-toast{animation:inquiry-arrives 2.5s ease both;animation-delay:var(--toast-delay)}.effects-note{margin:65px 0 0;text-align:center;font-size:12px;color:var(--muted)}@keyframes likes-fall{0%{opacity:0;transform:translateY(-45px) rotate(-15deg) scale(.7)}15%{opacity:.95}75%{opacity:.85}100%{opacity:0;transform:translateY(185px) rotate(18deg) scale(1.15)}}@keyframes inquiry-arrives{0%{opacity:0;transform:translateX(35px) scale(.96)}18%,75%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:0;transform:translateY(-12px) scale(1)}}@media(max-width:1000px){.work-grid{gap:20px}.views-badge{left:8px;top:12px;padding:7px 9px;gap:5px;font-size:10px}.views-badge strong{font-size:13px;min-width:32px}.inquiry-toast{padding:9px;gap:6px;right:7px}.inquiry-toast strong{font-size:11px}.inquiry-toast div>span{font-size:10px}.film-bottom h3{font-size:19px}.film-top{font-size:9px;letter-spacing:.6px}}@media(max-width:760px){.work-grid{grid-template-columns:1fr;gap:45px;margin-top:40px}.work-grid .film{max-width:380px;width:100%;margin:0 auto;transform:rotate(-2deg)}.work-grid .film:nth-child(2){transform:rotate(2deg)}.work-grid .film:nth-child(3){transform:rotate(-2deg)}.views-badge{left:15px;top:20px;padding:9px 12px;font-size:11px;gap:7px}.views-badge strong{font-size:15px;min-width:37px}.inquiry-toast{padding:12px 14px;right:10px;gap:10px}.inquiry-toast strong{font-size:12px}.inquiry-toast div>span{font-size:11px}.effects-note{margin-top:32px;text-align:left}.film-bottom h3{font-size:21px}}@media(prefers-reduced-motion:reduce){.social-effects{display:none}.work-grid .film{transform:none!important}}