@layer base;@layer components{.about-hero{max-width:1100px;padding-top:clamp(80px,12vw,160px);padding-bottom:clamp(60px,8vw,120px)}.about-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:24px;font-size:clamp(11px,.9vw,13px);font-weight:600;animation:.6s cubic-bezier(.34,1.2,.64,1) .1s backwards fadeUp}.about-headline{font-family:var(--font-heading);letter-spacing:-.02em;text-wrap:balance;color:var(--color-text);font-size-adjust:from-font;margin:0 0 32px;font-size:clamp(36px,5vw,80px);font-weight:700;line-height:1.05;animation:.7s cubic-bezier(.34,1.2,.64,1) .2s backwards fadeUp}.about-headline .highlight{color:var(--color-text-light)}.values-section,.currently-section,.timeline-section{content-visibility:auto;contain-intrinsic-size:auto 400px}@supports not (content-visibility:auto){.values-section,.currently-section,.timeline-section{contain:layout style}}.about-intro-text{color:var(--color-text);max-width:680px;margin:0;font-size:clamp(17px,1.6vw,22px);line-height:1.65;animation:.7s cubic-bezier(.34,1.2,.64,1) .35s backwards fadeUp}.about-divider{transform-origin:0;background:linear-gradient(90deg,#0000 0%,#0000002e 14% 86%,#0000 100%);width:100%;height:1px;margin:0 0 80px;transform:scaleX(0)}[data-theme=dark] .about-divider{background:linear-gradient(90deg,#0000 0%,#ffffff1f 14% 86%,#0000 100%)}.about-divider.animate{animation:.8s cubic-bezier(.4,0,.2,1) forwards lineGrow}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(40px,6vw,100px);margin-bottom:100px;display:grid}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:48px}}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:20px;font-size:11px;font-weight:600;display:block}.about-story p{color:var(--color-text);opacity:.75;margin:0 0 20px;font-size:clamp(15px,1.3vw,18px);line-height:1.75}.about-story p:last-child{margin:0}.about-story strong{color:var(--color-text);opacity:1;font-weight:600}.about-photo{aspect-ratio:4/5;background:var(--shadow-subtle);border-radius:20px;width:100%;overflow:hidden}.about-photo img{object-fit:cover;object-position:top center;filter:grayscale(15%);width:100%;height:100%;transition:filter .4s,transform .6s}.about-photo:hover img{filter:grayscale(0%);transform:scale(1.03)}.photo-caption{color:var(--color-text-light);letter-spacing:.03em;margin-top:12px;font-size:12px;font-weight:500}.about-stats{border-top:1px solid var(--color-text);border-bottom:1px solid var(--color-text);grid-template-columns:repeat(3,1fr);margin-bottom:100px;display:grid}[data-theme=dark] .about-stats{border-top-color:#ffffff1a;border-bottom-color:#ffffff1a}.stat-item{border-right:1px solid var(--shadow-light);padding:32px 24px;transition:opacity .5s,transform .5s cubic-bezier(.34,1.2,.64,1)}[data-theme=dark] .stat-item{border-right-color:#ffffff1f}.stat-item:last-child{border-right:none}.stat-item.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:no-preference){.stat-item{opacity:0;transform:translateY(16px)}}.stat-number{font-family:var(--font-body);letter-spacing:-.03em;color:var(--color-text);margin-bottom:8px;font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1}.stat-label{color:var(--color-text-light);font-size:13px;font-weight:500;line-height:1.4}@media (width<=768px){.stat-item{padding:24px 12px}.stat-number{font-size:28px}}.skills-block{flex-direction:column;gap:40px;display:flex}.skill-group-title{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:16px;font-size:11px;font-weight:600}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{color:var(--color-text);transition:background .2s ease, border-color .2s ease, transform .2s var(--ease-spring);cursor:default;background:0 0;border:1px solid #0003;border-radius:100px;padding:6px 14px;font-size:13px;font-weight:500}[data-theme=dark] .skill-tag{border-color:#ffffff2e}.skill-tag.visible{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:no-preference){.skill-tag{opacity:0;transform:scale(.88)}}.skill-tag:hover{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text);transform:scale(1.05)}.values-section{margin-bottom:100px}.values-header{border-bottom:1px solid var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a);align-items:baseline;gap:24px;margin-bottom:40px;padding-bottom:20px;display:flex}.values-title{font-family:var(--font-heading);letter-spacing:-.02em;text-wrap:balance;font-size-adjust:from-font;margin:0;font-size:clamp(28px,3vw,44px);font-weight:700}.values-count{color:var(--color-text-light);font-size:13px;font-weight:500}.value-item{cursor:default;border-bottom:1px solid #00000012;grid-template-columns:48px 1fr;align-items:start;gap:32px;padding:32px 0;transition:opacity .5s,transform .5s cubic-bezier(.34,1.2,.64,1);display:grid}[data-theme=dark] .value-item{border-bottom-color:#ffffff12}.value-item:last-child{border-bottom:none}.value-item.visible{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:no-preference){.value-item{opacity:0;transform:translate(-20px)}}.value-index{letter-spacing:.1em;color:var(--color-text-light);padding-top:5px;font-size:11px;font-weight:600}.value-name{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--color-text);font-size-adjust:from-font;margin:0 0 10px;font-size:clamp(20px,2vw,28px);font-weight:700;transition:opacity .3s,transform .35s cubic-bezier(.34,1.2,.64,1)}.value-item:hover .value-name{opacity:.6;transform:translate(6px)}.value-desc{color:var(--color-text);opacity:.6;margin:0;font-size:clamp(14px,1.2vw,16px);line-height:1.65}.timeline-section{margin-bottom:100px}.timeline-title{font-family:var(--font-heading);letter-spacing:-.02em;text-wrap:balance;font-size-adjust:from-font;margin:0 0 48px;font-size:clamp(28px,3vw,44px);font-weight:700}.timeline{flex-direction:column;display:flex;position:relative}.timeline:before{content:"";background:var(--lightningcss-light,var(--shadow-light))var(--lightningcss-dark,linear-gradient(180deg, #fff3 0%, #ffffff0f 100%));width:1px;position:absolute;top:10px;bottom:10px;left:80px}@media (width<=768px){.timeline:before{left:68px}}.timeline-item{border-bottom:1px solid var(--lightningcss-light,var(--shadow-subtle))var(--lightningcss-dark,#ffffff0f);grid-template-columns:80px 1fr;gap:32px;padding:28px 0;transition:opacity .55s,transform .55s cubic-bezier(.34,1.2,.64,1);display:grid}.timeline-item:last-child{border-bottom:none}.timeline-item.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:no-preference){.timeline-item{opacity:0;transform:translateY(20px)}}@media (width<=768px){.timeline-item{grid-template-columns:68px 1fr;gap:20px}}.timeline-year{letter-spacing:.06em;color:var(--color-text-light);text-align:right;padding-top:4px;font-size:12px;font-weight:600;position:relative}.timeline-year:after{content:"";background:var(--color-text);border-radius:50%;width:5px;height:5px;position:absolute;top:10px;right:-20px;transform:translate(50%)}@media (width<=768px){.timeline-year{text-align:left;font-size:10px}.timeline-year:after{left:100%;right:auto}}.timeline-role{color:var(--color-text);margin:0 0 4px;font-size:clamp(16px,1.5vw,20px);font-weight:600}.timeline-company{color:var(--color-text-light);margin:0 0 10px;font-size:14px;font-weight:500}.timeline-desc{color:var(--color-text);opacity:.6;margin:0;font-size:14px;line-height:1.6}.currently-section{margin-bottom:100px}.currently-title{font-family:var(--font-heading);letter-spacing:-.02em;font-size-adjust:from-font;margin:0 0 40px;font-size:clamp(28px,3vw,44px);font-weight:700}.bento-grid{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.bento-card{border-radius:var(--radius-md);background:#0000000a;padding:28px;transition:opacity .5s,transform .5s cubic-bezier(.34,1.2,.64,1),background .25s}[data-theme=dark] .bento-card{background:#ffffff0a}.bento-card:hover{background:#00000012}[data-theme=dark] .bento-card:hover{background:#ffffff14}.bento-card.visible{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:no-preference){.bento-card{opacity:0;transform:scale(.95)}}.bento-card:first-child{grid-column:span 5}.bento-card:nth-child(2){grid-column:span 7}.bento-card:nth-child(3),.bento-card:nth-child(4),.bento-card:nth-child(5){grid-column:span 4}@media (width<=900px){.bento-card:first-child,.bento-card:nth-child(2),.bento-card:nth-child(3),.bento-card:nth-child(4),.bento-card:nth-child(5){grid-column:span 6}}@media (width<=600px){.bento-card:first-child,.bento-card:nth-child(2),.bento-card:nth-child(3),.bento-card:nth-child(4),.bento-card:nth-child(5){grid-column:span 12}}.bento-emoji{margin-bottom:14px;font-size:28px;display:block}.bento-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:8px;font-size:11px;font-weight:600}.bento-value{color:var(--color-text);font-size:clamp(15px,1.4vw,18px);font-weight:600;line-height:1.4}.bento-sub{color:var(--color-text-light);margin-top:4px;font-size:13px}.lang-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.lang-pill{color:var(--color-text);background:var(--lightningcss-light,var(--shadow-faint))var(--lightningcss-dark,#ffffff14);border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;display:flex}.lang-level{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-light);font-size:10px;font-weight:600}.about-cta{border-top:1px solid var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a);justify-content:space-between;align-items:center;gap:40px;padding:60px 0 80px;display:flex}.cta-text{font-family:var(--font-heading);letter-spacing:-.02em;text-wrap:balance;color:var(--color-text);font-size-adjust:from-font;margin:0;font-size:clamp(24px,3vw,40px);font-weight:700}.cta-text span{color:var(--color-text-light)}.cta-buttons{flex-shrink:0;gap:12px;display:flex}.btn-primary{background:var(--color-text);color:var(--color-bg);font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:transform .25s var(--ease-spring), box-shadow .25s ease;border:none;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;text-decoration:none;display:inline-flex}.btn-primary:hover{transform:scale(1.04)translateY(-1px);box-shadow:0 8px 24px #0000002e}.btn-secondary{color:var(--color-text);font-size:15px;font-weight:600;font-family:var(--font-body);border:2px solid var(--color-text);cursor:pointer;transition:transform .25s var(--ease-spring), border-color .2s ease, box-shadow .25s ease;background:0 0;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--color-text);box-shadow:0 4px 12px var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#ffffff2e);transform:scale(1.04)translateY(-1px)}.scroll-reveal{transition:opacity .6s,transform .6s cubic-bezier(.34,1.2,.64,1)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}@keyframes scroll-reveal-view{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.scroll-reveal{opacity:0;transform:translateY(24px)}@supports (animation-timeline:view()) and (animation-range:entry 0% entry 30%){.scroll-reveal{opacity:1;transition:none;animation:both scroll-reveal-view view();animation-range:entry entry 30%;transform:none}.scroll-reveal.visible{opacity:1;transform:none}}}@media (width<=768px){.about-hero{padding-top:90px}.about-cta{flex-direction:column;align-items:flex-start}}}