
.rdr{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#4a3a2c,#17110c 78%);opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s;user-select:none}
.rdr.on{opacity:1;visibility:visible;transition:opacity .45s}
#rdx{position:absolute;z-index:5;left:32px;top:calc(26px + env(safe-area-inset-top,0px));background:var(--sheet);color:var(--ink)}
.rdr{--ph:min(82vh,calc(44vw*1.4));--pw:calc(var(--ph)*.72)}
.rdr .bk{position:relative;display:flex;perspective:2800px;filter:drop-shadow(0 40px 50px rgba(0,0,0,.55));transform:scale(.94) translateY(14px);transition:transform .7s var(--ease)}
.rdr.on .bk{transform:none}
.rdr .pg{width:var(--pw);height:var(--ph);position:relative;box-sizing:border-box;overflow:hidden;padding:calc(var(--pw)*.095) calc(var(--pw)*.085);background:#F6F1E4;color:#2b2218;font:400 calc(var(--pw)*.043)/1.55 var(--serif);display:flex;flex-direction:column}
.rdr .pg.l{border-radius:5px 0 0 5px;background:linear-gradient(90deg,#F6F1E4 0,#F6F1E4 86%,#d8cdb4 100%)}
.rdr .pg.r{border-radius:0 5px 5px 0;background:linear-gradient(90deg,#d8cdb4 0,#F6F1E4 14%,#F6F1E4 100%)}
.rdr .bk.one .pg{border-radius:5px;background:#F6F1E4}
.rdr .pg.no{visibility:hidden}
.rdr .flip{position:absolute;top:0;width:var(--pw);height:var(--ph);transform-style:preserve-3d;z-index:4}
.rdr .flip.fr{left:var(--pw);transform-origin:left center}.rdr .flip.fl{left:0;transform-origin:right center}
.rdr .flip .pg{position:absolute;inset:0;backface-visibility:hidden}.rdr .flip .bf{transform:rotateY(180deg)}
.rk{font:600 calc(var(--pw)*.026)/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#7b6d58}
.rt{font:400 calc(var(--pw)*.098)/1.08 var(--serif);margin:.5em 0 .35em;letter-spacing:-.01em}
.rt.s{font-size:calc(var(--pw)*.07)}
.rg{margin:auto 0;text-align:center}.rg .big{font:300 calc(var(--pw)*.42)/1 var(--serif);color:#b9ab8f}
.rp{margin:.4em 0}.rm{color:#6d604c;font-size:.9em}
.rn{margin-top:auto;font:600 calc(var(--pw)*.024)/1 var(--sans);letter-spacing:.2em;color:#8a7c66;text-align:center}
.ryt{font:400 calc(var(--pw)*.34)/1 var(--serif);color:#2b2218;text-align:center;margin-top:.05em}.rx1{font:400 calc(var(--pw)*.034)/1 var(--sans);color:#a89a82}.rbody{flex:0 0 auto;font-family:"Times New Roman",Times,var(--serif);line-height:1.45}.rtit{font-size:calc(var(--pw)*.07);line-height:1.2;text-transform:uppercase;text-align:center;margin:0 0 1em}.rtx{margin:0;text-align:justify;text-indent:1.5em;hyphens:auto;-webkit-hyphens:auto}.rtx.c{text-indent:0}
.rul{list-style:none;padding:0;margin:.6em 0 0}.rul li{display:flex;gap:.8em;padding:.42em 0;border-bottom:1px dotted #bfb298;cursor:pointer;font-size:.93em}.rul li:hover{color:var(--cobalt)}.rul b{font:600 .72em/1.9 var(--sans);color:#8a7c66;min-width:1.8em}
.rnv{position:absolute;top:50%;z-index:5;width:48px;height:48px;margin-top:-24px;border-radius:50%;border:1px solid rgba(246,241,228,.55);background:rgba(20,16,12,.35);color:#F6F1E4;font:400 22px/1 var(--sans);cursor:pointer;backdrop-filter:blur(6px)}
.rnv:hover{background:rgba(246,241,228,.9);color:#17110c}.rnv.p{left:max(18px,calc(50% - var(--pw) - 90px))}.rnv.n{right:max(18px,calc(50% - var(--pw) - 90px))}.rnv[disabled]{opacity:.25;pointer-events:none}
.rin{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;color:rgba(246,241,228,.7)}
@media(max-width:767px){.rdr{--pw:min(88vw,calc(78vh*.72));--ph:calc(var(--pw)/.72)}#rdx{left:16px}.rnv{top:auto;bottom:calc(54px + env(safe-area-inset-bottom,0px));margin:0}.rnv.p{left:calc(50% - 130px)}.rnv.n{right:calc(50% - 130px)}.rin{bottom:calc(30px + env(safe-area-inset-bottom,0px))}.rdr .bk{margin-top:-40px}}
