.road-hero{padding:100px 8% 60px;background:linear-gradient(90deg,#071b24ed,#071b2466),url('assets/llaut-contraluz.png') center/cover;min-height:600px}.road-hero h1{font:clamp(40px,5.5vw,78px)/1.1 Georgia,serif;max-width:900px;margin:25px 0}.road-hero>p{max-width:650px;color:#e0e8e5}.road-milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}.road-milestones a{padding:20px 0;border-top:1px solid #dfba7988;text-decoration:none;color:#eee}.road-milestones strong{display:block;font:32px Georgia,serif;color:#dfba79}.road-milestones span{font-size:14px}.road-content{max-width:1250px;margin:auto;padding:35px 6%}.road-years{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px}.road-years a{color:#dfba79;padding:10px 16px;border:1px solid #dfba7955;text-decoration:none}.road-note{font-size:14px;color:#b9c8cb;line-height:1.8;padding:22px;border-left:3px solid #dfba79;background:#102a33}.road-year{display:grid;grid-template-columns:240px 1fr;gap:48px;padding:65px 0;border-bottom:1px solid #dfba7940;scroll-margin-top:120px}.road-year-label>span{font:64px Georgia,serif;color:#dfba79}.road-year-label h2{font:30px/1.2 Georgia,serif}.road-year-label p{color:#92abb2;font-size:13px;line-height:1.7}.road-events{border-left:1px solid #dfba7955;padding-left:32px}.road-event{position:relative;margin:0 0 38px}.road-event:last-child{margin-bottom:0}.road-event:before{content:'';position:absolute;left:-39px;top:5px;width:12px;height:12px;border-radius:50%;background:#dfba79;box-shadow:0 0 0 6px #102731}.road-date{color:#dfba79;text-transform:uppercase;letter-spacing:1.5px;font-size:12px}.road-event h3{font:27px/1.3 Georgia,serif;margin:12px 0}.road-event>p:not(.road-date),.road-event li{color:#bfcecf;line-height:1.8;font-size:16px}.road-event details{background:#102a33;padding:15px 20px}.road-event summary{cursor:pointer;color:#e6c58d}.road-event li{margin:9px 0}.road-end{padding:65px 0}.road-end h2{font:36px Georgia,serif}.road-end p{max-width:750px}.road-end .button{margin-top:20px}.road-years a:focus-visible,.road-event summary:focus-visible{outline:2px solid #dfba79;outline-offset:4px}@media(max-width:750px){.road-hero{padding:55px 7% 30px}.road-milestones{grid-template-columns:1fr;gap:5px;margin-top:35px}.road-year{grid-template-columns:1fr;gap:20px;padding:40px 0}.road-year-label>span{font-size:48px}.road-year-label h2{margin:10px 0}.road-events{margin-left:7px;padding-left:25px}.road-event:before{left:-32px}.road-content{padding:25px 7%}}