.history-area-1{padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(60px,8vw,120px);position:relative;overflow:hidden;z-index:0}.background-image{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://res.cloudinary.com/ageofsowrds/image/upload/v1754479907/Roadmap%20Background/okkssnktiwpcztofhea8.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:-1;filter:brightness(.3)}.container{max-width:1400px;padding:0 clamp(10px,5vw,20px)}.section__title{margin-bottom:60px;text-align:center}.title{font-size:clamp(2rem,5vw,4rem);font-family:MedievalSharp,cursive;font-weight:700;letter-spacing:clamp(1px,.5vw,3px);text-transform:uppercase;color:rgb(69,248,130)}.history-card-list{position:relative;padding:0 clamp(10px,5vw,10px)}.history-card-item{margin-bottom:clamp(1.5rem,4vw,3rem)}.history-card{display:flex;flex-direction:row;padding:10px;background:linear-gradient(145deg,rgba(20,20,20,.9),rgba(40,40,40,.9));border-radius:clamp(10px,2vw,20px);overflow:hidden;border:1px solid green;transition:all .3s ease}.history-card.released{filter:grayscale(100%);opacity:.7}.history-card:hover{transform:translateY(-2px)}.history-card-thumb{flex:0 0 490px;width:490px;height:400px;position:relative}.history-image,.thumb{width:100%;height:100%}.history-image{object-fit:contain;object-position:center;border-radius:clamp(8px,2vw,15px) 0 0 clamp(8px,2vw,15px);transition:all .3s ease}.history-image.released{filter:brightness(.6) grayscale(100%)}.history-image:not(.released){filter:brightness(.9)}.history-card-details{flex:1;position:relative}.tag{background:#00ff75;color:black;font-size:clamp(.85rem,2vw,1rem);font-weight:700;padding:clamp(8px,2vw,10px) clamp(15px,4vw,25px);border-radius:clamp(15px,4vw,25px);margin-bottom:clamp(.5rem,1.5vw,.75rem);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1px);display:inline-block;transition:opacity .3s ease}.tag:hover{opacity:.85}.sub-title{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:700;margin-bottom:clamp(.5rem,1.5vw,.75rem);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1px);transition:color .3s ease}.sub-title.released{color:#888888}.sub-title:not(.released){color:#00ff75}.title.released{color:#cccccc}.title:not(.released){color:white}.text{line-height:1.7;transition:color .3s ease}.text.released{color:rgba(204,204,204,.85)}.text:not(.released){color:rgba(255,255,255,.85)}.toggle-button{background:#00ff75;border:none;color:black;cursor:pointer;padding:clamp(8px,2vw,10px) clamp(15px,4vw,25px);font-size:clamp(.85rem,2vw,1rem);font-weight:700;border-radius:clamp(15px,4vw,25px);margin-top:clamp(1rem,2.5vw,1.5rem);transition:background-color .3s ease}.toggle-button:hover{background-color:#00cc60;color:black!important}.scroll__top{position:fixed;bottom:20px;right:20px;z-index:1000;background-color:#00ff75;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:20px;color:black;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.scroll__top:hover{background-color:#00cc60}.loading-section{min-height:50vh;display:flex;align-items:center;justify-content:center;padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(60px,8vw,120px)}.loading-text{color:#00ff75;font-size:1.2rem;text-align:center}@media (max-width:768px){.history-card{flex-direction:column!important}.history-card-thumb{flex:0 0 auto!important;width:100%!important;height:200px!important}.history-image{border-radius:8px 8px 0 0!important}}.title.text-white.released,.title.text-white:not(.released){font-size:30px}