:root{
  --display:"Cormorant Garamond",Georgia,serif;
  --serif:"Source Serif 4",Georgia,serif;
  --sans:Inter,system-ui,sans-serif;
  --max:1120px;
}
/* Krāsas: balts un tumši zils */
:root{
  --paper:#ffffff; --paper-2:#f1f5fb; --card:#ffffff;
  --ink:#0d1b36; --ink-2:#4b5872; --rule:#dce3ee;
  --accent:#16398c; --accent-soft:#dfe8f8; --gold:#2f7fd8;
  --navy:#0f2d6e; --sky:#4aa3ff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:64px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.65 var(--serif);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
@media (max-width:600px){.wrap{padding:0 16px}}

/* header */
header.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.logo{font:600 30px/1 var(--display);letter-spacing:.02em;text-decoration:none}
.logo span{color:var(--accent)}
.logo{display:inline-flex;align-items:center;gap:6px}
.logo-shell{width:26px;height:26px;color:var(--accent)}
.logo-staff{width:44px;height:26px;color:var(--accent);margin-left:2px}
.h1-shell{width:1.65em;height:1.65em;color:var(--accent);vertical-align:-.38em;margin-right:.08em}
.h1-staff{width:1.7em;height:1em;color:var(--accent);vertical-align:-.08em;margin-left:.12em}
.nowrap{white-space:nowrap}
footer .logo-shell,footer .logo-staff{color:var(--paper)}
footer .logo-shell{--halo:var(--ink)}
.mission .h1-shell{--halo:var(--navy)}
nav.main{display:flex;gap:22px;font:500 14px var(--sans);letter-spacing:.02em}
nav.main a{text-decoration:none;color:var(--ink-2)}
nav.main a:hover{color:var(--accent)}
.menu-btn{display:none;background:none;border:1px solid var(--rule);border-radius:8px;padding:6px 10px;font:500 14px var(--sans);color:var(--ink)}
@media (max-width:860px){
  nav.main{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;background:var(--paper);border-bottom:1px solid var(--rule)}
  nav.main.open{display:flex}
  nav.main a{padding:14px 16px;border-top:1px solid var(--rule)}
  .menu-btn{display:block}
}

/* hero */
.hero{padding:88px 0 72px;border-bottom:1px solid var(--rule);position:relative;overflow:hidden}
.eyebrow{font:600 12px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.hero h1{font:500 clamp(48px,8vw,96px)/.95 var(--display);margin:18px 0 22px;letter-spacing:-.01em}
.hero h1 em{font-style:italic;color:var(--accent)}
.roles{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.roles li{font:500 13px var(--sans);border:1px solid var(--rule);border-radius:999px;padding:5px 12px;color:var(--ink-2)}
.lede{font-size:21px;line-height:1.55;max-width:34ch;color:var(--ink-2);margin:0}
.motto{font:italic 500 24px/1.3 var(--display);color:var(--gold);margin-top:28px}
.feature .tag{position:absolute;top:-11px;left:24px;background:var(--accent);color:#fff;font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:4px 10px}
.meta{font:500 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.more{font:600 14px var(--sans);color:var(--accent);text-decoration:none}
.more:hover{text-decoration:underline}
@media (max-width:860px){.hero{padding:56px 0 48px}}

/* sections */
section.block{padding:80px 0;border-bottom:1px solid var(--rule)}
section.alt{background:var(--paper-2)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;flex-wrap:wrap}
.sec-head h2{font:500 clamp(36px,5vw,54px)/1 var(--display);margin:8px 0 0}
.sec-head p{max-width:46ch;margin:0;color:var(--ink-2);font-size:16px}
@media (max-width:600px){section.block{padding:56px 0}}

/* filters */
.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:28px}
.filters button{font:500 13px var(--sans);background:none;border:1px solid var(--rule);color:var(--ink-2);padding:7px 14px;border-radius:999px;cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* feed */
.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.item{background:var(--card);border:1px solid var(--rule);border-radius:4px;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .15s,border-color .15s}
.item:hover{transform:translateY(-2px);border-color:var(--accent)}
.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--accent-soft),var(--paper-2));display:grid;place-items:center;color:var(--accent)}
.thumb svg{width:44px;height:44px}
.item .body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.kind{font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.item h3{font:600 24px/1.15 var(--display);margin:0}
.item p{margin:0;font-size:15px;color:var(--ink-2);line-height:1.55}
.item .meta{margin-top:auto;padding-top:8px}
@media (max-width:900px){.feed{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.feed{grid-template-columns:1fr}}

/* essays list */
.essays{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.essays li a{display:grid;grid-template-columns:130px 1fr auto;gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.essays li a:hover h3{color:var(--accent)}
.essays h3{font:600 26px/1.15 var(--display);margin:0 0 4px;transition:color .15s}
.essays p{margin:0;color:var(--ink-2);font-size:15px}
.essays .src{font:500 12px var(--sans);color:var(--ink-2);white-space:nowrap}
@media (max-width:700px){.essays li a{grid-template-columns:1fr;gap:4px}.essays .src{display:none}}

/* media */
.media-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}
.player{aspect-ratio:16/9;background:#000;border-radius:4px;position:relative;overflow:hidden;display:grid;place-items:center;color:#fff;text-align:center}
.player .play{width:72px;height:72px;border-radius:50%;background:var(--accent);display:grid;place-items:center;margin:0 auto 12px}
.player small{font:500 13px var(--sans);opacity:.75}
.episodes{display:flex;flex-direction:column;gap:12px}
.ep{display:flex;gap:16px;align-items:center;background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:14px 16px;text-decoration:none}
.ep .ic{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--accent);display:grid;place-items:center;color:var(--accent)}
.ep h4{margin:0;font:600 19px/1.2 var(--display)}
.ep .meta{font-size:11px}
.channels{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.chan{font:500 14px var(--sans);text-decoration:none;border:1px solid var(--rule);border-radius:999px;padding:8px 16px;background:var(--card)}
.chan:hover{border-color:var(--accent);color:var(--accent)}
@media (max-width:860px){.media-grid{grid-template-columns:1fr}}

/* music */
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media (max-width:860px){.two{grid-template-columns:1fr}}
.panel{background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:30px}
.panel h3{font:600 30px/1.1 var(--display);margin:6px 0 10px}
.panel > p{color:var(--ink-2);font-size:16px;margin:0 0 20px}
.score{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--rule)}
.score b{font:600 20px/1.2 var(--display);display:block}
.score span{font:400 13px var(--sans);color:var(--ink-2)}
.btns{display:flex;gap:6px;flex:none}
.btn{font:600 12px var(--sans);text-decoration:none;border:1px solid var(--accent);color:var(--accent);padding:6px 10px;border-radius:3px;white-space:nowrap}
.btn.solid{background:var(--accent);color:#fff}

.note{font:400 13px var(--sans);color:var(--ink-2);margin-top:14px}

/* about */
.about{display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:start}
.portrait{aspect-ratio:4/5;background:linear-gradient(160deg,var(--paper-2),var(--accent-soft));border:1px solid var(--rule);display:grid;place-items:center;font:italic 500 18px var(--display);color:var(--ink-2)}
.about h2{font:500 clamp(36px,5vw,54px)/1 var(--display);margin:8px 0 20px}
.about p{margin:0 0 16px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;padding-top:24px;border-top:1px solid var(--rule)}
.facts b{font:600 34px/1 var(--display);color:var(--accent);display:block}
.facts span{font:500 13px var(--sans);color:var(--ink-2)}
@media (max-width:860px){.about{grid-template-columns:1fr;gap:32px}.portrait{max-width:280px}}

/* subscribe */
.subscribe{text-align:center;padding:80px 0}
.subscribe h2{font:500 clamp(32px,4.5vw,46px)/1.05 var(--display);margin:8px 0 12px}
.subscribe p{color:var(--ink-2);margin:0 auto 26px;max-width:46ch}
.subscribe form{display:flex;gap:8px;max-width:460px;margin:0 auto}
.subscribe input{flex:1;min-width:0;font:400 16px var(--sans);padding:12px 14px;border:1px solid var(--rule);border-radius:4px;background:var(--card);color:var(--ink)}
.subscribe button{font:600 14px var(--sans);background:var(--accent);color:#fff;border:0;border-radius:4px;padding:0 20px;cursor:pointer}

/* mission */
.mission{background:var(--navy);color:#fff;padding:88px 0;position:relative;overflow:hidden}
.mission .eyebrow{color:var(--sky)}
.rosary{display:flex;height:8px}
.rosary i{flex:1}
.rosary-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font:500 13px var(--sans);margin:-8px 0 28px;opacity:.95}
.rosary-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:var(--c);border:1.5px solid rgba(255,255,255,.85);vertical-align:-1px}
.org{display:flex;align-items:center;gap:14px;margin:0 0 22px;flex-wrap:wrap}
.org a.site{font:600 14px var(--sans);color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);padding:6px 12px;border-radius:999px;text-decoration:none}
.org .role{font:600 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;opacity:.9}
.mission h2{font:500 clamp(40px,6vw,68px)/1 var(--display);margin:10px 0 18px}
.mission .lead{font-size:20px;line-height:1.6;max-width:52ch;opacity:.92;margin:0 0 32px}
.mission .globe{position:absolute;right:-120px;top:-60px;width:520px;opacity:.1;pointer-events:none}
.works{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:8px 0 36px}
.work{border-top:2px solid rgba(255,255,255,.7);padding-top:14px}
.work b{font:600 21px/1.2 var(--display);display:block;margin-bottom:6px}
.work span{font:400 14px/1.5 var(--sans);opacity:.85}
.cta{display:flex;flex-wrap:wrap;gap:10px}
.cta a{font:600 14px var(--sans);text-decoration:none;padding:12px 20px;border-radius:4px;border:1px solid rgba(255,255,255,.6);color:#fff}
.cta a.primary{background:#fff;color:var(--navy);border-color:#fff}
.cta a:hover{border-color:#fff}
.roles li.main{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.solid,.feature .tag,.subscribe button,.player .play{color:var(--paper)}

@media (max-width:860px){.works{grid-template-columns:1fr 1fr}.mission .globe{display:none}.mission{padding:56px 0}}
@media (max-width:480px){.works{grid-template-columns:1fr}}

/* pilgrimages */
.trips{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.trip{border:1px solid var(--rule);border-radius:6px;overflow:hidden;background:var(--card);display:flex;flex-direction:column}
.trip .art{aspect-ratio:3/2;background:var(--accent-soft);color:var(--navy);display:grid;place-items:center}
.trip .art svg{width:120px;height:80px}
.trip .body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.trip h3{font:600 26px/1.15 var(--display);margin:0}
.trip p{margin:0;font-size:15px;color:var(--ink-2);line-height:1.55}
.trip .places{font:500 13px var(--sans);color:var(--accent);margin-top:auto;padding-top:10px}
.trips-cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-top:32px;padding:24px 28px;background:var(--paper-2);border-radius:6px}
.trips-cta p{margin:0;font-size:17px}
.trips-cta a{font:600 14px var(--sans);background:var(--navy);color:#fff;text-decoration:none;padding:12px 20px;border-radius:4px}
@media (max-width:900px){.trips{grid-template-columns:1fr}.trip .art{aspect-ratio:3/1}}

footer{background:var(--ink);color:var(--paper);padding:48px 0 36px;font:400 14px var(--sans)}
footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer .logo{color:var(--paper)}
footer a{color:var(--paper);opacity:.75;text-decoration:none;margin-right:16px}
footer a:hover{opacity:1}
footer .copy{opacity:.6;margin-top:10px}

/* video player embed, portrait photo */
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
img.portrait{width:100%;object-fit:cover;display:block}
.trip .art img{width:100%;height:100%;object-fit:cover}

/* essay page */
.article{padding:56px 0 88px}
.wrap.narrow{max-width:740px}
.article-meta{margin:28px 0 10px}
.article h1{font:500 clamp(38px,6vw,60px)/1.05 var(--display);margin:0 0 18px}
.article-lede{font-size:21px;color:var(--ink-2);margin:0 0 36px;padding-bottom:28px;border-bottom:1px solid var(--rule)}
.prose{font-size:19px;line-height:1.75}
.prose p{margin:0 0 1.2em}
.prose img{display:block;width:100%;height:auto;margin:16px 0 6px;border-radius:4px}
.prose em{color:var(--ink-2)}
.prose h2,.prose h3{font:600 30px/1.2 var(--display);margin:1.6em 0 .5em}
.prose blockquote{margin:1.4em 0;padding:0 0 0 20px;border-left:3px solid var(--accent);color:var(--ink-2)}
.prose a{color:var(--accent)}

/* essay cover, gallery, image thumbs */
.article-cover{display:block;width:100%;height:auto;margin:0 0 36px;border-radius:4px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:36px 0}
.gallery a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:var(--paper-2)}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.gallery a:hover img{transform:scale(1.04)}
.thumb img{width:100%;height:100%;object-fit:cover}

/* latest article block */
.latest{padding:56px 0;border-bottom:1px solid var(--rule)}
.feature{background:var(--card);border:1px solid var(--rule);border-radius:6px;position:relative;display:grid;grid-template-columns:1fr}
.feature.has-img{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.feature-img{display:block;aspect-ratio:4/3;max-height:340px;overflow:hidden;border-radius:6px 0 0 6px;background:var(--paper-2)}
.feature-img img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.feature-body{padding:36px 40px;display:flex;flex-direction:column;justify-content:center}
.feature h2{font:600 clamp(28px,3.4vw,40px)/1.1 var(--display);margin:10px 0 14px}
.feature h2 a{text-decoration:none}
.feature h2 a:hover{color:var(--accent)}
.feature p{margin:0 0 20px;font-size:17px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:760px){
  .latest{padding:40px 0}
  .feature.has-img{grid-template-columns:1fr}
  .feature-img{aspect-ratio:16/10;max-height:240px;border-radius:6px 6px 0 0}
  .feature-body{padding:24px 22px 26px}
}

/* motto as subtitle right under the name */
.hero .motto{font:italic 500 clamp(26px,3.2vw,38px)/1.2 var(--display);color:var(--accent);margin:-6px 0 26px;letter-spacing:.01em}
.hero .lede{max-width:52ch}

/* name in one line on wider screens: shell + "Jēkabs Rodions Doļa" + staff ≈ 11.3em wide */
@media (min-width:760px){
  .hero h1{white-space:nowrap;font-size:min(88px, calc((100vw - 64px) / 11.6))}
}