/* ----------------------------------------------------
   OSADA V LESE · V4: tichý editoriální vzhled, listopad 2026
   Vodoznaky jsou dekorativní; text a fotografie zůstávají původní.
   ---------------------------------------------------- */
:root{
  --pine:#18362e; --pine-deep:#102a22; --fern:#557563; --clay:#a4885e;
  --cream:#f6f4ed; --cream2:#eeece2; --text:#24382f; --muted:#69766b;
  --line:#dcded1; --paper:#fcfaf4;
}
body.site-v4{background:var(--cream);color:var(--text);font-size:16px;line-height:1.75;letter-spacing:.003em}
.site-v4 h1,.site-v4 h2,.site-v4 h3,.site-v4 .serif{font-family:'Palatino Linotype','Book Antiqua',Georgia,serif;font-weight:400;letter-spacing:-.038em}
.site-v4 h2{font-size:clamp(35px,4.25vw,57px);line-height:1.13}
.site-v4 h3{letter-spacing:-.025em}
.site-v4 .eyebrow{font-size:10px;letter-spacing:.27em;font-weight:700}
.site-v4 .container{width:min(1180px,calc(100% - 72px))}
.site-v4 .site-header{background:rgba(248,247,240,.97);border-bottom:1px solid rgba(109,132,111,.17);box-shadow:0 6px 18px #162c2110}
.site-v4 .navline{min-height:89px}
.site-v4 .brand{gap:12px;font-size:27px;letter-spacing:-.055em}
.site-v4 .brand span{font-size:9px;letter-spacing:.27em;font-weight:700}
.site-v4 .brand-logo{width:52px;height:52px;box-shadow:0 4px 16px #1a312720}
.site-v4 .navitems{gap:23px}
.site-v4 .navitems>a{font-size:12px;font-weight:600;letter-spacing:.018em;position:relative;padding:8px 0;color:#415a4d}
.site-v4 .navitems>a:hover{color:#806846}
.site-v4 .navitems>a[aria-current='page']{color:var(--pine);text-decoration:none}
.site-v4 .navitems>a[aria-current='page']::after{content:'';position:absolute;bottom:1px;left:0;right:0;height:1px;background:#a4885e}
.site-v4 .navitems .nav-books{color:#5f684f;border-left:1px solid #d2d8cc;padding-left:17px}
.site-v4 .menu-btn{font-size:14px;line-height:1.2;font-weight:600;letter-spacing:.01em;background:transparent;border:1px solid #cfd7cb;padding:12px 16px;border-radius:3px}
/* Informativní, nikoli reklamní tlačítka */
.site-v4 .btn{padding:14px 21px;min-height:48px;border-radius:3px;font-size:13px;font-weight:650;letter-spacing:.015em;transition:background-color .2s,color .2s,border-color .2s,transform .2s}
.site-v4 .btn:hover{transform:translateY(-1px)}
.site-v4 .btn-primary{background:#d8c09c;color:#163027}
.site-v4 .btn-dark{background:#254a3a;color:#fff}
.site-v4 .btn-outline{border-color:#f4f2e576;color:#f6f2e6}
.site-v4 .btn-soft{background:transparent;border-color:#b4c3b1}
.site-v4 .section{padding-top:104px;padding-bottom:104px}
.site-v4 .sectionhead{max-width:810px;margin-bottom:47px}
.site-v4 .sectionhead p{color:#627467;line-height:1.8}
/* Úvod: opravdová fotografie jako středobod. Jemná kartografická textura kolem textu. */
.site-v4 .hero{background:#18392d}
.site-v4 .hero:before{background:radial-gradient(circle at 4% 5%,#486b5749,transparent 44%),linear-gradient(130deg,#193b2e,#10291f)}
.site-v4 .hero:after{content:'';position:absolute;inset:0 39% 0 -11%;background:url('assets/contours.svg') center / cover no-repeat;opacity:.11;pointer-events:none}
.site-v4 .hero-grid{grid-template-columns:1.08fr .92fr;min-height:720px;gap:clamp(30px,4vw,58px);z-index:1}
.site-v4 .hero-copy{padding:85px 0 65px;position:relative;z-index:2}
.site-v4 .hero h1{font-size:clamp(70px,7.9vw,113px);line-height:1.02;margin:24px 0}
.site-v4 .hero h1 em{color:#dcc59d;font-weight:400}
.site-v4 .hero-lead{max-width:548px;font-size:18px;color:#e0e7dd;line-height:1.9;margin:30px 0 34px}
.site-v4 .hero-art{padding:62px 0 45px;min-height:0}
.site-v4 .hero-art .art-frame{width:100%;border:1px solid rgba(236,219,185,.43);padding:8px;background:#ffffff0a;overflow:hidden;border-radius:215px 215px 7px 7px;box-shadow:0 30px 70px #0b1e194a;min-height:560px;height:100%}
.site-v4 .hero-photo{min-height:544px;border-radius:208px 208px 4px 4px;box-shadow:none}
.site-v4 .hero-photo img{object-position:50% 45%;filter:saturate(.94) contrast(1.02)}
.site-v4 .hero-photo figcaption{padding:42px 33px 28px}
.site-v4 .hero-photo figcaption strong{font-size:clamp(24px,2.5vw,33px)}
.site-v4 .hero-bottom{position:relative;z-index:2;padding:22px 0 27px;border-top:1px solid #e1e7df2b;font-size:11px;letter-spacing:.08em}
.site-v4 .hero-bottom i{background:#cfad79;width:5px;height:5px}
/* Tematické vodoznaky: jen na vybraných sekcích. */
.site-v4 .motif-section{position:relative;isolation:isolate;overflow:hidden}
.site-v4 .motif-section:before{content:'';position:absolute;pointer-events:none;z-index:-1;background-repeat:no-repeat;background-position:center;background-size:contain;width:min(48vw,660px);height:85%;top:8%;right:-8%;opacity:.105}
.site-v4 .motif-section>.container{position:relative;z-index:1}
.site-v4 .motif-leaf:before{background-image:url('assets/leaf.svg');right:-10%;opacity:.09}
.site-v4 .motif-forest:before{background-image:url('assets/forest-branch.svg');right:-9%;opacity:.13}
.site-v4 .motif-yurt:before{background-image:url('assets/yurt-outline.svg');right:-8%;opacity:.10}
.site-v4 .motif-manuscript:before{background-image:url('assets/manuscript.svg');right:-11%;opacity:.16}
.site-v4 .motif-book:before{background-image:url('assets/open-book.svg');right:-11%;opacity:.10}
.site-v4 .motif-map:before{background-image:url('assets/paseky-historicka-mapa.jpg');filter:grayscale(1) sepia(.3);width:58%;height:100%;top:0;right:0;opacity:.045;background-size:cover;background-position:center}
/* Galerie / rozcestník ve stylu historického časopisu */
.site-v4 .cards{gap:13px}
.site-v4 .story-card{min-height:255px;border:1px solid #e1e0d5;border-radius:4px;background:rgba(255,255,252,.84);padding:32px 27px 27px;box-shadow:0 8px 24px #21372b0b;position:relative;overflow:hidden}
.site-v4 .story-card:before{content:'';position:absolute;left:26px;right:26px;top:0;height:2px;background:linear-gradient(90deg,#9d8260,transparent 80%)}
.site-v4 .story-card .num{font:italic 31px/1 Georgia,serif;color:#a18b65;margin-bottom:31px}
.site-v4 .story-card h3{font-size:25px}
.site-v4 .story-card p{color:#68776a;font-size:13px;line-height:1.8}
.site-v4 .story-card .card-go{font-size:12px;font-weight:700;color:#57735c;letter-spacing:.02em}
.site-v4 .archive-preview{background:#ece8db}
.site-v4 .feature-media{border-radius:4px;box-shadow:0 18px 45px #18372b13}
.site-v4 .feature-media .feature-stamp{border-radius:2px;background:#faf8f1e9;color:#455748;font-size:11px;letter-spacing:.02em}
.site-v4 .feature-copy p{line-height:1.9}
.site-v4 .small-promo{min-height:300px}
.site-v4 .small-promo h2{max-width:790px}
.site-v4 .small-promo p{max-width:690px;font-size:16px;line-height:1.9}
.site-v4 .promo-actions .btn{min-width:235px}
.site-v4 .quiet-books{background:#fcfbf7}
/* Podstránky: každé téma má svůj jemný, rozlišitelný obraz v pozadí. */
.site-v4 .subhero{padding:100px 0 96px;background:#17392d}
.site-v4 .subhero:after{display:none}
.site-v4 .editorial-hero{position:relative;isolation:isolate;overflow:hidden}
.site-v4 .editorial-hero:before{content:'';position:absolute;inset:0 0 0 40%;z-index:0;background-repeat:no-repeat;background-size:contain;background-position:center right;opacity:.18;pointer-events:none}
.site-v4 .editorial-hero.theme-map:before{background-image:url('assets/paseky-historicka-mapa.jpg');background-size:cover;filter:grayscale(1) sepia(.6);opacity:.12}
.site-v4 .editorial-hero.theme-forest:before{background-image:url('assets/forest-branch.svg');opacity:.23}
.site-v4 .editorial-hero.theme-yurt:before{background-image:url('assets/yurt-outline.svg');opacity:.18}
.site-v4 .editorial-hero.theme-manuscript:before{background-image:url('assets/manuscript.svg');opacity:.21}
.site-v4 .editorial-hero.theme-leaf:before{background-image:url('assets/leaf.svg');opacity:.20}
.site-v4 .editorial-hero.theme-book:before{background-image:url('assets/open-book.svg');opacity:.17}
.site-v4 .subhero .container,.site-v4 .catalog-hero .container{position:relative;z-index:2}
.site-v4 .subhero h1{font-size:clamp(52px,6.2vw,84px);max-width:790px}
.site-v4 .subhero p{font-size:18px;max-width:710px;line-height:1.85}
.site-v4 .catalog-hero{padding:92px 0 86px;background:#1c3c30}
.site-v4 .catalog-hero h1{font-size:clamp(44px,6vw,78px);max-width:960px;line-height:1.1}
.site-v4 .catalog-hero p{line-height:1.85;max-width:700px}
/* Jemnější karty a archivní reprodukce */
.site-v4 .archive-tile{border-radius:4px;border-color:#e2dfd4;box-shadow:0 8px 24px #18372b0b}
.site-v4 .archive-tile figcaption{padding:20px 21px 23px}
.site-v4 .archive-tile figcaption strong{font-size:24px}
.site-v4 .archive-tile figcaption span{line-height:1.75}
.site-v4 .map-panel{border-radius:4px;background:#e8e3d6;box-shadow:0 14px 34px #1d362514}
.site-v4 .journey-card{border-radius:4px;border-color:#dbded4;padding:31px}
.site-v4 .journey-card p{line-height:1.85}
.site-v4 .wide-photo{border-radius:4px}
.site-v4 .book-panel{border-radius:4px}
.site-v4 .book-panel .quote{font-size:clamp(27px,3vw,35px)}
.site-v4 .book{border-radius:4px}
.site-v4 .support-large,.site-v4 .support-tile{border-radius:4px}
.site-v4 .footer{padding:62px 0 28px;background:#10291f}
.site-v4 .footer-grid{gap:70px}
.site-v4 .footer p{line-height:1.9}
.site-v4 .footer-note{letter-spacing:.02em}
@media (max-width:1050px){
 .site-v4 .navitems{gap:15px}
 .site-v4 .navitems>a{font-size:11px}
 .site-v4 .hero-grid{gap:22px}
 .site-v4 .hero h1{font-size:clamp(66px,7.4vw,94px)}
}
@media (max-width:980px){
 .site-v4 .navline{min-height:76px}
 .site-v4 .navitems{top:76px;gap:3px;background:#f9f8f3;border-bottom:1px solid #ced7cd;box-shadow:0 18px 30px #0a1e1321;max-height:calc(100vh - 76px);overflow-y:auto}
 .site-v4 .navitems>a{font-size:15px;padding:12px 16px}
 .site-v4 .navitems .nav-books{border-left:0;padding-left:16px}
 .site-v4 .navitems>a[aria-current='page']::after{left:16px;right:auto;width:70px}
 .site-v4 .hero-grid{min-height:600px}
 .site-v4 .hero-art .art-frame{min-height:430px}
 .site-v4 .hero-photo{min-height:414px}
 .site-v4 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
 .site-v4 .container{width:calc(100% - 36px)}
 .site-v4 .navline{min-height:76px}
 .site-v4 .brand{font-size:23px}
 .site-v4 .brand-logo{width:47px;height:47px}
 .site-v4 .section{padding:71px 0}
 .site-v4 .sectionhead{margin-bottom:30px}
 .site-v4 .hero:after{inset:0 0 40% -20%;opacity:.095}
 .site-v4 .hero-grid{grid-template-columns:1fr;min-height:0;gap:0}
 .site-v4 .hero-copy{padding:70px 0 29px}
 .site-v4 .hero h1{font-size:clamp(67px,14vw,98px)}
 .site-v4 .hero-lead{font-size:17px;max-width:620px;margin:25px 0}
 .site-v4 .hero-art{padding:0 0 40px;min-height:0}
 .site-v4 .hero-art .art-frame{max-width:510px;min-height:360px;max-height:480px;height:420px;border-radius:165px 165px 6px 6px}
 .site-v4 .hero-photo{min-height:342px;border-radius:155px 155px 3px 3px}
 .site-v4 .hero-bottom{font-size:10px;gap:10px 24px;padding:19px 0}
 .site-v4 .cards{grid-template-columns:1fr 1fr}
 .site-v4 .story-card{min-height:225px;padding:22px}
 .site-v4 .story-card .num{margin-bottom:20px}
 .site-v4 .story-card h3{font-size:23px}
 .site-v4 .small-promo{min-height:0}
 .site-v4 .motif-section:before{width:88vw;right:-38%;opacity:.07}
 .site-v4 .editorial-hero:before{inset:0 -35% 0 22%;opacity:.105}
 .site-v4 .subhero{padding:73px 0 70px}
 .site-v4 .subhero h1{font-size:clamp(49px,9vw,70px)}
 .site-v4 .catalog-hero{padding:66px 0}
 .site-v4 .footer{padding:48px 0 24px}
}
@media (max-width:500px){
 .site-v4 .brand{font-size:21px;gap:9px}
 .site-v4 .brand span{font-size:8px;letter-spacing:.18em}
 .site-v4 .brand-logo{width:44px;height:44px}
 .site-v4 .menu-btn{padding:10px 12px;font-size:13px}
 .site-v4 .hero h1{font-size:clamp(64px,15vw,80px)}
 .site-v4 .hero-art .art-frame{height:350px;min-height:350px;border-radius:130px 130px 5px 5px}
 .site-v4 .hero-photo{min-height:332px;border-radius:122px 122px 3px 3px}
 .site-v4 .cards{grid-template-columns:1fr}
 .site-v4 .story-card{min-height:auto}
 .site-v4 .story-card .num{margin-bottom:14px}
 .site-v4 .story-card .card-go{padding-top:5px}
 .site-v4 .hero-bottom span:nth-child(4){display:none}
 .site-v4 .hero-lead{line-height:1.85}
 .site-v4 .small-promo h2{font-size:clamp(34px,8vw,48px)}
 .site-v4 .btn-row{gap:9px}
 .site-v4 .btn-row .btn{justify-content:center}
 .site-v4 .book{min-height:220px}
}
@media (prefers-reduced-motion:reduce){.site-v4 .btn{transition:none}}

/* V4.1 – fotografická galerie historie Pasek */
.memorial-photos{position:relative;overflow:hidden;background:#f9f7f0;}
.memorial-photos::before{content:"";position:absolute;right:-80px;top:20px;width:310px;height:310px;background:url("assets/forest-branch.svg") center/contain no-repeat;opacity:.055;pointer-events:none;}
.memorial-photos>.container{position:relative;z-index:1;}
.memorial-photos .sectionhead{max-width:800px;}
.memory-intro{display:flex;align-items:baseline;gap:28px;margin:28px 0 22px;border-top:1px solid #d7d1c4;padding-top:23px;}
.memory-intro p{margin:0;max-width:690px;color:#53665d;line-height:1.75;}
.memory-mark{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#826b4f;min-width:205px;}
.memory-intro-second{margin-top:58px;}
.memory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.memory-photo{margin:0;min-width:0;border:1px solid #dfdbcf;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(19,35,28,.055);}
.memory-photo a{display:block;background:#edeae2;}
.memory-photo img{display:block;width:100%;height:275px;object-fit:contain;transition:transform .3s ease;}
.memory-photo a:hover img{transform:scale(1.02);}
.memory-photo figcaption{padding:15px 20px;font-family:inherit;color:#45584d;font-size:.93rem;}
.remains-grid .memory-photo img{object-fit:cover;height:270px;}
.memory-note{margin:25px 0 0;color:#65776a;font-size:.88rem;font-style:italic;line-height:1.65;}
@media(min-width:1100px){.historic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.historic-grid .memory-photo img{height:240px}.remains-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.remains-grid .memory-photo img{height:360px}}
@media(max-width:700px){.memory-intro{display:block;margin-top:18px}.memory-mark{display:block;margin-bottom:10px}.memory-grid{grid-template-columns:1fr;gap:15px}.memory-photo img,.remains-grid .memory-photo img{height:auto;max-height:420px;object-fit:contain}.memory-intro-second{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.memory-photo img{transition:none}}

/* V4.2 — doložený příběh Pasek a přehledná historická časová osa */
.site-v4 .chronology-section{background:#fbfaf5}
.site-v4 .chronology-head{max-width:740px}
.site-v4 .chronology-head p{font-size:17px;line-height:1.9}
.site-v4 .chronology-emphasis{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);align-items:center;gap:24px;padding:30px 48px;background:#1b3a2f;color:#e9e6db;margin:30px 0 40px;border:1px solid #375648;border-radius:5px;position:relative;overflow:hidden}
.site-v4 .chronology-emphasis:before{content:"";position:absolute;inset:0 0 0 55%;background:url('assets/contours.svg') center/cover no-repeat;opacity:.11;pointer-events:none}
.site-v4 .chronology-emphasis>div{position:relative;z-index:1}
.site-v4 .chronology-emphasis>div:last-child{text-align:right}
.site-v4 .chronology-emphasis .chronology-era{display:block;color:#dac49f;letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:700}
.site-v4 .chronology-emphasis strong{display:block;font:normal clamp(50px,5.6vw,74px)/1.13 Georgia,serif;margin:12px 0}
.site-v4 .chronology-emphasis strong small{font:normal 15px/1.25 system-ui,sans-serif;color:#dadfd3}
.site-v4 .chronology-emphasis>div>span:last-child{font-size:15px;color:#d9dfd3}
.site-v4 .chronology-axis{display:flex;flex-direction:column;align-items:center;gap:14px;color:#ebd3a6;font:italic 31px/1.1 Georgia,serif}
.site-v4 .chronology-axis i{height:1px;width:100%;background:linear-gradient(90deg,transparent,#d6be8c,transparent);position:relative}
.site-v4 .chronology-axis i:after{content:"";width:10px;height:10px;border-top:1px solid #dac49f;border-right:1px solid #dac49f;transform:rotate(45deg);position:absolute;right:10%;top:-5px}
.site-v4 .history-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;margin-bottom:25px}
.site-v4 .timeline-entry{border-top:1px solid #dad9cd;padding:19px 4px 28px;display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;align-content:start}
.site-v4 .timeline-entry .year{font:italic 29px/1.15 Georgia,serif;color:#977c59}
.site-v4 .timeline-entry strong{font:normal 20px/1.3 Georgia,serif;color:#244334;display:block;margin:0 0 7px}
.site-v4 .timeline-entry p{margin:0;font-size:13px;line-height:1.8;color:#5d6e60}
.site-v4 .timeline-entry-emphasis{background:#eae8da;padding-left:13px;padding-right:13px;border-top:2px solid #a1865e}
.site-v4 .source-inline{color:#667467;font-size:13px;line-height:1.8}
.site-v4 .reason-section{background:#f0ecdf}
.site-v4 .reason-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.85fr);gap:clamp(38px,7vw,115px);align-items:center}
.site-v4 .reason-grid h2{max-width:750px;margin-bottom:24px}
.site-v4 .reason-grid p{line-height:1.85}
.site-v4 .history-pullquote{border-top:2px solid #b69a70;border-bottom:1px solid #c8c4b8;padding:30px 10px 36px 0}
.site-v4 .history-pullquote .pullquote-mark{font:italic 31px Georgia,serif;color:#987e5d}
.site-v4 .history-pullquote p{font:normal clamp(27px,3.2vw,40px)/1.28 Georgia,serif;color:#234536;margin:18px 0}
.site-v4 .history-pullquote small{color:#677568;line-height:1.6;font-size:13px}
.site-v4 .sources-section{background:#f4f2e9;border-top:1px solid #e2dfd5}
.site-v4 .sources-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(25px,5vw,80px)}
.site-v4 .sources-copy ul{padding-left:20px;margin:0 0 20px}
.site-v4 .sources-copy li{padding:0 0 13px;color:#536458;font-size:14px;line-height:1.7}
.site-v4 .sources-copy a,.site-v4 .renew-history-link a{color:#286547;text-decoration:underline;text-underline-offset:4px}
.site-v4 .renew-history-link{margin-top:20px;color:#5b6f60}
@media(max-width:1080px){.site-v4 .history-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.site-v4 .timeline-entry{grid-template-columns:69px 1fr}}
@media(max-width:760px){.site-v4 .chronology-emphasis{gap:14px;grid-template-columns:1fr 75px 1fr;padding:20px 17px;margin-bottom:26px}.site-v4 .chronology-emphasis strong{font-size:clamp(37px,9vw,56px)}.site-v4 .chronology-emphasis strong small{display:block;font-size:12px}.site-v4 .chronology-axis{font-size:20px}.site-v4 .chronology-emphasis .chronology-era{font-size:10px}.site-v4 .chronology-emphasis>div>span:last-child{font-size:12px}.site-v4 .history-timeline,.site-v4 .reason-grid,.site-v4 .sources-layout{grid-template-columns:1fr}.site-v4 .timeline-entry{grid-template-columns:75px 1fr}.site-v4 .history-pullquote{padding:18px 0 24px}}
