.intro-hero{padding-top:6rem;padding-bottom:0}.intro-hero-brand{font-size:var(--fs-md);letter-spacing:.1em;color:var(--primary-color);text-transform:uppercase;font-weight:600;line-height:var(--lh-sm);margin-bottom:3rem}.intro-hero-title{letter-spacing:var(--ls);font-size:4vw;font-weight:400;line-height:var(--lh-sm);margin:0}.intro-hero-desc{font-size:var(--fs-lg);align-items:start;gap:5px;margin-top:3rem;font-weight:500;display:flex}.intro-hero-desc span{background:var(--primary-color);flex-shrink:0;width:8px;height:8px}@media (max-width:640px){.intro-hero-brand{font-size:var(--fs-sm);letter-spacing:.05em;margin-bottom:2rem}.intro-hero-title{font-size:11vw}.intro-hero-desc{font-size:var(--fs-md);margin-top:2rem}}
.intro-about{padding:5rem 0}.intro-about-inner{grid-template-columns:repeat(2,1fr);display:grid}.intro-about-text{font-size:var(--fs-xl);letter-spacing:var(--ls);line-height:var(--lh-md);margin-bottom:3rem}.intro-about-link{font-size:var(--fs-sm);align-items:center;gap:12px;font-weight:400;text-decoration:none;display:inline-flex}.intro-about-link-icon{background:var(--primary-color);width:27px;height:27px;color:var(--text-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s;display:flex}.intro-about-link:hover .intro-about-link-icon{transform:translate(4px)}@media (max-width:640px){.intro-about .section-title{display:none}.intro-about-inner{grid-template-columns:1fr;gap:3rem}.intro-about-text{font-size:var(--fs-2xl)}}
.layanan-grid{padding:3rem 0 0}.layanan-grid-list{grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.layanan-card{color:inherit;background:#f7f7f7;text-decoration:none;display:block;position:relative;overflow:hidden}.layanan-card-image{aspect-ratio:4/5;width:100%;position:relative;overflow:hidden}.layanan-card-cover{z-index:1;opacity:1;background-repeat:no-repeat;transition:opacity .3s;position:absolute;inset:0}.layanan-card:hover .layanan-card-cover{opacity:0}.layanan-card-overlay{z-index:2;opacity:1;pointer-events:none;background:#0b4ab0e6;transition:opacity .4s;position:absolute;inset:0}.layanan-card:hover .layanan-card-overlay{opacity:0}.layanan-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s,filter .4s}.layanan-card:hover .layanan-card-image img{transform:scale(1.06)}.layanan-card-bottom{z-index:3;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.layanan-card-title{font-size:var(--fs-lg);color:var(--text-light);font-weight:400;position:static}.layanan-card-icon{background:var(--bg-white);width:36px;height:36px;color:var(--primary-color);opacity:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .25s,transform .25s;display:flex;transform:translate(-6px)}.layanan-card:hover .layanan-card-icon{opacity:1;transform:translate(0)}@media (max-width:900px){.layanan-grid-list{grid-template-columns:repeat(2,1fr)}.layanan-card-image{aspect-ratio:5/6}.layanan-card-cover{display:none}}@media (max-width:640px){.layanan-grid{padding:1.5rem 0 0}.layanan-grid-list{grid-template-columns:1fr}.layanan-card-bottom{left:12px}.layanan-card-title{font-size:var(--fs-2xl)}.layanan-card-cover{display:none}.layanan-card-overlay{opacity:1;background:linear-gradient(#0000 35%,#0006 70%,#000000bf 100%)}.layanan-card-overlay,.layanan-card:hover .layanan-card-overlay{opacity:1!important}.layanan-card-icon{opacity:1;transform:translate(0)}}