@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,600&family=Libre+Franklin:wght@300;400;600&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e8e0cf;color:#211c17;font-family:'Libre Franklin',Arial,sans-serif;line-height:1.65}.grain{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.hero{height:100vh;min-height:720px;position:relative;background:#16120f;color:#f4ead5;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,14,10,.92) 0%,rgba(20,14,10,.58) 45%,rgba(20,14,10,.1)),url('assets/wojna_1.jpg') center/cover;filter:sepia(.28)}nav{height:104px;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff2b}.brand{display:flex;align-items:center;gap:14px;color:#f4ead5;text-decoration:none;font-family:'Cormorant Garamond',serif;font-size:21px;line-height:1}.brand img{height:72px;width:72px;object-fit:contain}.brand small{letter-spacing:.35em;font-family:'Libre Franklin';font-size:9px}.links{display:flex;gap:25px}.links a{color:#e9ddc8;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.16em}.links a:hover{color:#c9a25d}#menu{display:none}.hero-copy{position:relative;z-index:2;max-width:850px;padding:15vh 0 0 9vw}.kicker,.eyebrow,.section-head span{font-size:10px;letter-spacing:.32em;font-weight:600;color:#a77a3d}.hero h1,.section-head h2,.intro h2,.text h2{font-family:'Cormorant Garamond',serif;font-weight:600}.hero h1{font-size:clamp(64px,8vw,126px);line-height:.78;margin:18px 0 38px;letter-spacing:-.04em}.hero h1 em{font-size:.72em;color:#d2b06e}.lead{font-family:'Cormorant Garamond',serif;font-size:24px;max-width:650px}.cta{display:inline-block;margin-top:24px;border:1px solid #c9a25d;padding:14px 22px;color:#f4ead5;text-decoration:none;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.scroll{position:absolute;bottom:32px;right:4vw;z-index:2;font-size:9px;letter-spacing:.25em}.intro,.story,.war,.postwar,.landscape,.gallery,.research,.sources{max-width:1240px;margin:auto;padding:110px 6vw}.intro{display:grid;grid-template-columns:220px 1fr;gap:80px;align-items:start}.crest{width:190px}.intro h2,.text h2{font-size:54px;line-height:1;margin:8px 0 28px}.drop:first-letter{font-family:'Cormorant Garamond';font-size:72px;float:left;line-height:.72;padding:9px 10px 0 0;color:#8a5427}.section-head{max-width:780px;margin-bottom:55px}.section-head h2{font-size:58px;line-height:1;margin:8px 0 16px}.timeline{background:#2c251e;color:#eee3d0;padding:110px max(6vw,calc((100vw - 1240px)/2 + 6vw))}.timegrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #6b5d4c}.timegrid>div{padding:32px 28px 24px 0;border-bottom:1px solid #6b5d4c}.timegrid b{font-family:'Cormorant Garamond';font-size:28px;color:#d3b477}.timegrid p{font-size:13px;color:#cfc4b1}.paper{background:#f2eadb;box-shadow:0 18px 60px #3c2c1a22}.columns{columns:2;column-gap:70px}.columns p{margin-top:0}blockquote{font-family:'Cormorant Garamond';font-size:38px;line-height:1.15;border-left:2px solid #9c6e35;padding:20px 0 20px 35px;margin:60px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:#d5c9b4}.split .photo{background:url('assets/wojna_2.jpg') center/cover;filter:sepia(.2)}.split .text{padding:100px 9vw 80px 7vw}.architecture,.restore{background:#191714;color:#eee3d0;padding:110px max(6vw,calc((100vw - 1240px)/2 + 6vw))}.light h2{color:#f3e8d2}.arch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#574b3d}.arch-grid div{background:#211e1a;padding:35px}.arch-grid h3,.restore h3,.cards h3{font-family:'Cormorant Garamond';font-size:30px;color:#d4b16e;margin:0}.warphotos{display:grid;grid-template-columns:1fr 1fr;gap:28px}.warphotos img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:sepia(.2)}figure{margin:0}figcaption{font-family:'Cormorant Garamond';font-style:italic;font-size:17px;padding:12px 0}.note{margin-top:40px;padding:25px;border:1px solid #bcae97;font-size:13px}.restore-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.restore-hero img{width:100%}.landscape{text-align:center;max-width:900px}.gallery{max-width:1500px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filters button{background:none;border:1px solid #9d8c73;padding:10px 14px;cursor:pointer;text-transform:uppercase;font-size:9px;letter-spacing:.15em}.filters button.active{background:#2d251d;color:#fff}.masonry{columns:4;column-gap:16px}.masonry figure{break-inside:avoid;margin:0 0 16px;cursor:zoom-in;transition:.25s}.masonry figure:hover{transform:translateY(-3px)}.masonry img{width:100%;display:block}.masonry figcaption{background:#f4ecdc;padding:9px 11px;font-size:13px}.masonry figure.hidden{display:none}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{background:#f2eadb;padding:35px;border-top:3px solid #9b6a31}.sources{margin-bottom:100px}footer{background:#171410;color:#d9cdb8;display:grid;grid-template-columns:100px 1fr 2fr auto;gap:30px;align-items:center;padding:60px 7vw}footer img{width:90px}footer a{color:#d5b36f}.small{font-size:11px}.lightbox{position:fixed;inset:0;background:#120f0deF;z-index:200;display:none;align-items:center;justify-content:center;flex-direction:column;padding:4vw}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:82vh;object-fit:contain}.lightbox p{color:#eee0c8;font-family:'Cormorant Garamond';font-size:18px}.lightbox button{position:absolute;right:30px;top:20px;background:none;border:0;color:white;font-size:44px;cursor:pointer}@media(max-width:900px){.links{display:none;position:absolute;top:104px;left:0;right:0;background:#17130f;padding:25px;flex-direction:column}.links.open{display:flex}#menu{display:block;background:none;border:0;color:white;font-size:24px}.hero-copy{padding:14vh 7vw 0}.hero h1{font-size:64px}.intro{grid-template-columns:1fr;gap:20px}.crest{width:130px}.timegrid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.split .photo{min-height:500px}.arch-grid,.cards{grid-template-columns:1fr 1fr}.warphotos,.restore-hero{grid-template-columns:1fr}.masonry{columns:2}.columns{columns:1}footer{grid-template-columns:80px 1fr}.small{grid-column:1/-1}}@media(max-width:560px){.hero{min-height:680px}.hero h1{font-size:52px}.hero-copy{padding-top:11vh}.lead{font-size:20px}.section-head h2,.intro h2,.text h2{font-size:42px}.intro,.story,.war,.postwar,.landscape,.gallery,.research,.sources{padding:75px 7vw}.timegrid,.arch-grid,.cards{grid-template-columns:1fr}.masonry{columns:1}.warphotos{gap:45px}.crest{margin:auto}.intro{text-align:left}blockquote{font-size:30px}.restore,.architecture,.timeline{padding:75px 7vw}}

/* =========================================
   INTRO — PAŁAC WALEWSKICH W INCZEWIE
   ========================================= */

.inczew-intro{
  position:fixed;
  inset:0;
  z-index:99999;
  overflow:hidden;
  background:#090909;
  color:#f4efe4;
  display:flex;
  align-items:center;
  justify-content:center;
}

.intro-bg{
  position:absolute;
  inset:-3%;
  background-position:center;
  background-size:cover;
  opacity:0;
  transform:scale(1.06);
}

/* Wojenne zdjęcie Inczewa */
.intro-war{
  background-image:
    linear-gradient(rgba(0,0,0,.30),rgba(0,0,0,.62)),
    url("assets/wojna_1.jpg");
  filter:grayscale(1) sepia(.18);
  animation:introWar 8s ease 5s forwards;
}

/* Pałac współczesny / wizualizacja */
.intro-palace{
  background-image:
    linear-gradient(rgba(0,0,0,.20),rgba(0,0,0,.48)),
    url("assets/wiz_front.jpg");
  animation:introPalace 8s ease 5s forwards;
}
.intro-content{
  position:relative;
  z-index:4;
  text-align:center;
  padding:24px;
  text-shadow:0 2px 18px rgba(0,0,0,.75);
  animation:introWords 8s ease 5s forwards;
}

.intro-herb{
  width:min(190px,34vw);
  height:auto;
  margin-bottom:24px;
  opacity:1;
animation:introHerb 8s ease 5s forwards;
}

.intro-title{
  font-family:Georgia,serif;
  font-size:clamp(25px,4.5vw,58px);
  letter-spacing:.16em;
}

.intro-place{
  margin-top:8px;
  font-size:clamp(18px,3vw,34px);
  letter-spacing:.45em;
  padding-left:.45em;
}

.intro-years{
  margin-top:20px;
  font-size:clamp(12px,1.5vw,17px);
  letter-spacing:.18em;
  opacity:.85;
}
.intro-sound {
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  padding: 10px 16px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 24px;
  background: rgba(0,0,0,.45);
  color: #fff;
  font: inherit;
  font-size: 14px;
  letter-spacing: .04em;
  cursor: pointer;
  opacity: .9;
  transition: opacity .4s ease, background .3s ease;
}

.intro-sound:hover {
  background: rgba(0,0,0,.65);
}

.intro-sound.sound-on {
  opacity: 0;
  pointer-events: none;
}
#intro-skip{
  position:absolute;
  z-index:6;
  right:24px;
  bottom:22px;
  border:1px solid rgba(255,255,255,.5);
  background:rgba(0,0,0,.28);
  color:#fff;
  padding:9px 15px;
  cursor:pointer;
  letter-spacing:.08em;
}

.inczew-intro.intro-hide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 1.2s ease,visibility 1.2s;
}

@keyframes introWar{
  0%{
    opacity:0;
    transform:scale(1.08);
  }
  8%{
    opacity:1;
  }
  42%{
    opacity:1;
    transform:scale(1.025);
  }
  55%{
    opacity:.88;
    transform:scale(1);
  }
  68%,100%{
    opacity:0;
    transform:scale(1);
  }
}

@keyframes introPalace{
  0%,38%{
    opacity:0;
    transform:scale(1.045);
  }
  52%{
    opacity:.35;
  }
  68%{
    opacity:1;
    transform:scale(1.015);
  }
  100%{
    opacity:1;
    transform:scale(1);
  }
}

@keyframes introHerb{
  0%,35%{
    opacity:1;
    transform:translateY(0) scale(1);
  }

  100%{
    opacity:0;
    transform:translateY(-4px) scale(1);
  }
}

@keyframes introWords{
  0%,14%{
    opacity:0;
    transform:translateY(10px);
  }
  28%{
    opacity:1;
    transform:translateY(0);
  }
  74%{
    opacity:1;
    transform:translateY(0);
  }
  90%,100%{
    opacity:0;
    transform:translateY(-5px);
  }
}

@media (prefers-reduced-motion:reduce){
  .intro-bg,.intro-content,.intro-herb{
    animation:none;
  }
  .intro-palace{opacity:1}
  .intro-war{opacity:0}
  .intro-herb{opacity:1}
}

/* Publiczna czytelnia — artykuły i katalog regionalny */
.public-reading{padding:100px 7vw;background:#201a15;color:#efe3cf}
.public-reading .section-head{max-width:880px;margin:0 auto 48px}
.public-reading .section-head p{max-width:720px;color:#c9bba6}
.reading-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.reading-grid a{min-height:265px;padding:30px;display:flex;flex-direction:column;color:#efe3cf;text-decoration:none;background:#2a231c;border-top:3px solid #b8894d;transition:transform .2s,background .2s}
.reading-grid a:hover{transform:translateY(-4px);background:#33291f}
.reading-grid small{color:#d6b779;letter-spacing:.15em}
.reading-grid h3{margin:15px 0 12px;font:600 31px/1 'Cormorant Garamond',serif}
.reading-grid p{margin:0;color:#cdbfac}
.reading-grid b{margin-top:auto;padding-top:22px;color:#d6b779;font-size:11px;letter-spacing:.12em}
.reading-note{max-width:900px;margin:38px auto 0;padding-top:25px;border-top:1px solid #594b3c;color:#c9bba6;font-style:italic}
@media(max-width:900px){.reading-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.reading-grid{grid-template-columns:1fr}.public-reading{padding:70px 7vw}.reading-grid a{min-height:220px}}