.chbp-intro{display:none}.chbp-locked .chbp-intro{display:flex}.chbp-intro{--ew:min(90vw,540px, calc((100vh - 250px)*1.42) );--eh:calc(var(--ew) * .68);--paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .40 0 0 0 0 .32 0 0 0 .075 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,3.2vh,28px);padding:24px 0 calc(24px + env(safe-area-inset-bottom,0px));overflow:hidden;text-align:center;background:radial-gradient(120% 80% at 50% 38%,#fffdf9,#f3eee6 52%,#e2dbcf);transition:opacity .9s var(--ease),visibility .9s}@supports (height:100svh){.chbp-intro{--ew:min(90vw,540px, calc((100svh - 250px)*1.42) )}}@media (orientation:portrait) and (max-width:700px){.chbp-intro{--ew:min(92vw, calc((100svh - 260px)/.8) );--eh:calc(var(--ew) * .8)}}.chbp-intro__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.chbp-intro__bg i{position:absolute;border-radius:50%;background:radial-gradient(circle,#fffffff2,#fff0 70%);animation:chbp-bokeh 9s ease-in-out infinite}.chbp-intro__bg i:nth-child(1){width:180px;height:180px;left:-40px;top:8%}.chbp-intro__bg i:nth-child(2){width:120px;height:120px;right:6%;top:4%;animation-delay:-3s;background:radial-gradient(circle,rgba(232,214,174,.55),transparent 70%)}.chbp-intro__bg i:nth-child(3){width:90px;height:90px;left:18%;bottom:16%;animation-delay:-5s}.chbp-intro__bg i:nth-child(4){width:220px;height:220px;right:-60px;bottom:10%;animation-delay:-1s}.chbp-intro__bg i:nth-child(5){width:60px;height:60px;left:60%;top:20%;animation-delay:-6s;background:radial-gradient(circle,rgba(232,214,174,.6),transparent 70%)}.chbp-intro__bg i:nth-child(6){width:70px;height:70px;left:8%;top:46%;animation-delay:-2s}@keyframes chbp-bokeh{0%,to{transform:translateZ(0);opacity:.75}50%{transform:translate3d(10px,-14px,0);opacity:1}}.chbp-intro__lily{position:absolute;width:min(34vw,210px);pointer-events:none;filter:drop-shadow(0 10px 14px rgba(23,42,69,.16));transition:opacity .8s,transform 1.2s var(--ease)}.chbp-intro__lily--tl{left:-9%;top:-3%;transform:rotate(160deg) scaleX(-1)}.chbp-intro__lily--br{right:-8%;bottom:-2%;transform:rotate(-12deg) scaleX(-1)}.chbp-intro__kicker{position:relative;margin:0;font:600 11px/1.3 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--champ-d);transition:opacity .5s}.chbp-intro__title{position:relative;margin:0;display:grid;gap:6px;font:600 clamp(.8rem,3.4vw,.95rem)/1.2 var(--serif);letter-spacing:.3em;color:var(--navy);transition:opacity .5s}.chbp-intro__title span:first-child{font-size:1.18em}.chbp-intro__sound{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(198,166,107,.65);background:#ffffffb3;color:var(--navy);font:600 13px var(--sans);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .5s}.chbp-intro__sound span{display:inline-flex;align-items:center;gap:8px}.chbp-intro__sound .chbp-ico{width:18px;height:18px;color:var(--champ-d)}.chbp-intro__sound-off,.chbp-intro__sound[aria-pressed=false] .chbp-intro__sound-on{display:none!important}.chbp-intro__sound[aria-pressed=false] .chbp-intro__sound-off{display:inline-flex!important}.chbp-env-stage{position:relative;width:var(--ew);height:var(--eh);perspective:1600px;perspective-origin:50% 30%;animation:chbp-float 5.5s ease-in-out infinite}@keyframes chbp-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}.chbp-env{--tx:4deg;--ty:0deg;position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:none;color:inherit;cursor:pointer;transform:rotateX(var(--tx)) rotateY(var(--ty));transition:transform .6s var(--ease);-webkit-tap-highlight-color:transparent}.chbp-env:focus-visible{outline:2px solid var(--champ);outline-offset:8px;border-radius:8px}.chbp-env>span{position:absolute;display:block}.chbp-env__shadow{left:4%;right:4%;bottom:-9%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(23,42,69,.32),transparent);filter:blur(6px);z-index:0;transition:opacity .8s}.chbp-env__back{top:0;right:0;bottom:0;left:0;z-index:1;border-radius:6px;background:radial-gradient(circle at 50% 0%,rgba(23,42,69,.16),transparent 60%),repeating-linear-gradient(45deg,rgba(198,166,107,.1) 0 2px,transparent 2px 12px),repeating-linear-gradient(-45deg,rgba(198,166,107,.1) 0 2px,transparent 2px 12px),linear-gradient(180deg,#e7dfd1,#efe8dc);box-shadow:0 2px #fff9 inset,0 18px 40px -16px #172a4573,0 0 0 1px #a0947e40}.chbp-env__card{left:5%;right:5%;top:6%;height:90%;z-index:2;border-radius:4px;background:var(--paper),linear-gradient(180deg,#fff,#faf7f1);border:1px solid rgba(198,166,107,.65);box-shadow:0 0 0 4px #fff inset,0 0 0 5px #bfc1c599 inset,0 6px 14px #172a451f;--lift:0%;--cx:0px;--cy:0px;--cs:1;transform:translate3d(var(--cx),var(--cy),0) translateY(var(--lift)) scale(var(--cs));transform-origin:50% 50%;transition:transform 1.15s cubic-bezier(.3,.7,.2,1),background-color .6s,border-color .6s,box-shadow .6s;will-change:transform}.chbp-env__corner{position:absolute;width:13%;height:auto;color:var(--champ);opacity:.9}.chbp-env__corner--tl{left:3%;top:4%}.chbp-env__corner--tr{right:3%;top:4%;transform:scaleX(-1)}.chbp-env__card-inner{position:absolute;inset:7% 8% auto;display:grid;justify-items:center;gap:calc(var(--ew) * .006);transition:opacity .5s}.chbp-env__card-names{font:400 calc(var(--ew) * .098)/1.05 var(--script);color:var(--navy);white-space:nowrap}.chbp-env__card-sub{font:600 calc(var(--ew) * .03)/1 var(--serif);letter-spacing:.3em;text-transform:uppercase;color:var(--navy)}.chbp-env__card-emblem{width:42%;height:auto;margin-top:1%;filter:drop-shadow(0 6px 8px rgba(23,42,69,.18))}.chbp-mono{display:inline-flex;align-items:center;gap:.35em;font:600 calc(var(--ew) * .036)/1 var(--serif);letter-spacing:.08em;color:var(--champ-d)}.chbp-mono svg{width:1.15em;height:1.15em;color:var(--champ)}.chbp-env__front{top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.chbp-env__front>span{position:absolute;top:0;right:0;bottom:0;left:0}.chbp-env__side{background:var(--paper),linear-gradient(90deg,#f6f2ea,#eee7db)}.chbp-env__side--l{clip-path:polygon(0 0,51% 55%,0 100%);background:var(--paper),linear-gradient(100deg,#f8f4ec,#ede6d9 70%)}.chbp-env__side--r{clip-path:polygon(100% 0,49% 55%,100% 100%);background:var(--paper),linear-gradient(260deg,#f8f4ec,#ede6d9 70%)}.chbp-env__bottom{filter:drop-shadow(0 -2px 2px rgba(120,105,80,.16))}.chbp-env__bottom:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0 0 6px 6px;clip-path:polygon(0 100%,0 66%,50% 46%,100% 66%,100% 100%);background:var(--paper),linear-gradient(180deg,#fbf8f2,#f3ede3 60%,#ece5d8)}.chbp-env__flo{position:absolute;width:24%;height:auto;opacity:.95}.chbp-env__flo--l{left:2.5%;bottom:5%}.chbp-env__flo--r{right:2.5%;bottom:5%;transform:scaleX(-1)}.chbp-env__flo--tl{left:1.5%;top:3%;width:19%;transform:scaleY(-1)}.chbp-env__flo--tr{right:1.5%;top:3%;width:19%;transform:scale(-1)}.chbp-env__hint{position:absolute;left:50%;bottom:9%;transform:translate(-50%);display:flex;align-items:center;gap:calc(var(--ew) * .02);width:max-content;max-width:72%}.chbp-env__hint-text{font:600 max(11px,var(--ew) * .031) /1.3 var(--sans);color:var(--navy);text-align:center;max-width:17ch;letter-spacing:.01em}.chbp-env__hint:after{content:"";position:absolute;left:8%;right:8%;bottom:-10px;height:1px;background:linear-gradient(90deg,transparent,var(--champ),transparent)}.chbp-env__tap{position:relative;display:grid;place-items:center;flex:none;width:max(30px,var(--ew) * .085);height:max(30px,var(--ew) * .085);color:var(--navy)}.chbp-env__tap .chbp-ico{width:100%;height:100%}.chbp-env__tap:before{content:"";position:absolute;left:18%;top:2%;width:44%;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--champ);animation:chbp-tap 1.8s ease-out infinite}@keyframes chbp-tap{0%{transform:scale(.5);opacity:1}to{transform:scale(1.7);opacity:0}}.chbp-env__flap{left:0;right:0;top:0;height:58%;z-index:5;transform-origin:50% 0;transform-style:preserve-3d;transform:perspective(1100px) rotateX(0);transition:transform 1.05s cubic-bezier(.55,.05,.35,1)}.chbp-env__flap-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.chbp-env__flap-face--out{filter:drop-shadow(0 3px 3px rgba(100,86,60,.24))}.chbp-env__flap-face--out:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px 6px 0 0;clip-path:polygon(0 0,100% 0,53.5% 95%,50% 100%,46.5% 95%);background:var(--paper),linear-gradient(180deg,#fffefb,#f7f2ea 70%,#efe8dc)}.chbp-env__flap-face--in{transform:rotateX(180deg)}.chbp-env__flap-face--in:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 100%,100% 100%,53.5% 5%,50% 0,46.5% 5%);background:repeating-linear-gradient(45deg,rgba(198,166,107,.16) 0 2px,transparent 2px 12px),repeating-linear-gradient(-45deg,rgba(198,166,107,.16) 0 2px,transparent 2px 12px),linear-gradient(0deg,#e9e1d3,#dcd2c1)}.chbp-env__flap-text{position:absolute;left:0;right:0;top:9%;display:grid;justify-items:center;gap:calc(var(--ew) * .008)}.chbp-env__names{font:400 calc(var(--ew) * .108)/1.02 var(--script);color:var(--navy);white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.8)}.chbp-env__sub{display:flex;align-items:center;gap:.8em;font:600 calc(var(--ew) * .031)/1 var(--serif);letter-spacing:.3em;text-transform:uppercase;color:var(--navy)}.chbp-env__sub:before,.chbp-env__sub:after{content:"";width:calc(var(--ew) * .05);height:1px;background:var(--champ)}.chbp-env__ribbon{top:46.5%;height:9%;z-index:6;width:50.5%;background:linear-gradient(180deg,#c9ccd1,#eeeff2 14%,#f9fafb 32%,#dcdee2 58%,#ecedf0 80%,#b6b9bf);box-shadow:0 2px 4px #172a4538,0 0 0 .5px #787c8266 inset;transition:transform .8s cubic-bezier(.5,0,.3,1),opacity .7s}.chbp-env__ribbon:after{content:"";position:absolute;left:0;right:0;top:28%;height:1px;background:#ffffffe6}.chbp-env__ribbon--l{left:0;border-radius:2px 0 0 2px;transform-origin:0 50%}.chbp-env__ribbon--r{right:0;border-radius:0 2px 2px 0;transform-origin:100% 50%}.chbp-env__seal{left:50%;top:51%;width:25%;aspect-ratio:1;z-index:7;transform:translate(-50%,-50%);transition:transform .7s var(--ease),opacity .6s,filter .6s;filter:drop-shadow(0 6px 8px rgba(23,42,69,.35))}.chbp-seal-svg{position:relative;width:100%;height:100%}.chbp-seal__num{font:600 44px/1 var(--serif)}.chbp-seal__label{font:700 8.5px/1 var(--sans);letter-spacing:.24em}.chbp-env__seal-glow{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,1),rgba(255,236,196,.75) 40%,transparent 72%);opacity:0;transform:scale(.6);transition:opacity .6s,transform .8s var(--ease)}.chbp-env:hover .chbp-env__seal{transform:translate(-50%,-50%) scale(1.04)}.chbp-intro__fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.chbp-intro__flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(circle at 50% 45%,#fff,#ffffffd9 40%,#f7f4ef00 75%);opacity:0;transition:opacity .7s}.chbp-intro.is-glow .chbp-env__seal-glow{opacity:1;transform:scale(1)}.chbp-intro.is-glow .chbp-env__seal{filter:drop-shadow(0 0 14px rgba(255,236,190,.95)) drop-shadow(0 6px 8px rgba(23,42,69,.3))}.chbp-intro.is-glow .chbp-env-stage{animation:none}.chbp-intro.is-glow .chbp-env{--tx:0deg!important;--ty:0deg!important}.chbp-intro.is-glow .chbp-intro__kicker,.chbp-intro.is-glow .chbp-intro__title,.chbp-intro.is-glow .chbp-intro__sound{opacity:0;pointer-events:none}.chbp-intro.is-glow .chbp-env__tap:before{animation:none;opacity:0}.chbp-intro.is-untie .chbp-env__ribbon--l{transform:translate(-70%) scaleX(.4);opacity:0}.chbp-intro.is-untie .chbp-env__ribbon--r{transform:translate(70%) scaleX(.4);opacity:0}.chbp-intro.is-untie .chbp-env__seal{transform:translate(-50%,-70%) scale(1.25) rotate(-14deg);opacity:0}.chbp-intro.is-untie .chbp-env__hint{opacity:0;transition:opacity .4s}.chbp-intro.is-flap .chbp-env__flap{transform:perspective(1100px) rotateX(180deg)}.chbp-intro.is-flap-back .chbp-env__flap{z-index:1}.chbp-intro.is-lift .chbp-env__card{--lift:-58%}.chbp-intro.is-zoom .chbp-env__card{transition:transform 1.1s cubic-bezier(.6,0,.2,1),background-color .8s,border-color .8s,box-shadow .8s;background:var(--ivory);border-color:transparent;box-shadow:none}.chbp-intro.is-zoom .chbp-env__card-inner,.chbp-intro.is-zoom .chbp-env__corner{opacity:0}.chbp-intro.is-zoom .chbp-env__back,.chbp-intro.is-zoom .chbp-env__front,.chbp-intro.is-zoom .chbp-env__flap,.chbp-intro.is-zoom .chbp-env__shadow{opacity:0;transition:opacity .6s}.chbp-intro.is-zoom .chbp-intro__lily{opacity:0}.chbp-intro.is-zoom .chbp-intro__lily--tl{transform:rotate(160deg) scaleX(-1) translate(-30px,30px)}.chbp-intro.is-zoom .chbp-intro__lily--br{transform:rotate(-12deg) scaleX(-1) translate(-30px,30px)}.chbp-intro.is-flash .chbp-intro__flash{opacity:1}.chbp-intro.is-out{opacity:0;visibility:hidden;pointer-events:none}@media (max-height:520px){.chbp-intro{gap:10px;--ew:min(70vw, calc((100vh - 120px)*1.42) )}.chbp-intro__title{display:none}}@media (prefers-reduced-motion:reduce){.chbp-env-stage,.chbp-intro__bg i,.chbp-env__tap:before{animation:none}.chbp-env{--tx:0deg}.chbp-env__flap,.chbp-env__card,.chbp-env__ribbon,.chbp-env__seal{transition:none}.chbp-intro{transition:opacity .4s}}