#hero{width:100%;overflow:hidden;background-color:#ffffff}.hero-image{width:100%;height:auto;display:block;max-height:600px;object-fit:cover;filter:brightness(1.05)}main{max-width:1200px;margin:0 auto;padding:40px 20px;background-color:#ffffff}#about{text-align:center;margin-bottom:80px;background-color:#f9f9ff;padding:30px;border-radius:12px}#about h1{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#222}.subtitle{font-size:1.5rem;font-weight:400;color:#555;margin-bottom:0}.story-section{margin-bottom:100px;background-color:#fafafa;border-radius:12px;padding:30px;box-shadow:0 4px 15px rgba(0,0,0,.03)}.content-wrapper{display:flex;align-items:center;gap:60px;margin-bottom:40px}.story-section:nth-child(2n) .content-wrapper{flex-direction:row-reverse}.story-section:nth-child(odd){background-color:#f8faff}.story-section:nth-child(2n){background-color:#f9fff8}.section-image{flex:1;max-width:500px;width:100%;height:auto;border-radius:8px;box-shadow:0 4px 20px rgba(100,100,255,.08);filter:brightness(1.05)}.text-content{flex:1;padding:20px;background-color:rgba(255,255,255,.7);border-radius:8px}.text-content h2{font-size:2rem;font-weight:600;margin-bottom:24px;color:#222;line-height:1.3}.text-content p{font-size:1.1rem;line-height:1.7;margin-bottom:20px;color:#333;text-align:justify}.text-content p:last-child{margin-bottom:0}#timeline-nav{margin:60px 0 40px;padding:30px 0;background-color:#f0f8ff;border-radius:12px;text-align:center;box-shadow:0 4px 15px rgba(100,150,255,.05);border:1px solid #e8f0ff}#timeline-nav ul{display:flex;justify-content:center;list-style:none;gap:20px;margin-bottom:30px;flex-wrap:wrap}#timeline-nav li{margin:0}#timeline-nav a{display:inline-block;text-decoration:none;color:#3a3a3a;font-size:1rem;font-weight:500;padding:12px 24px;background-color:#fff;border:2px solid #e8f0ff;border-radius:25px;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px rgba(100,150,255,.05)}#timeline-nav a.active,#timeline-nav a:focus,#timeline-nav a:hover{background-color:#4a7bff;color:#fff;border-color:#4a7bff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(74,123,255,.2)}.nav-controls{display:flex;justify-content:center;gap:15px}.nav-controls button{padding:10px 20px;background-color:#fff;border:2px solid #e8f0ff;border-radius:20px;color:#3a3a3a;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(100,150,255,.05)}.nav-controls button:hover{background-color:#4a7bff;color:#fff;border-color:#4a7bff;box-shadow:0 4px 12px rgba(74,123,255,.2)}@media screen and (max-width:768px){main{padding:20px 15px}#about h1{font-size:2rem}.subtitle{font-size:1.2rem}.content-wrapper{gap:30px;text-align:center}.content-wrapper,.story-section:nth-child(2n) .content-wrapper{flex-direction:column!important}.section-image{max-width:100%}.text-content{padding:10px}.text-content h2{font-size:1.5rem;margin-bottom:16px}.text-content p{font-size:1rem;text-align:left}#timeline-nav ul{flex-direction:column;gap:10px}#timeline-nav a{font-size:.9rem;padding:10px 20px}.nav-controls{flex-direction:column;align-items:center}.nav-controls button{width:120px}}@media screen and (max-width:480px){#about h1{font-size:1.8rem}.subtitle{font-size:1.1rem}.text-content h2{font-size:1.3rem}.text-content p{font-size:.95rem}#timeline-nav{padding:20px 10px}#timeline-nav a{font-size:.8rem;padding:8px 16px}}a:focus,button:focus{outline:2px solid #4a7bff;outline-offset:2px}html{scroll-behavior:smooth}.brand-story-container{background-color:#ffffff}