.about-hero{grid-template-columns:1fr 420px;align-items:end;gap:2rem;max-width:900px;min-height:520px;margin:0 auto;padding:5rem 2rem 0;display:grid}.about-hero-text{padding-bottom:4rem}.about-hero h1{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:400;line-height:1}.about-hero h1 .accent{color:var(--blue);transition:color var(--transition);font-style:italic}body.dark .about-hero h1 .accent{color:var(--blue-light)}.about-meta{margin-bottom:2rem}.about-meta p{color:#0009;transition:color var(--transition);margin-bottom:.3rem;font-size:.78rem;font-weight:400}body.dark .about-meta p{color:#e8e8e899}.about-meta span{color:var(--blue);transition:color var(--transition);font-weight:500}body.dark .about-meta span{color:var(--blue-light)}.about-intro{color:#0009;max-width:420px;transition:color var(--transition);font-size:1rem;font-weight:300;line-height:1.85}body.dark .about-intro{color:#e8e8e899}.about-hero-img{justify-content:center;align-self:end;align-items:flex-start;height:440px;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(#000 78%,#0000 100%)}.about-hero-img img{z-index:1;object-fit:contain;object-position:top;width:auto;max-width:none;height:860px;position:relative}.about-ghost-mark{font-size:clamp(8rem,18vw,13rem);top:6%;right:-8%}@media (prefers-reduced-motion:no-preference){.about-hero-text>*{opacity:0;animation:.7s forwards hero-fade-up}.about-hero-text>:first-child{animation-delay:0s}.about-hero-text>:nth-child(2){animation-delay:80ms}.about-hero-text>:nth-child(3){animation-delay:.16s}.about-hero-text>:nth-child(4){animation-delay:.24s}}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.about-body{grid-template-columns:1fr 1.4fr;align-items:start;gap:5rem;max-width:900px;margin:0 auto;padding:4rem 2rem;display:grid}.about-sidebar{position:sticky;top:6rem}.sidebar-label{letter-spacing:.16em;text-transform:uppercase;color:#00000059;transition:color var(--transition);margin-bottom:1.5rem;font-size:.68rem;font-weight:500}body.dark .sidebar-label{color:#e8e8e866}.sidebar-links{flex-direction:column;gap:.8rem;list-style:none;display:flex}.sidebar-links a{color:#00000080;transition:color var(--transition);font-size:.82rem;font-weight:400;text-decoration:none}body.dark .sidebar-links a{color:#e8e8e880}.sidebar-links a:hover{color:var(--blue)}body.dark .sidebar-links a:hover{color:var(--blue-light)}.about-text{color:#000000a6;transition:color var(--transition);font-size:.98rem;font-weight:300;line-height:1.95}body.dark .about-text{color:#e8e8e8a6}.about-text p+p{margin-top:1.5rem}.about-text strong{color:var(--black);transition:color var(--transition);font-weight:600}body.dark .about-text strong{color:#e8e8e8}.about-text a{color:var(--black);text-underline-offset:3px;transition:color var(--transition), text-decoration-color var(--transition);font-weight:600;text-decoration:underline #00000040}body.dark .about-text a{color:#e8e8e8;text-decoration-color:#ffffff4d}.about-text a:hover{color:var(--blue);text-decoration-color:currentColor}body.dark .about-text a:hover{color:var(--blue-light)}.momentos-section{max-width:900px;margin:0 auto;padding:5rem 2rem}.momentos-label{letter-spacing:.16em;text-transform:uppercase;color:#00000059;transition:color var(--transition);margin-bottom:3rem;font-size:.68rem;font-weight:500}body.dark .momentos-label{color:#e8e8e866}.momentos-title{letter-spacing:-.03em;transition:color var(--transition);margin-bottom:3rem;font-size:clamp(1.4rem,3vw,2rem);font-weight:400}body.dark .momentos-title{color:#e8e8e8}.momentos-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.momento-item{flex-direction:column;gap:.8rem;display:flex}.momento-item img{aspect-ratio:1;object-fit:cover;border-radius:2px;width:100%;height:auto;transition:transform .3s;display:block}.momento-item img:hover{transform:scale(1.02)}.momento-caption{color:#0000008c;transition:color var(--transition);font-size:.78rem;font-style:italic;font-weight:300;line-height:1.5}body.dark .momento-caption{color:#e8e8e873}@media (width<=640px){.about-hero{grid-template-columns:1fr;min-height:auto;padding-top:3rem}.about-hero-img{display:none}.about-hero-text{padding-bottom:2rem}.about-body{grid-template-columns:1fr;gap:2.5rem}.about-sidebar{position:static}.momentos-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.momento-item{scroll-snap-align:center;flex:0 0 80%}}