*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f2eb;color:#292e29;font:16px/1.7 Arial,sans-serif}a{color:inherit}header{background:#f5f2eb;position:sticky;top:0;z-index:20;border-bottom:1px solid #deded3}.nav{max-width:1200px;margin:auto;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{text-decoration:none;font-size:27px;letter-spacing:5px;font-weight:bold}.logo small{display:block;font-size:9px;letter-spacing:3px}nav{display:flex;gap:24px}nav a{text-decoration:none;font-size:13px}nav a[aria-current]{border-bottom:1px solid}main{max-width:1200px;margin:auto;padding:0 5%}.hero{padding:85px 0 65px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#687265}h1{font:normal clamp(38px,5.8vw,74px)/1.08 Georgia,serif;letter-spacing:-2px;margin:20px 0}h2{font:normal clamp(29px,4vw,44px)/1.2 Georgia,serif}h3{font:normal 25px/1.3 Georgia,serif}p{color:#60685e}.btn{display:inline-block;background:#34483b;color:white;padding:13px 22px;border:0;text-decoration:none;cursor:pointer;font:inherit;font-size:13px}.btn.secondary{background:transparent;color:#34483b;border:1px solid #9aa391}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.art{height:420px;position:relative;background:#d9d6c8;overflow:hidden;border-radius:140px 140px 0 0}.art:before{content:'';position:absolute;left:12%;top:16%;width:34%;height:54%;background:repeating-linear-gradient(90deg,#b4baa9 0 7px,#a8b19b 7px 9px);border:10px solid #eeece1}.art:after{content:'';position:absolute;bottom:17%;left:27%;width:65%;height:25%;background:#a99276;border-radius:25px 25px 4px 4px;box-shadow:0 22px 0 -8px #6e7565}.art span{position:absolute;bottom:12px;left:20px;font-size:10px;z-index:1;color:#50594c}.section{padding:50px 0;border-top:1px solid #d9ddd0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#ebece2;padding:30px}.card .num{font-size:11px;letter-spacing:2px;color:#737c6c}.card a{font-size:13px;text-underline-offset:5px}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px}.dark{background:#34483b;color:#fff;padding:40px}.dark p{color:#d4ddcf}.dark .btn{background:#e7e8dc;color:#34483b}details{border-bottom:1px solid #d5d9cb;padding:18px 0}summary{cursor:pointer}footer{margin-top:50px;padding:35px 5%;background:#e5e7dc;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.status{padding:15px;background:#ebece2;font-size:13px}#viewer{height:420px;background:#e3e5d9}#viewer[hidden]{display:none}.scene-buttons{display:flex;gap:10px;flex-wrap:wrap}.scene-buttons button{padding:10px;border:1px solid #909b86;background:transparent;cursor:pointer}.scene-buttons button[aria-pressed=true]{background:#34483b;color:#fff}img{max-width:100%;height:auto}dialog{max-width:420px;border:1px solid #b1b9a5;padding:30px}dialog::backdrop{background:#0005}:focus-visible{outline:3px solid #92764d;outline-offset:4px}.skip{position:absolute;left:-999px}.skip:focus{left:10px;z-index:100;background:white}@media(max-width:760px){.nav{flex-direction:column;gap:12px;padding:12px 5%}nav{gap:16px;flex-wrap:wrap;justify-content:center}.hero{grid-template-columns:1fr;padding:40px 0;gap:30px}.art{height:270px}.grid,.split{grid-template-columns:1fr}.section{padding:30px 0}h1{letter-spacing:-1px}.dark{padding:26px}#viewer{height:330px}}
/* Revisi referensi: pembuka lapang, alasan memilih, dan kejelasan kebutuhan. */
.hero{gap:40px}.hero h1{font-size:clamp(36px,4.8vw,65px)}.section-intro{max-width:680px}.reasons>h2{max-width:720px}.reasons .card{background:#eeeee6;border:1px solid #d6d9cd}.reasons .card h3{margin-top:26px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value-grid .card{padding:24px;background:transparent;border:1px solid #d6d9cd}.value-grid h3{font-size:22px}@media(max-width:900px){.value-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.value-grid{grid-template-columns:1fr}.hero h1{font-size:40px}}