:root{
  --cream:#F2EBE0;
  --cream-soft:#EAE0D2;
  --blush:#EDCABF;
  --blush-deep:#D8A898;
  --rose:#C07268;
  --rose-deep:#A05850;
  --ink:#1E1410;
  --ink-soft:#2D2118;
  --text-dim:#5E4E47;
  --gold:#9B7B28;
  --gold-bright:#B8930E;
  --hairline:rgba(30,20,16,0.12);
  --hgold:rgba(155,123,40,0.30);
  --success:#5A8C6A;
  --err:#C05050;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;overflow:visible;}
body{background:var(--cream);color:var(--ink);font-family:'Lora',serif;font-weight:400;overflow:visible;}
.site{width:100%;max-width:100%;overflow-x:clip;}
@supports not (overflow-x:clip){.site{overflow-x:hidden;}}
@supports not (overflow-x:clip){.site{overflow-x:hidden;}}
::selection{background:var(--blush-deep);color:var(--ink);}
h1,h2,h3{font-family:'Playfair Display',serif;font-weight:400;color:var(--ink);}
.eyebrow{font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:14px;}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--gold);}
.eyebrow-c{justify-content:center;}
.container{max-width:1160px;width:100%;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;}
a{color:inherit;text-decoration:none;}
.btn-p,.btn-g{font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:14px 30px;transition:all .35s;display:inline-block;border:none;cursor:pointer;}
.btn-p{background:var(--ink);color:var(--cream);border:1px solid var(--ink);}
.btn-p:hover{background:var(--gold);border-color:var(--gold);}
.btn-g{border:1px solid var(--hairline);color:var(--text-dim);background:none;}
.btn-g:hover{border-color:var(--gold);color:var(--gold);}
section{padding:120px 0;position:relative;}
[id]{scroll-margin-top:88px;}

/* ===== SCROLL PROGRESS ===== */
#scrollProg{position:fixed;top:0;left:0;z-index:9999;height:2px;width:0%;background:linear-gradient(90deg,var(--rose),var(--gold));transition:width .08s linear;pointer-events:none;}

/* ===== COOKIE ===== */
#cookieBanner{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:2147483647;background:var(--ink);border-top:1px solid rgba(255,255,255,.1);padding:18px 40px calc(18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;box-sizing:border-box;}
html.ck-done #cookieBanner{display:none;}
#cookieBanner p{font-size:13px;color:rgba(255,255,255,.75);line-height:1.5;max-width:640px;}
#cookieBanner p a{color:var(--gold-bright);}
.ck-btns{display:flex;gap:10px;}
.ck-btns button{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:9px 18px;cursor:pointer;transition:all .3s;border:none;}
#ckOk{background:var(--gold);color:var(--ink);}
#ckNo{background:none;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.6);}

/* ===== BACK TO TOP ===== */
#backTop{position:fixed;bottom:28px;right:28px;z-index:400;width:42px;height:42px;background:var(--ink);border:none;color:var(--cream);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s;pointer-events:none;}
#backTop.show{opacity:1;transform:translateY(0);pointer-events:auto;}
#backTop:hover{background:var(--gold);}

/* ===== NAV ===== */
header.nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:24px 48px;background:linear-gradient(to bottom,rgba(253,250,247,.92),rgba(253,250,247,0));transition:background .4s,padding .4s;}
header.nav.scrolled{background:rgba(253,250,247,.97);backdrop-filter:blur(10px);padding:14px 48px;border-bottom:1px solid var(--hairline);}
.logo-mark{font-family:'Playfair Display',serif;font-size:20px;font-style:italic;letter-spacing:.04em;display:flex;align-items:center;gap:10px;}
.logo-seal{width:30px;height:30px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--gold);font-family:'Playfair Display',serif;font-style:italic;}
nav.links{display:flex;gap:36px;font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;}
nav.links a{position:relative;color:var(--text-dim);transition:color .3s;}
nav.links a:hover{color:var(--ink);}
nav.links a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--gold);transition:width .3s;}
nav.links a:hover::after{width:100%;}
.nav-cta{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--ink);color:var(--ink);padding:9px 20px;transition:all .3s;background:none;cursor:pointer;}
.nav-cta:hover{background:var(--ink);color:var(--cream);}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;z-index:201;padding:4px;}
.burger span{display:block;height:1px;background:var(--ink);transition:all .35s;}
.burger span:nth-child(1){width:26px;}
.burger span:nth-child(2){width:18px;}
.burger span:nth-child(3){width:22px;}
.burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg);width:22px;}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);width:22px;}
.mob-menu{position:fixed;inset:0;background:var(--cream);z-index:199;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;transform:translateX(100%);transition:transform .45s cubic-bezier(.77,0,.18,1);}
.mob-menu.open{transform:translateX(0);}
.mob-menu a,.mob-menu button{font-family:'Playfair Display',serif;font-size:clamp(24px,6vw,36px);font-style:italic;font-weight:400;color:var(--ink);background:none;border:none;cursor:pointer;transition:color .3s;}
.mob-menu a:hover,.mob-menu button:hover{color:var(--gold);}
.mob-menu .m-cta{font-family:'Jost',sans-serif;font-size:12px;font-style:normal;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--ink);padding:12px 30px;margin-top:8px;}

/* ===== HERO ===== */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:160px 24px 100px;position:relative;overflow:hidden;background:var(--cream);}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 20%,rgba(240,229,222,.7),transparent 65%),radial-gradient(ellipse 40% 30% at 80% 80%,rgba(155,123,40,.06),transparent 60%);pointer-events:none;}
.hero-frame{position:absolute;top:60px;left:50%;transform:translateX(-50%);width:min(680px,90vw);height:calc(100% - 120px);border:1px solid var(--hgold);pointer-events:none;}
.hero-frame::before,.hero-frame::after{content:"";position:absolute;width:18px;height:18px;border:1px solid var(--gold);}
.hero-frame::before{top:-1px;left:-1px;border-right:none;border-bottom:none;}
.hero-frame::after{bottom:-1px;right:-1px;border-left:none;border-top:none;}
.hero-inner{position:relative;z-index:2;max-width:700px;}
.hero-eyebrow{font-family:'Jost',sans-serif;font-size:14px;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px;}
.hero-eyebrow::before,.hero-eyebrow::after{content:"";width:24px;height:1px;background:var(--gold);}
.hero h1{font-size:clamp(44px,7vw,88px);line-height:1.04;font-weight:400;margin-bottom:6px;font-style:italic;}
.hero h1 em{font-style:normal;font-weight:500;}
.hero-rule{width:48px;height:1px;background:var(--rose);margin:22px auto;display:block;}
.hero p.sub{font-size:19px;font-weight:300;color:var(--text-dim);max-width:520px;margin:0 auto 42px;line-height:1.65;}
.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.scroll-line{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);width:1px;height:44px;background:linear-gradient(var(--gold),transparent);animation:drop 2.2s ease-in-out infinite;}
@keyframes drop{0%{opacity:0;transform:translateX(-50%) scaleY(0);transform-origin:top;}40%{opacity:1;transform:translateX(-50%) scaleY(1);transform-origin:top;}100%{opacity:0;transform:translateX(-50%) scaleY(1);transform-origin:bottom;}}

/* ===== STATS STRIP ===== */
.stats-strip{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:var(--blush);padding:0;}
.stats-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--hairline);}
.stat-box{background:var(--blush);padding:46px 28px;text-align:center;transition:background .3s;}
.stat-box:hover{background:var(--blush-deep);}
.stat-num{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(40px,5vw,56px);color:var(--gold);line-height:1;display:block;margin-bottom:10px;}
.stat-lbl{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);}

/* ===== O MENI ===== */
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;}
.portrait-wrap{position:relative;aspect-ratio:4/5;border:1px solid var(--hgold);padding:16px;}
.portrait-inner{width:100%;height:100%;background:linear-gradient(140deg,var(--blush) 0%,var(--blush-deep) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.portrait-img-el{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;display:none;}
.portrait-img-el.loaded{display:block;}
.portrait-ph{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1;}
.portrait-mono{font-family:'Playfair Display',serif;font-style:italic;font-size:90px;color:rgba(155,123,40,.2);line-height:1;}
.portrait-upload-lbl{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid var(--hgold);padding:8px 14px;cursor:pointer;transition:all .3s;}
.portrait-upload-lbl:hover{background:var(--gold);color:var(--cream);}
#portraitInput{display:none;}
.p-corner{position:absolute;width:18px;height:18px;border:1px solid var(--gold);}
.p-corner.tl{top:-1px;left:-1px;border-right:none;border-bottom:none;}
.p-corner.br{bottom:-1px;right:-1px;border-left:none;border-top:none;}
.about-text .signature{font-family:'Playfair Display',serif;font-style:italic;font-size:28px;color:var(--gold);margin-top:28px;}
.about-text h2{font-size:clamp(30px,4vw,42px);font-style:italic;line-height:1.2;margin:14px 0 22px;}
.about-text p{font-size:18px;line-height:1.9;color:var(--text-dim);margin-bottom:16px;max-width:520px;}
.about-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
.pill{font-family:'Jost',sans-serif;font-size:9px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--hairline);color:var(--text-dim);padding:6px 14px;}

/* ===== KNJIGE ===== */
.books-section{background:var(--blush);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);}
.books-head{text-align:center;margin-bottom:72px;}
.books-head h2{font-size:clamp(32px,4vw,44px);font-style:italic;margin-top:16px;}
.books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:transparent;}
.book-card{background:var(--cream);padding:40px 32px;display:flex;flex-direction:column;transition:background .3s;box-shadow:inset 0 0 0 1px var(--hairline);}
.book-card:hover{background:var(--cream-soft);}
.book-year{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:block;}
.book-title{font-family:'Playfair Display',serif;font-style:italic;font-size:22px;font-weight:400;line-height:1.3;margin-bottom:10px;}
.book-pub{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px;}
.book-pub:empty{margin:0;font-size:0;line-height:0;}
.book-rule{width:28px;height:1px;background:var(--rose);margin:14px 0;}
.book-desc{font-size:16px;line-height:1.75;color:var(--text-dim);flex-grow:1;margin-bottom:22px;}
.book-link{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--hgold);padding-bottom:3px;align-self:flex-start;justify-self:start;width:fit-content;transition:color .3s;}
.book-link:hover{color:var(--rose-deep);}
.book-card.ebook{background:var(--ink);}
.book-card.ebook .book-year,.book-card.ebook .book-title,.book-card.ebook .book-pub,.book-card.ebook .book-desc{color:rgba(253,250,247,.75);}
.book-card.ebook .book-title{color:var(--cream);}
.book-card.ebook .book-rule{background:var(--gold);}
.book-card.ebook .book-link{color:var(--gold-bright);border-color:rgba(184,147,14,.4);}

/* ===== RAD SA MNOM ===== */
.services-head{text-align:center;margin-bottom:72px;}
.services-head h2{font-size:clamp(32px,4vw,44px);font-style:italic;margin-top:16px;}
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;background:transparent;}
.service-card{background:var(--cream);padding:52px 44px;transition:background .35s;box-shadow:inset 0 0 0 1px var(--hairline);}
.service-card:hover{background:var(--blush);}
.service-icon{width:48px;height:48px;border:1px solid var(--hgold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:22px;}
.service-num{font-family:'Playfair Display',serif;font-style:italic;font-size:13px;color:var(--gold);margin-bottom:14px;display:block;}
.service-card h3{font-size:24px;font-style:italic;font-weight:400;margin-bottom:14px;line-height:1.2;}
.service-card p{font-size:17px;line-height:1.8;color:var(--text-dim);margin-bottom:22px;}
.service-link{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--hgold);padding-bottom:3px;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;transition:color .3s;}
.service-link:hover{color:var(--rose-deep);}

/* ===== RECENZIJE ===== */
.recenzije{background:var(--blush);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);}
.recenzije-head{text-align:center;margin-bottom:64px;}
.recenzije-head h2{font-size:clamp(30px,4vw,42px);font-style:italic;margin-top:16px;}
.testi-featured{background:var(--cream);padding:52px 56px;border:1px solid var(--hairline);margin-bottom:0;}
.testi-featured blockquote{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(20px,2.8vw,27px);line-height:1.55;color:var(--ink);margin-bottom:24px;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:transparent;}
.testi-card{background:var(--cream);padding:34px 30px;transition:background .3s;box-shadow:inset 0 0 0 1px var(--hairline);}
.testi-card:hover{background:var(--cream-soft);}
.quote-mark{font-family:'Playfair Display',serif;font-size:44px;color:var(--rose);opacity:.6;line-height:.7;display:block;margin-bottom:14px;}
.testi-card blockquote{font-size:17px;line-height:1.75;color:var(--text-dim);margin-bottom:18px;font-style:italic;}
.testi-author{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);}

/* ===== BLOG ===== */
.blog-head{text-align:center;margin-bottom:60px;}
.blog-head h2{font-size:clamp(30px,4vw,42px);font-style:italic;margin-top:16px;}
.blog-search-wrap{max-width:460px;margin:0 auto 22px;position:relative;}
.blog-search-input{width:100%;background:var(--cream-soft);border:none;border-bottom:2px solid var(--hgold);color:var(--ink);font-family:'Lora',serif;font-style:italic;font-size:17px;padding:12px 40px 12px 4px;outline:none;}
.blog-search-input::placeholder{color:var(--text-dim);}
.blog-search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);font-size:16px;cursor:pointer;display:none;}
.blog-search-count{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);text-align:center;margin-bottom:16px;min-height:14px;}
.blog-filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:50px;}
.blog-filter-btn{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:none;border:1px solid var(--hairline);color:var(--text-dim);padding:8px 18px;cursor:pointer;transition:all .3s;}
.blog-filter-btn:hover{border-color:var(--gold);color:var(--gold);}
.blog-filter-btn.active{border-color:var(--ink);color:var(--ink);background:var(--ink);color:var(--cream);}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:transparent;}
.blog-card{background:var(--cream);display:flex;flex-direction:column;overflow:hidden;transition:background .3s;box-shadow:inset 0 0 0 1px var(--hairline);}
.blog-card:hover{background:var(--blush);}
.blog-card-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-bottom:1px solid var(--hairline);}
.blog-card-img.lazy-pending{opacity:0;}
.blog-card-img.lazy-loaded{opacity:1;transition:opacity .4s;}
.blog-card-body{padding:26px 28px 28px;display:flex;flex-direction:column;flex:1;}
.blog-meta-row{display:flex;justify-content:space-between;margin-bottom:12px;}
.blog-date,.read-time{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);}
.blog-cat-wrap{margin-bottom:12px;}
.blog-cat{font-family:'Jost',sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--rose-deep);border:1px solid rgba(196,144,138,.4);background:rgba(196,144,138,.08);padding:4px 11px;display:inline-block;width:auto;max-width:100%;align-self:flex-start;flex:0 0 auto;line-height:1.35;white-space:nowrap;}
.blog-card h3{font-size:21px;font-style:italic;font-weight:400;line-height:1.3;margin-bottom:10px;}
.blog-card p{color:var(--text-dim);font-size:15px;line-height:1.7;margin-bottom:18px;flex-grow:1;}
.read-more-btn{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--hgold);padding-bottom:3px;align-self:flex-start;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;transition:color .3s;}
.read-more-btn:hover{color:var(--rose-deep);}
.blog-loading,.blog-empty{grid-column:1/-1;text-align:center;color:var(--text-dim);padding:40px 0;font-style:italic;}
.show-all-wrap{text-align:center;margin-top:44px;}
#showAllBtn{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:none;border:1px solid var(--hairline);color:var(--text-dim);padding:12px 28px;cursor:pointer;transition:all .3s;}
#showAllBtn:hover{border-color:var(--gold);color:var(--gold);}

/* ===== MEDIJI ===== */
.mediji{background:var(--blush);border-top:1px solid var(--hairline);}
.mediji-head{text-align:center;margin-bottom:60px;}
.mediji-head h2{font-size:clamp(30px,4vw,42px);font-style:italic;margin-top:16px;}
.mediji-head p{color:var(--text-dim);max-width:480px;margin:14px auto 0;font-size:16px;line-height:1.7;}
.mediji-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:transparent;margin-bottom:56px;}
.medij-card{background:var(--cream);padding:36px 28px;text-align:center;transition:background .3s;box-shadow:inset 0 0 0 1px var(--hairline);}
.medij-card:hover{background:var(--cream-soft);}
.medij-logo{font-family:'Playfair Display',serif;font-style:italic;font-size:22px;color:var(--ink);margin-bottom:10px;}
.medij-type{font-family:'Jost',sans-serif;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;display:block;}
.medij-desc{font-size:14px;color:var(--text-dim);line-height:1.65;}
.awards-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px;justify-content:center;align-items:start;padding-top:44px;border-top:1px solid var(--hairline);width:100%;}
.award-item{text-align:center;min-width:0;}
.award-year{font-family:'Playfair Display',serif;font-style:italic;font-size:32px;color:var(--gold);display:block;margin-bottom:4px;}
.award-name{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);}

/* ===== NEWSLETTER ===== */
.newsletter{text-align:center;border-top:1px solid var(--hairline);}
.newsletter h2{font-size:clamp(28px,4vw,40px);font-style:italic;margin:16px 0 16px;}
.newsletter p{color:var(--text-dim);max-width:440px;margin:0 auto 36px;font-size:16px;line-height:1.7;}
.nl-form{display:flex;flex-direction:column;align-items:stretch;max-width:520px;width:100%;margin:28px auto 0;position:relative;background:none;border:none;}
.nl-form-row{display:flex;width:100%;background:var(--blush);border:1px solid var(--blush-deep);border-bottom:2px solid var(--rose);}
.nl-form-row input[type=email]{flex:1;min-width:0;background:transparent;border:none;outline:none;font-family:'Lora',serif;font-style:italic;font-size:17px;color:var(--ink);padding:14px 18px;}
.nl-form-row input[type=email]::placeholder{color:var(--text-dim);}
.nl-form-row button{background:var(--rose);border:none;color:#fff;font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;padding:14px 20px;transition:background .3s;flex-shrink:0;}
.nl-form-row button:hover{background:var(--rose-deep);}
.nl-consent{display:flex;align-items:flex-start;gap:10px;margin-top:14px;text-align:left;cursor:default;color:var(--text-dim);font-size:13px;line-height:1.55;}
.nl-consent input[type=checkbox]{flex-shrink:0;width:16px;height:16px;margin:3px 0 0;accent-color:var(--rose);cursor:pointer;}
.nl-consent a{color:var(--gold);border-bottom:1px solid var(--hgold);}
.nl-ok{color:var(--success);font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.12em;margin-top:16px;display:none;}
.nl-err{color:var(--err);font-family:'Jost',sans-serif;font-size:11px;margin-top:10px;display:none;}

/* ===== KONTAKT ===== */
.contact-section{background:var(--blush);border-top:1px solid var(--hairline);}
.contact-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start;}
.contact-info h2{font-size:clamp(28px,4vw,40px);font-style:italic;margin:16px 0 22px;}
.contact-info p{color:var(--text-dim);font-size:17px;line-height:1.85;margin-bottom:18px;}
.c-detail{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--text-dim);font-size:15px;}
.c-icon{width:32px;height:32px;border:1px solid var(--hgold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}
.c-detail a{transition:color .3s;}
.c-detail a:hover{color:var(--gold);}
.cf-lbl{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:7px;}
.cf-fld{margin-bottom:14px;}
.cf-fld input,.cf-fld textarea,.cf-fld select{width:100%;background:var(--cream);border:1px solid var(--hairline);color:var(--ink);font-family:'Lora',serif;font-size:16px;padding:13px 16px;outline:none;transition:border-color .3s;}
.cf-fld input:focus,.cf-fld textarea:focus,.cf-fld select:focus{border-color:var(--gold);}
.cf-fld textarea{resize:vertical;min-height:120px;}
.cf-fld select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%239B7B28' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-color:var(--cream);cursor:pointer;}
.cf-fld select option{background:var(--cream);}
.cf-submit{width:100%;padding:16px;font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;background:var(--ink);color:var(--cream);border:none;cursor:pointer;transition:all .35s;margin-top:6px;}
.cf-submit:hover{background:var(--gold);}
.cf-status{font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.1em;margin-top:14px;display:none;}
.cf-status.ok{color:var(--success);display:block;}
.cf-status.err{color:var(--err);display:block;}

/* ===== FAQ ===== */
.faq{border-top:1px solid var(--hairline);}
.faq-head{text-align:center;margin-bottom:60px;}
.faq-head h2{font-size:clamp(28px,4vw,40px);font-style:italic;margin-top:16px;}
.faq-list{max-width:740px;margin:0 auto;display:flex;flex-direction:column;gap:1px;background:var(--hairline);}
.faq-item{background:var(--cream);}
.faq-item.open{background:var(--blush);}
.faq-q{width:100%;background:none;border:none;color:var(--ink);font-family:'Playfair Display',serif;font-size:19px;font-style:italic;font-weight:400;text-align:left;padding:24px 28px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:color .3s;}
.faq-q:hover{color:var(--gold);}
.faq-icon{font-size:16px;color:var(--gold);flex-shrink:0;transition:transform .4s;font-style:normal;font-family:'Jost',sans-serif;font-weight:300;}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s ease;}
.faq-a-inner{padding:0 28px 24px;color:var(--text-dim);font-size:16px;line-height:1.8;}
.faq-item.open .faq-a{max-height:300px;}

/* ===== FOOTER ===== */
footer{padding:72px 0 32px;border-top:1px solid var(--hairline);}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:56px;padding-bottom:52px;border-bottom:1px solid var(--hairline);margin-bottom:28px;}
.footer-brand p{color:var(--text-dim);max-width:260px;font-size:15px;line-height:1.7;margin-top:14px;}
.footer-cols{display:flex;gap:72px;}
.footer-col h4{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;}
.footer-col a{display:block;color:var(--text-dim);font-size:15px;margin-bottom:10px;transition:color .3s;}
.footer-col a:hover{color:var(--gold);}
.footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px 28px;}
.footer-bottom p,.footer-bottom a,.footer-bottom span{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.08em;color:var(--text-dim);}
.footer-bottom a:hover{color:var(--gold);}
.footer-copy{margin:0;}
.footer-legal{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;margin:0;}
.footer-legal a,.footer-legal span{margin:0;white-space:nowrap;}
.footer-credit{margin:0;justify-self:end;text-align:right;}

/* ===== SKELETON ===== */
@keyframes skel-pulse{0%,100%{opacity:.35;}50%{opacity:.7;}}
.skeleton-card{border:1px solid var(--hairline);background:var(--cream-soft);overflow:hidden;}
.skel-img{width:100%;height:140px;background:var(--blush);animation:skel-pulse 1.6s ease-in-out infinite;}
.skel-body{padding:24px 28px 28px;}
.skel-line{background:var(--blush);border-radius:1px;margin-bottom:10px;animation:skel-pulse 1.6s ease-in-out infinite;}
.skel-line.s{width:36%;height:8px;}
.skel-line.m{width:62%;height:11px;}
.skel-line.l{width:86%;height:11px;}
.skel-line.t{width:72%;height:17px;margin-bottom:16px;}
.skel-line.btn{width:40%;height:9px;margin-top:8px;}

/* ===== MODALS ===== */
.modal-overlay{position:fixed;inset:0;background:rgba(30,20,16,.55);backdrop-filter:blur(4px);z-index:500;display:none;align-items:center;justify-content:center;padding:28px;overflow-y:auto;}
.modal-overlay.open{display:flex;}
.modal-box{position:relative;background:var(--cream);border:1px solid var(--hairline);width:100%;max-height:88vh;overflow-y:auto;padding:46px 42px;margin:auto;}
.modal-box.small{max-width:380px;}
.modal-box.large{max-width:800px;}
.modal-box.reader{max-width:660px;}
.modal-close{position:sticky;top:0;float:right;background:var(--cream);border:1px solid var(--hairline);color:var(--text-dim);font-size:14px;cursor:pointer;width:30px;height:30px;transition:all .25s;line-height:30px;text-align:center;}
.modal-close:hover{border-color:var(--gold);color:var(--gold);}
.modal-date{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:12px;clear:both;padding-top:4px;}
.modal-box h3{font-size:28px;font-style:italic;font-weight:400;line-height:1.25;margin-bottom:22px;}
.modal-content h2{font-family:'Playfair Display',serif;font-size:23px;font-style:italic;margin:30px 0 12px;}
.modal-content h3{font-family:'Playfair Display',serif;font-size:18px;font-style:italic;margin:22px 0 10px;}
.modal-content p{color:var(--text-dim);font-size:16px;line-height:1.85;margin-bottom:18px;}
.modal-content strong{color:var(--ink);font-weight:500;}
.modal-content em{font-style:italic;color:var(--rose-deep);}
.modal-content a{color:var(--gold);border-bottom:1px solid var(--hgold);}
.modal-content ul{margin:0 0 18px 22px;color:var(--text-dim);}
.modal-content li{margin-bottom:7px;font-size:16px;line-height:1.7;}
.modal-content blockquote{border-left:2px solid var(--rose);padding:10px 18px;margin:20px 0;color:var(--text-dim);font-style:italic;}
.share-bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid var(--hairline);align-items:center;}
.share-lbl{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);}
.share-btn{font-family:'Jost',sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid var(--hairline);color:var(--text-dim);background:none;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;}
.share-btn:hover{border-color:var(--gold);color:var(--gold);}
.post-nav{display:flex;justify-content:space-between;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--hairline);}
.post-nav-btn{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:none;border:1px solid var(--hairline);color:var(--text-dim);padding:11px 18px;cursor:pointer;transition:all .3s;flex:1;text-align:center;max-width:48%;}
.post-nav-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold);}
.post-nav-btn:disabled{opacity:.2;cursor:default;}
/* Admin */
.admin-input:focus,.admin-textarea:focus{border-color:var(--gold);}
.draft-badge{color:var(--text-dim);border:1px solid var(--hairline);}

/* ===== REVEAL ===== */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s,transform .9s;}
.reveal.in{opacity:1;transform:translateY(0);}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}.scroll-line{animation:none;}}

/* ===== RESPONSIVE ===== */
@media(max-width:960px){
  nav.links,.nav-cta{display:none;}
  .burger{display:flex;}
  header.nav{padding:18px 16px;}
  header.nav.scrolled{padding:12px 16px;}
  #cookieBanner{padding-left:16px;padding-right:16px;}
  .about-grid,.contact-inner{grid-template-columns:minmax(0,1fr);gap:44px;}
  .books-grid,.services-grid,.testi-grid,.mediji-grid,.blog-grid,.media-grid{grid-template-columns:minmax(0,1fr);}
  .stats-inner{grid-template-columns:repeat(2,minmax(0,1fr));}
  .footer-top{flex-direction:column;}
  .footer-cols{gap:44px;}
  .footer-bottom{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-right:56px;}
  .footer-bottom p,.footer-bottom a,.footer-bottom span{font-size:11px;letter-spacing:.02em;line-height:1.45;}
  .footer-legal{order:1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:0;row-gap:6px;min-width:0;max-width:100%;padding-right:0;}
  .footer-legal span{display:none;}
  .footer-legal a:not(:last-child)::after{content:"·";margin:0 8px;color:var(--text-dim);}
  .footer-copy{order:2;width:auto;max-width:100%;min-width:0;margin:0;}
  .footer-credit{order:3;width:auto;max-width:100%;min-width:0;margin:0;justify-self:start;text-align:left;}
  #backTop,#backTop.show{position:absolute;right:0;top:50%;bottom:auto;width:40px;height:40px;transform:translateY(-50%);}
  .container{padding-left:16px;padding-right:16px;}
  section{padding:80px 0;}
  .hero-frame{display:none;}
  .hero-eyebrow{font-size:10px;}
  .modal-box{padding:30px 22px;}
  .stat-box{padding:32px 16px;min-width:0;}
}

/* ===== BOOK COVERS — stalno vidljive ===== */
.book-card{position:relative;overflow:hidden;display:flex;flex-direction:column;}
.book-cover-static{height:210px;display:flex;flex-shrink:0;width:100%;}
.book-cover-static img{width:100%;height:100%;object-fit:cover;display:block;}
.book-cover-static.has-photo{
  position:relative;
  flex:0 0 360px;
  height:360px;
  min-height:360px;
  max-height:360px;
  overflow:hidden;
  margin:6px 0 18px;
  background:var(--cream-soft);
}
.book-cover-static.has-photo img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center;
}
.book-spine{width:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.book-spine span{font-family:'Jost',sans-serif;font-size:6px;letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;}
.book-face{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:20px 16px 16px;}
.book-face-eyebrow{font-family:'Jost',sans-serif;font-size:7px;letter-spacing:.22em;text-transform:uppercase;}
.book-face-title{font-family:'Playfair Display',serif;font-style:italic;font-size:18px;line-height:1.25;flex-grow:1;display:flex;align-items:center;}
.book-face-rule{width:22px;height:1px;margin:10px 0;}
.book-face-author{font-family:'Jost',sans-serif;font-size:8px;letter-spacing:.18em;text-transform:uppercase;}
.book-card-body{padding:22px 28px 26px;display:flex;flex-direction:column;flex:1;}
@media(min-width:961px){
  .books-grid>.book-card{grid-row:span 7;}
  .books-grid>.book-card:has(.book-card-body){display:grid;grid-template-rows:subgrid;}
  .book-card-body{display:grid;grid-template-rows:subgrid;grid-row:span 7;}
}

/* ===== MEDIA CARDS ===== */
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline);}
.media-grid.is-empty{background:transparent;}
.media-card{background:var(--cream);padding:0;display:flex;flex-direction:column;transition:background .3s;}
.media-card:hover{background:var(--cream-soft);}
.media-card-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-bottom:1px solid var(--hairline);}
.media-card-inner{padding:36px 28px 32px;display:flex;flex-direction:column;flex:1;align-items:center;text-align:center;}
.media-title{font-family:'Playfair Display',serif;font-style:italic;font-size:18px;font-weight:400;line-height:1.3;margin:0 0 10px;color:var(--ink);}
.media-kicker,.media-date{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 14px;display:block;}
.media-date{letter-spacing:.12em;color:var(--text-dim);margin-top:-6px;}
.media-excerpt{font-size:15px;line-height:1.7;color:var(--text-dim);flex-grow:1;margin:0;}
.media-link{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--hgold);padding-bottom:3px;align-self:center;margin-top:18px;transition:color .3s;}
.media-link:hover{color:var(--rose-deep);}
.media-empty{grid-column:1/-1;text-align:center;color:var(--text-dim);padding:60px 20px;font-style:italic;font-size:16px;line-height:1.7;}
@media(max-width:960px){.media-grid{grid-template-columns:1fr;}}

/* ===== INNER PAGES ===== */
.page-main{padding:140px 0 90px;}
.article-wrap{max-width:740px;margin:0 auto;}
.article-hero-img{width:100%;aspect-ratio:16/8;object-fit:cover;border:1px solid var(--hairline);margin:8px 0 28px;display:block;}
.article-kicker{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:14px;}
.article-wrap > h1{font-size:clamp(32px,4.4vw,48px);font-style:italic;font-weight:400;line-height:1.2;margin-bottom:18px;}
.article-meta{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:28px;font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);}
.article-body{color:var(--text-dim);}
.article-body h2{font-family:'Playfair Display',serif;font-size:23px;font-style:italic;color:var(--ink);margin:30px 0 12px;}
.article-body h3{font-family:'Playfair Display',serif;font-size:18px;font-style:italic;color:var(--ink);margin:22px 0 10px;}
.article-body p{font-size:17px;line-height:1.85;margin-bottom:18px;}
.article-body ul,.article-body ol{margin:0 0 18px 22px;}
.article-body li{margin-bottom:7px;font-size:16px;line-height:1.7;}
.article-body blockquote{border-left:2px solid var(--rose);padding:10px 18px;margin:20px 0;font-style:italic;}
.article-body a{color:var(--gold);border-bottom:1px solid var(--hgold);}
.article-body img{max-width:100%;height:auto;margin:18px 0;border:1px solid var(--hairline);}
.service-page{display:flow-root;}
.service-hero{float:right;width:min(420px,46%);margin:4px 0 28px 56px;}
.service-hero img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border:1px solid var(--hgold);padding:12px;background:var(--cream-soft);}
.service-page h1{font-size:clamp(32px,4.4vw,48px);font-style:italic;font-weight:400;line-height:1.15;margin:14px 0 18px;}
.service-intro{color:var(--text-dim);font-size:18px;line-height:1.85;margin:0 0 18px;}
.service-copy .article-body{max-width:none;}
.service-extra-copy{margin-top:8px;}
.service-extra-fig{clear:both;margin:36px 0 8px;max-width:640px;}
.service-extra-fig img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--hairline);}
.service-cta{margin:8px 0 0;clear:none;}
.service-quote{clear:both;font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(20px,2.6vw,28px);line-height:1.5;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:36px 8px;margin:40px 0;text-align:center;}
.post-nav{display:flex;justify-content:space-between;gap:14px;margin-top:36px;padding-top:22px;border-top:1px solid var(--hairline);}
.post-nav a,.post-nav span{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--hairline);color:var(--text-dim);padding:11px 18px;transition:all .3s;flex:1;text-align:center;max-width:48%;}
.post-nav a:hover{border-color:var(--gold);color:var(--gold);}
.post-nav span{opacity:.25;}
.book-cover-static.has-photo{padding:0;}
.portrait-img-el{display:none;}
.portrait-img-el.loaded{display:block;}

/* ===== SITE GATE ===== */
.gate-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--cream);}
.gate-box{width:100%;max-width:420px;text-align:center;border:1px solid var(--hgold);padding:48px 36px;background:var(--cream);}
.gate-box h1{font-size:32px;font-style:italic;margin:16px 0 10px;}
.gate-box p{color:var(--text-dim);font-size:16px;line-height:1.7;margin-bottom:28px;}
.gate-box input{width:100%;background:var(--cream-soft);border:1px solid var(--hairline);color:var(--ink);font-family:'Lora',serif;font-size:16px;padding:13px 16px;outline:none;margin-bottom:14px;}
.gate-box input:focus{border-color:var(--gold);}
.gate-err{color:var(--err);font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.08em;margin-bottom:12px;}

.hp-field{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  border:0!important;
  white-space:nowrap!important;
  opacity:0!important;
  pointer-events:none!important;
}
@media(max-width:960px){
  .service-page{display:flex;flex-direction:column;}
  .service-page > .eyebrow{order:1;}
  .service-page > h1{order:2;}
  .service-hero{order:3;float:none;width:100%;max-width:520px;margin:8px 0 28px;}
  .service-copy{order:4;}
  .service-cta{order:5;}
  .service-extra-fig{order:6;clear:none;max-width:520px;margin:8px 0 28px;}
  .service-quote{order:7;clear:none;}
  .media-grid{grid-template-columns:minmax(0,1fr);}
  .book-card{padding:32px 20px;}
  .book-card-body{padding:0;}
  .book-cover-static.has-photo{
    position:static;
    flex:none;
    height:auto;
    min-height:0;
    max-height:none;
    overflow:visible;
    background:transparent;
  }
  .book-cover-static.has-photo img{
    position:static;
    inset:auto;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:min(78vh, 560px);
    object-fit:contain;
  }
  .service-card,.testi-card,.testi-featured{padding-left:20px;padding-right:20px;}
  .media-card-inner{padding:30px 20px;}
  .blog-card-body{padding:22px 20px 24px;}
}
@media(max-width:700px){
  .awards-strip{grid-template-columns:1fr;gap:28px;}
}