/* Original watercolor imagery; all navigation and editorial content remain live HTML. */
.ink-film-zone img.cinema-poster{display:block}
.section-heading:has(>.ink-section-vignette){position:relative;padding-right:146px;min-height:94px}.section-heading>.ink-section-vignette{position:absolute;right:0;top:8px;width:128px;height:80px;border-radius:3px;border:1px solid #d8ccb8}.ink-section-vignette>img{position:absolute;left:var(--ink-x,0%);top:50%;width:400%;max-width:none;height:auto;transform:translateY(var(--ink-y,-25%));object-fit:initial;border-radius:0}
@media(max-width:760px){.section-heading:has(>.ink-section-vignette){padding-right:110px;min-height:96px}.section-heading>.ink-section-vignette{width:96px;height:70px;top:12px}}
:root{--paper:#f7f2e7;--white:#fffcf4;--ink:#233e39;--muted:#4d5c52;--accent:#934c38;--gold:#a08963;--line:#d8ccb8}
body{background-color:var(--paper);background-image:url('./home-paper-grain-20261013.svg'),radial-gradient(ellipse at 85% 18%,#d9e3dc35,transparent 55%)}
.site-header{background:#faf6ecf7;box-shadow:none;border-color:#cfc5b2}.brand strong{letter-spacing:.06em}.primary-nav a{color:#31453b}.primary-nav a:hover{color:#934c38}.primary-nav a:first-child{border-color:#738575}.cpa-language-select{border-radius:3px;background:#fffcf5}
main{padding-top:16px}.ink-scroll-hero.editorial-hero{display:block;position:relative;isolation:isolate;min-height:560px;padding:0;border:0;border-radius:0;background:#f7f2e7;box-shadow:none;overflow:hidden}
.ink-scroll-hero>.ink-hero-stage{position:absolute;inset:0;margin:0;z-index:0;overflow:hidden}.ink-scroll-hero .ink-hero-image{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;border-radius:0;object-fit:cover;object-position:50% 65%}
.ink-scroll-hero>.cinema-copy{position:relative;z-index:2;padding:72px 34px 62px;width:49%;min-width:0;background:linear-gradient(90deg,#f7f2e7ba,#f7f2e76b 80%,transparent);border-radius:0}
.ink-scroll-hero .eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;color:#755a42;letter-spacing:.12em}.ink-scroll-hero .eyebrow::before{content:"";width:28px;height:1px;background:#8b7552}.ink-scroll-hero h1{font-size:clamp(34px,3.45vw,49px);line-height:1.5;margin:26px 0 19px;letter-spacing:.045em;color:#1e3932;text-shadow:0 1px #fff8e9}.ink-scroll-hero .cinema-intro{font-size:15px;line-height:1.9;max-width:30em;margin:0 0 26px;color:#354d42}.ink-scroll-hero .actions{gap:12px}.ink-scroll-hero .button{border-radius:2px;box-shadow:none;min-height:46px;padding:11px 21px;background:#24463e}.ink-scroll-hero .button.secondary{background:#fffaf0cf;border-color:#7f8069;color:#293e35}
.ink-scroll-hero .cinema-text-link{color:#6e5539;font-size:13px;margin-top:16px}.ink-scroll-hero .ink-hero-caption{position:absolute;right:20px;bottom:14px;font-size:11px;color:#384d40;background:#f8f0dfdc;padding:6px 11px;max-width:44%;text-align:right;line-height:1.8}
.section-heading{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,#8e8268 12%,#a89979 70%,transparent) 1}.section-heading h2{font-size:clamp(24px,2.5vw,31px);color:#294139;letter-spacing:.06em}.section-heading p{font-size:14px}.section-all{color:#8d4d36}
#home-sections.portal-zone{margin:28px 0 32px}#home-sections>.section-heading{text-align:center;display:block;border:0;padding:0;margin-bottom:20px}#home-sections h2{font-size:26px;letter-spacing:.08em}#home-sections h2::before,#home-sections h2::after{content:"";display:inline-block;vertical-align:middle;width:70px;height:1px;margin:0 18px;background:linear-gradient(90deg,transparent,#73806b,transparent)}#home-sections .section-heading p{font-size:13px;margin-top:8px}
.portal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.portal-grid .portal-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;min-height:0;background:#fcf7eccc;border:1px solid #cfc6b2;border-radius:3px;overflow:hidden;box-shadow:none;text-decoration:none}.portal-grid .portal-card:hover{border-color:#777e64;box-shadow:0 3px 14px #384c3508;transform:translateY(-2px)}
.ink-vignette{display:block;width:100%;height:132px;background-image:url('./art/home-ink-album-atlas-20261013.webp');background-size:400% 200%;background-repeat:no-repeat;flex-shrink:0}
.ink-vignette[data-ink-cell="0"]{background-position:0 0}.ink-vignette[data-ink-cell="1"]{background-position:33.333333% 0}.ink-vignette[data-ink-cell="2"]{background-position:66.666667% 0}.ink-vignette[data-ink-cell="3"]{background-position:100% 0}.ink-vignette[data-ink-cell="4"]{background-position:0 100%}.ink-vignette[data-ink-cell="5"]{background-position:33.333333% 100%}.ink-vignette[data-ink-cell="6"]{background-position:66.666667% 100%}.ink-vignette[data-ink-cell="7"]{background-position:100% 100%}
.portal-grid .collection-copy{padding:13px 15px;background:linear-gradient(100deg,#fcf7ed,#fcf7edb0)}.portal-grid .portal-card h3{font-size:19px;margin:0 0 5px;line-height:1.5;letter-spacing:.04em}.portal-grid .portal-card h3::after{content:" ›";color:#7c6749}.portal-grid .portal-card p{font-size:12px;margin:0;line-height:1.7}.portal-grid .portal-card .card-action{display:none}
.section-nav.art-pathways{gap:14px;margin:18px 0 34px}.section-nav.art-pathways a{min-height:90px;padding:17px 22px;border-radius:3px;border:1px solid #d3c9b7;background:#fbf6eac9;box-shadow:none}.art-pathways .art-icon{color:#8b6d4a}.art-pathways strong{font-size:20px;color:#304739}
.home-card,.reading-card,.chapter-card,.history-card,.case-card,.case-text-card,.comic-card,.social-card,.activity-card,.record-list a{border-radius:3px;box-shadow:none;border-color:#d4c9b4}.home-card:hover{box-shadow:none;border-color:#9a8c70}.card-meta{color:#866344}.card-action{color:#8b4a34}.button{border-radius:3px;box-shadow:none}.reading-card{background:#efedde;border-color:#cbcbb5}.reading-card b{color:#986344}.archive-directory>h3{font-size:20px;letter-spacing:.03em}.archive-directory .chapter-grid{gap:16px}.chapter-card .ink-vignette{height:154px}.chapter-card .collection-copy{padding:15px}.chapter-card h3{font-size:17px}.chapter-card .card-action{font-size:12px}
.hearing-strip{border:1px solid #d0c8b2;border-left:3px solid #79886a;border-radius:3px;background:#edf0e3}.hearing-strip .section-heading{border:0}.hearing-event{border-radius:0;background:#fcfbf3;border-color:#d1d7c3}.hearing-event time{color:#846449}.hearing-event .event-status{color:#764534}.observation-directory{border-color:#c8c8b4;background:#ecefdfe6;border-radius:3px}.topic-group h3{color:#586846}.topic-group a{border-color:#ccd0bc}
.history-zone{background:#e9eddebd;border:1px solid #c7cfb7;border-radius:3px}.history-zone>.section-heading{border:0}.history-card .collection-copy{background:#fbf8ed}.comic-card img{background:#eee7d8}.memorial-zone{border:1px solid #d1c1aa;background:#f1e7d8;border-radius:3px}.memorial-zone>.section-heading{border:0}.memorial-card h3{color:#665541}.activity-zone{border-radius:3px;background:linear-gradient(90deg,#f9f3e8ec,#f9f3e8c4),url('./art/home-ink-scroll-hero-20261013.webp') 50% 45%/cover}.join-zone{background:#e4ebdb;border:1px solid #c5cfb9;border-radius:3px}.join-zone>.section-heading{border:0}.site-footer{background:#e9e1cf url('./home-paper-grain-20261013.svg');border-color:#c5baa2}
.ink-film-zone{padding:26px;border:1px solid #d1c7b4;background:#f0e9dccc}.ink-film-zone>.section-heading{padding:0;border:0}.ink-film-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:30px}.ink-film-copy h3{font-size:24px;line-height:1.6}.ink-film-copy p{font-size:14px;line-height:1.9}.ink-film-zone .cinema-visual{display:flex;flex-direction:column;margin:0;min-width:0;overflow:hidden;border:1px solid #d0c0a5;border-radius:3px}.ink-film-zone .cinema-frame{position:relative;aspect-ratio:16/9;min-height:220px;overflow:hidden;background:#e9dfcd}.ink-film-zone .cinema-frame::before{display:none}.ink-film-zone .cinema-poster,.ink-film-zone .cinema-loop{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;border-radius:0}.ink-film-zone .cinema-caption{min-height:54px;padding:9px 13px;background:#faf5e9}.ink-film-zone .cinema-caption p{font-size:11px}
@media(min-width:761px) and (max-width:1100px){.ink-scroll-hero.editorial-hero{min-height:500px}.ink-scroll-hero>.cinema-copy{width:54%;padding:52px 22px}.ink-scroll-hero h1{font-size:36px}.ink-scroll-hero .cinema-intro{font-size:14px}.portal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.portal-grid .ink-vignette{height:100px}.portal-grid .collection-copy{padding:11px}.portal-grid .portal-card h3{font-size:17px}.portal-grid .portal-card p{font-size:11px}.chapter-card .ink-vignette{height:122px}.chapter-card h3{font-size:16px}.ink-film-layout{gap:22px}.ink-film-zone .cinema-frame{min-height:180px}}
@media(max-width:760px){main{padding-top:10px}.ink-scroll-hero.editorial-hero{display:flex;flex-direction:column;min-height:0;border:0;border-radius:0}.ink-scroll-hero>.cinema-copy{order:0;width:100%;padding:28px 20px 25px;background:linear-gradient(135deg,#f8f3e8e8,#f8f3e8b0)}.ink-scroll-hero>.ink-hero-stage{position:relative;order:1;height:225px;width:100%;margin:0}.ink-scroll-hero .ink-hero-image{object-position:70% 71%}.ink-scroll-hero .eyebrow{font-size:9px;letter-spacing:.08em}.ink-scroll-hero h1{font-size:clamp(29px,7.5vw,36px);line-height:1.5;margin:19px 0 13px;letter-spacing:.02em}.ink-scroll-hero .cinema-intro{font-size:14px;line-height:1.85;margin:0 0 20px}.ink-scroll-hero .actions{gap:9px}.ink-scroll-hero .button{font-size:13px;padding:10px 15px}.ink-scroll-hero .cinema-text-link{font-size:12px;margin-top:12px}.ink-scroll-hero .ink-hero-caption{bottom:8px;right:8px;max-width:90%;font-size:10px;padding:3px 7px}#home-sections.portal-zone{margin:26px 0}#home-sections h2{font-size:22px;letter-spacing:.025em}#home-sections h2::before,#home-sections h2::after{display:none}#home-sections .section-heading p{font-size:12px}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-grid .ink-vignette{height:90px}.portal-grid .collection-copy{padding:11px 12px}.portal-grid .portal-card h3{font-size:17px}.portal-grid .portal-card p{font-size:11px}.section-nav.art-pathways{gap:9px;margin:14px 0 28px}.section-nav.art-pathways a{min-height:72px;padding:12px 15px}.art-pathways strong{font-size:18px}.section-heading h2{font-size:24px}.section-heading p{font-size:13px}.archive-directory .chapter-grid{gap:12px}.archive-directory>h3{font-size:18px}.chapter-card .ink-vignette{height:100px}.chapter-card .collection-copy{padding:12px}.chapter-card h3{font-size:15px}.ink-film-zone{padding:18px}.ink-film-layout{grid-template-columns:1fr;gap:18px}.ink-film-copy h3{font-size:21px}.ink-film-copy p{font-size:13px}.ink-film-zone .cinema-frame{min-height:0;aspect-ratio:16/9}.ink-film-zone .cinema-caption{padding:8px 11px}.hearing-strip{padding:17px 15px}.home-footer-mobile-bar{background:#fcf7ebfa}.home-footer-mobile-bar a{color:#2d4438}.portal-grid .portal-card:hover{transform:none}}
@media(max-width:360px){.ink-scroll-hero>.cinema-copy{padding:25px 17px 22px}.ink-scroll-hero h1{font-size:28px}.ink-scroll-hero>.ink-hero-stage{height:200px}.portal-grid{gap:10px}.portal-grid .ink-vignette{height:78px}.portal-grid .collection-copy{padding:10px}.portal-grid .portal-card h3{font-size:16px}.portal-grid .portal-card p{font-size:10px}.ink-film-zone{padding:16px}}
@media(prefers-reduced-motion:reduce){.portal-grid .portal-card{transition:none}.portal-grid .portal-card:hover{transform:none}}

/* Crop each atlas cell at its original proportions instead of stretching the painting. */
.portal-card .ink-vignette>img.ink-standalone{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;transform:none}
.ink-vignette{position:relative;overflow:hidden;background-image:none}
.portal-card .ink-vignette>img,.chapter-card .ink-vignette>img{position:absolute;left:var(--ink-x,0%);top:50%;width:400%;max-width:none;height:auto;margin:0;padding:0;border-radius:0;transform:translateY(var(--ink-y,-25%));object-fit:initial}
.ink-vignette[data-ink-cell="0"]{--ink-x:0%;--ink-y:-25%}.ink-vignette[data-ink-cell="1"]{--ink-x:-100%;--ink-y:-25%}.ink-vignette[data-ink-cell="2"]{--ink-x:-200%;--ink-y:-25%}.ink-vignette[data-ink-cell="3"]{--ink-x:-300%;--ink-y:-25%}.ink-vignette[data-ink-cell="4"]{--ink-x:0%;--ink-y:-75%}.ink-vignette[data-ink-cell="5"]{--ink-x:-100%;--ink-y:-75%}.ink-vignette[data-ink-cell="6"]{--ink-x:-200%;--ink-y:-75%}.ink-vignette[data-ink-cell="7"]{--ink-x:-300%;--ink-y:-75%}



/* Prominent atlas scenes + higher reading contrast (2026-10-13). */
main :where(p,li){color:#30453d}
.section-heading p,.card-meta,.card-summary,.collection-copy p{color:#3d5048}
.join-zone{background:#e1eadc;border-color:#aebea8}
.join-zone p{color:#29443a;font-size:16px;font-weight:560;line-height:1.9}
.join-zone .section-heading h2{color:#183b32}
.join-zone .button.secondary{color:#244238;background:#fffaf0e6;border-color:#718776}
.section-heading:has(>.ink-section-vignette){
  display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate;overflow:hidden;
  min-height:218px;padding:30px 48% 30px 34px;margin-bottom:22px;
  border:1px solid #c1b394;border-radius:4px;
  background:linear-gradient(90deg,#fffaf0 0%,#f7f0e4 49%,#eee5d5 100%);
  box-shadow:0 7px 22px #30423812
}
.section-heading:has(>.ink-section-vignette)>div{position:relative;z-index:2;max-width:36rem}
.section-heading:has(>.ink-section-vignette) h2{color:#1f4137;font-size:clamp(26px,2.8vw,35px);text-shadow:0 1px #fffdf5}
.section-heading:has(>.ink-section-vignette) p{color:#34483f;font-size:15px;font-weight:560;line-height:1.85}
.section-heading>.ink-section-vignette{
  position:absolute;inset:0 0 0 auto;width:54%;height:100%;border:0;border-radius:0;
  opacity:1;filter:saturate(1.08) contrast(1.04)
}
.section-heading>.ink-section-vignette::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#f7f0e4 0%,#f7f0e494 16%,transparent 54%)
}
.section-heading>.ink-section-vignette>img{width:400%;height:auto;max-width:none}
@media(max-width:760px){
  .section-heading:has(>.ink-section-vignette){
    display:block;min-height:0;padding:145px 18px 22px;margin-bottom:16px;
    background:#fffaf0;border-radius:3px
  }
  .section-heading:has(>.ink-section-vignette)>div{max-width:none}
  .section-heading:has(>.ink-section-vignette) h2{font-size:25px}
  .section-heading:has(>.ink-section-vignette) p{font-size:14px;line-height:1.8}
  .section-heading>.ink-section-vignette{inset:0;width:100%;height:128px}
  .section-heading>.ink-section-vignette::after{background:linear-gradient(0deg,#fffaf0 0%,#fffaf000 55%)}
  .join-zone p{font-size:16px;color:#254137}
}