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-lock-blur{position:absolute;inset:0;z-index:0;transform:scale(1.18);background:radial-gradient(55% 60% at 12% 22%,rgba(127,166,207,.95),transparent 70%),radial-gradient(50% 55% at 42% 6%,rgba(214,200,140,.9),transparent 66%),radial-gradient(75% 85% at 88% 38%,rgba(96,92,70,.92),transparent 72%),radial-gradient(55% 55% at 30% 96%,rgba(214,156,112,.9),transparent 66%),radial-gradient(60% 60% at 82% 96%,rgba(146,152,162,.9),transparent 70%),linear-gradient(135deg,#7fa6cf,#6b6650);filter:blur(16px)}.tile-locked{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.34));backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;text-align:center}.tile-locked>:not(.spoiler-particles){z-index:2}.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}html.light .masonry-tile.is-locked{background:#eef1f5}html.light .tile-lock-blur{background:radial-gradient(55% 60% at 12% 22%,rgba(255,255,255,.95),transparent 70%),radial-gradient(50% 55% at 42% 6%,rgba(226,232,240,.9),transparent 66%),radial-gradient(75% 85% at 88% 38%,rgba(203,213,225,.8),transparent 72%),radial-gradient(55% 55% at 30% 96%,rgba(241,245,249,.9),transparent 66%),radial-gradient(60% 60% at 82% 96%,rgba(214,222,232,.9),transparent 70%),linear-gradient(135deg,#f3f5f8,#e3e8ee)}html.light .tile-locked{background:linear-gradient(180deg,rgba(15,23,42,.04),rgba(15,23,42,.12))}html.light .tile-locked>svg{color:#1f2937;opacity:.92;filter:drop-shadow(0 1px 1px rgba(255,255,255,.6))}html.light .tile-locked-cta{color:rgba(17,24,39,.92);text-shadow:0 1px 1px rgba(255,255,255,.7)}html.light .masonry-tile.is-locked:before{background:linear-gradient(180deg,rgba(15,23,42,.1),transparent)}html.light .masonry-tile.is-locked:after{background:linear-gradient(0deg,rgba(15,23,42,.22) 0,rgba(15,23,42,.06) 60%,transparent)}html.light .masonry-tile.is-locked .tile-overlay>span:first-child{color:#1f2937!important}