@font-face{font-family:'Thierry Leonie';src:url('assets/fonts/thierry.woff2') format('woff2');font-weight:400 800;font-display:block;}
@font-face{font-family:'Hello Handmade';src:url('assets/fonts/hello-handmade.woff2') format('woff2');font-display:block;}
:root{
  --navy:#0A274C; --powder:#CCE0F5; --smoky:#2F5972; --red:#FB1616; --page:#FCFDFF;
  --card:#EAF3FC; --cardbd:#D7E7F6; --dot:#C6DBF0; --stage:#DCE6F2; --muted:#8AA0B8;
  --page-w:816px; --page-h:1056px; --spine-w:68px; --tab-w:132px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{background:var(--stage);font-family:'Mulish',sans-serif;color:var(--navy);-webkit-font-smoothing:antialiased;overflow:hidden;}
.hh{font-family:'Hello Handmade',sans-serif;}
/* ===== stage + binder frame ===== */
#stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;}
#binder-scaler{position:relative;transform:scale(var(--book-scale,1));transform-origin:center center;}
.binder{position:relative;display:flex;width:calc(var(--spine-w) + var(--page-w)*2 + var(--tab-w));height:var(--page-h);
  filter:drop-shadow(0 24px 48px rgba(10,39,76,.28));}
#spine{flex:0 0 var(--spine-w);background:linear-gradient(90deg,#081E3B,#0A274C 55%,#123159);border-radius:18px 0 0 18px;
  display:flex;flex-direction:column;align-items:center;padding:26px 0;position:relative;z-index:25;}
#spine .dash{flex:0 0 auto;width:5px;height:26px;border-radius:3px;background:var(--red);margin-bottom:20px;}
#spine .svtitle{flex:0 0 auto;writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font-weight:800;font-size:14px;letter-spacing:.34em;text-transform:uppercase;opacity:.95;}
#spine .foundrymark{flex:0 0 auto;margin-top:auto;width:38px;height:38px;background:url('assets/candler-foundry-mark-white.svg') no-repeat center/contain;opacity:.92;}
#spine::after{content:"";position:absolute;right:-10px;top:0;bottom:0;width:10px;background:linear-gradient(90deg,rgba(8,30,59,.35),rgba(8,30,59,0));z-index:26;pointer-events:none;}
#pageflip{flex:0 0 calc(var(--page-w)*2);width:calc(var(--page-w)*2);height:var(--page-h);position:relative;z-index:10;}
.bookdeco{z-index:20;}
.bookdeco .stack{z-index:5;}
/* tab rail */
#tabs{flex:0 0 var(--tab-w);display:flex;flex-direction:column;gap:8px;padding:26px 0;z-index:1;}
.tab{display:flex;align-items:center;gap:9px;height:78px;padding:0 12px 0 23px;margin-left:-6px;border-radius:0 15px 15px 0;
  background:#EAF3FC;border:1px solid var(--cardbd);border-left:none;cursor:pointer;box-shadow:2px 3px 8px rgba(10,39,76,.10);}
.tab .tn{font-family:'Hello Handmade',sans-serif;font-size:27px;line-height:1;color:var(--navy);}
.tab .tl{font-weight:800;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--smoky);line-height:1.25;}
.tab.small{height:58px;}
.tab .ti{color:var(--smoky);font-size:15px;}
.tab.active{background:var(--navy);border-color:var(--navy);}
.tab.active .tn,.tab.active .tl,.tab.active .ti{color:#fff;}
/* download tab — bottom of the tab rail (replaced the old fixed side ribbon).
   Colored via --red so it grabs the eye; packets may re-theme .tab.download. */
.tab.download{text-decoration:none;background:var(--red);border-color:var(--red);}
.tab.download .ti,.tab.download .tl{color:#fff;}
.tab.download:hover{filter:brightness(.95);}
/* magazine chrome: center-gutter shading + stacked page edges */
.bookdeco{position:absolute;left:var(--spine-w);top:0;width:calc(var(--page-w)*2);height:100%;pointer-events:none;transition:opacity .25s;}
.bookdeco .gutter{position:absolute;left:50%;top:0;bottom:0;width:72px;transform:translateX(-50%);z-index:20;
  background:linear-gradient(90deg,rgba(10,39,76,0),rgba(10,39,76,.10) 46%,rgba(10,39,76,.16) 50%,rgba(10,39,76,.10) 54%,rgba(10,39,76,0));}
.bookdeco .stack{position:absolute;top:6px;bottom:6px;width:9px;z-index:5;
  background:repeating-linear-gradient(180deg,#FDFEFF 0 2px,#D8E4F2 2px 4px);}
.bookdeco .stack.left{left:-9px;border-radius:5px 0 0 5px;
  background:linear-gradient(90deg,rgba(10,39,76,.16),rgba(10,39,76,0) 70%),repeating-linear-gradient(180deg,#FDFEFF 0 2px,#D8E4F2 2px 4px);}
.bookdeco .stack.right{right:-9px;border-radius:0 5px 5px 0;
  background:linear-gradient(270deg,rgba(10,39,76,.16),rgba(10,39,76,0) 70%),repeating-linear-gradient(180deg,#FDFEFF 0 2px,#D8E4F2 2px 4px);}
.binder.on-cover .gutter,.binder.on-cover .stack.left{display:none;}
.binder.flipping .bookdeco{opacity:0;}

/* pages */
.page{width:var(--page-w);height:var(--page-h);position:relative;overflow:hidden;background:var(--page);}
.pg{position:absolute;inset:0;display:flex;flex-direction:column;padding:46px 52px 38px;z-index:2;}
.pg.coverpg,.pg.cover{padding:0;}
.page.blankpg{background:transparent;}
.cover .full{width:100%;height:100%;object-fit:cover;display:block;}
/* ===== lesson header slot (art: 1632x560 -> 816x280 full-bleed) ===== */
.hdrslot{flex:0 0 280px;margin:-46px -52px 0;width:var(--page-w);height:280px;overflow:hidden;
  display:flex;align-items:center;gap:30px;padding:6px 44px 0 30px;}
.hdrslot img{width:var(--page-w);height:280px;object-fit:cover;display:block;margin:-6px -44px 0 -30px;flex:0 0 auto;}
.hcir{position:relative;flex:0 0 auto;width:236px;height:236px;border-radius:50%;background:var(--powder);
  display:flex;align-items:center;justify-content:center;}
.hnum{font-family:'Thierry Leonie',sans-serif;font-size:150px;line-height:.8;color:var(--navy);}
.hsparks{position:absolute;top:-12px;left:-16px;width:64px;height:64px;transform:rotate(-38deg);}
.hright{flex:1;text-align:center;}
.heyebrow{display:none;} /* opt-in kicker: packets that want a "Lesson N" eyebrow enable + style this */
.htitle{font-family:'Hello Handmade',sans-serif;font-size:47px;line-height:1.02;color:var(--navy);}
.href{font-family:'Mulish',sans-serif;font-weight:600;font-size:28px;color:var(--smoky);margin-top:12px;}
/* ===== letter page ===== */
.letter{padding:78px 84px 64px;}
.redrule{height:4px;background:var(--red);border-radius:2px;width:84px;margin:0 auto 20px;flex:0 0 auto;}
.lettertitle{font-family:'Hello Handmade',sans-serif;font-size:40px;color:var(--navy);text-align:center;line-height:1;margin-bottom:30px;}
.lbody{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;}
.lbody p{font-weight:500;font-size:18px;line-height:1.6;}
.lbody p strong{font-weight:800;}
.quotes{padding-left:18px;border-left:3px solid var(--red);}
.quotes div{font-style:italic;font-weight:600;font-size:17.5px;color:var(--smoky);line-height:1.6;}
.signoff .g{font-weight:500;font-size:18px;}
.signoff .s{font-family:'Hello Handmade',sans-serif;font-size:29px;color:var(--navy);margin-top:6px;}
/* ===== contents / TOC ===== */
.contents{padding:64px 60px 56px;}
.chead{font-family:'Hello Handmade',sans-serif;font-size:56px;color:var(--navy);line-height:.9;}
.lede{font-weight:600;font-style:italic;font-size:18.5px;color:var(--smoky);margin-top:14px;line-height:1.45;}
.clist{flex:1;margin-top:26px;display:flex;flex-direction:column;justify-content:space-evenly;}
.crow{display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--cardbd);border-radius:14px;padding:17px 22px;text-decoration:none;cursor:pointer;transition:.15s;}
.crow:hover{border-color:var(--red);transform:translateX(3px);}
.crow .cn{font-family:'Hello Handmade',sans-serif;font-size:37px;color:var(--navy);line-height:.8;flex:0 0 auto;width:46px;text-align:center;}
.crow .ct{flex:1;font-weight:800;font-size:21.5px;color:var(--navy);line-height:1.1;}
.crow .cref{flex:0 0 auto;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoky);}
.rhythm{margin-top:26px;border-top:2px dotted var(--dot);padding-top:20px;flex:0 0 auto;}
.rhythm .rt{font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--smoky);margin-bottom:14px;text-align:center;}
.rsteps{display:flex;justify-content:space-between;gap:8px;}
.rstep{flex:1;text-align:center;}
.rstep .n{width:30px;height:30px;margin:0 auto 8px;border-radius:50%;background:var(--red);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;}
.rstep .t{font-weight:700;font-size:13.5px;line-height:1.3;color:var(--navy);}
/* ===== lesson pages ===== */
.sec{display:flex;align-items:center;gap:12px;margin:22px 0 12px;flex:0 0 auto;}
.sec.tight{margin-top:6px;}
.ic{flex:0 0 auto;position:relative;width:40px;height:40px;border-radius:50%;background:var(--powder);}
.ic::after{content:"";position:absolute;inset:8px;background:center/contain no-repeat;}
.ic-prayer::after{background-image:url('assets/icons/icon-prayer.svg');}
.ic-book::after{background-image:url('assets/icons/icon-book.svg');}
.ic-play::after{background-image:url('assets/icons/icon-play.svg');}
.ic-dialogue::after{background-image:url('assets/icons/icon-dialogue.svg');}
.ic-heart::after{background-image:url('assets/icons/icon-heart.svg');}
.sl{font-weight:800;font-size:16px;letter-spacing:.11em;text-transform:uppercase;color:var(--navy);white-space:nowrap;}
.lead{flex:1;border-top:2px dotted var(--dot);height:0;}
.card{background:var(--card);border:1px solid var(--cardbd);border-radius:16px;padding:18px 22px;}
.card p{font-weight:500;font-size:19px;line-height:1.52;color:var(--navy);}
.scripcard{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;width:100%;text-align:left;
  font-family:inherit;background:var(--card);border:1px solid var(--cardbd);border-radius:16px;cursor:pointer;transition:box-shadow .15s,border-color .15s;}
.scripcard:hover{border-color:var(--navy);box-shadow:0 6px 18px rgba(10,39,76,.12);}
.scripcard .ref{font-weight:800;font-size:22px;color:var(--navy);}
.scripbtn{display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;font-weight:800;font-size:15px;padding:13px 22px;border-radius:100px;white-space:nowrap;user-select:none;}
.scripbtn .badge{opacity:.7;}
.scripbtn i{font-size:13px;}
.vzone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;}
.vcard{position:relative;width:100%;max-width:568px;border-radius:16px;overflow:hidden;aspect-ratio:16/9;
  box-shadow:0 12px 26px rgba(10,39,76,.2);background:linear-gradient(180deg,#DCEBFA,#CCE0F5);}
.vcard iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
button.vcard{appearance:none;-webkit-appearance:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;}
.vcardbtn:hover .vplay{transform:translate(-50%,-50%) scale(1.06);}
.vcardbtn:focus-visible{outline:3px solid var(--navy);outline-offset:3px;}
.vlabel{position:absolute;top:12px;left:14px;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--smoky);z-index:3;}
.vhills{position:absolute;bottom:0;left:0;width:100%;}
.vplay{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(10,39,76,.3);z-index:4;}
.vplay i{color:#fff;font-size:20px;margin-left:3px;}
.vcap{position:absolute;left:18px;bottom:14px;font-weight:800;font-size:18px;color:var(--navy);z-index:4;}
.q{display:flex;gap:16px;padding:15px 0;border-bottom:1.5px dotted var(--dot);}
.q:last-child{border-bottom:none;}
.qs{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;min-height:0;}
.qn{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--powder);color:var(--navy);font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;}
.q p{font-weight:500;font-size:18.5px;line-height:1.48;color:var(--navy);padding-top:4px;}
.qs.qmany .q{padding:9px 0;}
.qs.qmany .q p{font-size:17px;line-height:1.4;padding-top:2px;}
.qs.qmany .qn{width:29px;height:29px;font-size:14.5px;}
.foot{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;border-top:1px solid #E3EDF7;padding-top:12px;margin-top:14px;
  font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoky);}
/* "did you know?" hand-written aside under the video (renders only when funFact is set) */
.funfact{flex:0 0 auto;margin-top:16px;width:100%;max-width:568px;border-left:3px solid var(--red);padding-left:14px;}
.funfact .fflabel{font-family:'Hello Handmade',sans-serif;font-size:22px;line-height:1;color:var(--red);display:block;}
.funfact p{font-weight:500;font-style:italic;font-size:15.5px;line-height:1.45;color:var(--smoky);margin-top:6px;}
/* footer chip on page B → jumps to Additional Resources (renders only when the lesson has extras) */
.morebtn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:transparent;border:1.5px solid var(--cardbd);
  color:var(--smoky);font-family:'Mulish',sans-serif;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  border-radius:100px;padding:7px 14px;cursor:pointer;transition:.15s;}
.morebtn:hover{border-color:var(--navy);color:var(--navy);}
.morebtn i{font-size:10px;}
/* ===== additional resources ===== */
.resources{padding:64px 60px 56px;}
.rlist{flex:1;margin-top:28px;display:flex;flex-direction:column;gap:16px;}
.rcard{display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--cardbd);border-radius:16px;padding:18px 22px;cursor:pointer;text-decoration:none;transition:.15s;}
.rcard:hover{border-color:var(--navy);}
.rcard .rp{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;}
.rcard .rmid{flex:1;display:flex;flex-direction:column;}
.rcard .rtl{font-weight:800;font-size:20px;color:var(--navy);line-height:1.15;}
.rcard .rsub{font-weight:600;font-size:14.5px;color:var(--smoky);margin-top:4px;}
.rcard .rref{flex:0 0 auto;font-weight:800;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoky);background:#fff;border:1px solid var(--cardbd);border-radius:100px;padding:7px 13px;}
/* reading cards: outlined circle (vs the solid circle on video cards) */
.rcard.rread .rp{background:#fff;color:var(--navy);border:2px solid var(--navy);font-size:16px;}
.rnone{font-weight:600;font-style:italic;font-size:16px;color:var(--smoky);}
.rnote{border-top:2px dotted var(--dot);padding-top:16px;font-weight:600;font-style:italic;font-size:15.5px;color:var(--smoky);line-height:1.5;flex:0 0 auto;}
/* ===== end page ===== */
.endpg{align-items:center;justify-content:center;text-align:center;gap:22px;}
.endpg .redrule{margin:0 auto;}
.endpg .biglogo{width:340px;height:auto;display:block;}
.endpg .em{font-weight:600;font-style:italic;font-size:18px;color:var(--smoky);max-width:420px;line-height:1.5;}
.endpg .url{font-weight:800;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);}
/* ===== scripture popout modal ===== */
.scrim{position:fixed;inset:0;background:rgba(10,39,76,.55);display:none;align-items:center;justify-content:center;z-index:9999;padding:24px;}
.scrim.show{display:flex;}
.modal{background:var(--page);width:min(640px,94vw);max-height:88vh;border-radius:20px;box-shadow:0 30px 80px rgba(10,39,76,.45);display:flex;flex-direction:column;overflow:hidden;}
.mhead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px;border-bottom:1px solid var(--cardbd);}
.mref{font-weight:800;font-size:23px;color:var(--navy);}
.mclose{border:0;background:transparent;font-size:30px;line-height:1;color:var(--smoky);cursor:pointer;padding:0 2px;}
.mclose:hover{color:var(--red);}
.mbody{overflow-y:auto;padding:22px 26px;-webkit-overflow-scrolling:touch;}
.mbody h4{font-weight:800;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--red);margin:20px 0 9px;}
.mbody h4:first-child{margin-top:0;}
.mbody p{font-weight:500;font-size:18px;line-height:1.65;color:#25405f;margin:0 0 13px;}
.mbody p.super{font-style:italic;font-size:16px;color:var(--smoky);margin-bottom:10px;}
.mbody p.poet{padding-left:16px;}
.mbody .vn{font-weight:800;font-size:11px;color:var(--red);vertical-align:super;margin-right:3px;line-height:0;}
.mbody .note{font-style:italic;color:var(--smoky);}
.mfoot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 26px;border-top:1px solid var(--cardbd);background:var(--card);}
.mopen{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;font-weight:800;font-size:14px;padding:11px 18px;border-radius:100px;text-decoration:none;white-space:nowrap;}
.mopen i{font-size:12px;}
.mattr{font-size:10.5px;color:var(--smoky);text-align:right;line-height:1.4;}
/* ===== image-based lesson pages (packet supplies full-page art; engine overlays interactions) ===== */
.pg.imgpage{padding:0;overflow:hidden;}
.imgpage .pgimg{width:100%;height:100%;object-fit:cover;display:block;}
.imghot{position:absolute;}
.imgscrip{border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:0 clamp(10px,2.6%,26px);font-family:'Mulish',sans-serif;border-radius:12px;}
.imgscrip .ihs-ref{font-weight:800;font-size:22px;color:var(--smoky,#0A274C);white-space:nowrap;}
.imgscrip .ihs-btn{display:inline-flex;align-items:center;gap:9px;background:var(--gold,#0A274C);color:#fff;font-weight:800;
  font-size:15px;padding:11px 20px;border-radius:100px;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.18);}
.imgscrip .ihs-badge{background:rgba(255,255,255,.24);padding:2px 8px;border-radius:6px;font-size:12px;}
.imgscrip i{font-size:13px;}
.imgscrip:hover .ihs-btn{filter:brightness(1.07);}
.imgscrip:focus-visible{outline:3px solid var(--gold,#0A274C);outline-offset:2px;}
/* video hotspot: a transparent click target over the art's own "3 Minute Bible"
   placeholder; clicking opens the pop-out modal. No in-frame Vimeo chrome. */
.imgvidhot{border:0;background:transparent;cursor:pointer;border-radius:6px;transition:background .15s;}
.imgvidhot:hover{background:rgba(10,39,76,.08);}
.imgvidhot:focus-visible{outline:3px solid var(--gold,#0A274C);outline-offset:2px;}
/* "TIP" hotspot: transparent link over the art's TIP badge (opens a passage in a new tab) */
.imgtip{display:block;border:0;background:transparent;cursor:pointer;border-radius:50%;transition:background .15s;}
.imgtip:hover{background:rgba(251,22,22,.18);}
.imgtip:focus-visible{outline:3px solid #FB1616;outline-offset:2px;}
/* "TIP" pop-out box */
.tipmodal{position:relative;width:min(460px,92vw);background:#FCFDFF;border-radius:14px;padding:26px 26px 22px;box-shadow:0 30px 80px rgba(10,39,76,.4);}
.tipmodal .tmclose{position:absolute;top:8px;right:14px;border:0;background:transparent;font-size:26px;line-height:1;color:#9fb0c0;cursor:pointer;}
.tiphead{margin-bottom:12px;}
.tipbadge{display:inline-block;background:var(--red,#FB1616);color:#fff;font-weight:800;letter-spacing:1px;font-size:12px;padding:5px 13px;border-radius:20px;}
.tipbody{color:#24324a;font-size:16.5px;line-height:1.5;margin-bottom:18px;}
.tipopen{display:inline-flex;align-items:center;gap:8px;background:var(--navy,#0A274C);color:#fff;font-weight:700;text-decoration:none;padding:11px 20px;border-radius:30px;font-size:14.5px;}
.tipopen:hover{filter:brightness(1.09);}
.tipopen i{font-size:12px;}
/* video pop-out modal */
.vscrim{padding:28px;}
.vmodal{position:relative;width:min(1120px,94vw);aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.55);}
.vmodal iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.vmclose{position:absolute;top:-46px;right:-4px;background:transparent;border:0;color:#fff;font-size:36px;line-height:1;cursor:pointer;z-index:2;}
.vmclose:hover{color:var(--red,#FB1616);}
/* ===== Candler Foundry watermark (tucks under the binder) ===== */
.wmark{position:fixed;left:14px;bottom:10px;display:block;opacity:.30;
  width:clamp(44px, calc((100vw - 1832px*var(--book-scale, .75))/2 - 20px), 150px);
  aspect-ratio:2337/939;height:auto;
  background:url('assets/candler-foundry-logo.svg') no-repeat left bottom/contain;transition:opacity .15s;}
.wmark:hover{opacity:.6;}
#stage{pointer-events:none;}
#binder-scaler{pointer-events:auto;}

/* ===== nav ===== */
.nav{position:fixed;top:50%;z-index:35;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:none;background:#fff;box-shadow:0 6px 18px rgba(10,39,76,.2);cursor:pointer;font-size:20px;color:var(--navy);display:flex;align-items:center;justify-content:center;}
.nav:hover{color:var(--red);} .nav.prev{left:12px;} .nav.next{right:12px;} .nav:disabled{opacity:.35;cursor:default;}
/* glossy laminate on the cover (sheen + right-edge highlight; moves with the page) */
.pg.coverpg::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.10) 28%, rgba(255,255,255,.03) 42%, rgba(255,255,255,0) 65%),
    radial-gradient(ellipse at top left, rgba(255,255,255,.16), rgba(255,255,255,0) 45%),
    linear-gradient(to bottom, rgba(255,255,255,.10), rgba(255,255,255,0) 18%, rgba(0,0,0,.04) 100%);
  mix-blend-mode:screen;opacity:.7;}
.pg.coverpg::before{content:"";position:absolute;top:0;right:0;width:8px;height:100%;pointer-events:none;z-index:2;
  background:linear-gradient(to left, rgba(0,0,0,.12), rgba(255,255,255,.08), rgba(255,255,255,0));}