:root{--primary:#c1ff72;--secondary:#0f0f0f;--thirdly:#f5f5f5;--font-heading:"druk wide",sans-serif;--font-text:"montserrat",sans-serif}body{font-family:var(--font-text);color:var(--thirdly);background:var(--secondary);margin:0;line-height:1.6}.services-hero{background:var(--secondary);min-height:100vh;color:var(--thirdly);grid-template-columns:1fr;gap:2rem;padding:5rem 1.5rem;display:grid}.services-hero-left h1{font-family:var(--font-heading);text-transform:uppercase;color:var(--primary);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;inline-size:100%;font-size:clamp(1.5rem,5vw,3.5rem);line-height:1}.services-hero-left h1 span{display:block}.services-hero-left p{opacity:.85;margin-top:1rem;font-size:1.2rem}.services-hero-right{grid-template-columns:1fr;gap:1.5rem;display:grid}.services-card{cursor:pointer;background:var(--secondary);border:1px solid #c1ff7226;padding:2rem 1.6rem;transition:all .4s;position:relative;overflow:hidden}.services-card:before{content:"";background:var(--primary);z-index:0;transition:transform .4s;position:absolute;inset:0;transform:translateY(100%)}.services-card *{z-index:1;position:relative}.services-card:hover:before{transform:translateY(0)}.services-card-index{letter-spacing:.2em;opacity:.6;margin-bottom:.8rem;font-family:league spartan,sans-serif;font-size:.9rem;display:block}.services-card h3{font-family:var(--font-heading);text-transform:uppercase;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:.6rem;font-size:1.4rem}.services-card p{font-family:var(--font-text);opacity:.85;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:1.1rem;line-height:1.5;transition:color .4s}.services-detail{max-width:1200px;margin:0 auto;padding:4rem 1.5rem}.services-detail h2{font-family:var(--font-heading);text-transform:uppercase;color:var(--primary);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;margin-bottom:1rem;font-size:clamp(1.5rem,5vw,3rem)}.services-detail h3{font-family:var(--font-heading);margin-top:2rem;margin-bottom:1rem;font-size:1.5rem}.services-detail p{opacity:.85;margin-bottom:1rem;font-size:1.1rem}.services-detail ul{margin-top:1rem;padding-left:1.5rem}.services-detail li{margin-bottom:.5rem}@media (min-width:768px){.services-hero{grid-template-columns:1fr 1fr;gap:3rem}.services-hero-right{grid-template-columns:1fr}}@media (min-width:1024px){.services-hero-right{grid-template-columns:1fr 1fr}}