/* SkrybaOS · Szablon 5 · Verso, magazyn edytorialny */
.template-5 { --radius-lg:22px; --radius:14px; --radius-sm:10px; --shadow:0 1px 0 var(--line); --shadow-hover:0 18px 40px -16px color-mix(in srgb,var(--ink) 16%,transparent); --font-serif:Georgia,"Iowan Old Style","Times New Roman",serif; background:radial-gradient(1100px 560px at 50% -12%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 62%) var(--bg); }
.template-5 .container { max-width:1140px; }

.template-5 .verso-kicker { align-items:center; display:flex; justify-content:space-between; padding-top:14px; }
.template-5 .verso-kicker span { align-items:center; color:var(--ink-soft); display:inline-flex; font-family:var(--font-serif); font-size:12px; font-style:italic; gap:8px; letter-spacing:.02em; }
.template-5 .verso-kicker span::before { background:var(--accent); border-radius:50%; content:""; display:inline-block; flex:0 0 auto; height:6px; width:6px; }
.template-5 .verso-kicker time { color:var(--ink-soft); font-family:var(--font-serif); font-size:12px; }
.template-5 .verso-kicker time::before { content:"— "; }

.template-5 header.main { backdrop-filter:blur(20px) saturate(1.4); background:color-mix(in srgb,var(--nav-bg) 86%,transparent); border-bottom:1px solid var(--line); }
.template-5 .logo { font-family:var(--font-serif); font-style:italic; font-weight:700; letter-spacing:0; }
.template-5 .logo .mark { border-radius:50%; }
.template-5 .mainnav a { font-size:13px; font-weight:500; letter-spacing:.01em; text-transform:none; }
.template-5 .mainnav a:hover,.template-5 .mainnav a.active { background:transparent; box-shadow:none; color:var(--accent); }
.template-5 .nav-more__menu { border-radius:14px; }
.template-5 .nav-more__menu a { font-family:var(--font-serif); }
.template-5 .searchbar input { border-radius:999px; font-family:var(--font-serif); }
.template-5 .searchbar button { border-radius:999px; font-family:var(--font-serif); font-style:italic; }

.template-5 .overlay-card { border-radius:var(--radius-lg); box-shadow:0 30px 60px -24px color-mix(in srgb,var(--ink) 20%,transparent); }
.template-5 .overlay-card::after { background:linear-gradient(to top,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface) 55%,transparent) 52%,transparent 82%); }
.template-5 .overlay-card__body { color:var(--ink); gap:12px; padding:clamp(24px,3.4vw,44px); }
.template-5 .overlay-card h1,.template-5 .overlay-card h2 { color:var(--ink); font-family:var(--font-serif); font-weight:700; letter-spacing:0; line-height:1.12; text-transform:none; }
.template-5 .overlay-card h1 { font-size:clamp(30px,4vw,52px); }
.template-5 .overlay-card .lead { color:color-mix(in srgb,var(--ink) 72%,transparent); font-family:var(--font-serif); font-size:16px; font-style:italic; }
.template-5 .overlay-card .meta { color:color-mix(in srgb,var(--ink) 64%,transparent); font-weight:600; }
.template-5 .pill { align-self:flex-start; background:color-mix(in srgb,var(--accent) 15%,rgba(255,255,255,.92)); backdrop-filter:none; border:0; border-radius:999px; color:color-mix(in srgb,var(--accent) 80%,var(--ink)); font-family:var(--font-serif); font-size:11.5px; font-style:italic; font-weight:700; letter-spacing:.01em; padding:5px 14px; text-transform:none; }
.template-5 .pill::before { display:none; }

.template-5 .home-slider .slider-track,.template-5 .home-slider .slider-slide { border-radius:var(--radius-lg); min-height:480px; }
.template-5 .home-slider .overlay-card__body { max-width:760px; padding:clamp(28px,4.6vw,58px); }
.template-5 .home-slider .overlay-card h1,.template-5 .home-slider .overlay-card h2 { font-size:clamp(30px,4.2vw,54px); }
.template-5 .slider-controls>button { background:var(--surface); border-color:var(--line); border-radius:50%; }
.template-5 .slider-dots button[aria-current="true"] { background:var(--accent); }

.template-5 .verso-departments { align-items:center; border-bottom:1px solid var(--line); display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; padding-bottom:26px; }
.template-5 .verso-departments span { color:var(--ink-soft); font-family:var(--font-serif); font-size:12px; font-style:italic; margin-right:2px; }
.template-5 .verso-departments ol { display:flex; flex-wrap:wrap; gap:9px; list-style:none; }
.template-5 .verso-departments a { background:var(--surface); border:1px solid var(--line); border-radius:999px; color:var(--ink); display:inline-block; font-family:var(--font-serif); font-size:13px; padding:7px 15px; transition:background .15s,border-color .15s,color .15s; }
.template-5 .verso-departments a:hover { background:color-mix(in srgb,var(--accent) 12%,var(--surface)); border-color:color-mix(in srgb,var(--accent) 45%,var(--line)); color:var(--accent); }

.template-5 .section-head { padding-bottom:14px; position:relative; }
.template-5 .section-head h2,.template-5 .category-strip h2 { align-items:center; display:flex; font-family:var(--font-serif); font-style:italic; font-weight:700; }
.template-5 .section-head h2::before,.template-5 .category-strip h2::before { background:var(--accent); border-radius:50%; content:""; display:inline-block; flex:0 0 auto; height:8px; margin-right:10px; width:8px; }
.template-5 .section-head::after { background:linear-gradient(90deg,var(--accent),transparent); bottom:0; content:""; height:2px; left:0; position:absolute; width:64px; }

.template-5 .grid3 { grid-auto-flow:dense; }
.template-5 .grid3 .card:first-child,.template-5 .grid3 .card:nth-child(5) { grid-column:span 2; }
.template-5 .grid3 .card:first-child .card__media,.template-5 .grid3 .card:nth-child(5) .card__media { aspect-ratio:21/9; }
.template-5 .grid3 .card:first-child .card__title,.template-5 .grid3 .card:nth-child(5) .card__title { font-size:21px; }
.template-5 .card { border:1px solid var(--line); border-radius:var(--radius); box-shadow:none; overflow:hidden; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.template-5 .card:hover { border-color:color-mix(in srgb,var(--accent) 35%,var(--line)); box-shadow:var(--shadow-hover); transform:translateY(-3px); }
.template-5 .card__title { font-family:var(--font-serif); font-weight:700; letter-spacing:0; }
.template-5 .card__lead { font-family:var(--font-serif); font-style:italic; }
.template-5 .card__more { font-family:var(--font-serif); font-style:italic; }
.template-5 .card__media .pill { max-width:calc(100% - 28px); padding:5px 13px; position:absolute; }

.template-5 .category-strip { border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:none; }
.template-5 .category-links a { border-radius:999px; }
.template-5 .category-listing { border-top:1px solid var(--line); }
.template-5 .category-listing__head h2,.template-5 .compact-card h3 { font-family:var(--font-serif); font-style:italic; }
.template-5 .category-listing__head > a,.template-5 .compact-card__meta,.template-5 .compact-card__more { font-family:var(--font-serif); }
.template-5 .compact-grid { gap:18px; }
.template-5 .compact-card { border-radius:14px; grid-template-columns:140px minmax(0,1fr); }
.template-5 .compact-card h3 { font-size:15px; letter-spacing:0; }
.template-5 .compact-card__more { font-style:italic; text-transform:none; }
.template-5 .cat-hero { border-radius:var(--radius-lg); box-shadow:0 30px 60px -24px color-mix(in srgb,var(--ink) 20%,transparent); }
.template-5 .cat-hero::after { background:linear-gradient(to top,color-mix(in srgb,var(--surface) 94%,transparent),transparent 70%); }
.template-5 .cat-hero h1 { color:var(--ink); font-family:var(--font-serif); font-weight:700; text-transform:none; }
.template-5 .cat-hero p { color:color-mix(in srgb,var(--ink) 62%,transparent); }
.template-5 .cat-hero .stats { color:color-mix(in srgb,var(--ink) 55%,transparent); }
.template-5 .cat-hero .stats strong { color:var(--ink); }
.template-5 .chip { border-radius:999px; font-family:var(--font-serif); font-style:italic; }
.template-5 .chip.active { background:var(--ink); border-color:var(--ink); }
.template-5 .pagination a,.template-5 .pagination span { font-family:var(--font-serif); }

.template-5 .post-head h1,.template-5 .prose h2,.template-5 .prose h3,.template-5 .author-card h2,.template-5 .author-tile h2,.template-5 .author-profile h1 { font-family:var(--font-serif); font-weight:700; letter-spacing:0; }
.template-5 .post-head .excerpt { font-family:var(--font-serif); font-size:18px; font-style:italic; }
.template-5 .byline__who strong { font-family:var(--font-serif); }
.template-5 .prose > p:first-of-type::first-letter { color:var(--accent); float:left; font-family:var(--font-serif); font-size:64px; font-weight:700; line-height:.8; padding:6px 8px 0 0; }
.template-5 .prose blockquote { border-left-width:3px; box-shadow:none; font-family:var(--font-serif); font-size:20px; font-style:italic; padding-left:52px; position:relative; }
.template-5 .prose blockquote::before { color:color-mix(in srgb,var(--accent) 65%,var(--ink-soft)); content:"“"; font-family:var(--font-serif); font-size:52px; font-style:normal; left:16px; line-height:1; position:absolute; top:14px; }
.template-5 .toc__title { font-family:var(--font-serif); font-size:12.5px; font-style:italic; letter-spacing:.02em; text-transform:none; }
.template-5 .toc a { font-family:var(--font-serif); }
.template-5 .text-link { font-family:var(--font-serif); font-style:italic; }

.template-5 .site-footer { --footer-bg:var(--surface); --footer-text:var(--ink); border-top:1px solid var(--line); }
.template-5 .site-footer::before { display:none; }
.template-5 .footer-logo-fallback { border-radius:50%; }
.template-5 .footer-brand>p { font-family:var(--font-serif); font-style:italic; }
.template-5 .footer-column strong { font-family:var(--font-serif); font-style:italic; letter-spacing:.02em; text-transform:none; }
.template-5 .footer-social a { border-radius:999px; }

@media (max-width:1020px) {
  .template-5 .grid3 .card:first-child,.template-5 .grid3 .card:nth-child(5) { grid-column:auto; }
  .template-5 .grid3 .card:first-child .card__media,.template-5 .grid3 .card:nth-child(5) .card__media { aspect-ratio:16/10; }
}
@media (max-width:768px) {
  .template-5 .overlay-card:first-child { min-height:420px; }
  .template-5 .home-slider .slider-track,.template-5 .home-slider .slider-slide { min-height:420px; }
}
@media (max-width:680px) {
  .template-5 .verso-kicker { padding-top:10px; }
  .template-5 .verso-departments { align-items:flex-start; display:grid; gap:8px; margin-inline:-16px; margin-top:24px; overflow:hidden; padding:0 16px 18px; }
  .template-5 .verso-departments ol { flex-wrap:nowrap; margin-inline:-16px; overflow-x:auto; padding:0 16px 8px; }
  .template-5 .verso-departments li { flex:0 0 auto; }
  .template-5 .overlay-card:first-child,.template-5 .home-slider .slider-track,.template-5 .home-slider .slider-slide { min-height:390px; }
  .template-5 .overlay-card__body,.template-5 .home-slider .overlay-card__body { padding:26px 20px; }
  .template-5 .section { padding-top:36px; }
  .template-5 .prose blockquote { font-size:18px; padding-left:42px; }
  .template-5 .prose blockquote::before { font-size:42px; left:10px; }
  .template-5 .pagination .pagination__all { background:var(--ink); border-color:var(--ink); color:var(--bg); }
}