:root{
  --paper:#f5f1e9;--paper-2:#ebe4d8;--ink:#171713;--muted:#6d6a62;--line:rgba(23,23,19,.14);
  --accent:#8c5b3c;--card:#fbf8f2;--shadow:0 24px 70px rgba(39,32,23,.08);--radius:28px;
  --serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-theme="dark"]{--paper:#151512;--paper-2:#1e1e1a;--ink:#f3efe6;--muted:#aaa69c;--line:rgba(255,255,255,.12);--card:#1b1b17;--shadow:0 24px 70px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.shell-narrow{width:min(1020px,calc(100% - 40px));margin-inline:auto}.shell-narrow-inner{width:min(760px,100%);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid transparent}.site-header.scrolled{border-color:var(--line)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:16px}.brand-logo{max-height:42px;width:auto}.brand-name{font-size:19.5px}.site-nav{display:flex;align-items:center;gap:26px;font-size:17px;font-weight:600;letter-spacing:-.005em}.site-nav>a{position:relative}.site-nav>a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:var(--ink);transition:right .2s ease}.site-nav>a:hover:after{right:0}.theme-toggle,.nav-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;cursor:pointer}.theme-toggle{width:38px;height:38px}.nav-toggle{display:none;padding:8px 13px}
.hero{min-height:690px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;padding-block:90px 80px}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:13.5px;color:var(--accent)}.hero h1,.article-header h1,.page-header h1,.archive-hero h1,.not-found-wrap h1{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.98;margin:0}.hero h1{font-size:clamp(55.5px,7vw,99px);max-width:850px}.hero-intro{font-size:21px;color:var(--muted);max-width:650px;margin:30px 0 0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font-weight:700;font-size:16px}.button-primary{background:var(--ink);color:var(--paper)}.text-link{font-size:16px;font-weight:700}.text-link span{display:inline-block;margin-left:5px;transition:transform .2s}.text-link:hover span{transform:translateX(3px)}.hero-aside{position:relative;height:430px;display:grid;place-items:center}.orb{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#d8b39b,var(--accent) 38%,#5f3b27 72%);box-shadow:var(--shadow);filter:saturate(.75)}.monogram{position:relative;z-index:2;font-family:var(--serif);font-size:95px;letter-spacing:-.08em;color:#fff}.hero-note{position:absolute;right:2%;bottom:5%;font-family:var(--serif);font-style:italic;font-size:19.5px;color:var(--muted);transform:rotate(-5deg)}
.section{padding-block:100px}.section-heading{margin-bottom:38px}.section-heading h2{font-family:var(--serif);font-size:clamp(39px,5vw,59.5px);font-weight:400;letter-spacing:-.04em;margin:0}.heading-with-link{display:flex;justify-content:space-between;align-items:end}.featured-card{display:grid;grid-template-columns:1.08fr .92fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:34px;gap:50px}.featured-media{min-height:440px;border-radius:var(--radius);overflow:hidden;background:var(--paper-2)}.featured-media img,.post-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.featured-card:hover img,.post-card:hover img{transform:scale(1.025)}.featured-content{display:flex;flex-direction:column;justify-content:center}.meta-row{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:12.5px;font-weight:700}.featured-content h3,.post-card h3{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:1.08}.featured-content h3{font-size:49.5px;margin:22px 0 20px}.featured-content p,.post-card p,.archive-item p{color:var(--muted);margin:0}.read-more{margin-top:34px;font-weight:700;font-size:16px}.read-more b{margin-left:10px}.media-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,var(--paper-2),color-mix(in srgb,var(--accent) 12%,var(--paper)));color:color-mix(in srgb,var(--ink) 45%,transparent);font:57.5px var(--serif)}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 26px}.post-card-media{aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:var(--paper-2);margin-bottom:22px}.post-card h3{font-size:32.5px;margin:13px 0 12px}.post-card p{font-size:16px}.quote-section{padding-block:135px;border-top:1px solid var(--line)}.quote-section blockquote{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(37px,5vw,64px);line-height:1.08;letter-spacing:-.035em;margin:0;max-width:1050px}
.article{padding:90px 0 130px}.article-header{width:min(840px,100%);margin:0 auto 60px;text-align:center}.article-header h1{font-size:clamp(53.5px,7vw,95px)}.article-deck{font-family:var(--serif);font-size:24px;color:var(--muted);max-width:700px;margin:28px auto 18px}.article-meta{display:flex;gap:10px;justify-content:center;color:var(--muted);font-size:16px}.article-cover{margin:0 0 80px;border-radius:32px;overflow:hidden;background:var(--paper-2)}.article-cover img{width:100%;max-height:720px;object-fit:cover}.article-layout{display:grid;grid-template-columns:140px minmax(0,760px);justify-content:center;gap:20px}.article-rail{font-size:13.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.rail-sticky{position:sticky;top:120px;display:flex;flex-direction:column;gap:10px}.rail-sticky button{border:0;background:transparent;padding:0;text-align:left;color:var(--ink);cursor:pointer;text-transform:none;letter-spacing:0;font-size:15px}.prose{font-family:var(--prose,var(--serif));font-size:24px;line-height:1.85}.prose h2,.prose h3{font-weight:400;letter-spacing:-.035em;line-height:1.15;margin:2.2em 0 .65em}.prose h2{font-size:43.5px}.prose h3{font-size:32.5px}.prose p{margin:0 0 1.4em}.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.prose blockquote{border-left:2px solid var(--accent);margin:2.2em 0;padding:.2em 0 .2em 1.4em;font-size:1.2em;font-style:italic;color:var(--muted)}.prose img{border-radius:20px;margin:2.2em auto;box-shadow:var(--shadow);max-width:100%;height:auto}.prose pre{overflow:auto;background:var(--ink);color:var(--paper);padding:22px;border-radius:18px;font:16px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.tag-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:50px}.tag-list span{border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:15px}.article-end{border-top:1px solid var(--line);margin-top:60px;padding-top:38px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;color:var(--muted);font-size:16px}.article-end p{margin:0}.article-end a{color:var(--ink);font-weight:700}
.page-content{padding:110px 0 140px}.page-header{margin-bottom:60px}.page-header h1{font-size:clamp(55.5px,7vw,90.5px)}.page-wide{width:min(1180px,calc(100% - 40px))}.page-minimal .page-header{text-align:center}.archive-hero{padding:110px 0 70px}.archive-hero h1{font-size:clamp(59.5px,8vw,107px)}.archive-hero>p:not(.eyebrow){font-family:var(--serif);font-size:21.5px;color:var(--muted);max-width:650px}.archive-search{display:flex;gap:10px;max-width:540px;margin-top:34px}.archive-search input{flex:1;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:12px 17px;outline:none}.archive-search input:focus{border-color:var(--accent)}.archive-search button{border:0;border-radius:999px;padding:0 18px;background:var(--ink);color:var(--paper);font-weight:700;cursor:pointer}.archive-list{padding-bottom:120px}.archive-item{display:grid;grid-template-columns:180px 1fr 50px;gap:28px;padding:36px 0;border-top:1px solid var(--line);align-items:start}.archive-item:last-child{border-bottom:1px solid var(--line)}.archive-number{font-size:15px;color:var(--muted)}.archive-item h2{font:400 39px/1.1 var(--serif);letter-spacing:-.03em;margin:12px 0}.archive-arrow{font-size:28px;justify-self:end}.not-found-wrap{padding:150px 0 180px}.not-found-wrap h1{font-size:clamp(66px,10vw,134px);max-width:850px}.not-found-wrap>p:not(.eyebrow){font:22.5px var(--serif);color:var(--muted);margin:28px 0}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);padding:60px;text-align:center}.empty-state span{font:62px var(--serif);color:var(--accent)}.empty-state h3{font:37px var(--serif);font-weight:400;margin:8px}.empty-state p{color:var(--muted)}
.site-footer{border-top:1px solid var(--line);padding:70px 0 28px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:50px}.footer-brand{font:39px var(--serif);letter-spacing:-.035em}.footer-grid p{color:var(--muted);max-width:460px}.footer-nav{display:flex;gap:26px;align-items:start;font-size:16px}.footer-bottom{border-top:1px solid var(--line);margin-top:50px;padding-top:24px;display:flex;justify-content:space-between;color:var(--muted);font-size:13.5px;text-transform:uppercase;letter-spacing:.09em}
/* Muncul-perlahan hanya bila JavaScript hidup (lihat theme-init.js). Tanpa
   penjaga ini, JavaScript yang gagal berarti tulisan yang tidak pernah
   terlihat sama sekali. */
[data-anim="on"] .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
[data-anim="on"] .reveal.visible{opacity:1;transform:none}
.delay-1{transition-delay:.12s}
/* Sebagian orang pusing oleh gerakan. Bagi mereka isinya langsung ada. */
@media (prefers-reduced-motion: reduce){[data-anim="on"] .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.site-nav{position:absolute;display:none;top:78px;left:20px;right:20px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.nav-toggle{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-aside{height:320px}.orb{width:280px;height:280px}.featured-card{grid-template-columns:1fr}.featured-media{min-height:360px}.post-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-rail{display:none}.archive-item{grid-template-columns:130px 1fr 30px}}
@media(max-width:620px){.shell,.shell-narrow{width:min(100% - 28px,1180px)}.header-inner{height:72px}.brand-name{font-size:17.5px}.hero{padding-block:55px 70px;gap:32px}.hero h1{font-size:53.5px}.hero-intro{font-size:18.5px}.hero-aside{height:260px}.orb{width:230px;height:230px}.monogram{font-size:72px}.section{padding-block:75px}.heading-with-link{align-items:start;gap:20px}.featured-content h3{font-size:39px}.featured-media{min-height:280px}.post-grid{grid-template-columns:1fr}.article{padding-top:65px}.article-header{text-align:left}.article-header h1{font-size:51.5px}.article-meta{justify-content:flex-start}.article-deck{font-size:22px}.article-cover{border-radius:20px;margin-bottom:45px}.prose{font-size:22.5px;line-height:1.8}.prose h2{font-size:35px}.article-end{grid-template-columns:auto 1fr}.article-end a{grid-column:2}.archive-hero{padding-top:70px}.archive-item{grid-template-columns:1fr 28px}.archive-number{grid-column:1/-1}.archive-item h2{font-size:34.5px}.archive-arrow{grid-column:2;grid-row:2}.footer-grid{grid-template-columns:1fr}.footer-nav{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px}.quote-section{padding-block:90px}}