/* Great Books in Latin — illustrated heritage collection, second design review. */
:root{--wine:#63323a;--wine-deep:#41232b;--gold:#b18d54;--paper:#f8f1e5;--paper-light:#fffaf2}
body{background:#f8f1e5}
.site-header{background:linear-gradient(180deg,#fffaf3,#f7f0e5)}
.brand-names strong{letter-spacing:-.022em}
/* The real photographed covers, rather than CSS-rendered placeholders, are the main visual attraction. */
.hero{background:radial-gradient(ellipse at 76% 35%,#e3d1b7 0%,#eee1cd 43%,transparent 68%),linear-gradient(112deg,#fcf8f0 0%,#f6eee2 55%,#e8d7c0 100%)}
.hero-grid{grid-template-columns:.96fr 1.04fr;gap:34px;min-height:675px}
.hero-copy{position:relative;z-index:4}
.hero h1{font-size:clamp(68px,6.8vw,99px);line-height:.93;margin-top:35px}
.hero-lead{font-size:25px}
.hero-visual{height:625px;padding:0;min-width:0;isolation:isolate}
.hero-gallery{position:relative;width:100%;height:100%;max-width:680px;margin:auto}
.hero-gallery:before{content:'';position:absolute;left:11%;right:8%;top:10%;bottom:12%;border-radius:50% 50% 13px 13px;border:1px solid #c6ac85;box-shadow:0 0 0 8px #e9ddcc90,0 0 0 9px #c8b39760;background:radial-gradient(circle at 50% 27%,#e9d6b9,#c8ab85 88%);opacity:.67}
.hero-gallery:after{content:'';position:absolute;left:2%;right:2%;bottom:45px;height:14px;border-radius:3px;background:linear-gradient(#a17c59,#775639 48%,#533a27);box-shadow:0 12px 26px #513c2770;z-index:4}
.gallery-caption{position:absolute;z-index:5;left:16%;right:16%;top:7%;font:700 9px/1.4 var(--sans);text-align:center;letter-spacing:.22em;color:#866446}
.gallery-caption-bottom{position:absolute;z-index:5;bottom:13px;left:0;right:0;text-align:center;font:italic 17px var(--serif);color:#957b59}
.gallery-book{position:absolute;display:block;z-index:2;border-radius:3px;overflow:hidden;background:#f0e3d1;box-shadow:8px 19px 22px #39271958,1px 1px 3px #39271935;transition:transform .3s,box-shadow .3s}
.gallery-book img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-left{width:33%;aspect-ratio:3/4;left:4%;bottom:78px;transform:rotate(-11deg)}
.gallery-middle{width:43%;aspect-ratio:3/4;left:31%;bottom:69px;z-index:3;transform:rotate(-2deg)}
.gallery-right{width:34%;aspect-ratio:3/4;right:-3%;bottom:83px;transform:rotate(10deg)}
.gallery-left:hover{transform:rotate(-11deg) translateY(-12px)}
.gallery-middle:hover{transform:rotate(-2deg) translateY(-12px)}
.gallery-right:hover{transform:rotate(10deg) translateY(-12px)}
.gallery-book:hover{z-index:6;box-shadow:9px 24px 33px #39271979}
.library-section{background:#fffaf2}
.volume-cover-link{min-height:370px;padding:16px;overflow:hidden;border-color:#e0d0b8;background:radial-gradient(ellipse at top,#f8f0e1 0%,#ede0ca 100%)}
.volume-cover-link:before{width:310px;height:310px;top:4px;border-color:#dbc9ad;opacity:.5}
.volume-cover-link:after{display:none}
.volume-photo{position:relative;z-index:1;display:block;height:345px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(7px 9px 8px #46332435);transition:transform .28s ease}
.volume-cover-link:hover .volume-photo,.volume-cover-link:focus-visible .volume-photo{transform:translateY(-5px) scale(1.018)}
.volume-info h3{font-size:32px}
.volume-description{min-height:68px}
.volume-original{font-size:12px;line-height:1.52}
.photo-hint{font:italic 12px/1.4 var(--serif);color:#958268}
.book-intro{background:radial-gradient(ellipse at 18% 40%,#e4d0b1 0%,transparent 54%),linear-gradient(105deg,#eae1d3 5%,#fcf7ee 72%)}
.book-hero-grid{grid-template-columns:.89fr 1.11fr;gap:66px}
.book-cover-scene.image-cover-scene{height:570px;overflow:hidden;display:flex;padding:14px 14px 35px;background:linear-gradient(150deg,#e7d8c2,#d4bea0);border:1px solid #d4bd9d}
.image-cover-scene:before{border-radius:200px 200px 4px 4px;z-index:0;inset:18px;background:radial-gradient(ellipse,#fbf6ee94,transparent 67%)}
.image-cover-scene:after{bottom:35px;left:10%;width:80%;height:6px}
.book-feature-image{height:490px;width:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(10px 14px 12px #39271952)}
.book-cover-scene .cover-scene-label{bottom:13px;z-index:2;font-size:8px}
.book-intro-copy h1{font-size:clamp(54px,5.4vw,80px);line-height:1.02;max-width:700px;text-wrap:balance}
.book-intro-copy .book-original{margin-top:10px}
.book-original{font-size:21px}
.book-excerpt{font-size:22px}
.toc-part{grid-column:1/-1;color:#82654f;font:700 11px/1.4 var(--sans);letter-spacing:.16em;margin:20px 0 7px;border-bottom:1px solid #cbb89b;padding-bottom:10px}
.toc-part:first-child{margin-top:0}
.chapter-toc a{font-size:18px}
.chapter-page{background:#f8f2e8}
.chapter-frame{background:#fffcf7}
.chapter-aside h2{font-size:26px}
.chapter-navigation{max-height:72vh;overflow:auto}
.aside-photo{display:block;box-shadow:0 8px 20px #372c2040;border-radius:2px;overflow:hidden}
.aside-photo img{display:block;width:100%;height:auto}
.aside-bookmark{margin-top:15px;padding:19px 12px}
.aside-bookmark p{font-size:17px!important}
.latin-text .prose{font:inherit}
.latin-text p:first-of-type::first-letter{float:none;font:inherit;color:inherit;padding:0}
.latin-text>p:first-of-type::first-letter,.latin-text>div>p:first-of-type::first-letter{float:left;font:500 4.0em/.72 var(--serif);color:#743f41;padding:11px 9px 0 0}
.latin-text blockquote{margin:1.4em 8%;font-style:italic}
.latin-text .verse,.latin-text .poem{white-space:pre-wrap}
.latin-text h2{font-size:21px}
.latin-text a{text-decoration:underline;text-underline-offset:3px}
.site-footer{margin-top:0}
/* Rich but restrained small-screen layout: remain pleasant to read and never hide chapters. */
@media(max-width:1030px){
 .hero-grid{grid-template-columns:1fr 1fr;gap:12px}
 .hero h1{font-size:70px}
 .book-hero-grid{gap:35px}
 .hero-visual{height:540px}
 .gallery-left{bottom:88px}.gallery-middle{bottom:79px}.gallery-right{bottom:88px}
}
@media(max-width:760px){
 .hero-grid{display:flex;flex-direction:column}
 .hero-copy{padding:60px 0 5px}
 .hero h1{font-size:clamp(53px,10vw,74px)}
 .hero-lead{font-size:21px}
 .hero-visual{height:420px;width:100%;max-width:540px}
 .hero-gallery{height:100%}
 .gallery-book{box-shadow:5px 13px 18px #3927196b}
 .gallery-left{width:30%;left:9%;bottom:76px}
 .gallery-middle{width:40%;left:32%;bottom:72px}
 .gallery-right{width:30%;right:7%;bottom:82px}
 .gallery-caption{top:4%}
 .hero-gallery:after{bottom:54px}
 .gallery-caption-bottom{bottom:21px}
 .volume-cover-link{min-height:280px;padding:12px}
 .volume-photo{height:265px;max-width:100%}
 .book-cover-scene.image-cover-scene{height:510px;margin-top:12px}
 .book-feature-image{height:440px}
 .book-intro-copy h1{font-size:clamp(49px,9vw,72px)}
 .chapter-navigation{max-height:none;overflow-x:auto;overflow-y:hidden}
 .chapter-aside{overflow:visible}
}
@media(max-width:455px){
 .hero-visual{height:355px}
 .gallery-caption{font-size:7px;letter-spacing:.14em}
 .gallery-left{left:4%;width:34%;bottom:73px}
 .gallery-middle{left:30%;width:43%;bottom:68px}
 .gallery-right{right:2%;width:33%;bottom:78px}
 .hero-gallery:after{bottom:55px}
 .gallery-caption-bottom{font-size:14px;bottom:25px}
 .volume-cover-link{min-height:345px}
 .volume-photo{height:320px}
 .book-cover-scene.image-cover-scene{height:430px}
 .book-feature-image{height:365px}
 .book-intro-copy h1{font-size:48px}
 .book-original,.book-excerpt{font-size:20px}
 .edition-downloads{flex-wrap:wrap;gap:15px}
 .edition-downloads>span{width:100%}
 .reading-layout{padding-inline:12px}
 .latin-text{font-size:var(--reading-size);overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.gallery-book,.volume-photo{transition:none}}