.intro-hero{padding-top:8rem;padding-bottom:0}.intro-hero-title{letter-spacing:var(--ls-md);text-wrap:balance;margin:0;font-size:5vw;font-weight:300;line-height:1.1}.intro-hero-info{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;margin-top:4rem;display:grid}.intro-hero-desc{font-size:var(--fs-lg);align-items:start;gap:5px;margin:0;font-weight:500;display:flex}.intro-hero-desc span{background:var(--primary-color);flex-shrink:0;width:8px;height:8px}.intro-hero-subdesc{width:80%;font-size:var(--fs-md);line-height:var(--lh-md);text-wrap:pretty;margin:0}@media (max-width:890px){.intro-hero-title{font-size:6vw}.intro-hero-subdesc{width:100%}}@media (max-width:640px){.intro-hero-title{font-size:10.5vw}.intro-hero-info{grid-template-columns:1fr;gap:1rem}.intro-hero-desc{font-size:var(--fs-md)}.intro-hero-subdesc{font-size:.9375rem}}
.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-md);font-weight:300;line-height:var(--lh-md);text-wrap:pretty;margin-bottom:1rem}.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)}.intro-about-highlights{margin-top:3rem}.intro-about-highlight{border-bottom:1px solid var(--border-color);grid-template-columns:repeat(2,1fr);align-items:center;padding:40px 0;display:grid}.intro-about-highlight:first-child{border-top:1px solid var(--border-color)}.intro-about-highlight-meta{justify-content:start;align-items:center;gap:2rem;display:flex}.intro-about-highlight-number{font-size:var(--fs-xs);margin:0}.intro-about-highlight-title{font-size:var(--fs-3xl);letter-spacing:var(--ls-md);margin:0;font-weight:300}.intro-about-highlight-description{font-size:var(--fs-md);line-height:var(--lh-md);text-wrap:pretty;margin:0}@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)}.intro-about-highlights{margin-top:2.5rem}.intro-about-highlight{grid-template-columns:1fr;gap:.5rem;padding:2rem 0}.intro-about-highlight-number{display:none}.intro-about-highlight-description{font-size:var(--fs-sm);line-height:var(--lh-lg)}}
.layanan-grid{padding:1rem 0 0}.layanan-grid-list{grid-template-columns:repeat(4,1fr);display:grid}.layanan-card{color:inherit;background:#f7f7f7;border-right:1px solid #ffffff14;text-decoration:none;display:block;position:relative;overflow:hidden}.layanan-card:last-child{border-right:none}.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;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none;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-card-image{aspect-ratio:5/6}}@media (max-width:640px){.layanan-grid{padding:13px 0 0}.layanan-grid-list{grid-template-columns:1fr}.layanan-card{border-right:none}.layanan-card-bottom{left:12px;right: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)}}