:root{--font-headline:"DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-dm:"Geist", "Helvetica Neue", Helvetica, Arial, sans-serif;--cream:#fff;--ink:#1e1f1a;--ink-soft:#55584e;--accent:#e2571e;--accent-red:#d95d4a;--dot:#12140f1c;--rule:#12140f24;--content-max:864px;--case-section:60px;--group:24px;--hero-to-content:112px;--text-body:16px;--leading-body:1.4;--text-heading:24px;--text-title:28px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background-color:var(--cream);background-image:radial-gradient(var(--dot) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-position:11px 11px;background-size:22px 22px}.site-nav{z-index:40;background:linear-gradient(to bottom, var(--cream) 60%, #fff0);justify-content:space-between;align-items:center;padding:10px 34px;display:flex;position:absolute;top:0;left:0;right:0}.mark{line-height:0;text-decoration:none;display:block}.mark img{width:auto;height:78px;display:block}.site-nav .links{align-items:center;gap:22px;display:flex}.site-nav .links a{font-family:"DM Sans", var(--font-body);letter-spacing:.01em;color:#4e0404;border-bottom:1.5px solid #0000;padding-bottom:3px;font-size:14px;font-weight:700;text-decoration:none;transition:color .16s,border-color .16s}.site-nav .links a:hover,.site-nav .links a:focus-visible{color:#4e0404;border-bottom-color:#4e0404}main{max-width:calc(150px + 44px + var(--content-max) + 2 * clamp(24px, 5vw, 44px));grid-template-columns:150px minmax(0, var(--content-max));backdrop-filter:blur(12px);background:#ffffffc7;border-radius:16px 16px 0 0;grid-template-rows:min-content min-content 1fr;align-items:start;column-gap:44px;margin:0 auto;padding:104px clamp(24px,5vw,44px) 140px;display:grid;position:relative}main>*{grid-column:2}.back{z-index:5;font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink);backdrop-filter:blur(4px);background:#ffffffd1;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;text-decoration:none;transition:gap .16s,background .16s;display:inline-flex;position:absolute;top:116px;left:clamp(20px,5vw,60px)}.back:hover,.back:focus-visible{background:#fffffff5;gap:13px}.hero-media{background:#ecece8;place-items:center;width:100%;height:558px;display:grid;position:relative;overflow:hidden}.hero-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-media .ph-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-soft);font-size:12px}.hero-media:not(.ph) .ph-label{display:none}.hero-text{max-width:var(--content-max);margin:0 auto 6px}.hero-kicker{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-soft);margin-bottom:14px;font-size:13px}.hero-title{font-family:var(--font-headline);font-weight:700;font-size:var(--text-title);letter-spacing:-.02em;text-transform:none;color:var(--ink);margin-bottom:16px;line-height:1.2}.hero-sub{font-family:var(--font-dm);font-size:var(--text-body);color:var(--ink-soft);line-height:1.5}.hero-sub+.hero-sub{margin-top:12px}.meta-strip{max-width:var(--content-max);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:40px auto 0;display:grid}.meta-col{border-left:1px solid var(--rule);padding:18px 22px}.meta-col:first-child{border-left:0;padding-left:0}.meta-col dt{font-family:var(--font-dm);letter-spacing:0;color:var(--ink-soft);margin-bottom:6px;font-size:13px}.meta-col dd{font-family:var(--font-mono);color:var(--ink);font-size:12px;line-height:1.45}.cs-content{max-width:var(--content-max);margin:48px auto 0}.section-nav{z-index:30;grid-area:1/1/-1;align-self:start;position:sticky;top:100px}.section-nav-inner{flex-direction:column;gap:12px;display:flex}.section-nav a{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-soft);border-left:2px solid #0000;padding:2px 0 2px 12px;font-size:14px;text-decoration:none;transition:color .14s,border-color .14s}.section-nav a:hover,.section-nav a:focus-visible{color:var(--ink)}.section-nav a.active{color:var(--ink);border-left-color:var(--accent);font-weight:600}.cs-section{scroll-margin-top:112px}.cs-section+.cs-section{margin-top:var(--case-section);padding-top:var(--case-section);border-top:1px solid var(--rule)}.cs-kicker{font-family:var(--font-dm);letter-spacing:0;color:var(--ink-soft);margin-bottom:8px;font-size:16px}.cs-h{font-family:var(--font-headline);font-weight:700;font-size:var(--text-heading);letter-spacing:-.02em;text-transform:none;color:var(--ink);margin-bottom:var(--group);line-height:1.25}.eyebrow{font-family:var(--font-dm);letter-spacing:0;color:var(--ink-soft);margin-bottom:8px;font-size:16px}.prose p{font-family:var(--font-dm);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:0;color:var(--ink);margin-bottom:16px}.prose p:last-child{margin-bottom:0}.prose+.prose{margin-top:16px}.prose strong{font-weight:600}.hl{box-decoration-break:clone;background-color:#c2e6ff;padding:.02em .1em}.pull{font-family:var(--font-dm);color:var(--ink);margin:40px auto;font-size:27px;font-weight:600;line-height:1.35}.subhead{font-family:var(--font-dm);color:var(--ink);margin:40px auto 12px;font-size:18px;font-weight:600;line-height:1.35}.cs-quote{margin:36px auto}.cs-quote p{font-family:var(--font-dm);color:var(--ink);quotes:\"“\" \"”\";font-size:22px;font-weight:500;line-height:1.4}.cs-quote p:before{content:open-quote}.cs-quote p:after{content:close-quote}.cs-quote cite{font-family:var(--font-mono);letter-spacing:.01em;color:var(--ink-soft);margin-top:12px;font-size:13px;font-style:normal;display:block}.testimonial{border:1px solid var(--rule);background:#c2e6ff29;border-radius:8px;margin:40px auto;padding:28px 30px}.testimonial-q{font-family:var(--font-dm);color:var(--ink);font-size:20px;font-weight:500;line-height:1.5}.testimonial-q:before{content:"“"}.testimonial-q:after{content:"”"}.testimonial-attr{font-family:var(--font-mono);letter-spacing:.01em;color:var(--ink-soft);margin-top:16px;font-size:13px;line-height:1.5}.testimonial-attr a{color:var(--ink);border-bottom:1.5px solid var(--accent);text-decoration:none;transition:color .14s,border-color .14s}.testimonial-attr a:hover,.testimonial-attr a:focus-visible{color:var(--ink-soft);border-bottom-color:var(--ink-soft)}.callout{border:1px solid var(--rule);background:#54584e0d;border-radius:8px;margin:32px auto;padding:24px 26px}.callout h4{font-family:var(--font-dm);color:var(--ink);margin-bottom:10px;font-size:17px;font-weight:700;line-height:1.3}.callout p{font-family:var(--font-dm);color:var(--ink);margin-bottom:.9em;font-size:15px;line-height:1.65}.callout p:last-child{margin-bottom:0}.compdisc{margin:28px auto 8px}.compdisc-toggle{font-family:var(--font-dm);color:var(--ink);background:var(--accent);cursor:pointer;border:1px solid #1e1f1a1f;border-radius:999px;align-items:center;gap:9px;padding:9px 18px;font-size:14px;font-weight:600;transition:filter .16s,box-shadow .16s;display:inline-flex}.compdisc-toggle:hover{filter:brightness(.96);box-shadow:0 1px 2px #1e1f1a24}.compdisc-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.compdisc-toggle .chev{font-size:12px;line-height:1;transition:transform .2s}.compdisc-toggle .lbl-close,.compdisc-toggle[aria-expanded=true] .lbl-open{display:none}.compdisc-toggle[aria-expanded=true] .lbl-close{display:inline}.compdisc-toggle[aria-expanded=true] .chev{transform:rotate(180deg)}.compdisc-panel{opacity:0;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.compdisc-panel.is-open{opacity:1}.ca-list{margin:18px 0 4px;padding:0;list-style:none}.ca-entry+.ca-entry{margin-top:32px}.ca-head{border-bottom:1px solid #1e1f1a26;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding-bottom:9px;display:flex}.ca-n{font-family:var(--font-mono);letter-spacing:.14em;color:#1e1f1a73;font-size:10px}.ca-org{font-family:var(--font-dm);text-transform:uppercase;letter-spacing:.08em;color:var(--ink);font-size:14px;font-weight:600}.ca-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:#1e1f1a8c;white-space:nowrap;border:1px solid #1e1f1a33;border-radius:3px;margin-left:auto;padding:4px 10px;font-size:10px}.ca-cols{grid-template-columns:1fr 1fr;gap:26px;margin-top:14px;display:grid}.ca-label{font-family:var(--font-dm);text-transform:uppercase;letter-spacing:.1em;color:#1e1f1a80;margin-bottom:6px;font-size:10px}.ca-text{font-family:var(--font-dm);color:var(--ink);font-size:13px;line-height:1.6}.ca-text--muted{color:#1e1f1abf}@media (width<=800px){.ca-cols{grid-template-columns:1fr;gap:16px}}.deflist{margin:28px auto}.deflist-kicker{font-family:var(--font-dm);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:10px;font-size:12px;font-weight:600}.deflist-h{font-family:var(--font-headline);letter-spacing:-.02em;color:var(--ink);margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.25}.deflist-intro{font-family:var(--font-dm);font-size:var(--text-body);color:var(--ink);margin-bottom:24px;line-height:1.5}.deflist-grid{grid-template-columns:1fr 1fr;gap:24px 40px;margin:0;display:grid}.deflist-item dt{font-family:var(--font-dm);color:var(--ink);margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.4}.deflist-item dd{font-family:var(--font-dm);color:#1e1f1ab3;margin:0;font-size:13px;line-height:1.6}@media (width<=700px){.deflist-grid{grid-template-columns:1fr}}.bracegroups{margin-top:4px}.bg-group+.bg-group{margin-top:48px}.bg-label{font-family:var(--font-dm);text-transform:uppercase;letter-spacing:.1em;color:#1e1f1a8c;margin:0 0 14px;font-size:12px;font-weight:600}.bg-brace{border-left:2px solid #1e1f1ab3;margin:0;padding:0 0 0 24px;list-style:none;position:relative}.bg-brace:before,.bg-brace:after{content:"";background:#1e1f1ab3;width:9px;height:2px;position:absolute;left:0}.bg-brace:before{top:0}.bg-brace:after{bottom:0}.bg-row{font-size:13px;line-height:1.6}.bg-row+.bg-row{margin-top:20px}.bg-term{font-family:var(--font-dm);color:var(--ink);font-size:13px;font-weight:600}.bg-exp{font-family:var(--font-dm);color:#1e1f1ab3;font-size:13px;line-height:1.6}.bg-group--light .bg-brace{border-left-width:1px;border-left-color:#1e1f1a4d}.bg-group--light .bg-brace:before,.bg-group--light .bg-brace:after{background:#1e1f1a4d;width:8px;height:1px}.bg-group--light .bg-term{color:#1e1f1aa6}@media (width<=700px){.bg-brace{padding-left:16px}.bg-term{margin-bottom:2px;display:block}}@media (prefers-reduced-motion:reduce){.compdisc-panel,.compdisc-toggle .chev{transition:none}}.timeline{margin:30px auto;list-style:none}.timeline li{padding:0 0 26px 56px;position:relative}.timeline li:before{content:"";background:var(--rule);width:2px;position:absolute;top:34px;bottom:-2px;left:15px}.timeline li:last-child{padding-bottom:0}.timeline li:last-child:before{display:none}.tl-n{border:2px solid var(--accent);background:var(--cream);width:32px;height:32px;font-family:var(--font-mono);color:var(--ink);z-index:1;border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:0;left:0}.tl-head{font-family:var(--font-dm);color:var(--ink);padding-top:5px;font-size:16px;font-weight:700;line-height:1.3}.tl-meta{font-family:var(--font-mono);letter-spacing:.01em;color:var(--ink-soft);margin:3px 0 8px;font-size:12px}.tl-text{font-family:var(--font-dm);color:var(--ink);font-size:15px;line-height:1.6}.stat-row{margin:var(--group) 0;gap:18px 26px;display:grid}.stat-row.compact{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));padding:18px 0}.stat-row.large{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));padding:10px 0}.stat-n{font-family:var(--font-headline);color:var(--ink);font-weight:700;line-height:1;display:block}.stat-row.compact .stat-n{font-size:28px}.stat-row.large .stat-n{color:var(--accent);font-size:clamp(44px,5vw,66px)}.stat-l{font-family:var(--font-dm);letter-spacing:0;color:var(--ink-soft);margin-top:7px;font-size:13px;line-height:1.5;display:block}.pattern-list{margin:var(--group) 0;list-style:none}.pattern-list li{border-top:1px solid var(--rule);gap:18px;padding:18px 0;display:flex}.pattern-list li:last-child{border-bottom:1px solid var(--rule)}.pat-n{font-family:var(--font-headline);color:var(--accent);flex:0 0 34px;font-size:22px;font-weight:700;line-height:1.2}.pattern-list strong{font-family:var(--font-dm);margin-bottom:5px;font-size:15px;font-weight:700;display:block}.pattern-list p{font-family:var(--font-dm);color:var(--ink);font-size:15px;line-height:1.65}.tile-row{margin:var(--group) 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;list-style:none;display:grid}.tile-row li{border:1px solid var(--rule);background:#fff9;border-radius:6px;padding:18px}.tile-n{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);margin-bottom:10px;font-size:11px;display:block}.tile-row p{font-family:var(--font-dm);color:var(--ink);font-size:14px;line-height:1.6}.tile-row p strong{font-weight:700}.fig{width:100%;margin:32px auto}.fig .shot{aspect-ratio:16/9;background:#1e1f1a0d;border-radius:4px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.fig .shot.ph{border:1.5px dashed #1e1f1a47}.fig .shot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fig .shot video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.fig .shot.natural{aspect-ratio:auto;background:0 0;display:block;overflow:visible}.fig .shot.natural video{width:auto;max-width:100%;height:auto;max-height:500px;margin:0 auto;display:block;position:static}.fig .shot .ph-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);text-align:center;padding:10px;font-size:10px}.fig .shot:not(.ph) .ph-label{display:none}.fig figcaption{font-family:var(--font-mono);letter-spacing:.01em;color:var(--ink-soft);margin-top:12px;font-size:14px}.pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pair-label{font-family:var(--font-dm);letter-spacing:0;color:var(--ink-soft);margin-bottom:7px;font-size:13px}.pair-cell .shot img{object-fit:contain}.cs-tabs .tablist{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.cs-tabs .tab{font-family:var(--font-mono);letter-spacing:.01em;color:var(--ink-soft);border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:999px;padding:6px 16px;font-size:13px;transition:background .14s,color .14s,border-color .14s}.cs-tabs .tab:hover{color:var(--ink)}.cs-tabs .tab:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.cs-tabs .tab[aria-selected=true]{color:var(--ink);background:var(--accent);border-color:var(--accent)}.cs-tabs .tabpanel[hidden]{display:none}.cs-tabs .tabpanel .shot{aspect-ratio:auto;background:#1e1f1a0d;border-radius:4px;width:100%;display:block;overflow:hidden}.cs-tabs .tabpanel .shot.ph{aspect-ratio:16/9;border:1.5px dashed #1e1f1a47;place-items:center;display:grid}.cs-tabs .tabpanel .shot img,.cs-tabs .tabpanel .shot video{object-fit:contain;width:100%;height:auto;margin:0 auto;display:block;position:static}.cs-tabs .tabpanel .shot:not(.ph) .ph-label{display:none}.takeaways{list-style:none}.takeaways li{font-family:var(--font-dm);color:var(--ink);border-bottom:1px solid var(--rule);padding:14px 0 14px 26px;font-size:15px;line-height:1.65;position:relative}.takeaways li:before{content:"→";color:var(--accent);position:absolute;left:0}.takeaways li:first-child{border-top:1px solid var(--rule)}@media (width<=820px){main{border-radius:0;max-width:100%;padding:104px 16px 84px;display:block}.site-nav .links{display:none}.hero-media{height:432px}.hero-text,.meta-strip,.cs-content{max-width:100%}.cs-content{margin-top:28px}.cs-section+.cs-section{margin-top:44px;padding-top:44px}.fig{margin:24px auto}.meta-strip{grid-template-columns:1fr 1fr!important}.meta-col:nth-child(odd){border-left:0;padding-left:0}.section-nav{border-bottom:1px solid var(--rule);backdrop-filter:blur(8px);background:#ffffffeb;grid-row:auto;align-self:auto;margin:0 -16px 8px;padding:10px 16px;position:sticky;top:98px}.section-nav-inner{scrollbar-width:none;flex-direction:row;gap:20px;overflow-x:auto}.section-nav a{border-bottom:2px solid #0000;border-left:0;padding:6px 0}.section-nav a.active{border-left:0;border-bottom-color:var(--accent)}.pair{grid-template-columns:1fr}}@media (width<=480px){.meta-strip{grid-template-columns:1fr!important}.meta-col{border-left:0;padding-left:0}.stat-row.compact{grid-template-columns:1fr 1fr}}
