.story-page-container{width:100%;min-height:100vh;padding:2rem;display:flex;flex-direction:column;gap:3rem;background-color:var(--base-100);color:var(--base-400);overflow-x:hidden}.story-header,.story-page-container.error{align-items:center;justify-content:center}.story-header{display:flex;flex-direction:column;gap:1.5rem;width:100%;opacity:0;transform:translateY(20px);padding-top:4rem;text-align:center}.story-header h1{font-family:Big Shoulders Display,sans-serif;font-size:4rem;text-transform:uppercase;font-weight:900;line-height:.9;letter-spacing:-.05rem;max-width:1200px}.story-content-wrapper{display:flex;flex-direction:column;gap:3rem;max-width:1000px;margin:0 auto;width:100%;padding-bottom:4rem}.story-meta{display:flex;justify-content:center;gap:4rem;width:100%;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);padding:1.5rem 0;opacity:0;transform:translateY(20px)}.meta-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.meta-item .label{font-family:Geist Mono;font-size:.85rem;text-transform:uppercase;color:var(--base-300);letter-spacing:.05rem}.meta-item .value{font-family:PP Neue Montreal;font-size:1.1rem;font-weight:500}.story-body{font-family:PP Neue Montreal;font-size:1.25rem;line-height:1.6;opacity:0;transform:translateY(20px)}.story-body h3{font-family:Big Shoulders Display;font-size:2.5rem;text-transform:uppercase;margin-top:2.5rem;margin-bottom:1rem;letter-spacing:-.025rem}.story-body p,.story-body ul{margin-bottom:1.5rem}.story-body ul{list-style-type:disc;padding-left:1.5rem}.story-body li{margin-bottom:.5rem}@media (max-width:768px){.story-header h1{font-size:2.5rem}.story-meta{flex-direction:column;gap:1.5rem;align-items:center}.story-body{font-size:1.1rem}}