.essay{--e-bg: #f5f4ef;--e-ink: #111111;--e-ink-2: #454545;--e-ink-3: #666666;--e-rule: rgb(17 17 17 / .14);--e-blend: multiply;--e-red: #f87171;--e-green: #34d399;--e-blue: #60a5fa;--e-red-text: #c81e1e;--e-green-text: #047857;--e-blue-text: #1d4ed8;background:var(--e-bg);color:var(--e-ink);font-family:var(--font-sans);overflow-x:clip}html.dark .essay{--e-bg: #070707;--e-ink: #eaeaea;--e-ink-2: #b0b0b0;--e-ink-3: #9a9a9a;--e-rule: rgb(234 234 234 / .14);--e-blend: color-dodge;--e-red: rgb(220 38 38 / .8);--e-green: rgb(5 150 105 / .8);--e-blue: rgb(37 99 235 / .8);--e-red-text: #ef4444;--e-green-text: #10b981;--e-blue-text: #3b82f6}.essay-wrap{width:calc(100% - 2 * var(--grid-margin));max-width:calc(80rem - 2 * var(--grid-margin-lg));margin-inline:auto}@media (min-width: 1024px){.essay-wrap{width:calc(100% - 2 * var(--grid-margin-lg))}}.essay-grid{display:grid;grid-template-columns:1fr}@media (min-width: 1024px){.essay-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem}}.essay-label{display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.35em;color:var(--e-ink-3)}.essay-open{position:relative;padding-block:8rem 4rem}.essay-open h1{margin-top:2.5rem;font-size:clamp(3rem,8vw,6.5rem);font-weight:500;line-height:.95;letter-spacing:-.035em;font-feature-settings:"ss01" on,"cv01" on;text-wrap:balance}.essay-sub{margin-top:2.5rem;max-width:35rem;padding-left:1.75rem;border-left:3px solid var(--e-ink);font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:300;line-height:1.35}.essay-byline{display:flex;align-items:center;gap:.875rem;margin-top:2.5rem;font-size:.9375rem;color:var(--e-ink-2)}.essay-byline a{color:var(--e-ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--e-rule);text-underline-offset:3px}.essay-byline a:hover{text-decoration-color:currentColor}.essay-byline small{display:block;font-size:.8125rem;color:var(--e-ink-3)}.essay-open-label{display:flex;align-items:center;gap:.875rem}.essay-mark{display:inline-flex;isolation:isolate}.essay-mark i{width:1.375rem;height:1.375rem;border-radius:50%;mix-blend-mode:var(--e-blend)}.essay-mark i+i{margin-left:-.5rem}.essay-mark i:nth-child(1){background:var(--e-red)}.essay-mark i:nth-child(2){background:var(--e-green)}.essay-mark i:nth-child(3){background:var(--e-blue)}@media (min-width: 1024px){.essay-open{padding-block:10rem 7rem}}.essay-sec{border-top:1px solid var(--e-rule);padding-block:4rem 4.5rem}.essay-side{margin-bottom:2rem}.essay-side:not(:has(*)){margin-bottom:0}.essay-side h2{margin-top:1rem;max-width:22rem;font-size:clamp(2rem,3vw,2.5rem);font-weight:500;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}.essay-body{max-width:40rem;font-size:1.125rem;font-weight:300;line-height:1.7;text-wrap:pretty}.essay-body>*+*{margin-top:1.5rem}.essay-body .lede{font-size:clamp(1.375rem,2vw,1.625rem);line-height:1.45}.essay-body a{color:var(--e-link, var(--e-ink));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.essay-body a:hover{text-decoration-thickness:2px}.essay-body a.to-foundations{--e-link: var(--e-red-text)}.essay-body a.to-guides{--e-link: var(--e-green-text)}.essay-body a.to-patterns{--e-link: var(--e-blue-text)}.essay-body strong{font-weight:500}.essay-body ul{padding-left:1.25rem;list-style:disc}.essay-body li+li{margin-top:.5rem}.essay-body li::marker{color:var(--e-ink-3)}.essay-take{margin-top:2.5rem!important;padding-left:1.5rem;border-left:3px solid var(--e-ink);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:500;line-height:1.35;letter-spacing:-.01em}.essay-body h3{font-size:1.375rem;font-weight:500;line-height:1.25;letter-spacing:-.015em}@media (min-width: 1024px){.essay-sec{padding-block:5.5rem 6rem}.essay-side{grid-column:span 4;position:sticky;top:7rem;align-self:start;margin-bottom:0}.essay-body{grid-column:6 / span 6;font-size:1.1875rem}}.essay-levels{margin-top:2.5rem!important}.essay-level{display:grid;grid-template-columns:3rem 1fr;isolation:isolate;padding-block:1.75rem 2rem;border-top:1px solid var(--e-rule)}.essay-level:last-child{border-bottom:1px solid var(--e-rule)}.essay-level .dot{width:1.75rem;height:1.75rem;margin-top:.125rem;border-radius:50%;background:var(--e-dot);mix-blend-mode:var(--e-blend)}.essay-level h3{margin-bottom:.625rem}.essay-level p{font-size:1.0625rem;line-height:1.6;color:var(--e-ink-2)}.essay-level .more{display:inline-block;margin-top:.875rem;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.35em;text-decoration:none;color:var(--e-link)}.essay-level .more:hover{text-decoration:underline}.essay-level[data-colour=foundations]{--e-dot: var(--e-red);--e-link: var(--e-red-text)}.essay-level[data-colour=guides]{--e-dot: var(--e-green);--e-link: var(--e-green-text)}.essay-level[data-colour=patterns]{--e-dot: var(--e-blue);--e-link: var(--e-blue-text)}.essay-table{width:100%;border-collapse:collapse}.essay-table th{padding:0 1.5rem .875rem 0;text-align:left;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.35em;color:var(--e-ink-3)}.essay-table td{width:50%;padding:1.125rem 1.5rem 1.125rem 0;border-top:1px solid var(--e-rule);vertical-align:top;font-size:1.0625rem;line-height:1.45}.essay-table td:first-child{color:var(--e-ink-2)}.essay-table td:last-child{font-weight:500}.essay a:focus-visible{outline:2px solid currentColor;outline-offset:3px}