html:has(.cm-hero){background:var(--cm-page,#fff)}
.cm-hero__card{position:absolute;z-index:3;left:var(--cv-l,7%);top:var(--cv-t,14%);width:var(--cv-w,42%);height:var(--cv-h,72%);container-type:inline-size;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 6cqw;border-radius:var(--cm-radius);overflow:hidden;background:rgba(255,255,255,var(--hg,.72));-webkit-backdrop-filter:blur(var(--cm-blur)) saturate(180%);backdrop-filter:blur(var(--cm-blur)) saturate(180%);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(10,40,60,.28),inset 0 1px 0 #fff;animation:cmcard 1.1s cubic-bezier(.2,.8,.2,1) both,cmfloat 7s ease-in-out 1.2s infinite}
.cm-hero__card::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);transform:translateX(-130%);animation:cmshine 6s ease-in-out 2s infinite;pointer-events:none}
.cm-hero__card>*{position:relative;animation:cmup .9s cubic-bezier(.2,.8,.2,1) both}
.cm-hero__card>*:nth-child(1){animation-delay:.35s}.cm-hero__card>*:nth-child(2){animation-delay:.55s}.cm-hero__card>*:nth-child(3){animation-delay:.75s}
@keyframes cmcard{from{opacity:0;transform:translateY(46px) scale(.95)}}
@keyframes cmup{from{opacity:0;transform:translateY(26px)}}
.cm-hero__h{margin:0;font-family:var(--cm-font-head,'Playfair Display',serif);font-weight:400;font-size:var(--hh,9cqw);line-height:1.04;color:var(--hcol,#666);white-space:pre-line}
.cm-hero__t{margin:3.2cqw 0 0;font-family:var(--cm-font-body,'Poppins',sans-serif);font-size:var(--hp,2.8cqw);line-height:1.55;color:var(--tcol,#75809f);max-width:92%}
.cm-hero__b{display:flex;gap:2.4cqw;margin-top:4.6cqw;flex-wrap:wrap;justify-content:center}
.cm-hero__b a{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;height:7.4cqw;min-height:36px;padding:0 4.6cqw;border-radius:1.4cqw;font:600 var(--hb,2.3cqw)/1 var(--cm-font-body,'Poppins',sans-serif);background:var(--b1bg,#0b5a80);color:var(--b1fg,#fff);border:1.5px solid var(--b1bg,#0b5a80);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .3s,color .3s}
.cm-hero__b a+a{background:var(--b2bg,#fff);color:var(--b2fg,#0f4c6e);border-color:var(--b2fg,#0f4c6e)}
.cm-hero__b a::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-130%);transition:transform .8s}
.cm-hero__b a:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,76,110,.35)}
.cm-hero__b a:hover::before{transform:translateX(130%)}
.cm-hero__b a+a:hover{background:var(--b2fg,#0f4c6e);color:#fff}
.cm-hero__b a:active{transform:scale(.95)}
.cm-bc__in{display:flex;gap:24px}
.cm-bcard{position:relative;flex:1;container-type:inline-size;aspect-ratio:var(--ar,588/300);border-radius:var(--cm-radius);overflow:hidden;box-shadow:0 14px 40px rgba(15,76,110,.16);transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}
.cm-bcard:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(15,76,110,.28)}
.cm-bcard__stage{position:absolute;inset:0;transition:transform 1.3s cubic-bezier(.2,.8,.2,1)}
.cm-bcard:hover .cm-bcard__stage{transform:scale(1.045)}
.cm-bcard__stage picture,.cm-bcard__stage picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cm-bcard__link{position:absolute;inset:0;z-index:1}
.cm-bcard__mask{position:absolute;inset:0;z-index:2;background:var(--pc,#fff);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);clip-path:var(--cp,none);pointer-events:none}
.cm-bcard__txt{position:absolute;z-index:3;color:var(--tc,#222);pointer-events:none}
.cm-bcard__eb{font:400 var(--es,2.6cqw)/1.2 var(--cm-font-head,'Playfair Display',serif);margin-bottom:1.6cqw}
.cm-bcard__h{margin:0;font:400 var(--hs,4.8cqw)/1.13 var(--cm-font-head,'Playfair Display',serif);white-space:pre-line}
.cm-bcard__p{margin:1.6cqw 0 0;font:400 var(--ps,2.5cqw)/1.42 var(--cm-font-body,'Poppins',sans-serif);color:var(--pcol,var(--tc,#222));white-space:pre-line}
.cm-bcard__p strong{color:var(--ac,inherit);font-weight:600}
.cm-bcard__badge{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;color:#fff;text-align:center;line-height:1.02;transform:translate(-50%,-50%);box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 2px 0 rgba(255,255,255,.35);animation:cmpulse 3.2s ease-in-out infinite;pointer-events:none}
.cm-bcard__badge b{display:block;font:700 var(--bs1,2cqw)/1 var(--cm-font-body,'Poppins',sans-serif);letter-spacing:.04em}
.cm-bcard__badge i{display:block;font:700 var(--bs2,3.6cqw)/1.05 var(--cm-font-body,'Poppins',sans-serif);font-style:normal}
@keyframes cmpulse{50%{transform:translate(-50%,-50%) scale(1.08)}}
.cm-bcard__btn{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;overflow:hidden;font:600 var(--bt,2.5cqw)/1 var(--cm-font-body,'Poppins',sans-serif);white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,filter .3s}
.cm-bcard__btn::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translateX(-130%);transition:transform .8s}
.cm-bcard__btn:hover{transform:translateY(-3px) scale(1.05);filter:brightness(1.1);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.cm-bcard__btn:hover::before{transform:translateX(130%)}
.cm-bcard__btn:active{transform:scale(.94)}
@media(max-width:989px){
.cm-hero__card{display:none}
.cm-bc__in{flex-direction:column;gap:12px}
.cm-bcard{flex:none;width:100%}
}