@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&family=DM+Mono:wght@400;500&display=swap');:root{--card-height:30vw;--card-margin:1vw;--card-top-offset:.6em;--numcards:3;--outline-width:0}header,main{width:90vw;max-width:1200px;margin:0 auto}header{height:35vh;display:flex;align-items:center;justify-content:center;margin-bottom:80px}header h1{font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:700;text-align:center;color:#131212}#cards{list-style:none;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(var(--numcards),var(--card-height));gap:var(--card-margin)}.card{position:sticky;background-color:white;top:calc(var(--index) * var(--card-top-offset) + 250px);transition:transform .3s ease-out}#card-1{--index:1}#card-2{--index:2}#card-3{--index:3}#card-4{--index:4}#card-5{--index:5}#card-6{--index:6}#card-7{--index:7}#card-8{--index:8}#card-9{--index:9}#card-10{--index:10}.service-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.service-icon{width:60px;height:60px;flex-shrink:0}.service-title{font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:700;line-height:1.2}.service-title .blue{color:#007ee5}.service-title .green{color:#74ad23}.service-description{font-size:1.1rem;line-height:1.5;margin-bottom:2rem;color:#555}.service-features{display:flex;flex-direction:column;gap:1rem}.feature-item{display:flex;align-items:center;gap:.75rem}.feature-icon{width:16px;height:16px;flex-shrink:0}.feature-text{font-size:1rem;color:#333}@supports(animation-timeline:scroll()){.card{--index0:calc(var(--index) - 1);--reverse-index:calc(var(--numcards) - var(--index0));--reverse-index0:calc(var(--reverse-index) - 1)}.card-content{animation:scale-card linear forwards;animation-timeline:scroll(root);animation-range:entry 0 exit 100%}@keyframes scale-card{to{transform:scale(calc(1.1 - calc(0.1 * var(--reverse-index)))calc(0.1 * var(--reverse-index))))}}}@media(max-width:768px){:root{--card-mob-height:80vh;--card-margin:6vw}#cards{grid-template-rows:repeat(var(--numcards),var(--card-mob-height)) !important}.stacking_title{position:relative !important;top:0}.card{top:calc(var(--index) * var(--card-top-offset) + 75px)}header h1{font-size:2rem}.service-title{font-size:1.8rem}.service-header{flex-direction:column;text-align:center;gap:1rem}}