.chips{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.chips button{border:1.5px solid var(--line);background:0 0;border-radius:99px;min-height:44px;padding:9px 16px;font-size:15px}.chips button small{font:400 12px var(--f-mono);opacity:.6;margin-left:4px}.chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.cards{gap:40px 24px;margin:0;padding:0;list-style:none;display:grid}.card{all:unset;box-sizing:border-box;cursor:pointer;gap:10px;width:100%;display:grid}.card:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:6px}.card-media{aspect-ratio:16/10;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;display:block;overflow:hidden}.card-media img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .8s var(--ease)}.card-media.poster{aspect-ratio:4/5}.card-media.poster img{object-position:top}.card-media.phone-shot{background:var(--bg-2);place-items:end center;padding-top:18px;display:grid}.card-media.phone-shot img{object-fit:cover;object-position:top;border:5px solid var(--ink);border-bottom:0;border-radius:16px 16px 0 0;width:46%;height:100%}.card:hover .card-media img{transform:scale(1.03)}.card-media.type-only{background:var(--card);grid-template-rows:auto 1fr;align-items:end;padding:22px;display:grid}.type-stack{color:var(--muted);font-size:12px}.type-name{font:700 clamp(30px, 4vw, 44px)/1 var(--f-display);letter-spacing:-.03em;transition:transform .8s var(--ease)}.card:hover .type-name{transform:translateY(-4px)}.card-meta{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:12px}.card-name{font:600 22px/1.2 var(--f-body)}.card-line{color:var(--muted);font-size:16px}.card-award{background:var(--accent);color:var(--ink-on-accent);border-radius:99px;justify-self:start;padding:5px 10px;font-size:12px}.js .cards li.out{display:none}.archive{margin-top:72px}.archive h2{font:500 12px/1.4 var(--f-mono);letter-spacing:.14em;margin-bottom:12px}.archive ul{margin:0;padding:0;list-style:none}.archive a{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:16px 0;text-decoration:none;display:grid}.archive a:hover b{color:var(--accent-ink)}.archive span{color:var(--muted);grid-column:1;font-size:15px}.archive i{color:var(--muted);grid-area:1/2/span 2;align-self:center;font-size:12px;font-style:normal}@media (width>=640px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.contact{padding-block:clamp(80px,12vw,140px) 28px;overflow:hidden}.contact-in{grid-template-columns:minmax(0,1fr);gap:24px;display:grid;position:relative}.contact-title{max-width:16ch;font-size:clamp(32px,6vw,64px);line-height:1.04}.contact .lead{color:var(--on-dark-muted)}.contact .btn:not(.wa){color:var(--on-dark)}.contact-rows{max-width:720px;margin:32px 0 0;display:grid}.contact-rows div{border-top:1px solid var(--line);grid-template-columns:110px minmax(0,1fr);gap:16px;padding:14px 0;display:grid}.contact-rows dt{letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-muted);padding-top:4px;font-size:12px}.contact-rows dd{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0;display:flex}.contact-rows a{text-decoration:none}.contact-rows a:hover{color:var(--accent)}.copy{border:1px solid var(--line);color:var(--on-dark-muted);background:0 0;border-radius:99px;padding:4px 10px;font-size:11px}.watermark:after{content:"Firman Fadilah";font:700 7.4vw/.9 var(--f-display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px #2b3746;white-space:nowrap;user-select:none;margin-top:48px;display:block}.fine{color:var(--on-dark-muted);font-size:12px}.sheet{background:var(--bg);width:min(760px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--ink);overscroll-behavior:contain;border:0;border-radius:14px;margin:auto;padding:0;overflow:auto}.sheet::backdrop{backdrop-filter:blur(4px);background:#0f172099}.sheet[open]{animation:sheetIn .5s var(--ease)}@keyframes sheetIn{0%{opacity:0;transform:translateY(24px)}}.sheet-inner{gap:14px;padding:20px clamp(18px,4vw,36px) 32px;display:grid;position:relative}.sheet-close{z-index:2;background:var(--ink);width:44px;height:44px;color:var(--bg);border:0;border-radius:50%;justify-self:end;margin-bottom:-58px;font-size:24px;line-height:1;position:sticky;top:0}.sheet-media{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;overflow:hidden}.sheet-media img{object-fit:cover;object-position:top;width:100%;height:auto;max-height:60vh}.sheet-media.poster{background:var(--bg-2);padding:16px}.sheet-media.poster img{object-fit:contain}.sheet-media.type-only{font:700 clamp(34px, 7vw, 56px)/1 var(--f-display);letter-spacing:-.03em;padding:40px 24px}.sheet-meta{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:8px;font-size:12px}.sheet-name{font-size:clamp(28px,5vw,40px)}.sheet-award{color:var(--accent-ink);font-weight:600}.sheet-award a{margin-left:8px;font-weight:400}.sheet-story{max-width:62ch}.sheet-facts{gap:12px;margin:6px 0 4px;display:grid}.sheet-facts div{border-top:1px solid var(--line);gap:2px;padding-top:12px;display:grid}.sheet-facts dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px}.sheet-facts dd{margin:0}.sheet-links:empty{display:none}@media (width>=640px){.sheet-facts{grid-template-columns:1fr 1fr;gap:24px}}