.atlas{--gold:#a58a55;--tile-w:112px;--tile-h:97px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:40px;align-items:center;border-top:1px solid color-mix(in srgb,var(--ink) 30%,var(--paper));padding-top:18px}#work.ledger{overflow-x:clip}.atlas-stage{--rx:56deg;--rz:-34deg;--s:1;position:relative;height:600px;perspective:1500px;perspective-origin:50% 32%;user-select:none}.atlas-plane{left:50%;top:45%;width:var(--plane);height:var(--plane);margin:calc(var(--plane) / -2) 0 0 calc(var(--plane) / -2);transform-style:preserve-3d;transform:scale(var(--s)) rotateX(var(--rx)) rotate(var(--rz));transition:transform 1s var(--ease);border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);background-color:color-mix(in srgb,var(--paper) 88%,var(--ink));background-image:linear-gradient(color-mix(in srgb,var(--ink) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 9%,transparent) 1px,transparent 1px);background-size:40px 40px;box-shadow:0 70px 90px -50px rgb(0 0 0/.22)}.atlas-plane,.atlas-scan{position:absolute;border-radius:8px}.atlas-scan{inset:0;overflow:hidden;pointer-events:none}.atlas-scan:before{content:"";position:absolute;top:-10%;bottom:-10%;left:-35%;width:35%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 20%,transparent),transparent);opacity:0}.atlas-lines{position:absolute;inset:0;overflow:visible;transform:translateZ(1px);pointer-events:none}.atlas-lines path{fill:none;stroke:color-mix(in srgb,var(--ink) 34%,transparent);stroke-width:1.4;stroke-dasharray:5 7;transition:stroke .3s,stroke-width .3s}.atlas-lines path.on{stroke:var(--gold);stroke-width:2.4}.atlas-pulse{position:absolute;left:0;top:0;width:8px;height:8px;border-radius:50%;offset-anchor:center;offset-rotate:0deg;offset-distance:30%;background:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 22%,transparent),0 0 14px var(--gold);transform:translateZ(3px);opacity:.8;pointer-events:none}.atlas-pulse.on{width:11px;height:11px;opacity:1}.atlas-tile{width:var(--tile-w);height:var(--tile-h);margin:calc(var(--tile-h) / -2) 0 0 calc(var(--tile-w) / -2)}.atlas-tile,.hex{position:absolute;transform-style:preserve-3d}.hex{inset:0;display:block;transform:translateZ(var(--lift,0));transition:transform .5s var(--ease);cursor:pointer;color:inherit}.atlas-tile[data-on=true] .hex{--lift:26px}.hex-layer,.hex-top,.hex-top:before{position:absolute;inset:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.hex-layer{transform:translateZ(calc(var(--k) * 2.6px))}.hex-layer:first-child{background:color-mix(in srgb,var(--ink) 78%,var(--paper))}.hex-layer:nth-child(2){background:color-mix(in srgb,var(--ink) 70%,var(--paper))}.hex-layer:nth-child(3){background:color-mix(in srgb,var(--ink) 62%,var(--paper))}.hex-layer:nth-child(4){background:color-mix(in srgb,var(--ink) 55%,var(--paper))}.hex-layer:nth-child(5){background:color-mix(in srgb,var(--ink) 48%,var(--paper))}.hex-layer:nth-child(6){background:color-mix(in srgb,var(--ink) 42%,var(--paper))}.hex-layer:nth-child(7){background:color-mix(in srgb,var(--ink) 37%,var(--paper))}.hex-layer:nth-child(8){background:color-mix(in srgb,var(--ink) 33%,var(--paper))}.atlas-tile:before{content:"";position:absolute;inset:8% 4%;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0/.22),transparent);transform:translate(10px,12px);filter:blur(4px)}.hex-top{transform:translateZ(20.4px);background:var(--ink);display:grid;place-items:center}.hex-top:before{content:"";inset:1.6px;background:var(--paper);transition:background .3s}.atlas-tile[data-new=true] .hex-top:before{background:color-mix(in srgb,var(--gold) 20%,var(--paper))}.hex-top b{position:relative;font-family:Archivo,Arial,sans-serif;font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ink);transform:rotate(calc(var(--rz) * -1));transition:color .3s,transform 1s var(--ease)}.atlas-tile[data-on=true] .hex-top:before{background:var(--ink)}.atlas-tile[data-on=true] .hex-top{background:var(--gold)}.atlas-tile[data-on=true] .hex-top b{color:var(--paper)}.atlas-pin{position:absolute;left:50%;top:50%;width:200px;margin-left:-100px;text-align:center;pointer-events:none;transform:translateZ(40px) rotate(calc(var(--rz) * -1)) rotateX(calc(var(--rx) * -1)) translateY(-100%);transition:transform 1s var(--ease)}.atlas-tile[data-on=true] .atlas-pin{transform:translateZ(70px) rotate(calc(var(--rz) * -1)) rotateX(calc(var(--rx) * -1)) translateY(-100%)}.pin-name{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);background:var(--paper);color:var(--ink);font-size:13px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;box-shadow:0 8px 20px -10px rgb(0 0 0/.35)}.pin-name em{font-style:normal;font-size:9.5px;letter-spacing:.12em;padding:2px 5px;border-radius:4px;background:var(--gold);color:var(--paper)}.pin-line{position:absolute;bottom:calc(100% + 6px);left:0;right:0;display:block;margin:0 auto;max-width:200px;padding:7px 9px;border-radius:10px;background:color-mix(in srgb,var(--paper) 94%,transparent);border:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.35;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}.atlas-tile[data-on=true] .pin-line{opacity:1;transform:none}.motion-root[data-motion=on] .atlas-stage[data-visible=true] .atlas-tile{animation:atlas-bob 6.5s ease-in-out infinite;animation-delay:var(--bob)}.motion-root[data-motion=on] .atlas-stage[data-visible=true] .atlas-lines path{animation:atlas-flow 1.8s linear infinite}.motion-root[data-motion=on] .atlas-stage[data-visible=true] .atlas-pulse{animation:atlas-travel 6s linear infinite}.motion-root[data-motion=on] .atlas-stage[data-visible=true] .atlas-pulse.on{animation-duration:3s}.motion-root[data-motion=on] .atlas-stage[data-visible=true] .atlas-scan:before{animation:atlas-scan 8s linear infinite}.motion-root[data-motion=on] .atlas-stage[data-visible=true] .atlas-tile[data-new=true] .hex-top{animation:atlas-new 2.6s ease-in-out infinite}@keyframes atlas-bob{0%,to{transform:translateZ(0)}50%{transform:translateZ(8px)}}@keyframes atlas-flow{to{stroke-dashoffset:-24}}@keyframes atlas-travel{0%{offset-distance:0;opacity:0}12%{opacity:.95}88%{opacity:.95}to{offset-distance:100%;opacity:0}}@keyframes atlas-scan{0%{left:-35%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes atlas-new{0%,to{background:var(--ink)}50%{background:var(--gold)}}.atlas-list{list-style:none;margin:0;padding:0}.atlas-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:start;padding:15px 12px;border-bottom:1px solid var(--line);border-radius:10px;transition:background .25s}.atlas-row[data-on=true]{background:color-mix(in srgb,var(--ink) 5%,transparent)}.atlas-index{font-family:Instrument,Georgia,serif;font-size:17px;letter-spacing:.08em;color:var(--gold);padding-top:5px}.atlas-body h3{display:flex;align-items:center;gap:10px;margin:0 0 3px;font-size:25px;font-weight:400;letter-spacing:-.04em;line-height:1.1}.atlas-new{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--gold);color:var(--paper)}.atlas-body p{margin:0 0 8px;max-width:52ch;font-size:15px;line-height:1.5}.atlas-cta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}.atlas-cta .underline-link.subtle,.atlas-note{color:var(--muted)}.atlas-note{flex-basis:100%;font-size:12.5px;line-height:1.45}.atlas-status{display:inline-flex;align-items:center;min-height:26px;padding:3px 10px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}@media (max-width:1180px){.atlas{grid-template-columns:1fr;gap:8px}.atlas-stage{height:560px}}@media (max-width:720px){.atlas-stage{--s:0.6;height:370px}.pin-name{font-size:15px;padding:5px 12px}.pin-line{display:none}.atlas-row{grid-template-columns:30px minmax(0,1fr);padding:14px 4px}.atlas-status{display:none}.atlas-body h3{font-size:23px}}@media (max-width:400px){.atlas-stage{--s:0.56;height:340px}}.harga-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:80px;padding-top:36px;border-top:1px solid var(--line)}.harga-notes img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;border:1px solid var(--line);background:var(--soft)}.harga-notes h3{margin:18px 0 8px;font-size:24px;font-weight:400;letter-spacing:-.03em}.harga-notes p{margin:0;color:var(--muted);line-height:1.7}@media (max-width:900px){.harga-notes{grid-template-columns:1fr;gap:44px}}