@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-variable-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-weight:300 400;font-display:swap;src:url(/fonts/newsreader-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/newsreader-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#E9EAE4;--card:#F6F7F2;--ink:#17212B;--ink-2:#4A5763;--ink-3:#7C8792;--amber:#D98A0B;--pine:#23514A;--rule:#C9CCC2;--rule-soft:#DCDED6;--sans:"Archivo","Helvetica Neue",Arial,sans-serif;--serif:"Newsreader",Georgia,serif;--pad:clamp(1.25rem,5vw,4.5rem);--maxw:1180px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.62;font-optical-sizing:auto;overflow-x:hidden;overflow-wrap:break-word;transition:padding-bottom .28s ease}body.tray-open{padding-bottom:var(--tray-h,104px)}[id]{scroll-margin-top:76px}html.lb-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit}@media(max-width:600px){body{font-size:16px}}h1,h2,h3,h4,.u-sans{font-family:var(--sans);font-variation-settings:"wdth" 112;line-height:1.05;margin:0}h1{font-size:clamp(2.6rem,7.2vw,5.6rem);font-weight:700;font-variation-settings:"wdth" 125;letter-spacing:-.022em}h2{font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:700;font-variation-settings:"wdth" 120;letter-spacing:-.018em}h3{font-size:1.18rem;font-weight:600;letter-spacing:-.008em}p{margin:0 0 1em}p:last-child{margin-bottom:0}.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}.lede{font-size:clamp(1.06rem,1.6vw,1.24rem);color:var(--ink-2);max-width:56ch;line-height:1.66}@media(max-width:640px){h1{font-size:clamp(2.05rem,8.6vw,3.1rem);font-variation-settings:"wdth" 100;line-height:1.09;letter-spacing:-.014em}h2{font-variation-settings:"wdth" 104;letter-spacing:-.012em}h3,h4{font-variation-settings:"wdth" 100}.lede{font-size:1.02rem;line-height:1.6}}.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:.7rem 1rem;z-index:200;font-family:var(--sans)}.skip:focus{left:.5rem;top:.5rem}:focus-visible{outline:2.5px solid var(--amber);outline-offset:3px;border-radius:2px}.masthead{position:sticky;top:0;z-index:100;background:#e9eae4eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}.masthead .wrap{display:flex;align-items:center;gap:1.4rem;height:60px}.mark{font-family:var(--sans);font-weight:700;font-variation-settings:"wdth" 125;font-size:1.02rem;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;display:flex;align-items:center;align-self:stretch}.mark span{color:var(--amber)}.nav{margin-left:auto;display:flex;gap:1.4rem;font-family:var(--sans);font-size:.86rem;font-weight:500;min-width:0}.nav a{text-decoration:none;color:var(--ink-2);display:flex;align-items:center;min-height:44px;border-bottom:1.5px solid transparent;white-space:nowrap}@media(hover:hover){.nav a:hover{color:var(--ink);border-bottom-color:var(--amber)}}@media(max-width:700px){.masthead .wrap{gap:.85rem;padding-right:0;position:relative}.masthead .wrap:after{content:"";position:absolute;top:0;bottom:1px;right:0;width:34px;pointer-events:none;background:linear-gradient(90deg,#e9eae400,#e9eae4f2)}.nav{gap:1.05rem;font-size:.82rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:var(--pad)}.nav::-webkit-scrollbar{display:none}}.cover{padding-block:clamp(3rem,7vw,6rem) clamp(2.5rem,5vw,4rem)}.cover-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}@media(max-width:900px){.cover-grid{grid-template-columns:1fr;gap:2.6rem}}.edition{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem .9rem;font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--ink-3);margin-bottom:1.6rem}.edition b{color:var(--pine);font-weight:700}.edition:after{content:"";flex:1 0 40px;height:1px;background:var(--rule)}@media(max-width:480px){.edition:after{display:none}}h1 em{font-style:normal;color:var(--pine)}.cover h1{margin-bottom:1.4rem}.cover-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.btn{font-family:var(--sans);font-size:.92rem;font-weight:600;padding:.78rem 1.5rem;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;cursor:pointer;border-radius:2px;transition:background .16s ease,color .16s ease}.btn-ghost{background:transparent;color:var(--ink)}@media(hover:hover){.btn:hover{background:var(--pine);border-color:var(--pine)}.btn-ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}}@media(max-width:520px){.cover-cta .btn{flex:1 1 100%;text-align:center}}.contents{border-top:2px solid var(--ink);padding-top:1rem}.contents h2{font-size:.82rem;font-weight:700;font-variation-settings:"wdth" 100;color:var(--ink-3);margin-bottom:.9rem}.toc{list-style:none;margin:0;padding:0;font-family:var(--sans)}.toc li{display:flex;align-items:baseline;gap:.5rem;border-bottom:1px solid var(--rule-soft)}.toc a{text-decoration:none;font-weight:600;font-size:1rem;white-space:nowrap;padding:.72rem 0;display:inline-block}.toc a:hover{color:var(--amber)}.toc .dots{flex:1;border-bottom:1.5px dotted var(--rule);transform:translateY(-.24em)}.toc .n{font-size:.84rem;color:var(--ink-3);font-weight:500;white-space:nowrap}.catalog{padding-block:clamp(2.5rem,5vw,4rem) clamp(3rem,6vw,5rem)}.sec-head{display:flex;flex-wrap:wrap;align-items:end;gap:1.2rem;margin-bottom:1.6rem}.sec-head p{max-width:44ch;color:var(--ink-2);font-size:.98rem;margin:0}.filters{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.1rem;padding:0;border:0}@media(max-width:600px){.filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(var(--pad) * -1) 1.1rem;padding:.2rem var(--pad) .4rem}.filters::-webkit-scrollbar{display:none}.filters button{flex:0 0 auto;min-height:44px;padding:.5rem 1.1rem}}.filters button{font-family:var(--sans);font-size:.85rem;font-weight:600;min-height:44px;padding:.44rem 1.05rem;border:1.5px solid var(--rule);background:transparent;color:var(--ink-2);border-radius:99px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.filters button:hover{border-color:var(--ink-3);color:var(--ink)}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.table{border-top:2px solid var(--ink)}.item{border-bottom:1px solid var(--rule)}.item[hidden]{display:none}.item-head{display:grid;grid-template-columns:82px 1fr 168px 40px;gap:1rem;align-items:center;width:100%;text-align:left;background:transparent;border:0;padding:1.05rem .4rem;font:inherit;color:inherit;cursor:pointer;transition:background .14s ease}@media(hover:hover){.item-head:hover{background:#d98a0b12}}.item-head:active{background:#d98a0b1c}.code{font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--pine);border:1.5px solid var(--pine);border-radius:2px;padding:.16rem .34rem;text-align:center}.title-cell h3{margin-bottom:.18rem}.title-cell p{font-size:.9rem;color:var(--ink-2);margin:0;line-height:1.45;max-width:52ch}.price{font-family:var(--sans);font-size:.95rem;font-weight:600;text-align:right;white-space:nowrap}.price small{display:block;font-size:.72rem;font-weight:500;color:var(--ink-3);letter-spacing:.01em;white-space:normal;line-height:1.35}.chev{justify-self:center;width:11px;height:11px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg) translate(-2px,-2px);transition:transform .22s ease}.item.open .chev{transform:rotate(225deg) translate(-2px,-2px)}.panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.item.open .panel{grid-template-rows:1fr}.panel-inner{overflow:hidden}.panel-body{display:grid;grid-template-columns:82px 1fr 168px 40px;gap:1rem;padding:0 .4rem 1.5rem}.panel-body>.spacer{grid-column:1}.detail{grid-column:2/4;display:grid;grid-template-columns:1.25fr .75fr;gap:1.5rem clamp(1.2rem,3vw,2.6rem)}.detail .shots{margin-top:.1rem}.detail h4{font-size:.78rem;font-weight:700;color:var(--ink-3);margin-bottom:.6rem}.detail ul{margin:0;padding-left:1.1rem}.detail li{font-size:.95rem;margin-bottom:.34rem;line-height:1.5}.meta{border-left:1.5px solid var(--rule);padding-left:1.2rem;font-family:var(--sans);font-size:.88rem}.meta div{margin-bottom:.85rem}.meta dt{font-size:.74rem;font-weight:600;color:var(--ink-3);margin-bottom:.14rem}.meta dd{margin:0;font-weight:500}.pick{margin-top:1.1rem;display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:.4rem .95rem .4rem .7rem;border:1.5px solid var(--rule);border-radius:3px;font-family:var(--sans);font-size:.88rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}@media(hover:hover){.pick:hover{border-color:var(--pine);background:#23514a0d}}.pick:has(input:checked){border-color:var(--pine);background:#23514a14}.pick input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--pine);cursor:pointer}@media(max-width:820px){.item-head{grid-template-columns:auto 1fr auto;grid-template-areas:"code  .     chev" "title title title" "price price price";-moz-column-gap:.8rem;column-gap:.8rem;row-gap:.55rem;align-items:center;padding:1.05rem .2rem}.code{grid-area:code;justify-self:start}.chev{grid-area:chev;justify-self:end;margin-right:.3rem}.title-cell{grid-area:title}.title-cell p{max-width:none}.price{grid-area:price;text-align:left;white-space:normal;font-size:1rem}.price small{display:inline;margin-left:.45rem}.panel-body{grid-template-columns:1fr;padding:0 .2rem 1.5rem}.panel-body>.spacer{display:none}.detail{grid-column:1;grid-template-columns:1fr;gap:1.5rem}.detail li{margin-bottom:.5rem}.meta{border-left:0;border-top:1.5px solid var(--rule);padding-left:0;padding-top:1.1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem .9rem}.meta div{margin-bottom:0}}@media(max-width:380px){.meta{grid-template-columns:1fr}.price small{display:block;margin-left:0}}.note{margin-top:1.4rem;font-size:.92rem;color:var(--ink-2);max-width:60ch}.process{background:var(--pine);color:#e6ede9;padding:clamp(3rem,6vw,5rem) 0}.process h2{color:#fff;margin-bottom:.7rem}.process .lede{color:#e6ede9c7}.steps{list-style:none;margin:2.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0}.steps li{padding:1.3rem 1.2rem 0 0;border-top:2px solid rgba(230,237,233,.35)}.steps .num{font-family:var(--sans);font-size:.76rem;font-weight:700;color:var(--amber);display:block;margin-bottom:.5rem}.steps h3{color:#fff;margin-bottom:.4rem;font-size:1.05rem}.steps p{font-size:.9rem;color:#e6ede9bd;line-height:1.5}@media(max-width:880px){.steps{grid-template-columns:repeat(2,1fr);gap:1.6rem 1.4rem}}@media(max-width:520px){.steps{grid-template-columns:1fr}}.work{padding-block:clamp(3rem,6vw,5rem)}.work-list{margin-top:2rem;border-top:2px solid var(--ink)}.work-row{display:grid;grid-template-columns:1.1fr 1.6fr .8fr;gap:1.4rem;padding:1.35rem .2rem;border-bottom:1px solid var(--rule);align-items:baseline}.work-row h3{font-size:1.1rem}.work-row p{font-size:.94rem;color:var(--ink-2);margin:0}.work-row .tag{font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--ink-3);text-align:right}@media(max-width:760px){.work-row{grid-template-columns:1fr;gap:.4rem}.work-row .tag{text-align:left}}.shots{grid-column:1/-1;display:flex;gap:.65rem;margin-top:1.15rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.2rem}.shots::-webkit-scrollbar{display:none}.shot{position:relative;flex:0 0 auto;width:clamp(160px,42vw,220px);aspect-ratio:16/10;padding:0;border:1.5px solid var(--rule);border-radius:3px;background:var(--card);overflow:hidden;cursor:pointer;transition:border-color .16s ease}.shot picture{display:block;width:100%;height:100%}.shot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left}.shot:after{content:"Perbesar";position:absolute;left:0;right:0;bottom:0;font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.01em;color:#f6f7f2;background:#17212bd6;padding:.34rem .55rem;text-align:left;transform:translateY(100%);transition:transform .18s ease}@media(hover:hover){.shot:hover{border-color:var(--pine)}.shot:hover:after{transform:translateY(0)}}.shot:focus-visible:after{transform:translateY(0)}@media(hover:none){.shot:after{transform:translateY(0);background:#17212bb8}}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#101820;padding:clamp(1rem,4vw,2.5rem);opacity:0;transition:opacity .2s ease}.lb[hidden]{display:none}.lb.on{opacity:1}.lb-fig{margin:0;width:100%;max-width:1120px;display:flex;flex-direction:column;gap:.9rem;align-items:center}.lb-stage{width:100%;display:flex;justify-content:center;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.lb-stage::-webkit-scrollbar{height:6px}.lb-stage::-webkit-scrollbar-thumb{background:#f6f7f24d;border-radius:3px}.lb-stage img{max-width:100%;max-height:70vh;width:auto;flex:0 0 auto;-o-object-fit:contain;object-fit:contain;border-radius:3px;background:var(--card);box-shadow:0 24px 70px #00000080;cursor:zoom-in}.lb.zoom .lb-stage{justify-content:flex-start}.lb.zoom .lb-stage img{max-width:none;max-height:none;height:68vh;cursor:zoom-out}.lb-cap{width:100%;font-family:var(--sans);font-size:.92rem;font-weight:500;color:#f6f7f2cc;text-align:left;line-height:1.4}.lb-cap b{display:block;color:#fff;font-weight:700;margin-bottom:.15rem}.lb-bar{width:100%;display:flex;align-items:center;gap:1rem;padding-top:.9rem;border-top:1px solid rgba(246,247,242,.18)}.lb-zoom{font-family:var(--sans);font-size:.85rem;font-weight:600;padding:.6rem .95rem;border-radius:99px;border:1.5px solid rgba(246,247,242,.32);background:transparent;color:#f6f7f2;cursor:pointer;white-space:nowrap}@media(hover:hover){.lb-zoom:hover{background:var(--amber);border-color:var(--amber);color:#1a1305}}.lb-count{font-family:var(--sans);font-size:.85rem;font-weight:600;color:#f6f7f280;margin-left:auto;white-space:nowrap}.lb-nav,.lb-close{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border:1.5px solid rgba(246,247,242,.32);border-radius:50%;background:transparent;color:#f6f7f2;cursor:pointer;transition:background .15s ease,border-color .15s ease}@media(hover:hover){.lb-nav:hover,.lb-close:hover{background:var(--amber);border-color:var(--amber);color:#1a1305}}.lb-nav[disabled]{opacity:.3;cursor:default}.ar{width:9px;height:9px;border-top:2px solid currentColor;border-left:2px solid currentColor}.ar.left{transform:rotate(-45deg) translate(1px,1px)}.ar.right{transform:rotate(135deg) translate(1px,1px)}.lb-close{position:absolute;top:clamp(.7rem,2.5vw,1.5rem);right:clamp(.7rem,2.5vw,1.5rem)}.lb-close span{width:16px;height:16px;position:relative}.lb-close span:before,.lb-close span:after{content:"";position:absolute;top:7px;left:0;width:16px;height:2px;background:currentColor}.lb-close span:before{transform:rotate(45deg)}.lb-close span:after{transform:rotate(-45deg)}@media(max-width:640px){.lb{align-items:center;padding-top:4.4rem}.lb-stage img{max-height:52vh}.lb.zoom .lb-stage img{height:56vh}.lb-cap{font-size:.86rem}.lb-zoom{font-size:.8rem;padding:.5rem .7rem}}.contact{background:var(--ink);color:var(--card);padding:clamp(3rem,6vw,5.5rem) 0}.contact h2{color:#fff;max-width:16ch;margin-bottom:1rem}.contact .lede{color:#f6f7f2b8}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:start}@media(max-width:820px){.contact-grid{grid-template-columns:1fr;gap:2.2rem}}.contact .btn{background:var(--amber);border-color:var(--amber);color:#1a1305;margin-top:1.8rem}.contact .btn:hover{background:#efa429;border-color:#efa429}.dl{font-family:var(--sans);font-size:.95rem;border-top:1.5px solid rgba(246,247,242,.22)}.dl>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem 1rem;padding:.85rem 0;border-bottom:1px solid rgba(246,247,242,.14)}.dl dt{color:#f6f7f28c;font-size:.86rem}.dl dd{margin:0;font-weight:600;text-align:right}.dl a{text-decoration:none;border-bottom:1.5px solid var(--amber);display:inline-flex;align-items:center;min-height:40px}@media(max-width:520px){.contact .btn{display:block;text-align:center}.dl dd{text-align:left;flex:1 1 100%}}footer{background:var(--ink);color:#f6f7f273;font-family:var(--sans);font-size:.82rem;padding:0 0 2.4rem}footer .wrap{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;border-top:1px solid rgba(246,247,242,.14);padding-top:1.5rem}.tray{position:fixed;left:0;right:0;bottom:0;z-index:120;background:var(--ink);color:var(--card);border-top:2px solid var(--amber);transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.7,.3,1)}.tray.show{transform:translateY(0)}.tray .wrap{display:flex;align-items:center;gap:1rem;padding-top:.85rem;padding-bottom:calc(.85rem + env(safe-area-inset-bottom))}.tray-text{font-family:var(--sans);font-size:.92rem;line-height:1.35;min-width:0}.tray-text b{display:block;font-weight:700}.tray-text span{display:block;color:#f6f7f299;font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tray .btn{margin-left:auto;background:var(--amber);border-color:var(--amber);color:#1a1305;padding:.66rem 1.2rem;white-space:nowrap}.tray .clear{background:none;border:0;color:#f6f7f299;font-family:var(--sans);font-size:.85rem;cursor:pointer;text-decoration:underline;padding:.4rem .5rem;min-height:44px}@media(max-width:560px){.tray .wrap{flex-wrap:wrap;gap:.55rem;padding-top:.7rem}.tray-text{flex:1 1 100%;order:1}.tray .clear{order:2;flex:0 0 auto;margin-left:0;padding:.55rem .2rem}.tray .btn{order:3;flex:1 1 auto;margin-left:0;text-align:center}}.item.is-draft .item-head{outline:2px dashed var(--amber);outline-offset:-2px}.item.is-draft .code:after{content:" · draf";color:var(--amber)}.preview-banner{background:var(--amber);color:#1a1305;font-family:var(--sans);font-size:.85rem;font-weight:600;text-align:center;padding:.6rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}