dialog.bj-story-entrance{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;padding:0;border:0;margin:0;overflow:hidden;background:#f4f1eb;color:#171717;z-index:2147483000}
dialog.bj-story-entrance::backdrop{background:#f4f1eb}
.bj-story-entrance-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:58px 22px 30px;perspective:1200px}
.bj-entrance-kicker{font:10px/1.4 Arial,sans-serif;letter-spacing:.16em;text-align:center}
.bj-entrance-stage{position:relative;width:min(94vw,1040px);height:min(57svh,620px);perspective:1200px;isolation:isolate;transform-style:preserve-3d}
.bj-entrance-tile{position:absolute;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity}
.bj-entrance-tile img{position:absolute;display:block;max-width:none!important;object-fit:contain!important;pointer-events:none}
.bj-entrance-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.bj-entrance-caption{font:400 clamp(25px,4vw,45px)/1.15 'BOONJAN Approved Journal','BOONJAN Alphabet',Georgia,serif;text-align:center;text-wrap:balance;max-width:900px;margin:0}
.bj-entrance-skip{position:absolute;top:max(14px,env(safe-area-inset-top));right:18px;z-index:20;min-height:44px;padding:10px 14px;border:1px solid #a79b86;background:#f4f1eb;color:#171717;font:11px/1.4 Arial,sans-serif;cursor:pointer}
.bj-entrance-skip:focus-visible,.bj-product-close:focus-visible{outline:3px solid #9a793a;outline-offset:4px}
.bj-intro-preview{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:14px;background:#f4f1eb;color:#171717;border-block:1px solid #aaa;font:12px/1.5 Arial,sans-serif}
.bj-intro-preview select,.bj-intro-preview button{min-height:44px;padding:8px 12px;font:inherit;background:white;color:#171717;border:1px solid #aaa}
dialog.bj-product-fullscreen{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden;z-index:2147483001}
dialog.bj-product-fullscreen::backdrop{background:#000}
.bj-product-fullscreen video{width:100%;height:100%;object-fit:contain;background:#000;display:block}
.bj-product-close{position:absolute;right:18px;top:max(14px,env(safe-area-inset-top));z-index:5;min-width:48px;min-height:48px;border:1px solid #aaa;background:#000c;color:#fff;font:22px Arial,sans-serif;cursor:pointer}
.bj-product-purchase{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#000c;color:#fff!important;padding:14px 22px;border:1px solid #aaa;text-align:center;font:12px/1.5 Arial,sans-serif;text-decoration:none;min-height:48px;max-width:85vw}
#MainContent #bj-magazine .j-ad .j-product-film{height:min(100vw,calc(100svh - 90px))!important;aspect-ratio:auto!important}
@media(max-width:749px){.bj-story-entrance-inner{gap:18px;padding-inline:20px}.bj-entrance-stage{width:calc(100vw - 32px);height:52svh}.bj-entrance-caption{font-size:30px;line-height:1.15}.bj-entrance-kicker{font-size:9px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.bj-entrance-tile{will-change:auto}}
