@font-face{font-family:"JIYI Navigation";src:url("/assets/fonts/jiyi-navigation-overview-extra-20261010.woff") format("woff");font-style:normal;font-weight:500;font-display:swap;unicode-range:U+4E16,U+4F4F,U+754C}
/* Series introductions use existing images in full; the galleries live inside. */
.miniature-overview .miniature-intro{padding:48px 0 52px;max-width:800px}
.miniature-overview .miniature-intro h1{font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.7;margin-top:20px}
.miniature-overview .miniature-lead{font-size:1rem;line-height:2;margin-top:20px}
.miniature-direction-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:0 52px;padding:44px 0 62px;border-top:1px solid var(--line);scroll-margin-top:120px}
.miniature-direction-copy{position:relative;z-index:1;max-width:470px;padding:18px 0}
.miniature-direction-copy h2{font-size:1.125rem;line-height:1.8;margin-top:13px;color:var(--gold)}
.miniature-direction-copy h3{font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1.7;margin:22px 0}
.miniature-direction-copy>p:not(.eyebrow):not(.miniature-direction-size){font-size:.9375rem;line-height:2;color:var(--muted);max-width:28em}
.miniature-direction-size{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:.8125rem;line-height:1.8;margin-top:24px}
.miniature-direction-size>span:last-child{color:var(--gold)}
.miniature-direction-copy .text-link{margin-top:18px}
.miniature-direction-visual{position:relative;min-width:0;margin:0}
.miniature-direction-visual>img{width:100%;height:auto;max-height:660px;object-fit:contain}
.miniature-direction-room::after{content:"";position:absolute;inset:0 auto 30px 0;width:13%;background:linear-gradient(90deg,var(--paper-light),transparent);pointer-events:none}
.miniature-direction-panel--reverse .miniature-direction-room::after{inset:0 0 30px auto;background:linear-gradient(270deg,var(--paper-light),transparent)}
.miniature-direction-visual figcaption{text-align:right;font-size:.75rem;line-height:1.7;color:var(--muted);margin-top:12px}
.miniature-direction-panel--reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0 68px;padding-top:60px}
.miniature-direction-panel--reverse .miniature-direction-copy{grid-column:2;grid-row:1}
.miniature-direction-panel--reverse .miniature-direction-visual{grid-column:1;grid-row:1}
.miniature-direction-board{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:500px;padding:48px 44px;background:linear-gradient(145deg,#f4efe5,#eee5d7)}
.miniature-direction-board::before{content:"";position:absolute;z-index:-1;top:0;right:0;width:30%;height:65%;background:#a5907240}
.miniature-direction-color{position:absolute;z-index:-1;left:0;bottom:0;width:36%;height:35%;background:#3f505423}
.miniature-direction-board img{position:relative;width:min(100%,380px);height:auto;max-height:440px;object-fit:contain;box-shadow:0 12px 28px #322a2014}
@media(max-width:900px){.miniature-direction-panel,.miniature-direction-panel--reverse{gap:0 30px}.miniature-direction-board{min-height:400px;padding:38px 28px}.miniature-direction-copy h3{font-size:1.9rem}.miniature-direction-room::after{display:none}}
@media(max-width:650px){.miniature-overview .miniature-intro{padding:36px 0 38px}.miniature-overview .miniature-intro h1{font-size:1.9rem}.miniature-overview .miniature-lead{font-size:.9375rem}.miniature-overview .miniature-lead br{display:none}.miniature-direction-panel,.miniature-direction-panel--reverse{grid-template-columns:1fr;gap:28px;padding:34px 0 42px}.miniature-direction-copy{padding:0;max-width:none}.miniature-direction-copy h3{font-size:1.8rem;margin:18px 0}.miniature-direction-copy>p:not(.eyebrow):not(.miniature-direction-size){max-width:none}.miniature-direction-panel--reverse .miniature-direction-copy,.miniature-direction-panel--reverse .miniature-direction-visual{grid-column:auto;grid-row:auto}.miniature-direction-visual{width:min(100%,420px);justify-self:center}.miniature-direction-visual>img{max-height:540px}.miniature-direction-board{min-height:360px;padding:34px 26px}.miniature-direction-size{margin-top:20px}.miniature-direction-visual figcaption{text-align:center}}
