/* MYRHA 14.5 FINAL RC2 | ART / TYPO / SPATIAL POLISH
   Source: Work Live Audit + three additional user screenshot findings.
   Scope: public pages OTHER THAN /stories/ and /story/.
   Retain H1-H3 and all source content. No new images or canon facts introduced. */

/* I. Titles and gold overline noise: preserve legible semantic headings,
   remove purely ornamental repeated pre-headings and source-index labels. */
.page-eyebrow,.section-eyebrow,.portal-section-title>p,
.myrha-v144-place-eyebrow,.myrha-v144-bell-head>.page-eyebrow,
.myrha-culture-heading>.page-eyebrow,.myrha-culture-home-heading>.page-eyebrow,
.portal-journal-card small,.myrha-culture-home-card-body small {
  color:#b3c9bf; letter-spacing:.055em; line-height:1.55;
  font-size:clamp(11px,.82vw,12px);font-weight:600;
}
/* Original page number/title overlay duplicates actual navigation and H1. */
.page-index,.myrha-v144-art-index,.myrha-culture-number,
.myrha-v144-lead>.page-eyebrow,.myrha-v144-place-foot>span,
.portal-story-copy>.page-eyebrow,.portal-release-band .page-eyebrow {display:none!important}
/* Status and warnings are kept. Labels attached to assets no longer compete with H1. */
.book-top-label,.world-map-tag,.lore-art-caption,.portal-home-region-copy small,
.portal-region-index,.myrha-culture-home-card-body small {
 color:#b7c9c1;letter-spacing:.045em;font-weight:600;
}
/* One restrained primary heading per article. Fewer oversized secondary headlines. */
.portal-section-title h2,.myrha-culture-heading h2,.myrha-culture-home-heading h2,
.myrha-v144-lead h2,.myrha-v144-place h2,.myrha-v144-bell-head h2,
.portal-story-copy h2,.portal-release-band h2 {
 font-size:clamp(30px,4.4vw,58px);line-height:1.12;letter-spacing:-.025em;
 text-wrap:balance;
}
.myrha-v144-place h2,.myrha-v144-bell-chapter h3 {margin-bottom:clamp(15px,2vw,25px)}
.myrha-v144-bell-chapter h3 {font-size:clamp(27px,3.4vw,43px)}
.portal-section-title{gap:8px;margin-bottom:20px}
.portal-section-title h2{margin:0}
/* Keep the main page title prominent, but no longer overwhelming short pages. */
.lore-h1,.journal-h1,.world-h1,.book-h1,.game-h1 {font-size:clamp(50px,6.2vw,88px);line-height:1.04}

/* II. Compositions, not arbitrary crops. Poster, map, cover and decorative
   emblems need a fully visible silhouette; landscapes alone may use cover. */
.chapter-art-book{
 background-color:#101a1b;background-repeat:no-repeat;
 background-size:auto 105%;background-position:center 36%;
}
html[lang^="en"] .chapter-art-book{background-image:url('cover-en.webp')}
html[lang^="de"] .chapter-art-book{background-image:url('cover-de.webp')}
.chapter-card:has(.chapter-art-book) .chapter-layer {background:linear-gradient(0deg,#071213f8 0%,#081213df 35%,#0000 85%)}
.chapter-art-map{
 background-color:#0d1a1c;background-size:contain;background-repeat:no-repeat;
 background-position:center 34%;
}
.world-map-lens img{
 object-fit:contain;object-position:center;transform:none;
 background:#132221;
}
/* The 1365x2048 world map is PORTRAIT. It must never be used as cover
   inside an unconstrained landscape split-screen. */
.portal-story-art{background:#101e1d;min-height:0;max-height:none}
.portal-story-art img{
 width:100%;height:100%;object-fit:contain;object-position:center;
 filter:brightness(.9) saturate(.9);
}
.portal-story-art:after{background:none}
/* Full image for illustrations, careful focal crops for photographic art. */
.myrha-v144-art img{object-position:center 46%;transform:none}
.myrha-v144-observatory .myrha-v144-art img{object-position:center 32%}
.myrha-v144-civic .myrha-v144-art img{object-position:center 38%}
.myrha-v144-border .myrha-v144-art img{object-position:center 43%}
.myrha-culture-image img{object-position:center 43%}
.myrha-culture-home-card>img{object-position:center 44%;transform:none}
.myrha-culture-home-card:hover>img,.myrha-culture-image:hover img{transform:none}
/* World concepts / single emblem must remain fully visible. */
.lore-dragon{width:min(410px,95%);height:auto;object-fit:contain}
.lore-art-circle{width:min(380px,80%);height:auto;aspect-ratio:1}
.codex-thumb img[src*="dragon-emblem"],
.codex-thumb img[src*="dragon-orb"],
.portal-journal-card>img[src*="dragon-emblem"],
.entry-hero-art img[src*="dragon-emblem"] {
 object-fit:contain!important;object-position:center!important;
 background:#13211f;
}
/* Image frames must not change size because of variable text length. */
.portal-journal-card,.myrha-fieldnote-card{min-width:0;align-self:stretch}
.portal-journal-card>img,.myrha-fieldnote-card>img{
 display:block;width:100%;height:auto;aspect-ratio:16/9;
 object-fit:cover;object-position:center 43%;flex:0 0 auto;
}
.portal-journal-card>span{min-width:0;gap:10px;padding:clamp(16px,2.2vw,24px)}
.portal-journal-card strong{font-size:clamp(21px,2.3vw,28px)}
/* Preserve figures and silhouettes in character concept artwork. */
.class-artwork img,.game-figure img,.book-art-frame img,
.hero-product img,.v145-author-work img{object-fit:contain;object-position:center}

/* III. Content-first spacing. No oversized empty cards or unnecessary
   600px high sections with just one paragraph. */
.chapter-grid-section{padding:clamp(36px,4.5vw,68px) 6vw clamp(48px,6vw,90px)}
.chapter-card{min-height:clamp(280px,27vw,375px)}
.portal-content-section{padding-top:clamp(36px,5vw,76px);padding-bottom:clamp(42px,6vw,88px)}
.portal-compass{padding-top:clamp(28px,4vw,50px)}
.portal-story-band{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.portal-story-art{height:clamp(310px,38vw,505px)}
.portal-story-copy{padding:clamp(30px,4vw,65px) clamp(22px,5vw,78px);gap:clamp(13px,2vw,23px)}
.portal-release-band{min-height:0;padding:clamp(40px,6vw,76px) 7vw}
.portal-ecology{padding:clamp(42px,6vw,78px) 0}
.portal-ecology-item p{min-height:0}
.portal-journal-notes{padding-top:clamp(30px,4vw,65px);padding-bottom:clamp(40px,6vw,85px)}
.myrha-v144-story{margin-block:clamp(40px,5vw,75px)}
.myrha-v144-lead{padding-bottom:clamp(20px,2.6vw,30px)}
.myrha-v144-lead h2{margin-top:0;margin-bottom:clamp(13px,2vw,22px)}
.myrha-v144-columns{align-items:start;gap:clamp(19px,3.4vw,55px);padding-top:clamp(20px,3vw,30px)}
.myrha-v144-art,.myrha-v144-observatory .myrha-v144-art,
.myrha-v144-craft .myrha-v144-art,.myrha-v144-winter .myrha-v144-art,
.myrha-v144-trial .myrha-v144-art,
.myrha-v144-border .myrha-v144-art,.myrha-v144-civic .myrha-v144-art {
 height:clamp(260px,30vw,430px);min-height:0;
}
.myrha-v144-voice p{margin-bottom:16px;line-height:1.7}
.myrha-v144-voice blockquote{font-size:clamp(19px,2vw,27px)}
.myrha-v144-place{padding-block:clamp(40px,5vw,72px)}
.myrha-v144-place h2{margin:11px 0 22px}
.myrha-v144-place-foot{margin-top:24px;padding-top:15px}
.myrha-v144-bell-chronicle{margin-block:clamp(40px,5vw,65px);padding-block:clamp(25px,4vw,55px)}
.myrha-v144-bell-chapter{padding:clamp(22px,3.5vw,42px) 0}
.myrha-v144-bell-lines{height:24px;margin:20px 0}
.myrha-v144-bell-lines i{height:20px!important}
.myrha-culture-section,.myrha-culture-home{margin-block:clamp(40px,5vw,75px)}
.myrha-culture-heading,.myrha-culture-home-heading{margin-bottom:clamp(18px,3vw,34px)}
.myrha-culture-scene{min-height:0}
.myrha-culture-image{min-height:0;aspect-ratio:16/10;max-height:490px;align-self:stretch}
.myrha-culture-copy{padding:clamp(24px,3.4vw,47px);gap:clamp(12px,1.3vw,18px)}
.myrha-culture-copy h3{font-size:clamp(26px,3.1vw,48px)}
.myrha-culture-home-card{min-height:clamp(270px,27vw,365px)}
.portal-place-trace,.living-place-reading{min-height:0;padding:clamp(23px,3.5vw,44px)}
.portal-place-sigil{margin:5px 0;font-size:42px}
.lore-top{min-height:0;padding:clamp(58px,7vw,95px) 5.5vw clamp(35px,5vw,70px)}
.lore-filter{margin-top:clamp(23px,3vw,35px)}
.lore-art-caption{bottom:5px}
.lore-card{min-height:0;padding:clamp(20px,2.2vw,29px)}
.lore-icon{font-size:45px;margin:11px 0 7px}
.lore-card h2{font-size:clamp(22px,2vw,26px);margin:9px 0}
.world-content{height:auto;min-height:clamp(490px,55vw,780px);padding-top:clamp(65px,7vw,100px);padding-bottom:clamp(45px,6vw,78px)}
.world-map-preview{height:clamp(300px,38vw,540px)}
.world-map-lens{width:min(100%,450px);height:min(100%,520px)}
.journal-intro{min-height:0;padding-top:clamp(66px,7vw,110px);padding-bottom:clamp(40px,5vw,75px)}
/* Readable no-content placeholders: do not allocate a blank poster-sized panel. */
.journal-empty{min-height:0;padding:clamp(24px,3vw,42px)}
.journal-empty h2{margin:12px 0;font-size:clamp(26px,3vw,39px)}

@media(max-width:900px){
 .portal-story-band{grid-template-columns:1fr}
 .portal-story-art{height:clamp(260px,56vw,380px)}
 .myrha-v144-art,.myrha-v144-observatory .myrha-v144-art,
 .myrha-v144-craft .myrha-v144-art{height:clamp(240px,53vw,345px)}
 .myrha-culture-image{aspect-ratio:16/10;max-height:400px}
 .world-content{min-height:0}
 .world-map-lens{height:min(100%,470px)}
 .lore-top{grid-template-columns:1fr}
 .lore-art{margin-top:20px}
}
@media(max-width:600px){
 .lore-top{padding:clamp(84px,13vw,110px) 6vw 25px}
 .lore-art{max-height:280px;overflow:hidden}
 .lore-dragon{max-height:280px}
 .lore-h1,.journal-h1,.world-h1,.book-h1,.game-h1{font-size:clamp(43px,10vw,64px)}
 .myrha-culture-scene{display:flex;flex-direction:column}
 .myrha-culture-image{width:100%;max-height:none;aspect-ratio:16/10}
 .myrha-culture-copy{padding:24px 20px 30px}
 .myrha-v144-art,.myrha-v144-observatory .myrha-v144-art,
 .myrha-v144-craft .myrha-v144-art,.myrha-v144-border .myrha-v144-art,
 .myrha-v144-civic .myrha-v144-art{height:clamp(230px,58vw,310px)!important}
 .portal-story-art{height:310px}
 .portal-story-copy{padding:30px 6vw 42px}
 .chapter-card{min-height:275px}
 .chapter-art-book{background-size:auto 96%}
 .myrha-v144-place{padding-block:38px}
 .myrha-v144-bell-chronicle{margin-block:30px}
 .portal-home-region{min-height:285px}
 .portal-release-band{padding:48px 6vw 60px}
 .portal-release-band img{max-width:70%;opacity:.30}
 .portal-journal-card>img{aspect-ratio:16/9}
}
@media(prefers-reduced-motion:reduce){
 .myrha-culture-home-card>img,.chapter-art,.portal-home-region>img{transition:none!important}
}
/* Asset-fidelity pass: source atlas and region art are approximately 16:9.
   Match source ratio instead of scaling the image to a 3:4 viewport. */
.myrha-v144-art,.myrha-v144-observatory .myrha-v144-art,
.myrha-v144-craft .myrha-v144-art,.myrha-v144-winter .myrha-v144-art,
.myrha-v144-trial .myrha-v144-art,.myrha-v144-border .myrha-v144-art,
.myrha-v144-civic .myrha-v144-art {
 height:auto!important;aspect-ratio:16/9;min-height:0!important;
}
.myrha-v144-art img {width:100%;height:100%;object-fit:cover;object-position:center}
.myrha-culture-image{aspect-ratio:16/9}
.myrha-culture-image img{object-fit:cover;object-position:center}
.chapter-art-book{background-size:auto 96%}
/* World-map artifact is portrait. Replace round lens cropping with a framed
   complete illustrated map, keeping the original asset resolution. */
.world-map-preview {height:auto;min-height:0;max-width:min(90%,390px);margin-inline:auto}
.world-map-lens {
 width:100%;height:auto;aspect-ratio:1365/2048;max-height:min(68vh,570px);
 overflow:hidden;border-radius:3px;transform:none;
 box-shadow:0 25px 65px #000b,0 0 0 8px #22372a55;
}
.world-map-lens img {width:100%;height:100%;object-fit:contain;transform:none}
.world-map-preview .lens-ring{display:none}
.world-map-tag{position:static;display:block;margin:10px auto 0;width:max-content;max-width:100%;text-align:center}
@media(max-width:600px){
 .myrha-culture-image{aspect-ratio:16/9}
 .myrha-v144-art,.myrha-v144-observatory .myrha-v144-art,
 .myrha-v144-craft .myrha-v144-art,.myrha-v144-border .myrha-v144-art,
 .myrha-v144-civic .myrha-v144-art{height:auto!important;aspect-ratio:16/9}
 .world-map-preview{max-width:min(80vw,315px)}
 .world-map-lens{max-height:460px}
}