:root{--color-bg:#fbf9f4;--color-paper:#ffffff;--color-surface-2:#f1ede4;--color-text:#141210;--color-text-soft:#3a3531;--color-muted:#6f6861;--color-rule:#141210;--color-border:rgba(20, 18, 16, 0.16);--color-accent:#fc6060;--color-accent-ink:#b3302d;--color-on-accent:#141210;--color-accent-2:#1f5c36;--color-note:color-mix(in srgb, #1f5c36 22%, #fbf9f4);--color-note-ink:#10301c;--color-highlight:#f3dc6b;--color-focus:#1f5c36;--noise-opacity:0.09;--font-display:"Petrona", "Iowan Old Style", Georgia, serif;--font-body:"Crimson Pro", "Iowan Old Style", Georgia, serif;--font-mono:"Inconsolata", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-size-xs:clamp(0.875rem, 0.85rem + 0.1vw, 0.9375rem);--font-size-sm:clamp(1rem, 0.95rem + 0.2vw, 1.0625rem);--font-size-base:clamp(1.25rem, 1.15rem + 0.35vw, 1.375rem);--font-size-lg:clamp(1.375rem, 1.25rem + 0.5vw, 1.625rem);--font-size-xl:clamp(1.625rem, 1.4rem + 1vw, 2.125rem);--font-size-2xl:clamp(2rem, 1.6rem + 1.8vw, 3rem);--font-size-3xl:clamp(2.5rem, 1.8rem + 3.2vw, 4.5rem);--font-size-4xl:clamp(2.75rem, 1.6rem + 5vw, 6rem);--baseline:0.5rem;--line:2rem;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:4rem;--space-7:6rem;--space-8:8rem;--radius-sm:0.125rem;--radius-md:0.25rem;--radius-lg:0.5rem;--rule-thin:1px;--rule-heavy:0.25rem;--wrap:76rem;--measure:42rem;--gutter:clamp(1rem, 4vw, 3rem);--shadow-sm:0 1px 2px rgba(20, 18, 16, 0.1);--shadow-md:0 1px 2px rgba(20, 18, 16, 0.08), 0 12px 24px -12px rgba(20, 18, 16, 0.28);--shadow-note:0 1px 2px rgba(0, 0, 0, 0.12), 6px 10px 12px -8px rgba(0, 0, 0, 0.35);--ease-out:cubic-bezier(0.2, 0.7, 0.2, 1);--ease-in-out:cubic-bezier(0.6, 0, 0.3, 1);--tilt:-1.5deg}@media(prefers-color-scheme:dark){:root{--color-bg:#151311;--color-paper:#1c1a17;--color-surface-2:#23201c;--color-text:#f3eee4;--color-text-soft:#d6cfc3;--color-muted:#a9a095;--color-rule:#f3eee4;--color-border:rgba(243, 238, 228, 0.18);--color-accent:#ff6f69;--color-accent-ink:#ff8f89;--color-on-accent:#141210;--color-accent-2:#86c79b;--color-note:color-mix(in srgb, #1f5c36 62%, #151311);--color-note-ink:#e7f3ea;--color-highlight:#6b5b12;--color-focus:#86c79b;--noise-opacity:0.12;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md:0 0 0 1px rgba(243, 238, 228, 0.08), 0 12px 24px -12px rgba(0, 0, 0, 0.5);--shadow-note:0 1px 2px rgba(0, 0, 0, 0.3), 6px 10px 14px -8px rgba(0, 0, 0, 0.55)}}@media(prefers-color-scheme:light){:root{color-scheme:light}}@font-face{font-family:petrona;src:url(/fonts/petrona-latin-wght-normal.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:petrona;src:url(/fonts/petrona-latin-wght-italic.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:crimson pro;src:url(/fonts/crimson-pro-latin-wght-normal.woff2)format("woff2");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:crimson pro;src:url(/fonts/crimson-pro-latin-wght-italic.woff2)format("woff2");font-weight:200 900;font-style:italic;font-display:swap}@font-face{font-family:inconsolata;src:url(/fonts/inconsolata-latin-wght-normal.woff2)format("woff2");font-weight:200 900;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{color-scheme:light dark;background:var(--color-bg);-webkit-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:var(--space-4);overflow-x:clip}body{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-block-size:100dvh;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line);font-kerning:normal;font-variant-numeric:oldstyle-nums proportional-nums;-webkit-font-smoothing:antialiased;overflow-x:clip}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.07 0 0 0 0 0.06 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23t)'/%3E%3C/svg%3E");background-size:240px 240px}img,picture,svg,video{display:block;max-inline-size:100%;block-size:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}::selection{background:var(--color-highlight);color:var(--color-text)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}#main:focus{outline:none}.skip{position:absolute;inset-block-start:-100px;inset-inline-start:var(--space-2);z-index:1000;padding:var(--space-1)var(--space-2);background:var(--color-text);color:var(--color-bg);font-family:var(--font-mono);text-decoration:none;transition:inset-block-start 120ms var(--ease-out)}.skip:focus-visible{inset-block-start:var(--space-2)}.jj-visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.jj-wrap{inline-size:min(100% - 2 * var(--gutter),var(--wrap));margin-inline:auto}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.jj-prose{max-inline-size:var(--measure);font-size:var(--font-size-base);line-height:var(--line);hanging-punctuation:first}.jj-prose>*+*{margin-block-start:var(--space-3)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-text);font-weight:800;letter-spacing:-.015em;text-wrap:balance;font-variant-numeric:lining-nums}h1{font-size:var(--font-size-3xl);line-height:1.05}h2{font-size:var(--font-size-2xl);line-height:1.1}h3{font-size:var(--font-size-xl);line-height:1.25;font-weight:700}h4{font-size:var(--font-size-lg);line-height:var(--line);font-weight:700}.jj-prose h2{margin-block-start:var(--space-6);padding-block-start:var(--space-2);border-block-start:var(--rule-heavy)solid var(--color-rule);scroll-margin-top:var(--space-4)}.jj-prose h3{margin-block-start:var(--space-5);scroll-margin-top:var(--space-4)}.jj-prose h2+*,.jj-prose h3+*{margin-block-start:var(--space-2)}p{font-size:var(--font-size-base);line-height:var(--line);text-wrap:pretty}.jj-prose a{color:var(--color-text);text-decoration-line:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:.125em;text-underline-offset:.2em;transition:background-color 160ms var(--ease-out)}.jj-prose a:hover{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}ul,ol{padding-inline-start:var(--space-4)}.jj-prose ul,.jj-prose ol{display:grid;gap:var(--space-1)}.jj-prose ul{list-style:square}.jj-prose ul li::marker{color:var(--color-accent)}.jj-prose ol li::marker{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-accent-2);font-weight:700}blockquote{margin-inline:0;padding-inline-start:var(--space-3);border-inline-start:var(--rule-heavy)solid var(--color-accent);font-style:italic;color:var(--color-text-soft)}code,kbd,samp{font-family:var(--font-mono);font-size:.9em;padding:0 .25em;background:var(--color-surface-2);border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.5rem;padding:var(--space-3);background:var(--color-surface-2);border-inline-start:var(--rule-heavy)solid var(--color-rule);overflow-x:auto}pre code{padding:0;background:0 0}table{inline-size:100%;border-collapse:collapse;font-size:var(--font-size-sm);line-height:1.5rem;font-variant-numeric:tabular-nums lining-nums}th,td{padding:var(--space-1)var(--space-2);text-align:start;border-block-end:var(--rule-thin)solid var(--color-border)}th{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-block-end:2px solid var(--color-rule)}.jj-prose table{display:block;overflow-x:auto}hr{border:0;block-size:var(--space-4);background:radial-gradient(circle,var(--color-accent) 0 .3rem,transparent .32rem)50%/2rem 100% no-repeat}.jj-prose img{margin-inline:auto}.jj-prose figure img{inline-size:100%}.jj-prose strong{font-weight:700}.jj-prose mark{background:var(--color-highlight);color:var(--color-text);padding:0 .15em}.jj-note{--note-size:15rem;position:relative;display:inline-block;align-self:start;inline-size:var(--note-size);min-block-size:calc(var(--note-size) * .86);padding:var(--space-4)var(--space-3)var(--space-3);background:var(--color-note);color:var(--color-note-ink);transform:rotate(var(--tilt));box-shadow:var(--shadow-note);transition:transform 260ms var(--ease-out),box-shadow 260ms var(--ease-out)}.jj-note::after{content:"";position:absolute;inset-block-end:0;inset-inline-end:0;inline-size:2.5rem;block-size:2.5rem;background:linear-gradient(135deg,transparent 50%,color-mix(in srgb,var(--color-note) 70%,#000 12%) 50%);box-shadow:-3px -3px 6px -4px rgba(0,0,0,.25);border-start-start-radius:var(--radius-lg)}.jj-note:hover{transform:rotate(0)translateY(-2px);box-shadow:var(--shadow-note),0 18px 28px -18px rgba(0,0,0,.45)}.jj-note__pin{position:absolute;inset-block-start:calc(var(--space-1) * -1);inset-inline-start:50%;inline-size:1.25rem;block-size:1.25rem;margin-inline-start:-.625rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff 0 12%,var(--color-accent) 14% 100%);box-shadow:0 3px 4px rgba(0,0,0,.35)}.jj-note__rows{display:grid;gap:var(--space-2)}.jj-note__row{display:grid;gap:0}.jj-note dt{font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8}.jj-note dd{margin:0;font-family:var(--font-display);font-size:var(--font-size-lg);line-height:2rem;font-weight:600}.jj-note .post-meta__category{font-family:var(--font-display);font-style:italic;font-weight:500}.jj-note a{text-decoration-color:var(--color-accent);text-decoration-thickness:2px}.jj-note[data-size=feature]{--note-size:17rem}.jj-note[data-size=list]{--note-size:14rem}.jj-button,.jj-feature__more,.jj-mega__all,.jj-people__link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border:2px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:700;line-height:1.5rem;letter-spacing:.04em;text-decoration:none;box-shadow:4px 4px 0 var(--color-rule);transition:transform 140ms var(--ease-out),box-shadow 140ms var(--ease-out),background-color 140ms}.jj-button::after,.jj-feature__more::after,.jj-mega__all::after,.jj-people__link::after{content:"→"}.jj-button:hover,.jj-feature__more:hover,.jj-mega__all:hover,.jj-people__link:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-accent);background:var(--color-bg)}.jj-tags{margin-block-start:var(--space-6);padding-block-start:var(--space-3);border-block-start:var(--rule-thin)solid var(--color-border);max-inline-size:var(--measure)}.jj-tags__label{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted)}.jj-tags ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1);margin-block-start:var(--space-1)}.jj-tags a{display:inline-block;padding:0 var(--space-1);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:2rem;text-decoration:none;border:var(--rule-thin)solid var(--color-rule);transition:background-color 140ms,transform 140ms var(--ease-out)}.jj-tags a:hover{background:var(--color-note);transform:rotate(-1deg)}.jj-mast{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:var(--space-3)var(--space-5);padding-block:var(--space-3);border-block:var(--rule-heavy)solid var(--color-rule);box-shadow:inset 0 -5px 0 -4px var(--color-rule)}.jj-mast__person{display:flex;gap:var(--space-3);align-items:flex-start}.jj-mast__avatar{inline-size:4.5rem;block-size:4.5rem;object-fit:cover;filter:grayscale(1)contrast(1.1);border:2px solid var(--color-rule)}.jj-mast__rows,.jj-mast__facts{display:grid;gap:var(--space-1)}.jj-mast__facts{align-content:start}.jj-mast__row{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:var(--space-2);align-items:baseline}.jj-mast__row--bio{grid-template-columns:minmax(0,1fr)}.jj-mast dt{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted)}.jj-mast dd{margin:0;font-size:var(--font-size-sm);line-height:1.5rem}.jj-mast__name{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-lg);line-height:2rem}.jj-mast__role{display:block;font-style:italic;color:var(--color-text-soft)}.jj-mast__bio{color:var(--color-text-soft);max-inline-size:36rem}.jj-profile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start;max-inline-size:var(--measure);margin-block-end:var(--space-5);padding:var(--space-4);background:var(--color-paper);border:2px solid var(--color-rule);box-shadow:8px 8px 0 var(--color-note)}.jj-profile__avatar,.jj-profile__initials{inline-size:7rem;block-size:7rem;object-fit:cover;transform:rotate(var(--tilt));box-shadow:var(--shadow-note)}.jj-profile__initials{display:grid;place-items:center;background:var(--color-note);color:var(--color-note-ink);font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:800}.jj-profile__name{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:800;line-height:2.5rem}.jj-profile__role{font-family:var(--font-display);font-style:italic;color:var(--color-accent-2)}.jj-profile__bio{margin-block-start:var(--space-2)}.jj-people{display:grid;gap:var(--space-5)}.jj-people__item{display:grid;gap:var(--space-2);justify-items:start}@media(max-width:40rem){.jj-mast{grid-template-columns:minmax(0,1fr)}.jj-profile{grid-template-columns:minmax(0,1fr)}}.lede{font-size:var(--font-size-lg);line-height:1.5;color:var(--color-text)}.jj-prose>.lede:first-child::first-letter,.lede-block>.lede:first-child::first-letter{float:inline-start;margin:.35rem var(--space-1)0 0;padding:0 var(--space-1);font-family:var(--font-display);font-size:4.5rem;line-height:4rem;font-weight:800;background:var(--color-accent);color:var(--color-on-accent)}.callout{--callout-accent:var(--color-accent-2);position:relative;padding:var(--space-3)var(--space-3)var(--space-3)var(--space-4);background:var(--color-paper);border:2px solid var(--color-rule);box-shadow:6px 6px 0 var(--callout-accent)}.callout::before{content:"";position:absolute;inset-block:calc(var(--space-2) * -1)auto;inset-inline-start:var(--space-3);inline-size:4.5rem;block-size:1.25rem;background:color-mix(in srgb,var(--color-highlight) 75%,transparent);transform:rotate(-3deg)}.callout[data-variant=warning]{--callout-accent:var(--color-accent)}.callout[data-variant=tip],.callout[data-variant=success]{--callout-accent:var(--color-accent-2)}.callout[data-variant=quote]{--callout-accent:var(--color-rule);font-style:italic}.callout__title{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:var(--font-size-sm)}.callout__body>*+*{margin-block-start:var(--space-2)}.pullquote{margin-block:var(--space-6);margin-inline:0;padding:var(--space-4)0 var(--space-3);border:0;border-block:var(--rule-heavy)solid var(--color-rule);font-style:normal;text-align:center}.pullquote p{font-family:var(--font-display);font-size:var(--font-size-2xl);line-height:1.2;font-weight:700;font-style:italic;color:var(--color-text);text-wrap:balance}.pullquote p::before{content:"„";color:var(--color-accent)}.pullquote p::after{content:"“";color:var(--color-accent)}.pullquote cite{display:block;margin-block-start:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-sm);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.figure{display:grid;gap:var(--space-1)}.figure img{inline-size:100%;border:var(--rule-thin)solid var(--color-border)}.figure figcaption,.jj-cover figcaption{font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.5rem;color:var(--color-muted)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--space-3)}.gallery .gallery-item{margin:0;transition:transform 220ms var(--ease-out)}.gallery .gallery-item:nth-child(odd){transform:rotate(-.8deg)}.gallery .gallery-item:nth-child(even){transform:rotate(.8deg)}.gallery .gallery-item:hover{transform:rotate(0)scale(1.02)}.gallery img{background:var(--color-paper);padding:var(--space-1);box-shadow:var(--shadow-md)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));gap:0;border-block:var(--rule-heavy)solid var(--color-rule)}.stats-row{padding:var(--space-3)var(--space-2);border-inline-start:var(--rule-thin)solid var(--color-border)}.stats-row:first-child{border-inline-start:0}.stats dt{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted)}.stats dd{margin:0;font-family:var(--font-display);font-size:var(--font-size-3xl);line-height:1.1;font-weight:800;font-variant-numeric:lining-nums tabular-nums}.stats dd p{font:inherit}.takeaways{position:relative;padding:var(--space-4)var(--space-4)var(--space-3);background:var(--color-note);color:var(--color-note-ink);transform:rotate(-.6deg);box-shadow:var(--shadow-note)}.takeaways-heading,.faq-heading{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.5rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:inherit}.takeaways ul{list-style:none;padding:0;margin-block-start:var(--space-2);display:grid;gap:var(--space-1)}.takeaways li{position:relative;padding-inline-start:var(--space-4)}.takeaways li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.6rem;inline-size:1rem;block-size:1rem;border:2px solid;box-shadow:inset 0 0 0 3px var(--color-note),inset 0 0 0 10px var(--color-accent)}.faq,.jj-faqlist{border-block-start:var(--rule-heavy)solid var(--color-rule);padding-block-start:var(--space-2)}.jj-faqlist{margin-block-start:var(--space-6);max-inline-size:var(--measure)}.faq-list,.jj-faqlist dl{display:grid;gap:0;margin-block-start:var(--space-2)}.faq-item,.jj-faqlist dt{padding-block:var(--space-2)}.faq-item{border-block-end:var(--rule-thin)solid var(--color-border)}.faq dt,.jj-faqlist dt{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-lg);line-height:2rem}.faq dd,.jj-faqlist dd{margin:var(--space-1)0 0}.jj-faqlist dd{padding-block-end:var(--space-2);border-block-end:var(--rule-thin)solid var(--color-border)}.jj-header{position:relative;z-index:20;background:var(--color-bg);border-block-end:var(--rule-heavy)solid var(--color-rule)}.jj-header__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-3)}.jj-brand{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none}.jj-brand__logo{inline-size:2.75rem;block-size:2.75rem;transform:rotate(var(--tilt));transition:transform 220ms var(--ease-out)}.jj-brand:hover .jj-brand__logo{transform:rotate(3deg)scale(1.06)}.jj-brand__text{display:grid}.jj-brand__name{font-family:var(--font-display);font-size:clamp(1.5rem,1.3rem + .8vw,2rem);line-height:2rem;font-weight:900;letter-spacing:-.02em;white-space:nowrap}.jj-brand__tagline{font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1rem;letter-spacing:.08em;color:var(--color-muted)}.jj-nav{display:flex;align-items:center;gap:var(--space-3)}.jj-nav__list{display:flex;gap:var(--space-3);list-style:none;padding:0}.jj-nav__link{position:relative;font-family:var(--font-display);font-size:clamp(1.125rem,1.05rem + .3vw,1.3rem);line-height:2rem;font-weight:600;white-space:nowrap;text-decoration:none}.jj-nav__link::after{content:"";position:absolute;inset-inline:0;inset-block-end:-.125rem;block-size:.25rem;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform 200ms var(--ease-out)}.jj-nav__link:hover::after,.jj-nav__link[aria-current=page]::after{transform:scaleX(1)}.jj-mega{position:static}.jj-mega__toggle{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);list-style:none;cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.5rem;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-sm);transition:transform 140ms var(--ease-out),box-shadow 140ms}.jj-mega__toggle::-webkit-details-marker{display:none}.jj-mega__toggle:hover{transform:translateY(-1px);box-shadow:4px 4px 0 var(--color-accent)}.jj-mega__icon{inline-size:.875rem;block-size:.625rem;border-block:2px solid currentColor;position:relative}.jj-mega__icon::after{content:"";position:absolute;inset-inline:0;inset-block-start:50%;border-block-start:2px solid currentColor;transform:translateY(-50%)}.jj-mega[open] .jj-mega__toggle{background:var(--color-accent);color:var(--color-on-accent)}.jj-mega__panel{position:absolute;inset-inline:0;inset-block-start:100%;padding:var(--space-5)max(var(--gutter),(100% - var(--wrap))/2)var(--space-6);background:var(--color-bg);border-block:var(--rule-heavy)solid var(--color-rule);box-shadow:0 30px 40px -30px rgba(0,0,0,.35);animation:jj-drop 220ms var(--ease-out)}.jj-mega__hint{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted)}.jj-mega__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:var(--space-5);list-style:none;padding:0;margin-block-start:var(--space-3)}.jj-mega__col{display:grid;align-content:start;gap:var(--space-2);padding-inline-start:var(--space-3);border-inline-start:var(--rule-thin)solid var(--color-rule)}.jj-mega__num{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-accent-ink);font-weight:700}.jj-mega__title{font-family:var(--font-display);font-size:var(--font-size-2xl);line-height:1.05;font-weight:800;letter-spacing:-.02em;text-decoration:none}.jj-mega__title:hover{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:.2rem}.jj-mega__desc{font-size:var(--font-size-sm);line-height:1.5rem;color:var(--color-text-soft)}.jj-mega__toc{list-style:none;padding:0;display:grid}.jj-mega__toc a{display:flex;align-items:baseline;gap:var(--space-1);padding-block:.25rem;font-size:var(--font-size-sm);line-height:1.5rem;text-decoration:none;border-block-end:1px dotted var(--color-border)}.jj-mega__toc a span{flex:1}.jj-mega__toc time{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.jj-mega__toc a:hover span{text-decoration:underline;text-decoration-color:var(--color-accent)}.jj-mega__all{justify-self:start;margin-block-start:var(--space-1);font-size:var(--font-size-xs)}@keyframes jj-drop{from{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:none}}.jj-crumbs{padding-block:var(--space-3)0}.jj-crumbs ol{display:flex;flex-wrap:wrap;gap:0 var(--space-1);list-style:none;padding:0;font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.5rem;color:var(--color-muted)}.jj-crumbs li+li::before{content:"/";margin-inline-end:var(--space-1);color:var(--color-accent-ink)}.jj-crumbs a{text-decoration:none}.jj-crumbs a:hover{text-decoration:underline}.jj-crumbs [aria-current]{color:var(--color-text)}.jj-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-block:var(--space-6)var(--space-4);padding-block-start:var(--space-2);border-block-start:var(--rule-heavy)solid var(--color-rule);font-family:var(--font-mono);font-size:var(--font-size-sm)}.jj-pager__pages{display:flex;gap:var(--space-1);list-style:none;padding:0}.jj-pager__pages a,.jj-pager__pages span{display:grid;place-items:center;min-inline-size:2.5rem;block-size:2.5rem;text-decoration:none;border:var(--rule-thin)solid var(--color-rule);transition:transform 140ms var(--ease-out)}.jj-pager__pages a:hover{transform:translateY(-2px);box-shadow:3px 3px 0 var(--color-accent)}.jj-pager__pages [aria-current]{background:var(--color-text);color:var(--color-bg)}.jj-pager__step{font-weight:700}.jj-pager__step[aria-disabled]{color:var(--color-muted);opacity:.6}.jj-pager__status{color:var(--color-muted)}.jj-footer{margin-block-start:var(--space-8);background:var(--color-paper);border-block-start:.75rem solid var(--color-rule);box-shadow:inset 0 .5rem 0 -.25rem var(--color-bg),inset 0 .625rem 0 -.25rem var(--color-rule);font-size:var(--font-size-xs);line-height:1.25rem}.jj-footer__inner{display:grid;grid-template-columns:minmax(14rem,1.4fr)repeat(auto-fit,minmax(11rem,1fr));gap:0;padding-block:var(--space-4)var(--space-3)}.jj-footer__inner>*{padding:0 var(--space-2)var(--space-2);border-inline-start:var(--rule-thin)solid var(--color-rule)}.jj-footer__inner>:first-child{border-inline-start:0;padding-inline-start:0}.jj-footer__logo{inline-size:3.5rem;block-size:3.5rem;margin-block-end:var(--space-1)}.jj-footer__name{font-family:var(--font-display);font-size:var(--font-size-xl);line-height:2rem;font-weight:900;letter-spacing:-.02em}.jj-footer__tagline{font-family:var(--font-display);font-style:italic;font-size:var(--font-size-sm);line-height:1.5rem}.jj-footer__desc{margin-block-start:var(--space-1);font-size:var(--font-size-xs);line-height:1.25rem;color:var(--color-text-soft)}.jj-footer__signoff{margin-block-start:var(--space-2);font-family:var(--font-display);font-style:italic;font-size:var(--font-size-sm);line-height:1.5rem}.jj-footer__signer{display:block;font-style:normal;font-weight:800}.jj-footer__head{display:flex;justify-content:space-between;gap:var(--space-1);padding-block-end:.25rem;margin-block-end:var(--space-1);border-block-end:2px solid var(--color-rule);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.25rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.jj-footer__head a{text-decoration:none}.jj-footer__count{color:var(--color-accent-ink)}.jj-footer ol,.jj-footer ul{list-style:none;padding:0;display:grid;gap:0}.jj-footer li{padding-block:.125rem;border-block-end:1px dotted var(--color-border)}.jj-footer li a{font-size:var(--font-size-xs);line-height:1.25rem;text-decoration:none}.jj-footer li a:hover{text-decoration:underline;text-decoration-color:var(--color-accent)}.jj-footer__more{display:inline-block;margin-block-start:var(--space-1);font-family:var(--font-mono);font-weight:700;text-decoration-color:var(--color-accent)}.jj-footer__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);padding-block:var(--space-2)var(--space-3);border-block-start:var(--rule-thin)solid var(--color-rule);font-family:var(--font-mono);font-size:var(--font-size-xs)}.jj-footer__base p{font-size:inherit;line-height:1.5rem}.jj-footer__mark{color:var(--color-muted);letter-spacing:.1em;text-transform:uppercase}@media(max-width:56rem){.jj-header__bar{flex-wrap:wrap}.jj-nav{inline-size:100%;justify-content:space-between;flex-wrap:wrap}.jj-nav__list{flex-wrap:wrap;gap:var(--space-1)var(--space-3)}.jj-footer__inner{grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));row-gap:var(--space-3)}.jj-footer__inner>*{border-inline-start:0;padding-inline:0}}@media(max-width:60rem){.jj-brand__tagline{display:none}.jj-header__bar{flex-wrap:nowrap}.jj-brand{flex:none}.jj-nav{inline-size:auto;flex:none}.jj-nav__list{display:none}}@media(max-width:48rem){.jj-header__bar{gap:var(--space-2)}.jj-brand{gap:var(--space-1)}.jj-brand__logo{inline-size:2.25rem;block-size:2.25rem}.jj-brand__name{font-size:clamp(1.25rem,5.6vw,1.5rem)}}@media(max-width:22.5rem){.jj-mega__toggle{padding-inline:var(--space-1);letter-spacing:.04em}}.jj-home-intro{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,22rem);gap:var(--space-2)var(--space-6);padding-block:var(--space-6)var(--space-5)}.jj-home-intro__label{grid-column:1/-1;font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted)}.jj-home-intro__title{grid-column:1/-1;font-size:var(--font-size-2xl);line-height:1.1;font-weight:900}.jj-home-intro__tag{display:block;font-weight:400;font-style:italic;color:var(--color-text-soft)}.jj-home-intro__desc{grid-column:2;font-size:var(--font-size-sm);line-height:1.5rem;color:var(--color-text-soft);padding-block-start:var(--space-2)}.jj-home-intro__sections{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:var(--space-1)var(--space-4);list-style:none;padding:var(--space-2)0 0;border-block-start:var(--rule-thin)solid var(--color-rule);font-family:var(--font-mono);font-size:var(--font-size-sm)}.jj-home-intro__sections a{text-decoration:none}.jj-home-intro__sections a::before{content:"→ ";color:var(--color-accent-ink)}.jj-home-intro__sections a:hover{text-decoration:underline}.jj-feature-band{position:relative;padding-block:var(--space-5)var(--space-7);border-block:var(--rule-heavy)solid var(--color-rule);background:var(--color-paper)}.jj-feature-band__label{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin-block-end:var(--space-4)}.jj-feature{display:grid;grid-template-columns:minmax(0,1fr)minmax(16rem,24rem);gap:var(--space-5)var(--space-6);align-items:start}.jj-feature__text{display:grid;gap:var(--space-3);justify-items:start}.jj-feature__kicker{position:relative;font-family:var(--font-display);font-style:italic;font-size:var(--font-size-lg);line-height:2.5rem;font-weight:600;color:var(--color-on-accent);padding-inline-end:var(--space-3);isolation:isolate}.jj-feature__kicker::before{content:"";position:absolute;inset-block:0;inset-inline-end:0;inset-inline-start:calc(-1 * (100vw - 100%));z-index:-1;background:var(--color-accent)}.jj-feature__kicker a{text-decoration:none}.jj-feature__title{font-size:var(--font-size-4xl);line-height:1;font-weight:900;letter-spacing:-.03em;max-inline-size:14ch}.jj-feature__title a{text-decoration:none;background-image:linear-gradient(var(--color-accent),var(--color-accent));background-size:0 .12em;background-position:0 92%;background-repeat:no-repeat;transition:background-size 320ms var(--ease-out)}.jj-feature__title a:hover{background-size:100% .12em}.jj-feature__dek{max-inline-size:36rem;font-size:var(--font-size-lg);line-height:1.45;color:var(--color-text-soft)}.jj-feature__aside{display:grid;gap:var(--space-4);justify-items:center}.jj-feature__aside .jj-note{justify-self:center;margin-inline-start:calc(-1 * var(--space-6));margin-block-end:calc(-1 * var(--space-6));z-index:2}.jj-feature__media{display:block;justify-self:stretch;inline-size:100%;overflow:hidden;border:2px solid var(--color-rule);transform:rotate(1deg);box-shadow:var(--shadow-md);transition:transform 260ms var(--ease-out)}.jj-feature__media img{inline-size:100%;aspect-ratio:3/2;object-fit:cover}.jj-feature__media:hover{transform:rotate(0)scale(1.02)}.jj-roll{padding-block:var(--space-6)0}.jj-roll__title{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-xl);line-height:2.5rem;padding-block-end:var(--space-1);margin-block-end:var(--space-4);border-block-end:var(--rule-heavy)solid var(--color-rule)}.jj-roll__title::after{content:"";flex:1;block-size:.25rem;background:var(--color-accent);align-self:center}.jj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(19rem,100%),1fr));grid-auto-rows:auto;gap:var(--space-6)var(--space-5)}.jj-grid__cell{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:var(--space-3)}.jj-card{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:var(--space-3);align-content:start}.jj-card__media{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:var(--color-surface-2);border:2px solid var(--color-rule);transition:transform 220ms var(--ease-out),box-shadow 220ms var(--ease-out)}.jj-card__img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform 360ms var(--ease-out)}.jj-card__blank{display:grid;place-items:center;block-size:100%;font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:900;color:var(--color-accent)}.jj-card__tab{position:absolute;inset-block-end:var(--space-2);inset-inline-end:var(--space-2);padding:.25rem var(--space-1);background:var(--color-note);color:var(--color-note-ink);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700;line-height:1.5rem;transform:rotate(var(--tilt));box-shadow:var(--shadow-note)}.jj-card:hover .jj-card__media{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--color-rule)}.jj-card:hover .jj-card__img{transform:scale(1.04)}.jj-card__section{margin-block-start:var(--space-1);font-family:var(--font-display);font-style:italic;font-size:var(--font-size-sm);line-height:1.5rem;color:var(--color-accent-2)}.jj-card__section a{text-decoration:none}.jj-card__title{font-size:var(--font-size-xl);line-height:1.12;font-weight:800;letter-spacing:-.015em}.jj-card__title a{text-decoration:none}.jj-card__title a:hover{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:.15em}.jj-card__excerpt{font-size:var(--font-size-sm);line-height:1.5rem;color:var(--color-text-soft)}.jj-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.5rem;color:var(--color-muted)}.jj-index{padding-block:var(--space-7)0}.jj-index__title{font-size:var(--font-size-xl);line-height:2.5rem;padding-block-end:var(--space-1);border-block-end:var(--rule-heavy)solid var(--color-rule)}.jj-index__list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr))}.jj-index__item{display:grid;gap:var(--space-1);padding:var(--space-3)var(--space-3)var(--space-3)0;border-block-end:var(--rule-thin)solid var(--color-rule)}.jj-index__num{font-family:var(--font-mono);font-weight:700;color:var(--color-accent-ink)}.jj-index__name{font-family:var(--font-display);font-size:var(--font-size-2xl);line-height:1.1;font-weight:800;text-decoration:none}.jj-index__name:hover{text-decoration:underline;text-decoration-color:var(--color-accent)}.jj-index__desc{font-size:var(--font-size-sm);line-height:1.5rem;color:var(--color-text-soft)}.jj-index__count{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.jj-list-head{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:var(--space-4)var(--space-6);align-items:center;padding-block:var(--space-5)var(--space-5);border-block-end:var(--rule-heavy)solid var(--color-rule)}.jj-list-head__kicker{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted)}.jj-list-head__title{font-size:var(--font-size-4xl);line-height:1;font-weight:900;letter-spacing:-.03em}.jj-list-head__desc{margin-block-start:var(--space-2);max-inline-size:36rem;color:var(--color-text-soft)}.jj-list-head .jj-note{margin-inline-end:var(--space-2)}.jj-article__head,.jj-page__head{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:var(--space-5)var(--space-6);align-items:start;padding-block:var(--space-7)var(--space-5)}.jj-page__head{grid-template-columns:minmax(0,1fr);padding-block:var(--space-6)var(--space-4)}.jj-article.jj-page .jj-page__head{grid-template-columns:minmax(0,1fr)auto}.jj-article__titles{display:grid;gap:var(--space-3);max-inline-size:52rem}.jj-article__kicker{justify-self:start;padding:0 var(--space-2);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-display);font-style:italic;font-weight:600;line-height:2rem}.jj-article__title,.jj-page__title{font-size:var(--font-size-4xl);line-height:1.02;font-weight:900;letter-spacing:-.03em}.jj-page__title{font-size:var(--font-size-3xl)}.jj-article__dek{font-size:var(--font-size-lg);line-height:1.45;color:var(--color-text-soft);max-inline-size:40rem}.jj-article__head .jj-note{margin-block-start:var(--space-4)}.jj-article__mast{margin-block-end:var(--space-5)}.jj-cover{margin-block:0 var(--space-6);display:grid;gap:var(--space-1)}.jj-cover__img{inline-size:100%;max-block-size:70vh;aspect-ratio:16/9;object-fit:cover;border:2px solid var(--color-rule)}.jj-article__body{display:grid;justify-items:center;padding-block-end:var(--space-4)}.jj-article__body>*{inline-size:100%;max-inline-size:var(--measure)}.jj-anchors{margin-block-end:var(--space-5);padding-block:var(--space-2);border-block:var(--rule-thin)solid var(--color-rule)}.jj-anchors__label{font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted)}.jj-anchors__list{display:flex;flex-wrap:wrap;gap:.25rem var(--space-3);list-style:none;padding:0;margin-block-start:var(--space-1)}.jj-anchors__list a{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.5rem;text-decoration:none}.jj-anchors__list a:hover{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px}.jj-anchors__num{margin-inline-end:.5ch;color:var(--color-accent-ink);font-weight:700}.jj-progress{position:fixed;inset-block-end:var(--space-3);inset-inline-end:var(--space-3);z-index:30;display:grid;place-items:center;inline-size:3.5rem;block-size:3.5rem;border-radius:50%;background:var(--color-bg);box-shadow:var(--shadow-md);text-decoration:none;opacity:0;transform:translateY(1rem)scale(.9);transition:opacity 240ms var(--ease-out),transform 240ms var(--ease-out)}.jj-progress.is-visible,.jj-progress:focus-visible{opacity:1;transform:none}.jj-progress:hover{transform:scale(1.08)}.progress-ring{position:absolute;inset:0;inline-size:100%;block-size:100%;transform:rotate(-90deg)}.progress-ring__track{fill:none;stroke:var(--color-border);stroke-width:4}.progress-ring__bar{fill:none;stroke:var(--color-accent);stroke-width:4;stroke-linecap:butt;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 120ms linear}.jj-progress__value{position:relative;font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700;line-height:1rem}.jj-progress__value::after{content:"%"}.jj-terms{padding-block:var(--space-5)}.jj-terms__list{list-style:none;padding:0;columns:3 16rem;column-rule:var(--rule-thin)solid var(--color-border);column-gap:var(--space-5)}.jj-terms__list a{display:flex;justify-content:space-between;gap:var(--space-2);padding-block:var(--space-1);text-decoration:none;border-block-end:1px dotted var(--color-border);break-inside:avoid}.jj-terms__name{font-family:var(--font-display);font-weight:600}.jj-terms__count{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.jj-terms__list a:hover .jj-terms__name{text-decoration:underline;text-decoration-color:var(--color-accent)}.jj-empty{padding-block:var(--space-5);font-style:italic;color:var(--color-muted)}.jj-lost{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:var(--space-6);align-items:center;padding-block:var(--space-8)}.jj-lost__text{display:grid;gap:var(--space-3);justify-items:start}.jj-lost__code{font-family:var(--font-mono);font-size:var(--font-size-2xl);font-weight:800;color:var(--color-accent-ink)}.jj-lost__title{font-size:var(--font-size-4xl);line-height:1;font-weight:900}.jj-lost__sections{list-style:none;padding:0;display:grid;gap:var(--space-1);font-family:var(--font-display);font-size:var(--font-size-lg)}@keyframes jj-rise{from{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}.jj-reveal{animation:jj-rise 520ms var(--ease-out)both}.jj-grid__cell.jj-reveal:nth-child(2){animation-delay:60ms}.jj-grid__cell.jj-reveal:nth-child(3){animation-delay:120ms}.jj-grid__cell.jj-reveal:nth-child(n+4){animation-delay:180ms}.jj-article__head .jj-note{animation:jj-pin 640ms 200ms var(--ease-out)both}@keyframes jj-pin{from{opacity:0;transform:rotate(-6deg)translateY(-.75rem)}to{opacity:1;transform:rotate(var(--tilt))}}@media(max-width:56rem){.jj-home-intro,.jj-feature,.jj-list-head,.jj-article__head,.jj-article.jj-page .jj-page__head,.jj-lost{grid-template-columns:minmax(0,1fr)}.jj-home-intro__desc{grid-column:1}.jj-feature__aside{justify-items:start}.jj-feature__aside .jj-note{justify-self:start;margin-inline-start:var(--space-1)}.jj-article__head{padding-block:var(--space-5)var(--space-4)}}@media(max-width:48rem){.jj-progress{inset-block:0 auto;inset-inline:0;inline-size:100%;block-size:.25rem;border-radius:0;box-shadow:none;background:var(--color-border);transform:none;overflow:hidden}.jj-progress::before{content:"";position:absolute;inset:0;background:var(--color-accent);transform:scaleX(var(--jj-read,0));transform-origin:left;transition:transform 120ms linear}.jj-progress:hover{transform:none}.progress-ring,.jj-progress__value{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}}