.about-wrapper{display:grid;grid-template-columns:250px auto;gap:30px;max-width:1200px;margin:0 auto;padding:20px;align-items:start}.about-content{width:100%;max-width:900px;background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1);color:#333;line-height:1.8}.about-sidebar{background:#f8f9fa;padding:10px;border-radius:8px;box-shadow:2px 2px 10px rgba(0,0,0,0.1);position:sticky;top:20px}.about-sidebar ul{padding-left:0;list-style:none}.about-sidebar li{margin-bottom:12px}.about-sidebar a{display:block;font-size:16px;color:#512a8b;text-decoration:none;line-height:1.4;word-wrap:break-word;padding:4px 6px;border-radius:6px;transition:background .2s ease}.about-sidebar a:hover{background:#ede7f6}.hero-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #ddd}.hero-section h1{color:var(--main-bg-color,#512a8b);font-weight:bold;margin-bottom:15px;font-size:2.5rem}.hero-section p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:0}.button{display:inline-block;background:#512a8b;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;transition:background .3s ease-in-out,transform .2s ease;text-align:center}.button:hover{background:#7e57c2;transform:translateY(-2px)}ul{padding-left:20px}ul li{margin-bottom:10px;line-height:1.6}.about-step{background:#f8f8fc;padding:20px;border-left:5px solid #512a8b;margin-bottom:20px;border-radius:6px}.about-step h3{color:#512a8b;margin-bottom:10px}.info-buttons{display:flex;flex-wrap:wrap;gap:15px}.info-buttons .button{flex:1;min-width:150px}section{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #ddd}.about-parallax{height:400px;background-image:url("https://d3ho91vc8zmifz.cloudfront.net/images/about/fareham-train-bridge.webp");background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;margin:4rem 0;border-radius:8px}.about-learn-more{text-align:center;margin-bottom:4rem}.about-contact{background-color:#f8f8f8;padding:2rem;border-radius:8px;text-align:center}.about-contact h2{font-size:1.8rem;color:var(--main-bg-color);margin-bottom:1rem}.about-contact ul{list-style:none;padding:0}.about-contact li{margin-bottom:.5rem;font-size:1.1rem}.about-contact a{color:var(--ch3);font-weight:600}.about-contact{background-color:#f8f8f8;padding:2rem;border-radius:8px;text-align:center}.about-contact h2{font-size:1.8rem;color:var(--main-bg-color);margin-bottom:1rem}.about-contact ul{list-style:none;padding:0}.about-contact li{margin-bottom:.5rem;font-size:1.1rem}.about-contact a{color:var(--ch3);font-weight:600}@media(max-width:900px){.about-wrapper{grid-template-columns:1fr}.about-sidebar{width:100%;position:relative;margin-bottom:20px}.about-content{width:100%;padding:20px}.info-buttons,.contact-buttons{flex-direction:column}}