.about-overlay{z-index:99;opacity:0;pointer-events:none;background:#00000026;transition:opacity .5s;position:fixed;inset:0}.about-overlay--visible{opacity:1;pointer-events:auto}.about-drawer{color:#f1f1f1;z-index:100;will-change:transform;background:#181818;flex-direction:column;width:min(560px,42vw);height:100vh;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.about-drawer--open{transform:translate(0)}.about-drawer-header{z-index:1;background:#181818;border-bottom:1px solid #f1f1f11a;flex-shrink:0;justify-content:space-between;align-items:center;padding:28px 32px 24px;display:flex;position:sticky;top:0}.about-drawer-label{letter-spacing:.12em;color:#f1f1f180;font-size:11px;font-weight:600}.about-drawer-close{color:#f1f1f199;cursor:pointer;background:0 0;border:1px solid #f1f1f126;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;line-height:1;transition:border-color .2s,color .2s;display:flex}.about-drawer-close:hover{color:#f1f1f1;border-color:#f1f1f180}.about-drawer-close:focus-visible{outline-offset:2px;outline:2px solid #f1f1f199}.about-drawer-body{scrollbar-width:thin;scrollbar-color:#f1f1f126 transparent;flex:1;padding:40px 32px 48px;overflow-y:auto}.about-drawer-content{opacity:0;transition:opacity .4s .15s,transform .4s .15s;transform:translateY(8px)}.about-drawer--open .about-drawer-content{opacity:1;transform:translateY(0)}.about-project-name{letter-spacing:-.03em;color:#f1f1f1;margin-bottom:28px;font-size:clamp(28px,3vw,36px);font-weight:700;line-height:1}.about-intro{color:#f1f1f1bf;margin-bottom:16px;font-size:14px;line-height:1.7}@media (max-width:640px){.about-drawer{width:100vw}.about-drawer-header{padding:24px 24px 20px}.about-drawer-body{padding:32px 24px 48px}}@media (prefers-reduced-motion:reduce){.about-drawer,.about-overlay{transition:none}.about-drawer-content{opacity:1;transition:none;transform:none}}