.bio{min-height:100dvh;color:var(--bio-ink);font-family:var(--font-body),"Plus Jakarta Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate;position:relative;container-type:inline-size}.bio.bio-preview{border-radius:inherit;min-height:100%;overflow:hidden}.bio-bg{z-index:-1;background:var(--bio-bg);position:fixed;inset:0}.bio.bio-preview .bio-bg{position:absolute}.bio-bg:after{content:"";pointer-events:none;background:radial-gradient(40% 30% at 30% 20%,#ffffff29,#0000 70%),radial-gradient(35% 28% at 75% 70%,#ffffff17,#0000 70%);animation:22s ease-in-out infinite alternate bio-drift;position:absolute;inset:-20%}.bio.light .bio-bg:after{background:radial-gradient(40% 30% at 30% 20%,#ffffff8c,#0000 70%),radial-gradient(35% 28% at 75% 70%,#ffffff4d,#0000 70%)}.bio.img .bio-bg:before{content:"";z-index:1;background:linear-gradient(#00000059 0%,#0000002e 35%,#0000008c 100%);position:absolute;inset:0}.bio.img .bio-bg:after{display:none}@keyframes bio-drift{to{transform:translate(4%,3%)scale(1.06)}}.bio-col{justify-items:center;gap:22px;max-width:520px;margin:0 auto;padding:56px 20px 36px;display:grid}.bio.bio-preview .bio-col{gap:18px;padding:40px 16px 28px}.bio-head,.bio-soc,.bio-btn,.bio-shop,.bio-foot{animation:.6s cubic-bezier(.2,.8,.2,1) both bio-in;animation-delay:var(--d,0s)}@keyframes bio-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.bio-head{text-align:center;justify-items:center;gap:6px;display:grid}.bio-ava{background:conic-gradient(from 210deg,var(--bio-acc),#ffffff59,var(--bio-acc));border-radius:50%;width:108px;height:108px;margin-bottom:8px;padding:4px;box-shadow:0 14px 40px #00000040}.bio.light .bio-ava{background:conic-gradient(from 210deg,#16201bd9,#16201b26,#16201bd9);box-shadow:0 14px 34px #16201b2e}.bio-ava img,.bio-ava span{object-fit:cover;color:#bbe653;width:100%;height:100%;font:700 40px/1 var(--font-display),system-ui,sans-serif;background:#0d3225;border:3px solid #ffffffe6;border-radius:50%;place-items:center;display:grid}.bio-head h1{font-family:var(--font-display),"Sora",system-ui,sans-serif;overflow-wrap:anywhere;letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(22px,7cqi,30px);font-weight:700;line-height:1.15}.bio-handle{color:var(--bio-sub);margin:0;font-size:14px;font-weight:600}.bio-tag{max-width:36ch;color:var(--bio-sub);text-wrap:pretty;margin:4px 0 0;font-size:15.5px;line-height:1.5}.bio-soc{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.bio-soc a{width:46px;height:46px;color:var(--bio-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;place-items:center;transition:transform .2s,background .2s;display:grid}.bio.light .bio-soc a{background:#16201b0f;border-color:#16201b1a}.bio-soc a:hover{background:#ffffff38;transform:translateY(-3px)scale(1.06)}.bio.light .bio-soc a:hover{background:#16201b1f}.bio-links{gap:12px;width:100%;display:grid}.bio-btn{background:var(--bio-btn);min-height:58px;color:var(--bio-btn-ink);border:1.5px solid var(--bio-btn-line);text-align:center;-webkit-backdrop-filter:blur(10px);border-radius:18px;justify-content:center;align-items:center;padding:14px 22px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000029}.bio.light .bio-btn{box-shadow:0 8px 22px #16201b1f}.bio-btn span{z-index:1;position:relative}.bio-btn:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.bio-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px #00000038}.bio-btn:hover:after{transform:translate(120%)}.bio-btn:active{transform:scale(.98)}.bio-btn:focus-visible,.bio-soc a:focus-visible,.bio-prod:focus-visible{outline:3px solid var(--bio-acc);outline-offset:3px}.bio-coop{color:var(--bio-ink);border:1.5px dashed var(--bio-sub);box-shadow:none;background:0 0}.bio-shop{gap:10px;width:100%;display:grid}.bio-shop h2{font:700 15px/1.2 var(--font-display),system-ui,sans-serif;text-align:center;letter-spacing:.02em;text-transform:uppercase;color:var(--bio-sub);margin:6px 0 0}.bio-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bio-prod{min-height:96px;color:var(--bio-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:16px;align-content:space-between;gap:6px;padding:14px;text-decoration:none;transition:transform .2s;display:grid}.bio.light .bio-prod{background:#fff9;border-color:#16201b14}.bio-prod:hover{transform:translateY(-2px)}.bio-prod b{font-size:14px;line-height:1.3}.bio-prod span{color:var(--bio-sub);font-size:12px;font-weight:600}.bio-note{color:var(--bio-sub);text-align:center;margin:0;font-size:11.5px}.bio-foot{color:var(--bio-sub);justify-items:center;gap:8px;margin-top:10px;font-size:12.5px;display:grid}.bio-foot p{margin:0}.bio-foot a{color:inherit}.bio-brand{opacity:.85;border:1px solid;border-radius:999px;padding:6px 12px;font-weight:700;text-decoration:none}@media (prefers-reduced-motion:reduce){.bio-bg:after,.bio-head,.bio-soc,.bio-btn,.bio-shop,.bio-foot{animation:none}.bio-btn,.bio-soc a,.bio-prod{transition:none}}.bio h1,.bio h2,.bio p,.bio b{color:inherit}.bio .bio-head h1{color:var(--bio-ink);letter-spacing:-.02em;font-size:clamp(22px,7cqi,30px);line-height:1.15}.bio .bio-handle,.bio .bio-tag,.bio .bio-shop h2,.bio .bio-note,.bio .bio-foot{color:var(--bio-sub)}.bio .bio-btn,.bio .bio-btn span{color:var(--bio-btn-ink)}.bio .bio-coop,.bio .bio-coop span{color:var(--bio-ink)}.bio.dark:not(.img) .bio-tag,.bio.dark:not(.img) .bio-handle{text-shadow:0 1px 14px #0000002e}.bio .bio-head h1.long,.pz .bio .bio-head h1.long{font-size:clamp(19px,5.6cqi,24px)}.bio .bio-head h1.xlong,.pz .bio .bio-head h1.xlong{font-size:clamp(17px,4.6cqi,20px)}.pz .bio .bio-head h1:not(.long):not(.xlong){font-size:clamp(22px,7cqi,30px)}.pz .bio .bio-tag{font-size:15.5px}.pz .bio .bio-btn{font-size:16px}
