@media(max-width:1100px){.site-header nav{gap:15px}.site-header nav>a{font-size:.8rem}.nav-actions .btn{padding:8px 10px}.product-grid article{grid-template-columns:1fr}.product-visual{height:150px;background-size:cover}.advantages article{padding:5px 12px}.industry-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.section{padding:55px 0}.menu-toggle{display:block}.site-header nav{position:absolute;left:0;right:0;top:76px;background:#fff;padding:18px 20px 25px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 30px rgba(0,0,0,.12)}.site-header nav.open{display:flex}.site-header nav>a{height:46px;display:flex}.site-header nav>a.active:after{bottom:5px;width:45px}.nav-actions{flex-direction:column;margin-top:12px}.hero,.hero-inner{min-height:760px}.hero{background-position:66% center}.hero-shade{background:linear-gradient(180deg,rgba(4,25,20,.97),rgba(4,25,20,.65) 65%,rgba(4,25,20,.2))}.hero-inner{align-items:flex-start}.hero-copy{width:100%;padding-top:70px}.hero h1{font-size:4.5rem}.hero-chips,.vertical-note{display:none}.advantages{grid-template-columns:1fr 1fr}.advantages article:nth-child(2){border-right:0}.advantages article{border-bottom:1px solid var(--line);padding:16px}.advantages article:nth-child(n+3){border-bottom:0}.stats-layout,.why-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.product-grid article{grid-template-columns:38% 62%}.product-visual{height:auto}.service-grid{display:flex;overflow-x:auto;padding-bottom:10px}.service-grid a{min-width:210px}.industry-grid{display:flex;overflow-x:auto}.industry-grid article{min-width:230px}.benefit-grid{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}}@media(max-width:560px){.container{width:min(100% - 28px,var(--max))}.hero{min-height:700px}.hero-copy{padding-top:55px}.hero h1{font-size:3.65rem}.hero-lead{font-size:1rem}.micro-features{gap:12px}.micro-features span{display:block}.micro-features b{display:block;margin-top:4px}.hero-actions{flex-direction:column;align-items:stretch}.advantages{margin-top:-35px;grid-template-columns:1fr}.advantages article,.advantages article:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.advantages article:last-child{border-bottom:0}.stats-grid{gap:9px}.stats-grid article{padding:18px 8px}.why-photo{height:300px}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.section-head span{font-size:.6rem}.product-grid article{grid-template-columns:1fr}.product-visual{height:180px}.benefit-grid{grid-template-columns:1fr}.cta .container{display:grid;gap:24px}.cta h2{font-size:2.3rem}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.footer-bottom div{flex-wrap:wrap}dialog form{grid-template-columns:1fr}dialog{padding:28px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal,.stagger>*{opacity:1;transform:none}}
/* Product page */
@media(max-width:1279px){.catalog-grid{grid-template-columns:repeat(3,1fr)}.product-hero__products{width:46vw}.quality-item{padding-inline:18px}}
@media(max-width:1023px){.product-hero{min-height:500px}.product-hero__inner{min-height:500px;align-items:flex-start}.product-hero__copy{padding-top:60px;max-width:58%}.product-hero h1{font-size:5.5rem}.product-hero__products{right:-4%;width:50vw}.quality-grid{grid-template-columns:repeat(2,1fr)}.quality-item:nth-child(2){border-right:0}.quality-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.product-dialog__layout{grid-template-columns:40% 60%}}
@media(max-width:767px){.product-hero{min-height:690px}.product-hero:before{background:linear-gradient(180deg,rgba(4,29,23,.98) 0%,rgba(4,38,29,.88) 54%,rgba(4,38,29,.35))}.product-hero__inner{min-height:auto}.product-hero__copy{max-width:none;padding:45px 0 0}.product-hero h1{font-size:4.6rem}.product-hero p{font-size:1rem}.product-hero__products{right:0;left:3%;bottom:-2%;width:96%;max-width:none}.product-hero__products img{max-height:290px}.catalog-section{padding:48px 0}.catalog-heading{align-items:flex-start}.catalog-heading__icon{width:56px;height:56px;flex-basis:56px;border-radius:14px}.catalog-heading h2{font-size:3rem}.catalog-heading p{font-size:.9rem}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:12px}.catalog-card__image{height:170px}.catalog-card__body{min-height:165px;padding:15px}.category-float{top:auto;bottom:18px;max-width:calc(100% - 24px);overflow-x:auto}.product-cta__inner{min-height:250px;align-items:flex-start;justify-content:center;flex-direction:column}.product-dialog{width:100%;max-height:94dvh;margin:auto 0 0;border-radius:20px 20px 0 0}.product-dialog__layout{display:block;max-height:94dvh;overflow:auto}.product-dialog__visual{min-height:260px;height:34dvh}.product-dialog__content{padding:28px 24px 34px}.product-dialog h2{font-size:2.8rem}.product-dialog__actions{position:sticky;bottom:0;background:#fff;padding-top:12px}.product-dialog .modal-close{position:fixed;right:12px;top:auto;margin-top:12px}}
@media(max-width:479px){.product-hero{min-height:620px}.product-hero h1{font-size:3.75rem}.product-hero__products img{max-height:245px}.catalog-heading{gap:12px}.catalog-heading h2{font-size:2.55rem}.catalog-heading__icon{width:50px;height:50px;flex-basis:50px}.catalog-grid{grid-template-columns:1fr 1fr}.catalog-card__image{height:135px}.catalog-card__body{min-height:178px;padding:13px 12px}.catalog-card__body strong{font-size:1.25rem}.catalog-card__body>span{font-size:.78rem}.quality-grid{grid-template-columns:1fr}.quality-item,.quality-item:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.quality-item:last-child{border-bottom:0}.category-float a{padding:8px 11px;font-size:.68rem}.product-cta h2{font-size:2.7rem}.product-dialog__actions{flex-direction:column}.product-dialog__actions .btn{width:100%}}
@media(max-width:1023px){.oil-service-grid{grid-template-columns:repeat(3,1fr)}.oil-services__heading{align-items:flex-start}}
@media(max-width:767px){.oil-services{margin-top:38px;padding-top:30px}.oil-services__heading{display:block}.oil-services__heading p{margin-top:16px}.oil-service-grid{grid-template-columns:repeat(2,1fr);gap:10px}.oil-service-card{min-height:96px;padding:15px}}
@media(max-width:479px){.oil-service-grid{grid-template-columns:1fr}.oil-service-card{min-height:78px}.oil-services__heading span{letter-spacing:.2em;line-height:1.5}}
/* Industry page */
@media(max-width:1023px){.service-layout:has(.service-card:nth-child(5)){grid-template-columns:repeat(2,1fr)}.service-layout .service-card--large{grid-column:1/-1}.service-layout .service-card--sedang,.service-layout .service-card--normal{grid-column:span 1}.service-card--large{min-height:430px}.industry-benefits__grid{grid-template-columns:repeat(2,1fr)}.industry-benefit:nth-child(2){border-right:0}.industry-benefit:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:18px;margin-bottom:18px}.service-detail-layout{grid-template-columns:40% 60%}}
@media(max-width:767px){.industry-services{padding-top:26px}.industry-heading{align-items:flex-start}.industry-heading__icon{width:56px;height:56px;flex-basis:56px}.service-layout:has(.service-card:nth-child(5)){grid-template-columns:1fr}.service-layout .service-card--large,.service-layout .service-card--sedang,.service-layout .service-card--normal{grid-column:1}.service-card--large{min-height:430px}.service-card__overlay{left:22px;right:22px;bottom:22px}.service-card__overlay strong{font-size:2rem}.service-card__image,.service-card--normal .service-card__image{height:260px}.service-card--normal .service-card__body{min-height:0}.industry-benefits__grid{grid-template-columns:1fr}.industry-benefit,.industry-benefit:nth-child(2){border-right:0;border-bottom:1px solid rgba(255,255,255,.25);padding:17px 6px;margin:0}.industry-benefit:last-child{border-bottom:0}.service-detail-dialog,.request-dialog{width:100%;max-height:94dvh;margin:auto 0 0;border-radius:20px 20px 0 0}.service-detail-layout{display:block;max-height:94dvh;overflow:auto}.service-detail-visual{min-height:260px;height:34dvh}.service-detail-content{padding:28px 24px 36px}.service-detail-content h2{font-size:2.7rem}.request-dialog{padding:28px 20px}.request-dialog form{grid-template-columns:1fr}.form-field.full{grid-column:auto}.request-actions,.request-status{grid-column:auto}.industry-cta__hotspot{left:62%;width:22%}}
@media(max-width:479px){.industry-heading h1{font-size:2.65rem}.industry-heading p{font-size:.85rem}.service-card--large{min-height:390px}.service-card__overlay strong{font-size:1.75rem}.service-card__overlay .service-description{font-size:.88rem}.service-tags{gap:6px}.service-tags span{padding:6px 8px;font-size:.64rem}.service-card__image,.service-card--normal .service-card__image{height:220px}.service-card__body{padding:17px}.detail-columns{grid-template-columns:1fr}.detail-actions,.request-actions{flex-direction:column}.detail-actions .btn,.request-actions .btn{width:100%}.industry-cta__hotspot{left:61%;width:25%}}
/* About Us page */
@media(max-width:1023px){.about-profile__grid{gap:24px}.profile-highlight{min-height:120px}.vision-card{grid-template-columns:100px 1fr;padding:24px}.vision-card__icon svg{width:78px;height:78px}.mission-card{padding:22px}.about-page .footer-grid{grid-template-columns:1.4fr repeat(4,1fr);gap:24px}}
@media(max-width:767px){.about-page .site-header{height:auto}.about-hero{padding-top:0;background:#fff}.about-hero__art{height:330px;object-fit:cover;object-position:69% center}.about-hero__home{display:none}.about-hero__mobile-copy{display:block;position:absolute;inset:0 42% 0 0;padding:38px 0 20px 24px;background:linear-gradient(90deg,#fff 15%,rgba(255,255,255,.96) 62%,transparent);line-height:1.3}.about-hero__mobile-copy p{font-size:.7rem}.about-hero__mobile-copy h2{font-size:3.3rem;line-height:.82}.about-hero__mobile-copy h2 em{display:block;color:var(--green2);font-style:italic}.about-hero__mobile-copy h2:after{content:"";display:block;width:38px;height:4px;margin-top:14px;background:var(--green2)}.about-hero__mobile-copy span{display:block;margin-top:14px;font-size:.78rem}.about-profile{padding:32px 0}.about-profile__grid{grid-template-columns:1fr}.about-profile__photo{max-width:620px}.profile-highlights{grid-template-columns:1fr}.profile-highlight{min-height:90px;flex-direction:row;justify-content:flex-start;gap:16px;text-align:left;padding:12px 18px}.profile-highlight__icon{margin:0}.vision-mission{padding:34px 0}.vision-mission__grid{grid-template-columns:1fr}.about-why__grid{grid-template-columns:repeat(2,1fr)}.about-cta img{height:170px;object-fit:cover}.about-cta__hotspot{left:5%;top:59%;width:32%;height:29%}.contact-dialog{width:100%;max-height:94dvh;margin:auto 0 0;border-radius:20px 20px 0 0;padding:28px 22px}.contact-dialog form{grid-template-columns:1fr}.contact-dialog label.full,.contact-actions{grid-column:auto}.about-page .footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:479px){.about-hero__art{height:520px;object-position:68% bottom}.about-hero__mobile-copy{inset:0 0 53% 0;padding:30px 20px;background:linear-gradient(180deg,#fff 34%,rgba(255,255,255,.96) 68%,transparent)}.about-hero__mobile-copy h2{font-size:3rem}.about-hero__mobile-copy span{max-width:270px;font-size:.82rem}.about-profile__content h2,.about-section-title h2{font-size:2.2rem}.vision-card{grid-template-columns:76px 1fr;padding:22px 18px}.vision-card__icon svg{width:65px;height:65px}.vision-card h3,.mission-card h3{font-size:1.9rem}.mission-card__intro{grid-template-columns:70px 1fr}.mission-card__intro svg{width:64px}.mission-pillars{grid-template-columns:repeat(2,1fr);row-gap:16px}.about-why__grid{grid-template-columns:1fr}.advantage-card{min-height:160px}.about-cta img{height:210px;object-position:center}.about-cta__hotspot{left:5%;top:63%;width:52%;height:24%}.contact-actions{flex-direction:column}.contact-actions .btn{width:100%}.about-page .footer-grid{grid-template-columns:1fr}}
/* Contact page */
@media(max-width:1023px){.contact-page .nav-wrap{max-width:94%}.contact-page .site-header nav{gap:17px}.contact-workspace__grid{width:min(94%,944px)}}
@media(max-width:767px){.contact-page .nav-wrap{max-width:none}.contact-page .site-header nav{top:76px}.contact-page .search-trigger{margin-left:auto;margin-right:8px}.contact-page .menu-toggle{order:3}.contact-hero img{height:190px;object-fit:cover}.contact-info{padding-top:28px}.contact-meta{grid-template-columns:1fr;margin-top:20px}.contact-meta__item{border-right:0;border-bottom:1px solid #d8dfdc;padding:12px}.contact-meta__item:last-child{border-bottom:0}.contact-workspace__grid{grid-template-columns:1fr}.map-stage,.map-stage>img,.map-stage>iframe{min-height:340px}.solutions-banner img{height:auto;min-height:310px;object-fit:cover;object-position:center}.search-overlay{padding-top:0}.search-panel{width:100%;min-height:100dvh;border-radius:0;padding-top:28px}.solution-hotspot{top:54%;height:31%}}
@media(max-width:479px){.contact-page .brand img{width:145px}.contact-title h2{font-size:2.4rem}.contact-address{font-size:.85rem;gap:10px}.message-card{padding:22px 18px}.contact-submit{width:100%}.map-info{max-width:240px}.solutions-banner img{height:390px;object-fit:cover;object-position:center}.solution-hotspot{top:57%;width:18%;height:22%}.solution-hotspot.oil{left:7%}.solution-hotspot.abrasives{left:25%}.solution-hotspot.tools{left:43%}}