:root{--ink:#12456b;--teal:#008f87;--purple:#6c44d6}body{background:#f7fcff;color:#23465d;font-family:'Segoe UI',Verdana,sans-serif}h1,h2,h3{font-family:'Segoe UI',Verdana,sans-serif;font-weight:750;letter-spacing:-.035em}h2{color:#125481}.preview-note{background:#ecf9f7;color:#27625d}.header{max-width:1600px;background:#fff;padding:22px 4%;gap:24px}.brand-name{font-family:'Segoe UI',sans-serif;font-size:31px;white-space:nowrap}.brand-name b{color:#11629b}.brand-name i{color:#969eae;font-style:normal}.brand-name strong{color:#00a99d}.brand-caption{color:#50677a;letter-spacing:.06em}.header nav{gap:9px;justify-content:flex-end;font-size:14px}.header nav a{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid #a4e8de;border-radius:99px;background:#effcf8;color:#007e75;font-weight:650}.header nav a:before{content:'☆';font-size:20px;line-height:1}.header nav a:nth-child(2){color:#15517c;background:#eef6fd;border-color:#abd3f2}.header nav a:nth-child(2):before{content:'▤'}.header nav a:nth-child(3){color:#6540cf;background:#f2efff;border-color:#ccc1fc}.header nav a:nth-child(3):before{content:'♫'}.header nav a:nth-child(4){color:#98700c;background:#fff9e9;border-color:#f2d98d}.header nav a:nth-child(4):before{content:'✎'}.header nav a:nth-child(5){color:#008b62;background:#effcf3;border-color:#a6e9bd}.header nav a:hover{text-decoration:none;filter:brightness(.96)}.button{background:#e8f7f5;color:#006f68;border:1px solid #8fd8cf;border-radius:99px;box-shadow:0 3px 0 #bcded8;font-size:15px;padding:12px 23px}.button:hover{background:#d6f2ec;filter:none}.eyebrow{color:#7252a4}.character-hero{max-width:1400px;margin:16px auto 0!important;min-height:0;border:1px solid #d1e6f3;background:white;border-radius:24px;box-shadow:0 12px 40px #1654820c}.character-hero .hero-image{position:static;display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:2}.character-hero .hero-copy{max-width:none;color:#23465d;text-align:center;padding:30px 6% 38px;background:linear-gradient(120deg,#eefbf7,#f1f4ff)}.character-hero .hero-copy h1{font-size:clamp(2rem,4vw,3.3rem);margin:12px 0 16px;color:#125481}.character-hero .hero-copy p{max-width:720px;margin:0 auto 20px}.character-hero .hero-copy .eyebrow{color:#7252a4}.character-welcome{display:flex;align-items:center;justify-content:center;gap:60px;margin:55px auto}.character-welcome>img{width:220px;height:auto;border-radius:90px 90px 24px 24px;border:6px solid white;box-shadow:0 10px 30px #23577a17}.character-welcome h2{font-size:clamp(1.8rem,3vw,2.7rem)}.value-pills{display:flex;gap:10px;flex-wrap:wrap}.value-pills span{border-radius:99px;padding:8px 16px;background:#fff2d7;color:#7c5200}.value-pills span:nth-child(2){background:#f0eaff;color:#6843a2}.value-pills span:nth-child(3){background:#e0f8f0;color:#14654b}.chapter-links{border:0;gap:12px;padding:0 4%}.chapter-links a{border:1px solid #c8deee;border-radius:18px;background:white;font-weight:650;color:#15517c}.rori{background:#fff8e8;padding:32px;border:1px solid #f0dfb8;border-radius:28px}.book-art{border:1px solid #d7dfee;background:#eff2ff}.music{background:#e9f8f5;border:1px solid #bce7df}.gallery-note{border:2px dashed #d4c6ef;border-radius:24px;background:#f7f2ff}.platform-card{background:#e9f9f4;border:1px solid #bce6db}.platform-card:nth-child(2){background:#f1efff;border-color:#d7d0f5}footer{background:#e9f5fc;border-top:1px solid #c9e1f1}.section{scroll-margin-top:24px}@media(max-width:900px){.header{flex-direction:column;align-items:center}.header nav{max-width:none;justify-content:center}.character-hero{margin:0 3%!important}.chapter-links{gap:8px}.character-welcome{gap:25px}}@media(max-width:600px){.header{padding:16px 4%}.header nav a{font-size:12px;padding:8px 12px;min-height:42px}.character-welcome{flex-direction:column;text-align:center;gap:22px}.character-welcome>img{width:180px}.value-pills{justify-content:center}.rori{padding:22px}.character-hero .hero-copy{padding:25px 6%}.character-hero .hero-image{aspect-ratio:2;height:auto}.chapter-links a{padding:15px 10px;font-size:12px}.brand-caption{text-align:center}}
.flipbook{background:#eaf0f5;border:1px solid #cfdae6;border-radius:24px;padding:28px}.flipbook:focus-visible{outline:3px solid #6c44d6;outline-offset:4px}.book-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 20px}.book-tools p{margin:0 0 0 auto;font-weight:650}.book-viewport{overflow:auto;padding:22px 12px 35px;background:radial-gradient(ellipse,#fdfaf3,#dce6ee);border-radius:16px}.book-spread{display:flex;justify-content:center;max-width:1050px;margin:auto;filter:drop-shadow(0 18px 12px #122f4933)}.book-leaf{display:block;position:relative;flex:0 1 50%;min-width:0;background:#fffdf6;box-shadow:3px 0 0 #e4dfd3,6px 0 0 #f9f6ed}.book-leaf img{display:block;width:100%;height:auto}.book-spread.is-pair .book-leaf:first-child:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 90%,#29241630)}.book-spread.is-pair .book-leaf:last-child:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,#29241624,transparent 10%)}.is-zoomed .book-spread{width:1800px;max-width:none;justify-content:flex-start}.is-zoomed .book-leaf{flex-basis:900px;flex-shrink:0}.flipbook:fullscreen{overflow:auto;background:#eaf0f5;padding:25px;max-width:none}.flipbook button[hidden]{display:none}@media(max-width:700px){.flipbook{padding:16px 10px;margin-left:-3%;margin-right:-3%}.book-leaf{flex-basis:100%}.book-tools p{width:100%;margin:0}.book-viewport{padding:10px 4px 20px}.rori-controls{gap:10px}.rori-controls label{order:-1;width:100%}.rori-controls .button{padding:10px 18px}.is-zoomed .book-spread{width:1000px}.is-zoomed .book-leaf{flex-basis:1000px}}
.drawings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;text-align:left;margin-top:35px}.drawing-card{margin:0;background:#fff;border:1px solid #dfd8c7;padding:15px;border-radius:8px;box-shadow:0 8px 20px #173b5410}.drawing-card:nth-child(3n+2){background:#fffbee}.drawing-card:nth-child(3n){background:#f6f2ff}.drawing-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.drawing-frame{display:block;position:relative;overflow:hidden;width:100%;background:#f6efd9}.drawing-frame img{position:absolute;width:var(--photo-width);height:var(--photo-height);max-width:none;left:var(--photo-left);top:var(--photo-top)}.drawing-card figcaption{padding:18px 5px 8px}.drawing-card h3{font-size:1.1rem;line-height:1.4;margin:8px 0 12px}.drawing-card figcaption a{font-size:13px}.drawing-dialog{width:min(760px,94vw);max-height:92vh;overflow:auto;border:1px solid #bdd9e6;border-radius:18px;padding:24px;background:#fffdf7;color:#23465d}.drawing-dialog::backdrop{background:#09263bd9}.drawing-dialog h2{font-size:1.4rem;margin:24px 0}.drawing-dialog [data-close-drawing]{position:sticky;top:0;z-index:1}.drawing-dialog [data-drawing-detail]{max-width:600px;margin:auto}@media(max-width:900px){.drawings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:550px){.drawings-grid{grid-template-columns:1fr}.drawing-dialog{padding:16px}}
.paintings-gallery{text-align:center;max-width:1320px}.paintings-gallery>.large{margin:0 auto 24px}.paintings-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 38px;align-items:start;background:linear-gradient(135deg,#f5f0e8,#fffdf8 45%,#f2eee6);border:1px solid #e9dfd0;border-radius:22px;padding:48px 32px;margin:32px auto}.painting{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center}.painting-frame{width:100%;padding:12px;border:solid 10px #99704a;border-top-color:#bd9469;border-left-color:#b48a5c;border-right-color:#785436;border-bottom-color:#69492f;border-radius:2px;background:#d3b18b;box-shadow:inset 0 0 0 2px #674a32,0 13px 18px #47341c26,3px 3px 0 #694d35;transition:transform .18s}.painting-frame:hover{transform:translateY(-3px)}.painting:nth-child(3n+2) .painting-frame{border-color:#e6ddcc;border-right-color:#b7ac99;border-bottom-color:#a79b88;background:#f5eddd}.painting:nth-child(3n) .painting-frame{border-color:#556a69;border-left-color:#718782;border-right-color:#354a49;border-bottom-color:#30413f;background:#a6b4ac}.painting .painting-mat{position:static;overflow:visible;background:#fffcf5;padding:18px;box-shadow:inset 0 0 7px #4c3c221a}.painting .painting-mat img{position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;max-height:390px;left:auto;top:auto}.painting figcaption{margin-top:22px;padding:12px 20px;background:#fffdf8;border:1px solid #e2d8c7;box-shadow:0 2px 4px #47341c0a;max-width:95%}.painting h3{font:650 18px/1.4 'Segoe UI',sans-serif;color:#3e4b50;letter-spacing:0;margin:0 0 5px}.painting figcaption span{font-size:12px;color:#756c5f}.gallery-all{margin:28px 0}.drawing-dialog .painting-mat{position:static;overflow:visible;background:#fffdf5;padding:18px;border:10px solid #9b7651}.drawing-dialog .painting-mat img{position:static;width:100%;height:auto;max-width:100%;display:block;left:auto;top:auto}.painting-dialog [data-drawing-detail]{max-width:none}.painting-dialog{width:min(1000px,94vw)}@media(max-width:1000px){.paintings-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 25px;padding:32px 22px}}@media(max-width:600px){.paintings-wall{grid-template-columns:1fr;padding:30px 18px;gap:40px}.painting-frame{max-width:400px;padding:9px;border-width:8px}.painting .painting-mat{padding:14px}.painting .painting-mat img{max-height:none}.painting h3{font-size:17px}}@media(prefers-reduced-motion:reduce){.painting-frame{transition:none}.painting-frame:hover{transform:none}}
/* Uniform frames: every artwork fits without distortion or further cropping. */
.paintings-wall{align-items:stretch}.painting{display:grid;grid-template-rows:auto 1fr;justify-items:center;align-items:start;width:100%}.painting .painting-frame{aspect-ratio:4/5;height:auto;max-width:none;display:flex;align-items:stretch;min-width:0}.painting .painting-mat{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:0;overflow:hidden}.painting .painting-mat img{width:100%;height:100%;max-height:100%;object-fit:contain}.painting figcaption{width:100%;max-width:100%;min-height:105px;display:flex;flex-direction:column;justify-content:center;margin-top:22px}.painting h3{min-height:2.8em;display:flex;align-items:center;justify-content:center}@media(max-width:600px){.painting .painting-frame{max-width:400px}.painting .painting-mat img{max-height:100%}.painting figcaption{max-width:400px}}
.painting .painting-frame{position:relative;display:block;aspect-ratio:4/5}.painting .painting-mat{position:absolute;inset:12px;width:auto;height:auto;display:flex}.painting .painting-mat img{width:100%;height:100%;object-fit:contain}.compact-book-intro{grid-template-columns:130px 1fr;gap:28px}.compact-book-intro>img{max-height:180px}.compact-book-intro h1{font-size:clamp(1.5rem,3vw,2.3rem);margin:8px 0 16px}.compact-book-intro+.reading{margin-top:25px}.compact-book-intro .eyebrow{margin-bottom:5px}@media(max-width:600px){.compact-book-intro{grid-template-columns:80px 1fr;gap:16px}.compact-book-intro>img{max-height:120px}.compact-book-intro p:not(.eyebrow){font-size:13px}}
.portfolio-intro{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:36px;max-width:1380px;margin:25px auto;padding:0 4%}.portfolio-intro h1{font-size:clamp(2rem,3.5vw,3.2rem);margin:12px 0 18px}.portfolio-intro>img{width:100%;height:auto;border-radius:20px}.portfolio-intro p{margin-bottom:14px}.portfolio-role{font-size:13px;color:#526a79}.portal-directory{max-width:1380px;margin:32px auto 50px;width:92%}.portal-boxes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.portal-box{display:flex;flex-direction:column;text-decoration:none;border:1px solid #d5e5ee;border-radius:18px;overflow:hidden;background:white;transition:box-shadow .15s,transform .15s}.portal-box:hover{box-shadow:0 9px 24px #1749671c;transform:translateY(-3px)}.portal-box-image{display:block;height:165px;background:#eaf5f7;overflow:hidden}.portal-box-image img{width:100%;height:100%;object-fit:cover;display:block}.cover-box .portal-box-image{padding:12px;background:#f5f0e7}.cover-box .portal-box-image img{object-fit:contain}.portal-box:nth-child(3n+2) .portal-box-image{background:#eeedfa}.portal-box:nth-child(3n) .portal-box-image{background:#e8f5ed}.portal-box-copy{display:block;padding:18px}.portal-box h2{font-size:1.15rem;line-height:1.3;margin:0 0 10px}.portal-box p{font-size:13px;line-height:1.6;margin:0 0 12px}.portal-box-arrow{font-size:12px;font-weight:700;color:#007e75}.page-heading{margin-bottom:20px}.page-heading+.section{margin-top:30px}.atelier-intro{max-width:1100px}.atelier-intro h1{margin:12px 0 24px}.atelier-hero{width:100%;height:auto;display:block;border-radius:22px}.atelier-story{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.atelier-story>img{width:100%;height:auto;border-radius:20px}.atelier-story h2{font-size:clamp(1.8rem,3vw,2.6rem)}@media(max-width:1000px){.portal-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-intro{gap:24px}.portfolio-intro h1{font-size:2rem}}@media(max-width:650px){.portfolio-intro{grid-template-columns:1fr;margin-top:18px}.portfolio-intro>img{order:-1}.portfolio-intro h1 br{display:none}.portfolio-intro h1{font-size:2rem}.portal-boxes{gap:12px}.portal-box-image{height:135px}.portal-box-copy{padding:13px}.portal-box h2{font-size:1rem}.portal-box p{font-size:12px}.atelier-story{grid-template-columns:1fr;gap:24px}}@media(max-width:380px){.portal-boxes{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.portal-box{transition:none}.portal-box:hover{transform:none}}
/* Keep spreads inside the viewport; enlarged reading uses one full-width page per row. */
.flipbook{min-width:0;max-width:100%}.book-viewport{max-width:100%;overflow-x:hidden}.book-spread{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:1050px;justify-content:normal}.book-spread.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.book-leaf{min-width:0;max-width:100%;display:flex;justify-content:center;align-items:center;background:#fffdf6}.book-leaf img{display:block;width:100%;height:min(68vh,740px);object-fit:contain;max-width:100%}.book-spread:not(.is-pair){max-width:525px}.is-zoomed .book-spread,.is-zoomed .book-spread.is-pair{width:100%;max-width:950px;grid-template-columns:minmax(0,1fr);gap:24px}.is-zoomed .book-leaf{width:100%;min-width:0;max-width:100%;flex-basis:auto;flex-shrink:1}.is-zoomed .book-leaf img{width:100%;height:auto;max-height:none;object-fit:contain}.is-zoomed .book-leaf:after{display:none}.flipbook:fullscreen .book-leaf img{height:70vh}.flipbook:fullscreen.is-zoomed .book-leaf img{height:auto}@media(max-width:700px){.book-spread,.book-spread.is-pair,.book-spread:not(.is-pair){grid-template-columns:minmax(0,1fr);width:100%;max-width:100%}.book-leaf img{height:auto;max-height:72vh}.is-zoomed .book-spread,.is-zoomed .book-leaf{width:100%;max-width:100%;flex-basis:auto}.is-zoomed .book-leaf img{max-height:none}}
.book-leaf{cursor:zoom-in}.page-zoom-dialog{width:min(1100px,94vw);max-width:94vw;max-height:94vh;overflow:auto;border:1px solid #bfd3e2;border-radius:16px;background:#f7fafc;padding:20px;color:#23465d}.page-zoom-dialog::backdrop{background:#071e32db}.page-zoom-dialog>button{position:sticky;top:0;z-index:2;box-shadow:0 2px 10px #1234}.page-zoom-dialog h2{font-size:1.2rem;line-height:1.4;margin:20px 0}.page-zoom-dialog>img{display:block;width:100%;height:auto;max-width:100%;background:white}@media(max-width:600px){.page-zoom-dialog{padding:12px;width:96vw;max-width:96vw}}
/* Library covers retain their original proportions without a decorative box. */
.book-grid .book .book-art{background:transparent;border:0;border-radius:0;padding:0;min-height:0;width:100%;height:330px}
.book-grid .book .book-art img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.book-reading-hint{margin:0 0 16px;color:#125481;font-size:14px;line-height:1.6}
.header nav a:nth-child(2):before{content:"☆"}.header nav a:nth-child(3):before{content:"✎"}.header nav a:nth-child(4):before{content:"✎"}.header nav a:nth-child(5):before{content:"▤"}.header nav a:nth-child(6):before{content:"♫"}
/* About: approved characters and Ami's own portfolio. */
.about-page{max-width:1240px;width:90%;margin:35px auto 70px}.about-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;border-radius:32px;background:linear-gradient(125deg,#eaf9f5,#fff8e8 65%,#f2edff);padding:48px 6%;overflow:hidden}.about-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);color:#125481;margin:15px 0 24px}.about-hero h1 span{color:#e3ac16;font-size:.6em}.about-lead{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.5}.about-characters{position:relative;padding-bottom:26px}.about-characters img{display:block;width:100%;max-width:360px;height:auto;margin:auto;border-radius:140px 140px 30px 30px;border:7px solid white;box-shadow:0 15px 30px #14476620}.about-sticker{display:block;position:absolute;bottom:0;right:-8px;padding:15px 24px;background:#fff4ce;border:2px solid white;box-shadow:0 7px 18px #8e71361a;border-radius:18px;transform:rotate(-4deg);font-weight:700;color:#765722}.about-values{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px auto 65px}.about-values span{padding:8px 18px;background:#e9f6f4;border-radius:99px;color:#17675f;font-weight:600;font-size:14px}.about-values span:nth-child(2n){background:#f2ecfb;color:#7044a0}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:60px 0 75px}.about-story h2,.about-community h2,.about-discover h2{font-size:clamp(1.8rem,3vw,2.6rem)}.about-photo{padding:12px 12px 0;background:white;box-shadow:0 10px 30px #23465d14;border:1px solid #e5e8ec;border-radius:20px}.about-photo img{width:100%;height:auto;display:block;border-radius:12px}.about-photo p{text-align:center;font-size:13px;margin:14px 8px;color:#677581}.about-discover{text-align:center}.about-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px;text-align:left}.about-cards>a{min-width:0;border:1px solid #dce5ed;border-radius:22px;overflow:hidden;background:white;text-decoration:none;transition:transform .2s,box-shadow .2s}.about-cards>a:hover{transform:translateY(-4px);box-shadow:0 12px 25px #16446817}.about-card-image{height:230px;background:#f1f4f6;padding:18px}.about-card-image img{width:100%;height:100%;object-fit:contain;display:block}.about-cards>a>div:last-child{padding:24px}.about-cards h3{font-size:1.35rem;line-height:1.3;margin:10px 0 14px}.about-cards p{font-size:14px}.about-community{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;padding:40px;background:#edf6fc;border-radius:26px;margin-top:65px;align-items:center}.about-community-links{display:grid;gap:12px}.about-community-links a{display:grid;padding:18px 22px;border:1px solid #cbdfe9;border-radius:15px;background:white;text-decoration:none}.about-community-links a:hover{border-color:#008f87}.about-community-links span{font-size:13px;margin-top:4px}.header nav a[aria-current=page]{box-shadow:0 0 0 2px #008f8733}@media(max-width:750px){.about-hero{grid-template-columns:1fr;gap:30px;padding:30px 7%}.about-characters{max-width:290px;margin:auto}.about-story{grid-template-columns:1fr;gap:30px}.about-cards{grid-template-columns:1fr}.about-card-image{height:250px}.about-community{grid-template-columns:1fr;padding:26px;gap:20px}.about-values{margin-bottom:35px}.about-story{margin:40px 0}.about-page{margin-top:20px}}@media(prefers-reduced-motion:reduce){.about-cards>a{transition:none}.about-cards>a:hover{transform:none}}
/* Enlarged book pages fit the available screen height, including the close toolbar. */
.page-zoom-dialog{width:98vw;max-width:98vw;height:98vh;height:98dvh;max-height:98vh;max-height:98dvh;padding:10px;overflow:hidden;margin:auto}
.page-zoom-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}
.page-zoom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.page-zoom-toolbar h2{font-size:clamp(.8rem,2vw,1.1rem);line-height:1.3;margin:0;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.page-zoom-toolbar button{flex:none;padding:8px 16px;font-size:14px}
.page-zoom-dialog>img{width:100%;height:100%;min-height:0;min-width:0;max-width:100%;max-height:100%;object-fit:contain;background:transparent}
.flipbook.is-zoomed .book-leaf img,.flipbook:fullscreen.is-zoomed .book-leaf img{width:100%;height:86vh;height:86dvh;max-height:86vh;max-height:86dvh;object-fit:contain}
/* Native PDF pages: fit the open-book layout without stored page images. */
.pdf-reader .pdf-leaf{padding:0;border:0;cursor:zoom-in;width:100%;height:68vh;height:68dvh;max-height:740px;overflow:hidden}
.pdf-reader .pdf-leaf canvas,.pdf-reader .pdf-leaf img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.pdf-reader .pdf-leaf img{width:100%;height:100%}
.pdf-zoom-dialog[open]{grid-template-rows:auto minmax(0,1fr)}
.pdf-zoom-surface{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;overflow:hidden}
.pdf-zoom-surface canvas,.pdf-zoom-surface img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.pdf-zoom-surface img{height:100%;width:100%}
.pdf-reader:fullscreen .pdf-leaf{height:62vh;height:62dvh;max-height:none}
/* Panoramic section banners, matching the 2154:730 reference. */
.header{display:grid;grid-template-columns:auto minmax(0,1fr) 250px;max-width:none;width:100%;gap:22px;padding:16px 3%}.header nav{justify-content:center}.header .national-brand{display:block;justify-self:end;width:250px;max-width:100%;line-height:0}.national-brand img{display:block;width:100%;height:auto}.page-banner{position:relative;isolation:isolate;overflow:hidden;min-height:400px;aspect-ratio:2154/730;display:flex;align-items:center;width:100%;padding:32px 4%;background:#05263e;color:#fffaf0;margin-bottom:35px}.page-banner-image{position:absolute;inset:0 0 0 auto;z-index:-2;width:76%;height:100%;object-fit:cover;object-position:center}.page-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05263e 0%,#05263ef5 22%,#05263ec7 38%,#05263e40 57%,transparent 76%)}.page-banner-copy{width:40%;max-width:640px}.page-banner h1{color:#fffaf0;font-size:clamp(1.85rem,3.2vw,3.6rem);line-height:1.12;margin:16px 0 22px}.page-banner .eyebrow{color:#f5ce83}.page-banner-copy>p:not(.eyebrow){font-size:clamp(.95rem,1.2vw,1.15rem);line-height:1.55;max-width:510px}.page-banner-actions{display:flex;gap:10px;flex-wrap:wrap}.page-banner .button{background:#05263ee8;color:#fffaf0;border:1px solid #e6bd72;box-shadow:none;font-size:14px;padding:12px 20px}.page-banner .button:hover{background:#164b68}.page-banner-art .page-banner-image{object-fit:contain;width:53%;padding:22px}.page-banner-art:before{background:linear-gradient(90deg,#05263e 0%,#05263e 38%,#05263e22 60%,transparent 100%)}
@media(max-width:1100px){.header{grid-template-columns:1fr 230px}.header nav{grid-column:1/-1;grid-row:2}.header .national-brand{grid-column:2;grid-row:1;width:230px}.page-banner{aspect-ratio:auto;min-height:400px}.page-banner-copy{width:52%}.page-banner h1{font-size:2.3rem}}
@media(max-width:650px){.header{grid-template-columns:1fr 150px;gap:14px}.header .national-brand{width:150px}.header .brand-name{font-size:24px}.header .brand-caption{font-size:8px}.page-banner{display:flex;flex-direction:column;padding:0;min-height:0}.page-banner-copy{width:100%;max-width:none;padding:28px 6%;order:0}.page-banner h1{font-size:2rem}.page-banner-image,.page-banner-art .page-banner-image{position:relative;inset:auto;width:100%;height:220px;object-fit:cover;order:1;z-index:0;padding:0}.page-banner-art .page-banner-image{object-fit:contain;padding:14px;height:260px}.page-banner:before{background:linear-gradient(120deg,#05263e,#134e66)}.page-banner-actions .button{font-size:13px}}

/* Identitatea portalului: subtitlu lizibil pe doua randuri. */

.header .brand{min-width:0}.header .brand-caption{max-width:270px;white-space:normal;line-height:1.45;font-size:11px;letter-spacing:.015em;text-align:left}
@media(max-width:650px){.header .brand-caption{font-size:10px;max-width:220px}}

/* Dedicated library artwork: preserve the complete panoramic composition. */
.page-banner-panoramic{min-height:0;aspect-ratio:2152/731}.page-banner-panoramic .page-banner-image{width:100%;height:100%;padding:0;object-fit:contain}.page-banner-panoramic:before{background:none}.page-banner-panoramic .page-banner-copy{width:43%}
@media(min-width:651px) and (max-width:1100px){.page-banner-panoramic{aspect-ratio:auto;padding-top:28px;padding-bottom:28px}.page-banner-panoramic .page-banner-copy{width:48%}.page-banner-panoramic h1{font-size:clamp(1.5rem,3.1vw,2.3rem)}}
@media(max-width:650px){.page-banner-panoramic{aspect-ratio:auto}.page-banner-panoramic .page-banner-copy{width:100%}.page-banner-panoramic .page-banner-image{height:auto;aspect-ratio:2152/731;object-fit:contain}}

.header{grid-template-columns:minmax(230px,310px) minmax(0,1fr)}.brand-concept{font-size:11px;color:#50677a;line-height:1.5;margin-top:4px}.header nav{justify-content:flex-end}
@media(max-width:1100px){.header{grid-template-columns:1fr}.header nav{grid-column:1;grid-row:2;justify-content:center}}

/* Text occupies the left 30% reserved in the illustrations. */
.page-banner-panoramic{padding:24px 3%}.page-banner-panoramic .page-banner-copy{width:27%;max-width:none}.page-banner-panoramic h1{font-size:clamp(1.4rem,2.35vw,3rem);overflow-wrap:break-word}.page-banner-panoramic .page-banner-copy>p:not(.eyebrow){font-size:clamp(.85rem,1vw,1.05rem)}.page-banner-panoramic .button{font-size:clamp(.75rem,.85vw,.95rem);padding:10px 14px}.page-banner-panoramic .eyebrow{font-size:10px!important}
@media(max-width:1000px){.page-banner-panoramic{display:flex;flex-direction:column;aspect-ratio:auto;padding:0;min-height:0}.page-banner-panoramic .page-banner-copy{width:100%;padding:24px 6%;order:0}.page-banner-panoramic .page-banner-image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2152/731;order:1;z-index:0}.page-banner-panoramic h1{font-size:2rem}.page-banner-panoramic .page-banner-copy>p:not(.eyebrow){font-size:1rem}}

/* Complete logo includes centered subtitles in the image itself. */
.header{grid-template-columns:minmax(270px,370px) minmax(0,1fr)}.header .brand-logo{display:block;width:100%;height:auto;max-width:370px}.header .brand{width:100%;max-width:370px}
@media(max-width:1100px){.header{grid-template-columns:1fr}.header .brand{justify-self:center}}
@media(max-width:650px){.header .brand{max-width:330px}}
/* Home rectangular resource cards */
.portal-directory .portal-boxes{grid-template-columns:repeat(4,minmax(0,1fr))}
.portal-directory .portal-box-image{height:auto;aspect-ratio:16/10}
.portal-directory .cover-box .portal-box-image{padding:14px}
@media(max-width:1000px){.portal-directory .portal-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.portal-directory .portal-boxes{grid-template-columns:1fr}}
.header nav a[href$="atelier.html"]::before{content:"🎨";font-size:22px;line-height:1}