/* A quiet cinema: native portrait video, editorial rails, no overlays on playback. */
#primary.if-reels { --reel-line:#ffffff26; --reel-muted:#cec4d9; --reel-accent:#e0bce8; color:#fff; background:radial-gradient(ellipse 65% 34% at 57% 16%,#49305f88,transparent 80%),linear-gradient(155deg,#171120,#231b36 45%,#171120 85%); padding:10rem 0 0; font-size:1rem; }
#primary.if-reels [hidden] { display:none!important; }
#primary.if-reels :is(h1,h2,h3,p) { margin:0; }
#primary.if-reels :is(h1,h2,h3) { color:#fff; font-weight:500; letter-spacing:-.045em; }
#primary.if-reels :is(p,a,button,label,input,summary) { font-family:inherit; font-size:1rem; }
#primary.if-reels :is(a,button) { color:inherit; text-decoration:none; box-shadow:none; }
#primary.if-reels :is(a,button):hover { color:var(--reel-accent); background-color:transparent; text-decoration:none; }
#primary.if-reels :is(a,button):active { color:#fff; }
#primary.if-reels :is(a,button,input,summary):focus-visible { outline:2px solid var(--reel-accent); outline-offset:5px; }
#primary.if-reels button { border:0; background:none; text-transform:none; letter-spacing:0; border-radius:0; cursor:pointer; padding:0; line-height:1.5; }
#primary.if-reels .if-icon { color:inherit; font-size:1.4rem; flex:0 0 auto; }
#primary.if-reels .if-reels-mast { display:flex; align-items:center; gap:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid var(--reel-line); }
#primary.if-reels .if-reels-wordmark { display:inline-flex; align-items:center; gap:.65rem; font-size:1.4rem; font-weight:600; letter-spacing:-.035em; }
#primary.if-reels .if-reels-wordmark .if-icon { font-size:2rem; color:var(--reel-accent); }
#primary.if-reels .if-reels-mast p { color:var(--reel-muted); }
#primary.if-reels .if-reels-mast>.if-reels-text-link { margin-left:auto; }
#primary.if-reels .if-reels-text-link { display:inline-flex; align-items:center; gap:.55rem; min-height:2.75rem; font-weight:500; line-height:1.45; }
#primary.if-reels .if-reels-stage { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(200px,1fr) minmax(0,.65fr); align-items:start; gap:clamp(2rem,4.5vw,5rem); padding:2.5rem 0; scroll-margin-top:7rem; }
#primary.if-reels .if-reels-info { padding-top:1.5rem; }
#primary.if-reels .if-reels-kicker { color:var(--reel-accent); font-size:1rem; font-weight:600; line-height:1.6; letter-spacing:.07em; text-transform:uppercase; }
#primary.if-reels .if-reels-kicker>span { margin-inline:.35rem; color:#776a8b; }
#primary.if-reels .if-reels-playing { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; color:var(--reel-muted); margin-top:2rem; }
#primary.if-reels .if-reels-playing>span:first-child { width:.45rem; height:.45rem; border-radius:50%; background:var(--reel-accent); }
#primary.if-reels [data-counter] { margin-left:.5rem; font-variant-numeric:tabular-nums; }
#primary.if-reels .if-reels-title { font-size:clamp(2rem,3.1vw,3.4rem); line-height:1.08; margin-top:1rem; text-wrap:balance; outline:none; }
#primary.if-reels .if-reels-summary { color:var(--reel-muted); margin-top:1.5rem; line-height:1.7; }
#primary.if-reels .if-reels-presenter { display:flex; gap:.65rem; align-items:center; margin-top:1.5rem; }
#primary.if-reels .if-reels-presenter .if-icon { color:var(--reel-accent); }
#primary.if-reels .if-reels-presenter a { text-decoration:underline; text-underline-offset:.25rem; }
#primary.if-reels .if-reels-info-actions { margin-top:2rem; padding-top:1rem; border-top:1px solid var(--reel-line); display:flex; flex-direction:column; align-items:flex-start; gap:.15rem; }
#primary.if-reels .if-reels-screen-column { min-width:0; text-align:center; }
#primary.if-reels .if-reels-screen { position:relative; margin:0 auto; width:min(100%,22rem,calc(64svh * 9 / 16)); min-width:200px; aspect-ratio:9/16; background:#08070a; border:1px solid #ffffff35; border-radius:.7rem; box-shadow:0 0 70px #af73c024,0 20px 50px #0006; overflow:hidden; }
#primary.if-reels .if-reels-poster { position:absolute; inset:0; background:linear-gradient(150deg,#3b2d51,#171120); }
#primary.if-reels .if-reels-poster img { width:100%; height:100%; object-fit:cover; }
#primary.if-reels .if-reels-poster::after { content:''; position:absolute; inset:45% 0 0; pointer-events:none; background:linear-gradient(transparent,#08070ad9); }
#primary.if-reels .if-reels-play { position:absolute; z-index:1; bottom:2rem; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:.75rem; white-space:nowrap; font-weight:600; }
#primary.if-reels .if-reels-play>.if-icon { display:grid; place-items:center; width:4rem; height:4rem; border-radius:50%; background:#fff; color:#21172d; font-size:2.25rem; box-shadow:0 4px 25px #0004; }
#primary.if-reels .if-reels-play:hover>.if-icon { background:var(--reel-accent); }
#primary.if-reels .if-reels-player { position:absolute; inset:0; }
#primary.if-reels .if-reels-player iframe { display:block; width:100%!important; height:100%!important; border:0; }
#primary.if-reels .if-reels-privacy { margin:.9rem auto 0; max-width:24rem; color:var(--reel-muted); font-size:1rem; line-height:1.5; }
#primary.if-reels .if-reels-transport { display:flex; flex-wrap:wrap; justify-content:center; gap:.4rem 1rem; padding-top:.8rem; }
#primary.if-reels .if-reels-transport :is(a,button) { display:inline-flex; align-items:center; justify-content:center; gap:.3rem; min-height:2.75rem; font-size:1rem; }
#primary.if-reels [aria-disabled=true] { opacity:.4; cursor:default; pointer-events:none; }
#primary.if-reels .if-reels-status { font-size:1rem; margin-top:.6rem; color:var(--reel-accent); line-height:1.5; }
#primary.if-reels .if-reels-status:empty { display:none; }
#primary.if-reels .if-reels-next { border-left:1px solid var(--reel-line); padding-left:2rem; margin-top:1.5rem; }
#primary.if-reels .if-reels-next-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--reel-line); padding-bottom:1rem; }
#primary.if-reels .if-reels-next-heading h2 { font-size:1.2rem; letter-spacing:0; }
#primary.if-reels .if-reels-next-heading>span { color:var(--reel-accent); font-variant-numeric:tabular-nums; }
#primary.if-reels .if-reels-next-preview { display:flex; flex-direction:column; gap:1rem; margin-top:1.4rem; }
#primary.if-reels .if-reels-next-image { position:relative; width:clamp(120px,9vw,160px); aspect-ratio:9/16; overflow:hidden; border-radius:.3rem; background:#3b2d51; }
#primary.if-reels .if-reels-next-image img { display:block; width:100%; height:100%; object-fit:cover; }
#primary.if-reels .if-reels-next-image>.if-icon { position:absolute; bottom:.6rem; right:.6rem; width:2.25rem; height:2.25rem; display:grid; place-items:center; background:#fff; color:#21172d; border-radius:50%; }
#primary.if-reels [data-next-title] { font-size:1.25rem; line-height:1.35; letter-spacing:-.02em; }
#primary.if-reels .if-reels-next-preview>.if-reels-text-link { color:var(--reel-accent); }
#primary.if-reels .if-reels-autonext { margin-top:1.5rem; padding-top:1.25rem; border-top:1px solid var(--reel-line); }
#primary.if-reels .if-reels-autonext label { display:flex; align-items:center; gap:.65rem; cursor:pointer; line-height:1.4; min-height:2.75rem; }
#primary.if-reels .if-reels-autonext input { accent-color:var(--reel-accent); width:1.2rem; height:1.2rem; margin:0; flex:0 0 auto; }
#primary.if-reels .if-reels-autonext p { margin-top:.4rem; font-size:1rem; color:var(--reel-muted); }
#primary.if-reels [data-countdown-wrap] { margin-top:.75rem; }
#primary.if-reels [data-countdown] { color:var(--reel-accent); }
#primary.if-reels .if-reels-next-library { margin-top:1.25rem; }
#primary.if-reels [data-end-note] { margin-top:1.5rem; color:var(--reel-muted); }
#primary.if-reels .if-reels-notes { border-block:1px solid var(--reel-line); padding:1rem 0; }
#primary.if-reels .if-reels-notes summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; min-height:2.75rem; list-style:none; font-size:1.1rem; }
#primary.if-reels .if-reels-notes summary::-webkit-details-marker { display:none; }
#primary.if-reels .if-reels-notes[open] summary .if-icon { transform:rotate(45deg); }
#primary.if-reels .if-reels-notes>div { max-width:52rem; padding:1rem 0; color:var(--reel-muted); }
#primary.if-reels .if-reels-notes p+p { margin-top:1rem; }
#primary.if-reels .if-reels-library { padding:4rem 0; scroll-margin-top:7rem; }
#primary.if-reels .if-reels-library-head { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }
#primary.if-reels .if-reels-library h2 { font-size:clamp(2rem,3vw,3rem); line-height:1.15; margin:.5rem 0 .75rem; }
#primary.if-reels .if-reels-library-head p:not(.if-reels-kicker) { color:var(--reel-muted); }
#primary.if-reels .if-reels-search { display:flex; align-items:center; gap:.6rem; border-bottom:1px solid #ffffff66; min-width:14rem; padding:.65rem 0; }
#primary.if-reels .if-reels-search input { min-width:0; width:100%; border:0; background:transparent; color:#fff; padding:.3rem; border-radius:0; box-shadow:none; line-height:1.5; }
#primary.if-reels .if-reels-search input::placeholder { color:var(--reel-muted); opacity:1; }
#primary.if-reels .if-reels-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem; list-style:none; margin:0; padding:0; }
#primary.if-reels .if-reels-list li { min-width:0; margin:0; padding:0; }
#primary.if-reels .if-reels-tile { display:block; }
#primary.if-reels .if-reels-tile-image { position:relative; aspect-ratio:9/13; background:#392b4c; overflow:hidden; border-radius:.45rem; border:1px solid #ffffff20; }
#primary.if-reels .if-reels-tile-image>img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s; }
#primary.if-reels .if-reels-tile-image::after { content:''; position:absolute; inset:55% 0 0; background:linear-gradient(transparent,#0e0b18c9); pointer-events:none; }
#primary.if-reels .if-reels-tile-number { position:absolute; top:.7rem; left:.7rem; background:#171120df; padding:.2rem .5rem; font-size:1rem; border-radius:.2rem; color:#fff; }
#primary.if-reels .if-reels-tile-play { position:absolute; z-index:1; right:1rem; bottom:1rem; background:#fff; color:#21172d; width:2.75rem; height:2.75rem; border-radius:50%; display:grid; place-items:center; }
#primary.if-reels .if-reels-tile:hover .if-reels-tile-image>img { transform:scale(1.035); }
#primary.if-reels .if-reels-tile:hover .if-reels-tile-play { background:var(--reel-accent); }
#primary.if-reels .if-reels-tile-selected { display:none; position:absolute; left:1rem; bottom:1.5rem; z-index:1; color:#fff; font-size:1rem; }
#primary.if-reels .if-reels-tile.is-selected .if-reels-tile-selected { display:block; }
#primary.if-reels .if-reels-tile.is-selected .if-reels-tile-image { border-color:var(--reel-accent); }
#primary.if-reels .if-reels-tile h3 { font-size:1.35rem; line-height:1.35; letter-spacing:-.025em; margin:1rem 0 .7rem; }
#primary.if-reels .if-reels-tile p { display:flex; justify-content:space-between; align-items:center; color:var(--reel-muted); padding-bottom:1rem; border-bottom:1px solid var(--reel-line); }
#primary.if-reels .if-reels-tile:hover h3 { color:var(--reel-accent); }
#primary.if-reels .if-reels-footer { padding:2.5rem 0 4rem; border-top:1px solid var(--reel-line); display:flex; align-items:center; justify-content:space-between; gap:2rem; }
#primary.if-reels .if-reels-footer h2 { font-size:clamp(1.75rem,2.3vw,2.4rem); line-height:1.2; margin:.65rem 0 .8rem; }
#primary.if-reels .if-reels-footer p:not(.if-reels-kicker) { color:var(--reel-muted); max-width:45rem; }
#primary.if-reels .if-reels-button { display:inline-flex; align-items:center; justify-content:center; gap:.75rem; flex:0 0 auto; background:#fff; color:#21172d; border:1px solid #fff; border-radius:.3rem; padding:.85rem 1.2rem; min-height:3rem; font-weight:600; }
#primary.if-reels .if-reels-button:hover { background:var(--reel-accent); border-color:var(--reel-accent); color:#21172d; }
#primary.if-reels .if-reels-notice { padding:2rem 0; }
#primary.if-reels .if-reels-notice h1 { font-size:2.5rem; line-height:1.2; }
@media(max-width:1180px) {
 #primary.if-reels { padding-top:7rem; }
 #primary.if-reels .if-reels-stage { gap:2rem; grid-template-columns:minmax(0,1fr) minmax(200px,.85fr); }
 #primary.if-reels .if-reels-next { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr); column-gap:2rem; border-left:0; border-top:1px solid var(--reel-line); padding:1.5rem 0 0; margin:0; }
 #primary.if-reels .if-reels-next-heading { grid-column:1/-1; padding-bottom:.75rem; }
 #primary.if-reels .if-reels-next-preview { grid-column:1/3; display:grid; grid-template-columns:120px minmax(0,1fr); align-items:start; gap:.75rem 1.5rem; }
 #primary.if-reels .if-reels-next-image { grid-row:span 2; width:120px; }
 #primary.if-reels .if-reels-next-preview>.if-reels-text-link { align-self:end; }
 #primary.if-reels .if-reels-autonext { border:0; padding:0; }
 #primary.if-reels .if-reels-next-library { grid-column:1/-1; }
 #primary.if-reels .if-reels-list { gap:1.25rem; }
 #primary.if-reels .if-reels-tile-selected { bottom:4rem; }
}
@media(max-width:680px) {
 #primary.if-reels { padding-top:6.5rem; }
 #primary.if-reels .if-reels-mast { flex-wrap:wrap; gap:.7rem; padding-bottom:1rem; }
 #primary.if-reels .if-reels-mast p { display:none; }
 #primary.if-reels .if-reels-mast>.if-reels-text-link { margin-left:0; }
 #primary.if-reels .if-reels-stage { display:flex; flex-direction:column; gap:1.5rem; padding-top:1.5rem; }
 #primary.if-reels .if-reels-info { display:contents; }
 #primary.if-reels .if-reels-intro { order:1; }
 #primary.if-reels .if-reels-intro .if-reels-kicker { display:none; }
 #primary.if-reels .if-reels-kicker { letter-spacing:.04em; }
 #primary.if-reels .if-reels-playing { margin-top:0; }
 #primary.if-reels .if-reels-title { font-size:2rem; max-width:32rem; }
 #primary.if-reels .if-reels-summary { margin-top:0; order:3; }
 #primary.if-reels .if-reels-presenter { margin-top:0; order:4; }
 #primary.if-reels .if-reels-info-actions { order:5; width:100%; flex-direction:row; flex-wrap:wrap; gap:.3rem 1.2rem; margin-top:0; padding-top:.5rem; }
 #primary.if-reels .if-reels-screen-column { width:100%; order:2; }
 #primary.if-reels .if-reels-screen { width:min(100%,23rem,calc(72svh * 9 / 16)); }
 #primary.if-reels .if-reels-next { width:100%; display:block; order:6; }
 #primary.if-reels .if-reels-next-preview { display:grid; grid-template-columns:120px minmax(0,1fr); gap:.75rem 1.2rem; }
 #primary.if-reels .if-reels-autonext { border-top:1px solid var(--reel-line); padding-top:1rem; }
 #primary.if-reels .if-reels-next-library { margin-top:.75rem; }
 #primary.if-reels .if-reels-library { padding:2.5rem 0; }
 #primary.if-reels .if-reels-library-head { align-items:stretch; flex-direction:column; gap:1.3rem; }
 #primary.if-reels .if-reels-list { display:flex; overflow-x:auto; gap:1rem; padding:0 .25rem 1.5rem; scroll-snap-type:x mandatory; scrollbar-color:var(--reel-accent) #33253f; }
 #primary.if-reels .if-reels-list li { flex:0 0 min(72vw,17rem); scroll-snap-align:start; }
 #primary.if-reels .if-reels-tile-image { aspect-ratio:9/13; }
 #primary.if-reels .if-reels-tile-selected { bottom:1.5rem; }
 #primary.if-reels .if-reels-footer { align-items:flex-start; flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) {
 #primary.if-reels *, #primary.if-reels *::before, #primary.if-reels *::after { transition:none; scroll-behavior:auto; }
}