.about-dossier{background:linear-gradient(180deg, hsl(var(--background)) 0%, hsl(var(--card) / .72) 100%), repeating-linear-gradient(90deg, hsl(var(--primary) / .05) 0 1px, transparent 1px 84px), repeating-linear-gradient(0deg, hsl(var(--primary) / .04) 0 1px, transparent 1px 84px);position:relative;overflow:hidden}.about-dossier:before{content:"";background:linear-gradient(115deg, transparent 0%, transparent 56%, hsl(var(--primary) / .08) 56%, hsl(var(--primary) / .08) 57%, transparent 57%, transparent 100%);pointer-events:none;position:absolute;inset:0}.about-dossier>*{z-index:1;position:relative}.about-side-profile,.about-panel,.about-statement-panel,.about-cta-panel{border:1px solid hsl(var(--border) / .78);background:hsl(var(--card) / .84);box-shadow:inset 0 1px 0 hsl(var(--primary) / .08), 0 18px 42px -32px #00134173;border-radius:.5rem}.about-side-profile{padding:1rem}.about-portrait-frame{aspect-ratio:5/6;border:1px solid hsl(var(--border));background:hsl(var(--secondary) / .35);border-radius:.5rem;overflow:hidden}.about-timeline{gap:1rem;display:grid}@media (min-width:768px){.about-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}}.about-timeline-item{border:1px solid hsl(var(--border) / .78);background:hsl(var(--card) / .82);border-radius:.5rem;padding:1.25rem;position:relative}@media (min-width:768px){.about-timeline-item:before{content:"";background:hsl(var(--border));width:1rem;height:1px;position:absolute;top:1.75rem;right:-1rem}.about-timeline-item:last-child:before{display:none}}.about-tech-group{border-top:1px solid hsl(var(--border));gap:1.25rem;padding-top:1.5rem;display:grid}@media (min-width:1024px){.about-tech-group{grid-template-columns:15rem minmax(0,1fr)}}.about-tech-chip{border:1px solid hsl(var(--border) / .78);background:hsl(var(--background) / .52);border-radius:.5rem;align-items:center;gap:.6rem;padding:.6rem .8rem;transition:border-color .22s,transform .22s,background-color .22s;display:flex}.about-tech-chip:hover{border-color:hsl(var(--primary) / .42);background:hsl(var(--card) / .92);transform:translateY(-2px)}.about-page-title{flex-wrap:wrap;align-items:flex-start;column-gap:.2em;max-width:100%;display:inline-flex}.about-page-title__part,.about-lead-title__phrase{white-space:nowrap}.about-profile-name{flex-wrap:wrap;align-items:flex-start;column-gap:.2em;max-width:100%;display:inline-flex}.about-profile-name__part{white-space:nowrap}@media (max-width:420px){.about-page-title,.about-profile-name{flex-direction:column;column-gap:0}.about-lead-title{font-size:clamp(1.75rem,8.7vw,2.25rem);line-height:1.2}.about-lead-title__phrase{display:block}}.about-panel,.about-statement-panel,.about-cta-panel{border-color:color-mix(in srgb, var(--sky-mid) 54%, hsl(var(--border)));box-shadow:inset 0 1px 0 #9bf0ff1f, inset 0 0 30px color-mix(in srgb, var(--sky-mid) 36%, transparent), 0 20px 46px -34px color-mix(in srgb, var(--sky-mid) 72%, transparent)}.about-statement-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--sky-mid) 30%, hsl(var(--card))) 0%, hsl(var(--background) / .72) 100%), linear-gradient(90deg, color-mix(in srgb, var(--sky-mid) 44%, transparent) 0 1px, transparent 1px 100%)}.about-cta-panel{background:linear-gradient(135deg, color-mix(in srgb, var(--sky-mid) 28%, hsl(var(--card))) 0%, hsl(var(--background) / .78) 100%), repeating-linear-gradient(90deg, color-mix(in srgb, var(--sky-mid) 24%, transparent) 0 1px, transparent 1px 56px)}.about-timeline-item{transition:border-color var(--motion-base) var(--ease-signature), background-color var(--motion-base) var(--ease-signature), transform var(--motion-base) var(--ease-signature), box-shadow var(--motion-base) var(--ease-signature)}.about-timeline-item:hover,.about-timeline-item:focus-within{border-color:color-mix(in srgb, var(--sky-mid) 58%, hsl(var(--primary)));background:color-mix(in srgb, var(--sky-mid) 24%, hsl(var(--card)));box-shadow:inset 0 1px 0 #9bf0ff1a, 0 16px 34px -28px color-mix(in srgb, var(--sky-mid) 76%, transparent);transform:translateY(-2px)}@media (min-width:768px){.about-timeline-item:before{transition:background-color var(--motion-base) var(--ease-signature), box-shadow var(--motion-base) var(--ease-signature)}.about-timeline-item:hover:before,.about-timeline-item:focus-within:before{background:color-mix(in srgb, var(--sky-mid) 38%, hsl(var(--primary)));box-shadow:0 0 12px color-mix(in srgb, var(--sky-mid) 64%, transparent)}}.about-tech-chip{transition:border-color var(--motion-base) var(--ease-signature), transform var(--motion-base) var(--ease-signature), background-color var(--motion-base) var(--ease-signature), box-shadow var(--motion-base) var(--ease-signature)}.about-tech-chip:hover,.about-tech-chip:focus-within{border-color:color-mix(in srgb, var(--sky-mid) 52%, hsl(var(--primary)));background:color-mix(in srgb, var(--sky-mid) 24%, hsl(var(--card)));box-shadow:inset 0 1px 0 #9bf0ff1a, 0 14px 30px -26px color-mix(in srgb, var(--sky-mid) 70%, transparent)}@media (prefers-reduced-motion:reduce){.about-timeline-item,.about-timeline-item:before,.about-tech-chip{transition:none}.about-timeline-item:hover,.about-timeline-item:focus-within,.about-tech-chip:hover,.about-tech-chip:focus-within{transform:none}}
