/* Compact social-film library, using the portfolio's editorial type and orange. */
.reels-page .reels-library-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-top:45px;padding-bottom:42px}
.reels-page .reels-library-intro h1{font-size:clamp(54px,5.7vw,82px);line-height:.98;letter-spacing:-.055em}
.reels-page .reels-library-intro .kicker{font-size:11px;margin-bottom:20px}
.reels-library-copy{padding-bottom:5px;max-width:370px}
.reels-library-copy p{font-size:17px;color:#c1c2bc}
.reels-library-copy>span{display:block;color:var(--site-muted);font-size:11px;letter-spacing:.5px;margin-top:20px}
.reels-page .collection{padding-top:0;padding-bottom:65px}
.reels-page .collection-tools{margin-bottom:26px;padding-bottom:19px;gap:15px}
.reels-page .collection-filters{gap:5px}
.reels-page .collection-filters button{font-size:12px;padding:10px 16px;min-height:44px}
.reels-page .collection-count{font-size:12px;white-space:nowrap}
.reels-page .reel-collection{grid-template-columns:repeat(8,minmax(0,1fr));gap:30px 18px}
.reels-page .media-card{min-width:0}
.reels-page .media-poster{border-radius:2px;aspect-ratio:9/16}
.reels-page .media-caption{padding:12px 0 13px;gap:5px;min-height:81px}
.reels-page .media-caption strong{font-size:16px;line-height:1.25;letter-spacing:-.35px;font-weight:500}
.reels-page .media-caption>span{font-size:11px;line-height:1.4;color:#9da3a0}
.reels-page .round-play{width:29px;height:29px;font-size:9px;top:auto;bottom:11px;right:10px;background:#0a0b0cb8;backdrop-filter:blur(6px);border-color:#ffffff75}
.reels-page .poster-note{display:none}
.reels-page .film-fallback{font-size:38px;background:linear-gradient(150deg,#202326,#121416);color:#a4aaa6}
.reels-page .film-fallback>span{font-size:8px;letter-spacing:1px;margin-top:12px}
.reels-page .media-trigger:hover .media-caption strong{color:var(--site-accent)}
.reels-page .next-chapter{padding-top:55px;padding-bottom:55px}
.reels-page .next-chapter h2{font-size:clamp(43px,5vw,70px)}
.reels-page .media-dialog.is-portrait{width:min(600px,94vw)}
.reels-page .dialog-bar{margin-bottom:8px}
.reel-sequence{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;border-top:1px solid var(--site-line);padding:6px 0 10px}
.reel-sequence button{border:0;background:transparent;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;font-size:13px;color:var(--site-accent)}
.reel-sequence button:last-child{justify-self:end}
.reel-sequence button:disabled{opacity:.3;cursor:default}
.reel-sequence button:not(:disabled):hover{color:var(--site-ink)}
.reel-sequence p{font-size:11px;color:#a5aaa7;font-variant-numeric:tabular-nums;letter-spacing:1px}
.reels-page .media-dialog.is-portrait .dialog-screen{height:min(58svh,620px)}
.reels-page .dialog-caption{padding-top:17px;gap:15px}
.reels-page .dialog-caption h2{font-size:22px}
@media(min-width:1700px){.reels-page main>.reels-library-intro,.reels-page main>.collection{padding-left:calc((100vw - 1360px)/2);padding-right:calc((100vw - 1360px)/2)}}
@media(max-width:1199px){.reels-page .reel-collection{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 16px}.reels-library-copy p{font-size:15px}}
@media(max-width:899px){.reels-page .reel-collection{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.reels-page .reels-library-intro{gap:30px}.reels-library-copy{max-width:280px}.reels-page .reels-library-intro h1{font-size:60px}}
@media(max-width:650px){.reels-page .reels-library-intro{display:block;padding-top:30px;padding-bottom:28px}.reels-page .reels-library-intro h1{font-size:53px}.reels-page .reels-library-intro .kicker{font-size:10px;margin-bottom:16px}.reels-library-copy{margin-top:23px;max-width:none;padding:0}.reels-library-copy p{font-size:15px}.reels-library-copy>span{margin-top:12px;font-size:10px}.reels-page .collection-tools{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-bottom:22px;padding-bottom:16px}.reels-page .collection-filters{gap:2px}.reels-page .collection-filters button{padding:10px 12px;font-size:11px}.reels-page .collection-count{padding-top:0;font-size:11px}.reels-page .reel-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.reels-page .media-caption{min-height:73px;padding-top:10px;gap:5px}.reels-page .media-caption strong{font-size:14px}.reels-page .media-caption>span{font-size:10px}.reels-page .round-play{width:25px;height:25px;right:7px;bottom:8px;font-size:8px}.reels-page .film-fallback{font-size:28px}.reels-page .film-fallback>span{font-size:7px;letter-spacing:.5px;text-align:center;padding:0 4px}.reels-page .collection{padding-bottom:40px}.reels-page .next-chapter{padding-top:40px;padding-bottom:40px}.reels-page .dialog-caption{flex-direction:row;align-items:start}.reels-page .dialog-caption h2{font-size:19px}.reels-page .dialog-links a{font-size:11px}.reels-page .dialog-close{width:44px;height:44px}}
@media(max-width:360px){.reels-page .reels-library-intro h1{font-size:47px}.reels-page .reel-collection{gap:22px 10px}.reels-page .media-caption strong{font-size:13px}}
@media(max-width:650px){.reels-page .collection-filters{max-width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:3px}.reels-page .collection-filters button{padding-left:8px;padding-right:8px;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.reels-page .media-trigger *{transition:none!important}}

/* Keep portrait previews readable on phones. */
@media(max-width:540px){.reels-page .reel-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.reels-page .media-caption{min-height:64px}.reels-page .media-caption>span{font-size:12px}}