*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#102c25;background:#f5ecdc;font:17px/1.5 Georgia,serif}a{color:inherit}a:focus-visible,input:focus-visible{outline:3px solid #b82d29;outline-offset:3px}.masthead{background:#09392f;color:#f9f0df;display:flex;align-items:center;justify-content:space-between;padding:15px max(25px,4vw);gap:20px}.brand{display:flex;align-items:center;gap:16px}.star{font-size:65px;color:#c82028;line-height:1}.brand-name{font-size:clamp(24px,3.3vw,48px);font-weight:bold;letter-spacing:.035em;line-height:1.1}.tagline{font-style:italic;font-size:clamp(13px,1.5vw,22px);text-align:center}.lang{font:16px Arial,sans-serif;white-space:nowrap;border:1px solid #477568;padding:8px 12px;border-radius:5px}.lang span{color:#bdcfc8}.nav{display:flex;flex-wrap:wrap;gap:0;background:#8e171c;color:white;padding:0 3vw}.nav a{text-decoration:none;padding:13px 19px;font-weight:bold}.nav a:hover,.nav a:focus{background:#b32c2c}main{max-width:1600px;margin:auto}.hero{min-height:260px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;background:linear-gradient(100deg,#fff8eb,#e6d6b7);padding:30px 4vw;gap:25px}.hero h1{font-size:clamp(34px,4vw,64px);line-height:1.04;margin:0 0 13px}.hero p{max-width:680px;font-size:clamp(17px,1.6vw,23px);margin:0 0 22px}.cta{display:inline-block;background:#8e171c;color:white;padding:11px 22px;border-radius:6px;text-decoration:none;font-weight:bold}.hero-art{min-height:215px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#b66c53,#7f2323 65%,#4c1519);color:#f6d18e;border:8px solid #d9c5a3;text-align:center;letter-spacing:.14em;font-size:13px}.hero-star{font-size:130px;line-height:1.15}.features{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:20px 3vw}.feature{text-decoration:none;min-width:0;display:flex;flex-direction:column;background:#10382e;border-radius:5px;overflow:hidden;box-shadow:0 2px 6px #0002}.picture{height:190px;background:#e9ddc4;padding:8px;display:flex;align-items:center;justify-content:center}.picture img{width:100%;height:100%;object-fit:contain}.feature-text{padding:10px 9px 13px;color:white;text-align:center;flex:1}.feature-text strong{display:block;font-size:19px}.feature-text small{display:block;font-size:14px;margin-top:3px}.feature:hover{transform:translateY(-2px)}.lower{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:25px;padding:20px 3vw;border-top:1px solid #d9ccb5;border-bottom:1px solid #d9ccb5}.lower>div+div{border-left:1px solid #d9ccb5;padding-left:24px}h2{font-size:27px;margin:0 0 8px}.lower p{margin:0 0 9px}.lower a{color:#8e171c}.topics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.directory{padding:32px 3vw 50px}.directory-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:15px}.directory-head p{margin:0}.search-label{font:14px Arial,sans-serif;display:flex;flex-direction:column;gap:5px}.search-label input{padding:11px;border:1px solid #a5a08e;border-radius:4px;min-width:240px;font:16px Arial,sans-serif}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.article-grid a{padding:11px 13px;background:#fffaf0;border:1px solid #ddd1bd;text-decoration:none;display:flex;justify-content:space-between;gap:10px}.article-grid a:hover{border-color:#9b2424;color:#8e171c}.article-grid span{color:#a33934}footer{padding:25px 4vw;background:#0d382f;color:#eee6d7;text-align:center}footer a{color:inherit}@media(max-width:900px){.features{grid-template-columns:repeat(3,minmax(0,1fr))}.lower{grid-template-columns:1fr 1fr}.lower>div+div{border:0;padding:0}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.hero-art{display:none}}@media(max-width:600px){.masthead{align-items:start}.star{font-size:36px}.lang{font-size:12px;padding:4px}.brand-name{font-size:23px}.tagline{text-align:left;font-size:12px}.nav a{padding:10px}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.picture{height:160px}.feature-text strong{font-size:16px}.feature-text small{font-size:12px}.lower,.article-grid{grid-template-columns:1fr}.directory-head{align-items:stretch;flex-direction:column}.search-label input{width:100%}}[hidden]{display:none!important}

.hero-art{border:0;min-height:260px;background:#e8ddc7 url("hero-lenin.jpg") center center/cover no-repeat;box-shadow:none}.hero{grid-template-columns:1fr 1fr}.picture img{object-fit:contain}.feature:first-child .picture img{border:7px solid #eee0be;outline:2px dashed #bba27a;max-height:100%}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{display:block;min-height:210px}}

/* Integrated museum-style homepage: seamless parchment, no white separators */
body{background:#f3e9d5}main{background:#f3e9d5}.hero{background:linear-gradient(90deg,#f3e9d5 0%,#f3e9d5 48%,#e9ddc5 100%);gap:0;padding-bottom:8px}.hero-art{border:0;box-shadow:none;background-color:transparent;background-size:cover;background-position:center}.features{padding-top:8px;padding-bottom:12px;gap:13px}.feature{box-shadow:0 2px 5px #0002}.picture{background:#e9ddc4}.feature:first-child .picture img{border:0!important;outline:0!important;box-shadow:none!important;max-height:100%}.lower{border:0!important;background:transparent;gap:18px;padding-top:10px;padding-bottom:12px}.lower>div+div{border:0!important;padding-left:15px}.world-gallery{padding:10px 3vw 26px;background:transparent}.world-gallery h2{margin-bottom:9px}.stamp-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.stamp-tile{text-decoration:none;min-width:0;text-align:center}.stamp-tile img{width:100%;height:105px;object-fit:contain;display:block;background:#e9ddc4;padding:4px}.stamp-tile span{display:block;font:13px/1.3 Georgia,serif;margin-top:4px}.stamp-tile:hover span{text-decoration:underline}@media(max-width:950px){.stamp-strip{grid-template-columns:repeat(4,1fr)}.hero-art{min-height:240px}}@media(max-width:600px){.stamp-strip{grid-template-columns:repeat(2,1fr)}.stamp-tile img{height:125px}.lower>div+div{padding-left:0}}

/* Final layout: a single full-width painted scene, never a separate hero image */
.intro-scene{position:relative!important;isolation:isolate;overflow:hidden;background:#f3e9d5!important}
.intro-scene::before{content:"";position:absolute;inset:0 0 auto 0;height:640px;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#f3e9d5 0%,rgba(243,233,213,.98) 14%,rgba(243,233,213,.9) 29%,rgba(243,233,213,.38) 43%,rgba(243,233,213,0) 60%),url("panorama-aprobata.jpg");background-size:100% 100%,cover;background-position:center,right 35%;background-repeat:no-repeat}
.intro-scene .hero{display:block!important;min-height:445px!important;padding:34px 5.4vw 0!important;background:transparent!important}
.intro-scene .hero-copy{position:relative;z-index:1;max-width:730px!important}
.intro-scene .hero h1{max-width:650px!important}
.intro-scene .hero-art{display:none!important}
.intro-scene .features{position:relative;z-index:1;background:transparent!important;margin-top:-4px;padding:0 4.5vw 24px!important}
.intro-scene .feature{box-shadow:0 5px 12px #0003!important}
@media(max-width:950px){.intro-scene::before{height:590px;background-position:center,right center}.intro-scene .hero{min-height:415px!important}.intro-scene .hero-copy{max-width:65%!important}.intro-scene .hero h1{font-size:clamp(30px,5vw,58px)!important}}
@media(max-width:600px){.intro-scene::before{height:320px;background-image:linear-gradient(180deg,rgba(243,233,213,0) 55%,#f3e9d5 100%),url("panorama-aprobata.jpg");background-position:center,right center}.intro-scene .hero{min-height:0!important;padding:315px 5vw 25px!important}.intro-scene .hero-copy{max-width:100%!important}.intro-scene .features{margin-top:0;padding:0 3vw 20px!important}}

/* Compact approved panorama: retain the unified scene and five cards */
@media(min-width:951px){
 .intro-scene::before{height:540px!important}
 .intro-scene .hero{min-height:370px!important;padding-top:24px!important}
 .intro-scene .features .picture{height:158px!important}
 .intro-scene .features .feature-text{padding:8px 8px 10px!important}
}
@media(min-width:601px) and (max-width:950px){
 .intro-scene::before{height:530px!important}
 .intro-scene .hero{min-height:385px!important}
 .intro-scene .features .picture{height:155px!important}
}
@media(max-width:600px){
 .intro-scene::before{height:270px!important}
 .intro-scene .hero{padding-top:260px!important}
 .intro-scene .features .picture{height:145px!important}
}

/* Unified final composition: header and navigation match scene width;
   the painting continues behind the entire five-card row. */
body{background:#f3e9d5}
.masthead,.nav,main,footer{max-width:1600px;margin-left:auto;margin-right:auto}
.intro-scene{position:relative!important;isolation:isolate;overflow:hidden;background:#f3e9d5!important}
.intro-scene::before{
  content:"";position:absolute;inset:0!important;width:100%!important;height:100%!important;
  z-index:-1;pointer-events:none;
  background-image:linear-gradient(90deg,rgba(243,233,213,.98) 0%,rgba(243,233,213,.93) 17%,rgba(243,233,213,.76) 30%,rgba(243,233,213,.10) 51%,rgba(243,233,213,0) 68%),url("panorama-aprobata.jpg")!important;
  background-size:100% 100%,cover!important;
  background-position:center,center center!important;
  background-repeat:no-repeat!important;
}
.intro-scene .hero{min-height:365px!important}
.intro-scene .features{padding-bottom:22px!important}
@media(min-width:951px){
 .intro-scene .hero{padding-top:24px!important}
}
@media(max-width:950px){
 .intro-scene::before{height:100%!important;background-position:center,center!important}
}
@media(max-width:600px){
 .intro-scene::before{height:100%!important;background-image:linear-gradient(180deg,rgba(243,233,213,.12) 0%,rgba(243,233,213,.28) 36%,#f3e9d5 83%),url("panorama-aprobata.jpg")!important;background-size:100% 100%,auto 320px!important;background-position:center,top center!important;background-repeat:no-repeat!important}
 .intro-scene .hero{min-height:0!important;padding-top:265px!important}
}