@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Mono:wght@300;400;500&display=swap";:root{--bg: #F8F5F0;--bg2: #F2EDE4;--surface: #EDE7DA;--surface2: #E4DCCC;--border: rgba(80, 65, 50, .12);--border2: rgba(80, 65, 50, .22);--ink: #1C1915;--ink-mid: #4A4238;--ink-dim: #8A7D6E;--ink-faint: #B5A898;--accent: #7A5230;--accent-soft: rgba(122, 82, 48, .1);--accent-glow: rgba(122, 82, 48, .18);--cat-esai: #7A5230;--cat-esai-bg: rgba(122, 82, 48, .09);--cat-puisi: #5C6B52;--cat-puisi-bg: rgba(92, 107, 82, .09);--cat-teknikal: #3D617A;--cat-teknikal-bg: rgba(61, 97, 122, .09);--cat-fragment: #7A5C7A;--cat-fragment-bg: rgba(122, 92, 122, .09);--font-display: "Playfair Display", Georgia, serif;--font-body: "Lora", Georgia, serif;--font-mono: "DM Mono", "Courier New", monospace;--nav-h: 60px;--max-w: 1080px;--prose-w: 680px;--pad-x: clamp(1.25rem, 6vw, 4.5rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.8;overflow-x:hidden;min-height:100vh}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9000;opacity:.4}.c{color:var(--accent)}.section-label{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--font-mono);font-size:.62rem;font-weight:400;color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin-bottom:1rem}.section-label:before{content:"";width:20px;height:1px;background:var(--accent);flex-shrink:0}nav{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad-x);height:var(--nav-h);background:#f8f5f0eb;backdrop-filter:blur(14px) saturate(1.1);border-bottom:1px solid var(--border)}.nav-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0}.nav-logo img{height:26px;opacity:.85}.nav-logo-text{font-family:var(--font-display);font-size:1rem;font-weight:400;font-style:italic;letter-spacing:.04em;color:var(--ink)}.nav-logo-sub{font-family:var(--font-mono);font-size:.54rem;color:var(--accent);margin-left:.3rem;opacity:.75}.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none}.nav-links li a{font-family:var(--font-mono);font-size:.6rem;font-weight:400;letter-spacing:.14em;color:var(--ink-dim);text-decoration:none;padding:.35rem .7rem;transition:color .18s;text-transform:uppercase}.nav-links li a:hover,.nav-links li a[aria-current=page]{color:var(--accent)}.nav-links li a[aria-current=page]{border-bottom:1px solid var(--accent)}.nav-toggle{display:none;flex-direction:column;gap:4px;cursor:pointer;background:none;border:none;padding:4px}.nav-toggle span{width:20px;height:1px;background:var(--ink-mid);display:block;transition:.2s}main{min-height:calc(100vh - var(--nav-h) - 120px)}.hero{padding:clamp(4rem,10vw,8rem) var(--pad-x) clamp(3rem,6vw,5rem);max-width:var(--max-w);margin:0 auto;border-bottom:1px solid var(--border)}.hero-eyebrow{font-family:var(--font-mono);font-size:.6rem;color:var(--accent);letter-spacing:.24em;text-transform:uppercase;margin-bottom:1.5rem;display:flex;align-items:center;gap:.6rem}.hero-eyebrow:before{content:"";width:24px;height:1px;background:var(--accent)}.hero h1{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,5rem);font-weight:400;line-height:1.1;letter-spacing:-.01em;color:var(--ink);margin-bottom:2rem;max-width:16ch}.hero h1 em{font-style:italic;color:var(--accent)}.hero-desc{font-family:var(--font-body);font-size:clamp(1rem,1.5vw,1.15rem);color:var(--ink-mid);line-height:1.9;max-width:520px;border-left:2px solid var(--border2);padding-left:1.25rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.5rem}.btn-primary{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;padding:.7rem 1.4rem;background:var(--ink);color:var(--bg);text-decoration:none;transition:background .2s,color .2s;border:1px solid var(--ink)}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-ghost{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;padding:.7rem 1.4rem;background:transparent;color:var(--ink-mid);text-decoration:none;transition:color .2s;border:1px solid var(--border2)}.btn-ghost:hover{color:var(--accent);border-color:var(--accent)}.section{max-width:var(--max-w);margin:0 auto;padding:clamp(3rem,7vw,5rem) var(--pad-x)}.section+.section{border-top:1px solid var(--border)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.section-title{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:400;color:var(--ink);letter-spacing:-.01em}.section-more{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;color:var(--ink-dim);text-decoration:none;text-transform:uppercase;transition:color .18s}.section-more:hover{color:var(--accent)}.section-more:after{content:" →"}.page-header{padding:clamp(3rem,8vw,6rem) var(--pad-x) clamp(2rem,4vw,3.5rem);max-width:var(--max-w);margin:0 auto;border-bottom:1px solid var(--border)}.page-header h1{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,3.5rem);font-weight:400;line-height:1.15;color:var(--ink);margin-bottom:1rem;letter-spacing:-.01em}.page-header p{font-size:1.05rem;color:var(--ink-mid);max-width:540px;line-height:1.85;border-left:2px solid var(--border2);padding-left:1.25rem;margin-top:1.25rem}.essays-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1px;border:1px solid var(--border);background:var(--border)}.essay-card{display:flex;flex-direction:column;padding:1.75rem 1.5rem;background:var(--bg);text-decoration:none;color:inherit;transition:background .2s;position:relative;overflow:hidden}.essay-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--cat-color, var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.essay-card:hover{background:var(--bg2)}.essay-card:hover:before{transform:scaleX(1)}.essay-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem}.essay-cat{font-family:var(--font-mono);font-size:.54rem;letter-spacing:.16em;padding:.2rem .6rem;background:var(--cat-bg, var(--accent-soft));color:var(--cat-color, var(--accent));text-transform:uppercase}.essay-date{font-family:var(--font-mono);font-size:.58rem;color:var(--ink-faint)}.essay-title{font-family:var(--font-display);font-size:1.15rem;font-weight:400;line-height:1.4;color:var(--ink);margin-bottom:.65rem}.essay-excerpt{font-family:var(--font-body);font-size:.88rem;color:var(--ink-dim);line-height:1.75;flex:1;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.essay-footer{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.54rem;color:var(--ink-faint)}.essay-arrow{transition:transform .2s}.essay-card:hover .essay-arrow{transform:translate(3px,-3px);color:var(--accent)}.fragments-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.fragment-card{display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--border);background:var(--bg);position:relative;transition:border-color .2s,background .2s}.fragment-card:hover{border-color:var(--border2);background:var(--bg2)}.fragment-card.is-quote{border-left:3px solid var(--accent);padding-left:1.25rem}.fragment-body{font-family:var(--font-body);font-size:.95rem;color:var(--ink-mid);line-height:1.85;flex:1;margin-bottom:1rem}.fragment-card.is-quote .fragment-body{font-style:italic;color:var(--ink)}.fragment-quotemark{font-family:var(--font-display);font-size:3rem;line-height:1;color:var(--border2);margin-bottom:-.5rem;margin-top:-.25rem}.fragment-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.fragment-date{font-family:var(--font-mono);font-size:.54rem;color:var(--ink-faint)}.fragment-source-link{font-family:var(--font-mono);font-size:.54rem;color:var(--accent);text-decoration:none;letter-spacing:.08em;opacity:0;transition:opacity .2s}.fragment-card:hover .fragment-source-link{opacity:1}.fragment-quote-source{font-family:var(--font-mono);font-size:.56rem;color:var(--ink-dim);margin-top:.5rem}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;border:1px solid var(--border);background:var(--border)}.concept-card{display:flex;flex-direction:column;padding:2rem 1.75rem;background:var(--bg);text-decoration:none;color:inherit;transition:background .2s;position:relative}.concept-card:hover{background:var(--bg2)}.concept-number{font-family:var(--font-mono);font-size:.56rem;color:var(--ink-faint);letter-spacing:.1em;margin-bottom:1.25rem}.concept-dot{width:8px;height:8px;border-radius:50%;margin-bottom:1rem;background:var(--concept-color, var(--accent))}.concept-name{font-family:var(--font-display);font-size:1.3rem;font-weight:400;color:var(--ink);margin-bottom:.6rem;letter-spacing:-.01em}.concept-tagline{font-family:var(--font-body);font-size:.85rem;color:var(--ink-dim);line-height:1.7;flex:1}.concept-arrow{margin-top:1.5rem;font-family:var(--font-mono);font-size:.58rem;color:var(--ink-faint);transition:color .2s}.concept-card:hover .concept-arrow{color:var(--concept-color, var(--accent))}.concept-hero{padding:clamp(3rem,8vw,6rem) var(--pad-x) 2rem;max-width:var(--max-w);margin:0 auto}.concept-hero-head{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.concept-hero-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.concept-hero-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);font-weight:400;color:var(--ink)}.concept-hero-tagline{font-family:var(--font-body);font-size:1.1rem;font-style:italic;color:var(--ink-mid);max-width:600px;line-height:1.85;border-left:2px solid var(--border2);padding-left:1.25rem}.concept-body{max-width:var(--prose-w);margin:0 auto;padding:2rem var(--pad-x) clamp(3rem,8vw,6rem);font-family:var(--font-body);font-size:1.08rem;line-height:1.9;color:var(--ink-mid)}.concept-body p{margin-bottom:1.5em}.concept-body blockquote{border-left:2px solid var(--border2);padding:.25rem 0 .25rem 1.5rem;margin:2em 0;font-style:italic;color:var(--ink);font-size:1.05rem}.philosophy-body{max-width:var(--prose-w);margin:0 auto;padding:clamp(2.5rem,6vw,4rem) var(--pad-x)}.philosophy-body p{font-size:1.08rem;line-height:1.95;color:var(--ink-mid);margin-bottom:1.5em}.philosophy-body h2{font-family:var(--font-display);font-size:1.5rem;font-weight:400;font-style:italic;color:var(--ink);margin:3rem 0 1.25rem;letter-spacing:-.01em}.philosophy-body blockquote{border-left:2px solid var(--accent);padding:.5rem 0 .5rem 1.5rem;margin:2.5em 0;font-style:italic;font-size:1.1rem;color:var(--ink);line-height:1.75}.philosophy-body strong{color:var(--ink);font-weight:600}.article-wrap{max-width:var(--prose-w);margin:0 auto;padding:clamp(2rem,6vw,4rem) var(--pad-x) clamp(4rem,10vw,7rem)}.article-header{margin-bottom:2.5rem}.article-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.article-cat{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.16em;padding:.2rem .65rem;text-transform:uppercase}.article-date,.article-readtime{font-family:var(--font-mono);font-size:.6rem;color:var(--ink-faint)}.article-title{font-family:var(--font-display);font-size:clamp(1.8rem,4.5vw,3rem);font-weight:400;line-height:1.15;color:var(--ink);margin-bottom:1rem;letter-spacing:-.02em}.article-excerpt{font-size:1.05rem;color:var(--ink-dim);font-style:italic;line-height:1.85;border-left:2px solid var(--border2);padding-left:1.5rem}.article-divider{height:1px;background:var(--border);margin:2rem 0}.article-body{font-family:var(--font-body);font-size:1.08rem;line-height:1.95;color:var(--ink-mid)}.article-body p{margin-bottom:1.5em}.article-body h2{font-family:var(--font-display);font-size:1.6rem;font-weight:400;font-style:italic;color:var(--ink);margin:2.75em 0 1em;letter-spacing:-.01em}.article-body h3{font-family:var(--font-display);font-size:1.3rem;font-weight:400;color:var(--ink);margin:2em 0 .75em}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-body blockquote{border-left:2px solid var(--border2);padding:.5rem 0 .5rem 1.75rem;margin:2em 0;font-style:italic;color:var(--ink);font-size:1.05rem;line-height:1.8}.article-body code{font-family:var(--font-mono);font-size:.83em;background:var(--surface);padding:.12em .4em;color:var(--accent);border:1px solid var(--border)}.article-body pre{background:var(--surface);border:1px solid var(--border);padding:1.5rem;overflow-x:auto;margin:1.75em 0}.article-body pre code{background:none;padding:0;color:var(--ink-mid);font-size:.82rem;line-height:1.7;border:none}.article-body img{max-width:100%;margin:2em 0;filter:saturate(.85)}.article-body ul,.article-body ol{padding-left:1.5rem;margin-bottom:1.5em}.article-body li{margin-bottom:.5em}.article-body hr{border:none;border-top:1px solid var(--border);margin:2.5em 0}.back-link{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;color:var(--ink-dim);text-decoration:none;margin-bottom:2rem;text-transform:uppercase;transition:color .18s}.back-link:hover{color:var(--accent)}.source-note{margin-top:2.5rem;padding:1rem 1.25rem;border:1px solid var(--border);font-family:var(--font-mono);font-size:.6rem;color:var(--ink-dim);letter-spacing:.06em;background:var(--bg2)}.source-note a{color:var(--accent);text-decoration:none}.source-note a:hover{text-decoration:underline}.comments-section{margin-top:4rem}.comments-label{display:flex;align-items:center;gap:.65rem;font-family:var(--font-mono);font-size:.62rem;color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin-bottom:2rem}.comments-label:before{content:"";width:20px;height:1px;background:var(--accent)}.filter-wrap{display:flex;align-items:center;gap:.5rem;padding:1.75rem var(--pad-x) 0;margin-bottom:2rem;flex-wrap:wrap;max-width:var(--max-w);margin-left:auto;margin-right:auto}.filter-btn{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;padding:.38rem .85rem;background:transparent;border:1px solid var(--border);color:var(--ink-dim);cursor:pointer;text-transform:uppercase;transition:border-color .18s,color .18s,background .18s}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.filter-count{font-family:var(--font-mono);font-size:.56rem;color:var(--ink-faint);margin-left:auto;letter-spacing:.1em}.archive-list{list-style:none}.archive-year-group{margin-bottom:2.5rem}.archive-year{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.65rem}.archive-year:after{content:"";flex:1;height:1px;background:var(--border)}.archive-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:baseline;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;transition:background .15s}.archive-item:hover{background:var(--bg2);margin:0 -.75rem;padding-left:.75rem;padding-right:.75rem}.archive-item-dot{width:5px;height:5px;border-radius:50%;background:var(--cat-color, var(--accent));flex-shrink:0;margin-top:2px}.archive-item-title{font-family:var(--font-body);font-size:.95rem;color:var(--ink);line-height:1.4}.archive-item-cat{font-family:var(--font-mono);font-size:.54rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.archive-item-date{font-family:var(--font-mono);font-size:.54rem;color:var(--ink-faint);white-space:nowrap}.about-layout{display:grid;grid-template-columns:1fr 2fr;gap:4rem;max-width:var(--max-w);margin:0 auto;padding:clamp(3rem,7vw,5rem) var(--pad-x)}.about-avatar{width:120px;height:120px;object-fit:cover;filter:grayscale(.4) saturate(.8);margin-bottom:1.5rem;border:1px solid var(--border)}.about-name{font-family:var(--font-display);font-size:1.3rem;font-weight:400;color:var(--ink);margin-bottom:.25rem}.about-handle{font-family:var(--font-mono);font-size:.58rem;color:var(--accent);letter-spacing:.12em;margin-bottom:1.5rem;display:block}.about-links{display:flex;flex-direction:column;gap:.5rem}.about-links a{font-family:var(--font-mono);font-size:.58rem;color:var(--ink-dim);text-decoration:none;letter-spacing:.08em;transition:color .18s}.about-links a:hover{color:var(--accent)}.about-content p{font-family:var(--font-body);font-size:1.05rem;color:var(--ink-mid);line-height:1.9;margin-bottom:1.4em}.about-content h2{font-family:var(--font-display);font-size:1.3rem;font-weight:400;font-style:italic;color:var(--ink);margin:2.5rem 0 1rem}footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem var(--pad-x);border-top:1px solid var(--border);flex-wrap:wrap;gap:1rem;margin-top:4rem;background:var(--bg2)}.footer-brand{display:flex;align-items:center;gap:.65rem}.footer-brand img{height:20px;opacity:.45}.footer-copy{font-family:var(--font-mono);font-size:.56rem;color:var(--ink-faint);letter-spacing:.1em}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-family:var(--font-mono);font-size:.56rem;color:var(--ink-faint);text-decoration:none;letter-spacing:.1em;transition:color .18s}.footer-links a:hover{color:var(--accent)}.ink-line{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border2) 40%,var(--border2) 60%,transparent 100%)}@media (max-width: 768px){.nav-links{display:none}.nav-links.is-open{display:flex;flex-direction:column;position:absolute;top:var(--nav-h);left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:1rem var(--pad-x);gap:.75rem}.nav-toggle{display:flex}.about-layout{grid-template-columns:1fr}.archive-item{grid-template-columns:auto 1fr}.archive-item-cat,.archive-item-date{display:none}}@media (max-width: 480px){.essays-grid,.fragments-list,.concepts-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn-primary,.hero-actions .btn-ghost{text-align:center;justify-content:center}}@media print{nav,footer,.back-link,.comments-section{display:none}body{background:#fff;color:#000}.article-body{font-size:12pt;line-height:1.6}}