.scroll-swap-section{align-items:flex-start;display:flex}.scroll-swap-left{display:flex;flex-direction:column;flex-shrink:0;height:100vh;justify-content:center;padding:0 5% 0 6%;position:sticky;top:0;width:50%}.scroll-swap-left h2{color:#0d1117;font-size:clamp(32px,3.8vw,56px);font-weight:700;line-height:1.1;margin-bottom:28px}.scroll-swap-left p{color:#555;font-size:clamp(22px,1.3vw,28px);line-height:1.8}.scroll-swap-right{display:flex;flex:1;flex-direction:column;padding:60vh 5% 0 0}.scroll-swap-card-wrapper{align-items:center;display:flex;justify-content:center;padding:20px 0}.scroll-swap-card{background:hsla(0,0%,100%,.88);border-radius:20px;cursor:pointer;max-width:750px;opacity:0;padding:36px 40px 28px;transform:translateY(50px);transition:opacity .5s ease,transform .5s ease,box-shadow .2s ease,background .3s ease,color .3s ease;width:100%}.scroll-swap-card.visible{opacity:1;transform:translateY(0)}.scroll-swap-card:hover{background:#091e32;box-shadow:0 8px 28px rgba(0,0,0,.09)}.scroll-swap-card:hover h3,.scroll-swap-card:hover p,.scroll-swap-card:hover strong{color:#fff}.scroll-swap-card h3{color:#0d1117;font-size:clamp(22px,1.8vw,28px);font-weight:400;margin-bottom:22px;transition:color .3s ease}.scroll-swap-card p{color:#555;font-size:16px;line-height:1.55;margin-bottom:16px;margin-top:2px;transition:color .3s ease}.scroll-swap-card strong{color:#0d1117;display:block;font-size:16px;font-weight:600;margin-bottom:0;margin-top:8px;transition:color .3s ease}.scroll-swap-card a{color:#999;display:block;font-size:26px;margin-top:14px;text-align:right;text-decoration:none;transition:color .2s ease,transform .2s ease}.scroll-swap-card:hover a{color:#fff;transform:translateX(5px)}@media (max-width:700px){.scroll-swap-section{flex-direction:column}.scroll-swap-left{height:auto;padding:48px 6% 32px;position:relative;width:100%}.scroll-swap-right{padding:0 6% 60px}.scroll-swap-card-wrapper{height:auto;padding:20px 0}.scroll-swap-card{opacity:1;transform:none}}