@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#291710;--ink-soft:#5b4437;--paper:#fbf5ea;--card:#fffdf7;--butter:#f3a712;--butter-deep:#d98e06;--green:#157a4b;--terracotta:#b95338;--line:rgba(41,23,16,.14);--shadow:0 22px 55px -36px rgba(41,23,16,.48);--display:"Bricolage Grotesque",sans-serif;--body:"Plus Jakarta Sans",sans-serif;--mono:"Space Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.site-nav{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(251,245,234,.92);backdrop-filter:blur(14px)}.nav-inner{height:68px;display:flex;align-items:center;gap:24px}.logo{font:800 1.25rem var(--display);display:flex;align-items:center;gap:9px}.logo-dot{width:12px;height:12px;border-radius:50%;background:var(--butter);box-shadow:0 0 0 4px rgba(243,167,18,.24)}.nav-links{margin-left:auto;display:flex;align-items:center;gap:24px;color:var(--ink-soft);font-size:.9rem;font-weight:600}.nav-links a:hover{color:var(--ink)}.btn{min-height:44px;padding:0 20px;border:2px solid var(--ink);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;line-height:1.2}.btn.dark{background:var(--ink);color:var(--paper);box-shadow:0 4px 0 var(--butter)}.btn.butter{background:var(--butter);box-shadow:0 4px 0 var(--ink)}.btn.ghost{border-color:var(--line)}.eyebrow{font:700 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--butter-deep)}.journal-hero{padding:80px 0 52px}.journal-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(290px,.88fr);gap:48px;align-items:end}.journal-hero h1,.article-hero h1{font:800 clamp(2.6rem,6vw,5.2rem)/.98 var(--display);letter-spacing:-.045em;margin:16px 0 22px}.journal-hero p,.article-deck{color:var(--ink-soft);font-size:1.08rem;max-width:700px}.paper-note{position:relative;background:var(--card);padding:28px;border:1px solid var(--line);box-shadow:var(--shadow);transform:rotate(1.2deg)}.paper-note:before{content:"CATATAN DAPUR";font:700 .68rem var(--mono);letter-spacing:.13em;color:var(--terracotta)}.paper-note h2{font:800 1.7rem/1.05 var(--display);margin:13px 0}.paper-note ul{padding-left:18px;color:var(--ink-soft)}.category-strip{border-block:1px solid var(--line);background:var(--card)}.category-inner{display:flex;gap:10px;overflow:auto;padding:13px 0}.pill{white-space:nowrap;padding:8px 13px;border:1px solid var(--line);border-radius:999px;font:700 .72rem var(--mono)}.pill.active{background:var(--ink);color:var(--paper)}.section{padding:72px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2{font:800 clamp(1.8rem,4vw,2.75rem)/1 var(--display);margin:8px 0}.section-head p{max-width:530px;color:var(--ink-soft);margin:0}.lead-story{display:grid;grid-template-columns:1.08fr .92fr;border:1px solid var(--line);background:var(--card);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.visual{min-height:340px;position:relative;overflow:hidden;background:#ead7bd}.visual.brownie{background:radial-gradient(circle at 34% 38%,#7d4b35 0 16%,transparent 17%),radial-gradient(circle at 65% 63%,#4b281c 0 12%,transparent 13%),linear-gradient(145deg,#eac69a,#8e4c32)}.visual.kitchen{background:linear-gradient(90deg,#d9b78d 0 10%,#fbefd7 10% 49%,#9eae84 49% 58%,#f8e5c4 58%)}.visual.pricing{background:repeating-linear-gradient(0deg,#fffdf7 0 31px,#dbc8aa 32px),linear-gradient(135deg,#f0b341,#bd5539)}.visual:after{content:"";position:absolute;inset:12%;border:2px solid rgba(255,255,255,.72);border-radius:999px 48% 999px 42%;transform:rotate(-7deg)}.story-copy{padding:44px}.story-copy h3,.card h3{font:800 1.75rem/1.08 var(--display);letter-spacing:-.025em;margin:12px 0}.story-copy p,.card p{color:var(--ink-soft)}.meta{display:flex;gap:13px;flex-wrap:wrap;font:700 .68rem var(--mono);text-transform:uppercase;color:var(--terracotta)}.read-link{font-weight:800;display:inline-flex;gap:8px;align-items:center;margin-top:15px}.read-link:after{content:"→"}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:19px;overflow:hidden;box-shadow:var(--shadow)}.card .visual{min-height:200px}.card-copy{padding:25px}.card h3{font-size:1.3rem}.newsletter{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:var(--ink);color:var(--paper);padding:34px;border-radius:24px}.newsletter h2{font:800 2rem/1 var(--display);margin:8px 0}.newsletter p{color:rgba(251,245,234,.72);margin:0}.site-footer{padding:34px 0;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.83rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.article-hero{padding:72px 0 42px}.article-hero h1{max-width:850px;font-size:clamp(2.4rem,5vw,4.5rem)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:54px;padding-bottom:86px}.article-body{font-size:1.04rem}.article-body h2{font:800 2rem/1.08 var(--display);margin:2.1em 0 .65em}.article-body h3{font:800 1.25rem var(--display);margin:1.6em 0 .4em}.article-body p,.article-body li{color:#49342a}.article-body ul,.article-body ol{padding-left:22px}.article-body li+li{margin-top:8px}.article-body blockquote{margin:30px 0;padding:22px 24px;border-left:5px solid var(--butter);background:var(--card);font:700 1.08rem/1.55 var(--display)}.recipe-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:30px 0}.fact{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.fact span{display:block;font:700 .65rem var(--mono);text-transform:uppercase;color:var(--ink-soft)}.fact b{display:block;margin-top:5px}.callout{padding:22px;border:1px dashed var(--terracotta);background:#fff6e8;border-radius:16px;margin:26px 0}.toc{position:sticky;top:94px;align-self:start;border:1px solid var(--line);border-radius:18px;background:var(--card);padding:22px}.toc strong{font:800 1rem var(--display)}.toc a{display:block;color:var(--ink-soft);font-size:.87rem;margin-top:11px}.article-cta{margin-top:40px;padding:28px;border-radius:20px;background:var(--ink);color:var(--paper)}.article-cta p{color:rgba(251,245,234,.76)}.back{display:inline-flex;align-items:center;gap:8px;font-weight:800;margin-bottom:20px}.back:before{content:"←"}@media(max-width:850px){.nav-links{display:none}.journal-hero-grid,.lead-story,.article-layout{grid-template-columns:1fr}.paper-note{transform:none}.grid{grid-template-columns:1fr 1fr}.toc{position:static;order:-1}.recipe-facts{grid-template-columns:1fr 1fr}.newsletter{grid-template-columns:1fr}}@media(max-width:560px){.wrap{width:min(100% - 28px,1120px)}.journal-hero{padding-top:52px}.journal-hero h1,.article-hero h1{font-size:2.55rem}.nav-inner{height:62px}.nav-inner>.btn{padding:0 14px}.grid{grid-template-columns:1fr}.story-copy{padding:28px}.section{padding:54px 0}.newsletter{padding:26px}.recipe-facts{grid-template-columns:1fr 1fr}.article-body{font-size:1rem}}