/*
Theme Name: Kencana Jaya Mandiri 987
Theme URI: https://kencana-jaya-mandiri-987.rbt182.chatgpt.site
Author: Trio Nur Digital
Description: Tema profil perusahaan elevator dan eskalator PT Kencana Jaya Mandiri 987.
Version: 1.0.4
Text Domain: kencana-jaya-mandiri
*/
:root{--red:#c7000b;--dark:#960008;--ink:#171717;--line:#e7e7e7;--soft:#f7f7f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:88px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav-wrap{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;min-width:280px}.brand .custom-logo{max-height:65px;width:auto}.brand-mark{font-size:48px;font-weight:900;font-style:italic;color:var(--red);text-shadow:-5px 6px #ccc;line-height:1}.brand strong{font-size:14px;line-height:1.05;display:block}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#555;margin-top:5px}.main-nav{display:flex;gap:30px;justify-content:center;flex:1}.main-nav a{font-size:14px;font-weight:700}.main-nav a:hover{color:var(--red)}.menu-toggle{display:none;border:0;background:none;font-size:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;background:linear-gradient(135deg,var(--red),var(--dark));color:#fff;border-radius:5px;font-size:14px;font-weight:700;box-shadow:0 7px 18px #c7000b25}.button.ghost{background:#fff;color:var(--red);border:1px solid #d7a9ac;box-shadow:none}.hero{min-height:455px;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0 0 0 45%;background:url('assets/images/lift-finished.jpg') center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#fff 0 44%,#ffffffed 51%,transparent 72%)}.hero-inner{min-height:455px;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{width:50%}.eyebrow{display:block;color:var(--red);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;margin-bottom:10px}h1,h2,h3,p{margin-top:0}h1{font-size:38px;line-height:1.18;letter-spacing:-1.2px;margin-bottom:16px}h1 em{font-style:normal;color:var(--red)}.hero-copy p{color:#444}.actions{display:flex;gap:12px}.advantages{border-block:1px solid var(--line)}.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr)}.advantage{padding:26px 22px;border-right:1px solid var(--line)}.advantage:last-child{border:0}.advantage h3{font-size:15px;margin-bottom:3px}.advantage p{font-size:12px;color:#555;margin:0}.section{padding:70px 0}.about-grid{display:grid;grid-template-columns:1.05fr 1.3fr;gap:45px;align-items:center}.about-image{height:330px;border-radius:8px 8px 42px 8px;background:url('assets/images/installation-double.jpg') center/cover}.about-copy h2,.section-head h2,.contact-lead h2{font-size:28px;line-height:1.2}.about-copy p{font-size:14px;color:#555}.services{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-head p{color:#666;max-width:430px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.service-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px 15px;box-shadow:0 9px 25px #00000008}.service-card .icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-weight:bold;margin-bottom:16px}.service-card h3{font-size:15px;line-height:1.25}.service-card p{font-size:12px;color:#666;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-grid figure{margin:0}.gallery-grid img{display:block;width:100%;height:220px;object-fit:cover;border-radius:7px}.gallery-grid figcaption{display:flex;flex-direction:column;padding-top:9px;font-size:13px}.gallery-grid figcaption span{color:#666}.video-card{grid-column:span 2}.video-card video{width:100%;height:340px;object-fit:contain;background:#111;border-radius:7px}.contact{background:#fafafa;border-top:1px solid var(--line);padding:52px 0}.contact-grid{display:grid;grid-template-columns:1.5fr 1.2fr .8fr 1fr .8fr;gap:26px}.contact-item{font-size:13px}.contact-item p{font-size:12px;color:#555;overflow-wrap:anywhere}.site-footer{background:#161616;color:#fff;padding:30px 0}.site-footer .container{display:flex;justify-content:space-between;align-items:center}.site-footer p{margin:0;color:#aaa;font-size:12px}.floating-wa{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#18aa59;color:#fff;font-size:24px;z-index:45}.edit-link{display:block;text-align:center;padding:12px}
@media(max-width:900px){.site-header{height:72px}.brand{min-width:0}.brand-mark{font-size:38px}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;padding:12px 22px;box-shadow:0 12px 25px #0002}.main-nav.open{display:flex}.main-nav a{padding:10px;border-bottom:1px solid var(--line)}.hero-copy{width:76%}.hero:after{background:linear-gradient(90deg,#fff 0,#fffffff0 55%,#fff3)}.advantage-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.brand strong{font-size:11px}.brand small{font-size:7px}.hero,.hero-inner{min-height:510px}.hero-image{inset:0;background-position:center}.hero-copy{width:97%}h1{font-size:26px}.hero-copy p{font-size:14px}.actions .button{padding:11px 12px;font-size:12px}.advantage-grid{grid-template-columns:1fr}.advantage{border-right:0;border-bottom:1px solid var(--line)}.section{padding:50px 0}.about-grid{display:block}.about-image{height:260px;margin-bottom:28px}.section-head{display:block}.service-grid{display:block}.service-card{margin-bottom:12px}.gallery-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.gallery-grid figure{min-width:82%;scroll-snap-align:start}.video-card video{height:300px}.contact-grid{display:flex;flex-direction:column}.site-footer .container{display:block;text-align:center}}
.logo-crop{display:block;width:278px;height:74px;overflow:hidden;position:relative}.logo-crop img{position:absolute;width:430px;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-47%)}
@media(max-width:560px){.logo-crop{width:205px;height:58px}.logo-crop img{width:320px}}
.brand{min-width:310px}.logo-crop{width:72px;height:68px;flex:0 0 72px}.logo-crop img{width:160px;left:-36px;top:-28px;transform:none}.brand-copy{display:block;white-space:nowrap}.brand-copy strong{font-size:13px;letter-spacing:.2px}.brand-copy small{font-size:8px;letter-spacing:1.8px}
@media(max-width:560px){.brand{min-width:0;gap:8px}.logo-crop{width:54px;height:52px;flex-basis:54px}.logo-crop img{width:125px;left:-29px;top:-23px}.brand-copy strong{font-size:10px}.brand-copy small{font-size:7px;letter-spacing:1px}}
.site-header{height:122px}.brand{min-width:135px}.logo-crop.full-logo{display:block;width:112px;height:112px;flex:0 0 112px;overflow:hidden;position:relative}.logo-crop.full-logo img{position:absolute;width:190px;max-width:none;height:auto;left:-42px;top:-34px;transform:none}
@media(max-width:900px){.site-header{height:92px}.main-nav{top:92px}.logo-crop.full-logo{width:82px;height:84px;flex-basis:82px}.logo-crop.full-logo img{width:145px;left:-32px;top:-26px}}