.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:transparent;padding-top:var(--header-height)}.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr;text-align:center;gap:var(--space-8);align-items:center;width:100%;max-width:var(--layout-max);margin-inline:auto;padding-inline:var(--gutter-sm);padding-block:var(--space-12)}.hero__content{display:flex;flex-direction:column;align-items:center;gap:clamp(var(--space-4),2vw,var(--space-6));max-width:650px;padding-block:var(--space-4);animation:hero-content-fade .8s ease .2s both;margin-bottom:10px}.hero__content>*:not(:last-child):after{content:"";position:absolute;bottom:calc(var(--space-2) * -1);left:0;width:24px;height:1px;opacity:.4}@keyframes hero-content-fade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero__status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-success-subtle);border:1px solid var(--color-success-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-success);width:fit-content}.hero__status-dot{width:7px;height:7px;border-radius:50%;background:var(--color-success);flex-shrink:0;animation:blink 2.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero__headline{display:flex;flex-direction:column;gap:var(--space-2)}.hero__greeting{font-family:var(--font-body);font-size:var(--text-lg);font-weight:500;color:var(--color-text-3);letter-spacing:var(--ls-wide)}.hero__name{font-family:var(--font-display);font-size:clamp(var(--text-4xl),11vw,var(--text-5xl));font-weight:700;letter-spacing:var(--ls-tight);color:var(--color-text-1);line-height:1}.hero__role{font-family:var(--font-display);font-size:clamp(var(--text-2xl),7vw,var(--text-3xl));font-weight:700;letter-spacing:var(--ls-tight);line-height:1.1;background:linear-gradient(135deg,var(--color-brand-light),var(--color-brand),var(--color-accent-light),var(--color-brand-light));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 6s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero__subrole{font-family:var(--font-body);font-size:var(--text-md);font-weight:500;color:var(--color-text-4);letter-spacing:var(--ls-wide);margin-top:var(--space-1)}.hero__desc{display:flex;flex-direction:column;gap:var(--space-3);max-width:650px;margin-inline:auto}.hero__desc-text{font-size:var(--text-lg);line-height:var(--lh-relaxed);color:var(--color-text-3);text-align:justify;text-wrap:balance}.hero__stack{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:var(--space-2);margin:0;padding:0;list-style:none;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--color-text-2)}.hero__stack-item{display:inline-flex;align-items:center}.hero__stack-item:not(:first-child):before{content:"•";margin:0 var(--space-3);color:var(--color-brand);font-weight:700}.hero__actions{display:flex;flex-direction:column;align-items:stretch;flex-wrap:wrap;gap:var(--space-3)}.hero__actions .btn{justify-content:center}.hero__social{display:flex;align-items:center;gap:var(--space-3)}.hero__social-divider{width:1px;height:20px;background:var(--color-border-3)}.hero__social-label{font-size:var(--text-xs);color:var(--color-text-4);letter-spacing:var(--ls-wide);text-transform:uppercase}.hero__visual{position:relative;display:flex;align-items:center;justify-content:center;order:-1}.hero__avatar-wrap{position:relative;width:200px;height:240px;flex-shrink:0;transition:transform .5s ease}.hero__avatar-glow{position:absolute;inset:-40px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--color-brand) 25%,transparent),transparent 70%);filter:blur(40px);opacity:.6;z-index:0;transition:opacity .5s ease}.hero__avatar-frame{position:absolute;inset:-1px;border-radius:var(--radius-2xl);background:linear-gradient(145deg,var(--color-brand),transparent 40%,var(--color-accent));opacity:.4;z-index:1;transition:opacity .4s ease}.hero__avatar{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:var(--radius-2xl);border:4px solid var(--color-border-2);transition:transform .5s ease,border-color .3s ease,filter .4s ease}.hero__avatar-overlay{position:absolute;inset:0;border-radius:var(--radius-2xl);background:linear-gradient(to top,rgba(0,0,0,.15),transparent 40%);z-index:3;pointer-events:none}.hero__avatar-shadow{position:absolute;bottom:-20px;left:10%;right:10%;height:40px;border-radius:50%;background:color-mix(in srgb,var(--color-brand) 20%,transparent);filter:blur(22px);z-index:0;opacity:.5;transition:all .4s ease}.hero__avatar-wrap:hover{transform:translateY(-6px) scale(1.01)}.hero__avatar-wrap:hover .hero__avatar-glow{opacity:.9}.hero__avatar-wrap:hover .hero__avatar-frame{opacity:.7}.hero__avatar-wrap:hover .hero__avatar{transform:translateY(-4px) scale(1.02);border-color:color-mix(in srgb,var(--color-brand) 40%,transparent);filter:brightness(1.05) contrast(1.05)}.hero__avatar-wrap:hover .hero__avatar-shadow{opacity:.8;transform:scale(1.1)}.hero__avatar-wrap{animation:avatar-fade-in 1s ease .3s both}@keyframes avatar-fade-in{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hero__scroll{position:absolute;bottom:var(--space-10);left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:var(--space-3);background:transparent;border:none;cursor:pointer;z-index:2;color:var(--color-text-4);opacity:.7;transition:opacity .3s ease,transform .3s ease}.hero__scroll:hover{opacity:1;transform:translate(-50%) translateY(-3px)}.hero__scroll-text{font-size:var(--text-2xs);letter-spacing:var(--ls-wider);text-transform:uppercase;font-weight:600}.hero__scroll-line{position:relative;width:2px;height:48px;background:linear-gradient(to bottom,transparent,var(--color-border-2),transparent);overflow:hidden;border-radius:999px}.hero__scroll-dot{position:absolute;top:0;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--color-brand);animation:scroll-dot 2s ease-in-out infinite}@keyframes scroll-dot{0%{opacity:0;transform:translate(-50%)}30%{opacity:1}to{opacity:0;transform:translate(-50%,40px)}}.hero__scroll:hover .hero__scroll-dot{box-shadow:0 0 8px var(--color-brand)}.hero__scroll:focus-visible{outline:2px solid var(--color-brand);outline-offset:6px}@media (min-width: 641px){.hero__inner{padding-inline:var(--gutter);gap:var(--space-12)}.hero__name{font-size:clamp(var(--text-5xl),7.5vw,var(--text-7xl))}.hero__role{font-size:clamp(var(--text-3xl),4.5vw,var(--text-5xl))}.hero__actions{flex-direction:row;align-items:normal}.hero__actions .btn{justify-content:normal}.hero__avatar-wrap{width:240px;height:280px}.hero__scroll{display:flex}}@media (min-width: 1025px){.hero__inner{grid-template-columns:1fr 400px;text-align:inherit;gap:var(--space-16);padding-block:0}.hero__content{align-items:normal}.hero__desc{margin-inline:0}.hero__stack{justify-content:normal}.hero__visual{order:0}.hero__avatar-wrap{width:380px;height:420px}}@media (prefers-reduced-motion: reduce){.hero__role{animation:none;background-size:100% 100%}.hero__status-dot{animation:none}}.about{background:transparent}.about__layout{display:grid;grid-template-columns:1fr;gap:var(--space-16);margin-top:var(--space-5);align-items:start}.about__body{display:flex;flex-direction:column;gap:var(--space-10)}.about__bio{display:flex;flex-direction:column;gap:var(--space-4)}.about__text{text-align:justify;font-size:var(--text-md);line-height:var(--lh-relaxed);color:var(--color-text-3)}.about__specs{display:flex;flex-direction:column}.about__specs-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.spec-card{position:relative;padding:var(--space-5);border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--color-surface-2),rgba(255,255,255,.02));border:1px solid var(--color-border-2);display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden;will-change:transform;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--surface-edge),var(--surface-lift)}.spec-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,var(--color-brand-subtle),transparent 70%);opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.spec-card:hover{transform:translate3d(0,-4px,0);border-color:var(--color-border-brand);box-shadow:var(--surface-edge),var(--shadow-lg)}.spec-card:hover:before{opacity:1}.spec-card:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.spec-card__header{display:flex;align-items:center;gap:var(--space-3)}.spec-card__icon{position:relative;width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffffff0f,#ffffff05);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);box-shadow:var(--surface-edge),0 4px 12px #00000040;color:var(--color-brand-light);flex-shrink:0;transition:transform var(--transition-base),box-shadow var(--transition-base),color var(--transition-base)}.spec-card__icon:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.15),transparent 60%);opacity:.6;pointer-events:none}.spec-card:hover .spec-card__icon{transform:translateY(-2px) scale(1.06);color:var(--color-accent);box-shadow:var(--surface-edge),0 8px 20px #00000059,0 0 12px rgba(var(--color-accent-rgb),.25)}.spec-card__icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--transition-base)}.spec-card:hover .spec-card__icon svg{transform:scale(1.1)}.spec-card__title{font-size:var(--text-md);font-weight:700;color:var(--color-text-1);letter-spacing:-.01em;margin:0}.spec-card__desc{text-align:justify;font-size:var(--text-sm);color:var(--color-text-3);line-height:var(--lh-relaxed)}.about__objective{padding:var(--space-6);background:var(--color-surface-2);border:1px solid var(--color-border-2);border-left:3px solid var(--color-brand);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-4);transition:border-color var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--surface-edge),var(--surface-lift)}.about__objective:hover{border-left-color:var(--color-accent);box-shadow:var(--surface-edge),var(--shadow-md)}.about__objective-header{display:flex;align-items:center;justify-content:space-between}.about__objective-title{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--color-brand-text)}.about__objective-content{display:flex;flex-direction:column;gap:var(--space-3)}.about__objective-text{font-size:var(--text-md);line-height:var(--lh-relaxed);color:var(--color-text-3);text-align:justify}.about__objective-text strong{font-weight:600}.about__sidebar{display:flex;flex-direction:column;gap:var(--space-6);position:static;max-width:480px}.about__photo-wrap{border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--color-border-2);aspect-ratio:4 / 5;transition:border-color var(--transition-slow),box-shadow var(--transition-slow)}.about__photo-wrap:hover{border-color:var(--color-border-brand);box-shadow:var(--shadow-card-hover)}.about__photo{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform var(--transition-slow)}.about__photo-wrap:hover .about__photo{transform:scale(1.03)}.about__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stat-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface-2);border:1px solid var(--color-border-2);opacity:0;transform:translateY(16px);animation:stat-enter .5s var(--ease-out) forwards;animation-delay:calc(var(--stat-index, 0) * 70ms);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);box-shadow:var(--surface-edge),var(--surface-lift)}.stat-card:hover{transform:translateY(-4px)}@keyframes stat-enter{to{opacity:1;transform:translateY(0)}}.stat-card--brand{border-color:color-mix(in srgb,var(--color-brand) 25%,transparent)}.stat-card--brand:hover{border-color:var(--color-border-brand);box-shadow:var(--surface-edge),var(--shadow-lg),var(--color-brand-glow)}.stat-card--accent{border-color:color-mix(in srgb,var(--color-accent) 20%,transparent)}.stat-card--accent:hover{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent);box-shadow:var(--surface-edge),var(--shadow-lg),var(--color-accent-glow)}.stat-card__orb{position:absolute;inset:0;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity var(--transition-slow)}.stat-card--brand .stat-card__orb{background:radial-gradient(ellipse at top right,var(--color-brand-subtle),transparent 65%)}.stat-card--accent .stat-card__orb{background:radial-gradient(ellipse at top right,var(--color-accent-subtle),transparent 65%)}.stat-card:hover .stat-card__orb{opacity:1}.stat-card__icon{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-base)}.stat-card--brand .stat-card__icon{background:var(--color-brand-subtle);color:var(--color-brand-light);border:1px solid color-mix(in srgb,var(--color-brand) 25%,transparent)}.stat-card--accent .stat-card__icon{background:var(--color-accent-subtle);color:var(--color-accent-light);border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent)}.stat-card:hover .stat-card__icon{transform:scale(1.1) rotate(-4deg)}.stat-card__value-wrap{margin-top:var(--space-1);line-height:1}.stat-card__value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--ls-tight);line-height:1}.stat-card--brand .stat-card__value{color:var(--color-brand-light)}.stat-card--accent .stat-card__value{color:var(--color-accent-light)}.stat-card__suffix{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:0;margin-left:1px;opacity:.75}.stat-card__labels{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-1)}.stat-card__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-2);line-height:var(--lh-snug)}.stat-card__sublabel{font-size:var(--text-2xs);font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-text-4);line-height:1}.about__tech{display:flex;flex-direction:column}.about__tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.about__tech-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);background:var(--color-surface-2);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);cursor:default;transition:all var(--transition-base)}.about__tech-item:hover{border-color:var(--color-border-brand);transform:translateY(-4px);background:var(--color-surface-3)}.about__tech-item img{width:32px;height:32px;transition:transform var(--transition-base),filter var(--transition-base)}.about__tech-item:hover img{transform:scale(1.2) rotate(-5deg)}.about__tech-item span{font-size:var(--text-2xs);color:var(--color-text-4);text-align:center}@media (min-width: 769px){.about__specs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.about__layout{grid-template-columns:1fr 360px}.about__sidebar{position:sticky;top:calc(var(--header-height) + var(--space-8));max-width:none}}@media (prefers-reduced-motion: reduce){.about,.about[data-reveal],.spec-card,.stat-card,.about__tech-item,.about__photo,.about__photo-wrap,.about__goal{animation:none!important;transition:none!important}}.career{background:transparent;position:relative}.career[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.career[data-reveal].is-visible{opacity:1;transform:translateY(0)}.career__layout{display:grid;grid-template-columns:1fr;gap:var(--space-7);align-items:start;margin-top:var(--space-6)}.career-aside{order:-1}.career__companies{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}@media (min-width: 641px){.career__companies{gap:var(--space-6)}}@media (min-width: 901px){.career__layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:var(--space-6);margin-top:var(--space-8)}.career-aside{order:0}}@media (prefers-reduced-motion: reduce){.career[data-reveal]{transition:none}}.career-company{position:relative;background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-5) var(--space-6);overflow:hidden;isolation:isolate;opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1),border-color .35s ease-out,box-shadow .35s ease-out}.career-company.is-visible{opacity:1;transform:translateY(0)}.career-company.is-active{border-color:color-mix(in srgb,var(--color-brand) 28%,var(--color-border-2));box-shadow:0 1px color-mix(in srgb,var(--color-text-1) 4%,transparent) inset,0 18px 44px color-mix(in srgb,black 28%,transparent)}.career-company:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--color-brand),var(--color-accent));opacity:0;transition:opacity .4s ease-out;z-index:2;pointer-events:none}.career-company.is-active:before{opacity:1}.career-company__header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border-1)}.career-company__avatar{position:relative;flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--color-surface-3) 60%,var(--color-surface-2)),var(--color-surface-2) 60%);border:1.5px solid var(--color-border-3);box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-1) 8%,transparent),0 2px 6px color-mix(in srgb,black 25%,transparent);transition:border-color .4s ease-out,box-shadow .4s ease-out}.career-company__avatar img{width:100%;height:100%;object-fit:cover}.career-company__initials{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;letter-spacing:var(--ls-tight);line-height:1;background:linear-gradient(135deg,var(--color-brand-light) 0%,var(--color-accent-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.career-company.is-active .career-company__avatar{border-color:var(--color-brand);box-shadow:inset 0 1px color-mix(in srgb,var(--color-brand-light) 25%,transparent),0 0 0 4px color-mix(in srgb,var(--color-brand) 12%,transparent),0 0 26px color-mix(in srgb,var(--color-brand) 26%,transparent)}.career-company__identity{min-width:0;flex:1;display:flex;flex-direction:column;gap:7px}.career-company__name-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.career-company__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:1.1;letter-spacing:var(--ls-snug);color:var(--color-text-1);margin:0}.career-company__name-link{display:inline-flex;align-items:center;min-height:var(--tap-min);gap:var(--space-2);color:inherit;text-decoration:none;transition:color .3s ease-out}.career-company__name-link svg{opacity:.4;transition:opacity .3s ease-out,transform .3s ease-out}.career-company__name-link:hover{color:var(--color-brand-light)}.career-company__name-link:hover svg{opacity:1;transform:translate(2px,-2px)}.career-company__name-link:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px;border-radius:var(--radius-sm)}.career-company__active{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--ls-wide);text-transform:uppercase;line-height:1;color:var(--color-brand-light);background:var(--color-brand-subtle);border:1px solid color-mix(in srgb,var(--color-brand) 32%,transparent)}.career-company__active-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-brand) 22%,transparent);animation:career-active-pulse 2.4s ease-in-out infinite}@keyframes career-active-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}.career-company__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--color-text-3);letter-spacing:.02em}.career-company__meta-item{display:inline-flex;align-items:center;gap:5px;line-height:1.2}.career-company__meta-item svg{color:var(--color-text-4);flex-shrink:0}.career-company__meta-sep{color:var(--color-text-4);opacity:.4}.career-company__roles{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4);position:relative}.career-role-row{position:relative;padding-left:30px}.career-role-row:before{content:"";position:absolute;left:11px;top:0;bottom:calc(-1 * var(--space-4));width:2px;background:var(--color-border-2);pointer-events:none}.career-role-row:first-child:before{top:29px}.career-role-row:last-child:before{bottom:auto;height:29px}.career-role-row:only-child:before{display:none}.career-role-row__node{position:absolute;left:5px;top:22px;z-index:1;width:14px;height:14px;border-radius:50%;background:var(--color-surface-3);border:2px solid var(--color-border-3);transition:background .3s ease-out,border-color .3s ease-out,box-shadow .3s ease-out}.career-role-row__node:after{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:12px;height:2px;background:var(--color-border-2);pointer-events:none}.career-role-row.is-active .career-role-row__node{background:var(--color-brand);border-color:var(--color-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-brand) 16%,transparent),0 0 14px color-mix(in srgb,var(--color-brand) 45%,transparent)}@media (min-width: 481px){.career-company__header{gap:var(--space-4)}.career-company__avatar{width:50px;height:50px}.career-company__initials{font-size:var(--text-lg)}.career-company__name{font-size:var(--text-xl)}.career-company__meta{font-size:var(--text-xs)}.career-role-row{padding-left:38px}.career-role-row:before{left:14px}.career-role-row__node{left:8px}.career-role-row__node:after{width:16px}}@media (min-width: 769px){.career-company{padding:var(--space-6) var(--space-6) var(--space-7)}.career-company__avatar{width:56px;height:56px}.career-company__name{font-size:var(--text-2xl)}}@media (prefers-reduced-motion: reduce){.career-company,.career-company__avatar,.career-company__roles,.career-role-row__node{transition:none}.career-company__active-dot{animation:none}}.position-entry{--stagger-delay: calc(var(--stagger-index, 0) * 90ms);position:relative;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-lg);overflow:hidden;isolation:isolate;opacity:0;transform:translateY(12px);transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .4s cubic-bezier(.22,.61,.36,1),border-color .3s ease-out,box-shadow .35s ease-out;transition-delay:var(--stagger-delay)}.career-company.is-visible .position-entry{opacity:1;transform:translateY(0)}.position-entry:hover{border-color:var(--color-border-brand);transform:translateY(-2px);box-shadow:0 1px color-mix(in srgb,var(--color-text-1) 4%,transparent) inset,0 4px 12px color-mix(in srgb,black 22%,transparent),0 12px 28px color-mix(in srgb,var(--color-brand) 10%,transparent)}.position-entry.is-open{transform:translateY(0);border-color:color-mix(in srgb,var(--color-brand) 38%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-brand) 18%,transparent),0 8px 28px color-mix(in srgb,black 28%,transparent),0 0 40px color-mix(in srgb,var(--color-brand) 8%,transparent)}.position-entry:after{content:"";position:absolute;left:0;top:14%;bottom:14%;width:3px;background:linear-gradient(to bottom,var(--color-brand) 0%,var(--color-brand-light) 50%,var(--color-brand) 100%);border-radius:0 var(--radius-full) var(--radius-full) 0;opacity:0;transform:translate(-3px);transition:opacity .35s ease-out,transform .35s ease-out;pointer-events:none}.position-entry--active:after,.position-entry.is-open:after{opacity:1;transform:translate(0)}.position-entry--active{background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand) 6%,transparent) 0%,transparent 55%),var(--color-surface-2)}.position-entry__trigger{position:relative;display:block;width:100%;padding:var(--space-4);padding-right:50px;background:transparent;border:none;text-align:left;cursor:pointer;color:inherit;font:inherit;transition:background .3s ease-out}.position-entry__trigger:hover{background:color-mix(in srgb,var(--color-text-1) 2%,transparent)}.position-entry__trigger:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px;border-radius:var(--radius-lg)}.position-entry__title-row{display:flex;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;margin-bottom:10px}.position-entry__title{flex:1 1 auto;min-width:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:700;line-height:1.3;color:var(--color-text-1);letter-spacing:var(--ls-snug);margin:0}.position-entry__status{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;padding:5px 11px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--ls-wide);text-transform:uppercase;line-height:1;transition:transform .3s ease-out}.position-entry:hover .position-entry__status--active{transform:scale(1.04)}.position-entry__status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.position-entry__status--active{color:var(--color-brand-light);background:var(--color-brand-subtle);border:1px solid color-mix(in srgb,var(--color-brand) 32%,transparent)}.position-entry__status--active .position-entry__status-dot{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-brand) 25%,transparent);animation:position-entry-pulse 2.4s ease-in-out infinite}@keyframes position-entry-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}.position-entry__status--done{color:var(--color-text-3);background:var(--color-surface-3);border:1px solid var(--color-border-2)}.position-entry__status--planned{color:var(--color-accent-light);background:var(--color-accent-subtle);border:1px solid color-mix(in srgb,var(--color-accent) 28%,transparent)}.position-entry__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;margin-bottom:var(--space-3)}.position-entry__chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;background:var(--color-surface-3);border:1px solid var(--color-border-2);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.02em;color:var(--color-text-3);white-space:nowrap;transition:background .25s ease-out,border-color .25s ease-out,color .25s ease-out}.position-entry__chip svg{color:var(--color-text-4);flex-shrink:0;transition:color .25s ease-out}.position-entry__chip--period{color:var(--color-text-2);font-weight:600}.position-entry:hover .position-entry__chip--period{border-color:color-mix(in srgb,var(--color-brand) 25%,transparent)}.position-entry:hover .position-entry__chip--period svg{color:var(--color-brand-light)}.position-entry--active .position-entry__chip--period{background:var(--color-brand-subtle);border-color:color-mix(in srgb,var(--color-brand) 28%,transparent);color:var(--color-brand-light)}.position-entry--active .position-entry__chip--period svg{color:var(--color-brand-light)}.position-entry__chip--promo{color:var(--color-accent-light);background:var(--color-accent-subtle);border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);font-weight:600}.position-entry__chip--promo svg{color:var(--color-accent-light)}.position-entry__summary{font-size:var(--text-sm);line-height:1.55;color:var(--color-text-2);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:opacity .3s ease-out,transform .3s ease-out}.position-entry.is-open .position-entry__summary{opacity:0;height:0;margin:0;transform:translateY(-4px);overflow:hidden;pointer-events:none}.position-entry__chevron{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-full);background:var(--color-surface-3);border:1px solid var(--color-border-2);color:var(--color-text-2);transition:transform .4s cubic-bezier(.4,0,.2,1),background .3s ease-out,border-color .3s ease-out,color .3s ease-out,box-shadow .3s ease-out}.position-entry:hover .position-entry__chevron{background:var(--color-surface-3);color:var(--color-text-1);transform:translateY(1px)}.position-entry.is-open .position-entry__chevron{transform:rotate(180deg);background:var(--color-brand-subtle);border-color:color-mix(in srgb,var(--color-brand) 40%,transparent);color:var(--color-brand-light);box-shadow:0 4px 12px color-mix(in srgb,var(--color-brand) 22%,transparent)}.position-entry__panel{height:0;overflow:hidden;transition:height .38s cubic-bezier(.22,.61,.36,1)}.position-entry__panel-inner{padding:0 var(--space-4) var(--space-4);opacity:0;transform:translateY(-4px);transition:opacity .3s ease-out .05s,transform .3s ease-out .05s}.position-entry.is-open .position-entry__panel-inner{opacity:1;transform:translateY(0)}.position-entry__section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-1)}.position-entry__section:first-of-type{margin-top:0;padding-top:var(--space-4)}.position-entry__section--highlights{padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--color-brand) 22%,transparent);border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand) 7%,transparent),color-mix(in srgb,var(--color-accent) 4%,transparent));position:relative;overflow:hidden}.position-entry__section--highlights:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--color-brand) 8%,transparent) 0%,transparent 50%);pointer-events:none}.position-entry__section-title{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-wider);color:var(--color-text-3);margin:0 0 var(--space-3)}.position-entry__section--highlights .position-entry__section-title{color:var(--color-brand-light)}.position-entry__section--highlights .position-entry__section-title svg{color:var(--color-brand-light)}.position-entry__highlights,.position-entry__bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.position-entry__highlight,.position-entry__bullet{position:relative;padding-left:var(--space-5);font-size:var(--text-sm);line-height:1.6;color:var(--color-text-2)}.position-entry__highlight:before,.position-entry__bullet:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--color-text-4);transition:transform .3s ease-out}.position-entry__highlight{color:var(--color-text-1);font-weight:500}.position-entry__highlight:before{background:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 18%,transparent)}.position-entry__bullet:hover:before{transform:scale(1.3)}.position-entry__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.position-entry__tag{padding:4px 11px;background:var(--color-surface-3);border:1px solid var(--color-border-2);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.04em;color:var(--color-text-2);transition:background .25s ease-out,border-color .25s ease-out,color .25s ease-out,transform .25s ease-out}.position-entry__tag:hover{background:var(--color-brand-subtle);border-color:color-mix(in srgb,var(--color-brand) 38%,transparent);color:var(--color-brand-light);transform:translateY(-1px)}@media (min-width: 481px){.position-entry__trigger{padding:var(--space-5);padding-right:58px}.position-entry__chevron{top:18px;right:16px;width:34px;height:34px}.position-entry__title{font-size:var(--text-lg);line-height:1.25}.position-entry__panel-inner{padding:0 var(--space-5) var(--space-5)}.position-entry__section--highlights{padding:var(--space-4) var(--space-5)}.position-entry__meta{font-size:inherit}}@media (min-width: 769px){.position-entry__trigger{padding:var(--space-5) var(--space-6);padding-right:60px}.position-entry__chevron{top:22px;right:20px}.position-entry__panel-inner{padding:0 var(--space-6) var(--space-6)}}@media (prefers-reduced-motion: reduce){.position-entry,.position-entry__chevron,.position-entry__panel,.position-entry__panel-inner,.position-entry__summary,.position-entry__tag,.position-entry__status,.position-entry__trigger,.position-entry:after{transition:none}.position-entry__status--active .position-entry__status-dot{animation:none}}.career-aside{position:static;top:auto;align-self:start;display:grid;grid-template-columns:1fr;align-items:start;gap:var(--space-4)}.career-aside__card{position:relative;background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-lg);padding:var(--space-4);overflow:hidden;isolation:isolate;opacity:0;transform:translateY(14px);transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1),border-color .3s ease-out,box-shadow .3s ease-out;transition-delay:calc(var(--card-i, 0) * .1s);box-shadow:var(--surface-edge),var(--surface-lift)}.career-aside.is-visible .career-aside__card{opacity:1;transform:translateY(0)}.career-aside__card:hover{border-color:var(--color-border-brand);box-shadow:var(--surface-edge),var(--shadow-md)}.career-aside__title{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-wider);color:var(--color-text-3);margin:0 0 var(--space-4)}.career-aside__status{background:linear-gradient(135deg,color-mix(in srgb,var(--_green-500) 7%,transparent) 0%,transparent 60%),var(--color-surface-1);border-color:color-mix(in srgb,var(--_green-500) 28%,var(--color-border-2))}.career-aside__available{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--_green-400);line-height:1.4}.career-aside__pulse{flex-shrink:0;width:9px;height:9px;border-radius:50%;background:var(--_green-400);box-shadow:0 0 0 4px color-mix(in srgb,var(--_green-500) 24%,transparent);animation:career-aside-pulse 2.4s ease-in-out infinite}@keyframes career-aside-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.82)}}.career-aside__level{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-1)}.career-aside__level-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--color-text-3)}.career-aside__level-value{padding:3px 11px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--ls-wide);color:var(--color-brand-light);background:var(--color-brand-subtle);border:1px solid color-mix(in srgb,var(--color-brand) 30%,transparent)}.career-aside__metrics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.career-aside__metric{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.career-aside__metric+.career-aside__metric{border-top:1px solid var(--color-border-1)}.career-aside__metric-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-brand-subtle);color:var(--color-brand-light);border:1px solid color-mix(in srgb,var(--color-brand) 22%,transparent);transition:transform .3s ease-out}.career-aside__metric--accent .career-aside__metric-icon{background:var(--color-accent-subtle);color:var(--color-accent-light);border-color:color-mix(in srgb,var(--color-accent) 22%,transparent)}.career-aside__card:hover .career-aside__metric-icon{transform:scale(1.06)}.career-aside__metric-label{flex:1;min-width:0;font-size:var(--text-sm);color:var(--color-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.career-aside__metric-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:1;letter-spacing:var(--ls-tight);color:var(--color-text-1);font-variant-numeric:tabular-nums;white-space:nowrap}.career-aside__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.career-aside__tag{padding:4px 10px;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.03em;color:var(--color-text-2);transition:background .25s ease-out,border-color .25s ease-out,color .25s ease-out,transform .25s ease-out}.career-aside__tag:hover{background:var(--color-brand-subtle);border-color:color-mix(in srgb,var(--color-brand) 38%,transparent);color:var(--color-brand-light);transform:translateY(-1px)}@media (min-width: 561px){.career-aside{grid-template-columns:1fr 1fr}.career-aside__card{padding:var(--space-5)}.career-aside__card:last-child{grid-column:1 / -1}}@media (min-width: 901px){.career-aside{position:sticky;top:calc(var(--header-height) + var(--space-4));display:flex;flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion: reduce){.career-aside__card{transition:none}.career-aside__pulse{animation:none}.career-aside__metric-icon{transition:none}}.formations{background:transparent;position:relative}.formations[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.formations[data-reveal].is-visible{opacity:1;transform:translateY(0)}.formations__stats{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-10) 0 var(--space-8);padding:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-xl)}.formations__stats-counter{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-shrink:0;min-width:0;max-width:100%}.formations__stats-num{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1;letter-spacing:var(--ls-tight);background:linear-gradient(135deg,var(--color-brand-light) 0%,var(--color-accent-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.formations__stats-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--color-text-3)}.formations__stats-label svg{color:var(--color-brand-light)}.formations__filters{display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;padding:4px;background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-full);min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none}.formations__filters::-webkit-scrollbar{display:none}.formations__filter{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 12px;min-height:var(--tap-comfort);flex-shrink:0;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.formations__filter:hover{color:var(--color-text-1);background:var(--color-surface-3)}.formations__filter.is-active{background:var(--color-brand-hover);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--color-brand) 35%,transparent),0 0 0 1px color-mix(in srgb,var(--color-brand) 60%,transparent)}.formations__filter.is-active:hover{background:var(--color-brand)}.formations__filter-icon{display:inline-flex;align-items:center;opacity:.85}.formations__filter-label{text-transform:uppercase;letter-spacing:var(--ls-wide)}.formations__filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 6px;height:18px;border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-3);font-size:10px;font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums}.formations__filter.is-active .formations__filter-count{background:#00000038;color:var(--color-text-inverse)}.formations__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:stretch}@media (min-width: 901px){.formations__grid{grid-template-columns:repeat(2,1fr)}.formations__grid--cert{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width: 641px){.formations__stats{flex-direction:row;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5)}.formations__stats-counter,.formations__filters{min-width:auto;max-width:none}.formations__stats-counter,.formations__filters{justify-content:normal}.formations__filters{overflow-x:visible;scrollbar-width:auto}.formations__filter{flex-shrink:1;padding:7px 14px;min-height:auto}}.formations__expand{display:flex;justify-content:center;margin-top:var(--space-8);animation:formations-expand-fade .5s ease-out}@keyframes formations-expand-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.formations__expand-btn{--btn-bg: var(--color-surface-1);--btn-border: var(--color-border-2);position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 18px 12px 22px;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-full);color:var(--color-text-1);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:var(--ls-wide);text-transform:uppercase;cursor:pointer;overflow:hidden;isolation:isolate;transition:background .3s ease-out,border-color .3s ease-out,color .3s ease-out,transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease-out}.formations__expand-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand) 12%,transparent),color-mix(in srgb,var(--color-accent) 8%,transparent));opacity:0;transition:opacity .35s ease-out;z-index:-1;border-radius:inherit}.formations__expand-btn:hover{border-color:color-mix(in srgb,var(--color-brand) 45%,transparent);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--color-brand) 18%,transparent),0 2px 6px color-mix(in srgb,black 30%,transparent)}.formations__expand-btn:hover:before{opacity:1}.formations__expand-btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.formations__expand-btn:active{transform:translateY(0)}.formations__expand-label{line-height:1;transition:transform .3s ease-out}.formations__expand-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 8px;background:var(--color-brand-subtle);border:1px solid color-mix(in srgb,var(--color-brand) 28%,transparent);border-radius:var(--radius-full);color:var(--color-brand-light);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:0;line-height:1;font-variant-numeric:tabular-nums;transition:background .3s ease-out,border-color .3s ease-out,color .3s ease-out}.formations__expand-btn:hover .formations__expand-count{background:color-mix(in srgb,var(--color-brand) 22%,transparent);border-color:color-mix(in srgb,var(--color-brand) 50%,transparent)}.formations__expand-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-2);transition:transform .45s cubic-bezier(.4,0,.2,1),background .3s ease-out,color .3s ease-out}.formations__expand-btn:hover .formations__expand-icon{background:var(--color-brand-subtle);color:var(--color-brand-light);transform:translateY(2px)}.formations__expand-btn.is-expanded .formations__expand-icon{transform:rotate(180deg);background:var(--color-brand-subtle);color:var(--color-brand-light)}.formations__expand-btn.is-expanded:hover .formations__expand-icon{transform:rotate(180deg) translateY(2px)}@media (min-width: 481px){.formations__expand-btn{padding:14px 22px 14px 26px;gap:var(--space-3);font-size:var(--text-xs)}.formations__expand-count{min-width:26px;height:22px;font-size:11px}}@media (prefers-reduced-motion: reduce){.formations[data-reveal]{transition:none}.formations__expand,.formations__expand-btn,.formations__expand-btn:before,.formations__expand-icon,.formations__expand-count,.formations__expand-label{animation:none;transition:none}}.formation-card{--stagger-delay: calc(var(--stagger-index, 0) * 70ms);position:relative;display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-lg);padding:var(--space-5);overflow:hidden;isolation:isolate;opacity:0;transform:translateY(16px);animation:formation-card-enter .55s ease-out forwards;animation-delay:var(--stagger-delay);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);box-shadow:var(--surface-edge),var(--surface-lift)}@keyframes formation-card-enter{to{opacity:1;transform:translateY(0)}}.formation-card:hover{border-color:var(--color-border-brand);box-shadow:var(--surface-edge),var(--shadow-md);transform:translateY(-2px)}.formation-card__glow{position:absolute;top:-40%;right:-40%;width:70%;height:70%;background:radial-gradient(circle,color-mix(in srgb,var(--color-brand) 24%,transparent) 0%,transparent 70%);pointer-events:none;z-index:-1;opacity:.7}.formation-card--cert .formation-card__glow{background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 18%,transparent) 0%,transparent 70%)}.formation-card__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.formation-card__icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);background:var(--color-brand-subtle);color:var(--color-brand-light);border:1px solid color-mix(in srgb,var(--color-brand) 25%,transparent);flex-shrink:0;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-base)}.formation-card--cert .formation-card__icon{background:var(--color-accent-subtle);color:var(--color-accent-light);border-color:color-mix(in srgb,var(--color-accent) 25%,transparent)}.formation-card:hover .formation-card__icon{transform:scale(1.06)}.formation-card__category-label{flex:1 1 auto;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--color-text-4)}.formation-card__period{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;color:var(--color-text-3);padding:4px 10px;border:1px solid var(--color-border-2);border-radius:var(--radius-full);background:var(--color-surface-2);white-space:nowrap}.formation-card__status-row{display:flex;align-items:center;gap:var(--space-3)}.formation-card__status{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 10px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--ls-wide);text-transform:uppercase;line-height:1}.formation-card__status--active{color:var(--color-brand-light);background:var(--color-brand-subtle);border:1px solid color-mix(in srgb,var(--color-brand) 28%,transparent)}.formation-card__status--active .formation-card__status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 25%,transparent);animation:formation-card-pulse 2.4s ease-in-out infinite}@keyframes formation-card-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.formation-card__status--done{color:var(--color-text-2);background:var(--color-surface-2);border:1px solid var(--color-border-2)}.formation-card__progress-pct{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;color:var(--color-brand-light);letter-spacing:.04em}.formation-card__progress{position:relative;width:100%;height:4px;background:var(--color-surface-3);border-radius:var(--radius-full);overflow:hidden}.formation-card__progress-fill{position:relative;display:block;height:100%;background:linear-gradient(to right,var(--color-brand) 0%,var(--color-brand-light) 100%);border-radius:var(--radius-full);box-shadow:0 0 12px color-mix(in srgb,var(--color-brand) 50%,transparent);transition:width .8s cubic-bezier(.22,.61,.36,1);overflow:hidden}.formation-card__progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,white 35%,transparent) 50%,transparent 100%);transform:translate(-100%);animation:formation-progress-shimmer 2.6s ease-in-out infinite}@keyframes formation-progress-shimmer{0%{transform:translate(-100%)}60%{transform:translate(200%)}to{transform:translate(200%)}}.formation-card__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;line-height:var(--lh-snug);letter-spacing:var(--ls-snug);color:var(--color-text-1);margin:var(--space-2) 0 0}.formation-card__institution{font-size:var(--text-sm);color:var(--color-text-3);margin:0;line-height:var(--lh-snug)}.formation-card__inst-link{display:inline-flex;align-items:center;min-height:var(--tap-min);gap:6px;color:var(--color-text-2);text-decoration:none;transition:color var(--transition-fast)}.formation-card__inst-link svg{opacity:.45;transition:opacity var(--transition-fast),transform var(--transition-fast)}.formation-card__inst-link:hover{color:var(--color-brand-light)}.formation-card__inst-link:hover svg{opacity:1;transform:translate(2px,-2px)}.formation-card__desc{flex:0 0 auto;font-size:var(--text-sm);line-height:var(--lh-base);color:var(--color-text-2);margin:0 0 auto;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.formation-card__tech{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.formation-card__tech-icon{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-md);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.formation-card__tech-icon img{display:block;width:20px;height:20px}.formation-card__tech-icon:hover{background:var(--color-surface-3);border-color:var(--color-border-brand);transform:translateY(-1px)}.formation-card__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.formation-card__tag{padding:3px 9px;background:transparent;border:1px solid var(--color-border-2);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.04em;color:var(--color-text-3);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.formation-card__tag:hover{background:var(--color-brand-subtle);border-color:color-mix(in srgb,var(--color-brand) 35%,transparent);color:var(--color-brand-light)}.formation-card__tag--more{background:var(--color-surface-2);color:var(--color-text-2);font-weight:600}.formation-card__footer{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border-1);margin-top:var(--space-2)}.formation-card__location{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-3);letter-spacing:.04em}.formation-card__cert-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-accent-subtle);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:var(--radius-full);color:var(--color-accent-light);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--ls-wide);text-transform:uppercase;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);margin-left:0}.formation-card__cert-link:hover{background:color-mix(in srgb,var(--color-accent) 18%,transparent);border-color:var(--color-accent);transform:translateY(-1px)}.formation-card__cert-link svg{transition:transform var(--transition-fast)}.formation-card__cert-link:hover svg{transform:translate(2px,-2px)}.formation-card--edu{background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand) 3%,transparent) 0%,transparent 60%),var(--color-surface-1)}.formation-card--cert .formation-card__category-label{color:var(--color-accent-light)}@media (min-width: 641px){.formation-card{padding:var(--space-6);border-radius:var(--radius-xl)}.formation-card__title{font-size:var(--text-lg)}.formation-card__footer{flex-direction:row;align-items:center}.formation-card__cert-link{margin-left:auto}}@media (prefers-reduced-motion: reduce){.formation-card{transition:none;animation:none;opacity:1;transform:none}.formation-card__status--active .formation-card__status-dot{animation:none}.formation-card__progress-fill{transition:none}.formation-card__progress-fill:after{animation:none;display:none}}.featured{background:transparent;position:relative}.featured[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.featured[data-reveal].is-visible{opacity:1;transform:translateY(0)}.featured__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px 12px;margin:var(--space-3) 0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand) 14%,transparent),color-mix(in srgb,var(--color-accent) 10%,transparent));border:1px solid color-mix(in srgb,var(--color-brand) 32%,transparent);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-brand-light)}.featured__badge svg{color:var(--color-brand-light)}.featured__main{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-8);align-items:start}@media (min-width: 641px){.featured__main{margin-top:var(--space-10)}}@media (min-width: 1025px){.featured__main{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-7)}}.featured__media{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.featured__filmstrip{display:flex;gap:var(--space-3);justify-content:center}.featured__filmstrip--scroll{justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%)}.featured__filmstrip--scroll::-webkit-scrollbar{display:none}.featured__thumb{position:relative;flex:1 1 0;max-width:180px;aspect-ratio:16 / 9;margin:0;padding:0;background:#06080d;border:1px solid var(--color-border-2);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;opacity:.5;filter:saturate(.8);transition:opacity .3s ease-out,filter .3s ease-out,border-color .3s ease-out,transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease-out}.featured__filmstrip--scroll .featured__thumb{flex:0 0 auto;width:clamp(116px,24%,152px);max-width:none;scroll-snap-align:center}.featured__thumb-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.featured__thumb:hover{opacity:.85;filter:saturate(1);transform:translateY(-2px);border-color:var(--color-border-3)}.featured__thumb:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;opacity:.9}.featured__thumb.is-active{opacity:1;filter:none;border-color:var(--color-brand);box-shadow:0 0 0 1px var(--color-brand),0 6px 18px color-mix(in srgb,var(--color-brand) 20%,transparent)}.featured__thumb-index{position:absolute;top:5px;left:5px;padding:1px 5px;background:#0000009e;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.04em;color:#fff;line-height:1.5}.featured__thumb.is-active .featured__thumb-index{background:var(--color-brand)}.featured__gallery{position:relative;display:flex;flex-direction:column;background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-xl);overflow:hidden;isolation:isolate;box-shadow:0 2px 6px color-mix(in srgb,black 22%,transparent),0 18px 40px color-mix(in srgb,black 28%,transparent);transition:border-color .3s ease-out,box-shadow .3s ease-out}.featured__gallery:hover{border-color:color-mix(in srgb,var(--color-brand) 25%,var(--color-border-2));box-shadow:0 2px 6px color-mix(in srgb,black 28%,transparent),0 22px 50px color-mix(in srgb,var(--color-brand) 12%,color-mix(in srgb,black 30%,transparent))}.featured__gallery:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}.featured__browser-chrome{display:flex;align-items:center;gap:var(--space-3);padding:10px 14px;background:color-mix(in srgb,var(--color-surface-2) 70%,var(--color-surface-3));border-bottom:1px solid var(--color-border-2);flex-shrink:0}.featured__browser-dots{display:flex;gap:6px;flex-shrink:0}.featured__browser-dot{width:9px;height:9px;border-radius:50%;border:.5px solid color-mix(in srgb,black 35%,transparent)}.featured__browser-dot--red{background:#ff5f57}.featured__browser-dot--amber{background:#febc2e}.featured__browser-dot--green{background:#28c840}.featured__browser-url{flex:1;min-width:0;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:10px;color:var(--color-text-2);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured__browser-url-protocol{color:var(--color-text-4)}.featured__autoplay{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-full);color:var(--color-text-3);cursor:pointer;flex-shrink:0;transition:background .25s,border-color .25s,color .25s}.featured__autoplay:hover{background:var(--color-surface-3);color:var(--color-text-1);border-color:var(--color-border-3)}.featured__autoplay.is-playing{color:var(--color-brand-light);border-color:color-mix(in srgb,var(--color-brand) 35%,transparent);background:var(--color-brand-subtle)}.featured__slides{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#06080d;isolation:isolate}.featured__slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform 1.25s cubic-bezier(.22,.61,.36,1);pointer-events:none;will-change:opacity,transform}.featured__slide.is-active{opacity:1;transform:scale(1);pointer-events:auto;z-index:1}.featured__slide-trigger{position:relative;z-index:1;display:block;width:100%;height:100%;margin:0;padding:0;background:transparent;border:none;cursor:zoom-in;color:inherit;font:inherit;text-align:inherit;overflow:hidden}.featured__slide-trigger:focus-visible{outline:2px solid var(--color-brand);outline-offset:-3px}.featured__slide-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .7s cubic-bezier(.22,.61,.36,1)}.featured__slide-trigger:hover .featured__slide-img,.featured__slide-trigger:focus-visible .featured__slide-img{transform:scale(1.025)}.featured__slide-zoom{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,calc(-50% + 8px));display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#0f121ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);color:#fff;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--ls-wide);text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .3s ease-out,transform .4s cubic-bezier(.22,.61,.36,1)}.featured__slide-trigger:hover .featured__slide-zoom,.featured__slide-trigger:focus-visible .featured__slide-zoom{opacity:1;transform:translate(-50%,-50%)}.featured__slide-caption{position:absolute;inset:auto 0 0;z-index:1;padding:var(--space-3) var(--space-4) var(--space-2);background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 50%,transparent 100%);display:flex;flex-direction:column;gap:2px;color:#fff;pointer-events:none}.featured__slide-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--ls-snug)}.featured__slide-sub{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.04em;opacity:.78;text-transform:uppercase}.featured__slide-name{position:absolute;top:60px;left:16px;z-index:3;pointer-events:none;display:none}.featured__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-surface-1) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border-2);border-radius:var(--radius-full);color:var(--color-text-1);cursor:pointer;opacity:1;transition:opacity .3s,background .25s,border-color .25s,transform .25s;box-shadow:var(--surface-edge)}.featured__arrow--prev{left:8px}.featured__arrow--next{right:8px}.featured__gallery:hover .featured__arrow,.featured__gallery:focus-within .featured__arrow{opacity:1}.featured__arrow:hover{background:var(--color-brand);color:var(--color-text-inverse);border-color:var(--color-brand)}.featured__arrow--prev:hover{transform:translateY(-50%) translate(-2px)}.featured__arrow--next:hover{transform:translateY(-50%) translate(2px)}.featured__dots-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 14px;background:color-mix(in srgb,var(--color-surface-2) 70%,var(--color-surface-3));border-top:1px solid var(--color-border-2)}.featured__counter{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;color:var(--color-brand-text);letter-spacing:var(--ls-wide);font-variant-numeric:tabular-nums}.featured__counter-sep,.featured__counter-total{color:var(--color-text-4);font-weight:500}.featured__progress{flex:1;max-width:180px;height:4px;border-radius:var(--radius-full);background:var(--color-border-2);overflow:hidden}.featured__progress-fill{display:block;height:100%;min-width:8px;border-radius:inherit;background:linear-gradient(to right,var(--color-brand),var(--color-accent));transition:width .5s cubic-bezier(.22,.61,.36,1)}.featured__profile{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-xl);padding:var(--space-4);position:relative;overflow:hidden;isolation:isolate}.featured__profile:before{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:80%;background:radial-gradient(circle,color-mix(in srgb,var(--color-brand) 8%,transparent) 0%,transparent 70%);pointer-events:none;z-index:-1}.featured__repo-path{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 12px;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-2);letter-spacing:.02em;align-self:flex-start}.featured__repo-path svg{color:var(--color-text-3)}.featured__badges{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.featured__pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:var(--ls-wider);text-transform:uppercase;line-height:1.4;border:1px solid var(--color-border-2);color:var(--color-text-2);background:var(--color-surface-2)}.featured__pill--live{color:var(--_green-400);background:color-mix(in srgb,var(--_green-500) 13%,transparent);border-color:color-mix(in srgb,var(--_green-500) 35%,transparent)}.featured__pill--live .featured__pill-dot{width:6px;height:6px;border-radius:50%;background:var(--_green-400);box-shadow:0 0 0 3px color-mix(in srgb,var(--_green-500) 28%,transparent);animation:featured-pulse 2.4s ease-in-out infinite}@keyframes featured-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.82)}}.featured__pill--license{color:var(--color-text-2);background:var(--color-surface-2)}.featured__pill--framework{color:var(--color-accent-light);background:var(--color-accent-subtle);border-color:color-mix(in srgb,var(--color-accent) 32%,transparent)}.featured__pill--language{color:var(--_amber-400);background:color-mix(in srgb,var(--_amber-500) 12%,transparent);border-color:color-mix(in srgb,var(--_amber-500) 32%,transparent)}.featured__description{font-size:var(--text-sm);line-height:1.65;color:var(--color-text-2);margin:0}.featured__block{display:flex;flex-direction:column;gap:var(--space-3)}.featured__block-title{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-wider);color:var(--color-text-3);margin:0}.featured__tech{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.featured__tech-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--color-text-1);transition:background .25s,border-color .25s,transform .25s}.featured__tech-chip img{display:block}.featured__tech-chip:hover{background:var(--color-surface-3);border-color:var(--color-border-brand);transform:translateY(-1px)}.featured__endpoints{list-style:none;margin:0;padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-surface-2) 85%,var(--color-bg));border:1px solid var(--color-border-2);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px}.featured__endpoint{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.4}.featured__method{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:2px 7px;border:1px solid;border-radius:var(--radius-sm);font-weight:700;letter-spacing:var(--ls-wide);flex-shrink:0}.featured__path{color:var(--color-text-1);font-weight:600;background:transparent;padding:0;flex-shrink:0}.featured__protected{display:inline-flex;align-items:center;color:var(--color-brand-light);opacity:.8;flex-shrink:0}.featured__endpoint-desc{display:none;color:var(--color-text-3);margin-left:auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.featured__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border-1)}.featured__cta{display:inline-flex;align-items:center;gap:6px}.featured__docs-link{display:inline-flex;align-items:center;min-height:var(--tap-min);gap:4px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-3);text-decoration:none;transition:color .25s;margin-left:0;width:100%;justify-content:center;padding-top:var(--space-2)}.featured__docs-link:hover{color:var(--color-brand-light)}.featured__docs-link svg{transition:transform .25s}.featured__docs-link:hover svg{transform:translate(2px,-2px)}.featured__architecture{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin:var(--space-8) 0 0;padding:0;list-style:none}.arch-card{--stagger-delay: calc(var(--stagger-index, 0) * 90ms);position:relative;padding:var(--space-6);background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden;isolation:isolate;opacity:0;transform:translateY(16px);animation:arch-card-enter .55s ease-out forwards;animation-delay:var(--stagger-delay);transition:border-color .3s ease-out,box-shadow .3s ease-out,transform .3s ease-out;box-shadow:var(--surface-edge),var(--surface-lift)}@keyframes arch-card-enter{to{opacity:1;transform:translateY(0)}}.arch-card:hover{border-color:var(--color-border-brand);box-shadow:var(--surface-edge),var(--shadow-md);transform:translateY(-2px)}.arch-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--color-brand) 0%,var(--color-accent) 100%);opacity:0;transition:opacity .3s ease-out;pointer-events:none}.arch-card:hover:before{opacity:1}.arch-card__icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);background:var(--color-brand-subtle);color:var(--color-brand-light);border:1px solid color-mix(in srgb,var(--color-brand) 25%,transparent)}.arch-card:nth-child(2) .arch-card__icon{background:var(--color-accent-subtle);color:var(--color-accent-light);border-color:color-mix(in srgb,var(--color-accent) 25%,transparent)}.arch-card:nth-child(3) .arch-card__icon{background:color-mix(in srgb,var(--_amber-500) 12%,transparent);color:var(--_amber-400);border-color:color-mix(in srgb,var(--_amber-500) 30%,transparent)}.arch-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:1.2;letter-spacing:var(--ls-snug);color:var(--color-text-1);margin:0}.arch-card__text{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-2);margin:0}@media (min-width: 641px){.featured__browser-url{font-size:var(--text-2xs);padding:5px 12px}.featured__browser-dot{width:11px;height:11px}.featured__slide-caption{padding:var(--space-5) var(--space-5) var(--space-4)}.featured__slide-label{font-size:var(--text-md)}.featured__arrow{width:38px;height:38px;opacity:0}.featured__arrow--prev{left:14px}.featured__arrow--next{right:14px}.featured__docs-link{margin-left:auto;width:auto;justify-content:normal;padding-top:0}.featured__profile{padding:var(--space-5);gap:var(--space-5)}}@media (min-width: 901px){.featured__architecture{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.featured__profile{padding:var(--space-6) var(--space-6)}.featured__endpoint-desc{display:inline}}@media (prefers-reduced-motion: reduce){.featured[data-reveal],.featured__slide,.featured__arrow,.featured__tech-chip,.featured__slide-img,.arch-card{transition:none;animation:none;opacity:1;transform:none}.featured__thumb,.featured__progress-fill{transition:none}.featured__filmstrip--scroll{scroll-behavior:auto}.featured__thumb:hover,.featured__slide-trigger:hover .featured__slide-img,.featured__slide-trigger:focus-visible .featured__slide-img{transform:none}.featured__pill--live .featured__pill-dot{animation:none}.featured__slide.is-active{opacity:1}.featured__slide:not(.is-active){opacity:0}}.work{background:transparent}.work__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-top:var(--space-8)}.work-card{position:relative;display:flex;flex-direction:column;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-xl);overflow:hidden;isolation:isolate;opacity:0;transform:translateY(18px);animation:work-card-enter .55s var(--ease-out) forwards;animation-delay:calc(var(--card-index, 0) * 90ms);transition:border-color .3s var(--ease-out),box-shadow .3s var(--ease-out),transform .3s var(--ease-out);box-shadow:var(--surface-edge),var(--surface-lift)}@keyframes work-card-enter{to{opacity:1;transform:translateY(0)}}.work-card:hover{border-color:var(--color-border-brand);box-shadow:var(--surface-edge),var(--shadow-card-hover);transform:translateY(-6px)}.work-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--color-brand),var(--color-accent));opacity:0;transform:scaleX(0);transform-origin:left center;transition:opacity .3s var(--ease-out),transform .45s var(--ease-out);z-index:3;pointer-events:none}.work-card:hover:before{opacity:1;transform:scaleX(1)}.work-card__thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#06080d}.work-card__thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .6s var(--ease-out)}.work-card:hover .work-card__thumb img{transform:scale(1.06)}.work-card__thumb-grad{position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--color-surface-2) 88%,transparent) 0%,transparent 45%);pointer-events:none;z-index:1}.work-card__emoji{position:absolute;top:var(--space-3);left:var(--space-3);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:18px;line-height:1;border-radius:var(--radius-md);background:#0a0c128c;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--surface-edge),0 4px 14px #00000052;transition:transform .3s var(--ease-out)}.work-card:hover .work-card__emoji{transform:translateY(-2px) scale(1.06)}.work-card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.work-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:1.2;letter-spacing:var(--ls-snug);color:var(--color-text-1)}.work-card__desc{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-2);flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-card__tech{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.work-card__tech .badge{transition:transform .25s var(--ease-out),border-color .25s var(--ease-out),background .25s var(--ease-out)}.work-card__tech .badge:hover{transform:translateY(-1px)}.work-card__footer{display:flex;gap:var(--space-2);padding:0 var(--space-5) var(--space-5)}.work-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;text-decoration:none;border:1px solid transparent;white-space:nowrap;transition:background .25s var(--ease-out),border-color .25s var(--ease-out),color .25s var(--ease-out),box-shadow .25s var(--ease-out),transform .25s var(--ease-out)}.work-btn svg{flex-shrink:0;transition:transform .25s var(--ease-out)}.work-btn--primary{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.work-btn--primary:hover{background:var(--color-brand-light);border-color:var(--color-brand-light);box-shadow:0 6px 18px color-mix(in srgb,var(--color-brand) 35%,transparent);transform:translateY(-1px)}.work-btn--primary:hover svg{transform:translate(2px,-2px)}.work-btn--outline{background:var(--color-surface-1);border-color:var(--color-border-2);color:var(--color-text-2)}.work-btn--outline:hover{background:var(--color-surface-3);border-color:var(--color-border-brand);color:var(--color-text-1);transform:translateY(-1px)}.work__cta{text-align:center;margin-top:var(--space-10)}@media (min-width: 601px){.work__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-12)}}@media (prefers-reduced-motion: reduce){.work[data-reveal],.work-card,.work-card:before,.work-card__thumb img,.work-card__emoji,.work-btn,.work-btn svg,.work-card__tech .badge{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}.rec{background:transparent;position:relative}.rec[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.rec[data-reveal].is-visible{opacity:1;transform:translateY(0)}.rec__stats{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-10) 0 var(--space-7);padding:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-xl)}.rec__stats-counter{display:inline-flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.rec__stats-num{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1;letter-spacing:var(--ls-tight);background:linear-gradient(135deg,var(--color-brand-light) 0%,var(--color-accent-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.rec__stats-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--color-text-3)}.rec__source-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 14px;background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-full);color:var(--color-text-2);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background .25s,border-color .25s,color .25s,transform .25s}.rec__source-link:hover{background:color-mix(in srgb,#0a66c2 10%,var(--color-surface-1));border-color:color-mix(in srgb,#0a66c2 40%,var(--color-border-2));color:var(--color-text-1);transform:translateY(-1px)}.rec__source-link svg{color:#0a66c2}.rec__carousel{position:relative;width:100%;isolation:isolate}.rec__carousel:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px;border-radius:var(--radius-md)}.rec__viewport{width:100%;overflow:hidden}.rec__track{display:flex;will-change:transform;transition:transform .45s cubic-bezier(.22,.61,.36,1)}.rec__page{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:stretch;padding:0 2px}.rec__page>.rec-card{width:100%}@media (min-width: 641px){.rec__stats{flex-direction:row;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.rec__stats-counter,.rec__source-link{justify-content:normal}.rec__source-link{padding:7px 14px}}@media (min-width: 901px){.rec__page{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){.rec[data-reveal],.rec__track{transition:none}}.rec-card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);width:100%;height:100%;min-height:280px;padding:var(--space-5);background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-xl);cursor:pointer;color:inherit;font-family:inherit;text-align:left;overflow:hidden;isolation:isolate;opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .3s cubic-bezier(.22,.61,.36,1),border-color .3s ease-out,box-shadow .3s ease-out,background .3s ease-out;box-shadow:var(--surface-edge),var(--surface-lift)}.rec-card.is-visible{opacity:1;transform:translateY(0)}.rec-card:hover,.rec-card:focus-visible{border-color:var(--color-border-brand);box-shadow:var(--surface-edge),0 1px color-mix(in srgb,var(--color-text-1) 3%,transparent) inset,var(--shadow-md);transform:translateY(-3px)}.rec-card:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.rec-card__glow{position:absolute;top:-30%;right:-30%;width:70%;height:70%;background:radial-gradient(circle,color-mix(in srgb,var(--color-brand) 8%,transparent) 0%,transparent 70%);pointer-events:none;z-index:-1;opacity:.6;transition:opacity .4s ease-out}.rec-card:hover .rec-card__glow{opacity:1}.rec-card__quote{position:absolute;top:-5px;left:12px;font-family:Georgia,Times New Roman,serif;font-size:80px;line-height:1;background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand) 55%,transparent),color-mix(in srgb,var(--color-accent) 35%,transparent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;pointer-events:none;user-select:none;transition:transform .4s cubic-bezier(.22,.61,.36,1)}.rec-card:hover .rec-card__quote{transform:scale(1.05) translateY(-2px)}.rec-card__date{position:absolute;top:var(--space-4);right:var(--space-4);z-index:1;font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--color-text-3);padding:4px 10px;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap}.rec-card__summary{flex:1 1 auto;margin:var(--space-7) 0 0;font-size:var(--text-sm);line-height:1.65;color:var(--color-text-2);text-align:justify;hyphens:auto;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.rec-card__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.rec-card__tag{padding:3px 9px;border:1px solid var(--color-border-2);border-radius:var(--radius-full);background:transparent;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.04em;color:var(--color-text-3);transition:background .25s,border-color .25s,color .25s;white-space:nowrap}.rec-card:hover .rec-card__tag{background:var(--color-surface-2);color:var(--color-text-2)}.rec-card__tag--more{background:var(--color-brand-subtle);color:var(--color-brand-text);border-color:color-mix(in srgb,var(--color-brand) 30%,transparent);font-weight:700}.rec-card__divider{height:1px;background:linear-gradient(to right,transparent 0%,var(--color-border-1) 30%,var(--color-border-1) 70%,transparent 100%)}.rec-card__footer{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center}.rec-card__avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--color-brand-subtle);border:1.5px solid color-mix(in srgb,var(--color-brand) 22%,transparent);flex-shrink:0;transition:border-color .3s ease-out,transform .3s ease-out}.rec-card:hover .rec-card__avatar{border-color:color-mix(in srgb,var(--color-brand) 45%,transparent);transform:scale(1.04)}.rec-card__avatar-img{width:100%;height:100%;object-fit:cover}.rec-card__initials{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;background:linear-gradient(135deg,var(--color-brand-light) 0%,var(--color-accent-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:var(--ls-tight);line-height:1}.rec-card__author{display:flex;flex-direction:column;gap:1px;min-width:0}.rec-card__name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text-1);letter-spacing:var(--ls-snug);line-height:1.2}.rec-card__role{font-family:var(--font-mono);font-size:10px;color:var(--color-text-3);letter-spacing:.02em;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.rec-card__cta{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-full);color:var(--color-text-3);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:var(--ls-wide);text-transform:uppercase;transition:background .25s,border-color .25s,color .25s,transform .25s;flex-shrink:0}.rec-card__cta svg{transition:transform .25s}.rec-card:hover .rec-card__cta{background:var(--color-brand-subtle);border-color:color-mix(in srgb,var(--color-brand) 40%,transparent);color:var(--color-brand-light)}.rec-card:hover .rec-card__cta svg{transform:translate(3px)}@media (min-width: 641px){.rec-card{min-height:320px;padding:var(--space-6) var(--space-6) var(--space-5)}.rec-card__quote{font-size:110px;top:-10px;left:16px}.rec-card__date{top:var(--space-5);right:var(--space-5);font-size:var(--text-2xs)}.rec-card__summary{margin-top:var(--space-8);-webkit-line-clamp:6;line-clamp:6}.rec-card__name{font-size:var(--text-md)}.rec-card__role{font-size:var(--text-2xs)}}@media (prefers-reduced-motion: reduce){.rec-card,.rec-card__glow,.rec-card__quote,.rec-card__avatar,.rec-card__cta,.rec-card__cta svg,.rec-card__tag{transition:none;animation:none;opacity:1;transform:none}}.rec-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-8)}.rec-controls__middle{display:flex;align-items:center;gap:var(--space-3)}.rec-controls__counter{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-4);font-variant-numeric:tabular-nums;letter-spacing:.02em;min-width:46px;justify-content:center}.rec-controls__counter strong{color:var(--color-text-1);font-weight:700}.rec-controls__counter-sep{opacity:.5}.rec-controls__counter-total{color:var(--color-text-4)}.rec-controls__dots{display:flex;align-items:center;gap:var(--space-4)}.rec-controls__dot{appearance:none;border:none;padding:0;cursor:pointer;position:relative;background:var( --color-border-3, color-mix(in srgb, var(--color-brand) 25%, transparent) );width:8px;height:8px;border-radius:50%;transition:width .25s var(--ease-out),background var(--transition-fast),transform var(--transition-fast)}.rec-controls__dot:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:var(--tap-min);height:var(--tap-min)}@media (pointer: coarse){.rec-controls__dots{gap:var(--space-10)}.rec-controls__dot:after{width:var(--tap-comfort);height:var(--tap-comfort)}}.rec-controls__dot:hover{background:color-mix(in srgb,var(--color-brand) 60%,transparent);transform:scale(1.2)}.rec-controls__dot:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.rec-controls__dot.is-active{width:24px;border-radius:var(--radius-full);background:var(--color-brand);transform:none}.rec-controls__btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);background:var(--color-surface-1);border:1px solid var(--color-border-2);color:var(--color-text-3);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.rec-controls__btn:hover:not(:disabled){background:var(--color-brand-subtle);color:var(--color-brand-light);border-color:var(--color-border-brand);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.rec-controls__btn:active:not(:disabled){transform:translateY(0)}.rec-controls__btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.rec-controls__btn:disabled{opacity:.4;cursor:not-allowed}.rec-controls__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (min-width: 641px){.rec-controls{gap:var(--space-5)}.rec-controls__middle{gap:var(--space-4)}.rec-controls__counter{min-width:52px;font-size:var(--text-sm)}.rec-controls__btn{width:42px;height:42px}}body.light-mode .rec-controls__btn{box-shadow:var(--shadow-xs)}body.light-mode .rec-controls__btn:hover:not(:disabled){box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion: reduce){.rec-controls__dot{transition:background var(--transition-fast);width:8px}.rec-controls__dot:hover{transform:none}.rec-controls__dot.is-active{width:8px}.rec-controls__btn,.rec-controls__btn:hover:not(:disabled){transition:background var(--transition-fast),color var(--transition-fast);transform:none}}.contact{background:transparent;position:relative;overflow:hidden}.contact:after{content:"";position:absolute;bottom:-20%;left:-10%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 6%,transparent),transparent 70%);pointer-events:none;z-index:0}.contact .container{position:relative;z-index:1}.contact__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);margin-bottom:var(--space-14)}.contact__header .section-subtitle{max-width:52ch}.contact__availability{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-success-subtle);border:1px solid var(--color-success-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-success);letter-spacing:var(--ls-wide)}.contact__availability-dot{width:7px;height:7px;border-radius:50%;background:var(--color-success);animation:blink 2.4s ease-in-out infinite;flex-shrink:0}.contact__layout{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start}.contact__cta-card{position:relative;padding:var(--space-7) var(--space-5);background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-2xl);overflow:hidden;display:flex;flex-direction:column;gap:var(--space-6);box-shadow:var(--surface-edge),var(--surface-lift)}.contact__cta-card:before{content:"";position:absolute;top:0;left:var(--space-8);right:var(--space-8);height:2px;background:linear-gradient(to right,transparent,var(--color-brand),transparent);border-radius:var(--radius-full)}.contact__cta-card:after{content:"@";position:absolute;bottom:-20px;right:-10px;font-family:var(--font-display);font-size:140px;font-weight:700;color:var(--color-brand);opacity:.04;line-height:1;pointer-events:none;user-select:none}.contact__cta-eyebrow{display:flex;align-items:center;gap:var(--space-3)}.contact__cta-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-brand-subtle);border:1px solid color-mix(in srgb,var(--color-brand) 30%,transparent);display:flex;align-items:center;justify-content:center;color:var(--color-brand-light);flex-shrink:0}.contact__cta-icon svg{width:22px;height:22px;fill:currentColor}.contact__cta-label{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--color-brand)}.contact__cta-heading{font-family:var(--font-display);font-size:clamp(var(--text-2xl),3vw,var(--text-4xl));font-weight:700;letter-spacing:var(--ls-tight);color:var(--color-text-1);line-height:var(--lh-tight)}.contact__cta-heading span{background:linear-gradient(135deg,var(--color-brand-light),var(--color-brand),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact__cta-desc{text-align:justify;font-size:var(--text-md);line-height:var(--lh-relaxed);color:var(--color-text-3)}.contact__email-btn{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-brand);border:none;border-radius:var(--radius-xl);color:#fff;text-decoration:none;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);width:100%}.contact__email-btn:hover{background:var(--color-brand-hover);transform:translateY(-3px);box-shadow:var(--color-brand-glow),var(--shadow-lg)}.contact__email-btn:active{transform:translateY(-1px)}.contact__email-btn-icon{width:44px;height:44px;border-radius:var(--radius-md);background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast)}.contact__email-btn:hover .contact__email-btn-icon{background:#ffffff40}.contact__email-btn-icon svg{width:20px;height:20px;fill:currentColor}.contact__email-btn-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;text-align:left}.contact__email-btn-label{font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--ls-wider);text-transform:uppercase;opacity:.75}.contact__email-btn-value{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact__email-btn-arrow{font-size:var(--text-lg);transition:transform var(--transition-fast);flex-shrink:0}.contact__email-btn:hover .contact__email-btn-arrow{transform:translate(4px) translateY(-4px)}.contact__or{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-4);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--ls-wide);text-transform:uppercase}.contact__or:before,.contact__or:after{content:"";flex:1;height:1px;background:var(--color-border-2)}.contact__alt-links{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.contact__alt-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-xl);color:var(--color-text-2);text-decoration:none;transition:all var(--transition-fast)}.contact__alt-link:hover{border-color:var(--color-border-brand);background:var(--color-brand-subtle);color:var(--color-brand-light);transform:translateY(-2px)}.contact__alt-link-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-surface-3);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.contact__alt-link:hover .contact__alt-link-icon{background:var(--color-brand);color:#fff}.contact__alt-link-icon svg{width:16px;height:16px;fill:currentColor}.contact__alt-link-body{display:flex;flex-direction:column;gap:2px;min-width:0}.contact__alt-link-name{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--ls-wide);text-transform:uppercase;color:inherit}.contact__alt-link-handle{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact__info-card{display:flex;flex-direction:column;gap:var(--space-6)}.contact__profile{padding:var(--space-6) var(--space-5);background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:var(--space-6)}.contact__profile-head{display:flex;align-items:center;gap:var(--space-4)}.contact__profile-avatar{width:56px;height:56px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-brand),var(--color-accent));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:#fff;letter-spacing:var(--ls-tight);flex-shrink:0}.contact__profile-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text-1);letter-spacing:var(--ls-tight)}.contact__profile-role{font-size:var(--text-sm);color:var(--color-brand-light);font-weight:600}.contact__profile-data{display:flex;flex-direction:column;gap:var(--space-3)}.contact__data-row{position:relative;padding:var(--space-3) 0 var(--space-3) calc(48px + var(--space-3));border-bottom:1px solid var(--color-border-1);min-width:0}.contact__data-row:last-child{border-bottom:none;padding-bottom:0}.contact__data-icon{position:absolute;top:calc(var(--space-3) + 1px);left:0;width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;color:var(--color-brand-light)}.contact__data-icon svg{width:22px;height:22px;fill:currentColor}.contact__data-label{font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--color-text-4)}.contact__data-value{font-size:var(--text-sm);font-weight:600;color:var(--color-text-1);word-break:break-word}.contact__data-value a{display:inline-flex;align-items:center;min-height:var(--tap-min);color:inherit;text-decoration:none;transition:color var(--transition-fast)}.contact__data-value a:hover{color:var(--color-brand-light)}.contact__data-note{display:block;font-size:var(--text-2xs);color:var(--color-text-4);font-style:italic;margin-top:1px}.contact__skills{padding:var(--space-6);background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:var(--space-4)}.contact__skills-title{font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--color-text-4)}.contact__skills-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.contact__skill-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:.3em .9em;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;white-space:nowrap;line-height:1.6;transition:all var(--transition-fast)}.contact__skill-tag:hover{transform:translateY(-1px)}.contact__skill-tag--brand{background:var(--color-brand-subtle);color:var(--color-brand-light);border-color:color-mix(in srgb,var(--color-brand) 25%,transparent)}.contact__skill-tag--accent{background:var(--color-accent-subtle);color:var(--color-accent-light);border-color:color-mix(in srgb,var(--color-accent) 25%,transparent)}.contact__skill-tag--neutral{background:var(--color-surface-2);color:var(--color-text-3);border-color:var(--color-border-2)}.contact__response{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-surface-1);border:1px solid var(--color-border-2);border-radius:var(--radius-2xl)}.contact__response-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-accent-subtle);display:flex;align-items:center;justify-content:center;color:var(--color-accent-light);flex-shrink:0}.contact__response-icon svg{width:18px;height:18px;fill:currentColor}.contact__response-text{display:flex;flex-direction:column;gap:2px}.contact__response-title{font-size:var(--text-sm);font-weight:700;color:var(--color-text-1)}.contact__response-sub{font-size:var(--text-xs);color:var(--color-text-4)}@media (min-width: 641px){.contact__cta-card{padding:var(--space-10) var(--space-8)}.contact__alt-links{grid-template-columns:1fr 1fr}.contact__email-btn-value{font-size:var(--text-sm)}.contact__profile{padding:var(--space-8)}}@media (min-width: 1025px){.contact__layout{grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media (prefers-reduced-motion: reduce){.contact__availability-dot{animation:none}.contact__email-btn,.contact__alt-link{transition:none}}.contact-form{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-2)}.contact-form__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;color:var(--color-text-1)}.contact-form__honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.contact-form__row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.contact-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.contact-form__label{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-2)}.contact-form__input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-1);background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.contact-form__input::placeholder{color:var(--color-text-3)}.contact-form__input:focus-visible{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.contact-form__input[aria-invalid=true]{border-color:var(--color-error)}.contact-form__input:disabled{opacity:.6;cursor:not-allowed}.contact-form__textarea{resize:vertical;min-height:120px}.contact-form__error{font-size:var(--text-xs);color:var(--color-error)}.contact-form__footer{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.contact-form__status{font-size:var(--text-sm);font-weight:500;min-height:1.25em}.contact-form__status.is-success{color:var(--color-success)}.contact-form__status.is-error{color:var(--color-error)}@media (min-width: 641px){.contact-form__row{grid-template-columns:1fr 1fr}}
