@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
/* Prenova v Duhu — COMPLETE standalone styles.css
   Contains all site styles + the redesigned Dogodki section.
   Poster images: ../assets/posters/*.png (referenced by HTML img src, not CSS).
*/

    :root{
      --white:#ffffff;
      --paper:#f8fbff;
      --paper-2:#fffef8;
      --blue:#244ea3;
      --blue-soft:#6f95df;
      --blue-pale:#eaf2ff;
      --gold:#f2c24d;
      --gold-soft:#fff4cc;
      --ink:#153160;
      --text:#274066;
      --muted:#6980a7;
      --line:#d9e5fb;
      --shadow:0 22px 60px rgba(34,74,145,.08);
      --radius-xl:36px;
      --radius-lg:28px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter,system-ui,sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 12% 10%, rgba(242,194,77,.18), transparent 20%),
        radial-gradient(circle at 86% 12%, rgba(111,149,223,.16), transparent 18%),
        linear-gradient(180deg, #fdfefe 0%, #f7fbff 54%, #fbfdff 100%);
    }
    a{text-decoration:none;color:inherit}
    .wrap{width:min(1240px, calc(100% - 40px));margin:0 auto}
    .eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--blue)}

    .site-header{
      position:sticky;top:0;z-index:40;
      background:rgba(255,255,255,.82);
      backdrop-filter:blur(16px);
      border-bottom:1px solid rgba(36,78,163,.08);
    }
    .header-inner{display:flex;align-items:center;gap:28px;min-height:84px}
    .brand{display:flex;align-items:center;gap:14px;min-width:0}
    .brand-mark{width:42px;height:42px;flex:0 0 auto}
    .brand strong{display:block;font:600 31px/1 "Cormorant Garamond",serif;color:var(--ink);letter-spacing:-.02em}
    .brand small{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:2px}
    .main-nav{display:flex;gap:22px;align-items:center;margin-left:auto}
    .main-nav a{font-size:13px;font-weight:500;color:var(--text);padding:6px 0;position:relative}
    .main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,var(--gold),var(--blue-soft));transform:scaleX(0);transform-origin:center;transition:transform .22s}
    .main-nav a:hover:after{transform:scaleX(1)}
    .main-nav .cta{
      padding:12px 18px;border-radius:999px;
      background:linear-gradient(135deg, var(--gold-soft), #fff);
      border:1px solid rgba(242,194,77,.45);
      box-shadow:0 8px 22px rgba(242,194,77,.16);
      font-weight:600;
    }
    .menu-btn{display:none;border:0;background:none;color:var(--ink);font-size:26px;margin-left:auto}

    .hero{padding:38px 0 26px}
    .hero-shell{
      position:relative;
      overflow:hidden;
      border-radius:44px;
      background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(234,242,255,.9));
      border:1px solid rgba(36,78,163,.08);
      box-shadow:var(--shadow);
    }
    .hero-shell:before{
      content:"";position:absolute;inset:auto auto -60px -50px;width:240px;height:240px;border-radius:50%;
      background:radial-gradient(circle, rgba(242,194,77,.28), transparent 68%);
    }
    .hero-shell:after{
      content:"";position:absolute;top:-70px;right:-40px;width:270px;height:270px;border-radius:50%;
      background:radial-gradient(circle, rgba(111,149,223,.24), transparent 70%);
    }
    .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:72px 64px 60px;position:relative;z-index:1}
    .hero-copy h1{margin:14px 0 18px;font:600 clamp(62px,8vw,108px)/.92 "Cormorant Garamond",serif;letter-spacing:-.045em;color:var(--ink);max-width:8ch}
    .hero-copy h1 .gold{color:#d9a625;font-style:italic}
    .hero-copy .lead{margin:0 0 26px;max-width:590px;font-size:17px;line-height:1.9;color:var(--text)}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap}
    .btn{
      display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;font-weight:600;font-size:14px;transition:transform .22s
    }
    .btn:hover{transform:translateY(-1px)}
    .btn-primary{background:linear-gradient(135deg, var(--gold), #ffd976);color:#5b4100;box-shadow:0 12px 24px rgba(242,194,77,.24)}
    .btn-secondary{background:#fff;border:1px solid var(--line);color:var(--blue)}

    .verse{
      margin-top:34px;padding:22px 24px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(36,78,163,.08);max-width:500px
    }
    .verse p{margin:0;font:500 29px/1.2 "Cormorant Garamond",serif;color:var(--ink);letter-spacing:-.02em}
    .verse cite{display:block;margin-top:10px;color:var(--muted);font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase}

    .hero-art{position:relative;min-height:540px;display:grid;place-items:center}
    .halo{
      position:relative;width:min(100%,520px);aspect-ratio:1;border-radius:50%;
      background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.98) 0 12%, rgba(255,250,232,.95) 20%, rgba(242,194,77,.16) 38%, rgba(111,149,223,.10) 56%, rgba(255,255,255,0) 72%),
        linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.42));
      border:1px solid rgba(36,78,163,.09);
      box-shadow:inset 0 0 60px rgba(255,255,255,.45), 0 30px 60px rgba(36,78,163,.09);
      display:grid;place-items:center;
    }
    .halo:before,.halo:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(36,78,163,.1)}
    .halo:before{inset:10%}
    .halo:after{inset:20%}
    .symbol{width:62%;max-width:285px;filter:drop-shadow(0 16px 30px rgba(36,78,163,.10))}
    .side-note{
      position:absolute;right:8px;bottom:14px;max-width:220px;padding:18px;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid rgba(36,78,163,.08)
    }
    .side-note strong{display:block;color:var(--blue);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
    .side-note p{margin:0;color:var(--text);font-size:14px;line-height:1.7}

    .mantra{padding:22px 0 10px}
    .mantra .inner{
      display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;text-align:center;
      color:var(--blue);font:500 24px/1.2 "Cormorant Garamond",serif
    }
    .mantra .dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--blue-soft))}

    .section{padding:84px 0}
    .section-head{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:start;margin-bottom:38px}
    .section-head h2{margin:0;font:600 clamp(44px,6vw,78px)/.97 "Cormorant Garamond",serif;color:var(--ink);letter-spacing:-.04em;max-width:11ch}
    .section-head p{margin:10px 0 0;max-width:760px;color:var(--text);font-size:16px;line-height:1.9}

    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .card{
      background:linear-gradient(180deg, #fff, #fbfdff);
      border:1px solid var(--line);
      border-radius:30px;
      padding:28px 24px;
      min-height:290px;
      box-shadow:0 18px 40px rgba(57,96,165,.06);
      display:flex;flex-direction:column;justify-content:space-between;
    }
    .card .num{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--blue)}
    .card h3{margin:24px 0 10px;font:600 40px/1 "Cormorant Garamond",serif;color:var(--ink);letter-spacing:-.03em}
    .card p{margin:0;color:var(--text);font-size:15px;line-height:1.85;max-width:30ch}
    .card .arrow{margin-top:22px;font-size:22px;color:#d4a329}

    .events-wrap{
      overflow:hidden;border-radius:34px;background:linear-gradient(180deg, #fffefb, #f8fbff);border:1px solid var(--line);box-shadow:0 18px 40px rgba(57,96,165,.06)
    }
    .event{display:grid;grid-template-columns:160px 1.1fr .7fr 30px;gap:24px;align-items:center;padding:30px 34px;border-top:1px solid var(--line)}
    .event:first-child{border-top:0}
    .event-date strong{display:block;font:600 58px/.92 "Cormorant Garamond",serif;color:var(--ink);letter-spacing:-.04em}
    .event-date span{display:block;margin-top:6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:700}
    .event h3{margin:0 0 8px;font:600 38px/1 "Cormorant Garamond",serif;color:var(--ink);letter-spacing:-.03em}
    .event p{margin:0;color:var(--text);font-size:15px;line-height:1.75}
    .event .meta{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--blue)}
    .event .go{font-size:24px;color:#d4a329}

    .community{
      background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(234,242,255,.62));
      border-radius:38px;border:1px solid var(--line);padding:36px;box-shadow:0 18px 40px rgba(57,96,165,.06)
    }
    .community-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:center}
    .community-copy h2{margin:12px 0 18px;font:600 clamp(46px,6vw,82px)/.95 "Cormorant Garamond",serif;color:var(--ink);letter-spacing:-.04em;max-width:9ch}
    .community-copy p{margin:0;color:var(--text);font-size:16px;line-height:1.9;max-width:520px}
    .community-copy .btn{margin-top:24px}
    .map-side{min-height:390px;display:grid;place-items:center}
    .map-side svg{width:min(100%,560px);height:auto}

    .quiet{padding-top:92px;padding-bottom:92px;text-align:center}
    .quiet .mark{font:600 72px/1 "Cormorant Garamond",serif;color:#d4a329}
    .quiet blockquote{margin:18px auto 0;max-width:920px;font:500 clamp(34px,5vw,60px)/1.16 "Cormorant Garamond",serif;color:var(--ink);letter-spacing:-.025em}
    .quiet cite{display:block;margin-top:18px;color:var(--muted);font-style:normal;font-size:12px;letter-spacing:.18em;text-transform:uppercase}

    .footer{padding:28px 0 44px}
    .footer-shell{border-top:1px solid var(--line);padding-top:26px;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}
    .footer p,.footer a{color:var(--text);font-size:14px;line-height:1.9}
    .footer h4{margin:0 0 10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
    .footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:12px;padding-top:24px}

    @media (max-width: 1024px){
      .hero-grid{grid-template-columns:1fr;padding:54px 28px 34px}
      .hero-art{min-height:390px}
      .section-head{grid-template-columns:1fr;gap:14px}
      .cards{grid-template-columns:1fr}
      .community-grid{grid-template-columns:1fr}
      .event{grid-template-columns:120px 1fr 24px;gap:16px}
      .event .meta{grid-column:2}
      .footer-shell{grid-template-columns:1fr 1fr}
      .footer-shell > :first-child{grid-column:1/-1}
    }
    @media (max-width: 780px){
      .wrap{width:min(100% - 24px, 1240px)}
      .menu-btn{display:block}
      .main-nav{display:none;position:absolute;left:12px;right:12px;top:84px;flex-direction:column;align-items:flex-start;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}
      .main-nav.open{display:flex}
      .main-nav .cta{margin-top:6px}
      .brand strong{font-size:28px}
      .hero-copy h1{font-size:clamp(52px,17vw,88px)}
      .hero-copy .lead{font-size:16px}
      .verse p{font-size:25px}
      .side-note{position:static;margin-top:18px;max-width:none}
      .mantra .inner{font-size:20px}
      .section{padding:68px 0}
      .card{min-height:250px}
      .event{grid-template-columns:1fr;gap:10px;padding:24px 18px}
      .event h3{font-size:32px}
      .community{padding:24px 18px}
      .map-side{min-height:300px}
      .quiet{padding-top:72px;padding-bottom:72px}
      .footer-shell{grid-template-columns:1fr}
    }
  

/* Site-wide finishing styles for the original index.html */
:root{--flame-gold:#f2c24d;--flame-gold-light:#fff4cc;--moss:#6f95df;--ember:#244ea3;--parchment-deep:#eaf2ff;--rule:#d9e5fb}
.site-header .brand-text{min-width:0}
.main-nav .cta:after{display:none}
.menu-btn{cursor:pointer}
.btn-sm{padding:11px 18px;font-size:13px}
a:focus-visible,button:focus-visible{outline:3px solid #cf9c22;outline-offset:4px}
.cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.card .card-icon{color:#346ab2}
.card:hover{border-color:#b4cef3;box-shadow:0 21px 50px rgba(57,96,165,.12);transform:translateY(-2px)}
.card{transition:box-shadow .2s,border-color .2s,transform .2s}
.mantra{padding:22px 0 10px}
.mantra .inner{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;text-align:center;color:var(--blue);font:500 24px/1.2 "Cormorant Garamond",serif}
.mantra .dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--blue-soft))}
.side-note{z-index:2}
.map-side .slovenia-map{max-width:100%;height:auto}
.map-label{font:600 12px Inter,Arial,sans-serif;fill:#4366a8}
.map-stat{font:600 45px "Cormorant Garamond",Georgia,serif;fill:#244ea3}
.map-stat-label{font:700 9px Inter,Arial,sans-serif;fill:#4267a9;letter-spacing:1.4px}
.footer-col>a:not(.brand){display:block;margin-bottom:6px}
.footer-list{list-style:none;margin:0;padding:0}
.footer-list a{display:block;margin:2px 0}
.footer-social{display:flex;gap:18px;margin:16px 0}
.footer-social a{display:inline-flex;color:var(--blue)}
.footer-quote{font:italic 19px/1.3 "Cormorant Garamond",serif!important;color:var(--ink)!important}
.footer-quote cite{display:block;font:12px Inter,Arial,sans-serif;color:var(--muted);margin-top:8px}
.footer .brand strong{font-size:29px}
@media(max-width:1120px){.header-inner{gap:14px}.main-nav{gap:12px}.main-nav a{font-size:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.main-nav{display:none;position:absolute;left:12px;right:12px;top:84px;flex-direction:column;align-items:flex-start;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow);margin-left:0}.main-nav.open{display:flex}.main-nav .cta{margin-top:6px}.cards{grid-template-columns:1fr}.footer-shell{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.btn{transition:none}}

/* Dogodki section only — leaves all other site components unchanged. */
.dogodki-redesign{position:relative;isolation:isolate;padding-top:clamp(64px,7vw,106px);padding-bottom:clamp(70px,8vw,112px);background:linear-gradient(160deg,#f5f9ff 0%,#fff 44%,#fffcf1 100%);overflow:hidden}
.dogodki-redesign::before{content:"";position:absolute;width:430px;height:430px;left:-240px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(250,203,90,.21),transparent 70%);pointer-events:none;z-index:-1}
.dogodki-redesign *, .dogodki-redesign *::before, .dogodki-redesign *::after{box-sizing:border-box}
.dogodki-redesign .dogodki-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:42px}
.dogodki-redesign .dogodki-heading-main{max-width:740px}
.dogodki-redesign .dogodki-overline{display:inline-flex;align-items:center;gap:12px;font:700 10px/1.3 Inter,Arial,sans-serif;letter-spacing:.2em;color:#2b569f}
.dogodki-redesign .dogodki-overline-mark{display:inline-block;width:32px;height:2px;background:#e8b83f}
.dogodki-redesign .dogodki-heading h2{margin:16px 0 0;font:600 clamp(51px,6vw,86px)/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;color:#183c73}
.dogodki-redesign .dogodki-heading h2 em{color:#bc8b19;font-weight:500}
.dogodki-redesign .dogodki-heading>p{max-width:330px;color:#637692;font:400 14px/1.85 Inter,Arial,sans-serif;margin:0 0 7px}
.dogodki-redesign .dogodki-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.dogodki-redesign .dogodki-event{display:flex;min-width:0;flex-direction:column;background:#fff;border:1px solid #dfebf8;border-radius:23px;overflow:hidden;box-shadow:0 14px 44px rgba(28,70,130,.075);transition:transform .25s,box-shadow .25s}
.dogodki-redesign .dogodki-event:hover{transform:translateY(-5px);box-shadow:0 22px 58px rgba(28,70,130,.12)}
.dogodki-redesign .dogodki-image{position:relative;display:block;aspect-ratio:1;background:#f1f5fb;overflow:hidden;line-height:0}
.dogodki-redesign .dogodki-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s}
.dogodki-redesign .dogodki-image:hover img{transform:scale(1.035)}
.dogodki-redesign .dogodki-view{display:flex;align-items:center;gap:12px;position:absolute;right:14px;bottom:14px;border:1px solid #e2e8f2;border-radius:100px;padding:12px 16px;background:rgba(255,255,255,.95);color:#214b8b;font:600 11px/1 Inter,Arial,sans-serif;letter-spacing:.015em;box-shadow:0 4px 15px #00000012;line-height:1}
.dogodki-redesign .dogodki-view span{font-size:15px;color:#bd9127}
.dogodki-redesign .dogodki-details{display:flex;flex-direction:column;flex:1;padding:26px 25px 22px}
.dogodki-redesign .dogodki-type{display:block;font:700 10px/1.6 Inter,Arial,sans-serif;letter-spacing:.15em;color:#416ca8}
.dogodki-redesign .dogodki-type span{font-size:8px;color:#d6aa38;margin:0 4px}
.dogodki-redesign .dogodki-details h3{margin:12px 0 10px;color:#18396e;font:600 clamp(31px,3vw,40px)/1.03 'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em}
.dogodki-redesign .dogodki-details>p{margin:0 0 28px;color:#63718a;font:400 13px/1.8 Inter,Arial,sans-serif}
.dogodki-redesign .dogodki-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #e5edf7}
.dogodki-redesign .dogodki-location{color:#254c8b;font:600 12px/1.4 Inter,Arial,sans-serif}
.dogodki-redesign .dogodki-location span{font-size:19px;vertical-align:-1px;color:#c79926;margin-right:4px}
.dogodki-redesign .dogodki-bottom a{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#f8f3e4;color:#947019;font-size:18px;text-decoration:none;flex:none;transition:background .2s}
.dogodki-redesign .dogodki-bottom a:hover{background:#f7df9e}
.dogodki-redesign a:focus-visible{outline:3px solid #d1a236;outline-offset:3px}
@media(max-width:900px){.dogodki-redesign .dogodki-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dogodki-redesign .dogodki-heading{align-items:start;flex-direction:column;gap:15px}.dogodki-redesign .dogodki-heading>p{max-width:620px}}
@media(max-width:600px){.dogodki-redesign .dogodki-grid{grid-template-columns:1fr}.dogodki-redesign .dogodki-details{padding:24px}.dogodki-redesign .dogodki-heading h2{font-size:clamp(44px,12vw,60px)}}
@media(prefers-reduced-motion:reduce){.dogodki-redesign .dogodki-event,.dogodki-redesign .dogodki-image img{transition:none}}

/* Footer: four balanced columns on desktop (brand, content, dioceses, donations). */
.footer .footer-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr) minmax(0, 1fr) minmax(0, 1.1fr);
  gap: clamp(20px, 2.5vw, 38px);
  align-items: start;
}
.footer .footer-shell > :first-child { grid-column: auto; }
.footer .footer-col { min-width: 0; }
.footer .brand small { white-space: normal; line-height: 1.35; }
.footer .footer-col .btn { width: auto; max-width: 100%; display: inline-flex; justify-content: center; }
.footer .footer-col .footer-quote { margin: 17px 0 16px; }
@media (max-width: 1000px) {
  .footer .footer-shell { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .footer .footer-shell { grid-template-columns: minmax(0, 1fr); }
}

/* Pentecost hero: illustration fits fully; living-fire text remains editable HTML. */
.hero-shell{background:linear-gradient(116deg,#fffef9 0%,#ffffff 44%,#f1f6ff 100%)}
.hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(18px,2.6vw,44px);
  padding:clamp(36px,4.2vw,64px);
  align-items:center;
}
.hero-copy{min-width:0;position:relative;z-index:2}
.hero-copy .lead{max-width:550px}
.hero-art{
  min-width:0;min-height:0;display:flex;flex-direction:column;
  justify-content:center;align-items:stretch;
  overflow:visible;isolation:isolate;
  background:transparent;
}
.hero-art .pentecost-art-only{
  display:block;width:100%;max-width:100%;height:auto;
  object-fit:contain;flex-shrink:0;
  mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse 79% 74% at 50% 47%,#000 65%,transparent 100%);
  mask-image:radial-gradient(ellipse 79% 74% at 50% 47%,#000 65%,transparent 100%);
}
.hero-art .living-fire-note{
  position:relative;right:auto;bottom:auto;z-index:2;
  width:min(100%,370px);max-width:none;
  align-self:flex-end;margin:-10px 2% 0 0;
  border-radius:22px;padding:17px 22px;
  background:rgba(255,255,255,.93);
  border:1px solid #dfe8f8;
  box-shadow:0 12px 30px rgba(36,78,163,.045);
}
.hero-art .living-fire-note strong{font-size:11px;letter-spacing:.18em}
.hero-art .living-fire-note p{font-size:14px;line-height:1.65}
@media(max-width:1024px){
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:20px;padding:44px clamp(22px,5vw,44px)}
  .hero-art{max-width:680px;margin:0 auto;width:100%}
  .hero-art .living-fire-note{margin:-8px 2% 0 0}
}
@media(max-width:600px){
  .hero-grid{padding:34px 22px 32px;gap:18px}
  .hero-art .pentecost-art-only{width:100%}
  .hero-art .living-fire-note{width:100%;margin:0;align-self:stretch;padding:17px 19px}
}


/* 2026 refinement: quiet editorial blue, ivory & muted champagne. */
:root {
  --white:#fff; --paper:#f7f9fc; --paper-2:#fcfaf5; --blue:#2457ad;
  --blue-soft:#79aaf2; --blue-pale:#e9f4ff; --gold:#f4c44e; --gold-soft:#fff2c2;
  --ink:#173d7b; --text:#36567e; --muted:#6581a8; --line:#d6e6fb;
  --flame-gold:#f4c44e; --flame-gold-light:#fff2c2; --moss:#79aaf2;
  --ember:#2457ad; --parchment-deep:#e9f4ff; --rule:#d6e6fb;
  --shadow:0 25px 65px rgba(40,70,105,.075);
}
html {scroll-padding-top:100px}
body {background:#f7fbff;color:var(--text);-webkit-font-smoothing:antialiased}
.skip-link{position:absolute;left:15px;top:-100px;background:#fff;padding:10px 17px;z-index:99;border-radius:9px}
.skip-link:focus{top:10px}
.wrap{width:min(1330px,calc(100% - 64px))}
.site-header{background:rgba(252,253,255,.89);border-bottom:1px solid #dceaff;box-shadow:0 3px 25px rgba(28,60,92,.025)}
.header-inner{min-height:88px;gap:24px}
.brand strong{font-size:33px;letter-spacing:-.03em}
.brand small{font-size:9px;letter-spacing:.115em;white-space:normal;max-width:235px;line-height:1.5}
.brand-mark{width:46px;height:46px}
.main-nav{gap:clamp(10px,1.3vw,21px)}
.main-nav a{font-size:13.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap;color:#1c3b6b}
.main-nav .cta{padding:13px 18px;background:#2864be;color:#fff;border:1px solid #2864be;box-shadow:none}
.main-nav .cta:hover{background:#1d509c;color:#fff}
.hero{padding:28px 0 0;overflow:hidden}
.hero-shell{position:relative;overflow:hidden;border:1px solid #dceaff;border-radius:36px;background:radial-gradient(ellipse at 83% 45%,#dbedff 0%,transparent 56%),radial-gradient(ellipse at 25% 77%,#fff0b7 0%,transparent 49%),linear-gradient(112deg,#fffef8,#f1f8ff);box-shadow:0 24px 74px rgba(44,71,111,.055)}
.hero-shell:before{content:"";position:absolute;inset:18px;pointer-events:none;border:1px solid rgba(255,255,255,.82);border-radius:27px}
.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);padding:clamp(38px,5.1vw,80px);gap:clamp(20px,3vw,55px);align-items:center}
.hero-copy{padding:10px 0;z-index:2}
.hero-copy .eyebrow{color:#be8b13;font-size:11px;letter-spacing:.2em}
.hero-copy h1{font-size:clamp(74px,7.9vw,124px);line-height:.91;letter-spacing:-.057em;color:#173d7b;margin:19px 0 28px}
.hero-copy h1 .gold{color:#e0ad26}
.hero-copy .lead{font-size:clamp(16px,1.15vw,18px);line-height:1.85;max-width:510px;color:#365b8f}
.hero-actions{gap:12px;flex-wrap:wrap;margin-top:29px}
.btn{transition:transform .2s,box-shadow .2s,background .2s;border-radius:999px}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:#2866c5!important;border-color:#2866c5!important;color:white!important;box-shadow:0 10px 22px rgba(42,80,119,.13)}
.btn-primary:hover{background:#1c529e!important}
.btn-secondary{background:rgba(255,255,255,.76)!important;border-color:#cce0f9!important;color:#285ead!important}
.verse{border-left:2px solid #ffdb76;margin-top:42px;padding-left:21px}
.verse p{color:#31588c;font-size:clamp(21px,2.2vw,28px);line-height:1.3}
.verse cite{color:#96752c}
.hero-art{position:relative;overflow:visible;align-items:center;justify-content:center;min-width:0;padding:0 0 58px}
.hero-art picture{display:block;width:111%;max-width:none;margin-left:-5.5%;filter:drop-shadow(0 15px 30px rgba(115,147,186,.095))}
.hero-art .pentecost-art-only{display:block;width:100%;height:auto;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;object-fit:contain}
.hero-art .living-fire-note{position:absolute;right:-2%;bottom:10px;width:min(75%,370px);margin:0;padding:20px 25px;background:rgba(255,255,255,.9);border:1px solid rgba(219,230,241,.95);backdrop-filter:blur(18px);box-shadow:0 17px 40px rgba(44,78,115,.11);border-radius:20px}
.hero-art .living-fire-note strong{color:#bd8a10;letter-spacing:.2em;font-size:10px}
.hero-art .living-fire-note p{color:#345582;font-size:14px;line-height:1.7;margin-top:9px}
.mantra{padding:24px 0 12px}
.mantra .inner{font-size:clamp(20px,2vw,27px);color:#3b70b1;gap:clamp(12px,2.2vw,35px)}
.mantra .dot{width:4px;height:4px;background:#f2c852}
.section{padding:clamp(65px,7vw,104px) 0}
.section-head{grid-template-columns:minmax(175px,.26fr) 1fr;gap:28px;margin-bottom:42px}
.section-head h2{max-width:none;font-size:clamp(49px,5vw,73px);line-height:.98}
.section-head p{color:#4e7198;font-size:15px;max-width:720px}
.eyebrow{color:#be8b13;letter-spacing:.18em}
.intro-section{padding-top:72px}
.cards{gap:17px;grid-template-columns:repeat(4,minmax(0,1fr))}
.card{padding:28px 24px;min-height:284px;border-radius:23px;background:linear-gradient(148deg,#fff,#fafcff);box-shadow:0 10px 30px rgba(41,77,113,.045);border:1px solid #dbe8fa;position:relative;overflow:hidden}
.card:before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,#f2c64f,#aad0ff);opacity:.8}
.card .card-icon{width:36px;height:36px;stroke:#427ecb;color:#427ecb}
.card h3{font-size:clamp(29px,2.45vw,36px);line-height:1.03;margin-top:25px}
.card p{color:#527497;font-size:13px;line-height:1.8}
.card .arrow{color:#dba720;margin-top:16px}
.card:hover{box-shadow:0 22px 40px rgba(38,77,116,.1);transform:translateY(-4px);border-color:#b3d3ff}
.dogodki-redesign{background:linear-gradient(155deg,#eaf5ff,#f7fbff 48%,#fff5d9)}
.dogodki-redesign .dogodki-overline{color:#3b6faa}
.dogodki-redesign .dogodki-overline-mark{background:#efc14a}
.dogodki-redesign .dogodki-heading h2{color:#22549a}
.dogodki-redesign .dogodki-heading h2 em{color:#d9a522}
.dogodki-redesign .dogodki-event{border-radius:23px;border-color:#dbe8fa;box-shadow:0 13px 36px rgba(36,70,100,.058)}
.dogodki-redesign .dogodki-image{background:#e9f3ff;aspect-ratio:1}
.dogodki-redesign .dogodki-image img{object-fit:cover}
.dogodki-redesign .dogodki-details{padding:26px 27px 24px}
.dogodki-redesign .dogodki-details h3{color:#22549a}
.dogodki-redesign .dogodki-type{color:#b98915}
.dogodki-redesign .dogodki-view{background:rgba(255,255,255,.95)}
.dogodki-redesign .dogodki-event.is-past{order:3}
.dogodki-redesign .dogodki-event.is-past .dogodki-image img{filter:saturate(.77)}
.community{border-radius:32px;background:radial-gradient(circle at 76% 45%,#edf4fc,#f1f8ff 55%,#fffdf7);padding:clamp(28px,4.7vw,65px);border:1px solid #dceafc;box-shadow:0 16px 48px rgba(43,80,115,.047)}
.community-copy h2{max-width:11ch;font-size:clamp(47px,5.6vw,78px);color:#215197}
.community-copy p{color:#4c739f}
.map-side{background:radial-gradient(ellipse,#fffdf7,transparent 67%);border-radius:50%}
.map-side .slovenia-map{filter:drop-shadow(0 9px 18px rgba(61,92,122,.07))}
.devotional-section{background:linear-gradient(180deg,#fafcfe,#fff)}
.devotional-section .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.publications-section{padding-top:35px}
.publication-panel{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:34px;padding:clamp(28px,4.5vw,60px);border-radius:30px;background:linear-gradient(112deg,#edf4fa,#fffdf8);border:1px solid #e3ebf1}
.publication-symbol{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.75);border:1px solid #d6e5f8;color:#649ce0}
.publication-symbol svg{width:58px;height:58px}
.publication-panel h2{margin:10px 0;font:600 clamp(37px,4.1vw,55px)/1 'Cormorant Garamond',serif;color:#23549b;letter-spacing:-.035em}
.publication-panel p{margin:0;color:#50759e;line-height:1.8}
.publication-panel .btn{white-space:nowrap}
.footer{padding-top:30px;background:linear-gradient(180deg,#f7fbff,#eef6ff)}
.footer-shell{border-color:#d6e5f8;gap:36px}
.footer h4{color:#476fa2}
.footer-bottom{border-top:1px solid #dbe9fa;margin-top:20px}
@media(max-width:1220px){.header-inner{gap:13px}.main-nav{gap:11px}.main-nav a{font-size:11px}.brand strong{font-size:29px}.brand small{max-width:180px}.hero-copy h1{font-size:clamp(70px,7.8vw,98px)}}
@media(max-width:1050px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:7px;padding:48px clamp(25px,5vw,60px)}.hero-copy{max-width:660px}.hero-art{width:min(760px,100%);margin:auto}.hero-art picture{width:100%;margin-left:0}.hero-art .living-fire-note{right:0;bottom:0}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{display:none}.menu-btn{display:block;margin-left:auto}.main-nav.open{display:flex;position:absolute;top:78px;left:24px;right:24px;flex-direction:column;align-items:stretch;gap:5px;padding:17px;background:#fff;border:1px solid #d6e6fb;border-radius:18px;box-shadow:var(--shadow)}.main-nav.open a{font-size:14px;padding:10px 12px}.main-nav.open .cta{margin-top:6px;text-align:center}}
@media(max-width:740px){.wrap{width:min(100% - 28px,1330px)}.hero{padding-top:14px}.hero-shell{border-radius:23px}.hero-shell:before{inset:10px;border-radius:16px}.hero-grid{padding:38px 23px 28px;gap:20px}.hero-copy h1{font-size:clamp(65px,13vw,86px);margin:17px 0 20px}.hero-copy .lead{font-size:15px}.hero-actions{margin-top:24px}.hero-actions .btn{justify-content:center}.verse{margin-top:31px}.hero-art{padding-bottom:0}.hero-art .living-fire-note{position:relative;right:auto;bottom:auto;width:100%;max-width:100%;margin:-8px auto 0;padding:17px 19px}.section-head{grid-template-columns:1fr;gap:14px}.section-head h2{font-size:clamp(44px,10vw,65px)}.cards,.devotional-section .cards{grid-template-columns:1fr}.card{min-height:224px}.dogodki-redesign .dogodki-grid{grid-template-columns:1fr}.community{padding:26px 20px}.community-grid{grid-template-columns:1fr}.map-side{min-height:250px}.publication-panel{grid-template-columns:64px 1fr;gap:16px}.publication-symbol{width:60px;height:60px}.publication-symbol svg{width:40px;height:40px}.publication-panel .btn{grid-column:1/-1;justify-self:start;white-space:normal}.footer-shell{grid-template-columns:1fr}}
@media(max-width:420px){.brand small{max-width:175px;font-size:8px}.brand strong{font-size:26px}.brand-mark{width:38px;height:38px}.hero-copy h1{font-size:60px}.hero-actions{display:flex;flex-direction:column;align-items:stretch}.mantra .inner{gap:12px}.mantra .dot{width:3px;height:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Sunshine-blue finishing touches — original bright palette, refined layout. */
:root {--blue:#2457ad;--blue-soft:#79aaf2;--blue-pale:#e9f4ff;--gold:#f4c44e;--gold-soft:#fff2c2;--ink:#173d7b;--text:#36567e;--line:#d6e6fb}
body{background:radial-gradient(circle at 13% 7%,rgba(255,223,111,.23),transparent 26%),radial-gradient(circle at 87% 10%,rgba(125,183,255,.26),transparent 30%),linear-gradient(180deg,#fffefa 0%,#f0f8ff 55%,#fffefa 100%)}
.site-header{background:rgba(255,255,255,.91)}
.main-nav .cta{background:linear-gradient(125deg,#ffde69,#f4bd37);border-color:#f2c24d;color:#244b83;box-shadow:0 7px 20px rgba(245,194,63,.23)}
.main-nav .cta:hover{background:linear-gradient(125deg,#ffe581,#f6cb51);color:#193d76}
.hero-shell{background:radial-gradient(ellipse at 73% 36%,#ddecff 0%,transparent 60%),radial-gradient(ellipse at 18% 72%,#fff0ad 0%,transparent 52%),linear-gradient(125deg,#fffefb,#eff7ff);border-color:#cddfff}
.hero-copy .eyebrow,.eyebrow{color:#aa7b09}
.hero-copy h1 .gold{color:#dfaa1c}
.btn-primary{background:linear-gradient(135deg,#ffde70,#f5c341)!important;border:1px solid #efbf3e!important;color:#25467b!important;box-shadow:0 12px 26px rgba(240,184,41,.22)}
.btn-primary:hover{background:linear-gradient(135deg,#ffe58a,#f8cc54)!important}
.btn-secondary{background:#fff!important;border:1px solid #bcd8fb!important;color:#2457ad!important}
.verse{border-left:3px solid #f3cd60;background:rgba(255,255,255,.78)}
.hero-art picture{filter:drop-shadow(0 16px 28px rgba(61,118,190,.10))}
.hero-art .living-fire-note{background:rgba(255,255,255,.93);border-color:#cbdfff}
.hero-art .living-fire-note strong{color:#2457ad}
.card{background:linear-gradient(155deg,#ffffff,#f3f9ff);border-color:#d9e9fd}
.card:before{background:linear-gradient(90deg,#f4c44e,#80b6f6)}
.dogodki-redesign{background:linear-gradient(145deg,#e8f3ff,#fffef8 50%,#fff1c9)}
.community{background:radial-gradient(circle at 80% 42%,#dceeff,#f1f8ff 52%,#fff9e6)}
.publication-panel{background:linear-gradient(115deg,#e7f3ff,#fff3ce)}
.footer{background:linear-gradient(180deg,#f7fbff,#eaf4ff)}


/* Refined logo treatment — let the transparent flame remain the focal point. */
.brand-logo-shell {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  isolation: isolate;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.brand-logo-shell::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 13% -17% 10%;
  border: 0;
  border-radius: 50%;
  background: radial-gradient(ellipse at 50% 52%,rgba(255,217,134,.24) 0%,rgba(211,232,255,.21) 37%,transparent 72%);
  pointer-events: none;
}
.brand-logo-glow { display: none; }
.brand-logo-shell--header { width: 56px; height: 84px; }
.brand-logo-shell--footer { width: 66px; height: 100px; }
.brand-logo-shell--mini { width: 62px; height: 98px; justify-self: center; }
.brand-logo {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  filter: drop-shadow(0 3px 4px rgba(73,113,163,.11));
}
.site-header .brand { gap: 13px; flex-shrink: 0; }
.site-header .brand-text strong { font-size: 34px; line-height: 1.02; }
.site-header .brand-text small {
  max-width: 225px;
  margin-top: 6px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .105em;
  line-height: 1.48;
  color: #5f758a;
}
.footer-brand .brand { align-items: center; gap: 14px; }
.footer-brand .brand-text { padding-top: 0; }
.footer-brand .brand-logo { max-width: none; max-height: none; }
.footer-brand p { max-width: 29ch; }
.publication-panel { position: relative; grid-template-columns: 92px minmax(0,1fr) 90px auto; }
.publication-panel::after {
  content: ""; position: absolute; right: clamp(20px,4vw,56px); top: 12px;
  width: 160px; height: 160px;
  background: radial-gradient(circle,rgba(245,199,91,.14),transparent 66%);
  pointer-events: none;
}
.publication-logo-accent { display: grid; align-items: center; justify-items: center; }
.publication-logo-accent .brand-logo { max-width: none; max-height: none; }
@media (max-width: 980px) {
  .publication-panel { grid-template-columns: 70px 1fr 74px; gap: 18px; }
  .publication-panel .btn { grid-column: 2 / -1; justify-self: start; }
  .brand-logo-shell--header { width: 50px; height: 76px; }
  .brand-logo-shell--footer { width: 60px; height: 92px; }
}
@media (max-width: 740px) {
  .site-header .brand { gap: 10px; }
  .site-header .brand-text strong { font-size: 30px; }
  .brand-logo-shell--header { width: 44px; height: 68px; }
  .publication-panel { grid-template-columns: 64px 1fr; }
  .publication-logo-accent { display: none; }
  .footer-brand .brand { align-items: center; }
  .brand-logo-shell--footer { width: 55px; height: 84px; }
}
@media (max-width: 420px) {
  .brand-logo-shell--header { width: 39px; height: 62px; }
  .site-header .brand-text small { max-width: 155px; font-size: 8px; }
}

/* Shared components for interior/sub pages (used by o-prenovi, obcestva, dejavnosti,
   duhovna-rast, pricevanja, publikacije, drustvo, kontakt, razno pages).
   Reuses existing tokens (--ink,--text,--muted,--blue,--gold,--rule,--line) —
   do not redefine :root here. */
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.06em;color:var(--muted);padding:22px 0 0}
.breadcrumb a{color:var(--blue);font-weight:600}
.breadcrumb a:hover{text-decoration:underline}

.page-hero{padding:18px 0 8px}
.page-hero-shell{position:relative;overflow:hidden;border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(234,242,255,.9));border:1px solid rgba(36,78,163,.08);box-shadow:var(--shadow);padding:clamp(40px,6vw,72px) clamp(28px,5vw,64px)}
.page-hero-shell:before{content:"";position:absolute;inset:auto auto -60px -50px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(242,194,77,.24),transparent 68%)}
.page-hero h1{position:relative;z-index:1;margin:14px 0 16px;font:600 clamp(42px,6vw,74px)/1 "Cormorant Garamond",serif;letter-spacing:-.03em;color:var(--ink);max-width:16ch}
.page-hero h1 .gold{color:#d9a625;font-style:italic}
.page-hero .lead{position:relative;z-index:1;margin:0;max-width:680px;font-size:16px;line-height:1.9;color:var(--text)}

.prose{max-width:74ch}
.prose h2{margin:44px 0 14px;font:600 clamp(28px,3.4vw,40px)/1.1 "Cormorant Garamond",serif;color:var(--ink);letter-spacing:-.02em}
.prose h2:first-child{margin-top:0}
.prose h3{position:relative;margin:38px 0 14px;padding-left:17px;font:700 22px/1.28 "Cormorant Garamond",serif;letter-spacing:.008em;color:var(--ink)}
.prose h3:before{content:"";position:absolute;left:0;top:.16em;bottom:.16em;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--gold),var(--blue))}
.prose h3:first-child{margin-top:0}
.info-grid+.prose{margin-top:48px}
.prose p{margin:0 0 18px;font-size:15px;line-height:1.85;letter-spacing:.005em;color:var(--text)}
.prose p:first-of-type{position:relative;padding-left:18px;font-size:16px;line-height:1.85;color:var(--ink)}
.prose p:first-of-type:before{content:"";position:absolute;left:0;top:.3em;bottom:.3em;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--gold),var(--blue-soft))}
.prose ul,.prose ol{margin:0 0 16px;padding-left:22px;color:var(--text);font-size:15px;line-height:1.9}
.prose li{margin-bottom:6px}
.prose a{color:var(--blue);font-weight:600}
.prose a:hover{text-decoration:underline}
:is(.prose,.accordion-body) blockquote{margin:26px 0;padding:18px 24px;border-left:3px solid var(--gold);background:rgba(255,244,204,.35);border-radius:0 18px 18px 0;font:500 19px/1.5 "Cormorant Garamond",serif;color:var(--ink)}
.accordion-body blockquote{margin:16px 0;font-size:17px}
.accordion-body blockquote cite{display:block;margin-top:8px;font:600 11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.prose figure{margin:24px 0}
.prose img{max-width:100%;border-radius:20px;display:block}
.prose figcaption{margin-top:8px;font-size:12px;color:var(--muted)}

.content-layout{display:grid;grid-template-columns:2fr 1fr;gap:44px;align-items:start}
.content-aside{position:sticky;top:104px;display:flex;flex-direction:column;gap:18px}
.aside-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--line);border-radius:22px;padding:24px 22px;box-shadow:0 14px 32px rgba(57,96,165,.06);transition:box-shadow .22s ease,border-color .22s ease}
.aside-card:before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;background:linear-gradient(90deg,#f2c64f,#aad0ff);opacity:.75}
.aside-card:hover{box-shadow:0 18px 40px rgba(57,96,165,.1);border-color:#cfe1f8}
.aside-card h4{margin:0 0 14px;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.aside-card h4:before{content:"";width:14px;height:2px;border-radius:2px;background:linear-gradient(90deg,#f2c64f,#427ecb);flex:0 0 auto}
.aside-card p{margin:0 0 14px;font-size:14px;line-height:1.75;color:var(--text)}
.aside-card p.aside-group{margin:18px 0 8px;padding-top:16px;border-top:1px dashed var(--line);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#c79836}
.aside-card h4 + p.aside-group{margin-top:0;padding-top:0;border-top:0}
.aside-card ul{list-style:none;margin:0 -10px;padding:0;display:flex;flex-direction:column;gap:1px}
.aside-card ul + p.aside-group{margin-top:18px}
.aside-card li{border-bottom:1px solid rgba(203,173,102,.16)}
.aside-card li:last-child{border-bottom:0}
.aside-card a{position:relative;display:flex;align-items:center;color:var(--text);font-size:14px;font-weight:650;padding:10px 32px 10px 18px;margin:0;border-radius:12px;transition:color .2s ease,background .2s ease,padding-left .2s ease}
.aside-card a:before{content:"";position:absolute;left:3px;top:50%;width:5px;height:5px;border-radius:50%;background:#c79836;opacity:.5;transform:translateY(-50%) scale(1);transition:opacity .2s ease,transform .2s ease}
.aside-card a:after{content:"↗";position:absolute;right:14px;top:50%;transform:translate(4px,-50%);color:#d4a329;font-size:13px;opacity:0;transition:opacity .2s ease,transform .2s ease}
.aside-card a:hover{color:var(--blue-dark,#1d4c8f);background:linear-gradient(90deg,rgba(66,126,203,.08),rgba(244,198,79,.1));padding-left:22px}
.aside-card a:hover:before{opacity:1;transform:translateY(-50%) scale(1.5)}
.aside-card a:hover:after{opacity:1;transform:translate(0,-50%)}
.aside-card a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.info-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--line);border-radius:26px;padding:26px 24px;box-shadow:0 16px 36px rgba(57,96,165,.06);display:flex;flex-direction:column;gap:10px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
a.info-card{cursor:pointer}
.info-card:before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,#f2c64f,#aad0ff);opacity:0;transition:opacity .22s ease}
a.info-card:hover,a.info-card:focus-visible{transform:translateY(-5px);box-shadow:0 24px 50px rgba(57,96,165,.15);border-color:#b4cef3}
a.info-card:hover:before,a.info-card:focus-visible:before{opacity:1}
.info-card:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
a.info-card:active{transform:translateY(-2px) scale(.99)}
.info-card .info-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff3d1,#eaf3ff);color:#c79836;transition:transform .22s ease,background .22s ease}
.info-card .info-icon svg{width:20px;height:20px}
a.info-card:hover .info-icon,a.info-card:focus-visible .info-icon{transform:scale(1.08) rotate(-4deg);background:linear-gradient(135deg,#ffe6a3,#dcebff)}
.info-card h3{margin:0;font:600 26px/1.05 "Cormorant Garamond",serif;color:var(--ink);letter-spacing:-.02em;transition:color .22s ease}
a.info-card:hover h3,a.info-card:focus-visible h3{color:#1d4c8f}
.info-card p{margin:0;font-size:14px;line-height:1.75;color:var(--text)}
.info-card .info-links{margin:0;font-size:13px;line-height:1.7;color:var(--muted)}
.info-card .info-links a{color:var(--blue);text-decoration:none;font-weight:600}
.info-card .info-links a:hover{text-decoration:underline}
.info-card .info-meta{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:700}
.info-card .info-meta span{display:block;color:var(--muted);font-weight:600;letter-spacing:.04em;text-transform:none;margin-top:4px}
.info-card .info-arrow{position:absolute;right:22px;top:26px;width:20px;height:20px;color:#d4a329;opacity:0;transform:translateX(-8px);transition:opacity .22s ease,transform .22s ease}
.info-card .info-arrow svg{width:100%;height:100%}
a.info-card:hover .info-arrow,a.info-card:focus-visible .info-arrow{opacity:1;transform:translateX(0)}
@media(prefers-reduced-motion:reduce){.info-card,.info-card .info-icon,.info-card .info-arrow,.info-card h3{transition:none}}
.info-card .info-cover{width:100%;height:190px;object-fit:contain;border-radius:14px;background:#f7fbff;margin:-4px 0 2px}

.revija-archive-grid{display:flex;flex-wrap:wrap;gap:16px}
.revija-archive-grid a{width:101px;text-align:center;display:block}
.revija-archive-grid img{width:101px;height:141px;object-fit:cover;border-radius:8px;border:1px solid var(--line);box-shadow:0 8px 18px rgba(57,96,165,.08);transition:transform .2s ease}
.revija-archive-grid a:hover img{transform:translateY(-3px)}
.revija-archive-grid span{display:block;margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}

/* Book/CD catalogue shelf — dense cover-forward tiles (distinct from .info-card,
   which is sized for icon+description cards elsewhere on the site). */
.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:30px 20px;margin:8px 0}
.book-card{display:flex;flex-direction:column}
.book-cover{position:relative;aspect-ratio:101/141;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,var(--blue-pale),var(--gold-soft));box-shadow:0 10px 22px rgba(57,96,165,.08);margin-bottom:12px;transition:transform .2s ease,box-shadow .2s ease}
.book-cover:before{content:"";position:absolute;inset:0;margin:auto;width:36%;height:36%;opacity:.34;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23244ea3' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.2c2.2-1 5-1 7 .3v13.3c-2-1.3-4.8-1.3-7-.3V5.2Z'/%3E%3Cpath d='M18.5 5.2c-2.2-1-5-1-7 .3v13.3c2-1.3 4.8-1.3 7-.3V5.2Z'/%3E%3C/svg%3E") no-repeat center/contain}
.book-cover img{position:relative;width:100%;height:100%;object-fit:cover;display:block}
.book-card:hover .book-cover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(57,96,165,.15)}
.book-title{margin:0;font:600 16px/1.25 "Cormorant Garamond",serif;color:var(--ink);letter-spacing:-.01em}
.book-desc{margin:5px 0 0;font-size:12.5px;line-height:1.6;color:var(--muted)}
.book-price{margin:6px 0 0;font-size:12px;letter-spacing:.04em;color:var(--blue);font-weight:700}
.book-grid--cd{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.book-grid--cd .book-cover{aspect-ratio:1/1}
.book-grid--cd .book-cover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23244ea3' stroke-width='1.3'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3C/svg%3E")}
@media(prefers-reduced-motion:reduce){.book-cover{transition:none}}

.accordion{display:flex;flex-direction:column;gap:14px}
.accordion-item{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 28px rgba(57,96,165,.05)}
.accordion-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font:600 18px/1.3 "Cormorant Garamond",serif;color:var(--ink)}
.accordion-item summary::-webkit-details-marker{display:none}
.accordion-item summary:after{content:"+";font-size:20px;color:var(--blue);flex:0 0 auto;transition:color .2s ease}
.accordion-item[open] summary:after{content:"–"}
.accordion-item summary:hover{background:rgba(66,126,203,.06)}
.accordion-item summary:hover:after{color:#1d4c8f}
.accordion-item summary:focus-visible{outline:2px solid var(--editorial-gold,#c99d45);outline-offset:-3px;border-radius:14px}
.accordion-item .accordion-body{padding:0 24px 22px;color:var(--text);font-size:14px;line-height:1.85}
@media(prefers-reduced-motion:reduce){.accordion-item summary:after{transition:none}}

/* Archive accordion: divider + breathing room before the cover grid, and a count hint in the summary row */
.accordion--archive .accordion-item[open] .accordion-body{padding-top:18px;border-top:1px solid var(--line)}
.accordion--archive summary{gap:12px}
.accordion--archive summary .count{margin-left:auto;font:500 12px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
@media(max-width:480px){.accordion--archive summary .count{display:none}}

/* Long-form prose accordions (testimonies, obituaries): cap line length for readability */
.accordion--prose .accordion-body{font-size:15px}
.accordion--prose .accordion-body p{max-width:74ch}

.link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.link-list li{border-bottom:1px solid var(--line)}
.link-list a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 4px;font-size:15px;color:var(--text)}
.link-list a:hover{color:var(--blue)}
.link-list a .go{color:#d4a329;font-size:18px}

@media(max-width:1024px){
  .content-layout{grid-template-columns:1fr}
  .content-aside{position:static}
  .info-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .info-grid{grid-template-columns:1fr}
  .page-hero-shell{padding:32px 20px}
  .book-grid{grid-template-columns:repeat(2,1fr);gap:26px 14px}
}

/* Keep the flame logo only in the site header. */
.publication-panel { grid-template-columns: 92px minmax(0,1fr) auto; }
@media (max-width: 900px) and (min-width: 741px) { .publication-panel { grid-template-columns: 70px minmax(0,1fr); } .publication-panel .btn { grid-column: 2; } }
@media (max-width: 740px) { .publication-panel { grid-template-columns: 64px minmax(0,1fr); } .publication-panel .btn { grid-column: 1 / -1; } }

/* Prenova v Duhu — refined editorial hyperlink treatment.
   Deliberately scoped away from header menu, buttons, cards and poster images. */
:root {
  --editorial-link:#21578d;
  --editorial-link-dark:#153c69;
  --editorial-gold:#c99d45;
}

/* In running copy, links read like beautifully typeset text, not button pills.
   A pale wash follows the shape of wrapped lines; no persistent underline. */
:is(.prose,.accordion-body,.breadcrumb,.footer-brand p) a:not(.btn):not(.brand),
.footer .footer-col > a:not(.btn):not(.brand),
.footer .footer-list a {
  color:var(--editorial-link);
  font-weight:650;
  text-decoration:none;
  border:0;
  border-radius:4px;
  background:linear-gradient(90deg,rgba(224,237,251,0),rgba(224,237,251,0));
  box-shadow:none;
  padding:0 .10em;
  margin:0 -.10em;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  transition:color .23s ease,background .23s ease;
}
:is(.prose,.accordion-body,.breadcrumb,.footer-brand p) a:not(.btn):not(.brand):hover,
.footer .footer-col > a:not(.btn):not(.brand):hover,
.footer .footer-list a:hover {
  color:var(--editorial-link-dark);
  text-decoration:none;
  background:linear-gradient(90deg,rgba(232,241,252,.95),rgba(247,236,212,.7));
}
/* Destination lists: clean inset rows with a tiny gold directional accent. */
.link-list li {border-bottom:1px solid rgba(47,93,146,.12);}
.link-list a {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin:3px 0;
  padding:15px 17px;
  font-weight:650;
  text-decoration:none;
  color:var(--editorial-link);
  background:transparent;
  border:1px solid transparent;
  border-radius:12px;
  box-shadow:none;
  transition:color .23s ease,background .23s ease,border-color .23s ease;
}
.link-list a .go {color:var(--editorial-gold);transition:transform .23s ease;}
.link-list a:hover {
  color:var(--editorial-link-dark);
  background:linear-gradient(110deg,rgba(236,245,253,.86),rgba(255,249,235,.65));
  border-color:rgba(61,107,168,.13);
}
.link-list a:hover .go {transform:translate(3px,-2px);}
/* Event links remain circular icon actions, using the same restrained palette. */
.dogodki-redesign .dogodki-bottom a {
  color:var(--editorial-link);
  background:rgba(234,242,250,.72);
  border:1px solid rgba(61,107,168,.15);
  border-radius:50%;
  box-shadow:none;
  text-decoration:none;
  transition:color .23s ease,background .23s ease,border-color .23s ease,transform .23s ease;
}
.dogodki-redesign .dogodki-bottom a:hover {
  color:var(--editorial-link-dark);
  background:linear-gradient(135deg,#eaf3ff,#fff1d2);
  border-color:rgba(201,157,69,.35);
  transform:translate(2px,-2px);
}
/* Never convert the event heading into a clickable element. */
.dogodki-redesign .dogodki-details h3 {color:#22549a;}
a:focus-visible {outline:2px solid var(--editorial-gold);outline-offset:4px;}
@media (prefers-reduced-motion:reduce) {
  :is(.prose,.accordion-body,.breadcrumb,.footer-brand p) a:not(.btn):not(.brand),
  .footer .footer-col > a:not(.btn):not(.brand),.footer .footer-list a,
  .link-list a,.link-list a .go,.dogodki-redesign .dogodki-bottom a {transition:none;}
}


/* Prenova v Duhu — elegant glow-only hyperlink refinement.
   Keeps the header menu unchanged, but unifies content hyperlinks with a softer, more luxurious interaction. */
:root{
  --link-navy:#1f568f;
  --link-navy-deep:#173f6c;
  --link-glow:rgba(242,194,77,.38);
  --link-glow-strong:rgba(242,194,77,.56);
  --link-sheen:rgba(255,248,227,.82);
  --link-cursor:pointer;
}

/* Shared base style for all non-menu hyperlinks */
:is(.prose,.accordion-body,.breadcrumb,.footer-brand p) a:not(.btn):not(.brand),
.footer .footer-col > a:not(.btn):not(.brand),
.footer .footer-list a,
.link-list a,
.dogodki-redesign .dogodki-bottom a {
  color:var(--link-navy);
  text-decoration:none;
  cursor:var(--link-cursor);
  transition:
    color .24s ease,
    text-shadow .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    background-color .24s ease,
    transform .24s ease;
}

/* Inline copy links: clean and quiet until hover */
:is(.prose,.accordion-body,.breadcrumb,.footer-brand p) a:not(.btn):not(.brand),
.footer .footer-col > a:not(.btn):not(.brand),
.footer .footer-list a {
  font-weight:650;
  border-radius:6px;
  padding:0 .08em;
  margin:0 -.08em;
  background:transparent;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
:is(.prose,.accordion-body,.breadcrumb,.footer-brand p) a:not(.btn):not(.brand):hover,
.footer .footer-col > a:not(.btn):not(.brand):hover,
.footer .footer-list a:hover {
  color:var(--link-navy-deep);
  background:linear-gradient(180deg, rgba(255,248,227,.92), rgba(255,248,227,.56));
  text-shadow:0 0 16px var(--link-glow), 0 0 1px var(--link-glow-strong);
  box-shadow:0 0 0 1px rgba(242,194,77,.14), 0 0 18px rgba(242,194,77,.18);
}

/* Link-list rows: same language, just adapted to block links */
.link-list li{border-bottom:1px solid rgba(47,93,146,.12);}
.link-list a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin:3px 0;
  padding:15px 17px;
  font-weight:650;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(47,93,146,.08);
  border-radius:12px;
  box-shadow:none;
}
.link-list a .go{
  color:var(--editorial-gold);
  transition:transform .24s ease, text-shadow .24s ease, color .24s ease;
}
.link-list a:hover{
  color:var(--link-navy-deep);
  background:linear-gradient(180deg, rgba(255,248,227,.92), rgba(255,255,255,.96));
  border-color:rgba(242,194,77,.34);
  box-shadow:0 0 0 1px rgba(242,194,77,.18), 0 0 22px rgba(242,194,77,.22);
  text-shadow:0 0 16px var(--link-glow);
}
.link-list a:hover .go{
  transform:translate(3px,-2px);
  color:#b98a29;
  text-shadow:0 0 12px var(--link-glow-strong);
}

/* Small round event actions: same golden glow story */
.dogodki-redesign .dogodki-bottom a{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(47,93,146,.10);
  border-radius:50%;
  box-shadow:none;
}
.dogodki-redesign .dogodki-bottom a:hover{
  color:var(--link-navy-deep);
  background:linear-gradient(180deg, rgba(255,248,227,.98), rgba(255,255,255,.98));
  border-color:rgba(242,194,77,.34);
  box-shadow:0 0 0 1px rgba(242,194,77,.18), 0 0 20px rgba(242,194,77,.24);
  text-shadow:0 0 14px var(--link-glow);
  transform:translate(2px,-2px);
}

/* Keep the original menu look; only give links the logo cursor if hovered there naturally is not desired. */
.main-nav a{cursor:pointer;}

/* Accessible focus follows the same glow language. */
a:focus-visible{
  outline:2px solid rgba(201,157,69,.9);
  outline-offset:4px;
  box-shadow:0 0 0 3px rgba(242,194,77,.16), 0 0 16px rgba(242,194,77,.24);
}

@media (prefers-reduced-motion:reduce){
  :is(.prose,.accordion-body,.breadcrumb,.footer-brand p) a:not(.btn):not(.brand),
  .footer .footer-col > a:not(.btn):not(.brand),
  .footer .footer-list a,
  .link-list a,
  .link-list a .go,
  .dogodki-redesign .dogodki-bottom a{transition:none;}
}

/* Frameless content links: retain the subtle golden text glow without a box. */
:is(.prose,.accordion-body,.breadcrumb,.footer-brand p) a:not(.btn):not(.brand),
.footer .footer-col > a:not(.btn):not(.brand),
.footer .footer-list a,
.link-list a {
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
:is(.prose,.accordion-body,.breadcrumb,.footer-brand p) a:not(.btn):not(.brand):hover,
.footer .footer-col > a:not(.btn):not(.brand):hover,
.footer .footer-list a:hover,
.link-list a:hover {
  border:0;
  background:transparent;
  box-shadow:none;
  color:var(--link-navy-deep);
  text-shadow:0 0 12px rgba(242,194,77,.5),0 0 24px rgba(242,194,77,.28);
}
/* Destination links no longer appear as bordered tiles. */
.link-list a{padding:12px 4px;margin:0;}
.link-list li{border-bottom:0;}
/* Accessible keyboard outline only, no glowing rectangular frame. */
:is(.prose,.accordion-body,.breadcrumb,.footer-brand p) a:not(.btn):not(.brand):focus-visible,
.footer .footer-col > a:not(.btn):not(.brand):focus-visible,
.footer .footer-list a:focus-visible,
.link-list a:focus-visible {
  box-shadow:none;
  outline:2px solid var(--editorial-gold);
  outline-offset:4px;
}

/* Refined footer headings — stronger hierarchy without boxes or frames. */
.footer .footer-col > h4 {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 23px;
  padding: 0 0 13px;
  position: relative;
  font: 700 clamp(14px, 1.15vw, 16px)/1.45 Inter, system-ui, sans-serif;
  letter-spacing: .095em;
  text-transform: uppercase;
  color: #183f77;
}
.footer .footer-col > h4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #dba829, #f6d77b);
  box-shadow: 0 1px 8px rgba(239, 187, 53, .22);
}
@media (max-width: 740px) {
  .footer .footer-col > h4 { margin-bottom: 17px; }
}

/* Remove the faint decorative white rounded frame from the homepage hero. */
.hero-shell::before { content: none; display: none; }

/* The nine fruits of the Holy Spirit in the hero introduction */
.hero-copy .spirit-fruits {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  column-gap:.7em;
  row-gap:.55em;
  max-width:700px;
  line-height:1.7;
  color:#a17612;
}
.hero-copy .spirit-fruits span {white-space:nowrap;}
.hero-copy .spirit-fruits span:not(:last-child)::after {
  content:"·";
  display:inline-block;
  margin-left:.7em;
  color:#d8ad4c;
}
@media (max-width:780px) {
  .hero-copy .spirit-fruits {font-size:10px;letter-spacing:.14em;column-gap:.55em;}
  .hero-copy .spirit-fruits span:not(:last-child)::after {margin-left:.55em;}
}


/* Footer refresh: refined three-column layout inspired by the approved mock-up.
   No dove or bottom illustration; existing contact details preserved below. */
.footer {
  position:relative;
  padding:clamp(48px,5vw,76px) 0 26px;
  background:linear-gradient(110deg,#fffdf7 0%,#ffffff 43%,#f1f8ff 100%);
}
.footer .footer-shell {
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr) minmax(0,1.25fr);
  gap:0;
  align-items:start;
  padding:0 0 clamp(32px,4vw,58px);
  border-top:0;
  border-bottom:1px solid rgba(199,216,235,.7);
}
.footer .footer-shell > :first-child {grid-column:auto;}
.footer .footer-feature {
  min-width:0;
  height:100%;
  padding:0 clamp(20px,3vw,48px);
}
.footer .footer-feature:first-child {padding-left:0;}
.footer .footer-feature:not(:first-child) {border-left:1px solid rgba(203,173,102,.31);}
.footer .footer-feature:last-child {padding-right:0;}
.footer .footer-feature > h4 {
  margin:0 0 26px;
  padding:0 0 20px;
  width:auto;
  max-width:100%;
  color:#173963;
  font:600 clamp(25px,2.7vw,35px)/1.08 'Cormorant Garamond',Georgia,serif;
  letter-spacing:.01em;
  text-transform:uppercase;
}
.footer .footer-feature > h4::after {
  width:62px;
  height:2px;
  background:linear-gradient(90deg,#c9942a,#f5dd9a);
  box-shadow:none;
}
.footer .footer-feature > a.footer-nav-link,
.footer .footer-list a.footer-nav-link {
  display:flex;
  align-items:center;
  gap:14px;
  min-height:48px;
  margin:0;
  padding:8px 1px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#214879;
  font-size:clamp(14px,1.1vw,17px);
  font-weight:500;
  line-height:1.35;
  text-decoration:none;
  text-shadow:none;
  transition:color .25s ease,text-shadow .25s ease;
}
.footer .footer-list {list-style:none;padding:0;margin:0;}
.footer .footer-list li {border:0;}
.footer .footer-link-icon {
  flex:0 0 21px;
  width:21px;
  height:21px;
  color:#c79836;
}
.footer .footer-arrow {
  margin-left:auto;
  flex:0 0 16px;
  width:16px;
  height:16px;
  color:#c79836;
  opacity:.85;
  transition:transform .25s ease,opacity .25s ease;
}
.footer .footer-feature > a.footer-nav-link:hover,
.footer .footer-list a.footer-nav-link:hover {
  background:none;
  color:#143b6f;
  box-shadow:none;
  text-shadow:0 0 12px rgba(238,180,55,.50),0 0 23px rgba(242,194,77,.25);
}
.footer .footer-nav-link:hover .footer-arrow {transform:translateX(4px);opacity:1;}
.footer .footer-donations > p:not(.footer-quote) {
  margin:0 0 26px;
  max-width:37ch;
  color:#2d4b77;
  font-size:clamp(15px,1.15vw,17px);
  font-weight:400;
  line-height:1.8;
}
.footer .footer-donations .footer-quote {
  margin:0 0 27px;
  max-width:36ch;
  font:italic 500 clamp(23px,2.3vw,31px)/1.22 'Cormorant Garamond',Georgia,serif!important;
  color:#193e74!important;
}
.footer .footer-donations .footer-quote cite {
  margin-top:13px;
  color:#667e9c;
  font:400 13px/1.4 Inter,system-ui,sans-serif;
}
.footer .footer-donations > .btn {
  padding:15px 25px;
  border:1px solid rgba(197,143,25,.27);
  background:linear-gradient(110deg,#ffe48c,#f8c84c);
  color:#173963;
  box-shadow:0 12px 30px rgba(232,177,51,.16);
  font-size:14px;
}
.footer .footer-donations > .btn:hover {box-shadow:0 12px 30px rgba(232,177,51,.30);}
.footer .footer-contact {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:25px 0 3px;
}
.footer .footer-contact-name strong {
  display:block;
  font:600 27px/1.05 'Cormorant Garamond',Georgia,serif;
  color:#173963;
}
.footer .footer-contact-name small {
  display:block;
  margin-top:6px;
  color:#6a82a3;
  font-size:11px;
  letter-spacing:.04em;
}
.footer .footer-contact p {max-width:none;margin:0!important;color:#5b7294;font-size:12px;line-height:1.7;}
.footer .footer-contact .footer-social {display:flex;flex-shrink:0;gap:16px;margin:0;}
.footer .footer-contact p a {color:#21578d;font-weight:600;}
.footer .footer-bottom {margin-top:19px;padding-top:17px;font-size:11px;border-top:1px solid rgba(199,216,235,.7);}
@media(max-width:980px){
  .footer .footer-shell {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:45px;}
  .footer .footer-feature:nth-child(2){padding-right:0;}
  .footer .footer-feature:last-child {grid-column:1/-1;padding:30px 0 0;border-left:0;border-top:1px solid rgba(203,173,102,.31);}
}
@media(max-width:640px){
  .footer .footer-shell {grid-template-columns:1fr;row-gap:30px;}
  .footer .footer-feature,.footer .footer-feature:first-child,.footer .footer-feature:nth-child(2),.footer .footer-feature:last-child {grid-column:auto;padding:0;border-left:0;}
  .footer .footer-feature:not(:first-child) {border-left:0;border-top:1px solid rgba(203,173,102,.31);padding-top:26px;}
  .footer .footer-feature > h4 {margin-bottom:16px;font-size:28px;}
  .footer .footer-contact {flex-direction:column;align-items:flex-start;gap:13px;}
}
@media(prefers-reduced-motion:reduce){.footer .footer-nav-link,.footer .footer-arrow {transition:none;}}

/* Compact four-column footer: contact back alongside the three content sections. */
@media (min-width: 1121px) {
  .footer { padding:36px 0 20px; }
  .footer .footer-shell {
    grid-template-columns:minmax(0,1.10fr) minmax(0,.95fr) minmax(0,1.12fr) minmax(0,1.28fr);
    gap:0;
    padding-bottom:25px;
  }
  .footer .footer-feature {padding:0 19px;}
  .footer .footer-feature:first-child {padding-left:0;}
  .footer .footer-feature:last-child {padding-right:0;}
}
.footer .footer-feature > h4 {
  margin:0 0 16px;
  padding:0 0 11px;
  font-size:clamp(19px,1.55vw,23px);
  line-height:1.15;
}
.footer .footer-feature > h4::after {width:36px;height:2px;}
.footer .footer-feature > a.footer-nav-link,
.footer .footer-list a.footer-nav-link {
  min-height:33px;
  padding:4px 0;
  gap:9px;
  font-size:13px;
  line-height:1.25;
}
.footer .footer-link-icon {flex-basis:16px;width:16px;height:16px;}
.footer .footer-arrow {flex-basis:12px;width:12px;height:12px;}
.footer .footer-donations > p:not(.footer-quote) {margin-bottom:13px;font-size:13px;line-height:1.56;}
.footer .footer-donations .footer-quote {margin-bottom:14px;font-size:21px!important;line-height:1.18;}
.footer .footer-donations .footer-quote cite {margin-top:6px;font-size:11px;}
.footer .footer-donations > .btn {padding:11px 17px;font-size:12px;}
/* Contact is now an ordinary grid column instead of a full-width lower row. */
.footer .footer-contact,
.footer .footer-contact.footer-feature {
  display:flex;
  height:auto;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:12px;
  padding-top:0;
  padding-bottom:0;
}
.footer .footer-contact-name strong {font-size:24px;}
.footer .footer-contact-name small {font-size:10px;letter-spacing:0;line-height:1.5;}
.footer .footer-contact p {font-size:12px;line-height:1.55;}
.footer .footer-contact p[style] {margin-top:0!important;}
.footer .footer-contact .footer-social {gap:13px;}
.footer .footer-bottom {margin-top:0;padding-top:13px;}
@media (min-width: 981px) and (max-width:1120px) {
  .footer .footer-shell {grid-template-columns:1.1fr .95fr 1.08fr 1.18fr;row-gap:0;padding-bottom:26px;}
  .footer .footer-feature {padding:0 12px;}
  .footer .footer-feature:first-child {padding-left:0;}
  .footer .footer-feature:last-child {padding-right:0;}
}
@media (max-width:980px) and (min-width:641px) {
  .footer .footer-shell {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0;}
  .footer .footer-feature:nth-child(2) {padding:0 0 0 24px;border-left:1px solid rgba(203,173,102,.31);border-top:0;}
  .footer .footer-feature:nth-child(3) {padding:20px 24px 0 0;border:0;border-top:1px solid rgba(203,173,102,.31);}
  .footer .footer-feature:nth-child(4) {grid-column:auto;padding:20px 0 0 24px;border:0;border-top:1px solid rgba(203,173,102,.31);border-left:1px solid rgba(203,173,102,.31);}
}
@media (max-width:640px) {
  .footer .footer-shell {grid-template-columns:1fr;gap:24px;}
  .footer .footer-feature,
  .footer .footer-feature:first-child,
  .footer .footer-feature:nth-child(2),
  .footer .footer-feature:nth-child(3),
  .footer .footer-feature:nth-child(4) {grid-column:auto;padding:0;border-left:0;}
  .footer .footer-feature:not(:first-child) {padding-top:22px;border-top:1px solid rgba(203,173,102,.31);}
  .footer .footer-contact.footer-feature {padding-top:0;border-top:0;}
}


/* Match the fruits of the Spirit text to the same gold used for eyebrows on all other pages. */
.hero-copy .spirit-fruits { color:#aa7b09; }

/* Refined link hover: movement is the cue; no gold colour or glow. */
:is(.prose,.accordion-body,.breadcrumb,.footer-brand p) a:not(.btn):not(.brand):hover,
.footer .footer-col > a:not(.btn):not(.brand):hover,
.footer .footer-list a:hover,
.link-list a:hover,
.footer .footer-feature > a.footer-nav-link:hover,
.footer .footer-list a.footer-nav-link:hover {
  color:var(--link-navy);
  text-shadow:none;
  background:transparent;
  box-shadow:none;
}
.link-list a:hover .go {
  color:var(--editorial-gold);
  text-shadow:none;
}

/* Razno — distinct cards per link category instead of one long stacked list. */
.razno-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start;margin-top:28px}
.razno-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--line);border-radius:20px;padding:22px 22px 8px;box-shadow:0 14px 32px rgba(57,96,165,.06);transition:box-shadow .22s ease,border-color .22s ease}
.razno-card:before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;background:linear-gradient(90deg,#f2c64f,#aad0ff);opacity:.8}
.razno-card:hover{box-shadow:0 18px 40px rgba(57,96,165,.1);border-color:#cfe1f8}
.razno-card-wide{grid-column:span 2}
.razno-card-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.razno-icon{flex:0 0 auto;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff3d1,#eaf3ff);color:#c79836}
.razno-card-head h3{margin:0;font:600 17px/1.3 "Cormorant Garamond",serif;color:var(--ink)}
.razno-card .link-list{margin:0 -6px}
.razno-card .link-list a{padding:11px 6px;font-size:13.5px}
@media (max-width:980px){
  .razno-grid{grid-template-columns:repeat(2,1fr)}
  .razno-card-wide{grid-column:span 2}
}
@media (max-width:640px){
  .razno-grid{grid-template-columns:1fr}
  .razno-card-wide{grid-column:span 1}
}

/* Duhovna rast — "Poučevanja" has 5 info-cards; keep every card the same
   size (equal width and height) instead of stretching the last one. */
#poucevanja .info-grid{grid-auto-rows:1fr}



/* September 2026 design refinement — bright blue, warm gold, calmer visual rhythm.
   Appended as a single override layer so the original site's subpages remain intact. */
:root{--ref-blue:#2456a3;--ref-deep:#173b72;--ref-gold:#f1c34e;--ref-gold-dark:#ab790e;--ref-border:#dce8f8;--ref-body:#426389}
body{background:linear-gradient(180deg,#fbfdff 0%,#f5faff 44%,#fffefa 100%)}
:is(a,button,summary):focus-visible{outline:3px solid #dca92e;outline-offset:4px}
:target{scroll-margin-top:108px}
.site-header{box-shadow:0 6px 32px rgba(28,64,112,.055);border-bottom-color:#e6eef9}
.header-inner{min-height:94px}
.main-nav a{transition:color .2s ease}
.main-nav a:hover{color:#225cb4}
.main-nav .cta{background:linear-gradient(115deg,#2968be,#204d99);box-shadow:0 7px 16px rgba(37,83,162,.14)}
.main-nav .cta:hover{background:#194780}
.hero{padding:28px 0 0}
.hero-shell{border-radius:38px;background:radial-gradient(ellipse at 91% 36%,rgba(199,227,255,.72),transparent 55%),radial-gradient(ellipse at 6% 100%,rgba(255,231,151,.45),transparent 51%),linear-gradient(125deg,#fffefa 0%,#fbfdff 51%,#f1f8ff 100%);border:1px solid #e0eaf7;box-shadow:0 30px 86px rgba(35,70,120,.08)}
.hero-shell::after{top:-140px;right:-105px;width:490px;height:490px;background:radial-gradient(circle,rgba(231,241,255,.7),transparent 70%);pointer-events:none}
.hero-grid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(14px,2vw,40px);padding:clamp(40px,5vw,74px)}
.hero-copy .spirit-fruits{color:var(--ref-gold-dark);font-weight:700;letter-spacing:.115em;line-height:1.85;row-gap:.16em}
.hero-copy .spirit-fruits span:not(:last-child)::after{color:#c89e3f}
.hero-copy h1{font-size:clamp(72px,7.5vw,118px);line-height:.96;margin:21px 0 24px;letter-spacing:-.049em}
.hero-copy h1 .gold{color:#dfac29}
.hero-copy .lead{font-size:clamp(16px,1.23vw,18px);line-height:1.78;color:#355981}
.hero-actions{margin-top:26px;gap:12px}
.btn{min-height:47px;justify-content:center}
.btn-primary{box-shadow:0 11px 24px rgba(36,87,166,.17)}
.btn-secondary:hover{background:#f4f9ff!important;box-shadow:0 9px 21px rgba(36,87,166,.08)}
.verse{margin-top:32px;border:0;border-left:3px solid var(--ref-gold);border-radius:0 16px 16px 0;padding:15px 21px;background:rgba(255,255,255,.52);box-shadow:none}
.verse p{font-size:clamp(22px,2vw,27px);line-height:1.23}
.verse cite{letter-spacing:.1em;margin-top:9px}
.hero-art{padding-bottom:60px}
.hero-art picture{width:106%;margin-left:-3%;filter:drop-shadow(0 16px 28px rgba(99,139,189,.09))}
.hero-art .living-fire-note{right:-1%;bottom:8px;width:min(72%,350px);border-radius:18px;padding:18px 22px;background:rgba(255,255,255,.94);border:1px solid rgba(228,235,246,.96);box-shadow:0 17px 34px rgba(49,79,124,.10)}
.hero-art .living-fire-note strong{color:#ae7b0d;font-size:11px}
.hero-art .living-fire-note p{font-size:13px;line-height:1.65}
.mantra{padding:27px 0 13px}
.mantra .inner{font-size:clamp(19px,2.1vw,27px);color:#396bab;gap:clamp(9px,2vw,29px)}
.mantra .dot{background:#e4b746;width:5px;height:5px}
.section{padding:clamp(60px,6vw,88px) 0}
.section-head{margin-bottom:32px}
.section-head h2{letter-spacing:-.037em;font-size:clamp(45px,4.7vw,68px)}
.section-head p{line-height:1.75}
.intro-section{padding-top:68px}
.journey-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.journey-cards .card{min-height:270px;padding:27px 23px 24px;background:linear-gradient(155deg,#fff,#fbfdff);border:1px solid var(--ref-border);border-radius:22px;box-shadow:0 12px 34px rgba(34,73,132,.045);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.journey-cards .card::before{left:23px;right:23px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#edc348,#8db8e9)}
.journey-cards .card-icon{width:39px;height:39px;color:#376dbc;stroke:#376dbc}
.journey-cards .card h3{font-size:clamp(27px,2.4vw,35px);margin:18px 0 11px;line-height:1.06}
.journey-cards .card p{font-size:13.5px;line-height:1.7;color:#4b6d96}
.journey-cards .card .arrow{align-self:flex-end;display:grid;place-items:center;width:35px;height:35px;border:1px solid #e0eaf9;border-radius:50%;background:#f6faff;color:#b78419;transition:transform .23s ease,background .23s ease}
.journey-cards .card:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(34,73,132,.11)}
.journey-cards .card:hover .arrow{transform:translate(2px,-2px);background:#fff2ce}
.dogodki-redesign{background:linear-gradient(120deg,#edf6ff 0%,#f9fcff 47%,#fff8e7 100%);border-top:1px solid #e5eef9;border-bottom:1px solid #e5eef9}
.dogodki-redesign .dogodki-heading{margin-bottom:31px}
.dogodki-redesign .dogodki-heading h2{letter-spacing:-.04em}
.dogodki-redesign .dogodki-grid{gap:20px}
.dogodki-redesign .dogodki-event{overflow:hidden;border-radius:22px;border:1px solid #e2eaf5;box-shadow:0 14px 38px rgba(39,77,132,.075);transition:transform .24s ease,box-shadow .24s ease}
.dogodki-redesign .dogodki-event:hover{transform:translateY(-5px);box-shadow:0 23px 50px rgba(39,77,132,.13)}
.dogodki-redesign .dogodki-image{overflow:hidden}
.dogodki-redesign .dogodki-image img{transition:transform .5s ease;object-fit:cover}
.dogodki-redesign .dogodki-event:hover .dogodki-image img{transform:scale(1.035)}
.dogodki-redesign .dogodki-details{padding:22px 24px 23px}
.dogodki-redesign .dogodki-type{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;letter-spacing:.08em;line-height:1.6}
.dogodki-redesign .event-category{display:inline-block;background:#fff1c7;color:#92670b;padding:4px 9px;border-radius:6px;font-weight:800}
.dogodki-redesign .event-date{color:#5377a3;font-weight:750}
.dogodki-redesign .dogodki-details h3{font-size:clamp(30px,2.65vw,39px);margin:14px 0 8px}
.dogodki-redesign .dogodki-details p{line-height:1.67}
.community{background:radial-gradient(ellipse at 81% 30%,#e7f2ff,transparent 57%),linear-gradient(125deg,#fffefa,#f0f7ff);border-radius:30px;box-shadow:0 18px 50px rgba(37,75,129,.06)}
.community-copy h2{line-height:1.02}
.devotional-section{background:linear-gradient(180deg,#f9fcff,#fffefa)}
.devotional-section .card{transition:transform .23s ease,box-shadow .23s ease}
.publication-panel{background:linear-gradient(112deg,#eaf4ff,#fffaf0);border-color:#dae8f8;box-shadow:0 15px 38px rgba(36,75,126,.045)}
.footer{background:linear-gradient(180deg,#f5faff,#eaf3ff)}
@media(max-width:1220px){.header-inner{gap:12px}.main-nav{gap:10px}.main-nav a{font-size:11px}}
@media(max-width:1050px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:10px}.hero-copy{max-width:690px}.hero-art{max-width:700px;margin:0 auto}.hero-art picture{width:100%;margin-left:0}.journey-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-cards .card{min-height:225px}.main-nav.open{top:calc(100% - 5px);left:20px;right:20px;z-index:99}}
@media(max-width:740px){.header-inner{min-height:78px}.hero{padding-top:14px}.hero-shell{border-radius:25px}.hero-grid{padding:32px 23px 31px}.hero-copy h1{font-size:clamp(61px,13vw,84px);margin:17px 0 18px}.hero-copy .lead{font-size:15px;line-height:1.72}.hero-copy .spirit-fruits{font-size:10px;letter-spacing:.075em}.hero-actions{margin-top:22px}.verse{margin-top:27px;padding:12px 17px}.hero-art{padding-bottom:0}.hero-art .living-fire-note{position:relative;right:auto;bottom:auto;width:100%;max-width:450px;margin:-5px auto 0}.section{padding:59px 0}.section-head{gap:12px}.journey-cards{grid-template-columns:1fr;gap:12px}.journey-cards .card{min-height:0;padding:22px;display:grid;grid-template-columns:1fr auto;gap:10px}.journey-cards .card > div:first-child{grid-column:1/-1}.journey-cards .card h3{margin:13px 0 8px}.journey-cards .card .arrow{grid-column:2;justify-self:end;margin-top:0}.dogodki-redesign .dogodki-grid{gap:17px}.dogodki-redesign .dogodki-details{padding:22px}.mantra{padding:22px 0 0}.mantra .inner{gap:10px;font-size:19px}.community{padding:27px 22px}.publication-panel{padding:25px 23px}}
@media(max-width:420px){.brand strong{font-size:25px}.hero-copy h1{font-size:60px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.dogodki-redesign .dogodki-type{font-size:9px}}
@media(prefers-reduced-motion:reduce){.journey-cards .card,.journey-cards .card .arrow,.dogodki-redesign .dogodki-event,.dogodki-redesign .dogodki-image img{transition:none!important}}

/* Refined shared header & footer · September 2026 */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(183,205,232,.68)!important;box-shadow:0 9px 35px rgba(32,72,131,.05)!important}
.header-accent{height:3px;background:linear-gradient(90deg,#d6e8fa 0%,#efc758 39%,#ffe7a1 53%,#b6d9fa 100%)}
.site-header .header-inner{width:min(1450px,calc(100% - 50px));min-height:92px;gap:clamp(14px,1.6vw,28px);display:flex;align-items:center;justify-content:space-between}
.site-header .brand{display:flex;gap:12px;align-items:center;flex:0 0 auto;min-width:0}
.site-header .brand-logo-shell--header{flex:0 0 61px;width:61px;height:61px;border:1px solid #e6edfa;border-radius:50%;background:radial-gradient(circle,#fff 40%,#f0f7ff 100%);box-shadow:0 4px 15px rgba(36,78,163,.08);display:grid;place-items:center;overflow:hidden}
.site-header .brand-logo-shell--header .brand-logo{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}
.site-header .brand-logo-glow{display:none}
.site-header .brand-text strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,2.45vw,36px);font-weight:700;letter-spacing:-.035em;line-height:1;color:#1c4177}
.site-header .brand-text small{font-size:9px;line-height:1.6;letter-spacing:.105em;font-weight:700;color:#7a90ac;text-transform:uppercase;margin-top:4px;max-width:none}
.site-header .main-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(11px,1.28vw,21px);margin-left:auto}
.site-header .main-nav a:not(.cta){white-space:nowrap;color:#355679;font-size:clamp(11px,.85vw,13px);font-weight:650;letter-spacing:-.015em;padding:12px 0;transition:color .2s}
.site-header .main-nav a:not(.cta):hover{color:#2163aa}
.site-header .main-nav a:not(.cta)::after{background:#e8b63a;height:2px;bottom:6px}
.site-header .main-nav .cta{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(120deg,#f6d778,#efba45)!important;color:#533e12!important;border:1px solid #ecc05c!important;padding:13px 17px;border-radius:999px;box-shadow:0 5px 16px rgba(218,166,49,.19)!important;font-weight:750;font-size:12px;transition:transform .2s,box-shadow .2s}
.site-header .main-nav .cta::after{display:none}
.site-header .main-nav .cta:hover{transform:translateY(-2px);box-shadow:0 9px 23px rgba(218,166,49,.25)!important}
.site-header .menu-btn{display:none;width:43px;height:43px;border-radius:13px;border:1px solid #dbe7f5;background:#f7faff;color:#2e5686;align-items:center;justify-content:center;cursor:pointer}
.footer{position:relative;overflow:hidden;background:linear-gradient(155deg,#f3f8fe 0%,#f9fbff 45%,#fffaf0 100%)!important;border-top:1px solid #d9e8f6;padding:0!important;color:#365679}
.footer::before{content:"";position:absolute;pointer-events:none;right:-230px;bottom:-340px;width:700px;height:700px;background:radial-gradient(circle,rgba(244,207,117,.13),transparent 69%)}
.footer>.wrap{position:relative;z-index:1;width:min(1250px,calc(100% - 48px))}
.footer .footer-invite{display:flex;align-items:center;gap:24px;background:linear-gradient(108deg,#23528c,#3777b4 78%,#4b90be);color:#fff;border-radius:24px;margin:76px 0 53px;padding:29px 37px;box-shadow:0 16px 34px rgba(39,91,145,.13);position:relative;overflow:hidden}
.footer .footer-invite::after{content:"";position:absolute;right:14%;top:-140px;width:400px;height:400px;border-radius:50%;border:1px solid rgba(255,255,255,.13);pointer-events:none}
.footer .footer-invite-icon{display:grid;place-items:center;flex:0 0 104px;width:104px;height:104px;padding:8px;background:linear-gradient(145deg,#fffef8 0%,#fff4db 100%);border:2px solid #f4cd72;border-radius:28px;box-shadow:0 0 0 5px rgba(255,255,255,.11),0 12px 28px rgba(10,35,75,.22),inset 0 2px 8px rgba(255,255,255,.9);position:relative;z-index:1}
.footer .footer-invite-icon img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.12);filter:drop-shadow(0 3px 3px rgba(10,49,100,.15))}
.footer .footer-invite-copy{flex:1;position:relative;z-index:1}
.footer .footer-overline{font-size:10px;letter-spacing:.2em;font-weight:800;color:#ffdc8e}
.footer .footer-invite h2{font-family:'Cormorant Garamond',Georgia,serif;color:#fff;font-size:clamp(29px,2.9vw,38px);line-height:1.1;font-weight:650;margin:6px 0 5px}
.footer .footer-invite p{font-size:13px;color:#dfeefe;line-height:1.5;margin:0}
.footer .footer-invite-btn{flex:0 0 auto;position:relative;z-index:1;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:99px;color:#28578e!important;padding:14px 19px;font-weight:750;font-size:12px;box-shadow:0 8px 22px rgba(13,39,72,.1);transition:transform .2s}
.footer .footer-invite-btn:hover{transform:translateY(-2px)}
.footer .footer-shell{display:grid!important;grid-template-columns:1.36fr .77fr .92fr 1.1fr!important;gap:clamp(22px,3vw,53px)!important;padding:0 3px 43px!important;margin:0!important}
.footer .footer-shell>.footer-col{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:11px!important;min-width:0;padding:0!important;margin:0!important;border:0!important;grid-column:auto!important;background:none!important;box-shadow:none!important}
.footer .footer-shell .footer-col h3{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1d4d83}
.footer .footer-shell .footer-col>a:not(.footer-identity):not(.footer-give):not(.footer-email){font-size:12px;font-weight:550;line-height:1.5;color:#597390;transition:color .2s,transform .2s}
.footer .footer-shell .footer-col>a:not(.footer-identity):not(.footer-give):not(.footer-email):hover{color:#205995;transform:translateX(3px)}
.footer .footer-identity{display:flex;align-items:center;gap:12px;margin:-8px 0 8px;max-width:100%}
.footer .footer-mark{display:grid;place-items:center;flex:0 0 74px;width:74px;height:112px;padding:0;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}
.footer .footer-mark img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block}
.footer .footer-identity strong{font:700 30px/1 'Cormorant Garamond',Georgia,serif;color:#1d477f;letter-spacing:-.035em;display:block}
.footer .footer-identity small{display:block;margin-top:6px;color:#6d88a4;font-size:9px;line-height:1.6;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.footer .footer-shell .footer-intro>p{margin:0 0 6px!important;max-width:255px;font-size:13px;line-height:1.75;color:#7188a1}
.footer .footer-social{display:flex;gap:9px;margin-top:8px}
.footer .footer-social a{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#fff;border:1px solid #dce8f4;color:#34639d;transition:transform .2s,background .2s}
.footer .footer-social a:hover{transform:translateY(-2px);background:#f3f8fe}
.footer .footer-contact .footer-contact-intro{font-size:12px;color:#7188a1;margin:0!important;line-height:1.6}
.footer .footer-contact .footer-email{font-weight:750;color:#235c9a;font-size:13px;display:flex;gap:8px;align-items:center;margin:1px 0 9px}
.footer .footer-contact>p:not(.footer-contact-intro){font-size:12px;line-height:1.7;color:#7188a1;margin:0 0 2px!important}
.footer .footer-give{margin-top:8px;display:inline-flex;gap:11px;align-items:center;border:1px solid #e4c987;background:#fff9e9;padding:10px 12px;border-radius:11px;color:#976917!important;font-weight:700;font-size:11px}
.footer .footer-bottom{margin:0!important;border-top:1px solid #dbe7f3!important;padding:20px 2px 25px!important;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:#8194a9;font-size:11px;letter-spacing:.01em}
.footer .footer-bottom>span:last-child{display:flex;gap:10px;flex-wrap:wrap}
.footer .footer-bottom a{color:#587b9f}
.footer .footer-bottom a:hover{color:#235c9a}
.footer .footer-bottom-separator{color:#b7c5d7}
@media(max-width:1320px){.site-header .header-inner{width:min(100% - 34px,1450px)}.site-header .brand-logo-shell--header{width:52px;height:52px;flex-basis:52px}.site-header .brand-text strong{font-size:29px}.site-header .brand-text small{font-size:8px;letter-spacing:.045em}.site-header .main-nav{gap:12px}.site-header .main-nav a:not(.cta){font-size:11px}.site-header .main-nav .cta{padding:12px 13px;font-size:11px}}
@media(max-width:1050px){.site-header .header-inner{min-height:76px}.site-header .menu-btn{display:flex!important}.site-header .main-nav{display:none!important;position:absolute;top:calc(100% - 1px);left:0;right:0;margin:0!important;max-height:calc(100vh - 85px);overflow:auto;background:#fff;border-bottom:1px solid #dae8f7;box-shadow:0 15px 28px rgba(30,70,130,.09);padding:14px 24px 22px;flex-direction:column;align-items:stretch;gap:0}.site-header .main-nav.open{display:flex!important}.site-header .main-nav a:not(.cta){font-size:14px;padding:13px 6px;border-bottom:1px solid #edf3f9}.site-header .main-nav a:not(.cta)::after{display:none}.site-header .main-nav .cta{align-self:flex-start;margin-top:15px;font-size:13px;padding:13px 18px}.footer .footer-shell{grid-template-columns:1.1fr 1fr!important;gap:35px!important}.footer .footer-invite{padding:25px 28px}}
@media(max-width:650px){.site-header .header-inner{width:calc(100% - 28px);min-height:72px}.site-header .brand{gap:9px}.site-header .brand-logo-shell--header{width:48px;height:48px;flex-basis:48px}.site-header .brand-text strong{font-size:27px}.site-header .brand-text small{font-size:8px;max-width:200px;line-height:1.3}.site-header .menu-btn{width:40px;height:40px;flex:0 0 40px}.footer>.wrap{width:calc(100% - 34px)}.footer .footer-invite{margin:45px 0 39px;display:flex;flex-wrap:wrap;gap:13px;padding:22px;border-radius:20px}.footer .footer-invite-icon{width:78px;height:78px;flex-basis:78px;padding:6px;border-radius:22px}.footer .footer-invite-copy{flex:1 1 calc(100% - 55px)}.footer .footer-invite h2{font-size:31px}.footer .footer-invite p{font-size:12px}.footer .footer-invite-btn{margin-top:6px;font-size:12px}.footer .footer-shell{grid-template-columns:1fr 1fr!important;gap:30px 18px!important}.footer .footer-intro,.footer .footer-contact{grid-column:1/-1!important}.footer .footer-identity strong{font-size:29px}.footer .footer-shell .footer-col h3{font-size:11px;letter-spacing:.08em}.footer .footer-bottom{align-items:flex-start;flex-direction:column;font-size:10px;gap:8px;padding-bottom:23px!important}.footer .footer-mark{flex-basis:64px;width:64px;height:98px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.site-header .main-nav a,.footer .footer-social a,.footer .footer-invite-btn,.footer .footer-shell .footer-col>a{transition:none!important}}

/* Extra breathing room above the four footer columns */
.footer .footer-shell{padding-top:30px!important;}
@media(max-width:650px){.footer .footer-shell{padding-top:22px!important;}}

/* Creative navigation — softly floating glass menu, gold active tab */
.site-header .header-inner{max-width:1520px;gap:clamp(16px,2vw,35px)}
.site-header .brand{transition:transform .25s ease}
.site-header .brand:hover{transform:translateY(-1px)}
.site-header .creative-nav{gap:3px!important;padding:6px!important;border:1px solid #dce9f6;border-radius:22px;background:linear-gradient(130deg,rgba(243,249,255,.97),rgba(255,255,255,.97) 60%,rgba(255,250,237,.88));box-shadow:0 7px 28px rgba(35,83,143,.065),inset 0 1px 0 #fff;flex:0 1 auto}
.site-header .creative-nav>a:not(.cta){display:inline-flex;align-items:center;justify-content:center;gap:7px;position:relative;padding:13px clamp(7px,.82vw,13px)!important;min-height:44px;color:#3c6088!important;font-size:clamp(10px,.77vw,12px)!important;letter-spacing:0!important;border-radius:15px;isolation:isolate;transition:color .22s,background .22s,box-shadow .22s,transform .22s!important}
.site-header .creative-nav>a:not(.cta)::after{display:none!important}
.site-header .creative-nav>a:not(.cta)::before{content:"";position:absolute;inset:0;border-radius:15px;background:linear-gradient(135deg,#fffae9,#fff4d0);border:1px solid #f3e0a5;box-shadow:0 3px 12px rgba(206,159,60,.10);opacity:0;transform:scale(.94);transition:opacity .22s,transform .22s;z-index:-1}
.site-header .creative-nav>a:not(.cta):hover,.site-header .creative-nav>a:not(.cta).active{color:#846022!important;transform:translateY(-1px)}
.site-header .creative-nav>a:not(.cta):hover::before,.site-header .creative-nav>a:not(.cta).active::before{opacity:1;transform:scale(1)}
.site-header .creative-nav>a:not(.cta).active{font-weight:800!important}
.site-header .creative-nav .nav-icon{width:16px;height:16px;flex-shrink:0;color:#7aa8cc;transition:color .2s,transform .2s}
.site-header .creative-nav>a:not(.cta):hover .nav-icon,.site-header .creative-nav>a:not(.cta).active .nav-icon{color:#d4a03d;transform:translateY(-1px)}
.site-header .creative-nav .cta{margin-left:7px;border-radius:15px!important;min-height:44px;padding:12px 16px!important;box-shadow:0 3px 11px rgba(221,169,53,.17)!important}
.site-header .creative-nav .cta:hover{box-shadow:0 7px 18px rgba(221,169,53,.23)!important}
.site-header .creative-nav a:focus-visible,.site-header .menu-btn:focus-visible{outline:3px solid #4f94d1;outline-offset:3px}
@media(max-width:1440px) and (min-width:1051px){.site-header .header-inner{width:calc(100% - 32px)!important;gap:12px}.site-header .brand-logo-shell--header{width:49px;height:49px;flex-basis:49px}.site-header .brand-text strong{font-size:27px}.site-header .brand-text small{font-size:7px;letter-spacing:0}.site-header .creative-nav{padding:4px!important;gap:0!important}.site-header .creative-nav>a:not(.cta){padding:11px 7px!important;font-size:10px!important;gap:5px}.site-header .creative-nav .nav-icon{width:14px;height:14px}.site-header .creative-nav .cta{padding:10px 11px!important;margin-left:4px;font-size:10px}}
@media(max-width:1160px){.site-header .menu-btn{display:flex!important}.site-header .creative-nav{display:none!important;position:absolute;top:calc(100% - 1px);left:15px;right:15px;margin:0!important;max-height:calc(100dvh - 92px);overflow:auto;flex-direction:column;align-items:stretch;gap:5px!important;padding:15px!important;background:linear-gradient(160deg,#f8fbff,#fffdf7)!important;border:1px solid #dbe8f7;border-radius:0 0 24px 24px;box-shadow:0 20px 45px rgba(36,78,126,.15)}.site-header .creative-nav.open{display:flex!important}.site-header .creative-nav>a:not(.cta){justify-content:flex-start;gap:13px;min-height:49px;padding:13px 17px!important;font-size:14px!important;border-bottom:0!important}.site-header .creative-nav .nav-icon{width:20px;height:20px}.site-header .creative-nav .cta{margin:12px 0 0;padding:14px 20px!important;justify-content:center;font-size:13px}}
@media(min-width:1051px) and (max-width:1160px){.site-header .header-inner{min-height:82px}}
@media(max-width:650px){.site-header .creative-nav{left:10px;right:10px;max-height:calc(100dvh - 77px)}}
@media(prefers-reduced-motion:reduce){.site-header .creative-nav>a:not(.cta),.site-header .creative-nav>a:not(.cta)::before,.site-header .creative-nav .nav-icon,.site-header .brand{transition:none!important}}

/* Modern 2026 navigation: editorial typography, clean surface and one signature accent. */
.site-header:has(.modern-nav){background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e9edf4!important;box-shadow:0 5px 28px rgba(29,60,111,.045)!important}
.site-header:has(.modern-nav) .header-accent{height:2px;background:linear-gradient(90deg,#b8d8f5 0%,#e9be60 58%,#f8df97 100%)}
.site-header:has(.modern-nav) .header-inner{max-width:1490px;width:calc(100% - 76px);min-height:88px;gap:35px}
.site-header:has(.modern-nav) .brand{gap:12px}
.site-header:has(.modern-nav) .brand-logo-shell--header{border:0;box-shadow:none;background:transparent;width:56px;height:56px;flex-basis:56px}
.site-header:has(.modern-nav) .brand-text strong{font-size:clamp(28px,2.2vw,33px);color:#193e70;letter-spacing:-.045em}
.site-header:has(.modern-nav) .brand-text small{color:#8495ab;font-size:9px;letter-spacing:.055em;text-transform:none;font-weight:600}
.site-header .modern-nav{display:flex;align-items:center;gap:clamp(10px,1.2vw,25px)!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;flex:0 1 auto}
.site-header .modern-nav>a:not(.cta){border:0!important;background:transparent!important;box-shadow:none!important;display:inline-flex;align-items:center;position:relative;padding:16px 0!important;font-size:clamp(11px,.82vw,13px)!important;font-weight:600!important;letter-spacing:-.018em!important;line-height:1.2;white-space:nowrap;color:#52647a!important;transform:none!important;border-radius:0!important;transition:color .2s ease!important}
.site-header .modern-nav>a:not(.cta)::before{content:none!important;display:none!important}
.site-header .modern-nav>a:not(.cta)::after{content:"";position:absolute;display:block!important;left:0;right:100%;bottom:6px;width:auto;height:2px;background:#e4b750!important;opacity:1;transition:right .24s ease;border-radius:3px}
.site-header .modern-nav>a:not(.cta):hover,.site-header .modern-nav>a:not(.cta).active{color:#173d70!important}
.site-header .modern-nav>a:not(.cta):hover::after,.site-header .modern-nav>a:not(.cta).active::after{right:0}
.site-header .modern-nav .cta{display:inline-flex;align-items:center;gap:13px;white-space:nowrap;background:#1d4779!important;color:#fff!important;border:1px solid #1d4779!important;box-shadow:none!important;border-radius:12px!important;min-height:46px!important;padding:12px 17px!important;font-size:12px!important;font-weight:700!important;margin-left:3px!important;transition:background .22s ease,transform .22s ease!important}
.site-header .modern-nav .cta svg{color:#f4cf78;transition:transform .2s}
.site-header .modern-nav .cta:hover{background:#12365f!important;transform:translateY(-1px);box-shadow:0 6px 15px rgba(25,64,112,.14)!important}
.site-header .modern-nav .cta:hover svg{transform:translateX(3px)}
.site-header:has(.modern-nav) .menu-btn{border-radius:10px;background:#f4f8fc;border-color:#e0e9f3}
@media(min-width:1161px) and (max-width:1430px){
.site-header:has(.modern-nav) .header-inner{width:calc(100% - 40px);gap:18px}
.site-header:has(.modern-nav) .brand-logo-shell--header{width:48px;height:48px;flex-basis:48px}
.site-header:has(.modern-nav) .brand-text strong{font-size:28px}
.site-header:has(.modern-nav) .brand-text small{font-size:8px}
.site-header .modern-nav{gap:clamp(8px,.85vw,15px)!important}
.site-header .modern-nav>a:not(.cta){font-size:11px!important}
.site-header .modern-nav .cta{padding:12px!important;gap:7px}
}
@media(max-width:1160px){
.site-header:has(.modern-nav) .header-inner{width:calc(100% - 34px);min-height:77px}
.site-header .modern-nav{display:none!important;position:absolute;top:calc(100% - 1px);left:16px;right:16px;max-height:calc(100dvh - 100px);overflow:auto;flex-direction:column;align-items:stretch;gap:0!important;padding:14px 19px 22px!important;background:#fff!important;border:1px solid #e5edf6!important;border-radius:0 0 18px 18px!important;box-shadow:0 24px 35px rgba(20,49,88,.12)!important}
.site-header .modern-nav.open{display:flex!important}
.site-header .modern-nav>a:not(.cta){font-size:15px!important;font-weight:600!important;padding:17px 4px!important;border-bottom:1px solid #edf1f5!important;justify-content:space-between;border-radius:0!important}
.site-header .modern-nav>a:not(.cta)::after{display:none!important}
.site-header .modern-nav>a:not(.cta).active{color:#1b4e83!important}
.site-header .modern-nav>a:not(.cta).active::before{content:"";display:block!important;position:absolute;left:-14px;top:16px;bottom:16px;width:3px;border-radius:5px;background:#e7b957!important;opacity:1;transform:none;box-shadow:none;border:0}
.site-header .modern-nav .cta{margin:20px 0 0!important;align-self:stretch;justify-content:space-between;font-size:14px!important;min-height:52px!important;padding:15px 17px!important}
}
@media(max-width:650px){.site-header:has(.modern-nav) .header-inner{width:calc(100% - 28px);min-height:73px}.site-header:has(.modern-nav) .brand-logo-shell--header{width:46px;height:46px;flex-basis:46px}.site-header:has(.modern-nav) .brand-text strong{font-size:27px}.site-header .modern-nav{left:10px;right:10px}}
@media(prefers-reduced-motion:reduce){.site-header .modern-nav a,.site-header .modern-nav .cta svg{transition:none!important}}

/* Larger contemporary menu typography: Plus Jakarta Sans with reliable fallbacks. */

.site-header .modern-nav, .site-header .modern-nav a {font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif!important;}
@media(min-width:1481px){
 .site-header:has(.modern-nav) .header-inner{max-width:1600px;width:calc(100% - 80px);gap:32px}
 .site-header .modern-nav{gap:clamp(18px,1.45vw,29px)!important}
 .site-header .modern-nav>a:not(.cta){font-size:15px!important;font-weight:600!important;letter-spacing:-.024em!important}
 .site-header .modern-nav .cta{font-size:14px!important;padding:14px 19px!important;min-height:50px!important}
}
@media(min-width:1321px) and (max-width:1480px){
 .site-header:has(.modern-nav) .header-inner{max-width:100%;width:calc(100% - 44px);gap:19px}
 .site-header:has(.modern-nav) .brand-logo-shell--header{width:49px;height:49px;flex-basis:49px}
 .site-header:has(.modern-nav) .brand-text strong{font-size:29px}
 .site-header:has(.modern-nav) .brand-text small{font-size:8px}
 .site-header .modern-nav{gap:clamp(11px,1vw,17px)!important}
 .site-header .modern-nav>a:not(.cta){font-size:14px!important;font-weight:600!important;letter-spacing:-.025em!important}
 .site-header .modern-nav .cta{font-size:13px!important;padding:12px 14px!important;min-height:48px!important;gap:8px}
}
/* Switch to a spacious dropdown earlier, rather than squeezing the larger type. */
@media(min-width:1161px) and (max-width:1320px){
 .site-header:has(.modern-nav) .header-inner{width:calc(100% - 48px)}
 .site-header .modern-nav{display:none!important;position:absolute;top:calc(100% - 1px);right:24px;left:auto;width:min(390px,calc(100vw - 48px));max-height:calc(100dvh - 110px);overflow:auto;flex-direction:column;align-items:stretch;gap:0!important;padding:16px 22px 24px!important;background:#fff!important;border:1px solid #e5edf6!important;border-radius:0 0 18px 18px!important;box-shadow:0 24px 35px rgba(20,49,88,.12)!important}
 .site-header .modern-nav.open{display:flex!important}
 .site-header .modern-nav>a:not(.cta){font-size:17px!important;font-weight:600!important;padding:18px 4px!important;border-bottom:1px solid #edf1f5!important}
 .site-header .modern-nav>a:not(.cta)::after{display:none!important}
 .site-header .modern-nav .cta{margin:20px 0 0!important;align-self:stretch;justify-content:space-between;font-size:15px!important;min-height:52px!important;padding:15px 18px!important}
 .site-header:has(.modern-nav) .menu-btn{display:inline-flex!important}
}
@media(max-width:1160px){
 .site-header .modern-nav>a:not(.cta){font-size:17px!important;font-weight:600!important}
 .site-header .modern-nav .cta{font-size:15px!important}
}


/* October 2026 links-page refinement — more modern resource cards */
.razno-grid{gap:24px;margin-top:30px}
.razno-card{
  border-radius:28px;
  padding:24px 24px 18px;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
  border:1px solid #dbe7f6;
  box-shadow:0 16px 36px rgba(42,84,146,.08);
}
.razno-card:before{left:26px;right:26px;height:3px;border-radius:999px;background:linear-gradient(90deg,#f0c44e 0%,#9fc8ff 100%);opacity:1}
.razno-card:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(42,84,146,.12);border-color:#cddcf0}
.razno-card-head{align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}
.razno-head-intro{display:flex;align-items:flex-start;gap:14px;min-width:0}
.razno-head-copy{min-width:0}
.razno-overline{display:block;margin:1px 0 6px;font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#2f63bb}
.razno-card-head h3{font:700 24px/1.15 "Inter",sans-serif;color:#163b72;letter-spacing:-.02em}
.razno-subtitle{margin:0 0 16px;padding-left:50px;font-size:14px;line-height:1.65;color:#5a7599;max-width:62ch}
.razno-count{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,#edf5ff,#fff7df);border:1px solid #d8e6f7;color:#1f4f98;font-size:13px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.razno-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#fff6db,#edf5ff);border:1px solid #e1ebf8;color:#c6922a;box-shadow:0 8px 18px rgba(62,102,165,.08)}
.razno-card .link-list{display:grid;gap:10px;margin:0}
.razno-card .link-list li{border:0}
.razno-card .link-list a{
  position:relative;
  padding:13px 16px;
  border-radius:16px;
  border:1px solid #e0e9f6;
  background:#fff;
  font-size:15px;
  font-weight:650;
  color:#244b83;
  box-shadow:0 6px 16px rgba(68,102,157,.05);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}
.razno-card .link-list a:hover,
.razno-card .link-list a:focus-visible{
  transform:translateY(-2px);
  border-color:#d2b24c;
  background:linear-gradient(180deg,#ffffff,#fffcf3);
  color:#173b72;
  box-shadow:0 14px 28px rgba(54,86,145,.1);
}
.razno-card .link-list a .go{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:#f7faff;
  border:1px solid #d7e3f5;
  color:#d2a12f;
  font-size:16px;
}
.razno-card .link-list a:hover .go,
.razno-card .link-list a:focus-visible .go{
  transform:translate(2px,-1px);
  background:#fff5d9;
  border-color:#ecd48a;
  color:#b98414;
}
@media (max-width:980px){
  .razno-card-head h3{font-size:22px}
  .razno-subtitle{padding-left:0}
}
@media (max-width:640px){
  .razno-card{padding:20px 18px 16px;border-radius:22px}
  .razno-card-head{gap:12px}
  .razno-head-intro{gap:12px}
  .razno-card-head h3{font-size:20px}
  .razno-subtitle{font-size:13.5px}
  .razno-count{min-width:34px;height:34px;font-size:12px;padding:0 8px}
  .razno-card .link-list a{padding:12px 14px;font-size:14px}
}


/* Modern editorial side navigation — shared by O prenovi, Duhovna rast, Društvo */
.content-aside{gap:20px;top:112px;align-self:start}
.content-aside .aside-card{
  --aside-ink:#183f75;
  border:1px solid #dce9f9;
  background:linear-gradient(150deg,#fff 0%,#fcfdff 74%,#f4f9ff 100%);
  border-radius:26px;
  padding:26px 22px 22px;
  box-shadow:0 18px 42px rgba(44,89,156,.075);
  transition:border-color .23s ease,box-shadow .23s ease;
}
.content-aside .aside-card:before{left:24px;right:24px;top:0;height:3px;opacity:1;background:linear-gradient(90deg,#f2c454 0%,#fae6a6 40%,#a7cfff 100%)}
.content-aside .aside-card:hover{border-color:#dce9f9;box-shadow:0 18px 42px rgba(44,89,156,.075)}
.content-aside .aside-card h4{
  font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;
  margin:0 0 19px;gap:11px;color:var(--aside-ink);
  font-size:15px;line-height:1.35;font-weight:800;letter-spacing:-.018em;text-transform:none;
}
.content-aside .aside-card h4:before{display:none}
.content-aside .aside-card h4 .aside-heading-icon{
  display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:13px;
  color:#c08b23;background:linear-gradient(145deg,#fff5dd,#f0f7ff);
  border:1px solid #f0e5c7;
}
.content-aside .aside-card h4 .aside-heading-icon svg{width:19px;height:19px}
.content-aside .aside-card p:not(.aside-group){font-size:13.5px;line-height:1.65;color:#60789a;margin:0 0 17px}
.content-aside .aside-card p.aside-group{
  color:#b1832f;font-size:11px;letter-spacing:.11em;margin:18px 0 9px;
  border-top:1px solid #e7edf7;padding-top:18px;
}
.content-aside .aside-card ul{margin:0;padding:0;gap:8px}
.content-aside .aside-card li{border:0}
.content-aside .aside-card ul a{
  padding:13px 36px 13px 15px;margin:0;border:1px solid #e8eef8;
  border-radius:13px;background:rgba(255,255,255,.9);
  font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;
  font-size:13.5px;font-weight:650;line-height:1.45;color:#375577;
  box-shadow:0 2px 8px rgba(61,99,151,.025);
  transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.content-aside .aside-card ul a:before{display:none}
.content-aside .aside-card ul a:after{
  content:'↗';right:12px;opacity:1;transform:translateY(-50%);font-size:15px;font-weight:500;
  color:#c9a150;transition:transform .2s ease,color .2s ease;
}
.content-aside .aside-card.aside-toc a:after{content:'↓';color:#88a9d2}
.content-aside .aside-card ul a:hover,
.content-aside .aside-card ul a:focus-visible{
  padding-left:15px;color:#153f7b;background:linear-gradient(105deg,#f4f9ff,#fff9ed);
  border-color:#d4e3f4;box-shadow:0 6px 15px rgba(45,96,168,.08);transform:translateX(3px);
}
.content-aside .aside-card ul a:hover:after,
.content-aside .aside-card ul a:focus-visible:after{transform:translate(2px,-50%);color:#af8121}
.content-aside .aside-card.aside-toc a[aria-current='location']{
  color:#153e76;font-weight:800;background:linear-gradient(100deg,#eaf3ff 0%,#fff8e9 100%);
  border-color:#d6e4f6;box-shadow:inset 3px 0 0 #e1b546,0 5px 16px rgba(48,101,172,.075);
}
.content-aside .aside-card.aside-toc a[aria-current='location']:after{color:#bc8c2d;content:'•';font-size:24px}
.content-aside .aside-card ul a:focus-visible{outline:2px solid #4178c1;outline-offset:3px}
@media(max-width:980px){.content-aside{position:static}.content-aside .aside-card{padding:22px 20px}}
@media(max-width:640px){.content-aside .aside-card{border-radius:22px}.content-aside .aside-card ul a{font-size:14px;padding-top:14px;padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){.content-aside .aside-card ul a,.content-aside .aside-card ul a:after{transition:none}}

/* Full, unframed flame logo in the shared header. Keep its natural tall aspect ratio. */
.site-header .brand-logo-shell--header,
.site-header:has(.modern-nav) .brand-logo-shell--header {
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 55px!important;width:55px!important;height:82px!important;
  min-width:55px!important;max-width:55px!important;min-height:82px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  border-radius:0!important;overflow:visible!important;padding:0!important;
}
.site-header .brand-logo-shell--header .brand-logo,
.site-header:has(.modern-nav) .brand-logo-shell--header .brand-logo {
  width:100%!important;height:100%!important;max-width:100%!important;
  max-height:100%!important;object-fit:contain!important;object-position:center!important;
  display:block!important;transform:none!important;position:static!important;
  margin:0!important;filter:none!important;
}
.site-header .brand-logo-shell--header:before,
.site-header .brand-logo-shell--header:after{display:none!important}
@media(max-width:650px){
 .site-header .brand-logo-shell--header,
 .site-header:has(.modern-nav) .brand-logo-shell--header {
  flex-basis:43px!important;width:43px!important;min-width:43px!important;max-width:43px!important;
  height:65px!important;min-height:65px!important;
 }
}
/* The same complete flame remains visible in the footer, without a holder. */
.footer .footer-mark{overflow:visible!important;flex:0 0 67px;width:67px;height:94px;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:transparent!important;padding:0!important}
.footer .footer-mark img{width:100%;height:100%;object-fit:contain;object-position:center}

/* Footer identity: unframed flame above the name, with intentional spacing. */
.footer .footer-shell .footer-intro{gap:0!important}
.footer .footer-identity{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;margin:0 0 17px!important;text-decoration:none;max-width:100%}
.footer .footer-mark{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 auto!important;width:78px!important;height:116px!important;min-width:0!important;margin:0 0 13px 3px!important;overflow:visible!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.footer .footer-mark img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:left center!important;transform:none!important}
.footer .footer-identity .brand-text{display:block!important;padding:0!important;min-width:0!important}
.footer .footer-identity strong{font-size:32px;line-height:1.08;letter-spacing:-.025em}
.footer .footer-identity small{margin-top:8px;max-width:240px;line-height:1.5;font-size:9px;letter-spacing:.06em}
.footer .footer-shell .footer-intro>p{max-width:245px!important;margin:0 0 15px!important}
.footer .footer-intro .footer-social{margin:0!important}
@media(max-width:650px){
  .footer .footer-mark{width:71px!important;height:108px!important;margin-bottom:12px!important}
  .footer .footer-identity{margin-bottom:15px!important}
}

/* Compact first-screen layout for shorter laptop displays. Keep larger monitors spacious. */
@media (min-width:1051px) and (max-height:950px) {
  .site-header:has(.modern-nav) .header-inner{min-height:76px;}
  .site-header:has(.modern-nav) .brand-logo-shell--header{width:54px;height:61px;flex-basis:54px;}
  .hero{padding-top:16px;}
  .hero-shell{border-radius:30px;}
  .hero-grid{padding:clamp(26px,3.1vw,46px) clamp(32px,4.5vw,70px);gap:clamp(16px,2.5vw,40px);}
  .hero-copy{padding:0;}
  .hero-copy .spirit-fruits{font-size:10px;line-height:1.55;row-gap:0;}
  .hero-copy h1{font-size:clamp(66px,6.25vw,99px);line-height:.93;margin:14px 0 18px;}
  .hero-copy .lead{font-size:clamp(15px,1.04vw,17px);line-height:1.65;max-width:510px;}
  .hero-actions{margin-top:23px;gap:10px;}
  .hero-actions .btn{padding:12px 19px;font-size:13px;}
  .verse{margin-top:27px;padding-left:16px;}
  .verse p{font-size:clamp(18px,1.55vw,23px);line-height:1.25;}
  .hero-art{padding-bottom:24px;min-width:0;}
  .hero-art picture{width:100%;max-width:520px;margin:0 auto;}
  .hero-art .living-fire-note{width:min(72%,295px);padding:12px 16px;right:0;bottom:0;}
  .hero-art .living-fire-note p{font-size:12px;line-height:1.45;margin-top:5px;}
}
@media (min-width:1051px) and (max-width:1360px) and (max-height:950px) {
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.96fr);}
  .hero-copy h1{font-size:clamp(64px,6.4vw,86px);}
  .hero-art picture{max-width:455px;}
}
/* On tablets and phones, keep a single readable column and reduce excess hero padding. */
@media (max-width:1050px) {
  .hero-grid{padding:clamp(24px,4vw,38px);}
  .hero-copy h1{font-size:clamp(58px,10vw,84px);margin:14px 0 19px;}
  .hero-art{padding-bottom:0;}
  .hero-art picture{max-width:590px;margin-inline:auto;}
}
@media (max-width:650px) {
  .hero-grid{padding:25px 20px;gap:13px;}
  .hero-copy h1{font-size:clamp(52px,13vw,70px);}
  .hero-copy .lead{line-height:1.58;}
  .hero-art picture{max-width:100%;}
}


/* Community section refinement: narrower, cleaner map without cloud silhouette */
.community{max-width:1180px;margin-inline:auto;padding:clamp(26px,4vw,52px)!important}
.community-grid{grid-template-columns:.88fr 1fr;gap:24px}
.community-copy p{max-width:470px}
.map-side{min-height:310px;background:none!important;border-radius:0!important}
.map-side svg{width:min(100%,500px)!important}
.map-side .slovenia-map{filter:none!important}
.map-label{font:600 11px Inter,Arial,sans-serif;fill:#4366a8}
.map-stat{font:600 42px "Cormorant Garamond",Georgia,serif;fill:#244ea3}
.map-stat-label{font:700 8.5px Inter,Arial,sans-serif;fill:#4267a9;letter-spacing:1.4px}
@media(max-width:980px){
  .community{max-width:980px}
  .community-grid{grid-template-columns:1fr;gap:14px}
  .map-side{min-height:270px}
}
@media(max-width:740px){
  .community{max-width:none;padding:24px 20px!important}
  .map-side{min-height:240px}
  .map-side svg{width:min(100%,420px)!important}
}


/* Realigned community text + city layout */
.community-copy h2{max-width:none;font:600 clamp(30px,3.4vw,42px)/1.08 "Cormorant Garamond",serif;color:#215197;margin:10px 0 14px;letter-spacing:-.02em}
.community-copy .community-note{margin-top:10px;font-size:15px;line-height:1.75;color:#6a7f99;max-width:500px}
.map-label{font:600 11px Inter,Arial,sans-serif;fill:#4366a8}
.map-stat{font:600 42px "Cormorant Garamond",Georgia,serif;fill:#244ea3}
.map-stat-label{font:700 8.5px Inter,Arial,sans-serif;fill:#4267a9;letter-spacing:1.45px}
@media(max-width:980px){
  .community-copy h2{font-size:34px}
}
@media(max-width:740px){
  .community-copy h2{font-size:30px;margin:8px 0 12px}
  .community-copy .community-note{font-size:14px;line-height:1.7}
}


/* HOMEPAGE DESIGN PASS — restrained modern editorial direction. */
body:has(> main .hero){background:linear-gradient(180deg,#f7fbff 0%,#fff 27%,#fafcff 100%)}
body:has(> main .hero) .hero{padding-top:22px;padding-bottom:23px}
body:has(> main .hero) .hero-shell{max-width:1370px;border:1px solid #dce9f9;border-radius:32px;box-shadow:0 21px 65px rgba(35,77,135,.055);background:radial-gradient(ellipse at 85% 45%,#e9f4ff 0%,transparent 55%),radial-gradient(ellipse at 12% 90%,rgba(255,240,196,.40),transparent 42%),#fff}
body:has(> main .hero) .hero-shell:before{width:290px;height:290px;opacity:.38}
body:has(> main .hero) .hero-shell:after{width:250px;height:250px;opacity:.45}
body:has(> main .hero) .hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(14px,2vw,34px);padding:clamp(34px,4.5vw,65px) clamp(28px,5.2vw,77px);align-items:center}
body:has(> main .hero) .hero-copy .spirit-fruits{color:#aa7b10;max-width:575px;line-height:1.8;letter-spacing:.11em}
body:has(> main .hero) .hero-copy h1{font-size:clamp(74px,7.3vw,110px);line-height:.93;letter-spacing:-.045em;margin:15px 0 23px}
body:has(> main .hero) .hero-copy .lead{max-width:565px;font-size:clamp(16px,1.2vw,18px);line-height:1.72;color:#36577f;margin-bottom:0}
body:has(> main .hero) .hero-actions{margin-top:25px;gap:12px}
body:has(> main .hero) .hero-actions .btn{min-height:48px;justify-content:center;font-size:14px;padding:12px 22px}
body:has(> main .hero) .hero-art{min-height:0;padding-bottom:0;max-width:100%}
body:has(> main .hero) .hero-art picture{max-width:570px;width:100%;margin:0;display:block}
body:has(> main .hero) .hero-art picture img{display:block;width:100%;height:auto;object-fit:contain}
body:has(> main .hero) .hero-art .living-fire-note{position:absolute;bottom:8px;right:0;max-width:240px;border-radius:18px;background:rgba(255,255,255,.94);padding:15px 17px;box-shadow:0 14px 28px rgba(33,76,132,.095);border-color:rgba(214,231,248,.96)}
body:has(> main .hero) .hero-art .living-fire-note strong{color:#aa7b10}
body:has(> main .hero) .hero-art .living-fire-note p{font-size:12px;line-height:1.53}
body:has(> main .hero) .verse{max-width:535px;margin-top:28px;border:none;border-left:3px solid #e8bb4d;border-radius:0;padding:6px 0 6px 19px;background:transparent;box-shadow:none}
body:has(> main .hero) .verse p{font:500 23px/1.23 'Cormorant Garamond',Georgia,serif;color:#31547d}
body:has(> main .hero) .verse cite{margin-top:7px;color:#7c94ad;font-size:10px;letter-spacing:.13em}
body:has(> main .hero) .mantra{padding:11px 0 17px}
body:has(> main .hero) .mantra .inner{font-size:20px;gap:13px;color:#3c6c9e}
body:has(> main .hero) .mantra .dot{width:4px;height:4px}
body:has(> main .hero) .section{padding-block:clamp(54px,5.5vw,77px)}
body:has(> main .hero) .intro-section{padding-top:49px}
body:has(> main .hero) .section-head{grid-template-columns:195px minmax(0,1fr);margin-bottom:30px;gap:23px}
body:has(> main .hero) .section-head .eyebrow{padding-top:10px;color:#ad801f}
body:has(> main .hero) .section-head h2{max-width:none;font-size:clamp(44px,4.3vw,62px);line-height:1.04;letter-spacing:-.035em}
body:has(> main .hero) .section-head p{max-width:790px;font-size:15px;line-height:1.75}
body:has(> main .hero) .journey-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body:has(> main .hero) .journey-cards .card{position:relative;min-height:244px;border-radius:23px;padding:22px 23px;background:#fff;box-shadow:0 9px 26px rgba(38,83,141,.04);border:1px solid #dce7f6}
body:has(> main .hero) .journey-cards .card::before{left:23px;right:auto;width:34px;height:3px;background:#e8c367}
body:has(> main .hero) .journey-cards .card-icon{width:31px;height:31px;margin-top:10px;color:#356cab}
body:has(> main .hero) .journey-cards .card h3{margin:15px 0 10px;font-size:clamp(26px,2.1vw,32px)}
body:has(> main .hero) .journey-cards .card p{line-height:1.64;font-size:13px}
body:has(> main .hero) .journey-cards .card .arrow{width:30px;height:30px;font-size:17px;margin-top:13px;background:#f5f9ff}
body:has(> main .hero) .journey-cards .card:hover{transform:translateY(-4px);border-color:#b8d0ee;box-shadow:0 18px 40px rgba(37,83,145,.095)}
body:has(> main .hero) .dogodki-redesign{background:linear-gradient(115deg,#f0f7ff 0%,#fcfdff 55%,#fff9e9 100%);border-block:1px solid #e2ecf7}
body:has(> main .hero) .dogodki-redesign .dogodki-heading{margin-bottom:27px}
body:has(> main .hero) .dogodki-redesign .dogodki-heading h2{font-size:clamp(49px,5vw,70px)}
body:has(> main .hero) .dogodki-redesign .dogodki-grid{gap:19px;align-items:stretch}
body:has(> main .hero) .dogodki-redesign .dogodki-event{border:1px solid #dce8f7;border-radius:25px;box-shadow:0 9px 28px rgba(38,81,140,.055);background:#fff;display:flex;flex-direction:column;height:100%}
body:has(> main .hero) .dogodki-redesign .dogodki-image{border-radius:0;aspect-ratio:1 / 1}
body:has(> main .hero) .dogodki-redesign .dogodki-image img{width:100%;height:100%;object-fit:cover}
body:has(> main .hero) .dogodki-redesign .dogodki-details{display:flex;flex-direction:column;flex:1;padding:21px 24px 22px}
body:has(> main .hero) .dogodki-redesign .dogodki-details h3{font-size:clamp(29px,2.6vw,37px);margin:12px 0 9px}
body:has(> main .hero) .dogodki-redesign .dogodki-details p{font-size:13.5px;line-height:1.65;margin-bottom:22px}
body:has(> main .hero) .dogodki-redesign .dogodki-bottom{margin-top:auto}
body:has(> main .hero) .community{max-width:1180px;margin:0 auto;border:1px solid #dce9f8;background:linear-gradient(110deg,#fff,#f0f7ff);border-radius:30px;box-shadow:0 14px 36px rgba(38,83,141,.045);padding:clamp(26px,3.8vw,47px)!important}
body:has(> main .hero) .community-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);gap:30px;align-items:center}
body:has(> main .hero) .community-copy h2{font-size:clamp(35px,3.6vw,48px);line-height:1.04;margin:12px 0 17px}
body:has(> main .hero) .community-copy p{font-size:15px;line-height:1.73}
body:has(> main .hero) .community-copy .community-note{margin-top:13px;font-size:14px;color:#617da0}
body:has(> main .hero) .community-copy .btn{margin-top:24px}
body:has(> main .hero) .community-visual{display:flex;flex-direction:column;align-items:center;gap:0;min-width:0}
body:has(> main .hero) .community-counter{display:flex;align-items:center;gap:13px;align-self:center;border-bottom:1px solid #d9e7f8;padding:0 10px 9px;color:#4e719a}
body:has(> main .hero) .community-counter strong{font:650 44px/.9 'Cormorant Garamond',Georgia,serif;color:#23559c;letter-spacing:-.04em}
body:has(> main .hero) .community-counter strong span{color:#c99a2c}
body:has(> main .hero) .community-counter>span{font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;max-width:110px;line-height:1.45}
body:has(> main .hero) .map-side{min-height:245px;max-width:480px;width:100%;background:radial-gradient(ellipse,#fff8e7 0%,transparent 64%)!important}
body:has(> main .hero) .map-side .slovenia-map{max-width:460px;width:100%;filter:none}
body:has(> main .hero) .map-label{font:650 11px 'Plus Jakarta Sans',Inter,sans-serif;fill:#3f6295}
body:has(> main .hero) .devotional-section{padding-bottom:47px}
body:has(> main .hero) .devotional-section .cards{gap:18px}
body:has(> main .hero) .devotional-section .card{min-height:230px;border:1px solid #dfe9f6;border-radius:24px;box-shadow:0 9px 25px rgba(39,77,132,.05);padding:24px 25px}
body:has(> main .hero) .devotional-section .card h3{font-size:clamp(29px,2.55vw,35px)}
body:has(> main .hero) .devotional-section .card p{font-size:14px;line-height:1.65}
body:has(> main .hero) .publications-section{padding-top:20px;padding-bottom:78px}
body:has(> main .hero) .publication-panel{border-radius:26px;background:linear-gradient(105deg,#edf6ff,#fffdf6);padding:clamp(26px,3vw,43px);box-shadow:0 12px 32px rgba(39,81,135,.05)}
body:has(> main .hero) .publication-panel h2{font-size:clamp(36px,3.6vw,51px)}
body:has(> main .hero) .publication-panel p{font-size:14px;line-height:1.65}
@media(min-width:1051px) and (max-height:910px){
 body:has(> main .hero) .hero{padding-top:12px}
 body:has(> main .hero) .hero-grid{padding:clamp(25px,3vw,42px) clamp(27px,4vw,62px)}
 body:has(> main .hero) .hero-copy h1{font-size:clamp(67px,6.2vw,92px);margin:11px 0 17px}
 body:has(> main .hero) .hero-copy .lead{font-size:16px;line-height:1.62}
 body:has(> main .hero) .verse{margin-top:17px}
 body:has(> main .hero) .hero-art picture{max-width:495px}
}
@media(max-width:1050px){
 body:has(> main .hero) .hero-grid{grid-template-columns:1fr;padding:clamp(27px,4vw,40px)}
 body:has(> main .hero) .hero-copy{max-width:690px}
 body:has(> main .hero) .hero-copy h1{font-size:clamp(70px,10vw,93px)}
 body:has(> main .hero) .hero-art{width:min(100%,660px);margin-inline:auto}
 body:has(> main .hero) .hero-art picture{max-width:100%;margin-inline:auto}
 body:has(> main .hero) .section-head{grid-template-columns:1fr;gap:12px}
 body:has(> main .hero) .section-head .eyebrow{padding:0}
 body:has(> main .hero) .journey-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 body:has(> main .hero) .community-grid{grid-template-columns:1fr}
 body:has(> main .hero) .community-visual{margin-inline:auto;width:min(100%,480px)}
}
@media(max-width:680px){
 body:has(> main .hero) .hero{padding-top:12px}
 body:has(> main .hero) .hero-shell{border-radius:24px}
 body:has(> main .hero) .hero-grid{padding:26px 22px 21px;gap:7px}
 body:has(> main .hero) .hero-copy h1{font-size:clamp(58px,13vw,77px);margin:12px 0 17px}
 body:has(> main .hero) .hero-copy .lead{font-size:15px;line-height:1.65}
 body:has(> main .hero) .hero-copy .spirit-fruits{font-size:9px;letter-spacing:.07em}
 body:has(> main .hero) .hero-actions{margin-top:20px}
 body:has(> main .hero) .verse{margin-top:23px}
 body:has(> main .hero) .hero-art .living-fire-note{position:relative;margin:-12px auto 0;right:auto;bottom:auto;width:100%;max-width:440px}
 body:has(> main .hero) .mantra .inner{font-size:16px;gap:8px 11px}
 body:has(> main .hero) .section{padding-block:46px}
 body:has(> main .hero) .section-head{margin-bottom:22px}
 body:has(> main .hero) .section-head h2{font-size:clamp(41px,10vw,55px)}
 body:has(> main .hero) .journey-cards{grid-template-columns:1fr;gap:12px}
 body:has(> main .hero) .journey-cards .card{min-height:0;padding:20px 21px}
 body:has(> main .hero) .journey-cards .card h3{font-size:30px}
 body:has(> main .hero) .dogodki-redesign .dogodki-heading h2{font-size:clamp(46px,10vw,62px)}
 body:has(> main .hero) .dogodki-redesign .dogodki-grid{grid-template-columns:1fr}
 body:has(> main .hero) .community{padding:25px 20px!important}
 body:has(> main .hero) .community-copy h2{font-size:36px}
 body:has(> main .hero) .community-copy p{font-size:14px}
 body:has(> main .hero) .publication-panel{grid-template-columns:60px 1fr;gap:18px}
 body:has(> main .hero) .publication-panel .btn{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){body:has(> main .hero) .journey-cards .card,body:has(> main .hero) .dogodki-redesign .dogodki-event{transition:none}}


/* 2026 homepage refresh: airy blue-and-champagne visual system.
   Scoped to the homepage: existing interior pages remain unchanged. */
body:has(> main .hero){--home-ink:#203f69;--home-blue:#356da9;--home-muted:#637b98;--home-gold:#c79b38;--home-edge:#dce8f4;background:#fff}
body:has(> main .hero) .hero{padding:26px 0 10px;background:linear-gradient(180deg,#f5faff 0%,#fff 100%)}
body:has(> main .hero) .hero-shell{position:relative;isolation:isolate;max-width:1370px;border-radius:36px;border:1px solid #e0eaf5;background:radial-gradient(ellipse at 84% 45%,rgba(215,234,255,.72),transparent 54%),radial-gradient(ellipse at 12% 86%,rgba(255,231,176,.28),transparent 38%),linear-gradient(117deg,#fffefa 0%,#fff 53%,#f4f9ff 100%);box-shadow:0 24px 70px rgba(49,99,157,.075)}
body:has(> main .hero) .hero-shell::before{content:'';display:block;position:absolute;inset:13px;border-radius:25px;width:auto;height:auto;background:none;border:1px solid rgba(255,255,255,.75);pointer-events:none;opacity:1}
body:has(> main .hero) .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(18px,2.5vw,42px);padding:clamp(36px,4.4vw,62px) clamp(32px,5.4vw,76px)}
body:has(> main .hero) .hero-copy{position:relative;z-index:2}
body:has(> main .hero) .hero-copy .spirit-fruits{color:#b18728;font-size:10px;letter-spacing:.10em;line-height:2;gap:4px 11px;font-weight:700}
body:has(> main .hero) .hero-copy h1{font-size:clamp(69px,6.7vw,103px);letter-spacing:-.045em;line-height:.96;margin:20px 0 25px;color:#214f87}
body:has(> main .hero) .hero-copy h1 .gold{color:#c59a35;background:linear-gradient(100deg,#b88620 12%,#e5be58 72%,#be8c22);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body:has(> main .hero) .hero-copy .lead{font-size:clamp(16px,1.25vw,18px);line-height:1.77;color:#486582;max-width:535px}
body:has(> main .hero) .hero-actions{margin-top:29px;gap:12px}
body:has(> main .hero) .hero-actions .btn{min-height:51px;font-weight:700;padding:13px 24px}
body:has(> main .hero) .hero-actions .btn-primary{background:linear-gradient(110deg,#eecb70,#f7dc97)!important;color:#234a77!important;border:1px solid #e9c66c!important;box-shadow:0 9px 22px rgba(208,166,71,.16)}
body:has(> main .hero) .hero-actions .btn-secondary{border-color:#c4d9ee!important;background:#fff!important}
body:has(> main .hero) .verse{margin-top:31px;max-width:485px;padding-left:19px;border-left:2px solid #e0b75c}
body:has(> main .hero) .verse p{font-size:23px;line-height:1.25;color:#41648a}
body:has(> main .hero) .hero-art picture{max-width:630px;width:100%;margin:auto;filter:drop-shadow(0 15px 22px rgba(87,139,185,.08))}
body:has(> main .hero) .hero-art .living-fire-note{right:0;bottom:0;width:233px;max-width:49%;padding:18px 20px;border:1px solid #e1ebf5;background:rgba(255,255,255,.96);border-radius:19px;box-shadow:0 14px 32px rgba(46,90,133,.105)}
body:has(> main .hero) .hero-art .living-fire-note strong{color:#b48a2d;letter-spacing:.17em;font-size:11px}
body:has(> main .hero) .hero-art .living-fire-note p{font-size:12px;line-height:1.62;color:#526f8e}
body:has(> main .hero) .mantra{padding:23px 0 17px;background:#fff}
body:has(> main .hero) .mantra .inner{font-size:clamp(19px,2vw,24px);color:#4774a5;gap:11px 21px}
body:has(> main .hero) .mantra .dot{width:5px;height:5px;background:#dab455}
body:has(> main .hero) .section{padding-block:clamp(67px,6vw,90px)}
body:has(> main .hero) .intro-section{padding-top:58px;padding-bottom:85px}
body:has(> main .hero) .section-head{grid-template-columns:190px minmax(0,1fr);gap:32px;margin-bottom:35px}
body:has(> main .hero) .section-head .eyebrow{font-size:11px;letter-spacing:.16em;color:#bd9132;font-weight:750}
body:has(> main .hero) .section-head h2{font-size:clamp(42px,4.3vw,61px);color:#204d81;line-height:1.06;letter-spacing:-.025em}
body:has(> main .hero) .section-head p{color:#647f99;font-size:15px;line-height:1.85;max-width:760px}
body:has(> main .hero) .journey-cards{gap:17px}
body:has(> main .hero) .journey-cards .card{position:relative;min-height:254px;overflow:hidden;padding:28px 25px 22px;border:1px solid #e1eaf4;border-radius:23px;background:linear-gradient(151deg,#fff 0%,#fff 65%,#f8fbff 100%);box-shadow:0 12px 33px rgba(39,79,124,.045);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
body:has(> main .hero) .journey-cards .card::before{content:'';width:41px;height:3px;top:0;left:26px;right:auto;background:#e5ba55;border-radius:2px}
body:has(> main .hero) .journey-cards .card-icon{width:34px;height:34px;margin-top:5px;color:#4a7bb3}
body:has(> main .hero) .journey-cards .card h3{font-size:clamp(25px,2vw,31px);line-height:1.12;color:#28578b;margin:19px 0 12px}
body:has(> main .hero) .journey-cards .card p{font-size:13.5px;line-height:1.7;color:#68819d}
body:has(> main .hero) .journey-cards .card .arrow{color:#3d70ab;background:#eaf3ff;border-radius:50%;width:33px;height:33px}
body:has(> main .hero) .journey-cards .card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(43,85,130,.105);border-color:#bed6ed}
body:has(> main .hero) .dogodki-redesign{padding-top:78px;padding-bottom:88px;background:linear-gradient(145deg,#f1f7fe 0%,#f9fbff 53%,#fffaf0 100%);border-block:1px solid #e4edf7}
body:has(> main .hero) .dogodki-redesign .dogodki-heading{margin-bottom:35px}
body:has(> main .hero) .dogodki-redesign .dogodki-heading h2{font-size:clamp(48px,4.7vw,68px);color:#285587;letter-spacing:-.02em}
body:has(> main .hero) .dogodki-redesign .dogodki-heading h2 em{color:#bd9035}
body:has(> main .hero) .dogodki-intro{margin-top:11px;color:#6b829a;font-size:15px;line-height:1.6}
body:has(> main .hero) .dogodki-redesign .dogodki-grid{gap:22px}
body:has(> main .hero) .dogodki-redesign .dogodki-event{overflow:hidden;border:1px solid #dfebf7;border-radius:25px;background:#fff;box-shadow:0 14px 38px rgba(45,88,135,.07);transition:transform .22s ease,box-shadow .22s ease}
body:has(> main .hero) .dogodki-redesign .dogodki-event:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(45,88,135,.13)}
body:has(> main .hero) .dogodki-redesign .dogodki-image{aspect-ratio:1/1;display:block;overflow:hidden;background:#eaf3fa}
body:has(> main .hero) .dogodki-redesign .dogodki-image:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(92,151,214,.22),rgba(92,151,214,0) 45%,rgba(58,104,163,.16));mix-blend-mode:multiply;pointer-events:none}
body:has(> main .hero) .dogodki-redesign .dogodki-image img{object-fit:cover;transition:transform .45s ease;filter:saturate(1.05) contrast(.94)}
body:has(> main .hero) .dogodki-redesign .dogodki-event:hover .dogodki-image img{transform:scale(1.035)}
body:has(> main .hero) .dogodki-redesign .dogodki-details{padding:24px 26px 25px}
body:has(> main .hero) .dogodki-redesign .dogodki-details h3{font-size:clamp(29px,2.55vw,37px);color:#285687}
body:has(> main .hero) .dogodki-redesign .dogodki-details p{color:#657f98;font-size:13.5px;line-height:1.75}
body:has(> main .hero) #obcestva{background:#fff}
body:has(> main .hero) .community{max-width:1220px;border-radius:30px;border:1px solid #deebf6;background:radial-gradient(ellipse at 78% 40%,rgba(219,237,253,.88),transparent 64%),linear-gradient(120deg,#fffdfa,#f4f9ff);padding:clamp(32px,4.4vw,58px)!important;box-shadow:0 18px 48px rgba(51,93,135,.06)}
body:has(> main .hero) .community-grid{gap:38px}
body:has(> main .hero) .community-copy .eyebrow{color:#b48a30;letter-spacing:.14em}
body:has(> main .hero) .community-copy h2{font-size:clamp(42px,4.2vw,58px);color:#245486;line-height:1.05;max-width:530px}
body:has(> main .hero) .community-copy p{font-size:15px;line-height:1.82;color:#4e6d8b}
body:has(> main .hero) .community-copy .community-note{color:#7188a0}
body:has(> main .hero) .community-copy .btn{margin-top:24px}
body:has(> main .hero) .community-counter{border-bottom:1px solid #d5e5f4;padding-bottom:14px;gap:17px}
body:has(> main .hero) .community-counter strong{font-size:57px;color:#24568e}
body:has(> main .hero) .community-counter>span{font-size:11px;max-width:150px;color:#567b9e}
body:has(> main .hero) .map-side{width:100%;max-width:490px;min-height:245px}
body:has(> main .hero) .devotional-section{padding-top:28px;padding-bottom:54px;background:linear-gradient(180deg,#fff,#fafdff)}
body:has(> main .hero) .devotional-section .cards{gap:20px}
body:has(> main .hero) .devotional-section .card{min-height:224px;background:#fff;border:1px solid #e1ebf5;border-radius:23px;box-shadow:0 12px 34px rgba(36,77,126,.055);padding:27px;transition:transform .22s ease,box-shadow .22s ease}
body:has(> main .hero) .devotional-section .card:hover{transform:translateY(-4px);box-shadow:0 17px 40px rgba(36,77,126,.1)}
body:has(> main .hero) .devotional-section .card h3{color:#2b588a;font-size:clamp(27px,2.4vw,34px)}
body:has(> main .hero) .devotional-section .card p{color:#69839c;line-height:1.75}
body:has(> main .hero) .publications-section{padding-top:14px;padding-bottom:95px;background:#fafdff}
body:has(> main .hero) .publication-panel{grid-template-columns:80px minmax(0,1fr) auto;gap:26px;background:linear-gradient(113deg,#eef6ff,#fffaf0);border:1px solid #dce9f4;border-radius:26px;padding:clamp(30px,4vw,48px);box-shadow:0 13px 35px rgba(45,88,132,.045)}
body:has(> main .hero) .publication-panel h2{color:#285686;line-height:1.08}
body:has(> main .hero) .publication-panel p{color:#667e97}
body:has(> main .hero) a:focus-visible{outline:3px solid #b28a2f;outline-offset:4px}
@media(max-width:1050px){body:has(> main .hero) .hero-grid{grid-template-columns:1fr;padding:clamp(29px,4vw,46px)}body:has(> main .hero) .hero-art{max-width:680px;width:100%;margin:auto}body:has(> main .hero) .hero-art picture{max-width:640px}body:has(> main .hero) .section-head{grid-template-columns:1fr;gap:11px}body:has(> main .hero) .journey-cards{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(> main .hero) .community-grid{grid-template-columns:1fr}body:has(> main .hero) .community-visual{width:min(100%,530px)}body:has(> main .hero) .publication-panel{grid-template-columns:65px 1fr;gap:20px}body:has(> main .hero) .publication-panel .btn{grid-column:2;justify-self:start}}
@media(max-width:680px){body:has(> main .hero) .hero{padding-top:12px}body:has(> main .hero) .hero-shell{border-radius:24px}body:has(> main .hero) .hero-shell::before{inset:7px;border-radius:19px}body:has(> main .hero) .hero-grid{padding:27px 21px 23px;gap:12px}body:has(> main .hero) .hero-copy .spirit-fruits{font-size:9px;line-height:1.8}body:has(> main .hero) .hero-copy h1{font-size:clamp(58px,12.7vw,78px);margin:16px 0 19px}body:has(> main .hero) .hero-copy .lead{font-size:15px;line-height:1.7}body:has(> main .hero) .hero-actions{display:flex;flex-wrap:wrap;gap:10px}body:has(> main .hero) .hero-actions .btn{font-size:13px;min-height:46px;padding:11px 17px}body:has(> main .hero) .verse{margin-top:24px}body:has(> main .hero) .hero-art .living-fire-note{position:relative;right:auto;bottom:auto;width:100%;max-width:440px;margin:-7px auto 0}body:has(> main .hero) .mantra{padding:20px 0}body:has(> main .hero) .mantra .inner{font-size:17px;gap:8px 12px}body:has(> main .hero) .section{padding-block:51px}body:has(> main .hero) .section-head h2{font-size:clamp(40px,10vw,53px)}body:has(> main .hero) .journey-cards{grid-template-columns:1fr;gap:13px}body:has(> main .hero) .journey-cards .card{min-height:0;padding:23px}body:has(> main .hero) .dogodki-redesign .dogodki-heading h2{font-size:clamp(44px,10vw,60px)}body:has(> main .hero) .dogodki-redesign .dogodki-grid{grid-template-columns:1fr}body:has(> main .hero) .community{padding:27px 22px!important}body:has(> main .hero) .community-copy h2{font-size:40px}body:has(> main .hero) .community-counter strong{font-size:50px}body:has(> main .hero) .publication-panel{grid-template-columns:56px 1fr;gap:17px}body:has(> main .hero) .publication-panel .btn{grid-column:1/-1;justify-self:stretch;white-space:normal}body:has(> main .hero) .publication-panel h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){body:has(> main .hero) .dogodki-redesign .dogodki-image img,body:has(> main .hero) .dogodki-redesign .dogodki-event,body:has(> main .hero) .devotional-section .card{transition:none}}

/* Custom blue-gold illustrations for the three devotional cards */
body:has(> main .hero) .devotional-section .devotional-icon{display:block;width:68px;height:68px;object-fit:contain;object-position:left center;margin:-8px 0 -4px -5px;filter:drop-shadow(0 3px 4px rgba(39,87,147,.06))}
body:has(> main .hero) .devotional-section .card h3{margin-top:18px}
@media(max-width:680px){body:has(> main .hero) .devotional-section .devotional-icon{width:62px;height:62px}}

/* 2026-09: First-screen sizing. The later homepage theme above previously
   overrode the earlier compact-laptop rules. Keep these overrides last. */
@media (min-width:1051px) and (max-height:900px) {
  body:has(> main .hero) .site-header:has(.modern-nav) .header-inner{
    min-height:74px;
  }
  body:has(> main .hero) .site-header .brand-logo-shell--header,
  body:has(> main .hero) .site-header:has(.modern-nav) .brand-logo-shell--header{
    flex:0 0 46px!important;width:46px!important;min-width:46px!important;
    max-width:46px!important;height:69px!important;min-height:69px!important;
  }
  body:has(> main .hero) .hero{padding:12px 0 8px;}
  body:has(> main .hero) .hero-shell{border-radius:30px;}
  body:has(> main .hero) .hero-grid{
    grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
    gap:clamp(17px,2vw,30px);
    padding:clamp(23px,3.5vh,32px) clamp(28px,4.2vw,58px);
  }
  body:has(> main .hero) .hero-copy{padding:0;}
  body:has(> main .hero) .hero-copy .spirit-fruits{
    font-size:9px;line-height:1.5;gap:3px 9px;
  }
  body:has(> main .hero) .hero-copy h1{
    font-size:clamp(65px,5.8vw,88px);line-height:.93;margin:12px 0 14px;
  }
  body:has(> main .hero) .hero-copy .lead{
    font-size:clamp(14px,1vw,16px);line-height:1.58;max-width:490px;
  }
  body:has(> main .hero) .hero-actions{margin-top:19px;gap:10px;}
  body:has(> main .hero) .hero-actions .btn{
    min-height:44px;padding:10px 18px;font-size:13px;
  }
  body:has(> main .hero) .verse{
    margin-top:19px;padding:4px 0 4px 14px;max-width:475px;
  }
  body:has(> main .hero) .verse p{font-size:20px;line-height:1.2;}
  body:has(> main .hero) .verse cite{margin-top:5px;font-size:9px;}
  body:has(> main .hero) .hero-art{min-height:0;padding:0;}
  body:has(> main .hero) .hero-art picture{
    width:100%;max-width:clamp(390px,32vw,475px);margin:auto;
  }
  body:has(> main .hero) .hero-art .living-fire-note{
    right:0;bottom:0;width:207px;max-width:46%;padding:11px 13px;
    border-radius:15px;
  }
  body:has(> main .hero) .hero-art .living-fire-note p{
    font-size:11px;line-height:1.45;margin-top:4px;
  }
  body:has(> main .hero) .mantra{padding:13px 0 12px;}
}

/* Smaller laptop / landscape tablet: stay side-by-side instead of producing
   an unnecessarily tall two-story hero when the width still permits it. */
@media (min-width:900px) and (max-width:1050px) {
  body:has(> main .hero) .hero{padding:12px 0 8px;}
  body:has(> main .hero) .hero-grid{
    grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
    gap:18px;padding:26px 29px;
  }
  body:has(> main .hero) .hero-copy h1{
    font-size:clamp(59px,6.5vw,70px);margin:12px 0 13px;
  }
  body:has(> main .hero) .hero-copy .lead{font-size:14px;line-height:1.58;}
  body:has(> main .hero) .hero-copy .spirit-fruits{
    font-size:8px;line-height:1.5;gap:2px 7px;
  }
  body:has(> main .hero) .hero-actions{margin-top:18px;gap:8px;}
  body:has(> main .hero) .hero-actions .btn{
    min-height:43px;padding:9px 14px;font-size:12px;
  }
  body:has(> main .hero) .verse{margin-top:18px;padding:4px 0 4px 13px;}
  body:has(> main .hero) .verse p{font-size:19px;line-height:1.2;}
  body:has(> main .hero) .hero-art{min-height:0;padding:0;max-width:100%;}
  body:has(> main .hero) .hero-art picture{width:100%;max-width:425px;}
  body:has(> main .hero) .hero-art .living-fire-note{
    position:absolute;right:0;bottom:0;width:185px;max-width:48%;
    padding:10px 12px;border-radius:14px;
  }
  body:has(> main .hero) .hero-art .living-fire-note p{
    font-size:10px;line-height:1.4;margin-top:3px;
  }
}

/* Phones and narrow tablets retain a readable single-column hero without
   the oversized top spacing of the desktop presentation. */
@media (max-width:899px) {
  body:has(> main .hero) .hero{padding:10px 0 6px;}
  body:has(> main .hero) .hero-grid{
    grid-template-columns:1fr;padding:clamp(20px,4vw,32px);gap:8px;
  }
  body:has(> main .hero) .hero-copy h1{
    font-size:clamp(53px,9vw,75px);margin:12px 0 13px;
  }
  body:has(> main .hero) .hero-copy .lead{
    font-size:clamp(14px,2vw,16px);line-height:1.62;
  }
  body:has(> main .hero) .hero-actions{margin-top:18px;gap:9px;}
  body:has(> main .hero) .verse{margin-top:20px;}
  body:has(> main .hero) .hero-art{min-height:0;padding:0;max-width:100%;}
  body:has(> main .hero) .hero-art picture{
    max-width:min(100%,510px);margin:auto;
  }
}
@media (max-width:680px) {
  body:has(> main .hero) .hero-grid{padding:23px 19px 21px;gap:6px;}
  body:has(> main .hero) .hero-copy .spirit-fruits{font-size:8px;line-height:1.6;}
  body:has(> main .hero) .hero-copy h1{
    font-size:clamp(51px,11vw,69px);margin:10px 0 12px;
  }
  body:has(> main .hero) .hero-copy .lead{font-size:14px;line-height:1.57;}
  body:has(> main .hero) .hero-actions .btn{
    min-height:44px;padding:10px 15px;font-size:12px;
  }
  body:has(> main .hero) .verse{margin-top:17px;}
  body:has(> main .hero) .verse p{font-size:19px;line-height:1.24;}
  body:has(> main .hero) .hero-art picture{max-width:min(100%,420px);}
  body:has(> main .hero) .hero-art .living-fire-note{
    position:relative;right:auto;bottom:auto;width:100%;max-width:420px;
    margin:-5px auto 0;padding:12px 15px;
  }
}

/* Shared floating back-to-top: matches the homepage's calm blue and champagne-gold palette. */
.back-to-top {
  position:fixed; inset:auto 26px 26px auto; z-index:900;
  display:grid; place-items:center; width:50px; height:50px;
  border-radius:50%; border:1px solid #e2cfab; background:#fdfcf8; color:#38596c;
  box-shadow:0 6px 24px rgba(36,73,92,.15); cursor:pointer;
  opacity:0; visibility:hidden; transform:translateY(12px); pointer-events:none;
  transition:opacity .22s ease, transform .22s ease, box-shadow .22s ease, background .22s ease, visibility .22s;
}
.back-to-top.is-visible { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }
.back-to-top svg {width:21px;height:21px;}
.back-to-top:hover { background:#eaf3f7; box-shadow:0 8px 26px rgba(36,73,92,.22); transform:translateY(-3px); }
.back-to-top:focus-visible {outline:3px solid #b89961;outline-offset:4px;}
@media(max-width:600px) {.back-to-top {width:44px;height:44px;right:16px;bottom:18px;}}
@media(prefers-reduced-motion:reduce) {.back-to-top {transition:none;}}