/* Scoped workshop promotion; the approved page artwork is untouched. */
.page{container-type:inline-size}
.bf-price-top,.bf-price-bottom{position:absolute;z-index:1;font-family:Georgia,'Times New Roman',serif}
.bf-price-top{left:6.1%;top:11.25%;width:47%;height:.95%;background:linear-gradient(100deg,#11140f,#141612 68%,#1b1b17);box-shadow:0 0 .35cqw .12cqw #141612;pointer-events:none}
.bf-price-bottom{left:64%;top:90.9%;width:28.5%;height:3.45%;background:#ffe4ad;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;color:#20160e}
.workshop-regular{font-size:1.65cqw;line-height:1.12}.workshop-regular s{font-size:2.5cqw;font-weight:bold;text-decoration-thickness:.16cqw;text-decoration-color:#9a3421}
.workshop-sale-label{font-size:1.45cqw;line-height:1.15;letter-spacing:.03em}
.workshop-sale-price{position:relative;display:flex;justify-content:center;font-size:5cqw;line-height:1}
.workshop-payment{font-size:1.3cqw;line-height:1.2}
.workshop-cut-digit{display:inline-block;min-width:0;flex-shrink:0;width:0;opacity:0;transform-origin:center}
.workshop-slash{pointer-events:none;position:absolute;left:2%;top:48%;width:96%;height:.32cqw;background:#a13a21;box-shadow:0 0 .5cqw #f5b84e;transform:rotate(-26deg) scaleX(0);transform-origin:left center;opacity:0}
.price-armed .workshop-cut-digit{width:.5em;opacity:1}
.price-armed.is-revealing .workshop-slash{animation:workshop-price-slash .55s .85s ease-out both}
.price-armed.is-revealing .workshop-cut-digit{animation:workshop-price-cut .65s 1s cubic-bezier(.2,.7,.3,1) both}
@keyframes workshop-price-slash{0%{opacity:0;transform:rotate(-26deg) scaleX(0)}35%,65%{opacity:1;transform:rotate(-26deg) scaleX(1)}100%{opacity:0;transform:rotate(-26deg) scaleX(1.12)}}
@keyframes workshop-price-cut{0%{width:.5em;opacity:1;transform:none}55%{width:.5em;opacity:0;transform:translate(.2em,-.4em) rotate(22deg)}100%{width:0;opacity:0;transform:translate(.2em,-.4em) rotate(22deg)}}
@media(prefers-reduced-motion:reduce){.price-armed .workshop-cut-digit{width:0;opacity:0}.price-armed.is-revealing .workshop-cut-digit,.price-armed.is-revealing .workshop-slash{animation:none}}
.bf-overlay[hidden],.bf-reopen[hidden]{display:none!important}
.bf-overlay{position:fixed;inset:0;z-index:1000;background:rgba(9,7,5,.78);backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px;isolation:isolate}
.bf-dialog{position:relative;width:min(1080px,100%);max-height:calc(100dvh - 48px);outline:none;color:#172b2e;font-family:Georgia,'Times New Roman',serif;perspective:1600px}
.bf-close{position:absolute;z-index:10;top:12px;right:12px;width:46px;height:46px;border:2px solid #d9b86d;background:#172b2e;color:#fff0d0;border-radius:50%;font:28px/1 Georgia;cursor:pointer;box-shadow:0 3px 0 #111}
.bf-book{max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#a78a50 #eadbb9;box-shadow:0 22px 80px #000b;border:3px solid #151b19;border-radius:3px;background:#f0dfb9}
.bf-dialog:not(.is-open){width:min(440px,86vw)}
.bf-dialog:not(.is-open) .bf-book{overflow:visible}
.bf-cover{display:flex;flex-direction:column;width:100%;height:min(720px,85dvh);padding:16px 18px 12px;background:#f2dfb5;color:#162c30;border:0;text-align:center;cursor:pointer;transform-origin:left center;backface-visibility:hidden;font-family:Georgia,'Times New Roman',serif}
.bf-cover-kicker{font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.18em;border-bottom:2px solid;padding:0 38px 7px 0}
.bf-cover-title{font:900 clamp(25px,4.4vw,36px)/1.04 Georgia,serif;display:block;padding:10px 0;letter-spacing:-.03em}.bf-cover-title b{color:#a84427}
.bf-cover-art{position:relative;display:block;flex:1;min-height:170px;border:3px solid #172b2e;background:url('/assets/workshop/black-friday-author-comic.png') left center/200% 100% no-repeat}
.bf-cover-burst{position:absolute;right:-12px;top:10px;padding:20px 10px;background:#d9ac43;color:#142a2e;font:900 13px/1.1 system-ui,sans-serif;clip-path:polygon(50% 0,60% 12%,80% 3%,82% 23%,100% 30%,90% 48%,100% 70%,80% 76%,75% 100%,53% 89%,31% 100%,23% 80%,0 72%,12% 51%,0 32%,23% 25%,25% 4%,44% 13%);transform:rotate(9deg)}
.bf-thought{position:absolute;left:5%;bottom:8%;max-width:88%;padding:10px 12px;background:#fff0d0;border:2px solid #172b2e;border-radius:50%;font:900 14px/1.2 system-ui,sans-serif;box-shadow:3px 3px 0 #172b2e}
.bf-cover-caption{display:block;font:bold italic 17px/1.3 Georgia;padding:13px 0 5px}.bf-cover-open{font:800 12px/1.5 system-ui,sans-serif;letter-spacing:.13em;align-self:center;padding:6px 14px;margin-top:4px;background:#e7b44b;border:1px solid #172b2e}
.bf-spread{display:none;grid-template-columns:1fr 1fr;min-height:660px}
.bf-dialog.is-open .bf-spread{display:grid}.bf-dialog.is-open .bf-cover{display:none}
.bf-art-page,.bf-offer-page{padding:28px;background-color:#f2e3c2;background-image:radial-gradient(#60431c15 .6px,transparent .9px);background-size:5px 5px}
.bf-art-page{border-right:1px solid #b9a887;box-shadow:inset -15px 0 24px -22px #352914}
.bf-issue{font:800 11px/1.4 system-ui,sans-serif;letter-spacing:.15em;margin:0 0 15px;color:#65532c}
.bf-art-page h2{font-size:clamp(26px,3.1vw,38px);line-height:1.06;margin:0 0 20px;font-weight:800;letter-spacing:-.04em}.bf-art-page h2 em{font-weight:400;color:#a44429}
.bf-panels{display:grid;grid-template-columns:.65fr 1.35fr;gap:12px;align-items:end;max-width:360px;margin:0 auto}
.bf-panels figure{margin:0;position:relative}.bf-illustration{aspect-ratio:3/4;background-image:url('/assets/workshop/black-friday-author-comic.png');background-size:200% 100%;background-repeat:no-repeat;border:3px solid #172b2e;box-shadow:3px 4px 0 #172b2e}
.bf-art-before{background-position:left;filter:saturate(.55);opacity:.83}.bf-art-after{background-position:right;position:relative}
.bf-panels figcaption{font:800 11px/1.25 system-ui,sans-serif;padding:9px 0 0}
.bf-after figcaption{font:900 19px/1 system-ui,sans-serif;background:#e9b74c;border:2px solid #172b2e;box-shadow:3px 3px 0 #172b2e;padding:9px;transform:rotate(-3deg);margin:8px -5px 0;text-align:center}
.bf-store-live{position:absolute;left:8%;top:49.7%;width:36%;transform:rotate(2deg);color:#17352e;font:900 clamp(6px,.75vw,9px)/1.2 system-ui,sans-serif;text-align:center;white-space:nowrap}
.bf-art-page blockquote{font:italic 20px/1.3 Georgia;margin:22px 0 10px}.bf-now{font:bold 19px/1.3 Georgia;margin:0 0 18px}
.bf-path{font:900 17px/1.3 system-ui,sans-serif;border-top:2px solid #bfa974;padding-top:18px;margin:0}.bf-path strong{display:block;color:#9e4029;margin-top:8px}
.bf-offer-page{padding-top:30px}.bf-price-reveal{text-align:center;border-bottom:2px solid #bfa974;padding-bottom:16px;margin-bottom:18px}
.bf-regular{position:relative;width:max-content;margin:0 auto 6px;font:800 13px/1.4 system-ui,sans-serif;letter-spacing:.09em}.bf-regular s{font-size:22px;text-decoration-thickness:2px}
.bf-nope{position:absolute;right:-50px;top:3px;transform:rotate(-13deg);padding:3px 8px;color:#a33c26;border:3px solid currentColor;font:900 20px/1 system-ui,sans-serif}
.bf-sale{display:flex;align-items:center;justify-content:center;gap:18px}.bf-sale>span{font:900 18px/1.1 system-ui,sans-serif;max-width:90px;text-align:left}.bf-sale>strong{font:900 88px/.95 Georgia;letter-spacing:-.08em;color:#a54126}.bf-sale>b{font:800 12px/1.2 system-ui,sans-serif;max-width:40px}
.bf-sales-copy{font:16px/1.48 Georgia}.bf-sales-copy p{margin:0 0 13px}.bf-sales-copy .bf-rhythm{font-weight:bold;line-height:1.35}.bf-promise{border-left:3px solid #c99b3c;padding-left:12px}
.bf-cta{display:flex;align-items:center;justify-content:center;min-height:56px;padding:13px 12px;text-align:center;background:#e7b44b;border:3px solid #182b2e;box-shadow:4px 4px 0 #182b2e;text-decoration:none;color:#172b2e;font:900 15px/1.3 system-ui,sans-serif;transition:background .2s}
.bf-cta:hover{background:#f4c96d}.bf-details{font:700 10px/1.7 system-ui,sans-serif;letter-spacing:.04em;text-align:center;margin:14px 0 2px}.bf-later{display:block;margin:0 auto;padding:10px 18px;border:0;background:none;text-decoration:underline;color:#4e4b3f;font:14px Georgia;cursor:pointer;min-height:44px}
.bf-philosophy{font:italic 13px/1.5 Georgia;text-align:center;margin:8px 0 0;color:#615844}
.bf-close:focus-visible,.bf-cover:focus-visible,.bf-cta:focus-visible,.bf-later:focus-visible,.bf-reopen:focus-visible{outline:3px solid #b34b26;outline-offset:4px}
.bf-reopen{position:fixed;right:20px;bottom:20px;z-index:900;min-height:44px;padding:12px 18px;background:#211a12;color:#efcf87;border:1px solid #bd9651;box-shadow:0 6px 24px #0008;font:700 12px/1.4 system-ui,sans-serif;letter-spacing:.09em;cursor:pointer}
.bf-impact{position:absolute;z-index:-1;left:50%;top:40%;background:#d9a545;color:#172b2e;padding:70px 100px;font:1000 italic clamp(45px,10vw,110px)/1 system-ui,sans-serif;clip-path:polygon(50% 0,60% 22%,85% 5%,78% 30%,100% 40%,79% 55%,100% 80%,65% 75%,56% 100%,40% 78%,12% 95%,20% 65%,0 50%,21% 34%,9% 10%,37% 22%);opacity:0;transform:translate(-50%,-50%) rotate(-12deg)}
.bf-overlay.arriving .bf-dialog{animation:bfFly .85s cubic-bezier(.16,.75,.3,1) both}.bf-overlay.arriving .bf-impact{animation:bfWham .65s .68s both}
.bf-dialog.opening .bf-cover{animation:bfOpen .75s ease-in both}
.bf-dialog.is-open .bf-spread{animation:bfSettle .4s ease-out both}.bf-dialog.is-open .bf-nope{animation:bfStamp .45s .55s backwards}.bf-dialog.is-open .bf-sale{animation:bfPrice .45s 1.1s backwards}
@keyframes bfFly{0%{opacity:0;transform:translate(65vw,-65vh) rotate(160deg) scale(.16)}70%{opacity:1;transform:translate(0,0) rotate(-5deg) scale(1.03)}82%{transform:rotate(2deg) translateY(4px)}100%{transform:none}}
@keyframes bfWham{0%,100%{opacity:0;transform:translate(-50%,-50%) rotate(-12deg) scale(.8)}30%,65%{opacity:1;transform:translate(-50%,-50%) rotate(-12deg) scale(1.5)}}
@keyframes bfOpen{to{transform:rotateY(-85deg);opacity:0}}
@keyframes bfSettle{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}
@keyframes bfStamp{from{opacity:0;transform:rotate(-25deg) scale(3)}to{opacity:1;transform:rotate(-13deg) scale(1)}}
@keyframes bfPrice{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.bf-overlay{padding:10px}.bf-dialog{max-height:calc(100dvh - 20px)}.bf-book{max-height:calc(100dvh - 20px)}.bf-spread{grid-template-columns:1fr}.bf-art-page,.bf-offer-page{padding:24px 22px}.bf-art-page{border-right:0;border-bottom:2px solid #bfa974}.bf-art-page h2{font-size:30px;padding-right:25px}.bf-panels{max-width:370px;margin:auto;grid-template-columns:.65fr 1.35fr}.bf-art-page blockquote{font-size:20px}.bf-art-page .bf-path{font-size:15px}.bf-sale>strong{font-size:90px}.bf-store-live{font-size:7px}.bf-close{top:8px;right:8px}.bf-cover-title{font-size:29px}.bf-cover{height:min(680px,84dvh)}.bf-details{font-size:11px}.bf-reopen{right:12px;bottom:12px}.bf-impact{padding:50px 70px}.bf-dialog.is-open .bf-offer-page{order:-1}.bf-dialog.is-open .bf-price-reveal{margin-right:30px}.bf-sales-copy{font-size:16px}}
@media(max-width:700px){
  .bf-dialog.is-open .bf-spread{display:flex;flex-direction:column;padding:24px 20px;min-height:0}
  .bf-art-page,.bf-offer-page{display:contents}
  .bf-issue{order:0;padding-right:40px;font-size:10px;margin-bottom:16px}
  .bf-price-reveal{order:1;margin-right:0!important;margin-bottom:15px;padding-bottom:14px}
  .bf-art-page h2{order:2;font-size:25px;margin:0 0 16px;padding:0}
  .bf-panels{order:3;width:260px;max-width:100%;margin:0 auto}
  .bf-panels figcaption{font-size:10px}.bf-after figcaption{font-size:15px}
  .bf-art-page blockquote{order:4;font-size:18px;margin:20px 0 8px}
  .bf-now{order:5;font-size:18px;margin-bottom:18px}
  .bf-cta{order:6;font-size:14px}.bf-details{order:7}
  .bf-sales-copy{order:8;margin-top:20px}.bf-path{order:9}
  .bf-later{order:10;margin-top:10px}.bf-philosophy{order:11}
  .bf-store-live{font-size:5px}
}
@media(prefers-reduced-motion:reduce){.bf-overlay *{animation:none!important;transition:none!important}.bf-overlay{animation:bfSettle .2s ease-out}}
