.vcard{padding:clamp(120px,13vw,160px) 0 clamp(60px,7vw,90px)}.vcard__layout{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(30px,5vw,80px);display:grid}.vcard__stage{perspective:1600px;justify-items:center;gap:22px;display:grid;position:relative}.vcard__glow{filter:blur(20px);pointer-events:none;background:radial-gradient(closest-side,#f0cf7e52,#0000 75%);border-radius:50%;position:absolute;inset:10% 6%}.bcard-tilt{width:min(100%,560px);transform-style:preserve-3d;position:relative}.bcard{aspect-ratio:1.68;transform-style:preserve-3d;transition:transform .9s var(--ease);cursor:pointer;position:relative}.bcard.is-flipped{transform:rotateY(180deg)}.bcard__face{backface-visibility:hidden;background:linear-gradient(135deg,#1a1917,#0b0b0c 55%,#141312);border-radius:18px;padding:clamp(22px,4vw,40px);display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 40px 80px -40px #000000e6,0 0 0 1px #d6aa5259}.bcard__face--front{grid-template-columns:auto 1fr;align-items:center;gap:clamp(16px,3vw,30px)}.bcard__face--back{grid-template-columns:auto 1fr;align-items:center;gap:clamp(16px,3vw,30px);transform:rotateY(180deg)}.bcard__frame{pointer-events:none;border:1px solid #d6aa5259;border-radius:12px;position:absolute;inset:10px}.bcard__frame:before,.bcard__frame:after{content:"";border:2px solid var(--gold);width:22px;height:22px;position:absolute}.bcard__frame:before{top:-2px;border-inline-end:0;border-bottom:0;border-start-start-radius:12px;inset-inline-start:-2px}.bcard__frame:after{bottom:-2px;border-inline-start:0;border-top:0;border-end-end-radius:12px;inset-inline-end:-2px}.bcard__sheen{animation:sheen 6s var(--ease) infinite;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff14 45%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}@keyframes sheen{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.bcard__logo{aspect-ratio:1;background:radial-gradient(circle at 40% 30%,#221f19,#0b0b0c 70%);border:1px solid #d6aa5280;border-radius:50%;place-items:center;width:clamp(96px,16vw,150px);display:grid;position:relative}.bcard__logo img{width:74%;height:auto}.bcard__id{gap:4px;display:grid;position:relative}.bcard__latin{font:500 clamp(11px, 1.4vw, 13px)/1 var(--f-ui);letter-spacing:.3em;color:var(--gold)}.bcard__name{font:600 clamp(30px, 5vw, 50px)/1 var(--f-ui);color:var(--ink)}.bcard__role{font:500 clamp(13px, 1.8vw, 17px)/1.3 var(--f-ui);color:var(--ink-dim)}.bcard__rule{background:linear-gradient(270deg, var(--gold-hi), var(--gold));width:48px;height:2px;margin:clamp(6px,1.2vw,12px) 0;display:block}.bcard__tag{color:var(--gold-hi);font-size:clamp(12px,1.5vw,14px);line-height:1.5}.bcard__qr{background:#fffdf8;border-radius:10px;width:clamp(96px,16vw,150px);padding:10px;position:relative}.bcard__qr img{width:100%;height:auto;display:block}.bcard__back-text{gap:6px;display:grid;position:relative}.bcard__back-title{font:600 clamp(15px, 2.2vw, 22px)/1.2 var(--f-ui);color:var(--ink)}.bcard__lines{color:var(--ink-dim);font-variant-numeric:tabular-nums;gap:3px;font-size:clamp(12px,1.6vw,15px);display:grid}.bcard__area{color:var(--gold);margin-top:8px;font-size:clamp(12px,1.5vw,13px)}.vcard__flip{border:1px solid var(--line-strong);min-height:44px;font:500 14px/1 var(--f-ui);color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:0 18px;transition:border-color .3s,color .3s;display:inline-flex}.vcard__flip svg{fill:none;width:18px;height:18px;stroke:var(--gold);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;transition:transform .6s var(--ease)}.vcard__flip:hover{border-color:var(--gold);color:var(--gold-hi)}.vcard__flip[aria-pressed=true] svg{transform:rotate(180deg)}.vcard__panel{gap:16px;display:grid}.vcard__lead{max-width:44ch;color:var(--ink-dim);font-size:clamp(16px,1.3vw,18px);line-height:1.7}.vcard__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.vaction{border:1px solid var(--line);min-height:64px;color:var(--ink);text-align:start;transition:border-color .3s, background .3s, transform .4s var(--ease);background:#0e0d0cb3;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.vaction:hover{border-color:var(--gold);background:#d6aa521a;transform:translateY(-2px)}.vaction__icon{background:var(--black);border:1px solid var(--line-strong);width:42px;height:42px;color:var(--gold-hi);border-radius:50%;flex:none;place-items:center;display:grid}.vaction__icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.vaction--wa .vaction__icon{color:#fff;background:#25d366;border-color:#25d366}.vaction--gold{background:#d6aa521f;border-color:#d6aa5299}.vaction__text{min-width:0;display:grid}.vaction__text strong{font:600 16px/1.25 var(--f-ui)}.vaction__text small{color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.vfact{border:1px solid var(--line);color:#202124;transition:transform .4s var(--ease);background:#fffdf8;border-radius:14px;justify-self:start;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:inline-flex}.vfact:hover{transform:translateY(-3px)}.vfact__g{flex:none;width:28px;height:28px}.vfact strong{font:600 20px/1 var(--f-ui)}.vfact__stars{color:#fbbc04;letter-spacing:1px}.vfact small{color:#5f6368;font-size:13px;display:block}.vcard__label{color:var(--gold);margin-bottom:8px;font-size:14px}.vcard__chips{flex-wrap:wrap;gap:8px;display:flex}.vcard__chips a,.vcard__chips span{border:1px solid var(--line);min-height:40px;color:var(--ink);border-radius:999px;align-items:center;padding:0 14px;font-size:14px;text-decoration:none;transition:border-color .3s,background .3s;display:inline-flex}.vcard__chips a:hover{border-color:var(--gold);background:#d6aa521a}@media (width<=960px){.vcard__layout{grid-template-columns:1fr}.vcard__panel .crumbs{display:none}}@media (width<=560px){.vcard{padding-top:100px}.vcard__actions{grid-template-columns:1fr}.bcard__face--front,.bcard__face--back{grid-template-columns:auto 1fr;gap:14px;padding:18px}.bcard__logo,.bcard__qr{width:84px}}@media (prefers-reduced-motion:reduce){.bcard__sheen{animation:none}.bcard{transition:none}}.a11y-motion .bcard__sheen{animation:none}button.vaction{text-align:start;width:100%}.bcard__role--2{margin-top:2px}.vcard__chips span{color:var(--gold);border-color:#d6aa5273}