:root{--archive-bg:#0d0d0f;--archive-panel:#161619;--archive-panel-soft:#131315;--archive-text:#f5f5f7;--archive-muted:#96969f;--archive-line:rgba(255,255,255,.1);--archive-red:#d6282b;--archive-red-dark:#920d12}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--archive-bg);color:var(--archive-text);font-family:Arial,Helvetica,sans-serif}
button,input,select{font:inherit}
a{color:inherit}
.public-archive-page{min-height:70vh;overflow:hidden}
.archive-shell{width:min(1280px,calc(100% - 48px));margin:0 auto}
.archive-hero{position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(214,40,43,.22);background:radial-gradient(circle at 82% 35%,rgba(214,40,43,.2),transparent 27%),linear-gradient(120deg,#18181b 0%,#0d0d0f 64%)}
.archive-hero .archive-shell{position:relative;z-index:1}
.archive-eyebrow{display:block;margin-bottom:12px;color:var(--archive-red);font-size:10px;font-weight:900;letter-spacing:.24em}
.archive-hero h1{max-width:900px;margin:0;font-size:clamp(42px,5.2vw,72px);line-height:.9;letter-spacing:-.045em;text-transform:uppercase}
.archive-hero p{max-width:680px;margin:18px 0 0;color:#b0b0b8;font-size:15px;line-height:1.65}
.news-article-hero h1{max-width:1100px;font-size:clamp(32px,4vw,54px);line-height:.98}.news-article-hero p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.archive-content{padding:58px 0 88px}
.archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--archive-line)}
.archive-search{position:relative;flex:1;max-width:520px}
.archive-search input{width:100%;height:48px;padding:0 48px 0 16px;border:1px solid var(--archive-line);border-radius:4px;outline:0;background:#141416;color:#fff}
.archive-search input:focus{border-color:rgba(214,40,43,.72);box-shadow:0 0 0 3px rgba(214,40,43,.08)}
.archive-search::after{content:"⌕";position:absolute;top:10px;right:16px;color:var(--archive-red);font-size:23px}
.archive-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.archive-filter-button{min-height:38px;padding:0 14px;border:1px solid var(--archive-line);border-radius:4px;background:#151518;color:#a8a8b0;font-size:10px;font-weight:900;letter-spacing:.08em;cursor:pointer}
.archive-filter-button:hover,.archive-filter-button.active{border-color:rgba(214,40,43,.58);background:rgba(214,40,43,.14);color:#fff}
.archive-result-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;color:var(--archive-muted);font-size:12px}
.archive-result-line strong{color:#fff}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.archive-card{position:relative;min-width:0;border:1px solid var(--archive-line);border-radius:5px;background:linear-gradient(145deg,#18181b,#121214);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.archive-card:hover{transform:translateY(-3px);border-color:rgba(214,40,43,.48);box-shadow:0 24px 50px rgba(0,0,0,.26)}
.archive-card[hidden]{display:none!important}
.archive-person-card{display:grid;grid-template-columns:112px 1fr;min-height:226px;overflow:hidden}
.archive-avatar{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#28282d,#121214);color:#fff;font-size:34px;font-weight:900;letter-spacing:-.05em}
.archive-avatar::after{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--archive-red)}
.archive-avatar img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.78) contrast(1.04)}
.archive-person-copy{display:flex;min-width:0;flex-direction:column;padding:24px 22px}
.archive-card-meta{margin:0 0 10px;color:var(--archive-red);font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.archive-person-copy h2,.archive-person-copy h3{margin:0;color:#fff;font-size:21px;line-height:1.08;overflow-wrap:anywhere;text-transform:uppercase}
.archive-person-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;margin:14px 0;color:#a1a1aa;font-size:12px;line-height:1.58}
.archive-card-link{display:inline-flex;align-items:center;gap:9px;margin-top:auto;color:#fff;font-size:9px;font-weight:900;letter-spacing:.11em;text-decoration:none}
.archive-card-link span{color:var(--archive-red);font-size:16px;transition:transform .2s ease}
.archive-card-link:hover span{transform:translateX(4px)}
.translator-works{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0 17px}
.translator-works span{max-width:100%;overflow:hidden;padding:5px 7px;border:1px solid rgba(255,255,255,.08);border-radius:3px;color:#a9a9b2;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.archive-empty{display:none;padding:54px 28px;border:1px dashed rgba(255,255,255,.14);color:#9a9aa3;text-align:center}
.archive-empty.visible{display:block}
.news-filter-form{display:grid;grid-template-columns:minmax(220px,1fr) 230px auto;gap:10px;width:100%}
.news-filter-form input,.news-filter-form select{height:48px;padding:0 15px;border:1px solid var(--archive-line);border-radius:4px;outline:0;background:#141416;color:#fff}
.news-filter-form select{cursor:pointer}
.news-filter-form button{min-width:112px;border:1px solid var(--archive-red);border-radius:4px;background:var(--archive-red);color:#fff;font-size:10px;font-weight:900;letter-spacing:.11em;cursor:pointer}
.news-filter-form button:hover{background:#b91d21}
.news-clear-link{color:#aaaab2;font-size:10px;font-weight:900;letter-spacing:.08em;text-decoration:none}.news-clear-link:hover{color:#fff}
.news-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.news-archive-card{display:flex;min-height:340px;overflow:hidden;flex-direction:column;text-decoration:none}
.news-archive-card.featured{grid-column:span 2;display:grid;grid-template-columns:1.15fr .85fr}
.news-card-image{height:176px;overflow:hidden;background:linear-gradient(145deg,#28282d,#121214)}
.news-card-image img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.78) contrast(1.06);transition:transform .3s ease,filter .3s ease}
.news-archive-card:hover .news-card-image img{transform:scale(1.035);filter:saturate(.95) contrast(1.07)}
.news-archive-card.featured .news-card-image{height:100%;min-height:340px}
.news-card-placeholder{display:grid;place-items:end start;height:100%;min-height:176px;padding:18px;background:radial-gradient(circle at 72% 25%,rgba(214,40,43,.35),transparent 35%),linear-gradient(145deg,#26262b,#111113);color:rgba(255,255,255,.22);font-size:46px;font-weight:900}
.news-card-copy{display:flex;min-width:0;flex:1;flex-direction:column;padding:24px}
.news-card-copy h2,.news-card-copy h3{margin:0;color:#fff;font-size:21px;line-height:1.15;text-transform:uppercase}
.news-card-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;margin:14px 0;color:#9d9da6;font-size:13px;line-height:1.6}
.news-archive-card.featured .news-card-copy{justify-content:center;padding:34px}.news-archive-card.featured .news-card-copy h2{font-size:clamp(25px,2.5vw,36px)}
.archive-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:38px}
.archive-pagination a,.archive-pagination span{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--archive-line);border-radius:4px;color:#aaaab2;font-size:11px;font-weight:900;text-decoration:none}
.archive-pagination a:hover,.archive-pagination .active{border-color:var(--archive-red);background:rgba(214,40,43,.15);color:#fff}
.news-detail{padding:58px 0 90px}
.news-back{display:inline-flex;align-items:center;gap:9px;margin-bottom:26px;color:#aaaab3;font-size:10px;font-weight:900;letter-spacing:.1em;text-decoration:none}.news-back:hover{color:#fff}
.news-article{display:grid;grid-template-columns:minmax(0,820px) minmax(230px,1fr);gap:54px;align-items:start}
.news-article-main{min-width:0}
.news-detail-image{max-height:520px;overflow:hidden;margin-bottom:34px;border:1px solid var(--archive-line);background:#151518}
.news-detail-image img{width:100%;max-height:520px;display:block;object-fit:cover}
.news-body{color:#d2d2d7;font-size:16px;line-height:1.9}.news-body p{margin:0 0 22px}.news-body a{color:#ef5558}
.news-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:34px}.news-tags span{padding:7px 10px;border:1px solid var(--archive-line);color:#aaaab2;font-size:9px;font-weight:800;letter-spacing:.08em}
.news-aside{position:sticky;top:calc(var(--filmistik-header-height) + 26px);padding:25px;border:1px solid var(--archive-line);background:#141416}
.news-aside h3{margin:0 0 18px;font-size:13px;letter-spacing:.08em}.news-aside dl{margin:0}.news-aside dt{margin-top:15px;color:#74747d;font-size:9px;font-weight:900;letter-spacing:.1em}.news-aside dd{margin:5px 0 0;color:#e2e2e6;font-size:12px;line-height:1.5}.news-aside>a{display:inline-flex;margin-top:22px;color:#fff;font-size:9px;font-weight:900;letter-spacing:.09em;text-decoration:none}
.related-news{margin-top:70px;padding-top:42px;border-top:1px solid var(--archive-line)}.related-news h2{margin:0 0 24px;font-size:24px}
.archive-footer{border-top:1px solid rgba(214,40,43,.22);background:#101012;color:#fff}
.archive-footer-main{width:min(1280px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1.25fr repeat(3,.72fr) 1.35fr;gap:36px;padding:54px 0 44px}
.archive-footer-brand img{width:auto;height:68px;display:block}.archive-footer-brand p,.archive-footer-newsletter p{color:#878790;font-size:12px;line-height:1.6}
.archive-footer-column h4,.archive-footer-newsletter h4{margin:7px 0 18px;font-size:10px;letter-spacing:.13em}.archive-footer-column a{display:block;margin:0 0 12px;color:#92929b;font-size:11px;text-decoration:none}.archive-footer-column a:hover{color:#fff}
.archive-footer-newsletter form{display:flex}.archive-footer-newsletter input{min-width:0;height:42px;flex:1;padding:0 12px;border:1px solid var(--archive-line);border-right:0;outline:0;background:#17171a;color:#fff}.archive-footer-newsletter button{height:42px;padding:0 13px;border:0;background:var(--archive-red);color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;cursor:pointer}.archive-form-message{min-height:18px;margin-bottom:0!important}.archive-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.archive-footer-bottom{width:min(1280px,calc(100% - 48px));margin:0 auto;display:flex;justify-content:space-between;gap:20px;padding:20px 0 27px;border-top:1px solid var(--archive-line);color:#66666e;font-size:9px;letter-spacing:.08em}.archive-footer-bottom a{color:#8f8f98;text-decoration:none}
@media(max-width:1080px){.archive-grid,.news-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-footer-main{grid-template-columns:1.2fr repeat(3,.8fr)}.archive-footer-newsletter{grid-column:1/-1;max-width:560px}.news-article{grid-template-columns:minmax(0,1fr) 250px;gap:28px}}
@media(max-width:760px){.archive-shell{width:min(100% - 30px,1280px)}.archive-content{padding:40px 0 68px}.archive-toolbar{align-items:stretch;flex-direction:column}.archive-search{max-width:none}.archive-grid,.news-archive-grid{grid-template-columns:1fr}.news-archive-card.featured{grid-column:auto;display:flex}.news-archive-card.featured .news-card-image{height:210px;min-height:0}.news-filter-form{grid-template-columns:1fr}.news-filter-form button{height:46px}.news-article{grid-template-columns:1fr}.news-aside{position:static}.archive-footer-main{width:min(100% - 30px,1280px);grid-template-columns:repeat(2,1fr);gap:30px}.archive-footer-brand,.archive-footer-newsletter{grid-column:1/-1}.archive-footer-bottom{width:min(100% - 30px,1280px)}}
@media(max-width:480px){.archive-hero h1{font-size:38px}.archive-hero p{margin-top:12px;font-size:13px}.archive-person-card{grid-template-columns:92px 1fr;min-height:210px}.archive-person-copy{padding:20px 16px}.archive-person-copy h2,.archive-person-copy h3{font-size:18px}.archive-person-copy p{font-size:11px}.archive-filters{display:grid;grid-template-columns:1fr 1fr}.archive-filter-button{padding-inline:8px}.archive-footer-main{grid-template-columns:1fr}.archive-footer-brand,.archive-footer-newsletter{grid-column:auto}.archive-footer-bottom{flex-direction:column}.news-detail{padding-top:40px}.news-body{font-size:15px}}

/* v2.3 – free-standing hero artwork, matching the Çizgi Romanlar effect */
.archive-hero-grid{position:relative;display:block;min-height:216px}
.archive-hero-grid::after{content:"";position:absolute;z-index:2;inset:-46px -30px -38px -30px;background:linear-gradient(90deg,#111115 0%,rgba(17,17,21,.98) 35%,rgba(17,17,21,.72) 49%,rgba(17,17,21,.08) 73%,transparent 100%);pointer-events:none}
.archive-hero-copy{position:relative;z-index:3;max-width:610px;min-width:0}
.archive-hero-media{
  position:absolute;
  z-index:1;
  top:-27px;
  right:-30px;
  width:min(780px,60vw);
  height:270px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  cursor:default;
}
.archive-hero-media::before,.archive-hero-media::after{display:none}
.archive-hero-media>img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;opacity:.86;filter:brightness(.78) contrast(1.1) drop-shadow(0 18px 26px rgba(0,0,0,.78)) drop-shadow(0 0 15px rgba(190,13,13,.18));transform:translateY(2px);transition:opacity .28s ease,filter .28s ease,transform .28s ease}
.archive-hero-media:hover>img{opacity:1;transform:translateY(-2px) scale(1.006);animation:archive-art-flicker .8s steps(2,end) infinite;filter:brightness(1) contrast(1.14) drop-shadow(0 0 9px rgba(255,255,255,.12)) drop-shadow(0 0 20px rgba(190,13,13,.52)) drop-shadow(0 20px 28px rgba(0,0,0,.84))}
@keyframes archive-art-flicker{0%,100%{opacity:1}18%{opacity:.91}22%{opacity:1}48%{opacity:.95}52%{opacity:.88}56%{opacity:1}81%{opacity:.94}}
@media(prefers-reduced-motion:reduce){.archive-hero-media:hover>img{animation:none}}
@media(max-width:1200px){.archive-hero-media{right:-90px;width:68vw}.archive-hero-copy p{max-width:560px;font-size:13px}}
@media(max-width:960px){.archive-hero-grid{min-height:184px}.archive-hero-grid::after{inset:-36px -24px -30px -24px}.archive-hero-media{top:-24px;right:-150px;width:76vw;height:232px}}
@media(max-width:680px){.archive-hero-grid{grid-template-columns:1fr}.archive-hero-media{display:none}.archive-hero-copy p{max-width:none}}

/* Compact touch layout */
@media(max-width:520px){.archive-result-line{align-items:flex-start;flex-direction:column;gap:7px}.archive-filter-button{min-height:44px}.archive-toolbar{margin-bottom:22px}.archive-search input{height:46px}.archive-card-link{min-height:34px}.archive-footer-bottom{line-height:1.55}}

/* v3.1 – circular biography portraits without side cropping */
.biography-person-card{grid-template-columns:132px minmax(0,1fr)}
.biography-person-card .archive-avatar{
  width:102px;
  height:102px;
  align-self:center;
  justify-self:center;
  border:1px solid rgba(214,40,43,.42);
  border-radius:50%;
  background:radial-gradient(circle at 50% 38%,#27272c,#111113 72%);
  box-shadow:0 0 0 7px rgba(255,255,255,.025),0 14px 32px rgba(0,0,0,.38),0 0 24px rgba(190,13,13,.1);
}
.biography-person-card .archive-avatar::after{display:none}
.biography-person-card .archive-avatar img{object-fit:contain;object-position:center}

/* v3.2 – balanced translator portraits */
.translator-person-card{grid-template-columns:132px minmax(0,1fr)}
.translator-person-card .archive-avatar{
  width:102px;
  height:102px;
  align-self:center;
  justify-self:center;
  border:1px solid rgba(214,40,43,.42);
  border-radius:50%;
  background:radial-gradient(circle at 50% 38%,#27272c,#111113 72%);
  box-shadow:0 0 0 7px rgba(255,255,255,.025),0 14px 32px rgba(0,0,0,.38),0 0 24px rgba(190,13,13,.1);
}
.translator-person-card .archive-avatar::after{display:none}
.translator-person-card .archive-avatar img{object-fit:cover;object-position:center 24%}

.biography-person-card .archive-avatar::before,.translator-person-card .archive-avatar::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:-22%;
  border-radius:50%;
  background:radial-gradient(ellipse at 28% 78%,rgba(214,40,43,.42),transparent 38%),radial-gradient(ellipse at 78% 30%,rgba(190,13,13,.26),transparent 35%);
  filter:blur(9px);
  opacity:0;
  transform:rotate(-8deg) scale(.88);
  transition:opacity .3s ease,transform .48s ease;
  pointer-events:none;
}
.biography-person-card:hover .archive-avatar::before,.translator-person-card:hover .archive-avatar::before{opacity:.58;transform:rotate(6deg) scale(1.06)}

@media(max-width:480px){
  .biography-person-card,.translator-person-card{grid-template-columns:108px minmax(0,1fr)}
  .biography-person-card .archive-avatar,.translator-person-card .archive-avatar{width:82px;height:82px}
}

/* Shared archive hero background alignment fix.
   Extends only the existing overlay to the full viewport width so the
   left container edge no longer creates a visible color block. */
.archive-hero-grid::after{
  left:50%;
  right:auto;
  width:100vw;
  transform:translateX(-50%);
}


/* Archive hero counters: elegant edge overlay, no layout shift */
.archive-hero-grid{position:relative}
.archive-hero-counter{
  position:absolute;
  z-index:5;
  top:50%;
  right:calc((100vw - 100%) / -2 + 26px);
  bottom:auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-width:76px;
  margin:0;
  padding:4px 0 4px 12px;
  border-left:2px solid rgba(214,40,43,.82);
  color:#fff;
  text-align:left;
  transform:translateY(-50%);
  pointer-events:none;
}
.archive-hero-counter strong{
  display:block;
  margin:0;
  color:rgba(255,255,255,.94);
  font-size:clamp(26px,2.4vw,34px);
  font-weight:900;
  line-height:.9;
  letter-spacing:-.035em;
  text-shadow:0 8px 20px rgba(0,0,0,.48);
}
.archive-hero-counter span{
  display:block;
  color:rgba(214,40,43,.94);
  font-size:7px;
  font-weight:900;
  line-height:1.15;
  letter-spacing:.2em;
}
@media(max-width:1200px){.archive-hero-counter{right:18px}}
@media(max-width:960px){.archive-hero-counter{right:10px;min-width:64px;padding-left:9px}.archive-hero-counter strong{font-size:26px}}
@media(max-width:680px){.archive-hero-counter{display:none}}
