@font-face{font-family:Gambetta;src:url(/fonts/gambetta-400-normal-0.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Gambetta;src:url(/fonts/gambetta-400-italic-1.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Gambetta;src:url(/fonts/gambetta-500-normal-2.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Gambetta;src:url(/fonts/gambetta-700-normal-3.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-400-normal-0.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-500-normal-1.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-600-normal-2.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-700-normal-3.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-200-800-normal-0.woff2) format("woff2");font-style:normal;font-weight:200 800;font-stretch:75% 100%;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-200-800-normal-1.woff2) format("woff2");font-style:normal;font-weight:200 800;font-stretch:75% 100%;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-display:swap}@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-400-italic-0.woff2) format("woff2");font-style:italic;font-weight:400;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-400-italic-1.woff2) format("woff2");font-style:italic;font-weight:400;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-display:swap}@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-400-normal-2.woff2) format("woff2");font-style:normal;font-weight:400;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-400-normal-3.woff2) format("woff2");font-style:normal;font-weight:400;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-display:swap}@font-face{font-family:Martian Mono;src:url(/fonts/martian-mono-100-800-normal-0.woff2) format("woff2");font-style:normal;font-weight:100 800;font-stretch:75% 112.5%;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap}@font-face{font-family:Martian Mono;src:url(/fonts/martian-mono-100-800-normal-1.woff2) format("woff2");font-style:normal;font-weight:100 800;font-stretch:75% 112.5%;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-display:swap}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}img,picture,svg,canvas{display:block;max-width:100%}img{height:auto}button,input,textarea,select{font:inherit;color:inherit;border-radius:0}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit}h1,h2,h3,h4{font-weight:inherit;text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:2px solid currentColor;outline-offset:3px}.lompat-konten{position:absolute;left:-9999px;top:0;padding:.75rem 1.25rem;z-index:100}.lompat-konten:focus{left:0}.butiran:after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:var(--butiran-opasitas, .05);background-image:var(--butiran-gambar);background-size:180px 180px}[data-muncul]{opacity:0;transform:translateY(var(--muncul-geser, 18px));transition:opacity .85s cubic-bezier(.16,.84,.24,1),transform .85s cubic-bezier(.16,.84,.24,1);transition-delay:var(--muncul-tunda, 0ms)}[data-muncul].tampil{opacity:1;transform:none}.singkap{display:block;overflow:hidden}.singkap>span{display:block;transform:translateY(105%);transition:transform 1s cubic-bezier(.16,.84,.24,1);transition-delay:var(--singkap-tunda, 0ms)}.tampil .singkap>span,.singkap.tampil>span{transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-muncul]{opacity:1;transform:none}.singkap>span{transform:none}}:root{--kertas: #14181a;--kertas-naik: #1b2124;--tinta: #ecece8;--tinta-60: #ecece899;--tinta-40: #ecece866;--forest: #146518;--chartreuse: #c9d94a;--garis: #ecece82e;--sans: "Switzer", ui-sans-serif, sans-serif;--mono: "Martian Mono", ui-monospace, monospace;--serif: "Gambetta", ui-serif, Georgia, serif;--pinggir: clamp(1.25rem, 4vw, 3.5rem);--maks: 1400px}body{margin:0;background:var(--kertas);color:var(--tinta);font-family:var(--sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}.wadah{width:min(100% - 2 * var(--pinggir),var(--maks));margin-inline:auto}.label{font-family:var(--mono);font-size:.6875rem;letter-spacing:.13em;text-transform:uppercase;line-height:1.45}.puncak{padding-block:clamp(3rem,8vh,6rem) clamp(2rem,5vw,3.5rem)}.puncak img{height:34px;width:auto;margin-bottom:clamp(2rem,5vw,3.5rem)}.puncak h1{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,5vw,3.6rem);line-height:1.02;letter-spacing:-.015em;max-width:20ch;margin-bottom:1.2rem}.puncak p{max-width:62ch;color:var(--tinta-60)}.catatan-mockup{margin-top:1.8rem;padding:.9rem 1.1rem;border:1px solid var(--garis);border-left:2px solid var(--chartreuse);max-width:78ch;color:var(--tinta-60)}.daftar{display:grid;gap:1px;background:var(--garis);border-block:1px solid var(--garis);margin-bottom:clamp(3rem,7vw,5rem)}.kartu{background:var(--kertas);display:grid;grid-template-columns:4.5rem minmax(0,1.1fr) minmax(0,1.5fr) 12rem;gap:clamp(1rem,2.5vw,2.5rem);align-items:center;padding:clamp(1.4rem,2.6vw,2.2rem) clamp(.5rem,1.5vw,1.5rem);text-decoration:none;transition:background-color .4s ease}.kartu:hover{background:var(--kertas-naik)}.kartu__huruf{font-family:var(--serif);font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;color:var(--chartreuse)}.kartu__nama{font-size:clamp(1.15rem,1.9vw,1.6rem);font-weight:500;line-height:1.14;margin-bottom:.35rem}.kartu__acuan{color:var(--tinta-40)}.kartu__isi{color:var(--tinta-60);font-size:.9375rem}.kartu__tanda{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.kartu__tanda span{border:1px solid var(--garis);padding:.24rem .55rem;color:var(--tinta-40)}.kartu__tautan{justify-self:end;display:flex;flex-direction:column;gap:.4rem;align-items:end;text-align:right}.kartu__tautan b{font-weight:500;color:var(--chartreuse);display:inline-flex;align-items:center;gap:.5rem}.warna{display:flex;gap:0;margin-top:.9rem}.warna i{width:1.7rem;height:.6rem;display:block;outline:1px solid #ecece83d;outline-offset:-1px}.kaki{padding-block:1.5rem 3rem;border-top:1px solid var(--garis);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;color:var(--tinta-40)}@media(max-width:900px){.kartu{grid-template-columns:3rem 1fr;row-gap:.8rem;align-items:start}.kartu__isi,.kartu__tautan{grid-column:2}.kartu__tautan{justify-self:start;align-items:start;text-align:left}}