/* =====================================================================
   FilmIndonesia.co.id -- Editorial theme (IndieWire-style), 2026
   ---------------------------------------------------------------------
   White & red, magazine layout.
   Headlines : Source Serif 4        (serif, like a newspaper headline)
   Labels    : Roboto Condensed      (kickers, section titles, lists)
   Text / UI : Figtree
   All page-level rules are scoped under #fi-page (wrapper opened in
   includes/header.php) so they beat the small <style> blocks that PHP
   helper functions print.
   ===================================================================== */

:root{
  --red:#E1262D; --red-logo:#FF3131; --red-dark:#B8141B; --orange:#FF5B00;
  --black:#111111; --ink:#111111; --text:#222222; --grey:#666666; --grey-2:#8A8A8A; --grey-bg:#F3F3F1; --grey-bg-2:#E9E9E6;
  --line:#DDDDDA; --line-2:#C9C9C5;
  --good:#1B7A3D; --bad:#C0392B; --emerald:#1B4D3E;
  --serif:'Source Serif 4', Georgia, 'Times New Roman', serif;
  --cond:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
  --sans:'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --wrap:1400px; --gutter:24px;
  /* legacy names used by older inline styles */
  --gold:var(--red); --gold-light:#FF6B6B; --stone:var(--grey); --cream:#fff;
  --mono:var(--cond); --display:var(--serif); --paper:#fff; --paper-2:var(--grey-bg); --paper-3:var(--grey-bg-2); --line-strong:var(--line-2);
  --night:#111; --night-2:#1C1C1C; --night-3:#2A2A2A; --night-line:rgba(255,255,255,.12); --on-night:#F2F2F2; --on-night-2:#B5B5B5;
  --gold-wash:#FFF0EE; --gold-deep:var(--red-dark); --r-sm:0; --r:0; --r-lg:0; --shadow-sm:none; --shadow:0 14px 30px -18px rgba(0,0,0,.4);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{ margin:0; background:#fff; color:var(--text); font-family:var(--sans); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; }
button, input, select, textarea{ font-family:inherit; }
::selection{ background:var(--red); color:#fff; }
:focus-visible{ outline:2px solid var(--red); outline-offset:2px; }
.iw-wrap, #fi-page .wrap{ max-width:var(--wrap); margin:0 auto; padding:0 var(--gutter); }
@media (max-width:760px){ :root{ --gutter:16px; } }
#fi-page{ min-height:40vh; }

/* ---------------- editorial primitives ---------------- */
.iw-kicker{ display:inline-block; font-family:var(--cond); font-weight:700; font-size:15px; line-height:1.15; letter-spacing:.01em; text-transform:uppercase; color:var(--red);
  padding-bottom:3px; background:linear-gradient(90deg, var(--red-logo), var(--orange)) left bottom / 100% 3px no-repeat; }
.iw-kicker:hover{ color:var(--red-dark); }
.iw-h{ margin:8px 0 0; font-family:var(--serif); font-weight:600; color:var(--black); line-height:1.12; letter-spacing:-.005em; text-wrap:balance; }
.iw-h a:hover{ color:var(--red); }
.iw-hc{ font-family:var(--cond); font-weight:700; letter-spacing:-.005em; line-height:1.15; color:var(--black); }
.iw-dek{ margin:10px 0 0; font-size:16.5px; line-height:1.5; color:#333; }
.iw-by{ margin-top:10px; font-family:var(--sans); font-size:12.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--black); }
.iw-by a:hover{ color:var(--red); }
.iw-date{ margin-top:6px; font-size:12px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--grey); }
.iw-img{ position:relative; display:block; overflow:hidden; background:var(--grey-bg); aspect-ratio:16/9; }
.iw-img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease, opacity .3s; }
.iw-img:hover img{ transform:scale(1.03); }
.iw-noimg{ display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#1a1a1a,#3a1214); }
.iw-noimg span{ font-family:var(--serif); font-weight:700; font-size:2.4rem; color:rgba(255,255,255,.2); }
.iw-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; height:46px; padding:0 24px; border:0; background:var(--black); color:#fff;
  font-family:var(--cond); font-weight:700; font-size:18px; letter-spacing:-.005em; text-transform:uppercase; cursor:pointer; transition:background .15s; }
.iw-btn:hover{ background:var(--red); }
.iw-btn.red{ background:var(--red); } .iw-btn.red:hover{ background:var(--black); }
.iw-btn.ghost{ background:#fff; color:var(--black); box-shadow:inset 0 0 0 2px var(--black); }
.iw-btn.ghost:hover{ background:var(--black); color:#fff; }
.iw-btn svg{ width:18px; height:18px; }

/* dotted rules (IndieWire signature) */
.iw-dots-v{ position:relative; }
.iw-dots-v::before{ content:""; position:absolute; top:0; bottom:0; left:calc(var(--gap, 40px) / -2); width:2px;
  background-image:radial-gradient(circle, var(--black) 1px, transparent 1.3px); background-size:2px 8px; background-repeat:repeat-y; }
.iw-dots-h{ height:2px; background-image:radial-gradient(circle, var(--black) 1px, transparent 1.3px); background-size:8px 2px; background-repeat:repeat-x; border:0; margin:28px 0; }

/* section titles */
.iw-sec{ padding-top:44px; }
.iw-sec-head{ text-align:center; padding-top:26px; border-top:3px solid var(--black); margin-bottom:28px; }
.iw-sec-head h2{ margin:0; font-family:var(--cond); font-weight:700; font-size:clamp(2rem,3.4vw,2.9rem); line-height:1.02; letter-spacing:-.015em; color:var(--black); }
.iw-sec-head h2 a:hover{ color:var(--red); }
.iw-sec-head p{ margin:8px 0 0; font-size:18px; color:#333; }
.iw-sec-head.left{ text-align:left; }
.iw-sec-head.lined{ border-top:0; padding-top:0; display:flex; align-items:center; gap:22px; }
.iw-sec-head.lined::before, .iw-sec-head.lined::after{ content:""; flex:1; height:3px; background:var(--black); }
.iw-sec-more{ display:inline-flex; align-items:center; gap:8px; margin-top:12px; font-family:var(--cond); font-weight:700; font-size:15px; text-transform:uppercase; color:var(--red); }
.iw-sec-more:hover{ color:var(--black); }

/* ---------------- ads ---------------- */
.fi-ad{ text-align:center; margin:0 auto; }
.fi-ad-label{ display:block; font-size:10.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--grey-2); margin-bottom:6px; }
.fi-ad-body{ display:flex; justify-content:center; }
.fi-ad-body img{ display:block; max-width:100%; height:auto; }
.fi-ad-band{ padding:18px 0; border-bottom:1px solid var(--line); background:#fafaf8; }
.fi-ad--home_after_section_1, .fi-ad--home_after_section_2, .fi-ad--home_after_section_3, .fi-ad--home_after_section_4{ padding:34px 0 0; }
.fi-ad--article_top, .fi-ad--article_inline_1, .fi-ad--article_inline_2, .fi-ad--article_bottom{ margin:28px auto; padding:14px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.fi-ad--footer_banner{ padding:30px 0 0; }
.fi-ad--mobile_anchor{ display:none; }
@media (min-width:901px){ .fi-ad--mobile{ display:none !important; } }
@media (max-width:900px){
  .fi-ad--desktop{ display:none !important; }
  .fi-ad--mobile_anchor{ display:block; position:fixed; left:0; right:0; bottom:0; z-index:80; background:#fff; border-top:1px solid var(--line); padding:4px 0; box-shadow:0 -6px 20px rgba(0,0,0,.08); }
  .fi-ad--mobile_anchor .fi-ad-label{ display:none; }
}

/* =====================================================================
   HEADER
   ===================================================================== */
.iw-top{ border-bottom:1px solid var(--line); background:#fff; }
.iw-top-in{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; height:104px; }
.iw-tip, .iw-top-r > a{ font-family:var(--cond); font-weight:700; font-size:16px; text-transform:uppercase; color:var(--black); letter-spacing:.01em; }
.iw-tip:hover, .iw-top-r > a:hover{ color:var(--red); }
.iw-logo-big img{ height:58px; width:auto; display:block; }
.iw-top-r{ display:flex; align-items:center; justify-content:flex-end; gap:18px; }
.iw-top-r .social-icons{ gap:4px; }
.iw-top-r .social-icons a{ width:30px; height:30px; background:none !important; color:var(--black); border-radius:50%; }
.iw-top-r .social-icons a:hover{ color:var(--red); background:var(--grey-bg) !important; }
.iw-top-r .social-icons a svg{ width:15px; height:15px; }

.iw-nav{ position:sticky; top:0; z-index:90; background:#fff; border-bottom:1px solid var(--line); box-shadow:0 1px 0 rgba(0,0,0,.02); transition:box-shadow .2s; }
.iw-nav.is-stuck{ box-shadow:0 6px 18px -10px rgba(0,0,0,.25); }
.iw-nav-in{ display:flex; align-items:stretch; height:60px; }
.iw-burger{ display:flex; align-items:center; justify-content:center; width:44px; padding:0; border:0; background:none; cursor:pointer; flex-shrink:0; }
.iw-burger span{ display:block; width:24px; height:3px; background:var(--black); position:relative; }
.iw-burger span::before, .iw-burger span::after{ content:""; position:absolute; left:0; width:24px; height:3px; background:var(--black); }
.iw-burger span::before{ top:-8px; } .iw-burger span::after{ top:8px; }
.iw-logo-mini{ display:none; align-items:center; padding:0 22px 0 0; margin-right:4px; border-right:1px solid var(--line); flex-shrink:0; }
.iw-logo-mini img{ height:30px; width:auto; display:block; }
.iw-nav.is-stuck .iw-logo-mini{ display:flex; order:-1; }
.iw-nav.is-stuck .iw-burger{ order:0; margin-right:6px; }
.iw-menu{ flex:1; display:flex; align-items:center; justify-content:center; gap:4px; min-width:0; overflow:hidden; }
.iw-menu a{ position:relative; padding:0 11px; height:60px; display:flex; align-items:center; font-family:var(--sans); font-weight:600; font-size:15px; letter-spacing:.06em; text-transform:uppercase; color:var(--black); white-space:nowrap; }
.iw-menu a:hover{ color:var(--red); }
.iw-menu a.is-active::after{ content:""; position:absolute; left:11px; right:11px; bottom:0; height:3px; background:linear-gradient(90deg,var(--red-logo),var(--orange)); }
.iw-menu .iw-menu-hot{ color:var(--red); }
.iw-nav-r{ display:flex; align-items:center; gap:6px; flex-shrink:0; }
.iw-nav-news{ display:none; align-items:center; height:60px; padding:0 18px; border-left:1px solid var(--line); font-family:var(--cond); font-weight:700; font-size:16px; text-transform:uppercase; color:var(--black); }
.iw-nav-news:hover{ color:var(--red); }
.iw-nav.is-stuck .iw-nav-news{ display:flex; }
.iw-search-btn{ display:flex; align-items:center; justify-content:center; width:44px; height:60px; border:0; background:none; cursor:pointer; color:var(--black); }
.iw-search-btn:hover{ color:var(--red); }
.iw-search-btn svg{ width:22px; height:22px; }
.iw-search{ display:none; border-top:1px solid var(--line); background:#fff; }
.iw-search.open{ display:block; }
.iw-search form{ position:relative; display:flex; align-items:center; gap:12px; max-width:880px; margin:0 auto; padding:16px var(--gutter); }
.iw-search input{ flex:1; height:52px; border:0; border-bottom:3px solid var(--black); font-family:var(--serif); font-size:24px; outline:none; background:none; color:var(--black); }
.iw-search input::placeholder{ color:#aaa; }
.iw-search button[type=submit]{ height:46px; }
.iw-suggest{ display:none; position:absolute; top:calc(100% - 6px); left:var(--gutter); right:var(--gutter); background:#fff; border:1px solid var(--line); box-shadow:0 18px 40px -16px rgba(0,0,0,.35); max-height:430px; overflow-y:auto; z-index:95; }
.iw-suggest a{ display:flex; gap:12px; align-items:center; padding:9px 16px; border-bottom:1px solid #f0f0ee; }
.iw-suggest a:hover{ background:var(--grey-bg); }
.iw-suggest img{ width:34px; height:50px; object-fit:cover; background:var(--grey-bg); flex-shrink:0; }
.iw-suggest .s-name{ display:block; font-family:var(--cond); font-weight:700; font-size:17px; color:var(--black); }
.iw-suggest .s-meta{ display:block; font-size:12px; color:var(--grey); }
.iw-suggest .s-group{ font-family:var(--cond); font-weight:700; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--red); padding:12px 16px 4px; }
.iw-subnav{ display:none; }

@media (max-width:1180px){ .iw-menu a{ padding:0 8px; font-size:14px; letter-spacing:.04em; } .iw-menu a.iw-opt{ display:none; } }
@media (max-width:900px){
  .iw-top{ display:none; }
  .iw-nav-in{ height:56px; }
  .iw-logo-mini{ display:flex !important; flex:1; justify-content:center; border:0; padding:0; margin:0; order:0 !important; }
  .iw-logo-mini img{ height:26px; }
  .iw-menu, .iw-nav-news{ display:none !important; }
  .iw-burger{ order:-1 !important; margin:0 !important; }
  .iw-search-btn{ height:56px; }
  .iw-subnav{ display:block; border-top:1px solid var(--line); }
  .iw-subnav-in{ display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; padding:0 var(--gutter); }
  .iw-subnav-in::-webkit-scrollbar{ display:none; }
  .iw-subnav a{ flex-shrink:0; padding:10px 10px; font-weight:700; font-size:13px; letter-spacing:.05em; text-transform:uppercase; color:var(--black); }
  .iw-subnav a.is-active{ color:var(--red); }
  .iw-search input{ font-size:19px; }
}

/* slide-out menu */
.hamburger-panel{ position:fixed; inset:0; z-index:150; display:none; background:rgba(0,0,0,.45); }
.hamburger-panel.open{ display:block; }
.hamburger-panel-inner{ position:absolute; top:0; left:0; bottom:0; width:92%; max-width:420px; background:#fff; overflow-y:auto; padding:18px 26px 40px; animation:iwSlide .25s ease; }
@keyframes iwSlide{ from{ transform:translateX(-30px); opacity:.3 } to{ transform:none; opacity:1 } }
.iw-panel-head{ display:flex; align-items:center; justify-content:space-between; padding-bottom:16px; border-bottom:3px solid var(--black); margin-bottom:18px; }
.iw-panel-head img{ height:28px; }
.hamburger-panel-close{ width:40px; height:40px; border:0; background:var(--grey-bg); font-size:26px; line-height:1; cursor:pointer; }
.iw-panel-search{ display:flex; border:2px solid var(--black); margin-bottom:22px; }
.iw-panel-search input{ flex:1; height:46px; border:0; padding:0 14px; font-size:15px; outline:none; }
.iw-panel-search button{ width:50px; border:0; background:var(--black); color:#fff; cursor:pointer; }
.iw-panel-group{ font-family:var(--cond); font-weight:700; font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--red); margin:22px 0 6px; }
.iw-panel-links a{ display:block; padding:9px 0; font-family:var(--cond); font-weight:700; font-size:22px; line-height:1.2; color:var(--black); border-bottom:1px solid #eee; }
.iw-panel-links a:hover{ color:var(--red); }
.iw-panel-links.small a{ font-family:var(--sans); font-weight:600; font-size:15px; }
.social-icons{ display:flex; align-items:center; gap:8px; }
.social-icons a{ display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:var(--black) !important; color:#fff; flex-shrink:0; line-height:0; transition:background .15s; }
.social-icons a:hover{ background:var(--red) !important; }
.social-icons a svg{ width:16px; height:16px; }
.social-icons-hamburger{ margin-top:26px; flex-wrap:wrap; }

/* =====================================================================
   FOOTER
   ===================================================================== */
.iw-footer{ margin-top:70px; border-top:3px solid var(--black); background:#fff; }
.iw-foot-top{ display:grid; grid-template-columns:1.4fr repeat(4, 1fr); gap:34px; padding:40px 0 34px; }
.iw-foot-brand img{ height:40px; width:auto; }
.iw-foot-brand p{ margin:14px 0 18px; font-size:14px; color:#444; max-width:320px; }
.iw-footer h4{ margin:4px 0 12px; font-family:var(--cond); font-weight:700; font-size:16px; text-transform:uppercase; color:var(--black); }
.iw-foot-col a{ display:block; padding:4px 0; font-size:14.5px; color:#333; }
.iw-foot-col a:hover{ color:var(--red); }
.iw-foot-bar{ background:var(--black); color:#bbb; font-size:13px; }
.iw-foot-bar .iw-wrap{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 24px; padding-top:16px; padding-bottom:16px; }
.iw-foot-bar a{ color:#ddd; } .iw-foot-bar a:hover{ color:#fff; }
.footer-menu{ display:flex; flex-wrap:wrap; gap:6px 20px; }
@media (max-width:1000px){ .iw-foot-top{ grid-template-columns:1fr 1fr; } .iw-foot-brand{ grid-column:1/-1; } }
@media (max-width:900px){ body.has-anchor-ad{ padding-bottom:60px; } }

/* newsletter / breaking block */
.iw-news{ position:relative; overflow:hidden; display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; padding:30px 34px; background:#FBF4EC; }
.iw-news::after{ content:""; position:absolute; right:-10%; top:-40%; width:60%; height:180%; background:linear-gradient(90deg, var(--red-logo), var(--orange)); transform:skewX(-28deg); opacity:.9; z-index:0; }
.iw-news > *{ position:relative; z-index:1; }
.iw-news h2{ margin:0; font-family:var(--serif); font-weight:700; font-size:clamp(1.8rem,3vw,2.5rem); color:var(--black); }
.iw-news p{ margin:4px 0 0; font-size:17px; color:#222; }
.iw-news form{ display:flex; gap:0; background:#fff; padding:6px; box-shadow:0 10px 30px -12px rgba(0,0,0,.35); }
.iw-news input[type=email]{ flex:1; min-width:0; height:48px; border:0; border-bottom:2px solid #999; padding:0 12px; font-size:16px; outline:none; }
.iw-news .iw-news-note{ grid-column:2; margin-top:-16px; font-size:12px; color:#fff; }
.iw-news .iw-news-ok{ font-weight:700; color:var(--good); }
.iw-news-follow{ display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.iw-news-follow a{ display:inline-flex; align-items:center; gap:6px; padding:7px 12px; background:var(--black); color:#fff; font-size:12.5px; font-weight:700; }
.iw-news-follow a:hover{ background:var(--red); }
@media (max-width:820px){ .iw-news{ grid-template-columns:1fr; padding:26px 20px; } .iw-news::after{ opacity:.18; } .iw-news .iw-news-note{ grid-column:1; margin-top:-12px; color:#555; } }

/* =====================================================================
   SIDEBAR WIDGETS (homepage + article)
   ===================================================================== */
.iw-latest{ border-left:3px solid var(--black); border-right:3px solid var(--black); padding:0 28px 26px; text-align:center; }
.iw-latest h2{ margin:0 0 16px; font-family:var(--cond); font-weight:700; font-size:36px; line-height:1; color:var(--black); }
.iw-latest-item{ padding:14px 0 16px; }
.iw-latest-item + .iw-latest-item{ background:radial-gradient(circle, var(--black) 1px, transparent 1.3px) top / 8px 2px repeat-x; }
.iw-latest-item h3{ margin:8px 0 6px; font-family:var(--cond); font-weight:600; font-size:22px; line-height:1.18; color:var(--black); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.iw-latest-item h3 a:hover{ color:var(--red); }
.iw-latest .iw-btn{ margin-top:10px; }
.iw-side-sticky{ position:sticky; top:84px; }
.iw-side-sticky > * + *{ margin-top:30px; }
.iw-pop h2{ margin:0 0 6px; padding-top:14px; border-top:3px solid var(--black); font-family:var(--cond); font-weight:700; font-size:28px; color:var(--black); }
.iw-pop ol{ list-style:none; margin:0; padding:0; counter-reset:pop; }
.iw-pop li{ counter-increment:pop; display:grid; grid-template-columns:40px 1fr; gap:10px; padding:14px 0; border-bottom:1px solid var(--line); }
.iw-pop li::before{ content:counter(pop); font-family:var(--serif); font-weight:700; font-size:30px; line-height:1; color:var(--red); }
.iw-pop li a{ font-family:var(--cond); font-weight:600; font-size:19px; line-height:1.2; color:var(--black); }
.iw-pop li a:hover{ color:var(--red); }

/* =====================================================================
   HELPER-FUNCTION MARKUP OVERRIDES
   ===================================================================== */
/* score ring */
.fi-score{ display:inline-flex; align-items:center; gap:7px; vertical-align:middle; }
.fi-ring{ --c:var(--red); position:relative; display:inline-grid; place-items:center; width:38px; height:38px; border-radius:50%; flex-shrink:0;
  background:conic-gradient(var(--c) calc(var(--p) * 1%), #E3E3DF 0); }
.fi-ring::before{ content:""; position:absolute; inset:4px; border-radius:50%; background:#fff; }
.fi-ring b{ position:relative; font-family:var(--cond); font-size:13px; font-weight:700; color:var(--black); }
.fi-ring b small{ font-size:8px; margin-left:1px; }
.fi-score .lbl{ font-family:var(--cond); font-weight:700; font-size:13px; text-transform:uppercase; color:var(--black); }
.fi-score.t1 .fi-ring{ --c:#C0392B; } .fi-score.t2 .fi-ring{ --c:#F08A12; } .fi-score.t3 .fi-ring{ --c:#D4B106; } .fi-score.t4 .fi-ring{ --c:#6FA83A; } .fi-score.t5 .fi-ring{ --c:#1B7A3D; }
.fi-trend{ font-family:var(--cond); font-size:13px; font-weight:700; }
.fi-trend.up{ color:var(--good); } .fi-trend.down{ color:var(--bad); } .fi-trend.flat{ color:var(--grey-2); }
.fi-tm{ font-size:.45em; vertical-align:super; margin-left:1px; }

/* FilmMeter search widget */
#fi-page .fms-section{ padding:0; border:0; text-align:left; background:none; }
#fi-page .fms-section > .wrap{ padding:0; max-width:none; }
#fi-page .fms-inner{ max-width:none; margin:0; }
#fi-page .fms-title{ font-family:var(--cond); font-weight:700; font-size:clamp(1.7rem,2.6vw,2.3rem); line-height:1.05; color:var(--black); margin:0 0 6px; }
#fi-page .fms-desc{ font-family:var(--sans); font-size:16px; color:#444; margin:0 0 22px; }
#fi-page .fms-rows-grid{ display:grid; grid-template-columns:1fr 1fr; column-gap:36px; row-gap:4px; }
#fi-page .fms-row{ margin:0 0 16px; }
#fi-page .fms-label{ font-family:var(--cond); font-weight:700; font-size:17px; text-transform:uppercase; color:var(--black); }
#fi-page .fms-status{ font-size:12px; color:var(--grey); }
#fi-page .fms-row.active .fms-status{ color:var(--red); font-weight:700; }
#fi-page .fms-bar-wrap{ height:10px; border-radius:0; opacity:.3; }
#fi-page .fms-row.active .fms-bar-wrap{ opacity:1; }
#fi-page .fms-pointer{ border-top-color:var(--black); }
#fi-page .fms-scale{ font-size:11.5px; color:var(--grey); }
#fi-page .fms-platform-picker{ max-width:none; margin:8px 0 0; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
#fi-page .fms-platform-label{ display:inline; margin:0; font-family:var(--cond); font-weight:700; font-size:16px; text-transform:uppercase; }
#fi-page .fms-platform-btn{ width:auto; min-width:220px; height:44px; border-radius:0; border:2px solid var(--black); font-family:var(--sans); font-weight:600; }
#fi-page .fms-platform-menu{ right:auto; min-width:260px; border-radius:0; border:2px solid var(--black); }
#fi-page .fms-submit{ margin-top:18px; height:48px; padding:0 28px; border-radius:0; background:var(--red); font-family:var(--cond); font-weight:700; font-size:18px; text-transform:uppercase; }
#fi-page .fms-submit:hover{ background:var(--black); }
@media (max-width:640px){ #fi-page .fms-rows-grid{ grid-template-columns:1fr; } }

/* FilmMeter badge on poster cards */
#fi-page .fm-badge{ margin-top:8px; }
#fi-page .fm-badge-head{ display:flex; align-items:center; gap:8px; margin-bottom:7px; }
#fi-page .fm-badge-title{ font-family:var(--cond); font-weight:700; font-size:12px; text-transform:uppercase; color:var(--grey); margin:0; }
#fi-page .fm-badge-head .fi-ring{ width:32px; height:32px; } #fi-page .fm-badge-head .fi-ring b{ font-size:11px; }
#fi-page .fm-badge-label{ font-size:11.5px; color:var(--grey); margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#fi-page .fm-badge-bar{ height:5px; border-radius:0; }
#fi-page .fm-badge-tick{ top:-5px; border-left-width:4px; border-right-width:4px; border-top:7px solid var(--black); }
#fi-page .fm-badge-tick-hype{ top:-14px; border:none; }
#fi-page .rr-match-pct{ font-family:var(--cond); font-weight:700; color:var(--good); }
#fi-page .rr-match-value{ color:var(--red); }
#fi-page .syn-toggle, #fi-page .syn-link-out{ color:var(--red); font-weight:700; }

/* pagination / load more */
#fi-page .pagination{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:40px 0 0; }
#fi-page .pagination a, #fi-page .pagination span{ min-width:42px; height:42px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; border-radius:0;
  border:2px solid var(--black); background:#fff; font-family:var(--cond); font-weight:700; font-size:16px; color:var(--black); }
#fi-page .pagination a:hover{ background:var(--black); color:#fff; }
#fi-page .pagination .current{ background:var(--red); border-color:var(--red); color:#fff; }
#fi-page .pagination .page-ellipsis{ border:0; min-width:0; }
#fi-page .load-more-btn{ height:46px; padding:0 26px; border-radius:0; border:0; background:var(--black); color:#fff; font-family:var(--cond); font-weight:700; font-size:17px; text-transform:uppercase; }

/* trivia */
#fi-page .trivia-question h3{ font-family:var(--serif); font-weight:600; font-size:1.3rem; color:var(--black); }
#fi-page .trivia-option{ border-radius:0; border:2px solid var(--line); font-size:15px; }
#fi-page .trivia-option:hover{ border-color:var(--black); }
#fi-page .trivia-result{ border-radius:0; border:3px solid var(--black); }
#fi-page .trivia-result-score{ font-family:var(--serif); }

#fi-page .auto-keyword-link{ color:var(--red); font-weight:600; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; border:0; }
#fi-page .empty{ color:var(--grey); }

/* =====================================================================
   DATABASE & COMMUNITY PAGES (title, people, lists, box office, ...)
   Layered over each page's own <style> block via the #fi-page scope.
   ===================================================================== */
#fi-page main{ max-width:var(--wrap); }
#fi-page main > h1, #fi-page .jp-layout h1, #fi-page .trivia-list-wrap h1, #fi-page .sp-heading-wrap h1{
  font-family:var(--cond); font-weight:700; font-size:clamp(2.3rem,4.6vw,3.6rem); line-height:1; letter-spacing:-.015em; color:var(--black);
  padding-top:18px; border-top:3px solid var(--black); margin-top:0; background:none; }
#fi-page .sp-heading-wrap h1{ border:0; padding:0; }
#fi-page main > .desc, #fi-page .jp-layout .desc, #fi-page .top-sub, #fi-page .intro, #fi-page .subtitle, #fi-page .rr-summary{ font-family:var(--sans); font-size:17px; color:#333; line-height:1.55; }
#fi-page .back-link, #fi-page .trivia-back-link{ font-weight:700; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--grey); }
#fi-page .back-link:hover, #fi-page .trivia-back-link:hover{ color:var(--red); }
#fi-page .section-heading, #fi-page .section-title{ font-family:var(--cond); font-weight:700; font-size:22px; letter-spacing:0; text-transform:none; color:var(--black); padding-top:12px; border-top:3px solid var(--black); }

/* poster grids */
#fi-page .grid, #fi-page .title-grid, #fi-page .result-grid, #fi-page .latest-grid{ gap:30px 22px; }
#fi-page .card img, #fi-page .title-card img, #fi-page .result-card img, #fi-page .latest-grid img, #fi-page .grid-cards img{ border-radius:0; box-shadow:none; transition:opacity .2s; }
#fi-page .card:hover img, #fi-page .title-card:hover img, #fi-page .result-card:hover img{ opacity:.9; }
#fi-page .card .name, #fi-page .title-card .name, #fi-page .result-card .name, #fi-page .latest-grid .name, #fi-page .grid-cards .gc-name{ font-family:var(--cond); font-weight:700; font-size:18px; line-height:1.2; color:var(--black); margin-top:10px; }
#fi-page .card:hover .name, #fi-page .title-card:hover .name, #fi-page .result-card:hover .name{ color:var(--red); }
#fi-page .card .meta, #fi-page .title-card .year, #fi-page .result-card .meta, #fi-page .latest-grid .year{ font-size:13px; color:var(--grey); }

/* tabs, pills, filters */
#fi-page .filter-tabs a, #fi-page .filter-bar a, #fi-page .genre-pills a{ border-radius:0; border:2px solid var(--black); background:#fff; color:var(--black); font-family:var(--sans); font-weight:700; font-size:13px; letter-spacing:.05em; text-transform:uppercase; padding:7px 14px; }
#fi-page .filter-tabs a:hover, #fi-page .filter-bar a:hover, #fi-page .genre-pills a:hover{ background:var(--black); color:#fff; }
#fi-page .filter-tabs a.active, #fi-page .filter-bar a.active{ background:var(--red); border-color:var(--red); color:#fff; }
#fi-page.pg-article_browse .filter-tabs a{ border:0; padding:4px 0; background:none; }
#fi-page.pg-article_browse .filter-tabs a.active{ background:none; color:var(--red); }
#fi-page .filter-bar select, #fi-page select#yearPicker, #fi-page select#periodPicker, #fi-page input#periodPickerMobile{ border-radius:0; border:2px solid var(--black); font-family:var(--sans); font-weight:700; color:var(--black); background:#fff; }
#fi-page .rr-pill{ border-radius:0; background:var(--grey-bg); border-left:3px solid var(--red); }
#fi-page .alpha-row a{ border-radius:0; border:1px solid var(--line-2); font-family:var(--cond); font-weight:700; font-size:15px; color:var(--black); }
#fi-page .alpha-row a.active, #fi-page .alpha-row a:hover{ background:var(--black); color:#fff; border-color:var(--black); }
#fi-page .person-card img{ width:110px; height:110px; }
#fi-page .person-card .name{ font-family:var(--cond); font-weight:700; font-size:17px; color:var(--black); }
#fi-page .person-card:hover .name{ color:var(--red); }
#fi-page .fms-section{ background:var(--grey-bg); padding:26px 28px; margin:26px 0; border-top:3px solid var(--black); }
#fi-page .iw-db-finder .fms-section{ background:none; padding:0; margin:0; border:0; }
#fi-page .sp-heading-wrap img{ border:1px solid var(--line); padding:6px 10px; height:50px; background:#fff; }
#fi-page .sp-count{ font-family:var(--cond); font-weight:700; font-size:16px; text-transform:uppercase; color:var(--red); }

/* Top Directors / Actors */
#fi-page .top-row{ display:grid; grid-template-columns:56px 56px minmax(0,1fr); gap:16px; align-items:center; padding:18px 6px; border-bottom:0; }
#fi-page .top-row + .top-row{ background:radial-gradient(circle, var(--black) 1px, transparent 1.3px) top / 8px 2px repeat-x; }
#fi-page .top-row:hover .top-name{ color:var(--red); }
#fi-page .top-rank{ width:auto; font-family:var(--serif); font-weight:700; font-size:30px; color:var(--black); text-align:center; }
#fi-page .top-rank.top3{ color:var(--red); font-size:36px; }
#fi-page .top-avatar{ width:56px; height:56px; }
#fi-page .top-name{ font-family:var(--cond); font-weight:700; font-size:22px; color:var(--black); }
#fi-page .top-meta{ font-size:13px; color:var(--grey); }
#fi-page .top-move{ font-family:var(--cond); font-size:14px; }
#fi-page .lb-pill-track{ height:20px; border-radius:0; background:var(--grey-bg-2); margin-top:8px; }
#fi-page .lb-pill-fill{ border-radius:0; }
#fi-page .lb-pill-fill .lb-index-label{ font-family:var(--cond); font-size:10px; letter-spacing:.06em; }
#fi-page .lb-pill-fill .lb-score-value{ font-family:var(--cond); font-size:13px; }

/* Jumlah Penonton tables */
#fi-page table.chart, #fi-page table.yearchart{ border-collapse:collapse; }
#fi-page table.chart th, #fi-page table.yearchart th{ font-family:var(--cond); font-weight:700; font-size:14px; letter-spacing:.02em; color:var(--black); border-bottom:3px solid var(--black); background:#fff; }
#fi-page table.chart td, #fi-page table.yearchart td{ border-bottom:1px solid var(--line); padding:14px 10px; }
#fi-page table.chart tr:hover td, #fi-page table.yearchart tr:hover td{ background:#fafaf8; }
#fi-page .rank-cell, #fi-page .rank-num{ font-family:var(--serif); font-weight:700; font-size:24px; color:var(--black); }
#fi-page .film-cell img{ border-radius:0; width:48px; }
#fi-page .film-cell .name{ font-family:var(--cond); font-weight:700; font-size:18px; color:var(--black); }
#fi-page a.film-cell:hover .name{ color:var(--red); }
#fi-page .num-cell, #fi-page .rank-count .num{ font-family:var(--cond); font-weight:700; font-size:18px; color:var(--black); }
#fi-page .change-pill{ border-radius:0; font-family:var(--cond); font-weight:700; font-size:13px; }
#fi-page .rank-new{ border-radius:0; font-family:var(--cond); }
#fi-page .fm-meter-track{ border-radius:0; background:var(--grey-bg-2); }
#fi-page .fm-meter-fill{ border-radius:0; background:var(--red); }
#fi-page .fm-meter-val{ font-family:var(--cond); font-weight:700; font-size:15px; color:var(--red); }
#fi-page .period-label{ font-family:var(--cond); font-weight:700; font-size:16px; text-transform:uppercase; color:var(--red); }
#fi-page .year-link{ border-radius:0; border:2px solid var(--black); color:var(--black); font-weight:700; text-transform:uppercase; font-size:12.5px; }
#fi-page .year-link:hover{ background:var(--black); color:#fff; }
@media (max-width:700px){ #fi-page .table-block{ overflow-x:auto; } }

/* Title page (+ trivia detail, same structure) */
#fi-page .hero{ height:460px; background-color:#111; }
#fi-page .hero::after{ background:linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.92) 100%); }
#fi-page .hero-title{ max-width:var(--wrap); padding:0 var(--gutter) 30px 340px; }
#fi-page .hero-title h1{ font-family:var(--serif); font-weight:600; font-size:clamp(2.2rem,4.2vw,3.6rem); line-height:1.04; color:#fff; letter-spacing:-.015em; }
#fi-page .hero-title .meta-row{ gap:14px; font-family:var(--cond); font-weight:700; font-size:17px; text-transform:uppercase; color:#fff; align-items:center; }
#fi-page .hero-title .meta-row > span{ padding:0; background:none; border:0; }
#fi-page .hero-title .meta-row .fi-ring::before{ background:#111; } #fi-page .hero-title .meta-row .fi-ring b, #fi-page .hero-title .meta-row .lbl{ color:#fff; }
#fi-page .hero-kicker{ display:inline-block; margin-bottom:10px; font-family:var(--cond); font-weight:700; font-size:15px; text-transform:uppercase; color:#fff; padding-bottom:3px; background:linear-gradient(90deg, var(--red-logo), var(--orange)) left bottom / 100% 3px no-repeat; letter-spacing:0; }
#fi-page .title-layout{ max-width:var(--wrap); padding:0 var(--gutter) 20px; grid-template-columns:290px minmax(0,1fr); gap:48px; margin-top:28px; }
#fi-page .poster{ border-radius:0; margin-top:-210px; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); border:4px solid #fff; }
#fi-page .poster-meter-side{ margin-top:18px; background:#fff; border:0; border-top:3px solid var(--black); border-radius:0; padding:14px 0 0; }
#fi-page .film-meter-summary{ font-family:var(--cond); font-weight:700; font-size:20px; text-transform:none; letter-spacing:0; color:var(--black); display:flex; align-items:center; justify-content:space-between; }
#fi-page .fmm-label{ font-size:12.5px; font-weight:600; color:#333; }
#fi-page .fmm-bar{ border-radius:0; height:6px; }
#fi-page .fmm-tick{ border-top-color:var(--black); }
#fi-page .fmm-cta{ border-radius:0; background:var(--black); color:#fff; font-family:var(--cond); font-weight:700; font-size:16px; text-transform:uppercase; padding:10px 0; }
#fi-page .fmm-cta:hover{ background:var(--red); }
#fi-page .genre-tags a{ border-radius:0; border:2px solid var(--black); font-weight:700; font-size:12.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--black); }
#fi-page .genre-tags a:hover{ background:var(--black); color:#fff; }
#fi-page .engage-badge{ border-radius:0; border:2px solid var(--black); }
#fi-page .engage-tag{ background:var(--red); font-family:var(--cond); font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:0; }
#fi-page .engage-stat{ border-left:1px solid var(--line); }
#fi-page .engage-stat strong{ font-family:var(--cond); font-size:17px; color:var(--black); }
#fi-page .action-btn{ border-radius:0; font-family:var(--cond); font-weight:700; font-size:16px; text-transform:uppercase; box-shadow:none; }
#fi-page .action-btn#addToListBtn{ background:#fff; color:var(--black); border:2px solid var(--black); }
#fi-page .synopsis{ font-family:var(--serif); font-size:19px; line-height:1.7; color:#1d1d1d; }
#fi-page .synopsis > b:first-child{ font-family:var(--cond); font-size:16px; letter-spacing:0; color:var(--red) !important; }
#fi-page .trivia-teaser-box{ border-radius:0; background:#FFF6F3; border:0; border-left:4px solid var(--red); }
#fi-page .facts{ border-radius:0; border:0; border-top:3px solid var(--black); border-bottom:1px solid var(--line); background:#fff; gap:0; padding:0; }
#fi-page .facts > div{ padding:14px 16px 14px 0; border-bottom:1px solid var(--line); }
#fi-page .facts > div:nth-child(odd){ border-right:0; }
#fi-page .facts div b{ font-family:var(--cond); font-weight:700; font-size:13px; letter-spacing:.02em; color:var(--grey); }
#fi-page .person-link{ color:var(--red); font-weight:700; }
#fi-page .stream-now-btn{ border-radius:0; background:var(--red); font-family:var(--cond); font-weight:700; font-size:13px; text-transform:uppercase; }
#fi-page .tt-h2, #fi-page .similar-fm-heading, #fi-page .credits-heading, #fi-page .trivia-main h2{ font-family:var(--cond); font-weight:700; font-size:30px; color:var(--black); padding-top:12px; border-top:3px solid var(--black); }
#fi-page .cast-card img{ border-radius:0; }
#fi-page .cast-card .name{ font-family:var(--cond); font-weight:700; font-size:17px; color:var(--black); }
#fi-page .cast-card:hover .name{ color:var(--red); }
#fi-page .tt-more-link{ font-family:var(--cond); font-weight:700; font-size:15px; text-transform:uppercase; color:var(--red); }
#fi-page .video-card, #fi-page .video-card .thumb{ border-radius:0; }
#fi-page .video-card .label{ font-family:var(--cond); font-weight:700; font-size:17px; color:var(--black); }
#fi-page .season-tab{ border-radius:0; border:2px solid var(--black); font-family:var(--cond); font-weight:700; font-size:15px; color:var(--black); }
#fi-page .season-tab.active{ background:var(--black); color:#fff; }
#fi-page .episode-row img{ border-radius:0; }
#fi-page .episode-row .ep-title{ font-family:var(--cond); font-weight:700; font-size:18px; color:var(--black); }
#fi-page .film-meter-block{ background:#fff; color:var(--text); border-radius:0; border:0; border-top:3px solid var(--black); padding:20px 0 0; }
#fi-page .film-meter-block::before{ display:none; }
#fi-page .film-meter-title{ font-family:var(--cond); font-weight:700; font-size:30px; color:var(--black); }
#fi-page .fm-label{ font-family:var(--cond); font-weight:700; font-size:15px; letter-spacing:.02em; color:var(--black); }
#fi-page .fm-bar-wrap{ border-radius:0; height:16px; }
#fi-page .fm-pointer{ border-top-color:var(--black); filter:none; }
#fi-page .fm-scale-labels{ color:var(--grey); }
#fi-page .fm-pill{ border-radius:0; background:var(--grey-bg); border:0; color:var(--black); font-family:var(--cond); font-size:14px; }
#fi-page .fm-save-btn{ border-radius:0; background:var(--black); font-family:var(--cond); font-weight:700; font-size:14px; text-transform:uppercase; }
#fi-page .fm-save-btn:hover{ background:var(--red); }
#fi-page .fm-save-btn.saved{ background:var(--good); }
#fi-page .similar-fm-card > img{ border-radius:0; box-shadow:none; }
#fi-page .similar-fm-name{ font-family:var(--cond); font-weight:700; font-size:17px; color:var(--black); }
#fi-page .similar-fm-bar{ border-radius:0; }
#fi-page .slider-arrow{ border-radius:0; background:var(--black); color:#fff; border:0; box-shadow:none; }
#fi-page .slider-arrow:hover{ background:var(--red); }
@media (max-width:760px){
  #fi-page .hero{ height:300px; }
  #fi-page .hero-title{ padding:0 var(--gutter) 18px; }
  #fi-page .hero-title h1{ font-size:1.9rem; }
  #fi-page .title-layout{ grid-template-columns:1fr; gap:22px; margin-top:18px; }
  #fi-page .poster{ margin:0; max-width:130px; border:0; }
  #fi-page .poster-meter-side{ margin-top:0; }
  #fi-page .facts{ grid-template-columns:1fr; }
}

/* Person page */
#fi-page .person-layout{ max-width:var(--wrap); grid-template-columns:270px minmax(0,1fr); gap:48px; padding:40px var(--gutter) 20px; }
#fi-page .person-photo{ border-radius:0; }
#fi-page .person-layout h1{ font-family:var(--cond); font-weight:700; font-size:clamp(2.4rem,5vw,3.8rem); line-height:1; color:var(--black); }
#fi-page .known-for{ font-family:var(--cond); font-weight:700; font-size:16px; text-transform:uppercase; color:var(--red); }
#fi-page .fav-btn, #fi-page .share-btn{ border-radius:0; font-family:var(--cond); font-weight:700; text-transform:uppercase; }
#fi-page .stat-item{ padding-bottom:12px; border-bottom:1px solid var(--line); }
#fi-page .stat-item .label{ font-family:var(--cond); font-weight:700; font-size:14px; color:var(--grey); }
#fi-page .stat-item .value{ font-size:15px; color:var(--black); }
#fi-page .bio{ font-family:var(--serif); font-size:18px; line-height:1.7; }
#fi-page .yearly-chart-block{ border-radius:0; border:0; border-top:3px solid var(--black); padding:18px 0 0; background:#fff; }
#fi-page .yearly-chart-title{ font-family:var(--cond); font-weight:700; font-size:28px; }
#fi-page .yc-range-btns button{ border-radius:0; border:2px solid var(--black); font-family:var(--cond); font-weight:700; text-transform:uppercase; color:var(--black); }
#fi-page .yc-range-btns button.active{ background:var(--black); color:#fff; border-color:var(--black); }
#fi-page .credit-section-header .dept-name{ font-family:var(--cond); font-weight:700; font-size:21px; }
#fi-page .credit-row .thumb{ border-radius:0; }
#fi-page .credit-row .cr-title{ font-family:var(--cond); font-weight:700; font-size:18px; color:var(--black); }
#fi-page .credit-row:hover .cr-title{ color:var(--red); }
#fi-page .credit-row .cr-penonton{ color:var(--red); font-weight:600; }
@media (max-width:640px){ #fi-page .person-layout{ grid-template-columns:120px 1fr; gap:16px; padding-top:22px; } #fi-page .person-layout h1{ font-size:1.9rem; } }

/* List pages */
#fi-page .list-content{ max-width:var(--wrap); padding-left:var(--gutter); padding-right:var(--gutter); }
#fi-page .ranked-item .rank-num{ font-family:var(--serif); font-weight:700; font-size:34px; color:var(--red); width:44px; }
#fi-page .ranked-item .poster-col img{ border-radius:0; }
#fi-page .ranked-item .title-line a{ font-family:var(--serif); font-weight:600; font-size:28px; color:var(--black); }
#fi-page .ranked-item .title-line a:hover{ color:var(--red); }
#fi-page .ranked-item + .ranked-item{ border-top:0; background:radial-gradient(circle, var(--black) 1px, transparent 1.3px) top / 8px 2px repeat-x; }
#fi-page .ranked-item{ border-bottom:0; }
#fi-page .item-action-btn, #fi-page .like-btn{ border-radius:0; font-family:var(--cond); font-weight:700; text-transform:uppercase; }
#fi-page .rating-meter .bar-wrap{ border-radius:0; }
#fi-page .rating-meter .pill{ border-radius:0; }
#fi-page .list-share-btn{ background:var(--black); color:#fff; }
#fi-page .list-share-btn:hover{ background:var(--red); }
#fi-page .list-grid{ gap:30px; }
#fi-page .list-card{ border-radius:0; border:0; background:none; }
#fi-page .list-card-body{ border-top:0; padding:12px 0 0; text-align:center; }
#fi-page .list-cover-title{ font-family:var(--serif); text-shadow:none; }
#fi-page .list-grid .list-card .meta-line{ font-size:12.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--black); }

/* trivia list, watch, credits, episode */
#fi-page .trivia-list-item img{ border-radius:0; }
#fi-page .trivia-list-title{ font-family:var(--serif); font-weight:600; font-size:24px; color:var(--black); }
#fi-page .trivia-list-category{ font-family:var(--cond); font-size:14px; color:var(--red); }
#fi-page .watch-layout{ max-width:var(--wrap); padding-left:var(--gutter); padding-right:var(--gutter); }
#fi-page .player-wrap{ border-radius:0; }
#fi-page .watch-layout h1{ font-family:var(--serif); font-weight:600; font-size:clamp(1.7rem,3vw,2.4rem); line-height:1.12; border:0; padding:0; }
#fi-page .video-type-tag{ font-family:var(--cond); font-size:15px; color:var(--red); }
#fi-page .related-title{ font-family:var(--cond); font-weight:700; font-size:26px; color:var(--black); padding-top:12px; border-top:3px solid var(--black); }
#fi-page .related-item img{ border-radius:0; }
#fi-page .related-item .name{ font-family:var(--cond); font-weight:700; font-size:16px; color:var(--black); }
#fi-page .gallery-grid img{ border-radius:0; }
#fi-page .credit-section h2{ font-family:var(--cond); font-weight:700; font-size:24px; border-bottom:3px solid var(--black); }
#fi-page .credit-row a{ color:var(--black); font-weight:700; } #fi-page .credit-row a:hover{ color:var(--red); }
#fi-page .credit-row img{ border-radius:0; }
#fi-page .still{ border-radius:0; }
#fi-page .ep-tag{ font-family:var(--cond); color:var(--red); }
#fi-page .ep-nav a{ border-radius:0; border:2px solid var(--black); color:var(--black); font-family:var(--cond); font-weight:700; text-transform:uppercase; }
#fi-page .ep-nav a:hover{ background:var(--black); color:#fff; }

/* forms & account pages */
#fi-page .field input, #fi-page .field textarea, #fi-page .field select, #fi-page .contact-form input, #fi-page .contact-form textarea, #fi-page .edit-box input, #fi-page .edit-box textarea, #fi-page .edit-box select, #fi-page .add-form input{
  border-radius:0; border:2px solid var(--line-2); padding:11px 13px; font-size:15px; }
#fi-page .field input:focus, #fi-page .field textarea:focus, #fi-page .contact-form input:focus, #fi-page .contact-form textarea:focus{ outline:none; border-color:var(--black); }
#fi-page .field label, #fi-page .contact-form label{ font-family:var(--cond); font-weight:700; font-size:15px; text-transform:uppercase; color:var(--black); }
#fi-page.pg-login button, #fi-page .contact-form button, #fi-page.pg-dashboard button, #fi-page button.primary, #fi-page .edit-box button, #fi-page .follow-btn{ border-radius:0; font-family:var(--cond); font-weight:700; font-size:17px; text-transform:uppercase; }
#fi-page.pg-login button, #fi-page .contact-form button{ background:var(--black); }
#fi-page.pg-login button:hover, #fi-page .contact-form button:hover{ background:var(--red); }
#fi-page .box, #fi-page .create-box, #fi-page .contact-form, #fi-page .edit-box, #fi-page .list-card{ border-radius:0; }
#fi-page .box, #fi-page .create-box, #fi-page .contact-form{ border:0; border-top:3px solid var(--black); background:var(--grey-bg); }
#fi-page .box h2, #fi-page .create-box h2, #fi-page h2.section{ font-family:var(--cond); font-weight:700; font-size:24px; }
#fi-page .contact-info-icon{ border-radius:0; background:var(--black); color:#fff; }
#fi-page .contact-info-label, #fi-page .contact-social-label{ font-family:var(--cond); font-size:14px; color:var(--grey); }
#fi-page .profile-head h1{ font-family:var(--cond); font-weight:700; font-size:2.6rem; }
#fi-page .hero-content h1{ font-family:var(--serif); font-weight:600; }
#fi-page .content{ font-family:var(--serif); }