.about-page{max-width:none;min-height:calc(100dvh - 13rem);padding-block:0 clamp(6rem,11vw,10rem);overflow:clip}.about-hero{width:min(58rem, calc(100% - (var(--gutter) * 2)));grid-template-columns:minmax(0,1fr) minmax(17rem,22rem);align-items:center;gap:clamp(1.5rem,5vw,4.5rem);min-height:29rem;margin-inline:auto;padding-block:clamp(3rem,7vw,5.5rem);display:grid}.about-hero__copy{z-index:2;max-width:34rem;position:relative}.about-hero__label{color:var(--muted);letter-spacing:.15em;margin-bottom:.65rem;font-size:.76rem;font-weight:700}.about-page .about-hero h1{font-family:var(--display);letter-spacing:-.055em;margin-bottom:1rem;font-size:clamp(4.2rem,9vw,6.5rem);font-weight:400;line-height:.94}.about-hero__summary{color:var(--muted);letter-spacing:.08em;margin:0;font-size:clamp(1rem,1.5vw,1.12rem)}.about-hero__art{z-index:1;margin:0;position:relative}.about-hero__art img{object-fit:contain;filter:drop-shadow(0 18px 24px #2b29261a);width:100%;max-height:25rem;transform:rotate(1deg)}.about-chapters{width:min(58rem, calc(100% - (var(--gutter) * 2)));border-top:1px solid var(--rule);margin-inline:auto;padding-top:clamp(2.5rem,6vw,5rem)}.about-chapters__heading{width:min(43.5rem,100%);color:var(--muted);letter-spacing:.14em;justify-content:space-between;margin:0 auto 1.35rem;font-size:.72rem;font-weight:700;display:flex}.about-chapters__heading h2,.about-contacts__heading h2{font:inherit;letter-spacing:inherit;margin:0}.about-showcase{gap:1.25rem;width:min(43.5rem,100%);margin-inline:auto;display:grid}.about-card-hitbox{--about-spot-x:50%;--about-spot-y:50%;width:100%;transform-style:preserve-3d}.about-card__reveal{width:100%}.about-card{width:100%;height:14.5rem;color:var(--ink-primary);text-align:left;background:var(--paper-light);border:1px solid var(--rule);cursor:pointer;transition:transform .36s var(--ease), box-shadow .6s cubic-bezier(.19, 1, .22, 1), border-color .28s var(--ease);border-radius:1.25rem;padding:1.5rem 1.75rem;display:block;position:relative;overflow:hidden;transform:translateY(0)}.about-card__spotlight{z-index:0;pointer-events:none;background:radial-gradient(circle 12rem at var(--about-spot-x) var(--about-spot-y), #efd26a47, transparent 72%);opacity:0;transition:opacity .32s var(--ease);position:absolute;inset:0}.about-card__copy{z-index:4;flex-direction:column;align-items:flex-start;width:49%;height:100%;display:flex;position:relative}.about-card__eyebrow{color:var(--ink-subtle);letter-spacing:.12em;margin-bottom:.5rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;font-weight:700}.about-card__title{width:fit-content;font-family:var(--display);letter-spacing:-.045em;background-image:linear-gradient(#ffe28a,#ffe28a);background-position:0 84%;background-repeat:no-repeat;background-size:0% 42%;font-size:3.35rem;font-weight:400;line-height:.98;transition:background-size .6s cubic-bezier(.19,1,.22,1);display:inline}.about-card__summary{max-width:20rem;color:var(--muted);margin-top:.8rem;font-size:.98rem;font-weight:600;line-height:1.55}.about-card__meta{min-height:1.8rem;color:var(--ink-muted);border:1px solid var(--rule);background:#ffffff8c;border-radius:999px;align-items:center;margin-top:auto;padding:.12rem .72rem;font-size:.72rem;font-weight:650;display:inline-flex}.about-card__number{z-index:1;color:#e4ddd0;font-family:var(--display);transition:color .32s var(--ease), transform .42s var(--ease);font-size:3.2rem;line-height:1;position:absolute;bottom:.35rem;left:1.65rem}.about-card__art{z-index:3;pointer-events:none;width:58%;position:absolute;top:-11%;bottom:-15%;right:-2.5%}.about-card__art img{object-fit:contain;object-position:50% 56%;filter:drop-shadow(0 12px 18px #2b29261a);transform-origin:50% 70%;width:100%;height:100%;transition:transform .7s cubic-bezier(.19,1,.22,1),filter .7s cubic-bezier(.19,1,.22,1);transform:translate(0)scale(1)}.about-card__open{z-index:5;border:1px solid var(--rule);width:2rem;height:2rem;transition:transform .28s var(--ease), background-color .28s var(--ease), border-color .28s var(--ease);background:#faf8f2e6;border-radius:50%;place-items:center;display:grid;position:absolute;top:1.45rem;right:1.55rem}.about-card:hover,.about-card:focus-visible{border-color:#d5d0c7;transform:translateY(-5px);box-shadow:0 3px 6px #2b29260a,0 26px 48px -18px #2b29262e}.about-card:hover .about-card__spotlight,.about-card:focus-visible .about-card__spotlight{opacity:1}.about-card:hover .about-card__title,.about-card:focus-visible .about-card__title{background-size:100% 42%}.about-card:hover .about-card__art img,.about-card:focus-visible .about-card__art img{filter:drop-shadow(0 22px 28px #2b292629);transform:translate(8px)scale(1.035)}.about-card:hover .about-card__number,.about-card:focus-visible .about-card__number{color:#d3c9b8;transform:translateY(-6px)}.about-card:hover .about-card__open,.about-card:focus-visible .about-card__open{background:#ffe28a;border-color:#d8bb59;transform:translate(2px,-2px)}.about-card:active{transition-duration:.12s;transform:translateY(-2px)scale(.998)}.about-dialog__backdrop{z-index:200;backdrop-filter:blur(9px);background:#2b292670;place-items:center;padding:clamp(1rem,4vw,2rem);animation:.22s both about-dialog-backdrop-in;display:grid;position:fixed;inset:0}.about-dialog{width:min(52rem,100%);max-height:min(50rem,88dvh);color:var(--ink-primary);background:var(--paper-light);border:1px solid #2b292629;border-radius:1.25rem;grid-template-rows:auto minmax(0,1fr) auto;animation:.42s cubic-bezier(.19,1,.22,1) both about-dialog-in;display:grid;overflow:hidden;box-shadow:0 36px 90px #19171447}.about-dialog__header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.35rem 1.6rem 1.15rem;display:flex}.about-dialog__eyebrow{color:var(--ink-subtle);letter-spacing:.12em;margin-bottom:.2rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;font-weight:700;display:block}.about-dialog__header h2{font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:clamp(2.8rem,6vw,4rem);font-weight:400;line-height:1}.about-dialog__close{border:1px solid var(--rule);cursor:pointer;width:2.45rem;height:2.45rem;transition:background-color .18s var(--ease), transform .18s var(--ease);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.about-dialog__close:hover{background:#ffe28a;transform:rotate(4deg)}.about-dialog__body{overscroll-behavior:contain;grid-template-columns:minmax(0,1.08fr) minmax(16rem,.92fr);gap:clamp(1.5rem,4vw,3rem);min-height:0;padding:clamp(1.5rem,4vw,2.5rem);display:grid;overflow-y:auto}.about-dialog__copy p{color:var(--muted)}.about-dialog__lead{font-size:clamp(1.08rem,2vw,1.25rem);font-weight:650;line-height:1.65;color:var(--ink-primary)!important}.about-dialog__highlights{flex-wrap:wrap;gap:.55rem;margin:1.7rem 0 0;padding:0;list-style:none;display:flex}.about-dialog__highlights li{color:var(--ink-muted);background:var(--paper-primary);border:1px solid var(--rule);border-radius:999px;padding:.28rem .72rem;font-size:.8rem;font-weight:650}.about-dialog__art{align-self:center;margin:0}.about-dialog__art img{object-fit:contain;filter:drop-shadow(0 18px 24px #2b29261f);width:100%;max-height:22rem}.about-dialog__footer{background:color-mix(in srgb, var(--paper-light) 92%, white);border-top:1px solid var(--rule);justify-content:flex-end;gap:.75rem;padding:1rem 1.6rem;display:flex}.about-dialog__secondary,.about-dialog__primary{border:1px solid var(--ink-primary);cursor:pointer;justify-content:center;align-items:center;gap:.45rem;min-height:2.7rem;padding:.45rem .9rem;font-weight:700;text-decoration:none;display:inline-flex}.about-dialog__secondary{background:0 0}.about-dialog__primary{color:var(--ink-primary);background:#ffe28a}.about-contacts{width:min(58rem, calc(100% - (var(--gutter) * 2)));margin-inline:auto;padding-top:clamp(4.5rem,9vw,8rem)}.about-contacts__heading{width:min(47.25rem,100%);color:var(--muted);letter-spacing:.14em;border-top:1px solid var(--rule);justify-content:space-between;margin:0 auto .35rem;padding-top:1.1rem;font-size:.72rem;font-weight:700;display:flex}.about-contacts__list{width:min(47.25rem,100%);margin-inline:auto}.about-contact{min-height:5.9375rem;color:var(--ink-primary);border-bottom:1px solid var(--rule);grid-template-columns:2.25rem 1.75rem 11.6375rem minmax(0,1fr) 1.25rem;align-items:center;gap:1rem;padding:1.625rem .25rem;text-decoration:none;transition:padding .7s cubic-bezier(.19,1,.22,1);display:grid}.about-contact__icon{width:2.25rem;height:2.25rem;color:var(--ink-primary);background:color-mix(in srgb, var(--paper-light) 78%, transparent);border:1px solid var(--rule);transition:color .32s var(--ease), background-color .5s cubic-bezier(.19, 1, .22, 1), border-color .5s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1);border-radius:.65rem;place-items:center;display:grid;transform:rotate(0)scale(1)}.about-contact--bilibili .about-contact__icon{color:#00a9d6}.about-contact--xiaohongshu .about-contact__icon{color:#e9364f}.about-contact__index{color:var(--ink-subtle);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1.5}.about-contact__name{letter-spacing:-.035em;background-image:linear-gradient(#ffe28a,#ffe28a);background-position:0 84%;background-repeat:no-repeat;background-size:0% 42%;width:fit-content;font-size:1.75rem;font-weight:800;line-height:1.5;transition:background-size .6s cubic-bezier(.19,1,.22,1);display:inline}.about-contact__value{min-width:0;color:var(--ink-subtle);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8125rem;line-height:1.5;transition:color .5s cubic-bezier(.19,1,.22,1);overflow:hidden}.about-contact__arrow{opacity:0;place-items:center;transition:opacity .5s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);display:grid;transform:translate(-.5rem)}.about-contact:hover,.about-contact:focus-visible{padding-left:1.375rem;padding-right:0}.about-contact:hover .about-contact__icon,.about-contact:focus-visible .about-contact__icon{color:var(--ink-primary);background:#ffe28a;border-color:#d8bb59;transform:rotate(4deg)scale(1.08)}.about-contact:hover .about-contact__name,.about-contact:focus-visible .about-contact__name{background-size:100% 42%}.about-contact:hover .about-contact__value,.about-contact:focus-visible .about-contact__value{color:var(--ink-primary)}.about-contact:hover .about-contact__arrow,.about-contact:focus-visible .about-contact__arrow{opacity:1;transform:translate(0)}@keyframes about-dialog-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes about-dialog-in{0%{opacity:0;transform:translateY(1rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=55.99rem){.about-card-hitbox{opacity:1!important;transform:none!important}}@media (width<=47.99rem){.about-hero{text-align:center;grid-template-columns:1fr;gap:0;min-height:0;padding-top:3rem}.about-hero__copy{justify-self:center}.about-page .about-hero h1{font-size:clamp(3.9rem,18vw,5.6rem)}.about-hero__art{justify-self:center;width:min(22rem,92%);margin-top:-.75rem}.about-hero__art img{max-height:21rem}.about-chapters__heading{align-items:flex-end}.about-card{height:21.5rem;padding:1.2rem 1.15rem}.about-card__copy{width:100%;height:auto}.about-card__title{font-size:clamp(2.35rem,11vw,3.4rem)}.about-card__summary{max-width:calc(100% - 2.8rem);margin-top:.55rem;font-size:.94rem}.about-card__meta{margin-top:.8rem}.about-card__number{bottom:.55rem;left:1.15rem}.about-card__art{width:100%;top:52%;bottom:-7%;right:-4%}.about-card__open{top:1.2rem;right:1.15rem}.about-dialog__backdrop{align-items:end;padding:.6rem}.about-dialog{border-radius:1.25rem 1.25rem .8rem .8rem;width:100%;max-height:92dvh}.about-dialog__header{padding:1.1rem 1.15rem .95rem}.about-dialog__body{grid-template-columns:1fr;gap:1rem;padding:1.25rem 1.15rem 1.5rem}.about-dialog__art{order:-1;justify-self:center;width:min(16rem,72%)}.about-dialog__art img{max-height:13rem}.about-dialog__footer{padding:.85rem 1rem}.about-contacts{padding-top:5.5rem}.about-contacts__heading{align-items:flex-end;margin-bottom:0}.about-contact{grid-template-rows:auto auto;grid-template-columns:2.25rem 1.5rem minmax(0,1fr) 1.25rem;gap:.08rem .75rem;min-height:5.5rem;padding-block:1.2rem}.about-contact__icon{grid-row:1/3}.about-contact__index{grid-row:1/3;align-self:center}.about-contact__name{align-self:end;font-size:clamp(1.35rem,7vw,1.7rem);line-height:1.22}.about-contact__value{grid-column:3/5;align-self:start;padding-right:.25rem;font-size:.72rem}.about-contact__arrow{opacity:1;grid-area:1/4;transform:none}}@media (hover:none),(pointer:coarse){.about-card,.about-card:hover,.about-card:focus-visible,.about-card:active{box-shadow:none;transform:none}.about-card__spotlight{display:none}.about-card:hover .about-card__art img,.about-card:focus-visible .about-card__art img{filter:drop-shadow(0 12px 18px #2b29261a);transform:none}.about-contact,.about-contact:hover,.about-contact:focus-visible{padding-left:.25rem;padding-right:.25rem}.about-contact:hover .about-contact__icon,.about-contact:focus-visible .about-contact__icon{transform:none}.about-contact__arrow{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.about-card-hitbox,.about-card__reveal,.about-card,.about-card__art img,.about-card__open,.about-card__title,.about-dialog__backdrop,.about-dialog{transition:none!important;animation:none!important;transform:none!important}.about-card-hitbox,.about-card__reveal{opacity:1!important}.about-card__spotlight{display:none}.about-card__title{background-size:100% 42%}.about-contact,.about-contact__icon,.about-contact__name,.about-contact__value,.about-contact__arrow{transition:none!important;transform:none!important}.about-contact{opacity:1!important;visibility:visible!important;padding-left:.25rem!important;padding-right:.25rem!important}.about-contact__arrow{opacity:1}.about-contact:focus-visible .about-contact__name{background-size:100% 42%}}