.reference-main{max-width:1540px;margin:auto;padding:62px 5.5% 30px}.reference-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.reference-intro h1{font-size:clamp(35px,4vw,58px);line-height:1.1;letter-spacing:-.045em;margin:14px 0 20px}.reference-intro h1 span{color:#c5eead}.reference-intro>div>p:last-child{color:#a9c0b3;max-width:540px;font-size:16px}.reference-stats{display:flex;gap:28px;flex-shrink:0;padding-bottom:3px}.reference-stats strong{font-size:28px;line-height:1.1;color:#c5eead;font-weight:500}.reference-stats strong span{display:block;margin-top:9px;font-size:10px;color:#a9c0b3;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.reference-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:35px;align-items:start}.reference-stage{min-width:0}.reference-video{border:1px solid #ffffff26;background:#262b33;aspect-ratio:16/9;overflow:hidden}.reference-video video{display:block;width:100%;height:100%;object-fit:contain}.clip-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:26px}.clip-heading .eyebrow{font-size:10px;margin-bottom:10px}.clip-heading h2{font-size:32px;line-height:1.15;letter-spacing:-.025em;margin:0}.clip-heading>span{font-size:14px;color:#b1c9b7;font-variant-numeric:tabular-nums}.clip-details{margin-top:12px;color:#a9bcb0;font-size:13px}.playback-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px}.playback-actions button,.reel-actions button,.result-row button,.clip-choice{cursor:pointer;font-family:inherit}.playback-actions .button{padding:13px 17px;border:1px solid #c5eead}.icon-button{border:1px solid #527361;background:transparent;color:#d7e8da;min-width:45px;height:45px;font-size:21px}.icon-button:disabled{opacity:.4;cursor:default}.repeat-control{font-size:12px;color:#b9cbbe;display:flex;align-items:center;gap:7px;margin-left:5px}.repeat-control input{accent-color:#c5eead;width:17px;height:17px}.repeat-control:has(input:disabled){opacity:.4}.reel-actions{display:flex;gap:19px;flex-wrap:wrap;margin-top:19px}.reel-actions button,.result-row button{padding:0;background:none;border:0;color:#c5eead;font-size:12px;text-decoration:underline;text-underline-offset:4px}.playback-status{font-size:12px;color:#d4e6d7;margin-top:24px;min-height:22px}.reference-note{font-size:12px;color:#97ad9f;line-height:1.7;margin:8px 0 18px;max-width:660px}.reference-stage>.text-link{font-size:12px}.clip-library{border:1px solid #53685b;background:#101f23;min-width:0}.library-filters{padding:21px 21px 14px;border-bottom:1px solid #ffffff25}.library-filters label{display:block;font-size:11px;letter-spacing:.035em;color:#c7d9ca}.library-filters input,.library-filters select{font-family:inherit;color:#e7efe6;font-size:13px;background:#0b171d;border:1px solid #4d6557;border-radius:0;width:100%;height:42px;padding:0 10px;margin-top:7px}.library-filters input::placeholder{color:#9ab0a2;font-size:12px}.filter-selects{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;margin-top:15px}.filter-selects select{font-size:12px;padding:0 6px}.result-row{display:flex;justify-content:space-between;gap:15px;margin-top:16px;color:#91a99a;font-size:11px}.result-row button{font-size:11px}.clip-list{max-height:466px;overflow-y:auto;scrollbar-color:#6d896d #142721;scrollbar-width:thin;padding:0 9px 9px}.clip-group-label{font-size:10px;letter-spacing:.08em;color:#a5b9a7;text-transform:uppercase;padding:19px 12px 9px;margin:0}.clip-choice{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;border-left:2px solid transparent;background:transparent;color:#e4ece4;width:100%;text-align:left;padding:12px;transition:background .15s}.clip-choice:hover{background:#203c31}.clip-choice[aria-pressed=true]{background:#284737;border-left-color:#c5eead}.clip-choice .clip-label{font-size:14px;display:block}.clip-choice small{display:block;color:#a4bca9;font-size:10px;margin-top:3px}.clip-choice .clip-time{font-size:11px;color:#b5cbb8;white-space:nowrap;font-variant-numeric:tabular-nums}.empty-result{padding:28px 12px;color:#b9cbbd;font-size:14px}.reference-downloads{border-top:1px solid #ffffff25;margin-top:70px;padding-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.reference-downloads h2{font-size:27px;margin:14px 0 20px}.reference-downloads p:not(.eyebrow){font-size:14px;color:#a7bead;max-width:440px}.reference-downloads p a{color:#c5eead;text-decoration:underline;text-underline-offset:4px}.character-reels{display:grid;grid-template-columns:1fr 1fr;gap:0 23px}.character-reels a{padding:13px 0;border-bottom:1px solid #ffffff20;font-size:12px;color:#c5eead}.reference-footnote{font-size:11px;color:#98ae9d;line-height:1.8;margin-top:40px;max-width:900px}.reference-main :focus-visible{outline:2px solid #e4ffbe;outline-offset:4px}.reference-cta{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 28px;background:#193326;border:1px solid #5b7c50}.reference-cta p{font-size:14px;color:#b7cdb7}.reference-cta a{flex-shrink:0}
@media(min-width:1600px){.clip-list{max-height:520px}}
@media(max-width:1050px){.reference-layout{gap:23px;grid-template-columns:minmax(0,1fr) 310px}.reference-stats{gap:17px}.reference-stats strong{font-size:24px}.reference-intro{align-items:start}.reference-intro>div>p:last-child{max-width:450px}.repeat-control{margin-left:0}.library-filters{padding:17px}.reel-actions{gap:15px}}
@media(max-width:800px){.reference-main{padding:42px 6% 25px}.reference-intro{display:block}.reference-stats{margin-top:27px;gap:35px}.reference-layout{grid-template-columns:1fr;gap:35px}.clip-list{max-height:400px}.reference-downloads{grid-template-columns:1fr;gap:25px;margin-top:45px}.reference-intro h1{font-size:40px}.reference-intro>div>p:last-child{font-size:15px}.reference-cta{flex-direction:column;align-items:start}.reference-cta .button{font-size:12px}.reference-stage>.text-link{display:inline-block}.clip-heading{margin-top:22px}}
@media(max-width:400px){.reference-intro h1{font-size:35px}.repeat-control{width:100%;margin-top:5px}.playback-actions{gap:8px}.reference-stats{gap:25px}}