.intro-section{position:relative;width:100vw;height:100%;overflow:hidden}.intro-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.9)),url(/introduction-image.webp) 50%/cover no-repeat;filter:grayscale(100%);z-index:0}.intro-overlay{position:absolute;inset:0;z-index:1}.intro-content-wrapper{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:100%;padding:60px 0}.intro-grid{display:flex;flex-direction:column;width:100%;margin:0 80px;position:relative}.intro-grid:after{content:"";position:absolute;display:none;inset:0;border:2px solid #ffd700;border-radius:12px;opacity:0;animation:fadeInBorder 3s 1s forwards;z-index:0}.intro-text{flex:1;color:white;text-align:center;max-width:600px;padding:20px 40px;z-index:1;font-family:Montserrat}.intro-founder{font-size:1.9rem;font-weight:700;color:#ffd900e4;margin-bottom:0}.section-underline{width:200px;height:2px;background-color:#ffffff33;border-radius:1px;margin:0 auto 15px}.intro-description{margin:10px auto 0;color:#e0e0e0;font-size:15px;line-height:1.6;text-align:justify;max-width:600px;font-family:Montserrat}.intro-image-wrapper{flex:1;display:none;justify-content:center;align-items:center;flex-direction:column;margin-top:60px;margin-bottom:40px}.intro-image{width:100%;max-width:350px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.4);z-index:30;margin-bottom:20px}.intro-title-inline{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;color:white;font-size:1.5rem;font-weight:500;line-height:1.3;font-family:Montserrat}.name-badge{background-color:transparent;color:#ffd700;border:1px solid #ffd70055;border-radius:14px;font-size:.85rem;font-weight:500;padding:6px 12px;white-space:nowrap}.established-year{font-size:1rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#ffffff;text-align:center}.intro-mobile-stack{display:none;align-items:flex-start;justify-content:space-between;gap:16px}.intro-small-image-container{display:flex;justify-content:center;margin-top:30px}.intro-small-image-large{width:60%;max-width:250px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.4)}@keyframes fadeInBorder{to{opacity:1}}@media (min-width:1024px){.intro-grid{flex-direction:row;align-items:center;justify-content:space-between;gap:80px}.intro-text{margin-left:16px;margin-top:40px}.intro-founder,.intro-text{text-align:left}.section-underline{margin:0 0 12px 35px}.intro-image-wrapper{display:flex}.intro-title-inline{justify-content:flex-start}.intro-small-image-container{display:none}}@media (max-width:1023px){.intro-section{height:100vh}.intro-content-wrapper{justify-content:center;padding:0}.intro-name-wrapper,.intro-subtitle,.intro-title,.intro-title-inline{text-align:left;justify-content:flex-start;align-items:flex-start}.intro-small-image-container{justify-content:flex-end;margin-top:0}.intro-small-image-large{width:120px}.intro-mobile-stack{display:flex}}@media (max-width:767px){.intro-section{height:100%}.intro-grid{margin:40px 10px;gap:24px}.intro-grid:after{content:none}.intro-text{max-width:100%;padding:0 20px;text-align:center;margin-top:20px}.intro-founder{display:inline-block;white-space:normal;line-height:1.3}.section-underline{width:225px;margin:2px auto 20px}.intro-title-inline{flex-direction:column;align-items:center;text-align:center}.intro-image-wrapper{display:block;padding:0 20px}.intro-small-image-container{justify-content:center;margin-top:20px;width:100%}.intro-small-image-large{width:100%;max-width:200px;object-fit:contain}}.legacy-section{display:flex;height:700px;background:#171716;width:100vw;overflow:hidden}.legacy-left-box{background:#1c1c1c;width:40%;position:relative;display:flex;flex-direction:column;justify-content:center;padding:20px 15px;overflow:hidden}.legacy-left-image{position:absolute;top:0;left:0;width:100%;height:80%;background-image:url(/legacy-left.jpeg);background-size:cover;background-position:50%;filter:grayscale(50%) brightness(60%);z-index:0}.legacy-left-box>:not(.legacy-left-image){position:relative;z-index:1;margin-top:auto}.legacy-content{flex:1;padding:70px 40px;color:white;display:flex;flex-direction:column;justify-content:flex-end}.legacy-title{font-size:1.9rem;font-weight:700;justify-items:start;color:white;font-family:Montserrat;text-align:center;align-items:center}.legacy-underline{width:50%;max-width:450px;margin-left:auto;margin-top:5px;margin-right:auto}.legacy-underline,.legacy-underline-timeline{height:2px;background-color:#ffffff33;border-radius:1px}.legacy-underline-timeline{width:60%;max-width:250px;margin:5px auto -5px}.legacy-right{font-size:1.9rem;font-weight:400;text-align:right;color:#ffd900e4;margin-top:10px}.legacy-right,.title{font-family:Montserrat;font-weight:700}.title{font-size:2rem;color:white}.title,.title-wrapper{text-align:center}@media (max-width:768px){.legacy-section{flex-direction:column;width:100vw;height:auto}.legacy-left-box{width:100%;height:650px}.legacy-left-image{position:absolute;top:0;left:0;width:100%;height:80%;background-image:url(/legacy-left.jpeg);background-size:cover;background-position:50%;filter:grayscale(50%) brightness(60%);z-index:0}.legacy-content{padding:20px;text-align:left;width:100%}.legacy-underline{margin:10px auto 20px;width:60%}.legacy-title{font-size:1.5rem;font-weight:700;justify-items:start;color:white;font-family:Montserrat}.legacy-right{font-size:1.4rem;font-weight:400;text-align:right;color:#ffd900e4;margin-top:10px}.legacy-right,.title{font-family:Montserrat;font-weight:700}.title{font-size:1.5rem;text-align:center;color:white;margin-bottom:5px}.title-wrapper{margin-top:10px;margin-bottom:35px;text-align:center}}.timeline{margin-top:clamp(8px,4vw,0px);position:relative;width:100%;padding:20px 0;overflow-x:hidden;overflow-y:hidden}.timeline-list{display:flex;flex-direction:column;align-items:center;gap:0}.timeline-event{display:flex;justify-content:center;align-items:flex-start;width:100%;position:relative;line-height:2rem;opacity:0;transform:translateY(40px);transition:all .8s ease-in-out}.timeline-event.show{opacity:1;transform:translateY(0)}.timeline-event.left .content-box{position:absolute;right:53%;text-align:right;margin-right:3rem;top:-10px}.timeline-event.right .content-box{position:absolute;left:53%;text-align:left;margin-left:3rem;top:-10px}.timeline-year{display:flex;flex-direction:column;align-items:center;min-width:12px;z-index:1}.timeline-year span{color:#ffd900e4;font-family:Cairo;font-size:clamp(2rem,5vw,3.5rem);line-height:1;text-align:center}.timeline-event.show .timeline-year:after{height:60px}.timeline-event:not(:last-child) .timeline-year:after{content:"";display:block;width:0;height:60px;margin-top:5px;margin-bottom:5px;border-left:2.5px dotted rgba(255,255,255,.6)}.content-box{width:40%;padding:.5rem 1rem;text-align:center;background:transparent;font-size:.9rem}.content-box h4{font-weight:300;color:#ffffff}.content-box h4,.content-box p{font-family:Montserrat;margin:0}.content-box p{font-weight:700;color:#f0f0f0;border-bottom:.5px solid #ffd900e4;display:inline-block}@media (max-width:768px){.timeline{padding:24px 10px}.timeline-year{align-items:flex-start}.timeline-year span{text-align:left}.content-box{width:auto;margin-left:auto;text-align:right;padding:.2rem 0}.timeline-list{width:100%;display:flex;flex-direction:column;gap:70px}.timeline-event{display:flex;align-items:flex-start;gap:55px;width:100%}.timeline-year{min-width:80px;text-align:left}.timeline-year span{font-size:2rem;line-height:1;margin-top:9px}.content-box{flex:1;text-align:left}.timeline-event.left .content-box,.timeline-event.right .content-box{position:relative;left:auto;right:auto;text-align:left;margin:0;top:0}.timeline-event:not(:last-child) .timeline-year:after{display:none}}