/* ABOUT */
.about .pix-title{margin-bottom:30px}
.side-tabs{position:absolute;left:0;top:300px;display:flex;flex-direction:column;gap:8px}
.tab{display:flex;align-items:center;gap:6px;border:1.5px solid var(--ink);border-left:0;font-family:var(--mono);font-size:10px;font-weight:700;padding:5px 12px 5px 18px;background:#fff;transition:padding .3s var(--ease),background .3s}
.tab span{width:8px;height:8px;border-radius:50%;background:var(--ink)}
.tab:nth-child(1){background:var(--yellow)}.tab:nth-child(2){background:var(--pink);color:#fff}.tab:nth-child(3){background:var(--blue);color:#fff}
.tab:nth-child(n) span{background:currentColor}
.tab:hover,.tab.on{padding-left:34px}
.about-card{position:relative;max-width:820px;margin:0 auto;border:1.5px solid #e9a07f;padding:40px 230px 40px 40px;background:rgba(255,255,255,.35);min-height:380px}
.tag-y{display:inline-block;background:var(--yellow);padding:2px 8px;font-weight:700;font-size:10px;margin-bottom:16px}
.tag-y.sm{position:absolute;bottom:-12px;right:-10px;margin:0}
.pl-mini{right:30px;top:30px;width:160px;transform:rotate(4deg)}
.mid{font-size:clamp(17px,1.7vw,21px);line-height:1.55;margin-bottom:14px}
.small+.small{margin-top:10px}
.tab-pane{display:none;animation:fadeUp .5s var(--ease)}
.tab-pane.on{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}}
.journey{list-style:none;display:grid;gap:14px}
.journey li{font-size:14px;padding-left:16px;border-left:3px solid var(--yellow)}
.journey b{display:block;font-family:var(--mono);font-size:11px;color:var(--muted)}