.architecture{color:#fff;background-color:#000;padding:80px 0;position:relative}.architecture .container{margin:0 auto}.architecture__title{font-family:var(--font-anton);text-align:center;letter-spacing:1px;color:#fff;margin-bottom:1rem;padding:0 16px;font-weight:500}.architecture__grid{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:1.5rem;padding:1rem 16px 3rem;display:flex;overflow-x:auto}.architecture__grid::-webkit-scrollbar{display:none}@media (min-width:768px){.architecture__grid{gap:2rem;padding:1rem 24px 3rem}}@media (min-width:1024px){.architecture__grid{scroll-snap-type:none;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto;padding:1rem 0 3rem;display:grid;overflow-x:visible}}.architecture__scroll-indicator{justify-content:center;margin-top:-1rem;margin-bottom:2rem;display:flex}.architecture__scroll-indicator .scroll-progress-track{background-color:#ffffff1a;border-radius:10px;width:120px;height:3px;overflow:hidden}.architecture__scroll-indicator .scroll-progress-thumb{background-color:#fcd901;border-radius:10px;height:100%;transition:width .1s ease-out}@media (min-width:1024px){.architecture__scroll-indicator{display:none}}.architecture .architecture-card{text-align:left;scroll-snap-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;flex:0 0 85%;justify-content:flex-start;max-width:400px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.architecture .architecture-card:after{content:"";background-color:#fcd901;width:0%;height:3px;transition:width .4s;position:absolute;bottom:0;left:0}.architecture .architecture-card:hover{background:#ffffff0f;border-color:#fcd9014d;transform:translateY(-8px);box-shadow:0 15px 30px #0000004d}.architecture .architecture-card:hover:after{width:100%}.architecture .architecture-card:hover .architecture-card__title{color:#fcd901}@media (min-width:768px){.architecture .architecture-card{flex:0 0 60%}}@media (min-width:1024px){.architecture .architecture-card{flex:unset;max-width:unset}.architecture .architecture-card:hover{transform:translateY(-12px)}}.architecture .architecture-card__title{font-family:var(--font-anton);text-align:center;color:#fff;margin-bottom:1rem;font-size:1.4rem;font-weight:500;line-height:1.2}.architecture .architecture-card__description{font-family:var(--font-roboto),sans-serif;color:#fff;text-align:center;line-height:1.7}.architecture .architecture-card__accent{display:none}