@layer components{.about-story-rail{--milestone-spine:color-mix(in srgb, var(--primary) 42%, var(--tertiary));gap:var(--space-card);display:grid;position:relative}.about-story-rail:before{background:linear-gradient(to bottom, var(--primary), var(--tertiary), var(--glow-c));content:"";width:2px;position:absolute;top:1.9rem;bottom:1.9rem;left:1.7rem}.about-story-milestone{--milestone-accent:var(--primary);min-height:7rem;padding-left:4.7rem;position:relative}.about-story-milestone:nth-child(5n+2){--milestone-accent:var(--tertiary)}.about-story-milestone:nth-child(5n+3){--milestone-accent:var(--glow-b)}.about-story-milestone:nth-child(5n+4){--milestone-accent:var(--glow-c)}.about-story-milestone:nth-child(5n+5){--milestone-accent:var(--glow-a)}.about-story-year{z-index:2;border:3px solid var(--card);background:var(--milestone-accent);width:3.5rem;height:3.5rem;color:var(--primary-foreground);box-shadow:0 0 0 .38rem color-mix(in srgb, var(--milestone-accent) 18%, transparent), var(--shadow-soft);font:800 .75rem/1 var(--font-display);letter-spacing:.015em;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:.65rem;left:0}.about-story-card{border:1px solid color-mix(in srgb, var(--milestone-accent) 35%, var(--border));border-radius:var(--theme-radius-xl);background:linear-gradient(145deg, color-mix(in srgb, var(--milestone-accent) 8%, transparent), transparent 48%), var(--card);padding:var(--space-card);box-shadow:var(--shadow-soft);position:relative}.about-story-card:before{border-bottom:1px solid color-mix(in srgb, var(--milestone-accent) 35%, var(--border));border-left:1px solid color-mix(in srgb, var(--milestone-accent) 35%, var(--border));background:var(--card);content:"";width:.85rem;height:.85rem;position:absolute;top:1.8rem;left:-.48rem;rotate:45deg}@media (width>=64rem){.about-story-rail{gap:var(--space-stack-lg)}.about-story-rail:before{background:linear-gradient(to bottom, var(--primary), var(--tertiary), var(--glow-c));width:3px;height:auto;top:2rem;bottom:2rem;left:50%;translate:-50%}.about-story-milestone{grid-template-columns:minmax(0,1fr) 6rem minmax(0,1fr);min-height:9.5rem;padding-left:0;display:grid}.about-story-year{grid-area:1/2;place-self:center;width:4.5rem;height:4.5rem;font-size:.88rem;position:relative;top:0;left:auto}.about-story-card{grid-area:1/1;align-self:center;padding:1.4rem}.about-story-milestone:nth-child(2n) .about-story-card{grid-column:3}.about-story-milestone:nth-child(odd) .about-story-card:before{border:0;border-top:1px solid color-mix(in srgb, var(--milestone-accent) 35%, var(--border));border-right:1px solid color-mix(in srgb, var(--milestone-accent) 35%, var(--border));left:auto;right:-.48rem}.about-story-milestone:nth-child(2n) .about-story-card:before{left:-.48rem;right:auto}}}