img{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;pointer-events:auto}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up .4s ease-out forwards;opacity:0}.surface{background:rgba(255,255,255,.85);border:1px solid rgba(0,0,0,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dark .surface{background:rgba(24,24,27,.7);border:1px solid rgba(255,255,255,.06)}.masonry-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;gap:8px;grid-auto-flow:dense}@media (max-width:1024px){.masonry-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}}@media (max-width:768px){.masonry-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}}@media (max-width:480px){.masonry-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}}.masonry-tile{position:relative;overflow:hidden;cursor:pointer;transition:transform .25s cubic-bezier(.23,1,.32,1),z-index 0s;border-radius:16px;background:#111}.masonry-tile:hover{transform:scale(.985);z-index:10}.masonry-tile:after,.masonry-tile:before{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:1}.masonry-tile:before{top:0;height:38%;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.masonry-tile:after{bottom:0;height:60%;background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.25) 60%,transparent)}.masonry-tile img,.masonry-tile video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.masonry-tile:hover img{transform:scale(1.05)}.tile-large{grid-column:span 2}.tile-large,.tile-tall{grid-row:span 2}.tile-wide{grid-column:span 2}.tile-normal{grid-column:span 1;grid-row:span 1}.tile-overlay{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;display:flex;flex-direction:column;justify-content:flex-end;z-index:3;font-family:Figtree,system-ui,sans-serif}.tile-overlay>span:first-child{font-family:Fraunces,serif!important;font-weight:300!important;font-size:14px!important;line-height:1.25!important;color:#fff!important;letter-spacing:-.005em}.tile-large .tile-overlay>span:first-child,.tile-wide .tile-overlay>span:first-child{font-size:18px!important}.tile-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.95;transition:all .25s cubic-bezier(.23,1,.32,1);z-index:3}.masonry-tile:hover .tile-play-icon{opacity:1;background:rgba(232,57,42,.7);border-color:rgba(232,57,42,.5);transform:translate(-50%,-50%) scale(1.08)}.tile-play-icon svg{width:16px;height:16px;margin-left:2px;color:#fff}.tile-locked{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55));backdrop-filter:blur(10px) saturate(115%);-webkit-backdrop-filter:blur(10px) saturate(115%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;text-align:center}.tile-locked>svg{width:28px;height:28px;color:#ffffff;opacity:.95;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.tile-premium-chip{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#ffffff;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 8px rgba(245,158,11,.45)}.tile-locked-cta{font-size:11px;font-weight:600;color:rgba(255,255,255,.95);text-shadow:0 1px 2px rgba(0,0,0,.7);letter-spacing:.02em}.tile-normal .tile-locked-cta{display:none}