.page-arsip{--archive-bg: #0b0d10;--archive-surface: #111419;--archive-raised: #171b21;--archive-line: rgba(255, 255, 255, .1);--archive-line-strong: rgba(217, 164, 65, .34);--archive-text: #f5f3ee;--archive-muted: #9da3ad;--archive-gold: #d9a441;--archive-gold-soft: rgba(217, 164, 65, .12);background:var(--archive-bg)}html.light .page-arsip{--archive-bg: #f5f3ee;--archive-surface: #ffffff;--archive-raised: #f0ede7;--archive-line: rgba(18, 23, 31, .12);--archive-line-strong: rgba(153, 104, 20, .28);--archive-text: #17191d;--archive-muted: #676d76;--archive-gold: #9a6717;--archive-gold-soft: rgba(154, 103, 23, .1)}.page-arsip main{overflow:hidden}.archive-pro{color:var(--archive-text);padding-bottom:72px}.archive-pro__hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:48px;align-items:end;max-width:1180px;margin:0 auto;padding:72px 32px 56px}.archive-pro__hero:before{content:"";position:absolute;z-index:-1;inset:0 -30vw;background:radial-gradient(circle at 78% 12%,rgba(217,164,65,.13),transparent 31%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 72%);border-bottom:1px solid var(--archive-line)}.archive-pro__kicker{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:var(--archive-gold);font:700 12px/1.2 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}.archive-pro__kicker:before{content:"";width:32px;height:1px;background:currentColor}.archive-pro__hero h1{max-width:760px;margin:0;color:var(--archive-text);font:700 clamp(42px,6vw,76px)/.98 Playfair Display,Georgia,serif;letter-spacing:-.035em}.archive-pro__intro{max-width:680px;margin:24px 0 0;color:var(--archive-muted);font:400 18px/1.65 Inter,system-ui,sans-serif}.archive-pro__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--archive-line);background:color-mix(in srgb,var(--archive-surface) 90%,transparent)}.archive-pro__stat{min-height:112px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.archive-pro__stat:nth-child(odd){border-right:1px solid var(--archive-line)}.archive-pro__stat:nth-child(-n+2){border-bottom:1px solid var(--archive-line)}.archive-pro__stat b{color:var(--archive-text);font:650 28px/1 Inter,system-ui,sans-serif}.archive-pro__stat span{color:var(--archive-muted);font:600 11px/1.3 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}.archive-pro__body{max-width:1180px;margin:0 auto;padding:48px 32px 0}.archive-pro__toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:16px;align-items:center;margin-bottom:18px}.archive-pro__search{position:relative}.archive-pro__search svg{position:absolute;top:50%;left:18px;width:18px;height:18px;transform:translateY(-50%);color:var(--archive-muted);pointer-events:none}.archive-pro__search input,.archive-pro__sort{width:100%;min-height:48px;border:1px solid var(--archive-line);border-radius:8px;background:var(--archive-surface);color:var(--archive-text);font:500 14px/1.3 Inter,system-ui,sans-serif;outline:none}.archive-pro__search input{padding:0 18px 0 48px}.archive-pro__sort{min-width:180px;padding:0 38px 0 14px}.archive-pro__search input:focus,.archive-pro__sort:focus,.archive-pro__filter:focus-visible,.archive-pro__item:focus-visible{border-color:var(--archive-gold);box-shadow:0 0 0 3px var(--archive-gold-soft)}.archive-pro__filters{display:flex;gap:8px;padding:8px 0 22px;overflow-x:auto;scrollbar-width:thin}.archive-pro__filter{flex:0 0 auto;min-height:40px;padding:0 16px;border:1px solid var(--archive-line);border-radius:999px;background:transparent;color:var(--archive-muted);font:650 13px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.archive-pro__filter:hover{color:var(--archive-text);border-color:var(--archive-line-strong)}.archive-pro__filter.is-active{color:var(--archive-text);border-color:var(--archive-line-strong);background:var(--archive-gold-soft)}.archive-pro__heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:18px 0;border-top:1px solid var(--archive-line);border-bottom:1px solid var(--archive-line)}.archive-pro__heading h2{margin:0;color:var(--archive-text);font:650 22px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.02em}.archive-pro__result-count{color:var(--archive-muted);font:500 13px/1.4 Inter,system-ui,sans-serif}.archive-pro__list{min-height:260px}.archive-pro__item{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) minmax(150px,.28fr) 32px;gap:22px;align-items:center;min-height:148px;padding:26px 8px;color:inherit;text-decoration:none;border-bottom:1px solid var(--archive-line);transition:background .18s ease,padding .18s ease}.archive-pro__item:hover{padding-left:18px;padding-right:18px;background:linear-gradient(90deg,var(--archive-gold-soft),transparent 72%)}.archive-pro__index{align-self:start;padding-top:4px;color:var(--archive-muted);font:600 12px/1.2 Inter,system-ui,sans-serif;letter-spacing:.08em}.archive-pro__category{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--archive-gold);font:700 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.archive-pro__category:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.archive-pro__title{margin:0;color:var(--archive-text);font:650 clamp(19px,2vw,25px)/1.25 Inter,system-ui,sans-serif;letter-spacing:-.025em}.archive-pro__excerpt{display:-webkit-box;max-width:720px;margin:10px 0 0;overflow:hidden;color:var(--archive-muted);font:400 14px/1.55 Inter,system-ui,sans-serif;-webkit-box-orient:vertical;-webkit-line-clamp:2}.archive-pro__meta{display:flex;flex-direction:column;gap:9px;color:var(--archive-muted);font:500 12px/1.35 Inter,system-ui,sans-serif}.archive-pro__meta span:first-child{color:var(--archive-text)}.archive-pro__arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--archive-line);border-radius:50%;color:var(--archive-muted);transition:color .16s ease,border-color .16s ease,transform .16s ease}.archive-pro__item:hover .archive-pro__arrow{color:var(--archive-gold);border-color:var(--archive-line-strong);transform:translate(3px)}.archive-pro__empty{display:grid;place-items:center;min-height:320px;padding:48px 24px;text-align:center;border-bottom:1px solid var(--archive-line)}.archive-pro__empty div{max-width:440px}.archive-pro__empty b{display:block;margin-bottom:10px;color:var(--archive-text);font:650 20px/1.3 Inter,system-ui,sans-serif}.archive-pro__empty p{margin:0;color:var(--archive-muted);font:400 14px/1.6 Inter,system-ui,sans-serif}.archive-pro__skeleton{height:148px;border-bottom:1px solid var(--archive-line);background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);background-size:240% 100%;animation:archive-shimmer 1.4s linear infinite}@keyframes archive-shimmer{to{background-position:-240% 0}}@media (max-width: 820px){.archive-pro__hero{grid-template-columns:1fr;gap:36px;padding-top:48px}.archive-pro__summary{max-width:520px}.archive-pro__item{grid-template-columns:38px minmax(0,1fr) 32px;gap:14px}.archive-pro__meta{grid-column:2;flex-direction:row;flex-wrap:wrap}.archive-pro__arrow{grid-column:3;grid-row:1}}@media (max-width: 560px){.archive-pro__hero,.archive-pro__body{padding-left:20px;padding-right:20px}.archive-pro__hero{padding-top:36px;padding-bottom:40px}.archive-pro__hero h1{font-size:clamp(40px,14vw,58px)}.archive-pro__intro{font-size:16px}.archive-pro__toolbar{grid-template-columns:1fr}.archive-pro__sort{min-width:0}.archive-pro__body{padding-top:32px}.archive-pro__heading{align-items:flex-start;flex-direction:column;gap:6px}.archive-pro__item{grid-template-columns:28px minmax(0,1fr);min-height:0;padding:24px 0}.archive-pro__arrow{display:none}.archive-pro__excerpt{-webkit-line-clamp:3}.archive-pro__meta{grid-column:2}}@media (prefers-reduced-motion: reduce){.archive-pro__item,.archive-pro__arrow,.archive-pro__filter{transition:none}.archive-pro__skeleton{animation:none}}.archive-pro__hero>div{position:relative;z-index:2}.archive-pro__globe{position:absolute;z-index:1;top:-68px;right:38px;width:520px;height:520px;max-width:48vw;opacity:.22;pointer-events:none;filter:drop-shadow(0 0 30px rgba(217,164,65,.12))}html.light .archive-pro__globe{opacity:.14}.archive-pro__item{grid-template-columns:38px 136px minmax(0,1fr) minmax(145px,.25fr) 32px}.archive-pro__visual{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--archive-line);border-radius:8px;background:radial-gradient(circle at 72% 28%,var(--archive-gold-soft),transparent 40%),linear-gradient(145deg,var(--archive-raised),var(--archive-surface))}.archive-pro__visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease,filter .28s ease}.archive-pro__item:hover .archive-pro__visual img{transform:scale(1.04);filter:saturate(1.05) contrast(1.03)}.archive-pro__visual-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--archive-gold);font:700 20px/1 Inter,system-ui,sans-serif;letter-spacing:.08em}.archive-pro__visual.has-image .archive-pro__visual-fallback{opacity:0}@media (max-width:820px){.archive-pro__item{grid-template-columns:30px 112px minmax(0,1fr) 32px}.archive-pro__meta{grid-column:3}.archive-pro__arrow{grid-column:4}}@media (max-width:560px){.archive-pro__hero{gap:24px;padding-top:28px;padding-bottom:32px}.archive-pro__hero h1{font-size:clamp(40px,12vw,50px)}.archive-pro__kicker{margin-bottom:14px}.archive-pro__intro{margin-top:16px;font-size:15px;line-height:1.55}.archive-pro__stat{min-height:88px;padding:16px}.archive-pro__stat b{font-size:24px;overflow-wrap:anywhere}.archive-pro__stat:nth-child(n+3) b{font-size:15px}.archive-pro__globe{top:-10px;right:-94px;width:330px;height:330px;max-width:none;opacity:.11}html.light .archive-pro__globe{opacity:.07}.archive-pro__item{grid-template-columns:22px 92px minmax(0,1fr);gap:12px;align-items:start}.archive-pro__visual{grid-column:2;grid-row:1}.archive-pro__copy{grid-column:3;grid-row:1}.archive-pro__meta{grid-column:3}.archive-pro__title{font-size:17px}.archive-pro__excerpt{display:none}}@media (prefers-reduced-motion:reduce){.archive-pro__visual img{transition:none}}