/* A small, explorable library made from the catalog's original artwork. */
.ddsr-intro-inner { gap:36px; padding:38px 0 32px; }
.ddsr-intro-inner>div:first-child { flex:1 1 44%; min-width:0; }
.ddsr-feature { --feature-accent:#27486a; flex:0 1 610px; width:53%; min-width:0; container-type:inline-size; }
.ddsr-feature[data-feature-language=hebrew] { --feature-accent:#864e48; }
.ddsr-feature[data-feature-language=aramaic] { --feature-accent:#887334; }
.ddsr-feature[data-feature-language=latin] { --feature-accent:#4f6440; }
.ddsr-feature[data-feature-language=septuagint] { --feature-accent:#33445f; }
.ddsr-feature-top { display:flex; align-items:center; justify-content:space-between; padding-inline:14px; gap:8px; }
.ddsr-feature-top .ddsr-eyebrow { font-size:12px; line-height:1.45; letter-spacing:.15px; text-transform:none; color:#3a5061; }
.ddsr-feature-controls { display:flex; gap:5px; }
.ddsr-feature-controls button { display:flex; justify-content:center; align-items:center; gap:6px; width:38px; height:38px; border:1px solid #d6dad8; background:#ffffff60; color:#4a6274; padding:7px; border-radius:50%; cursor:pointer; }
.ddsr-feature-controls [data-feature-expand] { width:auto; padding-inline:11px; border-radius:20px; font-size:10px; white-space:nowrap; }
.ddsr-feature-controls button:hover,.ddsr-feature-controls button[aria-pressed=true] { background:#fff; color:var(--feature-accent); border-color:#acbac3; }
.ddsr-feature-controls svg { width:17px; height:17px; }
.ddsr-play-symbol { display:none; }
.ddsr-feature-controls [data-feature-pause][aria-pressed=true] .ddsr-play-symbol { display:block; }
.ddsr-feature-controls [data-feature-pause][aria-pressed=true] .ddsr-pause-symbol { display:none; }
.ddsr-feature-stage { position:relative; height:270px; isolation:isolate; transition:height .68s cubic-bezier(.22,.7,.18,1); }
.ddsr-feature-orbit { position:absolute; width:93%; height:90px; border:1px solid #aeb9bb30; border-radius:50%; left:3.5%; bottom:17px; transform:rotate(-3deg); background:radial-gradient(ellipse,#6a787215,transparent 68%); }
.ddsr-feature-orbit::before { content:''; position:absolute; inset:11px 22px; border-radius:50%; border:1px solid #aeb9bb22; }
.ddsr-feature-slot { --book-x:0; --book-y:0px; --book-angle:0deg; --book-scale:1; position:absolute; left:50%; top:32px; width:clamp(72px,19cqw,114px); aspect-ratio: .69; z-index:var(--book-z,1); transform:translate3d(calc(-50% + var(--book-x)),var(--book-y),0) rotate(var(--book-angle)) scale(var(--book-scale)); transform-origin:center 65%; transition:transform .68s cubic-bezier(.22,.7,.18,1),opacity .14s ease; }
.ddsr-feature-slot[data-distance="0"][data-pair="0"] { --book-x:-10cqw; --book-y:39px; --book-angle:-8deg; --book-scale:1.08; --book-z:30; }
.ddsr-feature-slot[data-distance="0"][data-pair="1"] { --book-x:10cqw; --book-y:30px; --book-angle:7deg; --book-scale:1.08; --book-z:31; }
.ddsr-feature-slot[data-distance="1"][data-pair="0"] { --book-x:26cqw; --book-y:1px; --book-angle:11deg; --book-scale:.77; --book-z:19; }
.ddsr-feature-slot[data-distance="1"][data-pair="1"] { --book-x:32cqw; --book-y:52px; --book-angle:18deg; --book-scale:.7; --book-z:20; }
.ddsr-feature-slot[data-distance="-1"][data-pair="0"] { --book-x:-32cqw; --book-y:52px; --book-angle:-18deg; --book-scale:.7; --book-z:19; }
.ddsr-feature-slot[data-distance="-1"][data-pair="1"] { --book-x:-26cqw; --book-y:1px; --book-angle:-11deg; --book-scale:.77; --book-z:20; }
.ddsr-feature-slot[data-distance="2"][data-pair="0"] { --book-x:38cqw; --book-y:4px; --book-angle:18deg; --book-scale:.55; --book-z:9; }
.ddsr-feature-slot[data-distance="2"][data-pair="1"] { --book-x:41cqw; --book-y:75px; --book-angle:23deg; --book-scale:.52; --book-z:10; }
.ddsr-feature-slot[data-distance="-2"][data-pair="0"] { --book-x:-41cqw; --book-y:75px; --book-angle:-23deg; --book-scale:.52; --book-z:9; }
.ddsr-feature-slot[data-distance="-2"][data-pair="1"] { --book-x:-38cqw; --book-y:4px; --book-angle:-18deg; --book-scale:.55; --book-z:10; }
/* Keep hit areas and depth stable while the artwork floats or lifts. */
.ddsr-feature-slot.is-wrapping { opacity:0; }
.ddsr-feature-slot.is-relocating { transition:none; }
.ddsr-feature.is-moving .ddsr-feature-book { pointer-events:none; }
.ddsr-feature.is-moving .ddsr-feature-slot { will-change:transform,opacity; }
.ddsr-feature-float { display:block; position:relative; width:100%; height:100%; pointer-events:none; }
.ddsr-feature.is-ready .ddsr-feature-float { animation:ddsr-book-drift 6s ease-in-out infinite; animation-delay:var(--float-delay,0s); }
.ddsr-feature.is-still .ddsr-feature-float { animation-play-state:paused; }
.ddsr-feature-book { display:block; width:100%; height:100%; position:relative; color:var(--r-navy); border-radius:2px 5px 5px 2px; outline-offset:6px!important; }
.ddsr-feature-cover { display:block; width:100%; height:100%; position:relative; border-radius:2px 5px 5px 2px; background:#e9e6de; box-shadow:1px 1px 0 #e9e5d9,3px 2px 0 #d4d1c8,5px 3px 0 #f5f1e8,9px 14px 19px #21334324; transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s; }
.ddsr-feature-cover::after { content:''; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:linear-gradient(90deg,#0003,transparent 4%,#fff2 6%,transparent 9%); box-shadow:inset 0 0 0 1px #ffffff18; }
.ddsr-feature-cover img { display:block; width:100%; height:100%; object-fit:contain; border-radius:inherit; }
.ddsr-feature:not(.is-moving) .ddsr-feature-book:hover .ddsr-feature-cover,.ddsr-feature:not(.is-moving) .ddsr-feature-book:focus-visible .ddsr-feature-cover { transform:translateY(-15px) rotate(-2deg) scale(1.07); box-shadow:1px 1px 0 #e9e5d9,3px 2px 0 #d4d1c8,5px 3px 0 #f5f1e8,12px 23px 26px #21334330; }
.ddsr-feature-no-cover { display:grid; place-items:center; height:100%; padding:14px; background:var(--feature-accent); color:white; font:14px/1.4 Georgia,serif; text-align:center; }
.ddsr-feature-mark { position:absolute; bottom:-12px; left:calc(50% - 14px); width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#faf9f5; box-shadow:0 2px 7px #152b3824; pointer-events:none; transition:transform .3s; }
.ddsr-feature-mark img { width:20px; height:20px; object-fit:contain; }
.ddsr-feature:not(.is-moving) .ddsr-feature-book:hover .ddsr-feature-mark,.ddsr-feature:not(.is-moving) .ddsr-feature-book:focus-visible .ddsr-feature-mark { transform:translateY(-10px); }
.ddsr-feature.is-expanded .ddsr-feature-stage { height:340px; }
.ddsr-feature.is-expanded .ddsr-feature-orbit { width:100%; left:0; bottom:0; }
.ddsr-feature.is-expanded .ddsr-feature-slot { --book-x:calc((var(--spread-column) - 2) * 19cqw); --book-y:calc(var(--spread-row) * 153px - 8px); --book-angle:0deg; --book-scale:.82; --book-z:10; }
.ddsr-feature.is-expanded .ddsr-feature-slot[data-distance="0"] .ddsr-feature-cover { outline:2px solid var(--feature-accent); outline-offset:5px; }
.ddsr-feature-languages { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; padding:4px 0 16px; }
.ddsr-feature-languages a { display:flex; align-items:center; justify-content:center; padding:9px 5px; min-height:44px; font:700 clamp(12px,2.4cqw,14px)/1.2 var(--dds-heading,Ubuntu,Arial,sans-serif); color:#435b6d; border:1px solid #cbd4d7; border-radius:7px; background:#ffffff80; cursor:pointer; white-space:nowrap; transition:background-color .2s,color .2s,border-color .2s; }
.ddsr-feature-languages a span { display:none; }
.ddsr-feature-languages a:hover { background:#fff; border-color:#8fa2ad; text-decoration:none; }
.ddsr-feature-languages a.is-current { color:#fff; background:var(--feature-accent); border-color:var(--feature-accent); box-shadow:0 2px 5px #233c4e12; }

.ddsr-feature-caption { display:flex; align-items:center; gap:16px; justify-content:space-between; border-top:1px solid #ced5d380; margin-inline:14px; padding-top:15px; min-height:96px; }
.ddsr-feature-caption>div { min-width:0; }
.ddsr-feature-language { font:9px/1.5 var(--dds-heading,Ubuntu,Arial,sans-serif); text-transform:uppercase; letter-spacing:1.3px; color:var(--feature-accent); margin-bottom:5px!important; }
.ddsr-feature-title { font:700 14px/1.35 var(--dds-heading,Ubuntu,Arial,sans-serif); color:var(--r-ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ddsr-feature-author { font-size:10px; line-height:1.5; color:#5b6973; margin-top:4px!important; }
.ddsr-feature-view { display:flex; align-items:center; gap:9px; flex-shrink:0; color:var(--r-navy); font:700 11px/1.5 var(--dds-heading,Ubuntu,Arial,sans-serif); min-height:42px; }
.ddsr-feature-view span { font-size:21px; }
@keyframes ddsr-book-drift { 0%,100% { transform:translateY(0) rotate(-.7deg); } 50% { transform:translateY(-9px) rotate(.7deg); } }
@media(max-width:1100px) { .ddsr-intro-inner { gap:18px; } .ddsr-feature { width:52%; }  .ddsr-feature-view { font-size:10px; gap:3px; } .ddsr-feature-caption { margin-inline:4px; } .ddsr-feature-top { padding-inline:4px; } }
@media(max-width:850px) { .ddsr-intro-inner { flex-direction:column; align-items:stretch; gap:24px; padding:32px 0; } .ddsr-intro-inner>div:first-child { flex:auto; } .ddsr-feature { width:100%; flex:auto; max-width:580px; align-self:center; } .ddsr h1 { font-size:44px; } .ddsr-intro-inner>div:first-child { text-align:center; } .ddsr-intro-inner h1 br { display:none; } .ddsr-lead br { display:none; } .ddsr-feature-caption { margin-inline:12px; } }
@media(max-width:560px) { .ddsr-intro-inner { padding:28px 0 24px; gap:26px; } .ddsr-intro-inner>div:first-child { text-align:left; } .ddsr h1 { font-size:37px; } .ddsr-lead { margin-top:16px!important; } .ddsr-feature-stage { height:220px; } .ddsr-feature-slot { top:13px; } .ddsr-feature.is-expanded .ddsr-feature-stage { height:276px; } .ddsr-feature.is-expanded .ddsr-feature-slot { --book-y:calc(var(--spread-row) * 129px); --book-scale:.77; } .ddsr-feature-languages { grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; padding-bottom:14px; } .ddsr-feature-languages a { grid-column:span 2; font-size:14px; } .ddsr-feature-languages a:nth-last-child(-n+2) { grid-column:span 3; } .ddsr-feature-caption { margin-inline:0; padding-top:12px; min-height:100px; } .ddsr-feature-top { padding-inline:0; } .ddsr-feature-title { font-size:13px; } .ddsr-feature-author { font-size:10px; } .ddsr-feature-view { flex-direction:column-reverse; gap:0; font-size:10px; } .ddsr-feature-mark { transform:scale(.85); } }
@media(max-width:360px) { .ddsr-feature.is-expanded .ddsr-feature-slot { --book-scale:.68; } }
@media(prefers-reduced-motion:reduce) { .ddsr-feature-stage { transform:none!important; } .ddsr-feature [data-feature-pause] { display:none; } }