/* Viktor Files - Dystopian Theme */
:root{
  --bg1:#1a1410;--bg2:#2d2420;--accent:#8b4513;--accent2:#c44536;--glass:rgba(255,255,255,0.04);
  --maxw:900px;
}
*{box-sizing:border-box}
html,body{height:100%}
body.vf-body{font-family:Georgia,Garamond,serif;min-height:100%;margin:0;background:linear-gradient(135deg,var(--bg1),var(--bg2));color:#d4c5b9;overflow-x:hidden;letter-spacing:0.3px}
.vf-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 10% 20%,rgba(139,69,19,0.05),transparent 10%),radial-gradient(circle at 90% 80%,rgba(196,69,54,0.03),transparent 12%);filter:blur(8px);transform:translateZ(0);}
.vf-header{position:relative;z-index:10;padding:36px 24px;text-align:center}
.vf-logo{margin:0;font-weight:900;letter-spacing:2px;font-size:clamp(26px,4vw,48px);text-transform:uppercase;color:#a67c52;text-shadow:0 2px 8px rgba(0,0,0,0.8);font-family:Georgia,serif}
.vf-sub{margin:6px 0 0;color:rgba(212,197,185,0.65);font-size:13px;font-style:italic}
.vf-main{position:relative;z-index:10;max-width:var(--maxw);margin:0 auto;padding:40px 32px}
.vf-hero{display:grid;grid-template-columns:1fr;gap:20px;align-items:center}
.vf-hero-img{width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(2,6,23,0.35);transform:scale(1);transition:transform .5s ease;will-change:transform}
.vf-hero-img:hover{transform:scale(1.01)}
.vf-cta{display:flex;gap:16px;justify-content:center}
.vf-btn{padding:14px 22px;border-radius:12px;text-decoration:none;font-weight:700;display:inline-block;transform:translateZ(0);position:relative;overflow:hidden}
.vf-btn--neon{background:linear-gradient(90deg,rgba(139,69,19,0.25),rgba(196,69,54,0.25));border:1px solid rgba(166,124,82,0.4);box-shadow:0 2px 12px rgba(196,69,54,0.1) inset;color:#a67c52;backdrop-filter:blur(4px)}
.vf-btn--glass{background:var(--glass);border:1px solid rgba(166,124,82,0.2);color:#d4c5b9}
.vf-btn:after{content:'';position:absolute;left:-40%;top:-40%;width:200%;height:200%;background:linear-gradient(60deg,transparent,rgba(255,255,255,0.06),transparent);transform:rotate(25deg);transition:all .9s}
.vf-btn:hover:after{left:0}
.vf-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.vf-thumb{width:100%;height:160px;object-fit:cover;border-radius:14px;box-shadow:0 12px 30px rgba(2,6,23,0.6);transition:transform .6s,filter .6s}
.vf-thumb:hover{transform:scale(1.06) rotate(-1deg);filter:brightness(1.08) saturate(1.15)}
.vf-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.vf-card{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));padding:8px;border-radius:14px;backdrop-filter:blur(8px);box-shadow:0 10px 40px rgba(2,6,23,0.7);overflow:hidden;transform:translateY(10px);transition:transform .7s,box-shadow .7s}
.vf-card img{width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:8px;display:block;transition:transform .5s}
.vf-card:hover{transform:translateY(-8px);box-shadow:0 24px 80px rgba(2,6,23,0.85)}
.vf-h2{font-size:28px;margin:0 0 28px 0;letter-spacing:1px;color:#a67c52;font-family:Georgia,serif;font-weight:700;text-transform:uppercase}
h3{font-size:18px;margin:32px 0 14px 0;color:#c44536;letter-spacing:0.5px;font-family:Georgia,serif;font-weight:700;text-transform:uppercase}
p{font-size:15px;line-height:1.9;margin:0 0 18px 0;color:#d4c5b9}
.vf-article-card{padding:36px 40px;border-radius:8px;background:linear-gradient(180deg,rgba(139,69,19,0.08),rgba(45,36,32,0.5));box-shadow:0 12px 40px rgba(0,0,0,0.7);border-left:4px solid #c44536}
.vf-article-content{font-size:15px;line-height:1.9}
.vf-pre{white-space:pre-wrap;background:rgba(0,0,0,0.3);padding:24px;border-radius:6px;border-left:3px solid #8b4513}
.vf-footer{text-align:center;padding:28px 0;color:rgba(212,197,185,0.55)}
.vf-link{color:var(--accent);text-decoration:none;font-weight:700}

/* subtle animated entrance */
.vf-card,.vf-hero-img,.vf-thumb,.vf-article-card{opacity:1;transform:none;transition:opacity .6s ease,transform .7s cubic-bezier(.2,.9,.2,1)}
.in-view{opacity:1;transform:none}

@media (max-width:800px){.vf-preview-grid{grid-template-columns:repeat(2,1fr)}.vf-gallery-grid{grid-template-columns:repeat(2,1fr)}.vf-hero-img{height:260px}.vf-article-card{padding:24px 20px}.vf-main{padding:20px 16px}}

/* tiny scrollbar style */
.vf-article-content::-webkit-scrollbar{height:8px;width:8px}
.vf-article-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent2));border-radius:6px}

/* neon outline for accessibility focus */
.vf-btn:focus{outline:3px solid rgba(0,255,213,0.12);outline-offset:4px}

/* Easter egg: floating blobs */
.vf-bg:before{display:none}