/* Round 5. Exact-source painting, broad cloud margins, antique paper lighting. */
[data-theme="light"] { --folio-paper:#f2e7d4; --folio-ink:#293b31; --folio-muted:#776b55; --folio-gold:#a47a3e; }
[data-theme="light"] body:has(#view-home:not(.hidden)) .app-shell {
 background-color:var(--folio-paper);
 background-image:radial-gradient(ellipse at 73% 8%,#fff7df40,transparent 47%),radial-gradient(ellipse at 6% 72%,#aa7b2920,transparent 60%),url('assets/master-derived/paper-calibrated-derived.svg');
 background-size:100% 100%,100% 100%,72px 144px;
}
/* Blend the painting independently of the interactive panel. The containing
   card must not isolate its SVG from the paper behind the whole column. */
[data-theme="light"] .island-master-art { mix-blend-mode:multiply; isolation:auto; }
[data-theme="light"] .island-artwork-card { mix-blend-mode:normal; }
[data-theme="light"] .island-raster-paint { filter:url(#master-paper-normalize); }
.island-master-art { overflow:visible; pointer-events:none; }
.island-chapter-col { grid-template-rows:clamp(186px,13.6vw,262px) auto; }
.island-artwork-card { width:88%; }
.island-artwork-card,.island-artwork-card:has(.fission-celestial-canvas.active) { z-index:auto; }
.fission-celestial-canvas { left:-13.6364%; right:0; }
.celestial-orbital-bg { overflow:hidden; }
#col-collect .island-artwork-card { width:94%; }
.chapter-meta-top { z-index:4; }
.chapter-desc { max-width:none; }
.about-landscape-bg { width:33%; object-fit:cover; object-position:right bottom; mask-image:linear-gradient(90deg,transparent,#000 42%); -webkit-mask-image:linear-gradient(90deg,transparent,#000 42%); }
[data-theme="light"] .about-landscape-bg { opacity:.38; }
[data-theme="dark"] .about-landscape-bg { opacity:.28; }
.about-quote-col { position:relative; z-index:2; text-align:left; align-self:start; padding-top:12px; font-size:clamp(12px,1vw,18px); color:var(--folio-muted); }
.living-mist-far { opacity:.10; }
.living-mist-near { opacity:.12; }
[data-theme="dark"] .island-artwork-card { mix-blend-mode:normal; }
.observatory-instrument { opacity:.88; filter:url(#observe-orb-soften); }
.observe-orb-surface { transform-box:fill-box; transform-origin:center; animation:observe-orb-turn 96s linear infinite; }
.folio-motion-paused .observe-orb-surface { animation-play-state:paused; }
@keyframes observe-orb-turn { to { transform:rotate(360deg); } }
@media(max-width:768px) {
 section.hero-section { height:500px; }
 .hero-visual-stage.master-visual-stage { top:90px; }
 .hero-sub-en { max-width:155px; font-size:7.5px; }
 .hero-quote-block { width:100%; max-width:320px; margin-top:185px; }
 .hero-vertical-quote { bottom:28px; }
 .hero-vertical-quote .quote-en { display:none; }
 .island-chapter-col { grid-template-rows:178px auto; }
 .island-artwork-card { width:87%; }
 .fission-celestial-canvas { left:-14.9425%; right:0; padding:12px; }
 #col-collect .island-artwork-card { width:94%; }
 .chapter-meta-top { width:49%; }
 .chapter-desc { max-width:152px; font-size:clamp(9.5px,2.9vw,11px); }
 .living-mist-near { opacity:.12; }
 .observe-orb-surface { animation-duration:140s; }
}
@media(max-width:350px) { .island-chapter-col { grid-template-rows:166px auto; } .hero-quote-block { margin-top:187px; } }
@media(prefers-reduced-motion:reduce) { .observe-orb-surface { animation:none!important; } }