/* Personal interests and Rocket League. Keeps the existing green and paper palette. */
.interest-gaming { background: #213B2F; color: #FAFBF8; }
.interest-gaming p { color: #D4E3D7; }
.interest-gaming .eyebrow { color: #8DE8B9; }
.interest-gaming .interest-link { color: #FAFBF8; }
.interest-gaming-art { position: absolute; right: -30%; bottom: 55px; width: 80%; height: 210px; background: url('../images/gaming-arena.svg') center / cover; opacity: .5; transform: rotate(-8deg); transition: transform 1s var(--soft-ease); }
.interest-gaming:hover .interest-gaming-art { transform: rotate(-3deg) translateY(-5px); }
.moment-gaming .moment-image img { filter: none; opacity: 1; object-position: center 50%; }
.rl-hero { padding: 155px 7% 75px; position: relative; overflow: hidden; }
.rl-hero-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px 30px; font-size: 13px; color: #526B5B; letter-spacing: .6px; margin-bottom: 58px; }
.rl-hero-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 8%; align-items: center; }
.rl-hero h1 { font: 800 clamp(78px,10vw,165px)/.86 var(--display); letter-spacing: -.025em; }
.rl-hero h1 em { display: block; font-family: var(--editorial); font-weight: 400; color: #327553; font-size: .72em; line-height: 1.1; letter-spacing: -.045em; margin-top: 12px; }
.rl-intro { margin-top: 32px; font-size: 17px; line-height: 1.85; color: #526B5B; max-width: 520px; }
.rl-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.rl-hero-actions a { min-height: 46px; display: inline-flex; align-items: center; gap: 30px; border-bottom: 1px solid #9EBBA7; padding: 10px 0; font-size: 14px; font-weight: 500; }
.rl-arena { position: relative; transform: rotate(3deg); border: 1px solid #C7D9CB; border-radius: 12px 75px 12px 12px; overflow: hidden; background: #213B2F; box-shadow: 17px 18px 0 #E2EDE0; }
.rl-arena img { width: 100%; height: auto; }
.rl-arena figcaption { padding: 20px 24px; font-size: 13px; line-height: 1.6; letter-spacing: .6px; color: #D1E6D7; border-top: 1px solid #A8CEB544; }
.rl-arena.rl-player-photo { width: min(100%,410px); justify-self: center; transform: none; border-radius: 8px 8px 36px 8px; box-shadow: 12px 14px 0 #E2EDE0; }
.rl-player-photo img { display: block; aspect-ratio: 3/4; object-fit: contain; }
.rl-facts { display: grid; grid-template-columns: 1fr 1fr; margin-top: 80px; border-top: 1px solid #BFCFC1; }
.rl-facts > div { padding: 27px 0; }
.rl-facts > div + div { padding-left: 40px; border-left: 1px solid #BFCFC1; }
.rl-facts strong { font: 700 clamp(40px,5vw,65px)/1.1 var(--display); display: block; }
.rl-facts small { display: block; font-size: 13px; margin-top: 10px; color: #526B5B; letter-spacing: .6px; }
.rl-story { padding: 80px 7% 100px; display: grid; grid-template-columns: .85fr 1fr; gap: 14%; border-top: 1px solid var(--line); }
.rl-story h2, .rl-clips h2, .rl-esports h2 { font: 800 clamp(48px,5.5vw,86px)/.95 var(--display); letter-spacing: -1.5px; }
.rl-story h2 em, .rl-clips h2 em, .rl-esports h2 em { font: 400 .87em/1.05 var(--editorial); letter-spacing: -2px; color: #327553; }
.rl-story .eyebrow { margin-bottom: 28px; display: block; }
.rl-story-copy { padding-top: 10px; }
.rl-story-copy p { font-size: 17px; line-height: 1.9; color: #526B5B; }
.rl-story-copy p + p { margin-top: 22px; }
.rl-clips { padding: 95px 7% 110px; background: #EDF4EC; border-block: 1px solid #D4E1D3; }
.rl-clips-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 35px; }
.rl-clips-heading .eyebrow { margin-bottom: 24px; display: block; }
.rl-clips-heading > p { max-width: 350px; font-size: 16px; line-height: 1.85; color: #526B5B; }
.clip-library { background: #FAFBF8; border: 1px solid #CBDACD; border-radius: 10px; overflow: hidden; }
.clip-library-head { padding: 18px 26px; display: flex; justify-content: space-between; gap: 20px; font-size: 13px; letter-spacing: .5px; border-bottom: 1px solid #CBDACD; }
.clip-stage { position: relative; aspect-ratio: 16/9; background: #142D20; isolation: isolate; overflow: hidden; }
.clip-stage.is-empty, .clip-stage.is-waiting { min-height: 320px; }
.clip-stage.is-empty { background: #142D20 url('../images/gaming-arena.svg') center / cover; }
.clip-stage.is-empty:before { content: ''; position: absolute; inset: 0; background: #132D20CC; z-index: -1; }
.clip-empty { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 18px; padding: 30px; text-align: center; color: #FAFBF8; }
.clip-empty > span { font-size: 13px; letter-spacing: 1px; color: #96E7BC; }
.clip-empty h3 { font: 600 clamp(30px,3.5vw,49px)/1.1 var(--body); letter-spacing: -1px; }
.clip-empty p { font-size: 16px; line-height: 1.8; max-width: 410px; color: #D3E5D7; }
.clip-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .18; }
.clip-consent { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; padding: 28px; color: #F2F7EF; }
.clip-consent p { font-size: 16px; line-height: 1.7; max-width: 475px; text-align: center; }
.clip-load { min-height: 48px; border: 1px solid #00D084; border-radius: 5px; background: #00D084; color: #123C25; font-size: 14px; font-weight: 600; padding: 12px 20px; }
.clip-load:hover { background: #69E6B5; }
.clip-frame, .clip-video { display: block; position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: contain; }
.clip-info { padding: 25px 28px 28px; }
.clip-info h3 { font: 600 24px/1.3 var(--body); letter-spacing: -.5px; }
.clip-info > p { margin-top: 12px; font-size: 16px; line-height: 1.8; color: #526B5B; max-width: 750px; }
.clip-actions { display: flex; flex-wrap: wrap; gap: 12px 26px; align-items: center; margin-top: 16px; }
.clip-actions a, .clip-actions button { min-height: 44px; display: inline-flex; align-items: center; padding: 8px 0; background: none; border: 0; border-bottom: 1px solid #9CB6A2; color: #246643; font-size: 14px; line-height: 1.5; }
.clip-status { font-size: 14px !important; }
.clip-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid #CBDACD; }
.clip-pick { width: 100%; min-width: 0; min-height: 90px; display: grid; grid-template-columns: 24px 88px minmax(0,1fr); gap: 14px; align-items: center; padding: 18px 24px; background: transparent; border: 0; border-bottom: 1px solid #D4DFD4; text-align: left; color: #213B2F; transition: background .25s ease; }
.clip-pick:nth-child(odd) { border-right: 1px solid #D4DFD4; }
.clip-pick:hover { background: #EDF6EC; }
.clip-pick[aria-pressed=true] { background: #E4F4E6; box-shadow: inset 3px 0 #00BD7A; }
.clip-pick-thumbnail { width: 88px; height: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: 3px; background: #142D20; }
.clip-pick-copy { display: flex; flex-direction: column; gap: 4px; }
.clip-pick-number, .clip-pick-duration { font-size: 13px; color: #526B5B; }
.clip-pick-title { font-size: 16px; line-height: 1.6; }
.clip-fallback { margin-top: 25px; font-size: 16px; line-height: 1.8; }
.clip-fallback ul { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 15px; padding-left: 20px; }
.clip-fallback a { color: #246643; text-decoration: underline; text-underline-offset: 4px; }
.rl-esports { padding: 110px 7%; display: grid; grid-template-columns: .85fr 1fr; gap: 14%; align-items: start; }
.rl-esports .eyebrow { display: block; margin-bottom: 28px; }
.rl-esports p { font-size: 17px; line-height: 1.9; color: #526B5B; }
.rl-esports p + p { margin-top: 20px; }
.rl-fan-notice { margin-top: 28px; padding-top: 24px; border-top: 1px solid #CBDACD; color: #526B5B; }
.rl-fan-notice h3 { margin-bottom: 12px; color: #213B2F; font: 600 13px/1.5 var(--body); letter-spacing: .06em; }
.rl-fan-notice p { max-width: 900px; font-size: 15px; line-height: 1.8; }
.rl-fan-notice p + p { margin-top: 12px; }
.rl-fan-notice a { overflow-wrap: anywhere; }
.rl-page-note { margin: 0 7%; padding: 25px 0; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.7; color: #526B5B; }
.privacy-banner-actions [data-unload-optional-media] { font-size: 14px; background: #E6F1E4; }
@media (min-width: 1101px) { .interest-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (min-width: 701px) and (max-width: 1100px) { .interest-gaming { grid-column: 1/-1; min-height: 340px; } .interest-gaming-art { width: 52%; right: -10%; bottom: 35px; height: 240px; } }
@media (max-width: 1000px) { .identity-nav { gap: 16px; margin-right: 24px; } .rl-hero-grid { gap: 6%; } }
@media (max-width: 850px) {
  .rl-hero-grid { grid-template-columns: 1fr; gap: 50px; }
  .rl-arena { width: min(100%,550px); justify-self: center; }
  .rl-hero h1 { font-size: clamp(78px,15vw,125px); }
  .rl-intro { max-width: 580px; }
  .rl-story, .rl-esports { grid-template-columns: 1fr; gap: 35px; }
  .rl-clips-heading { flex-direction: column; align-items: start; }
  .rl-clips-heading > p { max-width: 600px; }
}
@media (max-width: 700px) {
  .rl-hero { padding: 125px 6% 55px; }
  .rl-hero-top { margin-bottom: 40px; }
  .rl-arena { transform: rotate(1deg); box-shadow: 7px 9px 0 #E2EDE0; }
  .rl-facts { margin-top: 55px; }
  .rl-facts > div + div { padding-left: 22px; }
  .rl-facts strong { font-size: 40px; }
  .rl-story, .rl-esports { padding: 70px 6%; }
  .rl-clips { padding: 70px 6%; }
  .rl-story h2, .rl-clips h2, .rl-esports h2 { font-size: 56px; }
  .clip-library-head { padding: 16px 20px; flex-wrap: wrap; gap: 8px; }
  .clip-stage.is-empty, .clip-stage.is-waiting { min-height: 310px; }
  .clip-consent { padding: 22px; }
  .clip-consent p { font-size: 15px; }
  .clip-info { padding: 22px; }
  .clip-list { grid-template-columns: 1fr; }
  .clip-pick { padding: 15px 20px; grid-template-columns: 22px 88px minmax(0,1fr); gap: 12px; }
  .clip-pick:nth-child(odd) { border-right: 0; }
  .interest-gaming { grid-column: auto; }
}
@media (max-width: 380px) { .clip-pick { grid-template-columns: 72px minmax(0,1fr); padding: 15px; } .clip-pick-number { display: none; } .clip-pick-thumbnail { width: 72px; } }
@media (prefers-reduced-motion: reduce) { .rl-arena, .interest-gaming-art { transform: none !important; } .clip-pick { transition: none; } }