/* KUPS Ciampig - responsive native page styles, scoped to KUPS page only */
.kups-hero{--hero-image:url('/assets/images/kups-ciampig/hero-rengganis.webp');background-position:center center;min-height:610px}
.kups-hero::before{background-image:linear-gradient(96deg,rgba(3,25,19,.94),rgba(4,36,24,.62) 58%,rgba(1,15,12,.37)),var(--hero-image)!important}
.kups-hero .hero-inner{padding-top:115px;padding-bottom:90px;max-width:1200px}
.kups-hero h1{font-size:clamp(3.8rem,8.8vw,7.5rem);letter-spacing:-.055em;line-height:.98;max-width:900px;margin:18px 0 23px;color:white}
.kups-hero-accent{color:#d4ad59}
.kups-hero p{max-width:750px;font-size:clamp(1rem,2vw,1.28rem);line-height:1.82;color:#e5ece5}
.kups-hero .eyebrow{color:#f0cf8f}
.kups-hero .breadcrumb,.kups-hero .breadcrumb a{color:#e3e9e3}
.kups-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.kups-hero-outline{border-color:#b8d3c2!important;color:white!important}
.kups-hero-outline:hover{background:#ffffff23!important}
.kups-intro{padding-top:90px;padding-bottom:105px}
.kups-intro-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:85px;align-items:center}
.kups-intro h2,.kups-units-intro h2,.kups-scenes h2,.kups-closing h2{max-width:830px;line-height:1.15}
.kups-intro p{max-width:660px;line-height:1.9}
.kups-intro .lead{font-size:1.1rem}
.kups-text-link{color:#235f40;text-decoration:underline;text-underline-offset:6px;font-weight:700;display:inline-block;margin-top:14px}
.kups-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.kups-fact{background:#f2f5ee;border:1px solid #dfe9db;border-radius:19px;padding:28px 23px;min-height:178px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.kups-fact span{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#496c53;font-weight:750}
.kups-fact strong{font-family:inherit;font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.2;color:#183e2e}
.kups-fact small{font-size:.85rem;line-height:1.5;color:#657568}
.kups-units-intro{padding-bottom:14px}
.kups-heading-line{display:flex;justify-content:space-between;gap:45px;align-items:center}
.kups-heading-line .lead{max-width:790px}
.kups-count{flex:none;border-left:1px solid #b9cdb8;padding-left:30px;display:flex;flex-direction:column;color:#245737}
.kups-count strong{font-size:4rem;line-height:1;font-weight:800;letter-spacing:-.06em}
.kups-count span{font-size:.8rem;white-space:nowrap}
.kups-unit-section{background:#f8f7f2;padding:24px 0 30px}
.kups-unit-section+.kups-unit-section{padding-top:0;padding-bottom:105px}
.kups-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.kups-unit-card{overflow:hidden;border-radius:22px;background:white;border:1px solid #e3e7df;box-shadow:0 14px 37px rgba(18,50,29,.055);transition:transform .25s,box-shadow .25s}
.kups-unit-card:hover{transform:translateY(-3px);box-shadow:0 17px 40px rgba(18,50,29,.11)}
.kups-unit-photo{height:285px;position:relative;overflow:hidden;background:#264b36}
.kups-unit-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.kups-unit-card:hover .kups-unit-photo img{transform:scale(1.035)}
.kups-card-number{position:absolute;right:20px;bottom:18px;background:#143926e8;border:1px solid #ffffff40;border-radius:10px;padding:8px 13px;color:#e6cf9e;font-weight:800;letter-spacing:.06em}
.kups-unit-copy{padding:28px 30px 33px}
.kups-pill{display:inline-block;padding:7px 12px;border-radius:30px;background:#eaf2e6;color:#355c3e;text-transform:uppercase;letter-spacing:.06em;font-size:.69rem;font-weight:750}
.kups-unit-copy h3{margin:15px 0 6px;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.3;color:#1c3e2b}
.kups-kind{font-size:.9rem;font-weight:700;color:#4a704d;margin-bottom:12px}
.kups-unit-copy p{font-size:.98rem;line-height:1.83;color:#556456;margin:0}
.kups-scenes{padding-top:105px;padding-bottom:110px}
.kups-scenes>.container>.lead{margin-bottom:37px}
.kups-scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kups-scene-grid figure{margin:0;position:relative;border-radius:17px;overflow:hidden;background:#1e3628;height:310px}
.kups-scene-grid .kups-scene-wide{grid-column:span 2}
.kups-scene-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.kups-scene-grid figure:hover img{transform:scale(1.04)}
.kups-scene-grid figcaption{position:absolute;inset:auto 0 0;padding:25px 20px 17px;background:linear-gradient(transparent,#0b1918d9);font-size:.85rem;color:#fff;font-weight:700}
.kups-closing{padding-top:98px;padding-bottom:105px}
.kups-closing-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}
.kups-closing h2{color:#fff}
.kups-closing p{color:#d9e3db;line-height:1.9;max-width:710px}
.kups-contact-card{background:#ffffff13;border:1px solid #ffffff40;border-radius:22px;padding:35px}
.kups-contact-card span{font-size:.75rem;letter-spacing:.1em;color:#efd493;font-weight:800}
.kups-contact-card h3{color:white;font-size:1.65rem;margin:15px 0 12px;line-height:1.3}
.kups-contact-card .btn{margin-top:13px}
@media(max-width:960px){.kups-intro-layout,.kups-closing-grid{gap:42px}.kups-unit-photo{height:250px}}
@media(max-width:760px){.kups-hero{min-height:530px}.kups-hero .hero-inner{padding-top:85px;padding-bottom:75px}.kups-intro-layout,.kups-closing-grid{grid-template-columns:1fr}.kups-intro{padding:65px 0}.kups-units-intro{padding-top:70px}.kups-heading-line{align-items:flex-start}.kups-count{display:none}.kups-unit-grid{grid-template-columns:1fr}.kups-unit-photo{height:255px}.kups-unit-section+.kups-unit-section{padding-bottom:65px}.kups-scenes{padding:70px 0}.kups-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kups-scene-grid .kups-scene-wide{grid-column:span 2}.kups-scene-grid figure{height:230px}.kups-closing{padding:70px 0}}
@media(max-width:480px){.kups-hero h1{font-size:3.3rem}.kups-hero-actions .btn{width:100%;text-align:center}.kups-facts{grid-template-columns:1fr 1fr;gap:9px}.kups-fact{padding:17px 13px;min-height:150px}.kups-fact strong{font-size:1.15rem}.kups-fact small{font-size:.74rem}.kups-unit-photo{height:210px}.kups-unit-copy{padding:22px}.kups-scene-grid{grid-template-columns:1fr}.kups-scene-grid .kups-scene-wide{grid-column:span 1}.kups-scene-grid figure{height:260px}.kups-contact-card{padding:24px}}
@media(prefers-reduced-motion:reduce){.kups-unit-card,.kups-unit-photo img,.kups-scene-grid img{transition:none}}