:root{color-scheme:light dark;--hue-bg: 80;--hue-accent: 350;--hue-accent-sec: 90;--color-bg-light: oklch(.96 .015 var(--hue-bg));--color-bg-dark: oklch(.18 .015 var(--hue-bg));--color-text-light: oklch(.2 .02 var(--hue-bg));--color-text-dark: oklch(.96 .015 var(--hue-bg));--color-accent-light: oklch(.55 .2 var(--hue-accent));--color-accent-dark: oklch(.65 .2 var(--hue-accent));--bg: light-dark(var(--color-bg-light), var(--color-bg-dark));--bg-soft: light-dark(oklch(.98 .01 var(--hue-bg)), oklch(.22 .015 var(--hue-bg)));--surface-opaque: light-dark(oklch(.99 .005 var(--hue-bg)), oklch(.24 .015 var(--hue-bg)));--text: light-dark(var(--color-text-light), var(--color-text-dark));--text-soft: color-mix(in oklch, var(--text) 72%, transparent);--text-muted: color-mix(in oklch, var(--text) 72%, transparent);--border: color-mix(in oklch, var(--text) 12%, transparent);--border-strong: color-mix(in oklch, var(--text) 22%, transparent);--accent: light-dark(var(--color-accent-light), var(--color-accent-dark));--accent-soft: color-mix(in oklch, var(--accent) 85%, white);--accent-strong: color-mix(in oklch, var(--accent) 85%, black);--accent-text: light-dark(oklch(.45 .2 var(--hue-accent)), oklch(.75 .18 var(--hue-accent)));--accent-secondary: light-dark(oklch(.85 .18 var(--hue-accent-sec)), oklch(.8 .18 var(--hue-accent-sec)));--on-accent: light-dark(oklch(.98 .01 var(--hue-accent)), oklch(.15 .02 var(--hue-accent)));--surface: color-mix(in oklch, var(--surface-opaque) 62%, transparent);--surface-strong: color-mix(in oklch, var(--surface-opaque) 82%, transparent);--accent-ring: color-mix(in oklch, var(--accent) 12%, transparent);--accent-ring-strong: color-mix(in oklch, var(--accent) 22%, transparent);--accent-ring-hover: color-mix(in oklch, var(--accent) 35%, transparent);--accent-text-hover: color-mix(in oklch, var(--accent) 45%, transparent);--accent-strong-soft: color-mix(in oklch, var(--accent) 18%, transparent);--accent-secondary-soft: color-mix(in oklch, var(--accent-secondary) 14%, transparent);--accent-secondary-faint: color-mix(in oklch, var(--accent-secondary) 5%, transparent);--accent-secondary-glass: color-mix(in oklch, var(--accent-secondary) 10%, transparent);--code-bg: color-mix(in oklch, var(--text) 8%, transparent);--focus-ring: light-dark(oklch(.3 .15 270), oklch(.85 .1 340));--focus-width: 3px;--interactive-duration: .2s;--interactive-ease: cubic-bezier(.16, 1, .3, 1);--font-body: "Cormorant Garamond", Georgia, serif;--font-ui: "Space Grotesk", sans-serif;--line-height-body: 1.5;--line-height-prose-heading: 1.02;--space-1: .45rem;--space-2: .55rem;--space-3: .8rem;--space-4: .9rem;--space-5: 1rem;--space-6: 1.2rem;--space-7: 1.4rem;--space-8: 1.5rem;--space-9: 1.8rem;--space-10: 2rem;--space-11: 2.2rem;--space-12: 2.35rem;--space-13: 2.5rem;--space-14: 2.7rem;--space-15: 2.8rem;--space-16: 3rem;--space-15x: 1.25rem;--space-16x: 1.35rem;--space-17: 1.4rem;--space-18: 1.5rem;--space-19: .75rem;--space-1xxs: .15rem;--radius-sm: .45rem;--radius-md: .85rem;--radius-lg: 1.2rem;--radius-xl: 1.25rem;--radius-card: 1.35rem;--radius-pill: 999px;--radius-shell: 1.8rem;--radius-code: .35rem;--radius-image: 1rem;--content-width: min(72rem, calc(100vw - 2.5rem) );--media-control-min: 44px;--focus-outline-offset: 2px;--header-z: 10;--offscreen-shift: -120%;--heading-line-height: .96;--interaction-lift-up: -1px;--interaction-lift-down: 1px;--interaction-lift-card: -.25rem;--interaction-shift: .15rem;--section-gap: 1rem;--label-letter-spacing: .08em;--heading-letter-spacing: -.05em;--heading-letter-spacing-tight: -.04em;--heading-letter-spacing-fine: -.06em;--label-letter-spacing-strong: .12em;--type-size-label: .82rem;--type-size-meta: .9rem;--type-size-body: 1.28rem;--type-size-body-sm: 1.08rem;--type-size-body-md: 1.18rem;--type-size-nav: .92rem;--type-size-large: .95rem;--type-size-kicker: .96rem;--control-padding-block: .7rem;--control-padding-inline: 1.1rem;--control-content-padding: calc(var(--space-6) + var(--space-1xxs));--glass-strength: 18px;--line-clamp-gap: .45em;--border-width: 1px}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,var(--accent-ring),transparent var(--space-13)),radial-gradient(circle at top right,var(--accent-secondary-soft),transparent var(--space-14)),var(--bg);color:var(--text);font-family:var(--font-body);line-height:var(--line-height-body);scroll-behavior:smooth}body{margin:0;min-height:100vh;text-wrap:pretty}a{color:inherit;text-decoration-color:var(--accent-text-hover);text-underline-offset:.15em}.skip-link{position:absolute;inset-inline-start:var(--space-2);top:var(--space-2);transform:translateY(var(--offscreen-shift));background:var(--text);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);z-index:var(--header-z);text-decoration:none;font-family:var(--font-ui);font-size:var(--type-size-meta);color:var(--on-accent);transition:transform var(--interactive-duration) var(--interactive-ease),background-color var(--interactive-duration) var(--interactive-ease),color var(--interactive-duration) var(--interactive-ease)}.skip-link:focus-visible{transform:translateY(0);outline:var(--focus-width) solid var(--on-accent);outline-offset:var(--focus-outline-offset)}img,video{display:block;max-width:100%}.site-shell{margin:0 auto;width:var(--content-width);overflow-x:hidden}.site-shell,.site-header,.site-main,.site-nav,.hero,.hero-copy,.hero-panel,.post-grid,.post-card,.post-card-media,.page-shell,.post-shell,.archive-header,.post-grid-section,.section-heading{min-width:0}p,li,h1,h2,h3,h4,h5,h6,a,article{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}.site-header,.site-footer,.hero,.section-heading,.archive-header,.page-shell,.post-shell{position:relative}.site-header{display:flex;justify-content:space-between;align-items:center;gap:var(--section-gap);padding:var(--space-11) var(--space-7) 0}.site-brand,.site-nav{display:flex;align-items:center}.site-brand{gap:var(--space-4);font-family:var(--font-ui);font-size:var(--type-size-kicker);font-weight:700;letter-spacing:var(--label-letter-spacing);text-decoration:none;text-transform:uppercase}.site-brand-mark{display:inline-grid;place-items:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent)}.site-nav{gap:var(--space-3);flex-wrap:wrap}.site-nav-link{min-width:var(--media-control-min);min-height:var(--media-control-min);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--type-size-nav);text-decoration:none;transition:background-color var(--interactive-duration) var(--interactive-ease),color var(--interactive-duration) var(--interactive-ease),transform var(--interactive-duration) var(--interactive-ease),box-shadow var(--interactive-duration) var(--interactive-ease)}.site-nav-link:hover,.site-nav-link:focus-visible{transform:translateY(var(--interaction-lift-up))}.site-nav-link:hover,.site-nav-link.is-active{background:var(--accent-ring);color:var(--accent-text)}.site-nav-link.is-active{box-shadow:inset 0 0 0 var(--border-width) var(--accent-ring-strong)}.site-nav-link:active{transform:translateY(var(--interaction-lift-down))}.site-main{content-visibility:auto;contain:content;contain-intrinsic-size:0 50rem;padding-bottom:var(--space-16)}.hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(16rem,.95fr);gap:var(--space-11);padding:var(--space-11) 0 var(--space-16)}.hero-copy,.hero-panel,.page-shell,.post-shell,.archive-header{border:var(--border-width) solid var(--border);border-radius:var(--radius-shell);background:var(--surface-opaque);box-shadow:var(--shadow)}.hero-copy{padding:var(--space-11);overflow:hidden}.hero-copy:after{content:"";position:absolute;inset:auto auto calc(-1 * var(--space-16)) calc(-1 * var(--space-16));width:var(--space-16);height:var(--space-16);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent-strong-soft),var(--accent-secondary-faint));transform:rotate(18deg)}.hero-eyebrow,.section-kicker,.page-kicker,.hero-panel-label,.post-date{margin:0 0 var(--space-19);font-family:var(--font-ui);font-size:var(--type-size-label);font-weight:700;letter-spacing:var(--label-letter-spacing);text-transform:uppercase;color:var(--accent-text)}.hero h1,.archive-header h1,.page-header h1,.post-header h1,.section-heading h2{margin:0;font-family:var(--font-ui);line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing)}.hero h1{max-width:12ch;font-size:clamp(3.5rem,8vw,7.2rem);letter-spacing:var(--heading-letter-spacing-fine)}.hero-intro,.archive-intro,.page-summary,.post-summary,.hero-panel-copy{margin:var(--space-6) 0 0;max-width:34rem;font-size:var(--type-size-body);color:var(--text-soft)}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-10)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--media-control-min);padding:var(--control-padding-block) var(--control-padding-inline);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--type-size-large);font-weight:700;text-decoration:none;border:var(--border-width) solid transparent;transition:transform var(--interactive-duration) var(--interactive-ease),background-color var(--interactive-duration) var(--interactive-ease),color var(--interactive-duration) var(--interactive-ease),border-color var(--interactive-duration) var(--interactive-ease),box-shadow var(--interactive-duration) var(--interactive-ease);will-change:transform}.button:hover,.button:focus-visible{transform:translateY(calc(var(--interaction-lift-up) * 2)) scale(1.02)}.button:active{transform:translateY(0) scale(.98)}.button-primary{background:var(--accent);color:var(--on-accent)}.button-primary:hover,.button-primary:focus-visible{background:var(--accent-soft);box-shadow:0 12px 24px var(--accent-ring-hover)}.button-primary:active{background:var(--accent-strong);box-shadow:none}.button-secondary{border:var(--border-width) solid var(--border);color:var(--text);background:var(--surface-opaque)}.button-secondary:hover,.button-secondary:focus-visible{border-color:var(--accent-ring-hover)}.hero-panel{align-self:center;padding:var(--space-11) var(--space-10);background:var(--surface-opaque);border-radius:var(--radius-xl);border:2px solid var(--text);box-shadow:8px 8px 0 var(--accent);transform:rotate(1deg);transition:transform .3s var(--interactive-ease)}.hero-panel:hover{transform:rotate(0) translateY(-4px);box-shadow:12px 12px 0 var(--accent)}.hero-panel-list{display:flex;flex-direction:column;gap:var(--space-4);margin:0 0 var(--space-8) 0;padding:0;list-style:none}.hero-panel-list li{min-width:0;font-family:var(--font-ui);font-size:var(--type-size-body-md);color:var(--text);display:flex;align-items:baseline;gap:var(--space-2)}.hero-panel-list li:before{content:"→";color:var(--accent);font-weight:700;transform:translateY(-.05em)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--section-gap);margin:0 0 var(--space-7)}.section-link,.back-link{display:inline-flex;align-items:center;font-family:var(--font-ui);font-size:var(--type-size-nav);font-weight:700;text-decoration:none;min-width:var(--media-control-min);min-height:var(--media-control-min);transition:transform var(--interactive-duration) var(--interactive-ease),color var(--interactive-duration) var(--interactive-ease),text-decoration-color var(--interactive-duration) var(--interactive-ease)}.section-link:hover,.back-link:hover{transform:translate(var(--interaction-shift));text-decoration-color:currentColor}:dir(rtl) .section-link:hover,:dir(rtl) .back-link:hover{transform:translate(calc(-1 * var(--interaction-shift)))}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16x);margin:0;padding:0;list-style:none;content-visibility:auto;contain-intrinsic-size:0 40rem}.post-grid li{list-style:none;min-width:0}.post-card{border:2px solid var(--text);border-radius:var(--radius-lg);background:var(--surface-opaque);box-shadow:6px 6px 0 var(--border-strong);content-visibility:auto;contain-intrinsic-size:0 20rem;transition:transform var(--interactive-duration) var(--interactive-ease),box-shadow var(--interactive-duration) var(--interactive-ease),border-color var(--interactive-duration) var(--interactive-ease);overflow:hidden}.post-card:hover{transform:translateY(-4px);border-color:var(--text);box-shadow:10px 10px 0 var(--accent)}.post-card:focus-within{border-color:var(--accent-text-hover);box-shadow:8px 8px 0 var(--accent-text-hover)}.post-card-media{display:block;line-height:0;border-bottom:2px solid var(--text)}.post-card-media img{aspect-ratio:16 / 10;object-fit:cover}.post-card-body{padding:var(--space-6) var(--space-5) var(--control-content-padding)}.post-card-date{margin:0 0 var(--space-1);font-family:var(--font-ui);font-size:var(--type-size-label);letter-spacing:var(--label-letter-spacing);text-transform:uppercase;color:var(--text-soft)}.post-card-title{margin:0;font-family:var(--font-ui);font-size:clamp(1.5rem,2vw,2rem);line-height:calc(var(--heading-line-height) + .06);letter-spacing:var(--heading-letter-spacing-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-title a,.site-brand,.site-nav-link,.button,.section-link,.back-link{text-decoration:none}.post-card-description{margin:var(--space-1) 0 0;font-size:var(--type-size-body-md);color:var(--text-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-title a,.section-link,.back-link,.site-nav-link,.button,.site-brand{transition:color var(--interactive-duration) var(--interactive-ease),text-decoration-color var(--interactive-duration) var(--interactive-ease)}.post-card-title a:hover,.post-card-title a:focus-visible{color:var(--accent-text)}.empty-state{display:grid;justify-items:start;gap:var(--space-4);background:color-mix(in srgb,var(--surface-opaque) 52%,transparent);border-radius:var(--radius-lg);border:var(--border-width) dashed var(--border-strong);padding:var(--space-15x);color:var(--text-soft)}.empty-state p{margin:0}.archive-header,.page-shell,.post-shell{padding:var(--space-11)}.archive-header{margin-bottom:var(--space-7)}.post-header{margin-bottom:var(--space-10)}.post-feature{margin-bottom:var(--space-10);aspect-ratio:16 / 9;border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface-opaque) 72%,transparent);overflow:hidden;content-visibility:auto;contain-intrinsic-size:0 36rem;contain:layout}.prose{font-size:var(--type-size-body);content-visibility:auto;contain-intrinsic-size:0 48rem}.post-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16x);margin-top:var(--space-11)}.post-navigation-card{display:grid;gap:var(--space-2);min-height:100%;padding:var(--space-7);border:2px solid var(--text);border-radius:var(--radius-lg);background:var(--surface-opaque);box-shadow:6px 6px 0 var(--border-strong);text-decoration:none;transition:transform var(--interactive-duration) var(--interactive-ease),box-shadow var(--interactive-duration) var(--interactive-ease),border-color var(--interactive-duration) var(--interactive-ease),color var(--interactive-duration) var(--interactive-ease)}.post-navigation-card:hover,.post-navigation-card:focus-visible{transform:translateY(-4px);border-color:var(--accent-text-hover);box-shadow:10px 10px 0 var(--accent)}.post-navigation-card.is-older{text-align:end;justify-items:end}.post-navigation-label,.post-navigation-date{font-family:var(--font-ui);font-size:var(--type-size-label);font-weight:700;letter-spacing:var(--label-letter-spacing);text-transform:uppercase}.post-navigation-label{color:var(--accent-text)}.post-navigation-title{font-family:var(--font-ui);font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:calc(var(--heading-line-height) + .08);letter-spacing:var(--heading-letter-spacing-tight)}.post-navigation-date{color:var(--text-soft)}.prose>*:first-child{margin-top:0}.prose>*:last-child{margin-bottom:0}.prose h1,.prose h2,.prose h3{margin:1.7em 0 .55em;font-family:var(--font-ui);line-height:var(--line-height-prose-heading);letter-spacing:-.04em}.prose h1{font-size:clamp(2.2rem,4vw,3.4rem)}.prose h2{font-size:clamp(1.8rem,3vw,2.6rem)}.prose h3{font-size:clamp(1.5rem,2vw,2rem)}.prose p,.prose ul,.prose ol,.prose blockquote{margin:1em 0}.prose ul,.prose ol{padding-inline-start:1.3em;padding-inline-end:0}.prose li+li{margin-top:var(--line-clamp-gap)}.prose img,.prose video,.prose audio{margin:var(--space-18) 0}.prose img,.prose video,.prose audio{content-visibility:auto;contain-intrinsic-size:0 20rem}.prose img,.prose video{border-radius:var(--radius-image);overflow:hidden}.prose video{aspect-ratio:16 / 9;background:color-mix(in srgb,var(--surface-opaque) 72%,transparent)}.prose video,.prose audio{width:100%}.prose hr{border:0;border-top:var(--border-width) solid var(--border);margin:var(--space-16) 0}.prose code{padding:.08em .3em;border-radius:var(--radius-code);background:var(--code-bg);font-family:var(--font-ui);font-size:.9em}.site-footer{display:flex;justify-content:space-between;gap:var(--space-5);padding:var(--space-15x) 0 var(--space-13);font-family:var(--font-ui);font-size:var(--type-size-nav);color:var(--text-soft)}.site-footer p{margin:0}a:focus-visible,.site-nav-link:focus-visible,.button:focus-visible,.section-link:focus-visible,.back-link:focus-visible,.site-brand:focus-visible,.post-card a:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-outline-offset)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:70rem){.hero,.post-grid,.post-navigation{grid-template-columns:1fr}}@media(max-width:48rem){:root{--content-width: min(100vw - 1.5rem, 100%)}.site-header,.section-heading,.site-footer{flex-direction:column;align-items:start}.hero-copy,.hero-panel,.archive-header,.page-shell,.post-shell{padding:var(--space-17)}.hero-panel-list{grid-template-columns:1fr}.hero-intro,.archive-intro,.page-summary,.post-summary,.hero-panel-copy,.prose,.post-card-description{font-size:var(--type-size-body-sm)}}