@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#071014;--bg2:#101d21;--dark:#0a1519;--gold:#d8a85d;--goldlight:#f2d8a6;--ink:#f5f0e8;--muted:#b8c0be;--line:rgba(225,198,150,.20);--max:1230px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 24% 15%,#16303c 0,transparent 27%),linear-gradient(160deg,#071015,#0e1c20 62%,#071015);color:var(--ink);font:16px/1.72 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}a:hover{color:var(--goldlight)}button,input{font:inherit}img{display:block;width:100%;object-fit:cover;max-width:100%}h1,h2,h3,.brand,.footerlogo{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;line-height:1.05}h1{font-size:clamp(3rem,6vw,5.7rem);margin:0 0 1.1rem}h2{font-size:clamp(2.25rem,4.4vw,3.6rem);margin:.3rem 0 1rem}h3{font-size:1.67rem;margin:.3rem 0 .65rem}p{margin:.65rem 0 1rem;color:var(--muted)}em{color:var(--goldlight)}.shell{max-width:var(--max);margin:auto;width:calc(100% - 36px)}.skip{position:absolute;left:-999px}.skip:focus{left:15px;top:10px;background:#fff;color:#111;padding:.5rem;z-index:70}.header{position:sticky;top:0;z-index:20;background:rgba(4,12,17,.92);backdrop-filter:blur(13px);border-bottom:1px solid var(--line)}.navline{height:83px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;min-width:280px}.brand img{width:50px;height:50px}.brand strong{font-size:1.52rem;display:block;white-space:nowrap}.brand small{font:600 .65rem Inter,sans-serif;letter-spacing:.28em;color:var(--goldlight)}.nav{display:flex;align-items:center;gap:22px;font-size:.83rem;font-weight:700}.nav a{white-space:nowrap}.nav a.on{color:var(--goldlight);border-bottom:1px solid var(--gold);padding-bottom:8px}.menu{display:none;background:transparent;border:none;cursor:pointer}.menu span{width:26px;height:2px;background:#fff;display:block;margin:5px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--gold);padding:12px 19px;border-radius:7px;color:var(--goldlight);font-weight:700;transition:.2s}.btn:hover{background:var(--gold);color:#11181b}.btn-fill{background:var(--gold);color:#101618}.btn-fill:hover{background:#efc884}.eyebrow{text-transform:uppercase;color:var(--goldlight);letter-spacing:.22em;font-size:.72rem;font-weight:800;display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';width:38px;height:1px;background:var(--gold)}
.hero{background:linear-gradient(90deg,rgba(2,8,12,.93),rgba(4,14,18,.64),rgba(2,8,12,.35)),url('/assets/gobekli.webp') center/cover;min-height:585px;border-bottom:1px solid var(--line)}.hero .shell{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center;padding-top:80px;padding-bottom:75px}.hero h1{max-width:790px;text-shadow:0 4px 20px #0009}.hero h1 em{font-style:normal}.hero p.intro{font-size:1.22rem;max-width:680px;color:#f3ede5}.hero p.small{max-width:610px;color:#cbd7d2}.hero-panel{align-self:end;background:rgba(5,14,19,.86);border:1px solid var(--line);border-radius:14px;padding:23px;box-shadow:0 15px 45px #0005;max-width:365px;justify-self:end}.hero-panel h3{color:var(--goldlight);font-size:1.7rem}.hero-panel p{font-size:.93rem}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}.hero-caption{font-size:.7rem;color:#b6babb;border-top:1px solid var(--line);padding-top:9px;margin-top:17px}
.content-section{padding:64px 0}.content-section.tight{padding:43px 0}.bar-title{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.bar-title h2{margin:0}.bar-title .sub{max-width:580px}.goldline{width:78px;height:2px;background:var(--gold);margin-bottom:17px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.article-card{overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,#122027,#0c171b);border-radius:13px;transition:.2s transform,.2s box-shadow}.article-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px #0005}.article-card[hidden]{display:none!important}.roman-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px}.card-image{display:block;position:relative;overflow:hidden}.card-image img{aspect-ratio:16/10;transition:transform .3s}.article-card:hover img{transform:scale(1.04)}.pill{position:absolute;bottom:10px;left:10px;background:rgba(5,13,16,.85);border:1px solid #9b7a4a;color:#f2d6a4;padding:4px 9px;border-radius:100px;font-size:.7rem;letter-spacing:.05em}.card-body{padding:18px 18px 21px}.micro{font-size:.72rem;color:var(--gold);text-transform:uppercase;letter-spacing:.11em;font-weight:700}.card-body h3{font-size:1.55rem;line-height:1.08}.card-body p{font-size:.9rem;line-height:1.58;min-height:70px}.more{font-size:.86rem;color:var(--goldlight);font-weight:700}.feature{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:stretch}.feature-visual{height:485px;position:relative;border-radius:14px;overflow:hidden;box-shadow:0 20px 45px #0005}.feature-visual img{height:100%}.feature-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.88))}.feature-overlay{position:absolute;bottom:20px;left:22px;right:22px;z-index:1}.feature-overlay h2{font-size:2.7rem;margin:.3rem 0;color:#fff}.feature-overlay p{color:#e1e2de}.feature-list{display:flex;flex-direction:column;gap:12px}.feature-row{display:grid;grid-template-columns:148px 1fr;gap:14px;background:#101c21;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:146px}.feature-row img{height:100%;min-height:146px}.feature-row .text{padding:14px 12px 10px 0}.feature-row h3{font-size:1.35rem;margin:0}.feature-row p{font-size:.82rem;margin:.4rem 0}
.topic-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.topic{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:155px;display:flex;align-items:end}.topic img{position:absolute;inset:0;height:100%;filter:brightness(.63)}.topic span{z-index:1;padding:17px 12px 13px;font:600 1.27rem/1.05 Georgia,serif;text-shadow:0 2px 6px #000;min-height:50px}.topic:hover img{filter:brightness(.8)}.topic:after{content:'↗';position:absolute;right:10px;top:8px;color:var(--goldlight);font-size:1.3rem}
.approach{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.approach-item{padding:25px;border:1px solid var(--line);border-radius:13px;background:#0c191d}.approach-item b{display:inline-block;color:var(--gold);font-size:.75rem;letter-spacing:.2em}.approach-item h3{margin-top:12px}.approach-item p{font-size:.93rem}.book-strip{display:grid;grid-template-columns:180px 1fr auto;gap:24px;align-items:center;background:linear-gradient(115deg,#101d25,#1b2827);border:1px solid var(--line);border-radius:15px;padding:21px}.book-strip img{height:180px;border-radius:9px}.book-strip h2{font-size:2.3rem}.book-strip p{max-width:720px}.quote{padding:45px;background:linear-gradient(120deg,#15232a,#1b2d2d);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quote blockquote{margin:0 auto;max-width:950px;text-align:center;font:italic 1.9rem/1.4 Georgia,serif;color:#f2ead8}.quote cite{display:block;text-align:center;color:var(--gold);margin-top:15px;font-style:normal}
.page-hero{min-height:310px;padding:65px 0 50px;background:linear-gradient(100deg,rgba(4,11,14,.98),rgba(5,16,20,.79)),url('/assets/povijest.webp') center/cover;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.8rem,5.2vw,4.9rem)}.page-hero p{max-width:760px;font-size:1.08rem;color:#d5dcda}.breadcrumbs{font-size:.77rem;color:#c8b79b;margin-bottom:20px}.breadcrumbs a{color:#efd7a6}.article-cover{width:100%;height:400px;border-radius:12px;border:1px solid var(--line);margin:22px 0 9px}.figure-note{font-size:.78rem;color:#afaba3;margin-top:0}.article-shell{max-width:1080px;width:calc(100% - 36px);margin:0 auto}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:35px}.article-prose{font:18px/1.85 Georgia,'Times New Roman',serif;color:#e0ddd6}.article-prose h2{font:600 2.4rem/1.1 'Cormorant Garamond',Georgia,serif;color:#f0debc;margin:38px 0 11px}.article-prose p{color:#e1ddd4;font-size:1.06rem;line-height:1.88}.sticky{position:sticky;top:108px;align-self:start}.info{padding:20px;border-radius:12px;border:1px solid var(--line);background:#0f1b20;margin-bottom:16px}.info h3{font-size:1.3rem;margin:0 0 10px;color:var(--goldlight)}.info p{font-size:.87rem}.info strong{color:#e8e1d5}.factgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:38px}.factbox{background:#101d20;border:1px solid var(--line);border-radius:11px;padding:20px}.factbox h3{font-size:1.55rem;color:var(--goldlight);margin:0}.factbox p{font-size:.95rem}.source-list{margin:20px 0 0;padding-left:22px}.source-list li{margin:9px 0;color:#ddc8a2}.source-list a{text-decoration:underline;text-decoration-color:#b88b4d}.side-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.side-gallery img{border-radius:12px;border:1px solid var(--line);height:220px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.filter-chip{background:#0d1a1e;border:1px solid #4b4940;color:#e4dbca;border-radius:100px;padding:10px 13px;cursor:pointer;font-size:.83rem}.filter-chip:hover,.filter-chip.selected{background:#d5a25e;color:#0b1518;border-color:#d5a25e}.searchbar{width:100%;padding:15px 18px;border:1px solid #74603d;border-radius:10px;background:#0b151a;color:#f7eee1;outline:none}.searchbar:focus{outline:2px solid var(--gold)}.count{font-size:.86rem;color:#bfc3bf}.page-notice{padding:22px;border:1px solid var(--line);background:#102127;border-radius:12px}
.footer{margin-top:35px;background:#050c10;border-top:1px solid var(--line);padding:46px 0 23px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:40px}.footerlogo{font-size:1.55rem;color:#f1d5a1}.footer-grid h3{font-size:1.32rem}.footer-grid a:not(.footerlogo){display:block;font-size:.85rem;color:#becbc5;margin:8px 0}.footer-grid p{font-size:.9rem}.copyrights{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:25px;color:#aaaeab;font-size:.78rem}
@media(max-width:1080px){.navline{height:76px}.menu{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;padding:18px 25px;background:#061117;border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:20px}.nav.open{display:flex}.feature{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(3,1fr)}.hero .shell{grid-template-columns:1fr}.hero-panel{justify-self:start;max-width:450px}}
@media(max-width:780px){.roman-grid{grid-template-columns:1fr}.grid-3,.grid-4,.approach{grid-template-columns:1fr 1fr}.article-layout,.book-strip,.footer-grid{grid-template-columns:1fr}.book-strip img{width:150px}.article-cover{height:300px}.hero{min-height:auto}.hero .shell{padding:58px 0}.feature-visual{height:390px}.hero-panel{margin-top:12px}.sticky{position:static}.side-gallery img{height:170px}}
@media(max-width:530px){.brand{min-width:auto}.brand img{height:42px;width:42px}.brand strong{font-size:1.17rem}.brand small{font-size:.5rem}.grid-3,.grid-4,.approach,.factgrid{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic{min-height:145px}.feature-row{grid-template-columns:105px 1fr}.feature-row img{height:130px;min-height:130px}.hero h1{font-size:2.95rem}.hero-panel{width:100%}.bar-title{display:block}.content-section{padding:41px 0}.page-hero{padding:50px 0 35px}.article-cover{height:250px}.article-prose{font-size:16px}.article-prose h2{font-size:1.95rem}.quote blockquote{font-size:1.35rem}.book-strip{grid-template-columns:110px 1fr}.book-strip .btn{grid-column:1/-1}.book-strip img{height:120px;width:110px}.book-strip h2{font-size:1.75rem}.copyrights{flex-direction:column;align-items:start}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}