.cover{--gold:#e8c97a;--cream:#f5efe2;--paper:#f3ead6;--paper2:#e6d8bc;--inkd:#2a1f16;--rubric:#9b2226;width:100%;font-family:var(--font-body);font-variant-numeric:lining-nums;transition:transform .25s;display:block;position:relative;container-type:inline-size}.cover .scale{font-size:1cqw;line-height:1.2;position:absolute;inset:0;overflow:hidden}.cover .t{text-wrap:balance;overflow-wrap:break-word;hyphens:auto;font-weight:600;line-height:1.12}.cover.book{aspect-ratio:2/3;filter:drop-shadow(0 6px 10px #0000004d)}.book .scale{background:linear-gradient(155deg, var(--from), var(--to));color:var(--cream);border-radius:1.2em 3.5em 3.5em 1.2em}.book .hinge{z-index:5;background:linear-gradient(90deg,#0000006b 0%,#0000002e 3.2%,#ffffff29 4.4%,#ffffff0d 6.2%,#00000038 7.4%,#0000000f 9.5%,#0000 13% 94%,#0000001f 100%);position:absolute;inset:0}.book .sheen,.card .sheen{z-index:4;background:linear-gradient(#ffffff12,#fff0 35%,#0000 75%,#00000024);position:absolute;inset:0}.book .imprint{font-family:var(--font-heading);letter-spacing:.3em;white-space:nowrap;font-size:3em}.book .imprint.foot{text-align:center;position:absolute;left:9%;right:0}.book .a{font-size:5.8em;line-height:1.2}.book .face{text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0 0 0 9%}.classic .frame{text-align:center;border:1px solid #f5efe261;flex-direction:column;align-items:center;padding:0 7%;display:flex;position:absolute;inset:6.5% 7.5% 4.6% 15%}.classic .x{color:var(--gold);margin-top:13%;font-size:10em;line-height:1}.classic .mid{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4em;display:flex}.classic .t{font-size:calc(var(--ts) * 100em)}.classic .crule{background:#e8c97ab3;width:28%;height:1px}.classic .a{opacity:.85}.classic .imprint{opacity:.7;margin-bottom:8%}.gilt .frame{outline-offset:-5.5em;border:1.5px solid #e8c97abf;outline:1px solid #e8c97a73;position:absolute;inset:5% 6% 5% 14%}.gilt .face{justify-content:center;gap:5em;padding:0 12%;left:10%}.gilt .t{font-family:var(--font-heading);color:var(--gold);font-size:calc(var(--ts) * 82em);letter-spacing:.03em;hyphens:none;line-height:1.2}.gilt .a{opacity:.85;font-style:italic}.gilt .x{color:var(--gold);font-size:13em;line-height:1}.gilt .imprint{color:var(--gold);opacity:.75;font-size:2.8em;bottom:11%}.label .face{justify-content:flex-start;padding-top:22%;left:9%}.label .plate{color:#2a1f16;background:linear-gradient(#f3ead6,#e4d6b8);border-radius:1.5em;flex-direction:column;align-items:center;gap:3.5em;width:74%;padding:9% 7% 8%;display:flex;box-shadow:inset 0 0 0 .8em #f3ead6,inset 0 0 0 1.3em #5a3c1e73,0 1em 2em #00000059}.label .t{font-size:calc(var(--ts) * 88em)}.label .a{color:#5b4a38;font-size:5.2em;font-style:italic}.label .x{color:var(--gold);font-size:11em;line-height:1;position:absolute;bottom:16%}.label .imprint{opacity:.65;font-size:2.8em;bottom:7%;left:0}.quarter .spine{z-index:2;background:linear-gradient(90deg, #00000040, #00000080), linear-gradient(155deg, var(--from), var(--to));width:24%;position:absolute;top:0;bottom:0;left:0;box-shadow:1px 0 #e8c97a8c,2px 0 #0006}.quarter .band{z-index:3;background:linear-gradient(#ffffff2e,#00000059);width:24%;height:2.2%;position:absolute;left:0}.quarter .face{justify-content:center;gap:5em;padding:0 10%;left:24%}.quarter .t{font-size:calc(var(--ts) * 92em);text-align:left;align-self:stretch}.quarter .a{text-align:left;opacity:.8;align-self:stretch}.quarter .crule{background:#e8c97a99;align-self:stretch;height:1px}.quarter .x{z-index:3;color:var(--gold);font-size:9em;position:absolute;top:8%;left:34%}.quarter .imprint{z-index:3;text-align:left;opacity:.6;font-size:2.6em;bottom:6%;left:34%}.arch .win{border:1px solid #e8c97a99;border-radius:50% 50% 0 0/28% 28% 0 0;position:absolute;inset:7% 7% 6% 15%}.arch .win2{border:1px solid #f5efe238;border-radius:50% 50% 0 0/28% 28% 0 0;position:absolute;inset:9.5% 10% 8% 18%}.arch .face{justify-content:center;gap:4.5em;padding:0 16%;left:11%;right:3%}.arch .x{text-align:center;color:var(--gold);font-size:14em;line-height:1;position:absolute;top:18%;left:8%;right:0}.arch .t{font-size:calc(var(--ts) * 95em);margin-top:12%}.arch .a{opacity:.8;font-style:italic}.arch .imprint{opacity:.65;font-size:2.8em;bottom:11%}.watermark .big{color:#ffffff0f;font-size:118em;line-height:1;position:absolute;top:-4%;right:-18%}.watermark .face{text-align:left;justify-content:flex-end;align-items:flex-start;gap:3.5em;padding-bottom:17%;left:16%;right:8%}.watermark .x{color:var(--gold);font-size:9em;position:absolute;top:8%;left:16%}.watermark .t{font-size:calc(var(--ts) * 110em);line-height:1.05}.watermark .crule{background:var(--gold);width:20%;height:1.5px}.watermark .a{opacity:.8;font-size:5.4em}.watermark .imprint{text-align:left;opacity:.55;font-size:2.6em;bottom:6%;left:16%}.banded .mid{text-align:center;background:linear-gradient(#f3ead6,#e8dcc2);flex-direction:column;justify-content:center;align-items:center;gap:3.5em;height:42%;padding:0 10% 0 17%;display:flex;position:absolute;top:30%;left:0;right:0}.banded .t{font-size:calc(var(--ts) * 92em);color:#241a12}.banded .a{color:#6b5642;font-size:5.2em}.banded .x{text-align:center;color:var(--gold);font-size:12em;position:absolute;top:10%;left:9%;right:0}.banded .imprint{opacity:.7;font-size:2.8em;bottom:10%}.banded .edge{background:var(--gold);opacity:.7;height:1.2em;position:absolute;left:0;right:0}.banded .edge.top{top:calc(30% - 1.8em)}.banded .edge.bottom{top:calc(72% + .6em)}.missal .face{justify-content:space-between;padding:10% 11% 9%;left:10%}.missal .crules{border-top:1.5px solid var(--gold);border-bottom:.8px solid var(--gold);width:100%;height:1.6em}.missal .t{font-family:var(--font-display);font-weight:400;font-size:calc(var(--ts) * 115em);hyphens:none;line-height:1.1}.missal .x{color:var(--gold);font-size:15em;line-height:1}.missal .a{font-family:var(--font-heading);letter-spacing:.14em;color:var(--gold);opacity:.9;font-size:3.4em}.missal .cstack{flex-direction:column;align-items:center;gap:5em;width:100%;display:flex}.missal .imprint{opacity:.6;font-size:2.6em}.cover.card{aspect-ratio:1;filter:drop-shadow(0 5px 9px #00000047)}.card .cmeta,.tract .cmeta{font-family:var(--font-heading);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;font-size:4.2em}.card .lace{background:radial-gradient(circle, var(--lace) 52%, transparent 56%) 0 0 / 6.25em 6.25em;position:absolute;inset:0}.card .ico{flex:none;width:18em;height:18em}.practice{--lace:var(--from);color:var(--cream)}.practice .cbody{background:linear-gradient(155deg, var(--from), var(--to));border-radius:1em;position:absolute;inset:3.1em}.practice .inner{outline-offset:-2.6em;text-align:center;border:1px solid #f5efe2b3;border-radius:2em;outline:1px solid #f5efe247;flex-direction:column;justify-content:center;align-items:center;gap:3.5em;padding:0 9em;display:flex;position:absolute;inset:6em}.practice .ico{color:var(--gold)}.practice .t{font-size:11em}.practice .cmeta{opacity:.7}.prayer{--lace:var(--paper);color:var(--inkd)}.prayer .lace:after{content:"";background:var(--paper);border-radius:1em;position:absolute;inset:3.1em}.prayer .in{border:1.5em solid var(--from);text-align:center;background:linear-gradient(#fbf5e8,#efe3c9);border-radius:3em;flex-direction:column;justify-content:center;align-items:center;gap:3.5em;padding:0 8%;display:flex;position:absolute;inset:9%}.prayer .in:before{content:"";border:1px solid color-mix(in srgb, var(--from) 45%, transparent);border-radius:2em;position:absolute;inset:2.5em}.prayer .ico{color:var(--from)}.prayer .t{font-size:11.5em}.page .scale{background:linear-gradient(180deg, var(--paper), var(--paper2));color:var(--inkd);border-radius:4em}.page .crule{border-top:1px solid var(--rubric);opacity:.7;position:absolute;top:10%;left:9%;right:9%}.page .v{text-align:center;width:30%;font-family:var(--font-display);color:var(--rubric);font-size:36em;line-height:1.1;position:absolute;top:14%;left:7%}.page .t{max-height:40%;padding-left:33%;font-size:10.5em;position:absolute;top:17%;left:9%;right:7%;overflow:hidden}.page .faux{flex-direction:column;gap:3.4em;display:flex;position:absolute;top:62%;left:9%;right:9%}.page .faux i{background:#2a1f162e;border-radius:1em;height:1.2em;display:block}.page .x{color:var(--rubric);font-size:8em;line-height:1;position:absolute;bottom:6.5%;right:9%}.collection .txt{text-align:center;color:var(--cream);flex-direction:column;justify-content:center;align-items:center;gap:2.5em;display:flex;position:absolute;inset:61% 10% 7%}.collection .cmeta{letter-spacing:.2em;color:var(--gold);font-size:3.8em}.boxed .case{background:linear-gradient(155deg, var(--from), var(--to));border-radius:2.4em;position:absolute;inset:3% 5%}.boxed .slot{background:#00000080;align-items:flex-end;gap:1%;height:50%;padding:0 3%;display:flex;position:absolute;top:9%;left:11%;right:11%;box-shadow:inset 0 3em 4em #00000080}.boxed .vol{background:linear-gradient(90deg, #0000004d, #ffffff1a 40%, #00000059), var(--from);border-top:.9em solid #e8c97acc;border-radius:1em 1em 0 0;flex:1;justify-content:center;align-items:center;height:92%;display:flex}.boxed .vol.v1{filter:brightness(.82);height:88%}.boxed .vol.v2{filter:brightness(1.12)}.boxed .vol.v3{filter:brightness(.74);height:90%}.boxed .vol.v4{filter:brightness(1.18);height:86%}.boxed .vol span{font-family:var(--font-heading);color:var(--gold);background:#00000059;padding:.3em .5em;font-size:4em}.boxed .t{font-size:11em}.slipcase .peek{background:linear-gradient(90deg, #0000004d, #ffffff14 40%, #0000004d), var(--to);border-top:.9em solid #e8c97ab3;border-radius:1.5em 1.5em 0 0;width:37%;height:30%;position:absolute}.slipcase .p1{top:4%;left:13%}.slipcase .p2{filter:brightness(1.25);top:9%;left:50%}.slipcase .case{background:linear-gradient(155deg, var(--from), var(--to));outline-offset:-4em;text-align:center;color:var(--cream);border-radius:2em;outline:1px solid #e8c97a99;flex-direction:column;justify-content:center;align-items:center;gap:3.5em;padding:0 12%;display:flex;position:absolute;inset:17% 6% 3%}.slipcase .t{font-size:11.5em}.slipcase .crule{background:#e8c97ab3;width:26%;height:1px}.packet .leaf{border-radius:2em;width:70%;height:74%;position:absolute;top:13%;left:15%}.packet .back1{background:var(--to);transform:rotate(-15deg)}.packet .back2{background:var(--from);transform:rotate(13deg)}.packet .top{border:1.2em solid var(--paper);outline:1px solid color-mix(in srgb, var(--from) 60%, transparent);outline-offset:-3em;text-align:center;color:var(--inkd);background:linear-gradient(#fbf5e8,#efe3c9);flex-direction:column;justify-content:center;align-items:center;gap:3em;padding:0 8%;display:flex}.packet .t{font-size:10.5em}.packet .cmeta{color:var(--from)}.ordo .scale{color:var(--inkd);background:linear-gradient(#f6eedc,#e9dbbd);border-radius:4em}.ordo .band{background:linear-gradient(155deg, var(--from), var(--to));border-bottom:.6em solid var(--gold);height:20%;font-family:var(--font-heading);letter-spacing:.2em;color:var(--cream);justify-content:space-between;align-items:center;padding:0 9%;font-size:3.8em;display:flex;position:absolute;top:0;left:0;right:0}.ordo .band span{font-size:1em}.ordo .t{max-height:38%;font-size:11.5em;position:absolute;top:27%;left:9%;right:9%;overflow:hidden}.ordo .hours{flex-direction:column;gap:3.6em;display:flex;position:absolute;top:69%;left:9%;right:9%}.ordo .hours div{align-items:center;gap:3em;display:flex}.ordo .hours b{font-family:var(--font-heading);letter-spacing:.16em;color:var(--rubric);width:9em;font-size:3.2em;font-weight:400}.ordo .hours i{background:#2a1f162e;border-radius:1em;flex:1;height:1em}.cover.tract{aspect-ratio:10/13;filter:drop-shadow(0 5px 9px #00000047)}.tract .scale{color:var(--inkd);clip-path:polygon(0 0,86% 0,100% 11%,100% 100%,0 100%);background:linear-gradient(#fbf5e8,#ecdfc3);border-radius:1.4em}.tract .fold{background:linear-gradient(225deg,#0000 50%,#c9b891 50%);width:14%;height:11%;position:absolute;top:0;right:0}.tract .kick{font-family:var(--font-heading);letter-spacing:.16em;text-transform:uppercase;color:var(--rubric);white-space:nowrap;font-size:3.8em;position:absolute;top:7.5%;left:10%;right:20%;overflow:hidden}.tract .crule{border-top:1px solid var(--rubric);width:68%;position:absolute;top:15%;left:10%}.tract .t{max-height:40%;font-size:12em;position:absolute;top:20%;left:10%;right:10%;overflow:hidden}.tract .csub{max-height:22%;font-size:6.2em;font-style:italic;line-height:1.25;position:absolute;top:62%;left:10%;right:10%;overflow:hidden}.tract .cmeta{color:#7a6650;font-size:3.6em;position:absolute;bottom:6%;left:10%}.tract .x{color:var(--rubric);font-size:9em;line-height:1;position:absolute;bottom:4%;right:9%}
