.story-container{padding:12px 0}.story-container h1{color:var(--light-text);font-size:clamp(2rem,4vw,3rem);margin-bottom:10px}.story-container h2{color:var(--muted-text);font-size:1.4rem;font-weight:500;margin-bottom:20px}.timeline-container{background:var(--surface-dark);border:1px solid var(--line);border-radius:16px;padding:20px}.timeline{position:relative;padding-left:24px}.timeline-line{position:absolute;inset:0 auto 0 6px;width:2px;background:#52586d}.timeline-item{position:relative;margin-bottom:18px;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.timeline-item.visible{opacity:1;transform:none}.timeline-item::before{content:'';width:12px;height:12px;border-radius:999px;background:var(--primary-color);position:absolute;left:-23px;top:8px}.timeline-content{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-panel)}.timeline-content h3{color:var(--light-text);font-size:1.8rem;margin-bottom:10px}.timeline-content h3 small{color:var(--muted-text)}.timeline-content-container{display:grid;grid-template-columns:1.4fr .6fr;gap:14px}.timeline-description{margin-bottom:8px}.timeline-skills{display:flex;flex-wrap:wrap;gap:8px}.timeline-skills li{background:#1a1c24;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:1.2rem}.image-content img{max-height:180px;object-fit:contain}@media(max-width:900px){.timeline-content-container{grid-template-columns:1fr}}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.story-card{background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;transition:transform .2s ease,border-color .2s ease;position:relative}.story-card::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--primary-color);border-radius:var(--radius-md)0 0 var(--radius-md)}.story-card:hover{transform:translateY(-3px);border-color:var(--primary-line)}.story-card-period{color:var(--primary-color);font-size:1.2rem;font-weight:700;letter-spacing:.08em;margin-bottom:6px}.story-card-title{color:var(--light-text);font-size:1.7rem;font-weight:700;margin-bottom:10px;line-height:1.4}.story-card-desc{color:var(--body-text);font-size:1.35rem;line-height:1.7;margin-bottom:14px}.story-card-skills{display:flex;flex-wrap:wrap;gap:6px}.story-card-skills li{background:rgba(255,255,255,3%);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:1.15rem;color:var(--muted-text)}