:root{--bg-color:#fff;--text-main:#000;--text-sub:#555;--accent:#e5e5e5}.about-sticky-section{background-color:var(--bg-color);border-bottom:1px solid var(--accent);width:100%;min-height:100vh;position:relative}.about-container{flex-wrap:wrap;max-width:1600px;margin:0 auto;display:flex;position:relative}.sticky-side{box-sizing:border-box;z-index:2;flex-direction:column;justify-content:center;width:45%;height:100vh;padding:0 4rem;display:flex;position:sticky;top:0}.chapter-marker{letter-spacing:.15em;color:var(--text-sub);text-transform:uppercase;margin-bottom:1.5rem;font-size:.75rem;font-weight:600;display:block}.sticky-headline{word-spacing:1px;white-space:normal;letter-spacing:-1px;font-size:clamp(48px,5vw,72px);font-weight:500;line-height:1.15}.scroll-side{box-sizing:border-box;flex-direction:column;gap:6rem;width:55%;padding:8rem 4rem 8rem 0;display:flex}.scroll-image-wrapper{width:100%;height:60vh;position:relative;overflow:hidden}.scroll-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform 1s;transform:scale(1.05)}.scroll-image-wrapper:hover img{transform:scale(1)}.scroll-text-content{max-width:600px;margin-left:auto;margin-right:2rem}.heading-group{border-bottom:1px solid var(--text-main);align-items:baseline;margin-bottom:2.5rem;padding-bottom:1rem;display:flex}.sub-title{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:2.5rem;font-weight:400}.amp{color:var(--text-sub);margin:0 1rem;font-size:3rem;font-style:italic}.description{color:#333;margin-bottom:1.5rem;font-size:1.1rem;font-weight:400;line-height:1.6}.line-btn{text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #000;margin-top:1rem;padding:1rem 2.5rem;font-size:.8rem;font-weight:600;transition:all .3s}.line-btn:hover{color:#fff;background:#000}@media (max-width:1024px){.about-container{flex-direction:column}.sticky-side{width:100%;height:auto;padding:6rem 2rem 2rem;position:relative}.scroll-side{gap:4rem;width:100%;padding:2rem}.scroll-image-wrapper{height:50vh}.scroll-text-content{max-width:100%;margin-left:0}.sticky-headline{font-size:3.5rem}.heading-group{justify-content:flex-start}}
:root{--bg-color:#fff;--text-primary:#1a1a1a;--text-secondary:#555;--arch-card-height:650px}body{background-color:var(--bg-color);margin:0;padding:0}.section-container{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:60px;max-width:1400px;min-height:100vh;margin:0 auto;padding:80px 40px;display:flex}.left-column{flex:1;max-width:600px;padding-right:20px}.main-headline{word-spacing:1px;white-space:normal;letter-spacing:-1px;font-size:clamp(48px,5vw,72px);font-weight:500;line-height:1.15}.description-text{color:var(--text-secondary);max-width:480px;margin-bottom:60px;font-size:1.1rem;line-height:1.6}.services-header{color:var(--text-primary);margin-bottom:30px;font-size:2rem;font-style:italic}.services-list{margin:0;padding:0;list-style:none}.service-item{cursor:pointer;border-bottom:1px solid #e0e0e0;padding:0 10px;transition:border-color .3s,background-color .3s}.service-item:hover{border-bottom:1px solid #000}.service-item.active{border-bottom:2px solid #000;padding-left:20px}.service-header{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.service-left{align-items:center;gap:20px;display:flex}.icon-wrapper{color:var(--text-secondary);align-items:center;transition:transform .3s,color .3s;display:flex}.service-item.active .icon-wrapper,.active-icon{color:#000;transform:scale(1.1)}.service-title{color:var(--text-primary);font-size:1rem;font-weight:500}.toggle-icon{color:var(--text-primary);transition:transform .3s}.service-content{opacity:0;height:0;padding-left:40px;overflow:hidden}.service-desc{color:var(--text-secondary);max-width:90%;margin:0 0 15px;font-size:.95rem;line-height:1.5}.view-more-link{color:#000;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #0000;align-items:center;gap:8px;padding-bottom:2px;font-size:.85rem;font-weight:600;text-decoration:none;transition:border-bottom .2s,gap .2s;display:inline-flex}.view-more-link:hover{border-bottom:1px solid #000;gap:12px}.right-column{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.arch-card{width:100%;max-width:500px;height:var(--arch-card-height);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.arch-image-bg{filter:grayscale()brightness(.9)contrast(1.1);background-image:url(https://images.unsplash.com/photo-1486718448742-163732cd1544?q=80&w=1000&auto=format&fit=crop);background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .5s}.arch-card:hover .arch-image-bg{transform:scale(1.05)}.arch-overlay{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2b2b2b66;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.arch-card-content{color:#fff;z-index:2;flex-direction:column;align-items:center;display:flex}.arch-subtitle{letter-spacing:1px;text-transform:uppercase;opacity:.9;margin-bottom:10px;font-size:.9rem}.arch-title{letter-spacing:-2px;margin:0;font-size:4.5rem;line-height:1}.arch-graphics{width:2px;height:100px;margin:40px 0;position:relative}.line{background-color:#fff;border-radius:2px;width:2px;position:absolute;left:50%;transform:translate(-50%)}.line-1{opacity:.3;height:30px;top:0}.line-2{opacity:.6;height:40px;top:40px}.line-3{opacity:1;height:20px;bottom:0}.process-btn{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#fff;border:none;border-radius:4px;align-items:center;padding:14px 28px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.process-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}@media (max-width:1024px){.main-headline{font-size:4rem}}@media (max-width:768px){.section-container{flex-direction:column;padding:40px 20px}.left-column{margin-bottom:60px;padding-right:0}.main-headline{font-size:3rem}.arch-card{height:500px}}