.kontrakan-hero{height:45vh;min-height:350px;color:var(--white);align-items:center;padding-top:80px;display:flex;position:relative;overflow:hidden}.kontrakan-hero-bg{z-index:1;position:absolute;inset:0}.kontrakan-hero-bg img{object-fit:cover;filter:brightness(.35)contrast(1.05);width:100%;height:100%}.kontrakan-hero-bg:after{content:"";background:linear-gradient(#1e19154d 0%,#1e1915f2 100%);position:absolute;inset:0}.kontrakan-hero .container{z-index:2;text-align:center;max-width:800px;position:relative}.kontrakan-hero h1{color:var(--white);text-shadow:0 4px 12px #0000004d;margin-bottom:20px;font-size:3.5rem;font-weight:800}.kontrakan-hero p{color:#ffffffd9;text-shadow:0 2px 6px #0003;font-size:1.1rem;line-height:1.7}.catalog-section{background-color:var(--light);padding:80px 0}.units-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.unit-card{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);border:1px solid #c59b6d26;flex-direction:column;display:flex;overflow:hidden}.unit-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.unit-card-img-wrapper{aspect-ratio:4/3;background-color:var(--gray-100);position:relative;overflow:hidden}.unit-card-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.unit-card:hover .unit-card-img{transform:scale(1.05)}.unit-badge{backdrop-filter:blur(4px);color:var(--white);text-transform:uppercase;letter-spacing:1px;background-color:#1e1915bf;border-radius:4px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:16px;left:16px}.unit-price-badge{background-color:var(--primary);color:var(--white);font-family:var(--font-display);box-shadow:var(--shadow-sm);border-radius:4px;padding:6px 14px;font-size:.9rem;font-weight:700;position:absolute;bottom:16px;right:16px}.unit-card-info{flex-direction:column;flex-grow:1;gap:12px;padding:24px;display:flex}.unit-card-title{color:var(--dark);font-size:1.3rem;font-weight:700}.unit-card-specs{color:var(--dark-muted);border-top:1px solid #c59b6d1a;gap:16px;margin-top:auto;padding-top:12px;font-size:.85rem;display:flex}.spec-item{align-items:center;gap:6px;display:flex}.modal{z-index:2000;opacity:0;pointer-events:none;background-color:#1e1915d9;justify-content:center;align-items:center;padding:24px;transition:opacity .4s;display:flex;position:fixed;inset:0}.modal.active{opacity:1;pointer-events:all}.modal-content{background-color:var(--white);border-radius:var(--radius-md);width:100%;max-width:1000px;height:600px;box-shadow:var(--shadow-lg);max-height:90vh;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:scale(.9)}.modal.active .modal-content{transform:scale(1)}.modal-close{color:var(--dark);cursor:pointer;width:40px;height:40px;transition:var(--transition);z-index:50;background-color:#1e19150d;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background-color:var(--primary);color:var(--white);transform:rotate(90deg)}.modal-left{background-color:var(--dark);flex-direction:column;width:55%;display:flex}.modal-right{flex-direction:column;gap:24px;width:45%;padding:40px;display:flex;overflow-y:auto}.modal-gallery-main{flex:7;width:100%;min-height:0;overflow:hidden}.modal-gallery-main img{object-fit:cover;width:100%;height:100%}.modal-gallery-thumbs{background-color:var(--dark);border-top:2px solid var(--dark);flex:3;gap:2px;width:100%;min-height:0;display:flex}.modal-gallery-thumbs img{object-fit:cover;cursor:pointer;opacity:.65;width:0;height:100%;transition:var(--transition);flex:1 1 0}.modal-gallery-thumbs img:hover,.modal-gallery-thumbs img.active{opacity:1}.modal-header-wrap{flex-direction:column;gap:8px;display:flex}.modal-badge{background-color:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:1px;border-radius:4px;align-self:flex-start;padding:4px 12px;font-size:.75rem;font-weight:700}.modal-title{font-size:2rem;font-weight:800}.modal-price{font-size:1.4rem;font-family:var(--font-display);color:var(--primary);font-weight:700}.modal-specs-detailed{border-top:1px solid #c59b6d26;border-bottom:1px solid #c59b6d26;grid-template-columns:1fr 1fr;gap:16px;padding:20px 0;display:grid}.detail-spec-item{color:var(--dark-muted);align-items:center;gap:10px;font-size:.95rem;display:flex}.detail-spec-item svg{color:var(--primary)}.modal-desc-wrap h4{text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:1.1rem}.modal-desc-wrap p{font-size:.95rem;line-height:1.6}.modal-booking-wrap{margin-top:auto}.modal-booking-wrap .btn{border-radius:var(--radius-sm);width:100%;padding:16px}@media (width<=1024px){.kontrakan-hero h1{font-size:2.75rem}.units-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.kontrakan-hero{height:35vh}.kontrakan-hero h1{font-size:2.25rem}.units-grid{grid-template-columns:1fr}.modal-content{flex-direction:column;height:auto;max-height:95vh}.modal-left,.modal-right{width:100%}.modal-left{height:300px}.modal-gallery-thumbs{display:none}.modal-right{padding:24px}}