.element-section{background-color:var(--color-tinted-background);justify-content:center;align-items:center;width:100%;padding:80px 0;transition:background-color 1.2s;display:flex;position:relative;overflow:hidden}.element-section:before{content:"";background-image:radial-gradient(circle, var(--color-dot-pattern-dark) 1.5px, transparent 1.5px);opacity:.35;pointer-events:none;z-index:0;background-position:0 0;background-size:43px 43px;transition:background-image 1.2s;position:absolute;inset:0}[data-theme=light] .element-section:before{background-image:radial-gradient(circle, var(--color-dot-pattern-light) 1.5px, transparent 1.5px)}.element-container{z-index:1;flex-direction:column;align-items:center;gap:60px;width:100%;max-width:1190px;padding:0 20px;display:flex;position:relative}.element-header{flex:none;justify-content:space-between;align-self:stretch;align-items:center;width:100%;display:flex;position:relative}.element-title-col{flex-direction:column;align-items:flex-start;width:420px;max-width:420px;display:flex;position:relative}.element-title-inner{flex-direction:column;flex:none;align-self:stretch;align-items:flex-start;width:100%;display:flex;position:relative}.element-title{color:var(--color-text);letter-spacing:-.8px;justify-content:center;align-self:stretch;align-items:center;margin-top:-1px;font-family:Hubot_Sans-Regular,Helvetica;font-size:40px;font-weight:400;line-height:52px;display:flex;position:relative}.element-lede{width:430px;color:var(--color-text);letter-spacing:0;justify-content:center;align-items:center;font-family:DM_Sans-Regular,Helvetica;font-size:20px;font-weight:400;line-height:24px;display:flex;position:relative}.element-media{flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;width:100%;height:617.04px;display:flex;position:relative}.element-frame{border-radius:17.63px;flex:1;justify-content:center;align-self:stretch;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.element-frame-inner{flex-direction:column;flex:1;justify-content:center;align-self:stretch;align-items:flex-start;display:flex;position:relative}.element-image{flex:1;align-self:stretch;width:100%;position:relative}.element-image-img{object-fit:cover;object-position:50% 50%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.element-play{background-color:#ffffff80;border-radius:188.42px;justify-content:center;align-items:center;width:88px;height:14.29%;display:flex;position:absolute;top:42.86%;left:calc(50% - 44px);overflow:hidden}.element-play .element-play-icon{width:27.55px;height:33.06px}.element-play-ring{border:2.2px solid #ffffff80;border-radius:188.42px;width:88px;height:88px;position:absolute;top:0;left:0}@media (max-width:900px){.element-container .element-header{flex-direction:column;align-items:flex-start;gap:16px}.element-container .element-title-col,.element-container .element-lede{width:100%;max-width:100%}.element-container .element-title,.element-container .element-lede{text-align:left;justify-content:flex-start}}@media (max-width:768px){.element-section{padding:60px 0}.element-container{gap:32px;padding:0 16px}.element-container .element-title{letter-spacing:-.5px;font-size:30px;line-height:38px}.element-container .element-lede{font-size:17px;line-height:24px}.element-container .element-media{height:260px}}@media (max-width:480px){.element-container{gap:24px;padding:0 12px}.element-container .element-title{font-size:26px;line-height:33px}.element-container .element-lede{font-size:16px;line-height:23px}.element-container .element-media{height:200px}}
.friends-section .element-container{gap:48px}.friends-title{justify-content:flex-start;margin:0}.friends-carousel{align-self:stretch;width:100%;position:relative}.friends-track{--friends-card-h:440px;overscroll-behavior-x:contain;scrollbar-width:none;gap:16px;padding-bottom:6px;display:flex;overflow-x:auto}.friends-track::-webkit-scrollbar{display:none}.friends-card{height:var(--friends-card-h);cursor:pointer;text-align:left;color:#fff;isolation:isolate;background:#1a1a1c;border:0;border-radius:17.63px;flex:none;padding:0;position:relative;overflow:hidden}.friends-card--portrait{aspect-ratio:9/16}.friends-card--landscape{aspect-ratio:16/9}.friends-card-poster{object-fit:cover;z-index:-1;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.friends-card:after{content:"";z-index:-1;background:linear-gradient(#0000 45%,#000000c7 100%);position:absolute;inset:0}.friends-card:hover .friends-card-poster{transform:scale(1.04)}.friends-card:focus-visible{outline-offset:3px;outline:2px solid #fff}.friends-card-play{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffff80;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:-34px 0 0 -34px;padding-left:4px;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #ffffff80}.friends-card:hover .friends-card-play{background-color:#ffffffa8;transform:scale(1.08)}.friends-card-caption{flex-direction:column;gap:2px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.friends-card-title{font-family:Hubot_Sans-Regular,Helvetica;font-size:18px;line-height:23px}.friends-card-creator{opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-family:DM_Sans-Regular,Helvetica;font-size:14px;line-height:18px;overflow:hidden}.friends-nav{top:calc(var(--friends-nav-top,220px) - 22px);pointer-events:none;z-index:2;justify-content:space-between;display:flex;position:absolute;left:-22px;right:-22px}.friends-nav-btn{border:1px solid var(--color-border,#ffffff2e);background:var(--color-background,#1a1a1c);width:44px;height:44px;color:var(--color-text);cursor:pointer;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;box-shadow:0 4px 16px #00000040}.friends-modal{z-index:2147483647;background:#000000d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.friends-player{flex-direction:column;gap:12px;max-width:100%;display:flex;position:relative}.friends-player-frame{aspect-ratio:var(--friends-ratio,16 / 9);width:min(1100px, calc(100vw - 48px), calc((100vh - 150px) * (var(--friends-ratio,16 / 9))));background:#000;border-radius:14px;overflow:hidden}.friends-player-frame iframe,.friends-player-frame video{border:0;width:100%;height:100%;display:block}.friends-player-meta{color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-family:DM_Sans-Regular,Helvetica;font-size:14px;display:flex}.friends-player-credit{opacity:.85}.friends-player-source{color:#fff;text-underline-offset:3px;text-decoration:underline}.friends-modal-close{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:-44px;right:0}.friends-modal-close:hover{background:#ffffff3d}@media (max-width:1260px){.friends-nav{left:8px;right:8px}}@media (max-width:768px){.friends-section .element-container{gap:28px}.friends-track{--friends-card-h:360px;gap:12px}.friends-nav{display:none}.friends-modal{padding:56px 12px 16px}.friends-player-frame{width:min(calc(100vw - 24px), calc((100vh - 140px) * (var(--friends-ratio,16 / 9))))}}@media (max-width:480px){.friends-track{--friends-card-h:320px}.friends-card--landscape{aspect-ratio:auto;width:82vw}}