/* Cinematic homepage. Loaded after the page stylesheet. */
body.cine{
  background:#F5F5F7;
  color:#1D1D1F;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body.cine .topbar{ display:none; }

.cine-head{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(245,245,247,.78);
  backdrop-filter:saturate(180%) blur(22px);
  -webkit-backdrop-filter:saturate(180%) blur(22px);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.cine-util{
  max-width:1440px;
  margin:0 auto;
  padding:14px 28px 10px;
  display:grid;
  grid-template-columns:auto minmax(180px,420px) auto;
  gap:22px;
  align-items:center;
}
body.cine .brand{ color:#1D1D1F; font-size:20px; font-weight:600; letter-spacing:-.04em; }
body.cine .brand .live{ color:#9E1B32; }
.cine-search{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  height:40px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.cine-search svg{ flex:none; color:#6E6E73; }
.cine-search input{
  width:100%;
  border:0;
  outline:none;
  background:transparent;
  color:#1C1C1E;
  font:500 13.5px/1 'IBM Plex Sans', sans-serif;
}
.cine-search input::placeholder{ color:#6E6E73; }
body.cine .nav{
  padding:0;
  max-width:none;
  gap:18px;
}
body.cine .nav-links{ gap:16px; }
body.cine .nav-links a{
  font-family:'Inter', sans-serif;
  font-size:14px;
  font-weight:500;
  letter-spacing:-.014em;
  text-transform:none;
  color:#1D1D1F;
}
body.cine .nav-links a:hover{ color:#9E1B32; }
body.cine .signin{ font-size:13px; color:#1C1C1E; }
body.cine .mem-btn{
  background:#9E1B32;
  color:#fff;
  border:1px solid #9E1B32;
  border-radius:980px;
  padding:8px 16px;
  font-weight:600;
  letter-spacing:-.01em;
  box-shadow:0 1px 1px rgba(158,27,50,.2), 0 8px 16px -10px rgba(158,27,50,.7);
  transition:background .25s ease, transform .25s ease;
}
body.cine .mem-btn:hover{ background:#7A1226; transform:scale(1.02); }
.cine-cats{
  max-width:1440px;
  margin:0 auto;
  padding:0 18px 0 22px;
  display:flex;
  gap:4px;
  overflow-x:auto;
  scrollbar-width:none;
}
.cine-cats::-webkit-scrollbar{ display:none; }
.cine-cat{
  flex:none;
  border:0;
  background:transparent;
  color:#6E6E73;
  font:500 14px/1 'Inter', sans-serif;
  letter-spacing:-.012em;
  padding:14px 14px 16px;
  cursor:pointer;
  border-bottom:2px solid transparent;
}
.cine-cat.on, .cine-cat[aria-current="page"]{
  color:#9E1B32;
  border-bottom-color:#9E1B32;
}
.cine-cat:hover{ color:#9E1B32; }

.cine-hero{
  position:relative;
  min-height:min(78vh,760px);
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  align-items:end;
  overflow:hidden;
  color:#fff;
}
.cine-hero-media{
  position:absolute;
  inset:0;
  z-index:0;
}
.cine-hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 40%;
}
.cine-hero-media::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(12,6,8,.78) 0%, rgba(12,6,8,.36) 50%, rgba(12,6,8,.08) 100%),
    linear-gradient(180deg, rgba(12,6,8,.05) 0%, rgba(12,6,8,.62) 100%);
}
.cine-hero-copy, .cine-hero-side{
  position:relative;
  z-index:1;
}
.cine-hero-copy{ padding:72px 8vw 64px 56px; max-width:820px; }
.cine-kicker{
  font-family:'IBM Plex Mono', monospace;
  font-size:11px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
  margin-bottom:18px;
}
.cine-hero h1{
  font-family:'Inter', sans-serif;
  font-weight:700;
  font-size:clamp(44px, 5.6vw, 80px);
  line-height:1.02;
  letter-spacing:-.038em;
  margin-bottom:22px;
  text-shadow:0 12px 40px rgba(0,0,0,.28);
}
.cine-hero h1 .line{ display:block; }
.cine-hero h1 .cyan{ color:#fff; }
.cine-hero h1 .red{ color:#FF453A; }
.cine-hero .lede{
  max-width:520px;
  color:#d5deea;
  font-size:16.5px;
  line-height:1.55;
  margin-bottom:28px;
}
.cine-actions{ display:flex; flex-wrap:wrap; gap:12px; }
.cine-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:0 18px;
  border-radius:980px;
  font-family:'Inter', sans-serif;
  font-weight:600;
  font-size:15px;
  letter-spacing:-.015em;
  transition:background .25s ease, transform .25s ease, border-color .25s ease;
}
.cine-btn.primary{ background:#9E1B32; color:#fff; box-shadow:0 8px 20px -12px rgba(158,27,50,.9); }
.cine-btn.primary:hover{ background:#7A1226; transform:scale(1.015); }
.cine-btn.ghost{
  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.38);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.cine-hero-side{
  align-self:center;
  margin-right:28px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(8,6,8,.55);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.cine-hero-side a{
  display:block;
  padding:7px 0;
  color:#fff;
  font-size:14px;
  font-weight:600;
  letter-spacing:-.01em;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
.cine-hero-side a:hover{ color:#FF453A; }

.cine-wrap{ max-width:1440px; margin:0 auto; padding:36px 32px 0; }
.cine-topics{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
}
.topic-tile{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:156px;
  padding:20px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(0,0,0,.04);
  box-shadow:0 1px 1px rgba(0,0,0,.03), 0 12px 32px -16px rgba(0,0,0,.12);
  transition:transform .35s cubic-bezier(.25,.1,.25,1), box-shadow .35s cubic-bezier(.25,.1,.25,1);
}
.topic-tile:hover{ transform:translateY(-3px); box-shadow:0 1px 1px rgba(0,0,0,.04), 0 18px 40px -18px rgba(0,0,0,.18); }
.topic-ico{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#1D1D1F;
  background:#F5F5F7;
  border:0;
}
.topic-tile strong{ display:block; font-family:'Inter', sans-serif; font-size:15px; font-weight:600; letter-spacing:-.02em; color:#1D1D1F; }
.topic-tile span{ display:block; margin-top:4px; color:#6E6E73; font-size:12px; line-height:1.35; }

.cine-stage{
  margin-top:22px;
  display:grid;
  grid-template-columns:1.35fr .95fr .78fr;
  gap:16px;
  align-items:stretch;
}
.glass{
  background:#fff;
  border:1px solid rgba(0,0,0,.04);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 1px 1px rgba(0,0,0,.03), 0 20px 50px -24px rgba(0,0,0,.18);
}
.lead-story{ position:relative; min-height:460px; display:flex; flex-direction:column; color:#fff; }
.lead-story picture{ position:absolute; inset:0; }
.lead-story img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
a.cine-cat{ display:inline-flex; align-items:center; }
.lead-story .shade{
  position:relative;
  z-index:1;
  margin-top:auto;
  width:100%;
  padding:28px;
  background:linear-gradient(180deg, transparent, rgba(4,8,16,.92) 42%);
}
.pill{
  display:inline-block;
  margin-bottom:12px;
  padding:4px 8px;
  border-radius:980px;
  background:#9E1B32;
  color:#fff;
  font-family:'IBM Plex Mono', monospace;
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
}
.lead-story h2{
  font-family:'Inter', sans-serif;
  font-weight:700;
  font-size:clamp(28px, 3vw, 40px);
  letter-spacing:-.035em;
  line-height:1.02;
  margin-bottom:10px;
}
.lead-story p{ color:#d5deea; font-size:14.5px; line-height:1.5; max-width:46ch; margin-bottom:16px; }
.stack-links{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.stack-links a{
  font-family:'Inter', sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:-.01em;
  color:#fff;
  background:rgba(0,0,0,.42);
  border:1px solid rgba(255,255,255,.45);
  border-radius:999px;
  padding:7px 12px;
}
.stack-links a:hover{ color:#fff; border-color:#FF453A; background:rgba(255,69,58,.18); }

.story-col{ display:grid; gap:16px; }
.side-story{ display:grid; grid-template-rows:118px auto; min-height:0; color:#1C1C1E; }
.side-story img{ width:100%; height:118px; object-fit:cover; }
.side-story div{ padding:16px 16px 18px; }
.side-story .kind{
  font-family:'Inter', sans-serif;
  font-size:12px;
  font-weight:600;
  letter-spacing:-.01em;
  text-transform:none;
  color:#6E6E73;
}
.side-story h3{
  font-family:'Inter', sans-serif;
  font-size:18px;
  letter-spacing:-.03em;
  line-height:1.2;
  margin:8px 0;
}
.side-story p{ color:#6E6E73; font-size:13px; line-height:1.45; }
.tags{ display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.tags span{
  font-size:12px;
  letter-spacing:-.01em;
  text-transform:none;
  color:#3A3A3C;
  background:#F5F5F7;
  border:0;
  border-radius:980px;
  padding:4px 8px;
}

.pulse{ padding:18px 18px 16px; display:flex; flex-direction:column; }
.sample-lead{
  margin:0 0 2px;
  font-family:'Inter', sans-serif;
  font-size:32px;
  font-weight:700;
  letter-spacing:-.04em;
  line-height:1;
  color:#9E1B32;
}
.pulse-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.pulse-head h2{ font-family:'Inter', sans-serif; font-size:14px; letter-spacing:.08em; }
.sample-badge{
  font-family:'Inter', sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:-.01em;
  color:#6E6E73;
  background:#F5F5F7;
  border:0;
  border-radius:980px;
  padding:4px 8px;
}
.idx{ display:flex; justify-content:space-between; gap:12px; padding:11px 0; border-top:1px solid rgba(28,28,30,.08); }
.idx b{ font-family:'Inter', sans-serif; font-size:13px; font-weight:600; }
.idx .n{ text-align:right; font-variant-numeric:tabular-nums; }
.idx .p{ font-family:'IBM Plex Mono', monospace; font-size:13px; }
.idx .d{ font-size:11px; color:#6E6E73; }
.pulse .note, .soon{
  margin-top:auto;
  padding-top:12px;
  color:#6E6E73;
  font-size:11.5px;
  line-height:1.45;
}

.cine-latest{ margin-top:34px; }
.latest-head{ display:flex; align-items:center; gap:16px; margin-bottom:14px; }
.latest-head h2{ font-family:'Inter', sans-serif; font-size:22px; letter-spacing:-.03em; white-space:nowrap; }
.latest-head a.view{ margin-left:auto; color:#1D1D1F; font-weight:600; font-size:13px; white-space:nowrap; }
.latest-head a.view:hover{ color:#9E1B32; }
body.cine .feed-filters{ margin:0; gap:6px; flex:1; }
body.cine .feed-filter{
  background:transparent;
  color:#1C1C1E;
  border:1px solid transparent;
  background:rgba(0,0,0,.04);
  font-family:'Inter', sans-serif;
  text-transform:none;
  letter-spacing:-.01em;
  font-weight:500;
  font-size:13px;
  padding:7px 14px;
  border-radius:980px;
}
body.cine .feed-filter.on{ background:#9E1B32; color:#fff; border-color:#9E1B32; }
.cine-row{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(210px,1fr);
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:8px;
}
.cine-card{
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  min-height:280px;
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(0,0,0,.04);
  color:#1D1D1F;
  text-align:left;
  box-shadow:0 1px 1px rgba(0,0,0,.03), 0 12px 28px -18px rgba(0,0,0,.16);
  transition:transform .35s cubic-bezier(.25,.1,.25,1), box-shadow .35s cubic-bezier(.25,.1,.25,1);
}
a.cine-card:hover{ transform:translateY(-3px); box-shadow:0 1px 1px rgba(0,0,0,.04), 0 18px 36px -16px rgba(0,0,0,.2); }
a.cine-card img{ transition:transform .6s cubic-bezier(.25,.1,.25,1); }
a.cine-card:hover img{ transform:scale(1.035); }
.cine-card img{ width:100%; height:132px; object-fit:cover; }
.cine-card .pad{ padding:12px 12px 14px; }
.cine-card h3{ font-family:'Inter', sans-serif; font-size:15px; letter-spacing:-.02em; line-height:1.25; }
.cine-card .meta{ margin-top:8px; color:#6E6E73; font-size:11.5px; }
.unpublished{ opacity:.72; cursor:default; }
body.cine #feedEmpty{ color:#6E6E73; margin:12px 0 0; }

.cine-split{
  margin-top:28px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:16px;
}
.split-card{ padding:28px; min-height:280px; display:flex; flex-direction:column; }
.split-card h2{ font-family:'Inter', sans-serif; font-size:28px; letter-spacing:-.03em; margin-bottom:8px; }
.split-card p{ color:#6E6E73; max-width:46ch; line-height:1.5; }
.guide-list{ display:grid; gap:10px; margin:18px 0 20px; }
.guide-list a{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:14px;
  background:#F5F5F7;
  border:1px solid transparent;
  font-weight:600;
  letter-spacing:-.01em;
  color:#1D1D1F;
  transition:background .2s ease, color .2s ease;
}
.guide-list a span{ color:#6E6E73; font-weight:500; font-size:12px; }
.guide-list a:hover{ background:#F8EEEE; color:#9E1B32; }
.mini-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:18px; }
.mini-grid a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border-radius:14px;
  background:#F5F5F7;
  border:1px solid transparent;
  font-weight:600;
  font-size:14px;
  letter-spacing:-.01em;
  color:#1D1D1F;
  transition:background .2s ease, color .2s ease;
}
.mini-grid a:hover{ background:#F8EEEE; color:#9E1B32; }

.cine-brief{
  position:relative;
  margin:48px 32px 8px;
  min-height:280px;
  border-radius:28px;
  overflow:hidden;
  display:grid;
  place-items:center;
  text-align:center;
}
.cine-brief img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.cine-brief .shade{
  position:relative;
  z-index:1;
  width:min(640px,100%);
  padding:48px 24px;
  background:linear-gradient(180deg, rgba(5,8,15,.2), rgba(5,8,15,.55));
}
.cine-brief h2{ font-family:'Inter', sans-serif; font-size:clamp(26px,3vw,40px); letter-spacing:-.03em; margin-bottom:8px; color:#fff; }
.cine-brief p{ color:#d5deea; margin-bottom:16px; }
.brief-form{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  margin:0 auto 12px;
  max-width:520px;
}
.brief-form input[type="email"]{
  flex:1 1 220px;
  min-height:46px;
  padding:0 16px;
  border-radius:980px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(5,8,15,.72);
  color:#fff;
  font:500 15px/1 'IBM Plex Sans', sans-serif;
}
.brief-form input[type="email"]::placeholder{ color:#9aabbe; }
.brief-error{ color:#ffb4a8; font-size:13px; }
.brief-fine{ color:#b7c6d6; font-size:12.5px; margin:0; }
.brief-fine a{ color:#fff; text-decoration:underline; }

body.cine footer{ border-top:1px solid rgba(0,0,0,.06); color:#6E6E73; background:#F5F5F7; }
body.cine footer .brand{ color:#1C1C1E; }
body.cine footer a, body.cine footer .foot-link{ color:#1C1C1E; }
body.cine footer a:hover, body.cine footer .foot-link:hover{ color:#9E1B32; }
body.cine footer h4{ color:#1C1C1E; }
body.cine .fine{ color:#6E6E73; }

body.cine .marketsec{ background:transparent; color:#1C1C1E; }
body.cine .market-eyebrow, body.cine .market-cat{ color:#6E6E73; }
body.cine .marketsec h2, body.cine .market-card h3{ color:#1C1C1E; }
body.cine .marketsec p, body.cine .foot-notice{ color:#6E6E73; }
body.cine .market-card{
  background:#fff;
  border:1px solid rgba(28,28,30,.08);
  border-radius:22px;
  box-shadow:0 1px 1px rgba(0,0,0,.03), 0 16px 36px -20px rgba(0,0,0,.16);
}
body.cine .market-tab{ background:rgba(0,0,0,.04); color:#1D1D1F; border-color:transparent; border-radius:980px; }
body.cine .market-tab.on{ background:#9E1B32; border-color:#9E1B32; color:#fff; }
body.cine .btn-line{ color:#9E1B32; border-color:rgba(158,27,50,.35); background:#fff; border-radius:980px; }
body.cine .btn-emerald{ background:#9E1B32; color:#fff; border:none; border-radius:980px; }
body.cine .btn-emerald:hover{ background:#7A1226; }
body.cine .market-full-link, body.cine .mu-links a{ color:#1D1D1F; }
body.cine .market-full-link:hover, body.cine .mu-links a:hover{ color:#9E1B32; }
body.cine .consent-banner{
  background:#fff;
  color:#1D1D1F;
  border-top:1px solid rgba(0,0,0,.08);
  box-shadow:0 -12px 40px rgba(0,0,0,.08);
  align-items:center;
}
body.cine .consent-banner h2{ font-family:'Inter', sans-serif; font-size:20px; font-weight:600; letter-spacing:-.03em; margin:0 0 6px; color:#1D1D1F; }
body.cine .consent-banner p, body.cine .consent-text{ color:#3A3A3C; font-size:15px; line-height:1.45; }
body.cine .consent-banner a{ color:#1D1D1F; text-decoration:underline; text-underline-offset:2px; }
body.cine .consent-actions .btn-primary{ background:#9E1B32; color:#fff; border-radius:980px; border:0; }
body.cine .consent-actions .btn-line{ border-radius:980px; background:#fff; color:#1D1D1F; border-color:rgba(0,0,0,.16); }
.tn-results, body.cine .tn-results{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  z-index:50;
  background:#fff;
  border-radius:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.12);
  padding:6px;
  text-align:left;
}
.tn-results a, body.cine .tn-results a{
  display:block;
  padding:10px 12px;
  border-radius:10px;
  color:#1D1D1F;
  font-family:'Inter', sans-serif;
  font-size:14px;
  font-weight:500;
  letter-spacing:-.01em;
}
.tn-results a:hover, body.cine .tn-results a:hover{ background:#F5F5F7; color:#9E1B32; }
body.cine .pref-modal, body.cine .pdf-modal, body.cine .cm-modal{ background:#fff; color:#1C1C1E; }

.mag-card[hidden], .cine-card[hidden]{ display:none !important; }

@media (max-width:1100px){
  .cine-util{ grid-template-columns:minmax(0,1fr) auto; }
  .cine-search{ grid-column:1 / -1; order:3; }
  .cine-hero{ grid-template-columns:1fr; min-height:0; }
  .cine-hero-side{ display:none; }
  .cine-hero-copy{ padding:64px 24px 48px; }
  .cine-topics{ grid-template-columns:repeat(3,1fr); }
  .cine-stage, .cine-split{ grid-template-columns:1fr; }
  .lead-story{ min-height:420px; }
}
@media (max-width:1000px){
  body.cine nav.nav{ position:static; }
  body.cine .nav-mobile-toggle{ color:#1D1D1F; }
  body.cine .nav-links.mobile-open{
    left:12px;
    right:12px;
    top:64px;
    border-radius:16px;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 12px 40px rgba(0,0,0,.08);
  }
  body.cine .nav-links.mobile-open a{ color:#1D1D1F; border-bottom-color:rgba(0,0,0,.06); }
}
.menu-signin{ display:none; }
.mem-short{ display:none; }
@media (max-width:720px){
  .cine-util{ padding:12px 16px; }
  .cine-wrap{ padding:20px 16px 0; }
  body.cine .nav-right .signin{ display:none; }
  body.cine .mem-btn{ white-space:nowrap; flex:none; padding:8px 12px; }
  .cine-util{ width:100%; max-width:100%; box-sizing:border-box; }
  body.cine .nav, body.cine .nav-right, .cine-hero, .cine-hero-copy{ min-width:0; }
  .cine-hero{ grid-template-columns:minmax(0,1fr); width:100%; }
  .cine-hero-copy{ width:100%; box-sizing:border-box; }
  .cine-kicker, .cine-hero .lede{ max-width:100%; }
  .nav-links.mobile-open .menu-signin{
    display:block;
    width:100%;
    text-align:left;
    background:none;
    border:0;
    padding:12px 4px 4px;
    font-size:16px;
  }
  .cine-hero{ align-items:start; min-height:0; overflow:visible; }
  .cine-hero-copy{ padding:32px 20px 36px; max-width:100%; }
  .cine-hero h1{ max-width:100%; font-size:34px; letter-spacing:-.03em; }
  .cine-actions{ flex-direction:column; align-items:stretch; }
  .cine-btn{ justify-content:center; width:100%; }
  body.cine .consent-banner{ padding:14px 16px 16px; flex-direction:column; align-items:stretch; gap:12px; box-sizing:border-box; width:100%; max-width:100%; }
  body.cine .consent-banner h2{ font-size:17px; }
  body.cine .consent-banner p, body.cine .consent-text{ font-size:13px; margin:0; min-width:0; width:100%; }
  body.cine .consent-actions{ width:100%; display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; }
  body.cine .consent-actions .btn{ width:100%; min-width:0; padding:10px 0; font-size:13px; }
  .cine-topics{ grid-template-columns:1fr 1fr; }
  .topic-tile{ min-height:0; }
  .cine-hero h1{ font-size:34px; }
  .latest-head{ align-items:flex-start; flex-direction:column; }
  .cine-brief{ margin:28px 16px 0; }
  body.cine .nav-links.mobile-open{
    background:#fff;
    border:1px solid rgba(28,28,30,.1);
    color:#1C1C1E;
    border-radius:14px;
    top:calc(100% + 8px);
  }
}
@media (max-width:480px){
  .mem-full{ display:none; }
  .mem-short{ display:inline; }
  body.cine .brand{ font-size:17px; }
  body.cine .mem-btn{ padding:8px 12px; }
}
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .cine-card, .topic-tile, .cine-btn{ transition:none; }
}