.works-page{--discovery-pink:#ff1e1e;--works-surface:#0d1a22;--works-line:rgb(255 255 255/10%);--works-muted:#8f9ca5;width:100%;color:#f7f9fa}.works-page .discovery-footer{margin-top:28px}.works-header{position:relative;min-height:142px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;overflow:hidden;margin-top:0;padding:20px 30px;border:1px solid rgb(255 255 255/10%);border-radius:20px;background:#0a151d;box-shadow:inset 0 1px 0 rgb(255 255 255/6%),0 30px 80px rgb(0 0 0/28%);isolation:isolate}.works-header:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgb(5 14 20/98%),rgb(5 14 20/88%) 38%,rgb(5 14 20/22%) 74%),linear-gradient(0deg,rgb(5 14 20/72%),transparent 65%),url(/brand/works/red-horizon.png) 68% 54% /cover;filter:saturate(.9) contrast(1.05)}.works-header:after{content:"";position:absolute;right:-10%;bottom:-95%;z-index:-1;width:560px;height:560px;border:1px solid rgb(255 65 65/20%);border-radius:50%;box-shadow:0 0 0 52px rgb(255 47 47/4%),0 0 120px rgb(255 20 48/15%);pointer-events:none}.works-format-nav,.works-heading{position:relative;z-index:1}.works-heading h1{margin:0;font-size:clamp(34px,3.6vw,50px);line-height:.96;letter-spacing:-.065em;text-shadow:0 12px 34px rgb(0 0 0/35%)}.works-heading>span{display:block;margin-top:6px;color:rgb(255 255 255/70%);font-size:11px}.works-format-nav{display:flex;gap:3px;flex:none;padding:5px;border:1px solid rgb(255 255 255/9%);border-radius:999px;background:rgb(13 26 34/88%);box-shadow:inset 0 1px 0 rgb(255 255 255/5%),0 16px 45px rgb(0 0 0/22%);backdrop-filter:blur(18px)}.works-format-nav button{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 17px;border:0;border-radius:999px;color:#8997a1;background:transparent;cursor:pointer;font-size:9px;font-weight:900;letter-spacing:.11em;white-space:nowrap;transition:color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.works-format-nav button:hover{color:white;background:rgb(255 255 255/6%)}.works-format-nav button.is-active{color:white;background:linear-gradient(135deg,#ff5d5d,#f20d2f 70%);box-shadow:0 9px 24px rgb(242 13 47/28%),inset 0 1px 0 rgb(255 255 255/22%)}.works-format-nav button.is-active:hover{transform:translateY(-1px)}.works-format-nav button>span{width:5px;height:5px;border-radius:50%;background:white;box-shadow:0 0 0 4px rgb(255 255 255/12%)}.works-content{display:grid;gap:64px;padding-top:18px}.works-section{scroll-margin-top:78px}.works-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:21px;padding-left:12px}.works-section-heading>div{display:flex;align-items:center;gap:16px}.works-section-icon{position:relative;width:42px;height:42px;display:grid;place-items:center;flex:none;overflow:hidden;border:1px solid rgb(255 255 255/14%);border-radius:14px 14px 14px 5px;color:white;background:linear-gradient(145deg,#ff5d5d,#e10926);box-shadow:0 9px 24px rgb(223 13 39/25%);clip-path:polygon(0 0,100% 0,100% 77%,77% 100%,0 100%)}.works-section-icon:after{content:"";position:absolute;inset:1px;border:1px solid rgb(255 255 255/16%);border-radius:12px 12px 12px 4px;pointer-events:none}.works-section-icon:before{content:"";position:absolute;inset:auto -8px 8px 8px;height:1px;background:linear-gradient(90deg,transparent,currentcolor 35%,transparent);opacity:.42;transform:rotate(-35deg)}.works-section-icon.is-short{color:#07131a;background:linear-gradient(145deg,#f8ff9e,#d9ff4f);box-shadow:0 9px 24px rgb(217 255 79/16%)}.works-format-monogram{position:relative;z-index:1;display:flex;align-items:baseline;color:currentcolor;line-height:1;letter-spacing:-.18em;transform:translate(-1px,-1px) skew(-8deg)}.works-format-monogram b{font-size:18px;font-weight:950}.works-format-monogram i{font-size:13px;font-style:normal;font-weight:950;opacity:.75}.works-format-streak{position:absolute;top:8px;right:7px;width:5px;height:5px;border-radius:50%;background:currentcolor;box-shadow:0 0 0 4px color-mix(in srgb,currentcolor 14%,transparent)}.works-section-heading h2{margin:0;font-size:20px;font-weight:850;letter-spacing:-.02em}.works-section-heading p,.works-section-heading small{margin:3px 0 0;color:var(--works-muted);font-size:11px}.works-section-heading small{flex:none;padding:6px 10px;border-radius:999px;background:rgb(255 255 255/5%);font-size:8px;font-weight:850;letter-spacing:.1em}.works-long-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}.works-long-card{min-width:0}.works-long-visual,.works-short-visual{position:relative;display:block;overflow:hidden;background:var(--works-surface)}.works-long-visual{aspect-ratio:16/9;border-radius:13px}.works-long-visual img,.works-short-visual img{object-fit:cover;transition:transform .42s cubic-bezier(.16,1,.3,1)}.works-long-card:hover .works-long-visual img,.works-short-card:hover .works-short-visual img{transform:scale(1.045)}.works-card-duration{position:absolute;right:7px;bottom:7px;z-index:2;padding:3px 6px;border-radius:5px;color:white;background:rgb(0 0 0/82%);font-size:10px;font-weight:750;font-variant-numeric:tabular-nums}.works-card-play{position:absolute;inset:50% auto auto 50%;z-index:2;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:white;background:rgb(0 0 0/58%);opacity:0;transform:translate(-50%,-40%) scale(.88);transition:.18s ease;backdrop-filter:blur(8px)}.works-card-play svg{width:20px;fill:currentcolor}.works-long-card:hover .works-card-play,.works-long-visual:focus-visible .works-card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.works-long-info{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;padding-top:12px}.works-avatar,.works-avatar-fallback,.works-avatar-image{width:38px;height:38px;display:grid;place-items:center;flex:none;overflow:hidden;border-radius:50%}.works-avatar-image{object-fit:cover}.works-avatar-fallback{color:white;background:linear-gradient(145deg,#ff7474,#97132c);font-size:12px;font-weight:900}.works-long-info>div{min-width:0}.works-card-title{display:-webkit-box;overflow:hidden;color:#f7f9fa;font-size:14px;font-weight:750;line-height:1.42;letter-spacing:-.02em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.works-card-creator{display:block;overflow:hidden;margin-top:6px;color:#a4afb7;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.works-card-creator:hover{color:white}.works-card-meta{margin:2px 0 0;color:#74828c;font-size:10px}.works-shorts-section{padding-top:34px;border-top:1px solid var(--works-line)}.works-short-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.works-short-card{min-width:0}.works-short-visual{aspect-ratio:9/16;border-radius:15px;box-shadow:0 16px 44px rgb(0 0 0/18%)}.works-short-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgb(0 0 0/12%),transparent 40%,rgb(0 0 0/90%))}.works-short-badge{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:6px;color:white;background:#ff3030;font-size:8px;font-weight:900;letter-spacing:.09em}.works-short-badge svg{width:9px;fill:currentcolor}.works-short-copy{position:absolute;inset:auto 13px 14px;z-index:2}.works-short-copy h3{display:-webkit-box;overflow:hidden;margin:0;color:white;font-size:14px;font-weight:800;line-height:1.35;letter-spacing:-.025em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.works-short-copy p{overflow:hidden;margin:6px 0 0;color:rgb(255 255 255/72%);text-overflow:ellipsis;white-space:nowrap;font-size:10px}.works-short-copy span{display:flex;align-items:center;gap:4px;margin-top:9px;color:rgb(255 255 255/82%);font-size:9px;font-weight:700}.works-short-copy span svg{width:12px;fill:currentcolor}.works-thumbnail-placeholder{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#74828c;background:radial-gradient(circle at 70% 25%,rgb(255 48 48/18%),transparent 31%),#101e27;font-size:10px}.works-thumbnail-placeholder svg{width:25px}.works-format-empty{min-height:190px;display:grid;place-content:center;justify-items:center;gap:12px;border:1px dashed var(--works-line);border-radius:15px;color:var(--works-muted);background:rgb(255 255 255/2%)}.works-format-empty svg{width:30px}.works-format-empty p{margin:0;font-size:12px}.works-pagination{min-height:96px;display:grid;place-items:center;padding:10px 0 24px}.works-pagination-skeleton{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.works-pagination-skeleton.is-short{grid-template-columns:repeat(6,minmax(0,1fr))}.works-pagination-skeleton span{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:13px;background:#10212b}.works-pagination-skeleton.is-short span{aspect-ratio:9/16}.works-page-skeleton-card:after,.works-pagination-skeleton span:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 28%,rgb(255 255 255/8%) 45%,transparent 62%);transform:translateX(-100%);animation:works-skeleton-sheen 1.35s ease-in-out infinite}.works-load-more,.works-pagination-error button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid rgb(255 255 255/12%);border-radius:999px;color:white;background:#11212b;cursor:pointer;font-size:9px;font-weight:900;letter-spacing:.11em}.works-load-more:hover,.works-pagination-error button:hover{border-color:rgb(255 72 72/55%);background:rgb(255 38 55/12%)}.works-pagination-error{display:grid;justify-items:center;gap:10px;color:#ff9a9a;font-size:11px}.works-pagination-error p{margin:0}.works-pagination-error svg{width:14px}.works-catalog-end{display:flex;align-items:center;gap:9px;margin:0;color:#697883;font-size:10px}.works-catalog-end span{width:5px;height:5px;border-radius:50%;background:#ff3f4f;box-shadow:0 0 0 4px rgb(255 63 79/10%)}.works-page-loading{padding-top:14px}.works-topbar-skeleton{min-height:84px;display:grid;grid-template-columns:150px minmax(320px,760px) 1fr;gap:25px;align-items:center}.works-topbar-skeleton span{height:46px;border-radius:999px;background:#10212b}.works-topbar-skeleton span:first-child{width:130px;height:30px}.works-topbar-skeleton span:last-child{width:150px;justify-self:end}.works-page-skeleton-banner{height:142px;border-radius:20px;background:#10212b}.works-page-skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:88px}.works-page-skeleton-card{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:13px;background:#10212b}@keyframes works-skeleton-sheen{to{transform:translateX(100%)}}@media (max-width:1100px){.works-long-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.works-short-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.works-page-skeleton-grid,.works-pagination-skeleton{grid-template-columns:repeat(3,minmax(0,1fr))}.works-pagination-skeleton.is-short{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:820px){.works-header{align-items:flex-start;flex-direction:column;gap:18px;padding:26px 28px}.works-long-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.works-short-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.works-page-skeleton-grid,.works-pagination-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}.works-pagination-skeleton.is-short{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.works-header{min-height:250px;padding:20px;border-radius:16px}.works-heading h1{font-size:42px}.works-format-nav{max-width:100%;margin-inline:0;padding:5px;overflow-x:auto}.works-content{gap:52px}.works-section-heading p{display:none}.works-long-grid{grid-template-columns:1fr;gap:28px}.works-long-visual{border-radius:10px}.works-short-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.works-page-skeleton-grid,.works-pagination-skeleton{grid-template-columns:1fr}.works-pagination-skeleton.is-short{grid-template-columns:repeat(2,minmax(0,1fr))}.works-short-visual{border-radius:12px}}@media (prefers-reduced-motion:reduce){.works-card-play,.works-long-visual img,.works-short-visual img{transition:none}}