.bio-page{max-width:560px;padding:28px max(20px,env(safe-area-inset-right)) 32px;min-height:100dvh;margin:0 auto}.bio-profile{align-items:center;gap:16px;display:flex}.bio-profile img{object-fit:cover;object-position:50% 28%;border:1px solid var(--line);border-radius:50%;flex:none;width:76px;height:76px}.bio-profile h1{font-size:28px}.bio-profile p{color:var(--mute);margin-top:6px;font-size:13px;line-height:1.5}.bio-badges{flex-wrap:wrap;gap:8px;margin:20px 0 28px;display:flex}.bio-badges span{color:var(--petrol);background:var(--linen);border-radius:var(--radius);padding:6px 9px;font-size:11px;font-weight:600}.bio-heading{border-top:1px solid var(--line);padding-top:24px}.bio-heading h2{font-size:28px}.bio-heading p{color:var(--mute);margin-top:10px;font-size:14px;line-height:1.65}.bio-page .qf{width:100%;height:auto;max-height:none;box-shadow:none;background:0 0;margin:0}.bio-page .qf form{height:auto;max-height:none}.bio-page .qf-body{gap:20px;padding:24px 0;overflow:visible}.bio-page .qf-foot{padding:20px 0 0}.bio-page .qf-f>span,.bio-page .qf-f legend{line-height:1.55}.bio-page .qf-chips span{padding:9px 12px;font-size:13px}.bio-page .qf input:not([type=checkbox]),.bio-page .qf select{font-size:16px}.bio-page .qf-group{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}body:has(.bio-page){padding-bottom:0}.bio-progress{background:var(--line);border-radius:3px;height:3px;margin-top:20px;overflow:hidden}.bio-progress i{background:var(--petrol);width:0;height:100%;transition:width .25s;display:block}.bio-step{gap:12px;display:grid}.bio-step[hidden]{display:none}.bio-enter{animation:.25s both bioIn}@keyframes bioIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.bio-enter{animation:none}.bio-progress i{transition:none}}.bio-cards{gap:8px;display:grid}.bio-card{text-align:left;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;min-height:48px;padding:14px 16px;font-size:15px}.bio-card[aria-checked=true]{background:var(--petrol);color:var(--on-petrol);border-color:var(--petrol)}.bio-card:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.bio-next-row{align-items:center;gap:18px;margin-top:4px;display:flex}.bio-next{width:auto}.bio-skip{color:var(--mute);font-size:14px}.bio-page .qf-foot{border-top:0}.bio-foot{text-align:center;padding:28px 16px 36px;font-size:14px}.bio-foot a{color:var(--mute)}.bio-materials{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.bio-materials .cta{gap:16px;display:grid}.bio-materials h2{font-size:28px;line-height:1.25}.bio-materials h3{font-size:24px;line-height:1.3}.bio-materials p{color:var(--mute);font-size:15px;line-height:1.65}.bio-materials .prod{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);gap:14px;padding:20px;display:grid}.bio-materials .prod-k{color:var(--petrol);font-size:12px;font-weight:600}.bio-materials .prod-p b{color:var(--ink);font-size:24px}.bio-materials .btn{background:var(--petrol);color:var(--on-petrol);white-space:normal;text-align:center}.bio-materials .where{font-size:13px}.bio-materials a:not(.btn){color:var(--petrol)}.bio-materials [hidden]{display:none}.bio-materials .materials-confirmation{color:var(--ink);align-items:flex-start;gap:10px;display:flex}.bio-materials .materials-confirmation span{color:var(--petrol);flex:none;font-weight:700}.bio-materials .materials-social{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:14px;padding:20px 0;display:grid}.bio-materials .materials-social-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.bio-materials .materials-social-links .btn{letter-spacing:0;gap:8px;min-height:48px;padding:12px 8px;font-size:12px;display:flex}.bio-materials .materials-social-links svg{flex:none;width:20px;height:20px}.bio-materials .materials-products-title{margin-top:8px}@media (width<=600px){.bio-materials .materials-social-links{grid-template-columns:1fr}}
