/* HEYBA: the story, original drawing and an open-book view. */
#jeunesse .youth-hero-heyba{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:55px}
#jeunesse .heyba-art{max-width:330px}
.heyba-front-stage{display:block;box-sizing:border-box;width:100%;padding:16px 23px 28px 10px;border:0;background:transparent;cursor:zoom-in}
.heyba-front-stage .shelf-book img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.heyba-art figcaption{font-size:12px;line-height:1.5;color:var(--muted);text-align:center;margin-top:8px}
.heyba-credit{font-size:14px!important;line-height:1.65!important;color:var(--muted);margin-top:8px}
.heyba-theme-list{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 4px;padding:0;list-style:none}
.heyba-theme-list li{padding:7px 12px;border:1px solid #d5dccd;border-radius:20px;background:#f1f4e9;font-size:12px;line-height:1.3;color:var(--ink)}
.heyba-story{border-top:1px solid var(--line);padding:38px 0 42px;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}
.heyba-story h2,.heyba-inside h2{font:clamp(28px,3.7vw,43px)/1.12 var(--serif);letter-spacing:-.02em;margin:14px 0 20px}
.heyba-story p,.heyba-inside p{font-size:16px;line-height:1.8}
.heyba-story p:first-child{margin-top:0}
.heyba-inside{padding:35px 0 48px;border-top:1px solid var(--line)}
.heyba-inside-intro{max-width:740px;margin-bottom:25px}
.heyba-open-figure{margin:0}
.heyba-open-view{position:relative;display:block;width:100%;padding:0;border:0;border-radius:5px;overflow:hidden;cursor:zoom-in;background:#f1eadf;box-shadow:0 12px 28px #243d2e15}
.heyba-open-view img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.heyba-open-view span{position:absolute;right:18px;bottom:18px;display:block;padding:10px 15px;border:1px solid #d4d8c8;border-radius:24px;background:#fcfaf2f2;color:var(--ink);font-size:13px;line-height:1.35}
.heyba-open-figure figcaption{margin:14px 0 25px;color:var(--muted);font-size:13px;line-height:1.65;max-width:800px}
.heyba-reading{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.heyba-reading article{padding:26px;background:#f1f3e8;border-top:2px solid var(--gold)}
.heyba-reading h3{font:27px/1.2 var(--serif);margin:0 0 14px}
.heyba-reading p{font-size:15px;margin:0 0 14px}
.heyba-reading blockquote{margin:16px 0 0;padding-left:18px;border-left:2px solid var(--gold);font:italic 23px/1.4 var(--serif);color:var(--ink)}
.heyba-front-stage:focus-visible,.heyba-open-view:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
@media(max-width:800px){#jeunesse .youth-hero-heyba{gap:30px}.heyba-story{gap:28px}.heyba-story p,.heyba-inside p{font-size:15px}}
@media(max-width:600px){#jeunesse .youth-hero-heyba{grid-template-columns:1fr;gap:25px}#jeunesse .heyba-art{max-width:275px}.heyba-story{grid-template-columns:1fr;gap:6px;padding:28px 0}.heyba-inside{padding-top:28px}.heyba-reading{grid-template-columns:1fr;gap:20px}.heyba-reading article{padding:22px}.heyba-open-view span{right:10px;bottom:10px;font-size:11px;padding:8px 11px}.heyba-story h2,.heyba-inside h2{font-size:30px}.heyba-theme-list{gap:7px}.heyba-theme-list li{font-size:11px}.heyba-open-figure figcaption{font-size:12px}}