.bp-pass{--W:min(46cqw,280px);--u:calc(var(--W) / 100);position:relative;display:block;width:100%;max-width:640px;margin:0 auto;font-family:Inter,Arial,Helvetica,sans-serif;color:#101512}
@media (max-width:699px){.bp-pass{--W:min(47.5cqw,220px)}}
.bp-pass *,.bp-pass *::before,.bp-pass *::after{box-sizing:border-box}
.bp-pass p{margin:0}
.bp-control{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bp-control:focus-visible{outline:2px solid #101512;outline-offset:4px}
.bp-pass.is-entrance-pending .bp-control{opacity:0;transform:translateY(34%)}
.bp-pass.is-entrance-ready .bp-control{opacity:1;transform:none;transition:opacity .56s ease .18s,transform 1.05s cubic-bezier(.2,.92,.32,1.18) .1s}
.bp-scene{--rx:5deg;--ry:-7deg;position:relative;display:block;width:100%;aspect-ratio:100/78;container-type:inline-size;perspective:1500px;perspective-origin:50% 44%}
.bp-shadow{position:absolute;left:50%;bottom:9%;width:52%;height:9%;border-radius:50%;background:rgba(16,21,18,.2);filter:blur(18px);opacity:.58;transform:translate(-50%);transition:width .9s cubic-bezier(.2,.75,.25,1),opacity .5s ease}
.bp-pass.is-open .bp-shadow{width:88%;opacity:.4}
.bp-book{position:absolute;top:48%;left:50%;display:block;width:var(--W);aspect-ratio:.74/1;transform:translate(-50%,-50%) rotateX(var(--rx)) rotateY(var(--ry)) rotate(-1deg);transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.75,.25,1)}
.bp-pass.is-open .bp-book{transform:translateY(-50%) rotateX(var(--rx)) rotateY(var(--ry)) rotate(-1deg)}
.bp-pass.is-closing .bp-book{transition-duration:1.15s;transition-timing-function:cubic-bezier(.22,1,.36,1)}
.bp-edge{position:absolute;inset:0;border:1px solid #DADDD9;border-radius:calc(var(--u)*1.2) calc(var(--u)*3.2) calc(var(--u)*3.2) calc(var(--u)*1.2);background:#F6F6F4}
.bp-edge--1{transform:translate(3px,4px) translateZ(-5px)}
.bp-edge--2{transform:translate(6px,7px) translateZ(-8px);background:#E9EBE7}
.bp-right{position:absolute;inset:0;display:block;overflow:hidden;border:1px solid #DADDD9;border-radius:calc(var(--u)*1.2) calc(var(--u)*3.2) calc(var(--u)*3.2) calc(var(--u)*1.2);background:#fff;box-shadow:9px 14px 24px rgba(16,21,18,.14);transform:translateZ(-2px)}
.bp-glow{position:absolute;z-index:3;top:9%;bottom:9%;right:1%;display:block;width:18%;border-radius:50%;background:#0066FF;filter:blur(calc(var(--u)*6));opacity:.55;pointer-events:none;transform:translate(38%) scale(1) translateZ(1px);transition:opacity .52s ease,transform .62s ease}
.bp-pass.is-open .bp-glow,.bp-pass.is-closing .bp-glow{opacity:0;transform:translate(18%) scale(.78) translateZ(1px)}
.bp-cover{position:absolute;inset:0;z-index:5;display:block;transform-origin:1.5% 50%;transform-style:preserve-3d;will-change:transform;transition:transform .9s cubic-bezier(.65,0,.35,1)}
.bp-pass.is-open .bp-cover{transform:rotateY(-179.5deg)}
.bp-pass.is-closing .bp-cover{transition-duration:1.15s;transition-timing-function:cubic-bezier(.22,1,.36,1)}
.bp-face{position:absolute;inset:0;display:block;overflow:hidden;backface-visibility:hidden;border-radius:calc(var(--u)*1.2) calc(var(--u)*3.2) calc(var(--u)*3.2) calc(var(--u)*1.2)}
.bp-front{background:#101512;color:#fff;box-shadow:8px 16px 30px rgba(16,21,18,.24);transform:translateZ(3px)}
.bp-front::before{content:'';position:absolute;top:0;bottom:0;left:calc(var(--u)*3.4);width:1px;background:rgba(255,255,255,.08)}
.bp-front::after{content:'';position:absolute;inset:calc(var(--u)*6) calc(var(--u)*7) calc(var(--u)*6) calc(var(--u)*5.4);border:1px solid rgba(255,255,255,.16);border-radius:calc(var(--u)*2.2);pointer-events:none}
.bp-back{background:#fff;border:1px solid #DADDD9;transform:rotateY(180deg) translateZ(2px)}
.bp-page{background-color:#FAFAF7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cg fill='none' stroke='%23DCDFDA' stroke-width='.6'%3E%3Ccircle cx='0' cy='0' r='14'/%3E%3Ccircle cx='28' cy='0' r='14'/%3E%3Ccircle cx='0' cy='28' r='14'/%3E%3Ccircle cx='28' cy='28' r='14'/%3E%3Ccircle cx='14' cy='14' r='14'/%3E%3Ccircle cx='14' cy='14' r='8'/%3E%3Ccircle cx='14' cy='14' r='3'/%3E%3C/g%3E%3C/svg%3E");background-size:calc(var(--u)*7) calc(var(--u)*7)}
.bp-c-label{position:absolute;top:calc(var(--u)*11.4);right:calc(var(--u)*11);font-size:max(6px,calc(var(--u)*2.8));font-weight:600;letter-spacing:.2em;line-height:1;text-transform:uppercase;color:#fff}
.bp-c-mark{position:absolute;top:calc(var(--u)*24.2);left:calc(var(--u)*10.4);font-size:max(6px,calc(var(--u)*7.4));font-weight:700;letter-spacing:-.01em;line-height:1;color:#fff;white-space:nowrap}
.bp-c-wordmark{position:absolute;top:calc(var(--u)*22);left:calc(var(--u)*10.4);width:calc(var(--u)*68);height:auto}
.bp-c-q{position:absolute;top:calc(var(--u)*65.6);left:50%;width:calc(var(--u)*31);transform:translate(-50%,-50%);color:#fff}
.bp-c-q img,.bp-c-q svg{display:block;width:100%;height:auto}
.bp-c-title{position:absolute;top:calc(var(--u)*118);left:calc(var(--u)*10.4);font-size:max(6px,calc(var(--u)*5.9));font-weight:500;line-height:1;color:#fff;transform:translateY(-50%)}
.bp-page::before{content:'';position:absolute;z-index:0;inset:calc(var(--u)*4.4);border:1px solid #D5D8D3;border-radius:calc(var(--u)*1.8);pointer-events:none}
.bp-hd{position:absolute;top:calc(var(--u)*10.2);font-size:max(6px,calc(var(--u)*2.9));font-weight:500;letter-spacing:.2em;line-height:1;text-transform:uppercase;white-space:nowrap;color:#101512}
.bp-hd--l{left:calc(var(--u)*9.4)}
.bp-hd--r{right:calc(var(--u)*9.4)}
.bp-photo{position:absolute;left:calc(var(--u)*9.4);top:calc(var(--u)*26.8);width:calc(var(--u)*40);height:calc(var(--u)*69.6);display:flex;align-items:center;justify-content:center;border:1px solid #C3C7C2;background-color:#DADDD9;color:#101512}
.bp-photo img,.bp-photo svg{display:block;width:62%;height:auto}
.bp-f{position:absolute;left:calc(var(--u)*54.4);display:block;width:calc(var(--u)*39)}
.bp-f--type{width:calc(var(--u)*20)}
.bp-f--code{left:calc(var(--u)*76);width:calc(var(--u)*17)}
.bp-t1{top:calc(var(--u)*27)}
.bp-t2{top:calc(var(--u)*44.6)}
.bp-t3{top:calc(var(--u)*68.4)}
.bp-t4{top:calc(var(--u)*86.2)}
.bp-fl{display:block;margin-bottom:calc(var(--u)*1.8);font-size:max(6px,calc(var(--u)*2.3));font-style:normal;font-weight:500;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;color:#7A7F7A}
.bp-fv{display:block;font-size:max(6px,calc(var(--u)*3.5));font-weight:500;line-height:1.25;color:#101512}
.bp-f--name .bp-fv{font-size:max(6px,calc(var(--u)*4.6));font-weight:700;letter-spacing:-.01em}
.bp-hr{position:absolute;left:calc(var(--u)*9.4);right:calc(var(--u)*9.4);top:calc(var(--u)*112.4);height:1px;background:#C9CDC8}
.bp-mrz{position:absolute;left:calc(var(--u)*9.4);top:calc(var(--u)*117.6);font-family:'Courier New',ui-monospace,monospace;font-size:max(6px,calc(var(--u)*2.8));letter-spacing:.06em;line-height:1;white-space:nowrap;color:#101512}
.bp-prod{position:absolute;z-index:2;left:calc(var(--u)*17.4);top:calc(var(--u)*13.6);width:calc(var(--u)*60);height:calc(var(--u)*86);object-fit:contain;mix-blend-mode:multiply}
.bp-prod--empty{display:flex;align-items:center;justify-content:center;border:1px dashed #B6BBB5;border-radius:calc(var(--u)*2);font-size:max(6px,calc(var(--u)*2.6));font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#8B908B;text-align:center;mix-blend-mode:normal}
.bp-stampbox{position:absolute;z-index:1;left:calc(var(--u)*31.4);top:calc(var(--u)*45);width:calc(var(--u)*32);height:calc(var(--u)*32);color:#101512;opacity:.42}
.bp-stampbox svg{display:block;width:100%;height:100%}
.bp-stampbox .bp-stampq{position:absolute;left:50%;top:50%;width:30%;height:auto;transform:translate(-50%,-50%)}
.bp-h{position:absolute;left:0;right:0;top:calc(var(--u)*100.4);text-align:center;font-size:max(6px,calc(var(--u)*5.7));font-weight:800;letter-spacing:-.025em;line-height:1.1;color:#101512}
.bp-sub{display:none}
.bp-est{position:absolute;left:calc(var(--u)*8.4);top:calc(var(--u)*119.6);padding:calc(var(--u)*1.8) calc(var(--u)*3);border:max(1px,calc(var(--u)*.44)) solid #101512;outline:max(1px,calc(var(--u)*.24)) solid #101512;outline-offset:calc(var(--u)*.56);border-radius:calc(var(--u)*1);transform:rotate(-8deg);opacity:.72;font-family:'Courier New',ui-monospace,monospace;font-size:max(6px,calc(var(--u)*3.8));font-weight:700;letter-spacing:.12em;line-height:1;color:#101512;white-space:nowrap}
.bp-pn{position:absolute;right:calc(var(--u)*10);top:calc(var(--u)*121);font-size:max(6px,calc(var(--u)*2.8));font-weight:500;line-height:1;color:#626861}
.bp-hint{margin-top:2px;text-align:center;font-size:13px;font-weight:500;line-height:1.3;color:#626861}
.bp-status{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;border:0!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
