:root{--ink: #0B0B0B;--paper: #FAF9F6;--paper-pure: #FFFFFF;--ink-70: #46453F;--ink-50: #6E6D66;--ink-35: #9A998F;--rule: rgba(11, 11, 11, .13);--rule-firm: rgba(11, 11, 11, .28);--font-display: "Instrument Serif", "Times New Roman", Georgia, serif;--font-sans: "Instrument Sans Variable", "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-mono: .75rem;--t-small: .875rem;--t-body: 1.0625rem;--t-lede: clamp(1.1875rem, 1.6vw, 1.375rem);--t-h3: clamp(1.25rem, 1.8vw, 1.5rem);--t-h2: clamp(1.625rem, 3vw, 2.25rem);--t-h1: clamp(2.5rem, 6vw, 4.5rem);--t-hero: clamp(2.875rem, 9vw, 7.5rem);--lh-hero: .94;--lh-title: 1.02;--lh-head: 1.14;--lh-body: 1.62;--lh-tight: 1.35;--tr-hero: -.028em;--tr-title: -.022em;--tr-head: -.014em;--tr-body: -.006em;--tr-mono: .09em;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--s-9: 6rem;--s-10: 8rem;--s-11: 12rem;--w-page: 76rem;--w-prose: 34rem;--w-rail: 13rem;--gutter: clamp(1.25rem, 5vw, 4rem);--ease: cubic-bezier(.2, .7, .2, 1);--dur: .18s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: #F2F1EC;--paper: #000000;--paper-pure: #0C0C0C;--ink-70: #B4B2A9;--ink-50: #85837B;--ink-35: #5C5A54;--rule: rgba(242, 241, 236, .16);--rule-firm: rgba(242, 241, 236, .32)}}:root[data-theme=dark]{--ink: #F2F1EC;--paper: #000000;--paper-pure: #0C0C0C;--ink-70: #B4B2A9;--ink-50: #85837B;--ink-35: #5C5A54;--rule: rgba(242, 241, 236, .16);--rule-firm: rgba(242, 241, 236, .32)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-400-normal.DnYpCC2O.woff2) format("woff2"),url(/_astro/instrument-serif-latin-400-normal.BVbkICAY.woff) format("woff")}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-400-italic.DKMiL14s.woff2) format("woff2"),url(/_astro/instrument-serif-latin-400-italic.u__WvvIK.woff) format("woff")}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-ext-wght-normal.B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-wght-normal.BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff) format("woff")}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}img,svg,video{display:block;max-width:100%;height:auto}button,input,textarea{font:inherit;color:inherit}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--t-body);line-height:var(--lh-body);letter-spacing:var(--tr-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.page{max-width:var(--w-page);margin-inline:auto;padding-inline:var(--gutter)}.prose{max-width:var(--w-prose)}.rule{border:0;border-top:1px solid var(--rule)}.skip{position:absolute;left:-9999px;background:var(--ink);color:var(--paper);padding:var(--s-3) var(--s-4);z-index:100}.skip:focus{left:var(--s-4);top:var(--s-4)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.label{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--ink-35);line-height:1.4}a{color:inherit}a.plain{text-decoration:none}a.u{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--rule-firm);transition:text-decoration-color var(--dur) var(--ease)}a.u:hover{text-decoration-color:currentColor}.masthead{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}.masthead__inner{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-5);padding-block:var(--s-4)}.wordmark{font-family:var(--font-sans);font-size:var(--t-body);font-weight:600;letter-spacing:-.02em;text-decoration:none}.nav{display:flex;gap:var(--s-5)}.nav a{font-size:var(--t-small);text-decoration:none;color:var(--ink-50);transition:color var(--dur) var(--ease)}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.hero{padding-block:clamp(var(--s-8),13vh,var(--s-11)) var(--s-8)}.hero h1{font-family:var(--font-display);font-size:var(--t-hero);line-height:var(--lh-hero);letter-spacing:var(--tr-hero);font-weight:400;max-width:15ch}.hero h1 em{font-style:italic}.hero__deck{margin-top:var(--s-6);max-width:42rem;font-size:var(--t-lede);line-height:1.5;color:var(--ink-70)}.questions{border-top:1px solid var(--rule-firm)}.q{display:grid;grid-template-columns:3.5rem 1fr auto;align-items:center;gap:var(--s-4);padding-block:clamp(var(--s-5),4vw,var(--s-7));border-bottom:1px solid var(--rule);text-decoration:none;transition:padding-left var(--dur) var(--ease)}.q:hover{padding-left:var(--s-3)}.q__n{font-family:var(--font-mono);font-size:var(--t-mono);color:var(--ink-35);letter-spacing:var(--tr-mono)}.q__t{font-family:var(--font-display);font-weight:400;font-size:clamp(1.75rem,4.6vw,3.25rem);line-height:var(--lh-title);letter-spacing:var(--tr-title)}.q__go{font-family:var(--font-mono);font-size:var(--t-mono);color:var(--ink-35)}.q:hover .q__go{color:var(--ink)}.section{padding-block:clamp(var(--s-8),10vw,var(--s-10))}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-5);padding-bottom:var(--s-5);border-bottom:1px solid var(--rule-firm)}h2.sec{font-family:var(--font-display);font-weight:400;font-size:var(--t-h2);line-height:var(--lh-head);letter-spacing:var(--tr-head)}.work-row{display:grid;grid-template-columns:4.5rem minmax(0,1.15fr) minmax(0,1fr) auto;gap:var(--s-5);align-items:baseline;padding-block:var(--s-5);border-bottom:1px solid var(--rule);text-decoration:none;transition:background var(--dur) var(--ease),padding-inline var(--dur) var(--ease)}.work-row:hover{background:color-mix(in srgb,var(--ink) 3.5%,transparent);padding-inline:var(--s-3)}.work-row__client{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--ink-35)}.work-row__title{font-size:var(--t-h3);line-height:var(--lh-tight);letter-spacing:var(--tr-head);font-weight:500}.work-row__blurb{font-size:var(--t-small);color:var(--ink-50);line-height:1.5}.work-row__go{font-family:var(--font-mono);font-size:var(--t-mono);color:var(--ink-35)}.work-row:hover .work-row__go{color:var(--ink)}@media(max-width:44rem){.work-row{grid-template-columns:1fr;gap:var(--s-2)}.work-row__go{display:none}}.caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));border-top:1px solid var(--rule)}.cap{padding:var(--s-6) var(--s-5) var(--s-6) 0;border-bottom:1px solid var(--rule)}.cap h3{font-size:var(--t-body);font-weight:600;letter-spacing:-.012em;margin-bottom:var(--s-2)}.cap p{font-size:var(--t-small);color:var(--ink-50);line-height:1.55;max-width:26rem}.crumbs{display:flex;gap:var(--s-2);padding-block:var(--s-5) 0;flex-wrap:wrap}.crumbs a{text-decoration:none;color:var(--ink-35)}.crumbs a:hover{color:var(--ink)}.crumbs span[aria-current]{color:var(--ink-70)}.title-block{padding-block:var(--s-6) var(--s-8);border-bottom:1px solid var(--rule-firm)}.title-block h1{font-family:var(--font-display);font-weight:400;font-size:var(--t-h1);line-height:var(--lh-title);letter-spacing:var(--tr-title);max-width:20ch}.title-block .deck{margin-top:var(--s-5);max-width:44rem;font-size:var(--t-lede);line-height:1.5;color:var(--ink-70)}.layout{display:grid;grid-template-columns:var(--w-rail) minmax(0,1fr);gap:clamp(var(--s-6),6vw,var(--s-9));padding-block:var(--s-8)}@media(max-width:60rem){.layout{grid-template-columns:minmax(0,1fr)}.rail{position:static!important}}.rail{position:sticky;top:5.5rem;align-self:start}.rail dl{display:grid;gap:var(--s-4);margin-bottom:var(--s-7)}.rail dt{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--ink-35)}.rail dd{font-size:var(--t-small);line-height:1.45}.rail nav{border-top:1px solid var(--rule);padding-top:var(--s-4);display:grid;gap:var(--s-3)}.rail nav a{font-size:var(--t-small);text-decoration:none;color:var(--ink-50);transition:color var(--dur) var(--ease)}.rail nav a:hover{color:var(--ink)}.body>*+*{margin-top:var(--s-5)}.body p{max-width:var(--w-prose)}.body h2{font-family:var(--font-display);font-weight:400;font-size:var(--t-h2);line-height:var(--lh-head);letter-spacing:var(--tr-head);margin-top:var(--s-9);padding-top:var(--s-4);border-top:1px solid var(--rule)}.body h3{font-size:var(--t-h3);font-weight:600;letter-spacing:-.014em;margin-top:var(--s-7)}.body ul{max-width:var(--w-prose);padding-left:0;list-style:none}.body ul li{position:relative;padding-left:var(--s-5);margin-top:var(--s-3)}.body ul li:before{content:"—";position:absolute;left:0;color:var(--ink-35)}.body strong{font-weight:600}.specimen{margin:var(--s-7) 0;max-width:44rem;border:1px solid var(--rule-firm);background:var(--paper-pure)}.specimen__label{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--ink-35);padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}.specimen__body{padding:var(--s-6) var(--s-5)}.specimen__body>*+*{margin-top:var(--s-3)}.specimen__body p{font-size:1.1875rem;line-height:1.45;letter-spacing:-.014em;max-width:32rem}.specimen__body p.lead{font-size:1.5rem;font-weight:500;letter-spacing:-.022em;line-height:1.2}.specimen__body .btn{display:inline-block;margin-top:var(--s-4);border:1px solid var(--rule-firm);border-radius:100px;padding:var(--s-2) var(--s-5);font-size:var(--t-small);font-weight:500}.specimen figcaption{padding:var(--s-4) var(--s-5);border-top:1px solid var(--rule);font-size:var(--t-small);color:var(--ink-50);line-height:1.5}.specimen figcaption b{color:var(--ink);font-weight:600}.specimen--pair .specimen__body{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}.specimen--pair .cell{padding:var(--s-5)}.specimen--pair .cell .label{margin-bottom:var(--s-3)}.specimen--pair .cell p{font-size:1.0625rem;line-height:1.45}@media(max-width:40rem){.specimen--pair .specimen__body{grid-template-columns:1fr}.specimen--pair .cell+.cell{border-left:0;border-top:1px solid var(--rule)}}.stat{margin:var(--s-8) 0;max-width:44rem;border-top:1px solid var(--rule-firm);padding-top:var(--s-5)}.stat__n{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);line-height:.95;letter-spacing:-.03em}.stat__t{margin-top:var(--s-3);font-size:var(--t-small);color:var(--ink-50);max-width:30rem;line-height:1.5}.foot{border-top:1px solid var(--rule-firm);padding-block:var(--s-8) var(--s-7);margin-top:var(--s-8)}.foot__grid{display:flex;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap;align-items:flex-end}.foot__cta{font-family:var(--font-display);font-size:clamp(1.75rem,4.4vw,3rem);line-height:var(--lh-title);letter-spacing:var(--tr-title)}.foot__links{display:flex;gap:var(--s-5);font-size:var(--t-small)}.foot__links a{color:var(--ink-50);text-decoration:none}.foot__links a:hover{color:var(--ink)}.theme-btn{background:none;border:1px solid var(--rule-firm);border-radius:100px;width:2rem;height:2rem;display:grid;place-items:center;cursor:pointer;color:var(--ink-50);padding:0;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.theme-btn:hover{color:var(--ink);border-color:var(--ink)}.theme-btn svg{width:14px;height:14px}.theme-btn .i-moon{display:none}:root[data-theme=dark] .theme-btn .i-moon{display:block}:root[data-theme=dark] .theme-btn .i-sun{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-btn .i-moon{display:block}:root:not([data-theme=light]) .theme-btn .i-sun{display:none}}.nav{align-items:center}.section__intro{max-width:40rem;padding-top:var(--s-5);font-size:var(--t-lede);line-height:1.5;color:var(--ink-70)}.contact{border-top:1px solid var(--rule-firm);padding-block:clamp(var(--s-8),9vw,var(--s-10))}.contact__lead{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,5.5vw,3.75rem);line-height:var(--lh-title);letter-spacing:var(--tr-title);max-width:17ch}.contact__say{margin-top:var(--s-5);max-width:40rem;font-size:var(--t-lede);line-height:1.5;color:var(--ink-70)}.avail{display:flex;gap:var(--s-2) var(--s-3);flex-wrap:wrap;margin-top:var(--s-6)}.pill{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;border:1px solid var(--rule-firm);border-radius:100px;padding:var(--s-2) var(--s-4);color:var(--ink-70)}.pill--live{display:inline-flex;align-items:center;gap:var(--s-2)}.pill--live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink);flex:none}.contact__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:0;margin-top:var(--s-8);border-top:1px solid var(--rule)}.contact__grid div{padding:var(--s-5) var(--s-5) var(--s-5) 0;border-bottom:1px solid var(--rule)}.contact__grid p{font-size:var(--t-small);line-height:1.5;color:var(--ink-50);max-width:22rem}.contact__grid .label{margin-bottom:var(--s-2)}.reach{display:flex;gap:var(--s-6);flex-wrap:wrap;align-items:baseline;margin-top:var(--s-7)}.reach a.big{font-family:var(--font-display);font-size:clamp(1.5rem,3.6vw,2.5rem);letter-spacing:var(--tr-title);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--rule-firm)}.reach a.big:hover{text-decoration-color:currentColor}.aiask{margin-top:var(--s-8);border-top:1px solid var(--rule);padding-top:var(--s-5)}.aiask__row{display:flex;gap:var(--s-3);flex-wrap:wrap;margin-top:var(--s-4)}.aiask__row a{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;border:1px solid var(--rule-firm);border-radius:100px;padding:var(--s-3) var(--s-5);text-decoration:none;color:var(--ink-70);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.aiask__row a:hover{color:var(--ink);border-color:var(--ink)}.rail nav a{position:relative;padding-left:var(--s-4)}.rail nav a:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:1px;background:var(--ink-35);transition:width var(--dur) var(--ease),background var(--dur) var(--ease)}.rail nav a.is-active{color:var(--ink);font-weight:600}.rail nav a.is-active:before{width:8px;background:var(--ink)}.specimen--figure .specimen__body{padding:0}.specimen--figure img{width:100%;display:block}.ph-img{aspect-ratio:16 / 10;display:grid;place-items:center;background:repeating-linear-gradient(45deg,transparent,transparent 9px,var(--rule) 9px,var(--rule) 10px);color:var(--ink-35);font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;text-align:center;padding:var(--s-5)}.specimen--faq .specimen__body{padding:0}.faq-item{padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--rule)}.faq-item:last-child{border-bottom:0}.faq-item h4{font-size:var(--t-body);font-weight:600;letter-spacing:-.012em}.faq-item p{margin-top:var(--s-2);font-size:var(--t-small);color:var(--ink-50);line-height:1.55;max-width:34rem}.specimen--code .specimen__body{padding:0}.specimen--code pre{margin:0;padding:var(--s-5);overflow-x:auto;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;letter-spacing:0;color:var(--ink-70)}.specimen--code pre b{color:var(--ink);font-weight:500}.specimen--table .specimen__body{padding:0;overflow-x:auto}.specimen table{width:100%;border-collapse:collapse;font-size:var(--t-small)}.specimen th,.specimen td{text-align:left;padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--rule)}.specimen th{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--ink-35);font-weight:400}.specimen td:not(:first-child),.specimen th:not(:first-child){text-align:center}.specimen tbody tr:last-child td{border-bottom:0}.specimen--steps .specimen__body{padding:var(--s-5)}.specimen--steps ol{margin:0;padding:0;list-style:none;counter-reset:st}.specimen--steps li{counter-increment:st;position:relative;padding-left:var(--s-7);margin-top:var(--s-4);font-size:var(--t-small);line-height:1.55;max-width:34rem}.specimen--steps li:first-child{margin-top:0}.specimen--steps li:before{content:counter(st,decimal-leading-zero);position:absolute;left:0;top:.1em;font-family:var(--font-mono);font-size:var(--t-mono);color:var(--ink-35);letter-spacing:var(--tr-mono)}.specimen--steps li b{font-weight:600}.specimen--meta .specimen__body{padding:var(--s-5)}.kv{display:grid;grid-template-columns:minmax(9rem,auto) 1fr;gap:var(--s-2) var(--s-5);font-size:var(--t-small)}.kv dt{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:var(--tr-mono);color:var(--ink-35);text-transform:none}.kv dd{color:var(--ink-70);line-height:1.5;word-break:break-word}.specimen--takeaways .specimen__body{padding:var(--s-5)}.specimen--takeaways ul{list-style:none;padding:0;margin:0}.specimen--takeaways li{position:relative;padding-left:var(--s-5);margin-top:var(--s-3);font-size:var(--t-small);line-height:1.55;max-width:34rem}.specimen--takeaways li:first-child{margin-top:0}.specimen--takeaways li:before{content:"→";position:absolute;left:0;color:var(--ink-35)}.specimen--takeaways li b{font-weight:600}.specimen--wide{max-width:none}.specimen__why{margin:var(--s-5) calc(-1 * var(--s-5)) calc(-1 * var(--s-6));padding:var(--s-4) var(--s-5);border-top:1px solid var(--rule);font-size:var(--t-small);color:var(--ink-50);line-height:1.55}.specimen__why>:first-child{margin-top:0}.specimen__why p{max-width:44rem}.specimen__why strong{color:var(--ink);font-weight:600}.specimen--pair .specimen__why,.specimen--faq .specimen__why,.specimen--table .specimen__why,.specimen--code .specimen__why,.specimen--figure .specimen__why{margin:0}.specimen--pair .specimen__body,.specimen--faq .specimen__body,.specimen--table .specimen__body,.specimen--code .specimen__body,.specimen--figure .specimen__body{display:block}.specimen--pair .cells{display:grid;grid-template-columns:1fr 1fr}.specimen--pair .cell+.cell{border-left:1px solid var(--rule)}@media(max-width:40rem){.specimen--pair .cells{grid-template-columns:1fr}.specimen--pair .cell+.cell{border-left:0;border-top:1px solid var(--rule)}}.specimen__label a{color:inherit;text-decoration:underline;text-underline-offset:.2em}.specimen__label a:hover{color:var(--ink)}.specimen--system .specimen__body{padding:var(--s-5) var(--s-5) var(--s-6)}.specimen--system p{max-width:40rem;font-size:var(--t-small);line-height:1.6}.specimen--system p+p{margin-top:var(--s-4)}.specimen--system strong{font-weight:600;color:var(--ink)}.specimen--system em{font-style:italic}.specimen__body table{width:100%;border-collapse:collapse;font-size:var(--t-small)}.specimen__body ol,.specimen__body ul{margin:0}.specimen__body pre{margin:0;padding:var(--s-5);overflow-x:auto;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6}.specimen__body code{font-family:var(--font-mono);font-size:.9em}.hold{border:1px dashed var(--rule-firm);padding:var(--s-5);font-size:var(--t-small);color:var(--ink-50);line-height:1.55;max-width:44rem;margin-bottom:var(--s-6)}.body>.stat:first-child{margin-top:0}.specimen__why p,.specimen__why li{font-size:var(--t-small);line-height:1.55;letter-spacing:var(--tr-body);max-width:44rem}.specimen__why p+p{margin-top:var(--s-3)}.pagenav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule-firm);margin-top:var(--s-8)}.pagenav__item{display:block;text-decoration:none;padding:var(--s-6) var(--s-5) var(--s-7) 0;transition:background var(--dur) var(--ease)}.pagenav__item+.pagenav__item{border-left:1px solid var(--rule);padding-left:var(--s-5);padding-right:0;text-align:right}.pagenav__item:hover{background:color-mix(in srgb,var(--ink) 3.5%,transparent)}.pagenav__dir{display:block;margin-bottom:var(--s-3)}.pagenav__title{display:block;font-family:var(--font-display);font-weight:400;font-size:clamp(1.125rem,2.1vw,1.5rem);line-height:1.2;letter-spacing:var(--tr-head);max-width:22ch}.pagenav__item+.pagenav__item .pagenav__title{margin-left:auto}.pagenav__client{display:block;margin-top:var(--s-3)}@media(max-width:44rem){.pagenav{grid-template-columns:1fr}.pagenav__item{padding:var(--s-5) 0;border-bottom:1px solid var(--rule)}.pagenav__item+.pagenav__item{border-left:0;text-align:left;padding-left:0}.pagenav__item+.pagenav__item .pagenav__title{margin-left:0}.pagenav__title{max-width:none}}.specimen__body p,.specimen--pair .cell p,.specimen--steps li,.specimen--takeaways li,.specimen--system p,.faq-item p{font-size:var(--t-body);line-height:1.5;letter-spacing:var(--tr-body)}.specimen__body p,.specimen--steps li,.specimen--takeaways li,.faq-item p{max-width:38rem}.specimen--system p{max-width:40rem}.faq-item p{color:var(--ink-70)}.faq-item h4{font-size:var(--t-body)}.specimen table,.specimen__body table,.kv{font-size:.9375rem;line-height:1.5}.specimen th,.kv dt{font-size:var(--t-mono)}.specimen__body pre{font-size:.9375rem;line-height:1.65}.specimen__why,.specimen__why p,.specimen__why li{font-size:var(--t-small);line-height:1.6}.specimen--figure{background:#000;border-color:#ffffff29}.specimen--figure .specimen__label{color:#f2f1ec8c;border-bottom-color:#ffffff24}.specimen--figure .specimen__label a{color:#f2f1ec8c}.specimen--figure .specimen__label a:hover{color:#f2f1ec}.specimen--figure .specimen__body{display:block;padding:0}.specimen--figure .specimen__body>p{margin:0;padding:clamp(var(--s-5),5vw,var(--s-8)) clamp(var(--s-4),4vw,var(--s-7));text-align:center;max-width:none}.specimen--figure img{display:inline-block;width:100%;max-width:30rem;height:auto;border-radius:12px}.specimen--figure.is-detail img{max-width:34rem;border-radius:10px}.specimen--figure .specimen__why{margin:0;padding:var(--s-4) clamp(var(--s-4),4vw,var(--s-7));border-top:1px solid rgba(255,255,255,.14);color:#f2f1eca8}.specimen--figure .specimen__why strong{color:#f2f1ec}.portrait{float:right;width:clamp(9rem,26%,14rem);margin:0 0 var(--s-5) var(--s-6)}.portrait img{width:100%;height:auto;display:block;border-radius:50%}.portrait figcaption{margin-top:var(--s-3)}@media(max-width:40rem){.portrait{float:none;width:11rem;margin:0 0 var(--s-5) 0}}.specimen--table .specimen__body{overflow-x:auto;-webkit-overflow-scrolling:touch}.specimen--table table{min-width:30rem}.specimen--table th,.specimen--table td{white-space:normal}.specimen img,.specimen pre,.specimen table{max-width:100%}.specimen--figure img{max-width:min(30rem,100%)}.specimen--figure.is-detail img{max-width:min(34rem,100%)}.body,.specimen__body,.specimen__why{overflow-wrap:break-word}