.about-page{--ap-ink:var(--first-color);--ap-muted:var(--third-color);--ap-accent:var(--second-color);--ap-accent-text:var(--second-color);--ap-line:color-mix(in srgb, var(--first-color) 14%, transparent);--ap-ease:cubic-bezier(.22, 1, .36, 1);color:var(--ap-ink);background:var(--body-bg-color);position:relative;overflow:hidden}.dark-theme .about-page{--ap-accent-text:color-mix(in srgb, var(--second-color) 55%, #fff)}.about-page__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.about-page__mask{vertical-align:top;margin:-.12em -.06em -.16em 0;padding:.12em .06em .16em 0;display:inline-block;overflow:hidden}.about-page__word{transform-origin:0 100%;display:inline-block}.about-page__hero{isolation:isolate;padding:140px 0 0;position:relative}.about-page__blob{z-index:-1;aspect-ratio:1;background:radial-gradient(circle at 30% 30%, var(--ap-accent), transparent 70%);opacity:.28;filter:blur(80px);pointer-events:none;border-radius:42% 58% 63% 37%/41% 44% 56% 59%;width:min(60vw,720px);animation:14s ease-in-out infinite alternate about-page-morph;position:absolute;top:30%;left:-10%}.about-page__eyebrow-row{align-items:center;gap:20px;margin-bottom:clamp(20px,3vw,40px);display:flex}.about-page__eyebrow{color:var(--ap-ink);font-size:var(--small-font-size);letter-spacing:.16em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:10px;font-weight:500;display:inline-flex}.about-page__eyebrow-dot{background:var(--ap-accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--ap-accent) 20%, transparent);animation:about-page-pulse 2.4s var(--ap-ease) infinite;border-radius:50%}.about-page__eyebrow-line{background:var(--ap-line);transform-origin:0;flex:1;height:1px}.about-page__title{color:var(--ap-ink);letter-spacing:-.04em;text-transform:uppercase;cursor:default;flex-direction:column;margin:0;font-size:clamp(40px,11vw,176px);font-weight:700;line-height:.92;display:flex}.about-page__title-line{display:block}.about-page__title-word{transform-origin:0 100%;display:inline-block}.about-page__title-line.is-accent{align-self:flex-end}.about-page__title-line.is-accent .about-page__title-word{color:#0000;-webkit-text-stroke:2px var(--ap-accent-text);background:linear-gradient(var(--ap-accent), var(--ap-accent)) no-repeat 0 0 / 0% 100%;-webkit-background-clip:text;background-clip:text}.about-page__hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(40px,7vw,120px);margin-top:clamp(40px,5vw,80px);display:grid}.about-page__poster-wrap{position:relative}.about-page__ring{z-index:1;pointer-events:none;width:140px;height:140px;position:absolute;bottom:-52px;left:-52px}.about-page__ring svg{width:100%;height:100%;overflow:visible}.about-page__ring circle{fill:none;stroke:var(--ap-muted);stroke-width:1px;stroke-dasharray:2 6}.about-page__orbit{animation:8s linear infinite about-page-spin;position:absolute;inset:0}.about-page__orbit:before{content:"";background:var(--ap-accent);width:12px;height:12px;box-shadow:0 0 0 5px color-mix(in srgb, var(--ap-accent) 20%, transparent), 0 0 20px var(--ap-accent);border-radius:50%;margin-left:-6px;position:absolute;top:-6px;left:50%}.about-page__poster{aspect-ratio:4/5;background:var(--card-bg-color);border-radius:28px;margin:0;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #00000073}.about-page__poster:after{content:"";border-radius:inherit;background:linear-gradient(to top, color-mix(in srgb, var(--ap-accent) 35%, transparent), transparent 45%);mix-blend-mode:soft-light;pointer-events:none;border:1px solid #ffffff1f;position:absolute;inset:0}.about-page__poster-inner{transform-origin:top;will-change:transform;position:absolute;inset:0 0 -16%}.about-page__poster-inner img{object-fit:cover;object-position:center top}.about-page__content{flex-direction:column;min-width:0;display:flex}.about-page__lead{color:var(--ap-ink);letter-spacing:-.02em;margin:0;font-size:clamp(26px,3vw,46px);font-weight:600;line-height:1.15}.about-page__divider{background:var(--ap-line);transform-origin:0;width:100%;height:1px;margin:clamp(28px,3vw,44px) 0;display:block}.about-page__texts{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,48px);display:grid}.about-page__text{color:var(--ap-muted);margin:0;font-size:clamp(15px,1.1vw,17px);line-height:1.7}.about-page__text--ink{color:var(--ap-ink)}.about-page__actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:clamp(36px,4vw,56px);display:flex}.about-page__cta{--mb-icon-rotate:0deg}.about-page__cta .magnetic-btn__icon{overflow:hidden}.about-page__cta-icon{place-items:center;display:grid}.about-page__cta-icon svg{transition:transform .6s var(--ap-ease);grid-area:1/1}.about-page__cta-icon svg:last-child{transform:translateY(-260%)}.about-page__cta:hover .about-page__cta-icon svg:first-child{transform:translateY(260%)}.about-page__cta:hover .about-page__cta-icon svg:last-child{transform:translateY(0)}.about-page__socials{gap:12px;list-style:none;display:flex}.about-page__socials a{border:1px solid var(--ap-line);width:52px;height:52px;color:var(--ap-ink);background:color-mix(in srgb, var(--card-bg-color) 50%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .4s var(--ap-ease), background .4s var(--ap-ease), border-color .4s var(--ap-ease), transform .4s var(--ap-ease);border-radius:50%;place-items:center;font-size:19px;display:grid}.about-page__socials a:hover{color:#fff;background:var(--ap-accent);border-color:var(--ap-accent);transform:rotate(-12deg)scale(1.08)}.about-page__head{align-items:flex-start;gap:clamp(16px,2vw,32px);margin-bottom:clamp(40px,5vw,72px);display:flex}.about-page__heading{color:var(--ap-ink);letter-spacing:-.04em;text-transform:uppercase;align-items:flex-start;margin:0;font-size:clamp(48px,9vw,140px);font-weight:700;line-height:.95;display:flex}.about-page__stack{padding:clamp(30px,8vw,120px) 0 clamp(20px,3vw,40px)}.about-page__marquees{border-block:1px solid var(--ap-line);flex-direction:column;gap:8px;margin:0 -4vw;padding:clamp(18px,2vw,28px) 0;display:flex;transform:rotate(-2deg)}.about-page__marquee{white-space:nowrap;display:flex}.about-page__marquee-track{flex-shrink:0;animation:50s linear infinite about-page-marquee;display:flex}.about-page__marquee.is-reverse .about-page__marquee-track{animation-direction:reverse}.about-page__marquees:hover .about-page__marquee-track{animation-play-state:paused}.about-page__marquee-list{flex-shrink:0;list-style:none;display:flex}.about-page__marquee-item{color:var(--ap-ink);letter-spacing:-.03em;text-transform:uppercase;transition:color .4s var(--ap-ease);align-items:center;gap:clamp(18px,2vw,32px);padding-right:clamp(18px,2vw,32px);font-size:clamp(36px,6vw,92px);font-weight:700;line-height:1.1;display:flex}.about-page__marquee-item:hover{color:var(--ap-accent-text)}.about-page__marquee.is-outline .about-page__marquee-item{color:#0000;-webkit-text-stroke:1.5px var(--ap-muted)}.about-page__marquee.is-outline .about-page__marquee-item:hover{color:var(--ap-accent);-webkit-text-stroke-color:var(--ap-accent)}.about-page__marquee-logo{background:var(--ap-accent);width:.8em;height:.4em;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;flex-shrink:0}.about-page__section{padding:clamp(30px,8vw,120px) 0}.about-page__section--edu{padding-bottom:clamp(80px,10vw,140px)}.about-page__jobs{border-bottom:1px solid var(--ap-line)}.about-page__job{isolation:isolate;grid-template-columns:160px minmax(0,1fr) 220px;align-items:start;gap:clamp(16px,2.5vw,40px);padding:clamp(28px,3vw,44px) clamp(8px,1.5vw,24px);display:grid;position:relative}.about-page__job-line{background:var(--ap-line);transform-origin:0;width:100%;height:1px;position:absolute;top:0;left:0}.about-page__job:before{content:"";z-index:-1;background:color-mix(in srgb, var(--ap-accent) 9%, transparent);transform-origin:bottom;transition:transform .6s var(--ap-ease);position:absolute;inset:0;transform:scaleY(0)}.about-page__job:hover:before{transform:scaleY(1)}.about-page__job-period{color:var(--ap-muted);font-size:var(--small-font-size);letter-spacing:.08em;transition:color .5s var(--ap-ease);padding-top:.5em;font-weight:600}.about-page__job-main{min-width:0}.about-page__job-title{color:var(--ap-ink);letter-spacing:-.03em;transition:color .5s var(--ap-ease), transform .6s var(--ap-ease);margin:0;font-size:clamp(26px,3.4vw,52px);font-weight:700;line-height:1.05}.about-page__job:hover .about-page__job-title{color:var(--ap-accent-text);transform:translate(12px)}.about-page__job-text{max-width:620px;color:var(--ap-muted);margin:16px 0 0;font-size:clamp(15px,1.05vw,16px);line-height:1.7}.about-page__job-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;padding-top:.4em;display:flex}.about-page__job-company{color:var(--ap-ink);font-weight:600}.about-page__job-type{border:1px solid var(--ap-line);color:var(--ap-muted);white-space:nowrap;transition:border-color .5s var(--ap-ease), color .5s var(--ap-ease);border-radius:999px;padding:6px 14px;font-size:13px}.about-page__job:hover .about-page__job-type{border-color:var(--ap-accent-text);color:var(--ap-accent-text)}.about-page__edu{position:relative}.about-page__edu-rail{background:var(--ap-line);transform-origin:0;width:100%;height:1px;position:absolute;top:6px;left:0}.about-page__edu-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.5vw,40px);list-style:none;display:grid}.about-page__edu-item{flex-direction:column;gap:12px;padding-top:44px;display:flex;position:relative}.about-page__edu-dot{border:2px solid var(--ap-accent);background:var(--body-bg-color);width:13px;height:13px;transition:background .4s var(--ap-ease), transform .4s var(--ap-ease);border-radius:50%;position:absolute;top:0;left:0}.about-page__edu-item:hover .about-page__edu-dot{background:var(--ap-accent);transform:scale(1.4)}.about-page__edu-year{color:#0000;-webkit-text-stroke:1.5px var(--ap-accent-text);background:linear-gradient(var(--ap-accent), var(--ap-accent)) no-repeat 0 0 / 0% 100%;letter-spacing:-.02em;transition:background-size .8s var(--ap-ease);-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,2.8vw,42px);font-weight:700;line-height:1.1}.about-page__edu-item:hover .about-page__edu-year{background-size:100% 100%}.about-page__edu-degree{color:var(--ap-ink);margin:8px 0 0;font-size:clamp(18px,1.5vw,22px);font-weight:600;line-height:1.25}.about-page__edu-inst{color:var(--ap-muted);font-size:var(--small-font-size);line-height:1.5}@keyframes about-page-marquee{to{transform:translate(-50%)}}@keyframes about-page-spin{to{transform:rotate(360deg)}}@keyframes about-page-pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--ap-accent) 0%, transparent)}}@keyframes about-page-morph{0%{border-radius:42% 58% 63% 37%/41% 44% 56% 59%;transform:rotate(0)scale(1)}to{border-radius:63% 37% 38% 62%/55% 61% 39% 45%;transform:rotate(40deg)scale(1.1)}}@media (prefers-reduced-motion:reduce){.about-page__blob,.about-page__orbit,.about-page__eyebrow-dot{animation:none}.about-page__marquees{margin:0;transform:none}.about-page__marquee.is-outline,.about-page__marquee-list[aria-hidden]{display:none}.about-page__marquee-track{flex-shrink:1;padding:0 15px;animation:none}.about-page__marquee-list{flex-wrap:wrap;flex-shrink:1}.about-page__marquee{white-space:normal}}@media (max-width:1100px){.about-page__texts{grid-template-columns:1fr}.about-page__job{grid-template-columns:130px minmax(0,1fr)}.about-page__job-meta{text-align:left;flex-flow:wrap;grid-column:2;align-items:center;gap:12px;padding-top:0}.about-page__edu-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}.about-page__edu-rail{display:none}.about-page__edu-item{border-top:1px solid var(--ap-line);padding-top:36px}.about-page__edu-dot{top:-7px}}@media (max-width:980px){.about-page__hero{padding:110px 0 20px}.about-page__hero-grid{grid-template-columns:1fr}.about-page__poster-wrap{width:min(100%,420px);margin:0 auto}.about-page__ring{width:100px;height:100px;bottom:-32px;left:-20px}}@media (max-width:680px){.about-page__title-line.is-accent .about-page__title-word{-webkit-text-stroke-width:1.5px}.about-page__actions{flex-direction:column;align-items:flex-start}.about-page__job{grid-template-columns:1fr;gap:12px;padding-inline:0}.about-page__job-period{color:var(--ap-accent-text);padding-top:0}.about-page__job-meta{grid-column:auto}.about-page__job:hover .about-page__job-title{transform:none}.about-page__edu-list{grid-template-columns:1fr;row-gap:40px}}