.zn-about-id{flex-wrap:wrap;align-items:center;gap:1.6rem 2rem;margin-top:clamp(2rem,4vw,3rem);display:flex}.zn-avatar{aspect-ratio:1;width:clamp(8.5rem,20vw,11.5rem);color:var(--night);transition:rotate .5s var(--spring), scale .5s var(--spring);place-items:center;display:grid;position:relative;rotate:-7deg}.zn-avatar svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.zn-avatar-sh{fill:var(--night);translate:6px 6px}.zn-avatar-fill{fill:var(--mint);stroke:var(--night);stroke-width:2.2px;stroke-linejoin:miter;transform-box:fill-box;transform-origin:50%}.zn-avatar-spin{position:absolute;inset:0}.zn-avatar-img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;position:absolute;inset:0}.zn-avatar-edge{transform-box:fill-box;transform-origin:50%;fill:none;stroke:var(--night);stroke-width:2.2px;stroke-linejoin:miter}@media (hover:hover){.zn-avatar:hover{rotate:5deg;scale:1.06}}.zn-role{color:var(--night);border:3px solid var(--night);box-shadow:5px 5px 0 var(--night);font:700 clamp(.8rem, 1.6vw, 1rem) / 1.2 var(--f-mono);background:#fff;margin:0;padding:.6rem 1.1rem;rotate:1.5deg}@media (prefers-reduced-motion:no-preference){.zn-avatar-fill,.zn-avatar-edge,.zn-avatar-spin{animation:30s linear infinite zn-about-spin}.zn-avatar-img{animation:30s linear infinite reverse zn-about-spin}@keyframes zn-about-spin{to{transform:rotate(360deg)}}}.zn-about-sec{background:var(--paper);color:var(--ink);padding:clamp(4rem,8vw,7rem) 0}.zn-about-sec--sky{--shadow-color:var(--night);--focus:var(--night);background:var(--sky);color:var(--night);border-block:4px solid var(--edge)}.zn-about-sec--lav{--shadow-color:var(--night);--focus:var(--night);background:var(--lavender);color:var(--night);border-block:4px solid var(--edge)}.zn-about-sec--sky .zn-zig path,.zn-about-sec--lav .zn-zig path{stroke:var(--night)}.zn-about-sec .zn-head{margin-bottom:clamp(2.2rem,4vw,3.2rem)}.zn-stamp{background:var(--surface);color:var(--ink);border:3px solid var(--edge);box-shadow:4px 4px 0 var(--shadow-color);font:700 .78rem/1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:.55rem 1rem;rotate:2deg}.zn-pr-grid{grid-template-columns:1fr;gap:2.4rem 1.8rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.zn-pr-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1060px){.zn-pr-grid{grid-template-columns:repeat(4,1fr)}}.zn-pr{--spot:var(--mint);height:100%;rotate:var(--rot);background:var(--spot);color:var(--night);border:3px solid var(--edge);box-shadow:8px 8px 0 var(--shadow-color);transition:rotate .45s var(--spring), translate .3s var(--expo), box-shadow .3s var(--expo);padding:1.6rem 1.4rem 1.7rem;position:relative}.zn-pr-no{font:800 3.4rem / .8 var(--f-display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:2px var(--night);margin-bottom:1.6rem;display:block}.zn-pr h3{font:800 1.55rem / 1.02 var(--f-display);letter-spacing:-.025em;margin:0 0 .7rem}.zn-pr p{text-wrap:pretty;margin:0;font-weight:500;line-height:1.5}.zn-pr:after{content:"";background:var(--night);border-radius:50%;width:1rem;height:1rem;position:absolute;top:1.1rem;right:1.1rem}.zn-pr:active{box-shadow:13px 13px 0 var(--shadow-color);translate:-5px -5px;rotate:0deg}@media (hover:hover){.zn-pr:hover{box-shadow:13px 13px 0 var(--shadow-color);translate:-5px -5px;rotate:0deg}}.zn-sk-grid{grid-template-columns:1fr;gap:2.2rem 1.8rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=820px){.zn-sk-grid{grid-template-columns:repeat(3,1fr)}}.zn-sk{height:100%;rotate:var(--rot);background:var(--surface);color:var(--ink);border:3px solid var(--edge);box-shadow:8px 8px 0 var(--shadow-color);padding:1.4rem 1.4rem 1.6rem}.zn-sk h3{border-bottom:3px dashed var(--edge);font:700 .76rem/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;margin:0 0 1rem;padding-bottom:.7rem}.zn-sk ul{flex-wrap:wrap;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.zn-sk li{background:var(--tint);border:3px solid var(--edge);font:800 1.05rem/1 var(--f-display);letter-spacing:-.01em;transition:rotate .35s var(--spring), background-color .2s;padding:.5rem .8rem}.zn-sk li:nth-child(odd){rotate:-1.5deg}.zn-sk li:nth-child(2n){rotate:1.2deg}@media (hover:hover){.zn-sk li:hover{background:var(--yellow);color:var(--night);rotate:0deg}}.zn-tl{--gut:clamp(2.6rem, 6vw, 4rem);padding:0 0 0 var(--gut);max-width:58rem;margin:0;list-style:none;position:relative}.zn-tl:before{content:"";top:.4rem;bottom:.4rem;left:calc(var(--gut) / 2 - 2px);border-left:4px dashed var(--edge);position:absolute}.zn-tl-item{--spot:var(--sky);background:var(--surface);color:var(--ink);border:3px solid var(--edge);box-shadow:6px 6px 0 var(--shadow-color);transition:translate .3s var(--expo), box-shadow .3s var(--expo);gap:.5rem;margin-bottom:1.6rem;padding:1.1rem 1.3rem 1.2rem;display:grid;position:relative}.zn-tl-item:last-child{margin-bottom:0}.zn-tl-item:before{content:"";top:1.2rem;left:calc(var(--gut) / -2 - 1.1rem);background:var(--spot);border:3px solid var(--edge);width:1.8rem;height:1.8rem;transition:rotate .45s var(--spring);position:absolute;rotate:45deg}.zn-tl-date{background:var(--spot);color:var(--night);border:2px solid var(--edge);font:700 .72rem/1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;justify-self:start;margin:0;padding:.3rem .6rem}.zn-tl-title{font:800 clamp(1.25rem, 2.4vw, 1.6rem) / 1.1 var(--f-display);letter-spacing:-.02em;margin:0}.zn-tl-org{color:var(--dim);font:600 .8rem/1.4 var(--f-mono);margin:0}@media (hover:hover){.zn-tl-item:hover{box-shadow:6px 6px 0 var(--pink);translate:8px}.zn-tl-item:hover:before{rotate:135deg}}.zn-ff-grid{counter-reset:ff;grid-template-columns:1fr;gap:2.4rem 1.8rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.zn-ff-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.zn-ff-grid{grid-template-columns:repeat(3,1fr)}}.zn-ff{counter-increment:ff;height:100%;rotate:var(--rot);background:var(--surface);color:var(--ink);border:3px solid var(--edge);box-shadow:8px 8px 0 var(--shadow-color);transition:rotate .45s var(--spring), translate .3s var(--expo);padding:2rem 1.4rem 1.6rem;position:relative}.zn-ff:before{content:"";background:#ffffffb8;border-inline:2px dashed #0d0b1e4d;width:4.4rem;height:1.5rem;position:absolute;top:-.8rem;left:50%;translate:-50%;rotate:4deg}.zn-ff:after{content:"#" counter(ff, decimal-leading-zero);font:700 .72rem/1 var(--f-mono);color:var(--dim);position:absolute;top:.6rem;right:.9rem}.zn-ff p{text-wrap:pretty;margin:0;font-size:1.1rem;font-weight:500;line-height:1.5}@media (hover:hover){.zn-ff:hover{translate:0 -5px;rotate:0deg}}.zn-about-cta{--shadow-color:var(--night);--focus:var(--night);background:var(--paper);padding:clamp(4rem,8vw,7rem) 0 clamp(5rem,9vw,8rem)}.zn-about-cta-card{background:var(--mint);color:var(--night);border:3px solid var(--edge);box-shadow:10px 10px 0 var(--night), 18px 18px 0 var(--pink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem 2.5rem;padding:clamp(1.8rem,4vw,3rem);display:flex;rotate:-.8deg}.zn-about-cta-tag{font:700 .8rem/1 var(--f-mono);letter-spacing:.05em;margin:0 0 .8rem}.zn-about-cta-h{font:800 clamp(2.2rem, 5vw, 3.8rem) / .95 var(--f-display);letter-spacing:-.03em;text-wrap:balance;margin:0}.zn-about-cta-btns{flex-wrap:wrap;gap:1.2rem;display:flex}.zn-about-cta .zn-btn--outline{border-color:var(--night)}