/* The diagrams show changes in the writing. No new interaction is needed. */
.br-home .sw-scope{--sw-note:var(--sub);padding-block:60px}
.br-home #scope.sw-scope,.br-home #scope>.rv-anchor{scroll-margin-top:0}
.br-home .sw-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end;margin-bottom:32px}
.br-home .sw-heading>.br-kicker{grid-column:1/-1;margin-bottom:17px}
.br-home .sw-heading h2{font-size:2.15em;line-height:1.17;max-width:21ch;margin:0;letter-spacing:-.035em;text-wrap:balance}
.br-home .sw-lead{font-size:1em;line-height:1.7;max-width:55ch;margin:0}
.br-home .sw-study{margin:0;padding:0;border-top:1px solid var(--line)}
.br-home .sw-study>figcaption{font-size:.73em;color:var(--sub);line-height:1.6;padding-top:15px;margin:0}
.br-home .sw-study ol{list-style:none;margin:0;padding:0}
.br-home .sw-study li{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:70px;position:relative;min-height:146px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}
.sw-record{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:18px;min-width:0;padding-left:4px}
.sw-step-number{font-size:.68em;color:var(--sub);align-self:start;margin-top:13px;font-variant-numeric:tabular-nums}
.br-home .sw-record>p{font-size:1.65em;line-height:1.7;letter-spacing:-.025em;margin:0;max-width:25ch;text-wrap:balance}
.sw-ink{display:inline-block;width:6em;vertical-align:middle;line-height:1}
.sw-ink svg{display:block;width:100%;height:auto;overflow:visible}
.sw-record-1 .sw-ink{width:5em;max-width:100%}
.sw-added{position:relative;display:inline-block;font-weight:580;white-space:nowrap;padding-bottom:3px}
.sw-added>svg{position:absolute;width:100%;height:10px;bottom:0;left:0;fill:none;stroke:currentColor;stroke-width:1.05;stroke-linecap:round;opacity:.82;overflow:visible}
.br-home .sw-note h3{font-size:.94em;line-height:1.5;font-weight:550;margin:0 0 8px;max-width:32ch}
.br-home .sw-note p{font-size:.84em;color:var(--sub);line-height:1.65;margin:0;max-width:38ch}
.sw-arrow{position:absolute;width:23px;height:34px;left:50px;bottom:-19px;fill:none;stroke:var(--sub);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;background:var(--bg);z-index:1}
.br-home .sw-takeaway{font-size:1.12em;line-height:1.65;max-width:70ch;margin:27px 0 36px;padding-left:52px}
.sw-breadth{border-top:2px solid var(--ink);padding-top:28px}
.sw-breadth-head{display:flex;justify-content:space-between;gap:25px;align-items:baseline;margin-bottom:24px}
.br-home .sw-breadth-head h3{font-size:1.4em;line-height:1.4;margin:0;font-weight:530;letter-spacing:-.025em}
.br-home .sw-breadth-head>p{font-size:.73em;color:var(--sub);margin:0}
.br-home .sw-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none}
.sw-examples>li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:20px;align-items:start;min-width:0}
.sw-example-art{border-bottom:1px solid var(--line);padding-bottom:14px;transform:rotate(-2deg)}
.sw-example-art .sw-ink{width:100%}
.sw-examples>li:nth-child(1) .sw-ink{max-width:32px}
.sw-examples>li:nth-child(2) .sw-example-art{transform:rotate(2deg)}
.br-home .sw-examples h4{font-size:.72em;color:var(--sub);line-height:1.5;font-weight:450;margin:0 0 8px}
.br-home .sw-examples p{font-size:1.04em;line-height:1.55;margin:0;max-width:24ch}
.br-home .sw-scope-caption{font-size:.91em;line-height:1.7;max-width:80ch;margin:26px 0 0}
.sw-closing{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding-top:24px;margin-top:28px;border-top:1px solid var(--line)}
.br-home .sw-closing p{font-size:.85em;line-height:1.75;max-width:58ch;margin:0}
.sw-closing strong{font-weight:500}
@media(max-width:1000px){.br-home .sw-heading{column-gap:40px}.br-home .sw-heading h2{font-size:1.9em}.br-home .sw-study li{gap:40px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.sw-examples>li{grid-template-columns:1fr;gap:14px}.sw-example-art{width:64px}.br-home .sw-examples{gap:30px}.sw-closing{gap:35px}}
@media(max-width:700px){
 .br-home .sw-scope{padding-block:36px}
 .br-home .sw-heading{grid-template-columns:1fr;gap:0;margin-bottom:25px}
 .br-home .sw-heading h2{font-size:1.75em;max-width:23ch;line-height:1.2;margin-bottom:18px}
 .br-home .sw-lead{font-size:.96em;line-height:1.65}
 .br-home .sw-study>figcaption{font-size:.69em;max-width:36ch;padding-top:14px}
 .br-home .sw-study li{grid-template-columns:1fr;gap:14px;min-height:0;padding:28px 0 25px}
 .sw-record{grid-template-columns:22px minmax(0,1fr);gap:12px;padding:0}
 .sw-step-number{margin-top:8px}
 .br-home .sw-record>p{font-size:1.35em;line-height:1.8;max-width:23ch;text-wrap:pretty}
 .sw-record-1 .sw-ink{width:5.1em}
 .sw-note{padding-left:34px}
 .br-home .sw-note h3{font-size:.9em;line-height:1.5;margin-bottom:4px;max-width:none}
 .br-home .sw-note p{font-size:.82em;line-height:1.65;max-width:38ch}
 .sw-arrow{width:19px;height:28px;left:5px;bottom:-15px}
 .br-home .sw-takeaway{padding-left:0;font-size:1.04em;line-height:1.7;margin:25px 0 28px}
 .sw-breadth{padding-top:23px}
 .sw-breadth-head{display:block;margin-bottom:22px}
 .br-home .sw-breadth-head h3{font-size:1.3em;margin-bottom:8px}
 .br-home .sw-examples{grid-template-columns:1fr;gap:24px}
 .sw-examples>li{grid-template-columns:62px minmax(0,1fr);gap:18px}
 .sw-example-art{width:62px;padding-bottom:10px}
 .br-home .sw-examples p{font-size:1.07em;max-width:none}
 .br-home .sw-examples h4{font-size:.74em;margin-bottom:4px}
 .br-home .sw-scope-caption{font-size:.91em;margin-top:25px}
 .sw-closing{grid-template-columns:1fr;gap:18px;padding-top:21px;margin-top:24px}
 .br-home .sw-closing p{font-size:.86em;line-height:1.7;max-width:none}
}
@media(max-width:360px){.br-home .sw-record>p{font-size:1.2em}.sw-record{gap:10px}.sw-note{padding-left:32px}}
