@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap";:root{--honey-50: #FDF7E3;--honey-100: #FBEFC4;--honey-200: #F7E39A;--honey-300: #F2D26E;--honey-400: #E8BC3E;--honey-500: #C99824;--rose-50: #FDF1F2;--rose-100: #FADDE1;--rose-200: #F4BCC5;--rose-300: #EB96A6;--rose-400: #D9697E;--rose-500: #B24356;--forest-50: #EEF2EC;--forest-100: #D3DECD;--forest-200: #A7BFA0;--forest-300: #6F9067;--forest-400: #3E6138;--forest-500: #2F5D3A;--forest-600: #1F3E27;--forest-700: #132318;--stone-50: #FBF9F4;--stone-100: #F3F0E8;--stone-200: #E5E1D4;--stone-300: #C5C0B0;--stone-400: #8F8B7E;--stone-500: #5F5C52;--stone-600: #3A382F;--stone-700: #1F1E18;--clay-50: var(--stone-50);--clay-100: var(--stone-100);--clay-200: var(--stone-200);--clay-300: var(--stone-300);--clay-400: var(--stone-400);--clay-500: var(--stone-500);--clay-600: var(--stone-600);--clay-700: var(--stone-700);--orchid-100: #EADDF0;--orchid-300: #B88BC8;--orchid-500: #7B3FBF;--bg: var(--clay-50);--bg-alt: var(--clay-100);--bg-deep: var(--forest-500);--fg: var(--clay-700);--fg-muted: var(--clay-500);--fg-subtle: var(--clay-400);--fg-on-deep: var(--clay-50);--accent: var(--rose-300);--accent-warm: var(--honey-300);--accent-deep: var(--forest-500);--accent-rare: var(--orchid-500);--border: var(--clay-200);--border-strong: var(--clay-300);--font-display: "Instrument Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Menlo", monospace;--font-body: "Inter", system-ui, -apple-system, sans-serif;--fs-xs: 12px;--label-floor: 0px;--fs-sm: 14px;--fs-base: 16px;--fs-md: 18px;--fs-lg: 22px;--fs-xl: 28px;--fs-2xl: 36px;--fs-3xl: 48px;--fs-4xl: 64px;--fs-5xl: 88px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--r-xs: 2px;--r-sm: 6px;--r-md: 12px;--r-lg: 20px;--r-xl: 32px;--r-pill: 999px;--r-organic: 62% 38% 55% 45% / 50% 60% 40% 50%;--shadow-sm: 0 1px 2px rgba(58, 56, 47, .06);--shadow-md: 0 4px 12px rgba(58, 56, 47, .08), 0 1px 3px rgba(58, 56, 47, .05);--shadow-lg: 0 12px 32px rgba(58, 56, 47, .1), 0 2px 6px rgba(58, 56, 47, .06);--shadow-inner: inset 0 1px 2px rgba(58, 56, 47, .06);--ease-gentle: cubic-bezier(.4, 0, .2, 1);--ease-bloom: cubic-bezier(.34, 1.25, .64, 1);--dur-fast: .15s;--dur-base: .24s;--dur-slow: .42s}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:1.55;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}h1,.h1{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:600;line-height:1.02;letter-spacing:-.035em;color:var(--fg)}h2,.h2{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:600;line-height:1.08;letter-spacing:-.03em}h3,.h3{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:600;line-height:1.15;letter-spacing:-.025em}h4,.h4{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600;line-height:1.2;letter-spacing:-.02em}h5,.h5{font-family:var(--font-body);font-size:var(--fs-lg);font-weight:600;line-height:1.3}p,.p{font-family:var(--font-body);font-size:var(--fs-base);line-height:1.6;color:var(--fg)}.lede{font-family:var(--font-display);font-style:italic;font-size:var(--fs-lg);line-height:1.45;color:var(--fg-muted);font-weight:400;letter-spacing:-.01em}.eyebrow,.meta{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:lowercase;letter-spacing:.08em;color:var(--fg-muted)}.mono,code{font-family:var(--font-mono);font-size:.92em;color:var(--fg)}small,.small{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--fg-muted)}.quote{font-family:var(--font-display);font-style:italic;font-size:var(--fs-2xl);line-height:1.25;letter-spacing:-.02em;color:var(--forest-500)}@media(max-width:720px){.oc-nav-links{display:none!important}.oc-menu-btn{display:inline-flex!important}.oc-recent-grid{grid-template-columns:1fr!important;row-gap:40px!important}.oc-recent-grid>div{grid-column:auto!important;padding-top:0!important}.oc-recent-head{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.oc-hero-grid{align-items:start!important;min-height:auto!important}.oc-hero-left{padding-bottom:0!important}.oc-journal-head{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.oc-footer-grid{grid-template-columns:1fr!important;gap:32px!important}.oc-footer-bottom{gap:12px!important;align-items:center!important;flex-wrap:nowrap!important}}@media(max-width:720px){:root{--label-floor: 12px}}.oc-mobile-menu{display:none}@media(max-width:720px){.oc-mobile-menu{display:flex;flex-direction:column;position:absolute;top:calc(100% + 10px);right:clamp(20px,4vw,48px);min-width:176px;padding:8px;background:#fbf9f4f7;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform-origin:top right;opacity:0;transform:translateY(-6px) scale(.96);visibility:hidden;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-gentle),transform var(--dur-fast) var(--ease-gentle),visibility 0s linear var(--dur-fast)}.oc-mobile-menu[data-open=true]{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity var(--dur-base) var(--ease-bloom),transform var(--dur-base) var(--ease-bloom),visibility 0s}.oc-mobile-menu a{display:block;text-align:right;font-family:var(--font-body);font-size:17px;line-height:18px;padding:13px 16px;border-radius:var(--r-md);text-transform:lowercase;letter-spacing:-.005em;-webkit-tap-highlight-color:transparent;opacity:0;transform:translateY(-4px);transition:background-color var(--dur-fast) var(--ease-gentle),opacity var(--dur-fast) var(--ease-gentle),transform var(--dur-fast) var(--ease-gentle)}.oc-mobile-menu[data-open=true] a{opacity:1;transform:none;transition:background-color var(--dur-fast) var(--ease-gentle),opacity var(--dur-base) var(--ease-gentle),transform var(--dur-base) var(--ease-bloom)}.oc-mobile-menu[data-open=true] a:nth-child(2){transition-delay:0s,30ms,30ms}.oc-mobile-menu[data-open=true] a:nth-child(3){transition-delay:0s,60ms,60ms}.oc-mobile-menu[data-open=true] a:nth-child(4){transition-delay:0s,90ms,90ms}.oc-mobile-menu[data-open=true] a:nth-child(5){transition-delay:0s,.12s,.12s}.oc-mobile-menu a:active{background-color:var(--rose-50)}.oc-mobile-menu a:focus-visible,.oc-menu-btn:focus-visible{outline:2px solid var(--honey-300);outline-offset:2px}.oc-menu-icon path{transform-box:fill-box;transform-origin:center;transition:transform var(--dur-base) var(--ease-gentle),opacity var(--dur-fast) var(--ease-gentle)}.oc-menu-btn[aria-expanded=true] .oc-menu-icon path:nth-child(1){transform:translateY(5px) rotate(45deg)}.oc-menu-btn[aria-expanded=true] .oc-menu-icon path:nth-child(2){opacity:0;transform:scaleX(.3)}.oc-menu-btn[aria-expanded=true] .oc-menu-icon path:nth-child(3){transform:translateY(-5px) rotate(-45deg)}}@media(prefers-reduced-motion:reduce){.oc-mobile-menu,.oc-mobile-menu a,.oc-menu-icon path{transition:none!important}}@media(max-width:380px){.oc-header{padding:14px 16px!important}.oc-mobile-menu{right:16px}}@media(max-width:860px){.oc-cats-label{position:static!important;margin:0 8px 3px 0!important;text-align:right!important}}.oc-hit{position:relative}.oc-hit:after{content:"";position:absolute;left:50%;top:50%;width:max(calc(100% + 16px),44px);height:max(100%,44px);transform:translate(-50%,-50%)}.oc-header .oc-hit:after{width:max(100%,44px)}.oc-hit-row{position:relative}.oc-hit-row:after{content:"";position:absolute;inset:-5px 0}.oc-back-soft{display:flex;justify-content:center;margin-top:clamp(48px,7vw,80px)}.oc-back-soft a{display:inline-flex;align-items:center;min-height:44px;padding:0 24px;border-radius:999px;border:1px solid var(--forest-200);background:transparent;color:var(--forest-500);font-family:var(--font-mono);font-size:max(11px,var(--label-floor));letter-spacing:.06em;text-transform:lowercase;white-space:nowrap;transition:transform .18s ease,background .18s ease}.oc-back-soft a:hover{transform:translateY(-1px);background:#2f5d3a12}.oc-back-soft a:focus-visible{outline:2px solid var(--forest-500);outline-offset:3px}
