:root{--jr-cobalt: #306CB4;--jr-cobalt-navy: #1F5694;--jr-gold: #F0A848;--jr-charcoal: #303030;--jr-cream: #F6EDDF;--jr-paper: #FCFCFC;--jr-brick: #A83030;--jr-olive: #849C3C;--jr-sky: #84C0E4;--jr-cream-2: #EFE3D0;--jr-cobalt-12: rgba(48, 108, 180, .12);--jr-cobalt-06: rgba(48, 108, 180, .06);--jr-gold-40: rgba(240, 168, 72, .4);--jr-gold-14: rgba(240, 168, 72, .14);--jr-charcoal-60: rgba(48, 48, 48, .6);--jr-charcoal-30: rgba(48, 48, 48, .3);--jr-scrim: rgba(48, 48, 48, .85);--jr-bg: var(--jr-cream);--jr-bg-surface: var(--jr-paper);--jr-fg: var(--jr-charcoal);--jr-fg-muted: var(--jr-charcoal-60);--jr-rule-color: var(--jr-charcoal-30);--jr-link: var(--jr-cobalt);--jr-link-hover: var(--jr-cobalt-navy);--jr-accent: var(--jr-gold);--jr-font-display: "Zilla Slab", "Bitter", Georgia, serif;--jr-font-body: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--jr-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--jr-text-xs: .75rem;--jr-text-sm: .875rem;--jr-text-base: 1rem;--jr-text-md: 1.125rem;--jr-text-lg: 1.375rem;--jr-text-xl: 1.75rem;--jr-text-2xl: 2.25rem;--jr-text-3xl: 3rem;--jr-text-4xl: 4rem;--jr-text-5xl: 5.5rem;--jr-leading-tight: 1.12;--jr-leading-snug: 1.28;--jr-leading-body: 1.55;--jr-leading-loose: 1.7;--jr-tracking-tight: -.02em;--jr-tracking-normal: 0;--jr-tracking-caps: .08em;--jr-tracking-eyebrow: .18em;--jr-s-1: 4px;--jr-s-2: 8px;--jr-s-3: 12px;--jr-s-4: 16px;--jr-s-5: 24px;--jr-s-6: 32px;--jr-s-7: 48px;--jr-s-8: 64px;--jr-s-9: 96px;--jr-radius-sm: 2px;--jr-radius: 4px;--jr-radius-md: 6px;--jr-radius-lg: 10px;--jr-radius-pill: 999px;--jr-shadow-1: 0 1px 0 rgba(48,48,48,.06), 0 1px 2px rgba(48,48,48,.06);--jr-shadow-2: 0 1px 0 rgba(48,48,48,.06), 0 4px 12px rgba(48,48,48,.08);--jr-shadow-deck: 0 2px 7px rgba(48,48,48,.14);--jr-rule-gold-height: 4px;--jr-rule-gold-width: 56px}html,body{background:var(--jr-bg);color:var(--jr-fg);font-family:var(--jr-font-body);font-size:var(--jr-text-base);line-height:var(--jr-leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}h1{font-family:var(--jr-font-display);font-weight:700;font-size:var(--jr-text-3xl);line-height:var(--jr-leading-tight);letter-spacing:var(--jr-tracking-tight);color:var(--jr-charcoal);margin:0 0 var(--jr-s-5)}h2{font-family:var(--jr-font-display);font-weight:600;font-size:var(--jr-text-2xl);line-height:var(--jr-leading-tight);letter-spacing:var(--jr-tracking-tight);color:var(--jr-cobalt);margin:0 0 var(--jr-s-4)}h3{font-family:var(--jr-font-display);font-weight:600;font-size:var(--jr-text-xl);line-height:var(--jr-leading-snug);color:var(--jr-charcoal);margin:0 0 var(--jr-s-3)}p{font-family:var(--jr-font-body);font-size:var(--jr-text-base);line-height:var(--jr-leading-body);color:var(--jr-charcoal);margin:0 0 var(--jr-s-4);text-wrap:pretty}a{color:var(--jr-link);text-decoration:none;border-bottom:1px solid var(--jr-cobalt-12);transition:border-color .12s ease,color .12s ease}a:hover{color:var(--jr-link-hover);border-bottom-color:var(--jr-cobalt)}code{font-family:var(--jr-font-mono);font-size:.92em}.page{max-width:760px;margin:0 auto;padding:96px 56px 120px;box-sizing:content-box}.page--wide{max-width:860px}.page--full{max-width:1200px;box-sizing:border-box}.page-head{margin:0 0 40px}.eyebrow{font-family:var(--jr-font-body);font-size:12px;font-weight:700;letter-spacing:var(--jr-tracking-eyebrow);text-transform:uppercase;color:var(--jr-cobalt);margin:0 0 20px}.page-head h1{font-size:52px;line-height:1.06;letter-spacing:-.025em;margin:0 0 20px;text-wrap:balance}.rule{display:block;width:var(--jr-rule-gold-width);height:var(--jr-rule-gold-height);background:var(--jr-gold);border:0;margin:4px 0 28px}.lede,.prose p.lede{font-family:var(--jr-font-display);font-weight:500;font-size:22px;line-height:1.4;color:var(--jr-charcoal);margin:0 0 16px}.prose h2{font-size:28px;line-height:1.2;letter-spacing:0;margin:48px 0 16px}.prose h3{font-size:20px;line-height:1.25;margin:32px 0 10px}.prose p{font-size:17px;line-height:1.65;margin:0 0 16px}.prose ul{padding-left:22px;margin:0 0 16px}.prose li{font-size:17px;line-height:1.65;margin-bottom:10px}.samples{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0 36px}.samples.solo{grid-template-columns:minmax(0,420px);justify-content:center}.samples figure{margin:0}.samples .frame{display:block;aspect-ratio:4 / 5;overflow:hidden;border:1px solid var(--jr-cream-2);border-radius:var(--jr-radius-md);background:var(--jr-cream-2);cursor:zoom-in}.samples .frame.wide{aspect-ratio:16 / 9}.samples .frame.wide img{object-fit:contain;object-position:center}.samples .frame.spread{aspect-ratio:3 / 2}.samples .frame.spread img{object-fit:cover;object-position:center}.samples .frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .16s ease}.samples .frame:hover img,.samples .frame:focus-visible img{transform:scale(1.02)}.samples .frame img:not(:first-child){display:none}.samples .frame:has(img:nth-child(2)){position:relative;overflow:visible;border:0;background:transparent}.samples .frame:has(img:nth-child(2)) img{position:absolute;inset:0;border:1px solid var(--jr-cream-2);border-radius:var(--jr-radius-md);background:var(--jr-cream-2);box-shadow:var(--jr-shadow-deck)}.samples .frame:has(img:nth-child(2)) img:first-child{z-index:3}.samples .frame:has(img:nth-child(2)) img:nth-child(2){display:block;z-index:2;transform:translate(11px)}.samples .frame:has(img:nth-child(2)) img:nth-child(3){display:block;z-index:1;transform:translate(22px)}.samples .frame:has(img:nth-child(2)):hover img:first-child{transform:none}.samples .frame:has(img:nth-child(2)):hover img:nth-child(2){transform:translate(15px)}.samples .frame:has(img:nth-child(2)):hover img:nth-child(3){transform:translate(30px)}.samples figcaption{font-family:var(--jr-font-body);font-size:14px;line-height:1.55;color:var(--jr-charcoal);opacity:.75;margin-top:12px}.lightbox{width:min(860px,94vw);height:92dvh;margin:auto;padding:0;border:0;background:transparent;overflow:hidden}.lightbox-body{height:100%;display:grid;place-items:center}.lightbox::backdrop{background:var(--jr-scrim)}.lightbox-close,.lightbox-prev,.lightbox-next{position:fixed;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--jr-charcoal);color:var(--jr-paper);cursor:pointer;transition:background .12s ease}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:var(--jr-cobalt)}.lightbox-close{top:18px;right:18px}.lightbox-body img{display:block;width:auto;height:auto;max-width:100%;max-height:92dvh;border-radius:var(--jr-radius-md)}.lightbox-prev,.lightbox-next,.lightbox-count{display:none}.lightbox.is-carousel{width:min(880px,94vw);height:94dvh;background:transparent;overflow:hidden}.lightbox.is-carousel .lightbox-body{height:100%;display:grid;place-items:center}.lightbox.is-carousel .lightbox-body img{width:auto;max-width:100%;max-height:100%;border-radius:var(--jr-radius-md)}.lightbox.is-carousel .lightbox-prev{display:grid;left:18px;top:50%;transform:translateY(-50%)}.lightbox.is-carousel .lightbox-next{display:grid;right:18px;top:50%;transform:translateY(-50%)}.lightbox.is-carousel .lightbox-count{display:block;position:fixed;bottom:14px;left:50%;transform:translate(-50%);margin:0;font-family:var(--jr-font-body);font-size:13px;font-variant-numeric:tabular-nums;color:var(--jr-paper);opacity:.85}.page-foot{display:flex;justify-content:space-between;gap:24px;margin-top:64px;padding-top:24px;border-top:1px solid var(--jr-cream-2)}.page-foot a{font-family:var(--jr-font-body);font-size:14px;font-weight:600}@media(max-width:720px){.page{padding:56px 24px 80px}.page-head h1{font-size:36px}.lede{font-size:19px}.samples,.samples.solo{grid-template-columns:1fr}}html,body{margin:0;background:var(--jr-cream)}body{font-family:var(--jr-font-body);color:var(--jr-charcoal);min-height:100vh}.nav{position:sticky;top:0;z-index:10;background:var(--jr-cream);border-bottom:1px solid var(--jr-cream-2)}.nav-inner{max-width:1200px;margin:0 auto;padding:22px 56px;display:flex;justify-content:space-between;align-items:center}.nav .mark{font-family:var(--jr-font-display);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--jr-charcoal);text-decoration:none;border-bottom:none}.nav .mark .dot{display:inline-block;width:6px;height:6px;background:var(--jr-gold);border-radius:50%;margin-left:2px;vertical-align:4px}.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:32px}.nav ul a{font-family:var(--jr-font-body);font-size:14px;font-weight:500;color:var(--jr-charcoal);text-decoration:none;border-bottom:none;letter-spacing:0;transition:color .12s ease}.nav ul a:hover,.nav ul a.active{color:var(--jr-cobalt)}.nav .cta{font-family:var(--jr-font-body);font-size:13px;font-weight:600;color:var(--jr-cobalt);border-bottom:none;text-decoration:none;padding:8px 14px;border:1px solid var(--jr-cobalt);border-radius:var(--jr-radius);transition:background .12s ease,color .12s ease}.nav .cta:hover{background:var(--jr-cobalt);color:var(--jr-cream)}footer{background:var(--jr-charcoal);color:var(--jr-cream);padding:64px 56px 48px}footer .inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:56px;align-items:end}footer .big{font-family:var(--jr-font-display);font-weight:600;font-size:44px;line-height:1.15;color:var(--jr-cream);margin:0;letter-spacing:-.015em;max-width:640px;text-wrap:balance}footer .big a{color:var(--jr-gold);border-bottom:2px solid var(--jr-gold-40);text-decoration:none;transition:border-color .12s ease}footer .big a:hover{border-bottom-color:var(--jr-gold)}footer .meta{font-family:var(--jr-font-body);font-size:12px;color:#f6eddf8c;letter-spacing:.12em;text-transform:uppercase;text-align:right;line-height:1.7}footer .meta a{color:var(--jr-cream);border-bottom:none}footer .meta .copyright{margin-top:14px}a:focus-visible,button:focus-visible{outline:2px solid var(--jr-cobalt);outline-offset:2px}main{position:relative;z-index:0}.page-frame{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,var(--jr-gold) 1.6px,transparent 2px);background-size:16px 16px;opacity:.34;-webkit-mask-image:linear-gradient(to bottom,black 0,black 120px,transparent 520px),linear-gradient(to right,black 0,black calc(50% - var(--frame-clear) - 200px),transparent calc(50% - var(--frame-clear)),transparent calc(50% + var(--frame-clear)),black calc(50% + var(--frame-clear) + 200px),black 100%);mask-image:linear-gradient(to bottom,black 0,black 120px,transparent 520px),linear-gradient(to right,black 0,black calc(50% - var(--frame-clear) - 200px),transparent calc(50% - var(--frame-clear)),transparent calc(50% + var(--frame-clear)),black calc(50% + var(--frame-clear) + 200px),black 100%);mask-composite:add}@media(max-width:720px){.nav-inner{padding:16px 24px;gap:16px}.nav ul{gap:20px}footer{padding:48px 24px 40px}footer .inner{grid-template-columns:1fr;gap:32px}footer .big{font-size:30px}footer .meta{text-align:left}}