.geeklog-header{position:sticky;z-index:60;top:0;background:rgba(8,9,10,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,176,75,.18)}
.geeklog-brand{gap:10px!important}.geeklog-brand .brand-logo{border:1px solid rgba(232,176,75,.35);border-radius:13px;box-shadow:0 8px 28px rgba(232,176,75,.16)}
.geeklog-header .brand-text{display:grid;text-align:right;line-height:1.05}.geeklog-header .brand-text b{font-size:20px}.geeklog-header .brand-text span{margin-top:5px;color:#c69d55}.geekzone-return{border-color:rgba(232,176,75,.24)!important;color:#d4c7b4!important;white-space:nowrap}
.geeklog-hero{overflow:hidden}.geeklog-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(34px,5vw,80px);align-items:center}.geeklog-hero-copy{min-width:0;text-align:right}.geeklog-hero-copy>span{display:block}.geeklog-hero-copy h1{max-width:900px;margin-top:14px;line-height:.94;text-align:right}.geeklog-hero-copy p{max-width:850px;margin:22px 0 0;text-align:right}.geeklog-hero-actions{display:flex;justify-content:flex-start;gap:10px;margin-top:25px}.geeklog-hero-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding-inline:22px;white-space:nowrap}
.geeklog-eyebrow{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:7px 8px 7px 20px;border:1px solid rgba(232,176,75,.34);border-radius:999px;background:linear-gradient(110deg,rgba(232,176,75,.14),rgba(232,176,75,.035));box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 35px rgba(0,0,0,.24);direction:rtl}.geeklog-eyebrow:after{content:'';position:absolute;inset-inline-end:100%;top:50%;width:clamp(28px,5vw,82px);height:1px;background:linear-gradient(90deg,transparent,rgba(232,176,75,.5))}.geeklog-eyebrow-seal{display:grid;width:38px;height:38px;place-items:center;overflow:hidden;border:1px solid rgba(250,205,112,.42);border-radius:50%;background:#171108;box-shadow:0 0 0 4px rgba(232,176,75,.06)}.geeklog-eyebrow-seal img{width:100%;height:100%;object-fit:cover}.geeklog-eyebrow-copy{display:grid;gap:3px;line-height:1.1}.geeklog-eyebrow-copy b{color:#f1b84c;font-size:13px;font-weight:1000;letter-spacing:.18em}.geeklog-eyebrow-copy small{color:#c5bba9;font-size:9px;font-weight:800;letter-spacing:.025em}.geeklog-hero-copy h1{margin-top:22px}
.geeklog-manifesto{position:relative;isolation:isolate;overflow:hidden;padding:34px;border:1px solid rgba(232,176,75,.22);border-radius:28px;background:linear-gradient(145deg,rgba(232,176,75,.1),rgba(15,16,19,.94));box-shadow:0 30px 80px #0008;text-align:right}.geeklog-manifesto>img{position:absolute;z-index:-1;inset:auto auto -38px -30px;width:210px;opacity:.075;filter:grayscale(1)}.geeklog-manifesto b,.geeklog-manifesto small{position:relative;display:block}.geeklog-manifesto b{font-size:clamp(28px,4vw,48px);line-height:1.12}.geeklog-manifesto small{margin-top:22px;color:#aaa298;line-height:1.7}
.geeklog-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-block:24px}.geeklog-shortcuts a{display:grid;gap:5px;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:#111216;color:#f4eee5;text-decoration:none;transition:.2s}.geeklog-shortcuts a:hover{transform:translateY(-3px);border-color:rgba(232,176,75,.42);background:#17140f}.geeklog-shortcuts b{font-size:16px}.geeklog-shortcuts span{color:#8d887f;font-size:11px}.geeklog-section-kicker{display:block;margin-bottom:10px;color:#e8b04b;font-size:10px;font-weight:900;letter-spacing:.12em}
@media(max-width:1100px){.geekzone-return{display:none}.geeklog-hero-grid{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:850px){.geeklog-hero-grid{grid-template-columns:1fr}.geeklog-manifesto{display:none}.geeklog-shortcuts{grid-template-columns:1fr}.geeklog-hero-copy h1{font-size:clamp(48px,14vw,72px)}.geeklog-hero-actions{align-items:stretch;flex-direction:column}.geeklog-hero-actions .btn{width:100%}}
@media(max-width:850px){.geeklog-eyebrow:after{display:none}}
@media(max-width:480px){.geeklog-eyebrow{width:100%;border-radius:18px}.geeklog-eyebrow-copy small{font-size:8px}.geeklog-eyebrow-copy b{font-size:12px}}

/* A calmer, diary-first feed inspired by film logging communities. */
.geeklog-page .cine-layout {
  grid-template-columns: minmax(0, 760px) 260px;
  justify-content: center;
  gap: 22px;
}
.geeklog-page .cine-feed { gap: 10px; }
.geeklog-page .cine-review {
  grid-template-columns: 112px minmax(0, 1fr);
  border-color: rgba(255,255,255,.09);
  border-radius: 14px;
  background: #121418;
  box-shadow: 0 10px 30px rgba(0,0,0,.16);
}
.geeklog-page .cine-review-poster {
  min-height: 168px;
  background-size: cover;
}
.geeklog-page .cine-review-body { padding: 14px 16px 12px; }
.geeklog-page .cine-review.has-banner .cine-review-body {
  background: linear-gradient(90deg,rgba(18,20,24,.93),rgba(18,20,24,.985)),var(--review-banner) center/cover;
}
.geeklog-page .cine-review-head { gap: 8px; }
.geeklog-page .cine-avatar { width: 32px; height: 32px; }
.geeklog-page .cine-review-title { margin: 11px 0 6px; }
.geeklog-page .cine-review-title h2 { font-size: 19px; }
.geeklog-page .cine-score {
  padding: 4px 7px;
  border-radius: 6px;
  font-size: 12px;
}
.geeklog-page .cine-review-text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-size: 13px;
  line-height: 1.62;
}
.geeklog-page .cine-review-text.spoiler { display: block; }
.geeklog-page .cine-actions { margin-top: 10px; padding-top: 9px; }
.geeklog-page .cine-actions button { font-size: 11px; }
.geeklog-page .cine-side-card {
  border-radius: 14px;
  background: #111317;
}
@media(max-width:850px){
  .geeklog-page .cine-layout { grid-template-columns: minmax(0,1fr); }
  .geeklog-page .cine-layout aside { grid-template-columns:1fr 1fr; }
}
@media(max-width:560px){
  .geeklog-page .cine-toolbar,
  .geeklog-page .cine-layout { width:100%; padding-inline:12px; }
  .geeklog-page .cine-review { grid-template-columns:96px minmax(0,1fr); border-radius:10px; }
  .geeklog-page .cine-review-poster { min-height:144px; }
  .geeklog-page .cine-review-body { padding:11px 12px 9px; }
  .geeklog-page .cine-review-title { align-items:flex-start; flex-direction:column; gap:5px; margin-top:9px; }
  .geeklog-page .cine-review-title h2 { font-size:17px; line-height:1.15; }
  .geeklog-page .cine-review-text { -webkit-line-clamp:3; font-size:12px; }
  .geeklog-page .cine-layout aside { grid-template-columns:1fr; }
}
