:root{--ink:#1c1b19;--muted:#746f68;--cream:#f5f1e9;--paper:#fbfaf7;--line:#d8d1c7;--accent:#8b7357;--white:#fff;--success:#325f43;--danger:#8b3e3e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.nav{height:78px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:rgba(251,250,247,.97);position:sticky;top:0;z-index:30;border-bottom:1px solid #eee8df}.brand{letter-spacing:.24em;font-size:19px}.brand small{display:block;font-size:7px;letter-spacing:.26em;margin-top:5px;color:#7d776f}.links{display:flex;align-items:center;gap:26px;font-size:12px}.lang{border:1px solid var(--line);padding:9px 12px;background:transparent;cursor:pointer}.wa,.dark-btn{background:#1d1d1b;color:white;padding:11px 18px;border-radius:3px;border:0;cursor:pointer}.hero{min-height:660px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,rgba(21,19,16,.74),rgba(21,19,16,.18)),url('https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Kl-skyline-at-night-2022.jpg/1920px-Kl-skyline-at-night-2022.jpg') center 48%/cover;color:#fff}.hero-copy{padding:90px 6%;max-width:850px}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase}.hero h1{font-size:68px;line-height:1.03;font-weight:400;letter-spacing:-.04em;margin:25px 0}.hero p{font-size:17px;line-height:1.7;max-width:650px}.buttons{display:flex;gap:12px;margin-top:30px}.btn{display:inline-block;padding:15px 22px;background:#fff;color:#222;border-radius:3px;font-size:13px;border:0;cursor:pointer}.btn.outline{background:transparent;color:white;border:1px solid rgba(255,255,255,.65)}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 4.5% 50px}.panel{height:520px;position:relative;overflow:hidden;color:#fff}.panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,15,14,.55),rgba(15,15,14,.05))}.panel img{transition:.6s}.panel:hover img{transform:scale(1.025)}.panel-copy{position:absolute;z-index:2;left:34px;bottom:34px}.panel-copy .num{font-size:32px;font-weight:200;opacity:.65}.panel h2{font-size:36px;font-weight:400;margin:10px 0}.panel p{line-height:1.55;font-size:14px}.section{padding:72px 4.5%}.head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:28px}.head h2{font-size:35px;font-weight:400;margin:6px 0 0}.head a,.head button{font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#f4f0e9;cursor:pointer;transition:.25s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.08)}.card .photo{height:300px;overflow:hidden}.card-body{padding:18px}.tag{font-size:9px;letter-spacing:.14em;text-transform:uppercase}.card h3{font-size:20px;font-weight:500;margin:8px 0 4px}.card p{font-size:12px;color:var(--muted);line-height:1.55}.meta{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#5d5852;margin-top:13px}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;background:#f2eee7}.portrait{height:630px}.about-copy{padding-right:7%}.about-copy h2{font-size:48px;font-weight:400;line-height:1.05;margin:14px 0 25px}.about-copy p{font-size:15px;line-height:1.75;color:#4f4a45}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:32px 0}.fact{border-top:1px solid var(--line);padding-top:12px;font-size:12px}.fact b{display:block;font-size:16px;margin-bottom:5px}.socialbar{display:flex;justify-content:space-between;align-items:center;padding:24px 4.5%;border-bottom:1px solid var(--line);gap:25px}.socials{display:flex;gap:12px;font-size:12px;flex-wrap:wrap}.socials a{border:1px solid var(--line);padding:10px 14px;border-radius:999px;background:#fbfaf7}.socials a:hover{background:#1d1d1b;color:#fff;border-color:#1d1d1b}.watch{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.video{height:260px;position:relative;overflow:hidden}.video:after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;font-size:28px;color:white;background:rgba(0,0,0,.18)}.video-label{font-size:13px;margin-top:10px}.cta{margin:0;background:#635342;color:white;display:flex;align-items:center;justify-content:space-between;padding:52px 6%}.cta h2{font-size:34px;font-weight:400;margin:0 0 8px}.cta p{margin:0;color:#e7ded3;font-size:13px}.footer{padding:38px 4.5%;display:flex;justify-content:space-between;align-items:end;font-size:11px;color:#6f6962}.float-wa{position:fixed;right:22px;bottom:22px;z-index:30;background:#1d1d1b;color:#fff;padding:13px 17px;border-radius:999px;font-size:12px;box-shadow:0 7px 25px rgba(0,0,0,.18)}.mobile-social{display:none}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filterbar button{border:1px solid var(--line);background:transparent;padding:9px 13px;border-radius:999px;cursor:pointer}.filterbar button.active{background:#1d1d1b;color:#fff;border-color:#1d1d1b}.property-hero{display:grid;grid-template-columns:1.2fr .8fr;min-height:590px}.property-hero .image{min-height:590px}.property-info{padding:70px 8%;background:#f2eee7;display:flex;flex-direction:column;justify-content:center}.property-info h1{font-size:50px;font-weight:400;margin:14px 0}.property-info .price{font-size:26px;margin:14px 0}.property-details{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:26px 0}.property-details div{border-top:1px solid var(--line);padding-top:10px;font-size:12px}.property-details b{display:block;font-size:15px;margin-bottom:4px}.property-copy{max-width:880px;font-size:15px;line-height:1.8;color:#4d4944}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery div{height:310px}.empty{padding:40px;background:#f4f0e9;text-align:center;color:var(--muted)}
/* admin */.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:#f6f3ed}.admin-side{background:#1d1d1b;color:#fff;padding:28px 22px;position:sticky;top:0;height:100vh}.admin-side .brand{margin-bottom:38px}.admin-side a,.admin-side button{display:block;width:100%;text-align:left;padding:12px 10px;margin:4px 0;background:transparent;color:#ddd;border:0;border-radius:4px;cursor:pointer}.admin-side a:hover,.admin-side button:hover,.admin-side .active{background:#333;color:#fff}.admin-main{padding:36px 4%}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin-top h1{font-size:32px;font-weight:500;margin:0}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.stat{background:#fff;border:1px solid #e7e0d7;padding:18px}.stat b{display:block;font-size:28px;margin-top:8px}.admin-card{background:#fff;border:1px solid #e7e0d7;padding:22px;margin-bottom:20px}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #eee8df;font-size:13px}.admin-table th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#777}.pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#eee8df;font-size:10px}.pill.available{background:#e4efe8;color:#2f5e40}.pill.sold{background:#f3e3e3;color:#7c3b3b}.action-btn{border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:3px;cursor:pointer;margin-right:5px}.action-btn.danger{color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b655f}.field input,.field textarea,.field select{padding:11px;border:1px solid #d7d0c7;background:#fff}.field textarea{min-height:100px;resize:vertical}.checkrow{display:flex;gap:20px;align-items:center}.checkrow label{font-size:13px;text-transform:none;letter-spacing:0}.preview-img{width:150px;height:100px;object-fit:cover;border:1px solid #ddd;margin-top:8px}.form-actions{display:flex;gap:10px;margin-top:20px}.notice{padding:12px 14px;background:#fff8df;border:1px solid #eadca7;font-size:12px;line-height:1.5;margin-bottom:20px}.toast{position:fixed;right:20px;top:20px;background:#1d1d1b;color:#fff;padding:12px 16px;border-radius:4px;z-index:99;display:none}.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:flex-start;justify-content:center;padding:40px 20px;z-index:80;overflow:auto}.modal.open{display:flex}.modal-box{background:#f6f3ed;max-width:950px;width:100%;padding:24px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{margin:0;font-weight:500}.close{border:0;background:transparent;font-size:26px;cursor:pointer}.file-help{font-size:11px;color:#777}.admin-toolbar{display:flex;gap:8px;flex-wrap:wrap}.admin-toolbar button,.admin-toolbar label{border:1px solid var(--line);background:#fff;padding:9px 12px;font-size:12px;cursor:pointer}.admin-toolbar input[type=file]{display:none}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.links a:not(.wa):not(.lang){display:none}.hero{min-height:560px}.hero h1{font-size:46px}.split,.about,.watch,.property-hero{grid-template-columns:1fr}.panel{height:420px}.portrait{height:520px}.about-copy{padding:0 4% 30px}.property-hero .image{min-height:430px}.gallery{grid-template-columns:1fr 1fr}.socialbar{align-items:flex-start;flex-direction:column}.cta{align-items:flex-start;flex-direction:column;gap:22px}.footer{align-items:flex-start;flex-direction:column;gap:20px}.admin-shell{grid-template-columns:1fr}.admin-side{height:auto;position:relative;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.admin-side .brand{width:100%;margin-bottom:10px}.admin-side a,.admin-side button{width:auto}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(max-width:560px){.float-wa{bottom:76px;right:12px}.mobile-social{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:29;background:#fbfaf7;border-top:1px solid var(--line);height:62px;align-items:center;justify-content:space-around;font-size:11px}.footer{padding-bottom:85px}.nav{height:66px}.brand{font-size:15px}.wa{padding:9px 11px}.lang{padding:8px}.hero{min-height:600px}.hero-copy{padding:70px 6%}.hero h1{font-size:42px}.buttons{flex-direction:column;align-items:flex-start}.split{padding:10px 3% 35px}.panel{height:360px}.section{padding:52px 5%}.head{align-items:flex-start;gap:12px;flex-direction:column}.head h2{font-size:29px}.grid{grid-template-columns:1fr}.card .photo{height:320px}.about-copy h2{font-size:37px}.facts{grid-template-columns:1fr}.portrait{height:480px}.property-info{padding:45px 6%}.property-info h1{font-size:40px}.property-details{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.admin-main{padding:24px 4%}.admin-grid{grid-template-columns:1fr 1fr}.admin-top{align-items:flex-start;gap:15px;flex-direction:column}}
.login-screen{min-height:100vh;display:grid;place-items:center;background:#f1ede6;padding:24px}.login-card{width:min(430px,100%);background:#fff;border:1px solid #e4ddd3;padding:34px;display:grid;gap:14px}.login-card h1{font-weight:500;margin:12px 0 0}.login-card p{margin:0 0 8px;color:#6e6861;font-size:13px}.login-card label{display:grid;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.login-card input{padding:12px;border:1px solid #d7d0c7}.login-card>a{font-size:12px;color:#6d665f}.login-error{font-size:12px;color:#8b3e3e;min-height:18px}.admin-account{position:absolute;left:22px;right:22px;bottom:24px;border-top:1px solid #3b3b39;padding-top:15px}.admin-account small,.admin-account span{display:block;font-size:10px;color:#aaa;overflow:hidden;text-overflow:ellipsis}.admin-account span{font-size:11px;color:#fff;margin:5px 0 8px}.admin-account button{padding:6px 0!important}.mini-gallery{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.mini-gallery img{width:82px;height:60px;object-fit:cover;border:1px solid #ddd}@media(max-width:900px){.admin-account{position:static;width:100%;border-top:1px solid #3b3b39;margin-top:10px}.admin-account button{width:auto!important}}
/* website settings */
.settings-box{max-width:1050px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.setting-card{background:#fff;border:1px solid #e7e0d7;padding:16px;display:flex;flex-direction:column;gap:10px}.setting-card b{display:block;font-size:15px}.setting-card small{display:block;color:#777;margin-top:4px}.setting-card input[type=file]{border:1px solid #d7d0c7;padding:9px;background:#fff}.setting-preview{height:230px;background:#eee8df;border:1px solid #e1dad0;overflow:hidden}.setting-preview.wide{height:190px}.setting-preview.portrait-preview{height:280px}.setting-preview img{width:100%;height:100%;object-fit:cover}.setting-preview.empty:after{content:'Current website image';height:100%;display:grid;place-items:center;color:#888;font-size:12px}@media(max-width:700px){.settings-grid{grid-template-columns:1fr}}