:root{--ink:#112d31;--deep:#082329;--cream:#f5f0e6;--paper:#e9dfcb;--gold:#be963d;--rust:#b85735;--line:#112d312b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.nav{background:var(--cream);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(22px,5vw,80px);font-size:12px;display:flex}.nav div{gap:26px;display:flex}.wordmark{letter-spacing:.18em;font-size:22px;font-weight:600}.wordmark span{vertical-align:top;letter-spacing:0;font-size:7px}.cinema{isolation:isolate;background:var(--deep);color:#fcf6e8;place-items:center;min-height:calc(100svh - 72px);display:grid;position:relative;overflow:hidden}.grain{z-index:-1;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");position:absolute;inset:0}.sun{aspect-ratio:1;filter:blur(2px);opacity:.58;background:radial-gradient(circle,#dec46b 0 6%,#af7b2e 20%,#0000 68%);border-radius:50%;width:min(52vw,680px);position:absolute;top:10%}.gunungan{fill:#072026;stroke:#d8b75d;stroke-width:5px;opacity:.92;filter:drop-shadow(0 0 35px #c08f37);width:min(43vw,370px);height:auto;position:absolute;bottom:-100px;left:calc(50% - min(21.5vw,185px))}.hero-copy{text-align:center;padding-top:14vh}.eyebrow{color:var(--gold);letter-spacing:.16em;margin:0 0 18px;font-family:DM Mono,monospace;font-size:10px}.hero-copy h1{letter-spacing:.17em;margin:0 0 25px;font-size:clamp(64px,12vw,168px);font-weight:500;line-height:.85}.tagline{font-family:Playfair Display,serif;font-size:clamp(17px,2vw,23px);font-style:italic;line-height:1.3}.scroll-cue{letter-spacing:.1em;text-transform:uppercase;font:10px DM Mono;position:absolute;bottom:34px;left:0;right:0}.scroll-cue b{color:var(--gold);font-size:20px;line-height:1.2;display:block}.story{background:var(--paper);padding:clamp(100px,15vw,220px) clamp(22px,11vw,190px)}.section-intro{max-width:600px}.story h2,.catalog h2,.bridge h2,.order h2{letter-spacing:-.05em;margin:0 0 26px;font:500 clamp(41px,6vw,82px)/.98 Playfair Display,serif}.story h2 em,.catalog h2 em,.bridge h2 em,.order h2 em{color:var(--rust)}.section-intro>p:last-child,.bridge p:last-child{color:#526161;max-width:470px;line-height:1.75}.timeline{margin-top:100px}.scene{border-top:1px solid var(--line);grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(30px,7vw,110px);min-height:410px;padding:52px 0;display:grid;position:relative}.scene-number{color:#112d311f;font:500 clamp(54px,10vw,140px)/1 Playfair Display;position:absolute;top:26px;right:0}.scene h3{margin:0 0 18px;font:500 36px/1.05 Playfair Display}.scene div:last-child p:last-child{color:#526161;max-width:350px;line-height:1.7}.scene-art{background:var(--deep);height:260px;box-shadow:15px 15px 0 var(--gold);position:relative;overflow:hidden}.scene-art:before{content:"";aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;width:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene-art i{background:#c49b41;position:absolute}.scene-art i:first-child{width:4px;height:80%;top:10%;left:50%}.scene-art i:nth-child(2){width:76%;height:4px;top:50%;left:12%}.scene-art i:nth-child(3){background:var(--rust);border-radius:50%;width:90px;height:90px;top:calc(50% - 45px);left:calc(50% - 45px)}.scene-2 .scene-art{background:#1a3538}.scene-2 .scene-art:after{content:"";border:6px solid #d9d1bc;border-bottom-width:25px;position:absolute;inset:35px 70px}.scene-3 .scene-art{background:#bd9a48}.scene-3 .scene-art:after{content:"";background:repeating-linear-gradient(0deg,#f7f0df 0 8px,#a55738 9px 11px);width:56%;height:130px;position:absolute;top:30%;left:22%;transform:rotate(-8deg)}.principles{border-top:1px solid var(--line);margin-top:100px;padding-top:74px}.principle-list{flex-wrap:wrap;gap:12px;margin-top:45px;display:flex}.principle-list span{border:1px solid var(--ink);letter-spacing:.08em;text-transform:uppercase;border-radius:30px;padding:11px 16px;font:11px DM Mono}.bridge{background:var(--deep);color:#fff9e9;align-content:center;min-height:670px;padding:clamp(80px,12vw,160px) clamp(22px,11vw,190px);display:grid;position:relative;overflow:hidden}.bridge>div:last-child{max-width:620px;position:relative}.bridge-pattern{opacity:.5;background:repeating-linear-gradient(45deg,#0000 0 35px,#b28a36 37px 39px,#0000 41px 70px);width:60%;height:150%;position:absolute;top:-20%;right:-8%;transform:rotate(15deg)}.catalog{background:#faf8f0;padding:clamp(85px,12vw,160px) clamp(22px,7vw,110px)}.catalog-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:65px;display:flex}.catalog-head>p{color:#526161;max-width:260px;line-height:1.6}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(25px,6vw,100px);max-width:1050px;display:grid}.cover-wrap{aspect-ratio:.7;background:var(--paper);transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:16px 22px 32px #0823292b}.cover-wrap img{object-fit:cover}.book-card:hover .cover-wrap{transform:translateY(-10px)rotate(-1deg);box-shadow:21px 32px 38px #0823293d}.book-info{padding-top:24px}.status{color:var(--rust);letter-spacing:.12em;font:10px DM Mono}.book-info h3{margin:10px 0 8px;font:500 31px Playfair Display}.book-info p:not(.status){color:#526161;margin:0}.text-link{border-bottom:1px solid var(--ink);margin-top:24px;padding-bottom:5px;font-size:13px;display:inline-block}.text-link span{color:var(--rust);padding-left:10px}.order{background:var(--ink);color:#fff9e9;padding:clamp(85px,12vw,160px) clamp(22px,11vw,190px)}.steps{border-top:1px solid #ffffff40;grid-template-columns:repeat(4,1fr);margin:65px 0 45px;display:grid}.steps div{border-right:1px solid #ffffff40;min-height:125px;padding:22px 13px}.steps div:first-child{padding-left:0}.steps b{color:var(--gold);font:11px DM Mono}.steps p{font:500 17px Playfair Display}.button{background:var(--gold);color:var(--deep);align-items:center;gap:22px;padding:17px 21px;font-size:13px;font-weight:600;display:inline-flex}.button span{font-size:20px}footer{background:var(--deep);color:#fcf7eb;padding:65px clamp(22px,7vw,110px) 30px}footer>p{color:#d9c77c;font:italic 20px Playfair Display}footer>div:last-of-type{text-transform:uppercase;letter-spacing:.08em;gap:25px;margin:55px 0;font-size:12px;display:flex}footer small{color:#b1b9af;font-size:10px}.admin{background:var(--cream);min-height:100vh;padding:clamp(35px,8vw,120px)}.back{font:12px DM Mono}.admin h1{margin:30px 0 12px;font:500 clamp(45px,8vw,90px) Playfair Display}.admin-copy{color:#526161;max-width:560px;line-height:1.7}.admin-grid{grid-template-columns:1.3fr .7fr;gap:50px;margin-top:70px;display:grid}.admin h2{font:500 27px Playfair Display}.admin-product{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.admin-product p,.field-map p{color:#526161;font-size:13px}.admin button{border:1px solid var(--line);color:#526161;background:0 0;padding:9px 12px}.field-map{background:#e1d4bb;padding:15px 26px}.field-map p{border-bottom:1px solid var(--line);padding-bottom:10px}@media (max-width:700px){.nav div{gap:15px}.nav div a:first-child{display:none}.cinema{min-height:calc(100svh - 72px)}.gunungan{width:75vw;bottom:-65px;left:12.5vw}.scene{grid-template-columns:1fr;gap:35px;min-height:0}.scene-art{order:2;height:205px}.scene-number{font-size:68px}.catalog-head{display:block}.catalog-head>p{margin-top:25px}.book-grid{grid-template-columns:1fr;gap:50px}.cover-wrap{max-width:380px}.steps{grid-template-columns:repeat(2,1fr)}.steps div:nth-child(2){border-right:0}.steps div:nth-child(-n+2){border-bottom:1px solid #ffffff40}.admin-grid{grid-template-columns:1fr}.hero-copy h1{letter-spacing:.1em}.nav{padding:0 22px}.story,.bridge,.order{padding-left:22px;padding-right:22px}}
.hero-copy{z-index:2;position:relative}.hero-webgl{z-index:1;opacity:.86;bottom:clamp(24px,7vh,82px);right:clamp(20px,5.5vw,104px);width:min(31vw,430px)!important;min-height:0!important;position:absolute!important}.wordmark{align-items:center;gap:8px;display:inline-flex}.brand-symbol{border-radius:50%}.admin-heading{justify-content:space-between;align-items:end;gap:30px;margin-top:28px;display:flex}.draft-note{color:#526161;background:#e1d4bb;max-width:280px;padding:14px;font-size:12px;line-height:1.55}.admin-grid{grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);align-items:start}.catalog-list,.editor{background:#f9f5eb;padding:25px}.admin-section-head{justify-content:space-between;align-items:start;gap:15px;margin-bottom:20px;display:flex}.admin-section-head h2{margin:0}.new-book,.save-book{background:var(--ink);color:#fff;letter-spacing:.04em;border:0;padding:11px 14px;font:11px DM Mono,monospace}.delete-book{color:#9e3827;background:0 0;border:0;padding:9px 0;font-size:12px}.admin-product{padding:0}.admin-product.selected{background:#e9dfcb;margin:0 -10px;padding:0 10px}.product-select{text-align:left;color:var(--ink);background:0 0;border:0;align-items:center;gap:12px;padding:10px 0;display:flex}.product-select small{color:#526161;margin-top:5px;font:10px DM Mono,monospace;display:block}.mini-cover{background:#d2c19e;flex:0 0 34px;place-items:center;height:46px;display:grid;overflow:hidden}.mini-cover img{object-fit:cover;width:100%;height:100%}.product-price{color:#526161;font:11px DM Mono,monospace}.editor form{gap:24px;display:grid}.editor fieldset{border:0;border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:20px 0 0;display:grid}.editor legend{width:100%;padding:0 0 13px;font:500 20px Playfair Display,serif}.editor label{color:#526161;gap:7px;font-size:11px;display:grid}.editor label.wide{grid-column:1/-1}.editor input,.editor textarea,.editor select{width:100%;color:var(--ink);background:#fffdf6;border:1px solid #d5cbb8;border-radius:0;padding:10px;font:13px DM Sans,sans-serif}.editor textarea{resize:vertical}.photo-preview{grid-column:1/-1;align-items:end;gap:13px;display:flex}.photo-preview img{object-fit:cover;width:68px;height:94px;box-shadow:4px 5px 11px #0000002b}.photo-preview button,.form-actions button:not(.save-book){color:#526161;background:0 0;border:0;padding:8px 0;font-size:12px}.form-actions{align-items:center;gap:20px;display:flex}@media (max-width:800px){.admin-heading,.admin-grid{grid-template-columns:1fr;display:grid}.draft-note{max-width:none}.catalog-list,.editor{padding:18px}.editor fieldset{grid-template-columns:1fr}.editor label.wide,.photo-preview{grid-column:auto}.hero-webgl{display:none}}.cover-placeholder{color:#53625f;text-align:center;background:linear-gradient(135deg,#e7ddc7,#cdbb91);place-items:center;width:100%;height:100%;font:italic 22px/1.2 Playfair Display,serif;display:grid}.premium-badge{color:#f6d88d;letter-spacing:.16em;text-transform:uppercase;background:#082329f0;border:1px solid #d4b06a;justify-content:center;align-items:center;min-height:25px;padding:7px 9px;font:600 9px/1 DM Mono,ui-monospace,monospace;display:inline-flex;box-shadow:0 5px 16px #08232938}.cover-wrap .premium-badge{z-index:4;position:absolute;top:13px;left:13px}.catalog-empty{border:1px solid var(--line);color:#526161;margin:42px 0 0;padding:36px;font:italic 22px/1.35 Playfair Display,serif}.gallery{width:100%;height:100%;position:relative}.gallery-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100%;display:flex;overflow:auto hidden}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;width:100%;height:100%;position:relative}.gallery-slide img{object-fit:cover}.gallery-prev,.gallery-next{z-index:1;color:#fff;background:#082329bf;border:0;border-radius:50%;width:36px;height:36px;position:absolute;top:calc(50% - 18px)}.gallery-prev{left:10px}.gallery-next{right:10px}.gallery-dots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:12px;left:0;right:0}.gallery-dots button{background:0 0;border:1px solid #fff;border-radius:50%;width:7px;height:7px;padding:0}.gallery-dots button.active{background:#fff}.gallery-counter{display:none}@media (max-width:700px){.gallery-prev,.gallery-next,.gallery-dots{display:none}.gallery-counter{z-index:1;color:#fff;letter-spacing:.08em;background:#08232994;border:1px solid #ffffff8c;margin:0;padding:6px 8px;font:10px/1 DM Mono,ui-monospace,monospace;display:block;position:absolute;bottom:12px;right:12px}.book-info{min-width:0}.book-info h3{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.text-link{white-space:normal;overflow-wrap:anywhere;align-items:baseline;gap:10px;max-width:100%;line-height:1.4;display:inline-flex}.text-link span{flex:none;padding-left:0}}.photo-previews{flex-wrap:wrap;grid-column:1/-1;gap:12px;display:flex}.photo-previews .photo-preview{align-items:start;gap:6px;display:grid}.photo-previews .photo-preview img{object-fit:cover;width:72px;height:98px;box-shadow:4px 5px 11px #0000002b}.photo-previews .photo-preview button{text-align:left;max-width:80px;padding:0}.editor label.premium-toggle{color:var(--ink);cursor:pointer;background:#fff9eb;border:1px solid #be963d75;grid-column:1/-1;align-items:flex-start;gap:11px;padding:13px;display:flex}.editor label.premium-toggle input{accent-color:#b88b38;width:18px;height:18px;margin:0}.editor label.premium-toggle span{gap:4px;display:grid}.editor label.premium-toggle b{font-size:12px}.editor label.premium-toggle small{color:#65716c;font-size:11px;line-height:1.35}.dz-now{color:var(--ink);background:#e9dfcb;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(42px,9vw,152px);padding:clamp(92px,13vw,174px) clamp(22px,9vw,146px);display:grid}.dz-now__header h2{letter-spacing:-.055em;max-width:800px;margin:0;font:500 clamp(43px,5.7vw,84px)/.96 Playfair Display,serif}.dz-now__header h2 em{color:var(--rust)}.dz-now__body{color:#526161;align-self:end;max-width:470px;font-size:15px;line-height:1.76}.dz-now__body p{margin:0}.dz-now__body p+p{margin-top:18px}.dz-now__services{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(22px,4vw,56px) 0 0;padding:0;list-style:none;display:grid}.dz-now__services li{border-right:1px solid var(--line);flex-direction:column;gap:17px;min-height:130px;padding:22px 16px 14px;font:500 19px/1.25 Playfair Display,serif;display:flex}.dz-now__services li:first-child{padding-left:0}.dz-now__services li:last-child{border-right:0}.dz-now__services span{color:var(--rust);letter-spacing:.12em;font:10px DM Mono,monospace}@media (max-width:800px){.dz-now{grid-template-columns:1fr;gap:28px;padding:83px 22px}.dz-now__body{font-size:14px}.dz-now__services{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px}.dz-now__services li{min-height:113px;padding-left:12px;font-size:17px}.dz-now__services li:first-child{padding-left:0}.dz-now__services li:nth-child(2){border-right:0}.dz-now__services li:nth-child(-n+2){border-bottom:1px solid var(--line)}}
.three-story{background:#082329;height:500vh}.three-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.three-sticky canvas{inset:0;position:absolute!important}.three-copy{z-index:2;color:#fff9e9;pointer-events:none;max-width:420px;position:absolute;bottom:12vh;left:clamp(22px,8vw,130px)}.three-copy h2{margin:0 0 18px;font:500 clamp(40px,5vw,75px)/.98 Playfair Display,serif}.three-copy>p:last-child{color:#d4d1c1;max-width:310px;font-size:12px;line-height:1.65}.three-progress{z-index:2;gap:10px;display:grid;position:absolute;top:50%;right:5vw}.three-progress i{border:1px solid #d5b75b;border-radius:50%;width:7px;height:7px}.three-progress i.active{background:#d5b75b;box-shadow:0 0 10px #d5b75b}@media (max-width:700px){.three-story{height:420vh}.three-copy{bottom:9vh}.three-progress{right:22px}}