/* Tematické inkoustové motivy: úvod a všechny tři hlavní oblasti. */
.hero-aside-illustrated{padding:0 24px 20px;background:transparent;border:0;box-shadow:none}
.hero-aside-illustrated:before{display:none}
.hero-aside-illustrated .visual-heading{margin-bottom:8px;color:#526672}
.hero-aside-illustrated .visual-symbol{color:#526672;border-color:#d8e2df}
.hero-art{height:164px;margin:0 0 16px;background:white;position:relative}
.hero-art img{display:block;width:100%;height:100%;object-fit:contain}
.hero-aside-illustrated .connection-map{padding:19px 20px;background:#102f40;border-radius:16px}
.hero-aside-illustrated .map-node{min-height:63px;padding:10px 12px;gap:12px}
.hero-aside-illustrated .map-icon{width:32px;height:32px}
.hero-aside-illustrated .map-icon svg{width:22px;height:22px}
.hero-aside-illustrated .map-node strong{font-size:.79rem}
.hero-aside-illustrated .map-node small{font-size:.66rem}
.hero-aside-illustrated .map-connector{height:9px;margin-left:28px}
.hero-aside-illustrated .visual-footer{margin-top:14px;color:#526672}
.model-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;margin:0 0 32px}
.model-intro .page-heading{max-width:none;margin:0}
.model-intro .page-heading h1{font-size:clamp(2.4rem,4.2vw,3.8rem);line-height:1.08}
.model-intro .page-heading .lead{font-size:1.02rem;line-height:1.75}
.model-art{min-width:0;margin:0;padding:0 12px;isolation:isolate}
.model-art img{display:block;width:100%;height:auto}
.hero-art img,.model-art img{mix-blend-mode:multiply;opacity:.78}
.learning-vignette{margin:0 0 36px;padding:23px 28px;border:1px solid #e2e8e4;border-radius:16px;background:#fafbfa}
.learning-copy .eyebrow{font-size:.68rem;letter-spacing:0;margin-bottom:9px}
.learning-copy h2{font-size:1.35rem;line-height:1.25;margin-bottom:11px}
.learning-copy p:not(.eyebrow){font-size:.82rem;line-height:1.8;color:#526672;margin-bottom:12px;max-width:68ch}
.learning-copy .text-link{font-size:.76rem;line-height:1.6;min-height:44px;max-width:100%}
@media(max-width:1000px){
 .model-intro{gap:24px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
 .model-intro .page-heading h1{font-size:2.7rem}
 .model-intro .page-heading .lead{font-size:.94rem}
}
@media(max-width:760px){
 .model-intro{grid-template-columns:1fr;gap:12px;margin-bottom:25px}
 .model-intro .page-heading h1{font-size:2.4rem}
 .model-art{width:min(100%,480px);justify-self:center}
 .model-art img{max-height:210px;object-fit:contain}
}
@media(max-width:540px){
 .hero-aside-illustrated{padding:0 18px 17px}
 .hero-art{height:auto;aspect-ratio:1.7;margin-bottom:12px}
 .hero-aside-illustrated .connection-map{padding:16px}
 .hero-aside-illustrated .map-node{min-height:66px}
 .hero-aside-illustrated .map-node strong{font-size:.77rem}
 .hero-aside-illustrated .map-node small{font-size:.64rem;line-height:1.5}
 .model-intro .page-heading h1{font-size:2.15rem}
 .model-art img{max-height:175px}
 .learning-vignette{padding:20px}
 .learning-copy h2{font-size:1.3rem}
 .learning-copy .eyebrow{font-size:.66rem}
 .learning-copy p:not(.eyebrow){font-size:.83rem}
 .learning-copy .text-link{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){.hero-art img,.model-art img{animation:none;transition:none}}
@media print{.hero-art,.model-art{display:none}.model-intro{display:block}.learning-vignette{background:white;border-color:#bcc3c8;padding:12pt;break-inside:avoid}.model-intro .page-heading h1{font-size:25pt}}