/* Art-directed gallery; live typography and covers over a shared architectural plate. */
.drg-book-gallery{position:relative!important;isolation:isolate;min-height:720px;aspect-ratio:16/9;overflow:hidden;color:#fff;background:#112337 url('/media/gallery/books-architecture.webp') center/cover no-repeat!important;scroll-margin-top:40px}
.drg-book-gallery:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07152288,transparent 65%);pointer-events:none;z-index:-1}
.gallery-heading{position:absolute;z-index:3;left:4.8%;top:7%;width:35%;color:inherit}
.gallery-eyebrow{display:block;font-size:clamp(9px,.78vw,13px);letter-spacing:.26em;font-weight:550;margin-bottom:18px}
.gallery-heading h2{font-family:"Mona Sans Variable",Arial,sans-serif;font-size:clamp(40px,4.2vw,78px);font-weight:780;letter-spacing:-.055em;line-height:.96;margin:0;text-transform:uppercase;color:inherit}
.gallery-heading p{font-family:"Mona Sans Variable",Arial,sans-serif;font-size:clamp(13px,.95vw,17px);line-height:1.55;max-width:30ch;margin:28px 0 0;color:#dce5ee}
.gallery-heading p:before{content:"";display:block;width:42px;height:1px;background:currentColor;opacity:.6;margin-bottom:22px}
.gallery-aside{position:absolute;right:5%;top:10%;font-size:10px;letter-spacing:.2em;line-height:1.8;color:#244564}
.gallery-baseline{position:absolute;left:4.8%;right:4.8%;bottom:3%;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:9px;letter-spacing:.17em;color:inherit}
.gallery-baseline:after{content:"";flex:1;height:1px;background:currentColor;opacity:.25;order:0}.gallery-baseline>*:last-child{order:1}.gallery-baseline a{color:inherit;text-decoration:none;min-height:44px;display:flex;align-items:center}
.gallery-books{position:absolute;inset:20% 7% 12% 21%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;align-items:end;perspective:1600px}
.gallery-book{position:relative;min-width:0;margin:0;align-self:end;isolation:isolate}
.gallery-book:first-child{transform:translateY(-1%)}.gallery-book:nth-child(2){transform:translateY(-2%)}.gallery-book:nth-child(3){transform:translateY(2%)}
.drg-book{display:block;width:76%;margin:0 auto;position:relative;perspective:1200px;z-index:2;color:inherit;text-decoration:none;outline-offset:9px}
.drg-book-volume{display:block;position:relative;aspect-ratio:2/3;transform-style:preserve-3d;transform:rotateY(-13deg);transition:transform .65s cubic-bezier(.22,1,.36,1)}
.gallery-book:nth-child(2) .drg-book{width:86%}.gallery-book:nth-child(3) .drg-book-volume{transform:rotateY(-17deg)}
.drg-book-cover{display:block;position:relative;height:100%;width:100%;border-radius:4px 2px 2px 4px;transform:translateZ(13px);box-shadow:-3px 0 2px #fffc,2px 12px 24px #0007;overflow:hidden;background:#111}
.drg-book-cover img{display:block;width:100%;height:100%;object-fit:fill}
.drg-book-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent 3%,#fff3 4%,transparent 7%,transparent 93%,#0003);border:1px solid #ffffff70;border-radius:inherit}
.drg-book-pages{position:absolute;right:-13px;top:3px;bottom:3px;width:26px;background:repeating-linear-gradient(90deg,#e2dbcd 0 1px,#fffdf4 1px 3px);transform:rotateY(90deg);box-shadow:inset 0 -2px 3px #8e7b5e}
.drg-book:hover .drg-book-volume,.drg-book:focus-visible .drg-book-volume{transform:rotateY(-25deg) translateY(-12px)}
.glass-plinth{display:block;position:relative;height:54px;width:115%;margin:-8px -7.5% -12px;border-radius:50% / 27%;border:1px solid #e4f4ff;box-shadow:inset 5px 0 4px #fff9,inset -5px 0 4px #6b98b199,0 5px 1px #faffffcc,0 18px 20px #10284070;background:linear-gradient(90deg,#89a5b480,#fff9 5%,#4e6d8270 8%,#f2f8ffbd 13%,#a4c4d14d 24%,#eef8ff75 50%,#647b8e80 80%,#fff 94%,#80919d 97%,#eefaff);z-index:1}
.glass-plinth:before{content:"";position:absolute;inset:-4px -1px auto;height:39%;border-radius:50%;border:2px solid #eefaffdd;background:linear-gradient(160deg,#fff8,#7399b555 48%,#e0efffcc);box-shadow:inset 0 0 0 2px #839db688,0 1px 3px #fff}
.gallery-label{position:relative;z-index:3;border:1px solid #e0efffc4;border-radius:10px;background:linear-gradient(120deg,#e3f1ff30,#adcae336);box-shadow:inset 0 1px 0 #fff7,0 12px 26px #06132144,0 1px 10px #ecddbb45;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:18px 18px 15px;color:#fff}
.gallery-book .gallery-label{margin:12px -1% 0;min-height:142px;display:flex;flex-direction:column}
.drg-book-language{font-size:clamp(7px,.56vw,10px);line-height:1.4;letter-spacing:.15em;color:#e7f0f8}
.gallery-book h3{font-size:clamp(16px,1.45vw,25px);line-height:1.1;letter-spacing:-.03em;font-weight:650;text-transform:none;margin:10px 0 15px;color:#fff;min-height:2.2em}
.gallery-book figcaption>p{display:none}
.drg-book-purchase{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #fff5;margin-top:auto;font-size:clamp(14px,1.4vw,24px);font-weight:500;white-space:nowrap}
.drg-book-purchase a{font-size:clamp(9px,.68vw,12px);text-decoration:none;color:#fff;min-height:32px;display:flex;align-items:center}
.gallery-book a:focus-visible{outline:2px solid #b1deff;outline-offset:6px}
@media(min-width:1800px){.drg-book-gallery{max-height:1200px;aspect-ratio:auto;height:62vw}}
@media(max-width:1100px) and (min-width:701px){.drg-book-gallery{min-height:880px;aspect-ratio:auto}.gallery-heading{width:65%}.gallery-heading h2{font-size:58px}.gallery-heading p{max-width:48ch;font-size:14px;margin-top:16px}.gallery-heading p:before{display:none}.gallery-books{inset:37% 6% 11%}.gallery-book .gallery-label{min-height:164px}.drg-book-purchase{flex-wrap:wrap}.gallery-book h3{font-size:21px}.drg-book-language{font-size:8px}}
@media(max-width:700px){
 .drg-book-gallery{min-height:0;aspect-ratio:auto;padding:80px 24px 30px;background-position:35% top!important;background-size:auto 950px!important;background-repeat:no-repeat!important;background-color:#0b1b2c!important}
 .gallery-heading{position:relative;left:auto;top:auto;width:100%}.gallery-eyebrow{font-size:9px;margin-bottom:18px}.gallery-heading h2{font-size:clamp(39px,10vw,66px)}.gallery-heading p{font-size:14px;max-width:35ch;margin-top:22px}.gallery-heading p:before{margin-bottom:18px}.gallery-aside{display:none}
 .gallery-books{position:relative;inset:auto;display:flex;flex-direction:column;gap:64px;margin:48px auto 54px;max-width:380px;perspective:none}
 .gallery-book,.gallery-book:nth-child(n){width:100%;transform:none}.drg-book,.gallery-book:nth-child(2) .drg-book{width:67%;max-width:250px}.glass-plinth{width:100%;margin-left:0;margin-right:0;height:50px}.gallery-book .gallery-label{margin:14px 0 0;min-height:0;padding:22px}.drg-book-language{font-size:9px}.gallery-book h3{min-height:0;font-size:24px}.drg-book-purchase{font-size:23px}.drg-book-purchase a{font-size:12px;min-height:44px}.gallery-baseline{position:relative;inset:auto;font-size:8px;line-height:1.6;gap:16px}.gallery-baseline:after{display:none}
}
@media(prefers-reduced-motion:reduce){.drg-book-volume{transition:none}.drg-book:hover .drg-book-volume{transform:rotateY(-13deg)}}
.drg-book-gallery .gallery-heading,.drg-book-gallery .gallery-heading h2,.drg-book-gallery .gallery-eyebrow{color:#fff!important}
.drg-book-gallery .gallery-heading p{max-width:26ch}
@media(min-width:1101px){.drg-book-gallery .gallery-heading{width:34%}.drg-book-gallery .gallery-heading h2{font-size:clamp(40px,4.15vw,76px)}.gallery-books{left:23%}}
.drg-book-gallery .gallery-baseline{color:#e1eaf2!important}.gallery-book .gallery-label{text-align:left;background:linear-gradient(120deg,#263b53b8,#4c637ca8)}
@media(min-width:1101px){.gallery-book:first-child .drg-book{width:70%}}

/* Simple editorial library: original covers on a clean white page. */
.s.drg-book-gallery{height:auto;min-height:0;max-height:none;aspect-ratio:auto;padding:100px 6% 90px;background:#fff!important;color:#102a43;overflow:hidden}
.drg-book-gallery:before,.drg-book-gallery:after,.drg-book-gallery .gallery-aside,.drg-book-gallery .glass-plinth,.drg-book-gallery .gallery-baseline{display:none}
.drg-book-gallery .gallery-heading{position:relative;inset:auto;display:grid;grid-template-columns:1.1fr 1fr;column-gap:10%;width:100%;max-width:1200px;margin:0 auto 76px;color:#102a43!important}
.drg-book-gallery .gallery-eyebrow{grid-column:1/-1;color:#486581!important;margin-bottom:22px;font-size:10px}
.drg-book-gallery .gallery-heading h2{font-size:clamp(38px,4.5vw,68px);line-height:.98;color:#102a43!important}
.drg-book-gallery .gallery-heading p{align-self:center;max-width:36ch;margin:0;font-size:16px;line-height:1.6;color:#486581}
.drg-book-gallery .gallery-heading p:before{display:none}
.drg-book-gallery .gallery-books{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(30px,5vw,72px);max-width:1200px;margin:0 auto;perspective:none}
.drg-book-gallery .gallery-book:nth-child(n){width:100%;transform:none}
.drg-book-gallery .gallery-book:nth-child(n) .drg-book{width:85%;max-width:300px;margin:0 auto}
.drg-book-gallery .gallery-book:nth-child(n) .drg-book-volume{transform:rotateY(-5deg)}
.drg-book-gallery .drg-book:hover .drg-book-volume,.drg-book-gallery .drg-book:focus-visible .drg-book-volume{transform:rotateY(-10deg) translateY(-5px)}
.drg-book-gallery .drg-book-cover{box-shadow:0 18px 26px -15px #102a4370,0 2px 5px #102a4326;transform:translateZ(7px)}
.drg-book-gallery .drg-book-cover img{object-fit:contain}
.drg-book-gallery .drg-book-pages{width:14px;right:-7px}
.drg-book-gallery .gallery-book .gallery-label{padding:22px 0 0;margin:0;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-align:center;color:#102a43}
.drg-book-gallery .drg-book-purchase{justify-content:center;border:0;padding:0;margin:0;font-size:18px;white-space:normal;text-align:center;color:#102a43}
.drg-book-gallery a:focus-visible{outline:2px solid #3675b2;outline-offset:5px}
@media(max-width:767px){
 .s.drg-book-gallery{padding:80px 24px 64px}
 .drg-book-gallery .gallery-heading{display:block;margin-bottom:48px}
 .drg-book-gallery .gallery-heading h2{font-size:clamp(38px,9.8vw,60px)}
 .drg-book-gallery .gallery-heading p{font-size:15px;max-width:36ch;margin-top:24px}
 .drg-book-gallery .gallery-books{display:flex;flex-direction:column;gap:56px;max-width:380px}
 .drg-book-gallery .gallery-book:nth-child(n) .drg-book{width:78%;max-width:280px}
 .drg-book-gallery .gallery-book .gallery-label{padding-top:18px}
}
@media(prefers-reduced-motion:reduce){.drg-book-gallery .gallery-book:nth-child(n) .drg-book-volume{transform:none!important}}