@font-face{font-family:Azeret Mono;src:url(/social-compounding/fonts/AzeretMono-Variable.woff2)format("woff2-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/social-compounding/fonts/AtkinsonHyperlegibleNext-Variable.woff2)format("woff2-variations");font-weight:200 800;font-display:swap}:root{--mono:"Azeret Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Atkinson Hyperlegible Next", ui-sans-serif, system-ui, sans-serif;--ink:#12100e;--paper:#f7f7f7;--card:#fff;--card-case:#efefef;--indigo:#4d5bc6;--olive:#4c6d00;--rule:#12100e;--rule-soft:#12100e47;--muted:#12100e9e;--coral:#fa9a91;--apricot:#ffb785;--honey:#f7d57f;--lime:#d9f796;--mint:#9bf3b2;--teal:#5ce1ca;--aqua:#80e8f3;--sky:#73d3f9;--cornflower:#7ab4fc;--periwinkle:#b7a7f9;--orchid:#e7a1de;--blossom:#ffb1c9;--container:1240px;--gutter:clamp(1.25rem, 4.5vw, 3.5rem);--edge:max(var(--gutter), calc((100% - var(--container)) / 2));--section-gap:clamp(2.4rem, 6vw, 5.25rem);--stack-gap:clamp(1.75rem, 4vw, 2.5rem);--frame:1px solid var(--rule);--hair:1px solid var(--rule-soft)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-synthesis-weight:none;margin:0;font-size:1rem;line-height:1.55}html.nav-open{overflow:hidden}html.nav-open body{width:100%;position:fixed;left:0;right:0;overflow:hidden}html.nav-open .masthead{position:fixed;top:0;left:0;right:0}a{color:inherit}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 4px var(--paper)}.band-indigo :focus-visible,.site-footer :focus-visible{outline-color:var(--card);box-shadow:0 0 0 4px var(--ink)}:focus:not(:focus-visible){outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:clip}.skip-link{z-index:60;border:var(--frame);background:var(--card);font-family:var(--mono);padding:.7rem 1rem;font-size:.8rem;text-decoration:none;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.masthead{padding:1.4rem var(--edge);background:var(--paper);z-index:30;justify-content:space-between;align-items:baseline;gap:1.5rem;display:flex;position:sticky;top:0}.wordmark{font-family:var(--mono);letter-spacing:.01em;font-size:clamp(1.05rem,1.75vw,1.6rem);font-weight:500;text-decoration:none}.nav{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;gap:clamp(1.1rem,3vw,2.6rem);font-size:.8rem;font-weight:500;display:flex}.nav a{text-decoration:none}.nav a:hover,.nav a[aria-current=page]{text-underline-offset:4px;text-decoration:underline}.nav-toggle{display:none}.section-label{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;text-align:center;margin:clamp(3rem, 7vw, 6rem) 0 var(--stack-gap);padding-inline:var(--edge);font-size:.72rem;font-weight:500}.hero{padding:clamp(2rem, 5vw, 4.5rem) var(--edge) clamp(2rem, 4vw, 3rem);grid-template-columns:1.35fr 1fr;align-items:start;gap:clamp(1.5rem,5vw,5rem);display:grid}.hero-heading{font-family:var(--mono);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.9rem,3.05vw,3rem);font-weight:500;line-height:1.2}.hero-line{display:block}.hero-rotator{display:inline-grid}.hero-word{visibility:hidden;grid-area:1/1}.hero-word:not([aria-hidden]){visibility:visible}.hero-copy{gap:var(--stack-gap);padding-top:.6rem;font-size:.95rem;line-height:1.6;display:grid}.hero-copy p{margin:0}@media (width>=861px){.js .practices-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:clip}}#practices{padding-bottom:clamp(4.4rem,10vw,9rem)}#practices:has(.practice[open]){padding-bottom:0}.wheel-wrap{padding:0 var(--edge);display:none}@media (width>=861px){.js .wheel-wrap{display:block}}.wheel{width:100%;height:auto;margin:0 auto;display:block}.wheel .seg{fill:var(--seg-colour);fill-opacity:0;stroke:var(--ink);stroke-width:1px;cursor:pointer;transition:none}.wheel .seg:hover,.wheel .seg:focus-visible,.wheel .seg[aria-pressed=true]{fill-opacity:1}.wheel text{font-family:var(--sans);fill:var(--ink);pointer-events:none;font-size:14px;font-weight:400}.wheel .wheel-title{letter-spacing:.26em;text-transform:uppercase;font-size:27px}.wheel .hub{fill:none;stroke:var(--ink);stroke-width:1px}.practice-list{border-top:var(--frame)}.practice{border-bottom:var(--frame)}.practice>summary{padding:.85rem var(--edge);cursor:pointer;font-family:var(--mono);background:var(--card);align-items:center;gap:.75rem;font-size:.85rem;font-weight:500;list-style:none;display:flex}.practice>summary::-webkit-details-marker{display:none}.practice[open]>summary{background:var(--practice-colour)}@media (hover:hover){.practice>summary:hover{background:var(--practice-colour)}}.practice>summary .chev{margin-left:auto;transition:transform .15s}.practice[open]>summary .chev{transform:rotate(180deg)}.practice>summary img{width:20px;height:20px}.practice-panel{background:var(--practice-colour);border:var(--frame);margin-inline:var(--edge);border-radius:0 0 10px 10px;margin-bottom:2.5rem;overflow:hidden}.panel-head{text-align:center;border-bottom:var(--frame);justify-content:center;align-items:center;gap:1rem;padding:1.4rem 4.3% 1rem;display:flex}.panel-head-copy{flex-direction:column;flex:1;align-items:center;display:flex}.panel-icon{width:32px;height:32px;margin:0 0 .5rem}.panel-head h3{font-family:var(--mono);margin:0;font-size:clamp(1rem,2.1vw,1.35rem);font-weight:500}.panel-head p{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;margin:.35rem 0 0;font-size:.68rem}.practice-nav{--chev:clamp(1.625rem, 2.76vw, 1.78rem);width:var(--chev);height:var(--chev);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.practice-nav img{width:100%;height:100%}@media (hover:hover){.practice-nav:hover img{opacity:.55}}.panel-grid{grid-template-columns:4fr 6fr;display:grid}.panel-col{position:relative}.panel-overview{border-right:var(--frame);grid-column:1;padding:1.6rem clamp(1rem,1.8vw,1.7rem) 2rem}.overview-lead{font-family:var(--mono);margin:0 0 var(--stack-gap);font-size:clamp(1rem,1.55vw,1.3rem);font-weight:500;line-height:1.4}.panel-overview p:not(.overview-lead){margin:0 0 .8rem;font-size:.95rem;line-height:1.6}.panel-cases{background:var(--card-case);flex-direction:column;grid-column:2;padding-bottom:2.2rem;display:flex}.case{touch-action:pan-y pinch-zoom;flex-direction:column;flex:1;display:flex}.panel-cases{grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.case{grid-area:1/1}.case[hidden]{visibility:hidden;display:flex}.case-dots{grid-row:2}.case-media{touch-action:pan-y pinch-zoom;margin:0}.case-media img{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--rule);-webkit-user-drag:none;border-top:0;border-left:0;border-right:0;border-radius:0;width:100%}.js-ready .case-media img{cursor:grab}.js-ready .case-media img:active{cursor:grabbing}.case-body{background:var(--card-case);flex:1;padding:1.3rem clamp(1rem,1.8vw,1.6rem) 1.4rem}.case-body h4{font-family:var(--mono);margin:0;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:500;line-height:1.25}.case .country{font-family:var(--mono);align-items:center;gap:.35rem;margin:.9rem 0 1.1rem;font-size:.8rem;display:flex}.case .country img{flex:none;width:14px;height:14px}.case-cols{grid-template-columns:1fr 1fr;gap:1.4rem;display:grid}.case .hook{margin:0;font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.5}.case-prose p{margin:0 0 .7rem;font-size:.95rem;line-height:1.62}.case-prose p:last-child{margin-bottom:0}.case-foot{grid-template-columns:1fr 1fr;align-items:end;gap:1.4rem;margin-top:1.6rem;display:grid}.case-label{letter-spacing:.1em;text-transform:uppercase;margin:0 0 .3rem;font-size:.72rem;font-weight:700}.case-mech{margin:0 0 1.2rem;font-size:.9rem}.case-credit{color:var(--muted);margin:0;font-size:.72rem;line-height:1.45}.case-link{font-family:var(--mono);word-break:break-word;margin:0;padding:.3rem 0;font-size:.82rem}.case-link a{padding-block:5px;display:inline-block}.case-controls{display:contents}.case-nav-frame{aspect-ratio:3/2;pointer-events:none;z-index:2;justify-content:space-between;align-items:flex-end;padding:.75rem;display:flex;position:absolute;top:0;left:0;right:0}.case-nav{pointer-events:auto;border:var(--frame);background:var(--card);cursor:pointer;place-items:center;width:26px;height:26px;padding:0;display:grid}.case-nav img{width:12px;height:12px}@media (hover:hover){.case-nav:hover{background:var(--practice-colour)}}.case-dots{justify-content:center;gap:0;padding-top:.9rem;display:flex}.dot{box-sizing:content-box;cursor:pointer;background:0 0;border:0;place-items:center;width:8px;height:8px;padding:9px;display:grid}.dot:before{content:"";box-sizing:border-box;border:1px solid var(--ink);border-radius:50%;width:8px;height:8px}.dot[aria-current=true]:before{background:var(--ink)}@media (hover:hover){.dot:hover:before{background:var(--muted)}.dot[aria-current=true]:hover:before{background:var(--ink)}.wordmark:hover{text-underline-offset:4px;text-decoration:underline}}.band-indigo{background:var(--indigo);color:var(--card);border-top:var(--frame);--edge-cqi:max(clamp(1.25rem, 4.5cqi, 3.5rem), calc((100cqi - 1240px) / 2));container-type:inline-size}.band-indigo .section-label{padding-top:var(--section-gap);margin-top:0}@media (width>=861px){.band-indigo .section-label{font-size:calc((2.7cqi - .054 * var(--edge-cqi)) * .95702)}}.principles{padding:0 var(--edge) var(--section-gap);grid-template-columns:1fr 1.6fr;gap:clamp(1.5rem,4vw,4rem);display:grid}.principles-lead{font-family:var(--mono);margin:0 0 var(--stack-gap);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:500;line-height:1.35}.principles-intro{max-width:36ch;margin:0 0 .9rem;font-size:.95rem;line-height:1.65}.principle-stack{border:var(--frame);background:var(--paper);border-radius:12px;overflow:hidden}.principle{border-bottom:var(--frame);color:var(--ink)}.principle:last-of-type{border-bottom:0}.principle>summary{cursor:pointer;font-family:var(--mono);align-items:center;gap:1rem;padding:.75rem 1.1rem;font-size:.85rem;list-style:none;display:flex}.principle>summary::-webkit-details-marker{display:none}.principle>summary .chev{margin-left:auto;transition:transform .15s}.principle[open]>summary .chev{transform:rotate(180deg)}@media (hover:hover){.principle:not([open])>summary:hover{background:#12100e0d}}.principle[open]{background:var(--ink);color:var(--paper)}.principle[open]:has(+.principle[open]){border-bottom-color:var(--paper)}.principle .body{max-width:70ch;margin:0;padding:0 1.1rem 1rem;font-size:.95rem;line-height:1.6}.band{border-top:var(--frame)}#how-to-use{border-top:0}.band-inner{padding:var(--section-gap) var(--edge)}.band-paper{background:var(--paper)}.band-title{font-family:var(--mono);margin:0 0 clamp(2rem, 4.7vw, calc(var(--stack-gap) * 1.5));max-width:16ch;font-size:clamp(1.1rem,1.9vw,1.5rem);font-weight:500;line-height:1.25}.how-to{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(1.8rem,4vw,4.5rem);display:grid}.how-to-photo{gap:.9rem;margin:0;display:grid}.how-to-photo img{aspect-ratio:1400/1146;object-fit:cover;width:100%}.how-to-photo figcaption{font-size:.82rem;line-height:1.45}.how-to-body p,.how-to-body ul{font-size:.95rem;line-height:1.68}.how-to-body ul{margin:0 0 1.1rem;padding-left:1.4rem}.how-to-body li{margin-bottom:.2rem}.how-to-body p{margin:0 0 1.1rem}.cards-download{min-height:44px;margin:calc(var(--stack-gap) - 1.1rem) 0 0;font-family:var(--mono);color:var(--ink);background:var(--card);border:1px solid var(--rule);align-items:center;gap:.6rem;padding:.65rem 1.05rem;font-size:.82rem;line-height:1.3;text-decoration:none;display:inline-flex}.cards-download img{flex:none;width:14px;height:14px}.cards-download span{text-underline-offset:3px;text-decoration:underline}.cards-download .cards-download-meta{color:var(--muted);white-space:nowrap;font-size:.72rem;text-decoration:none}.cards-download:hover,.cards-download:focus-visible{background:var(--ink);color:var(--paper)}.cards-download:hover .cards-download-meta,.cards-download:focus-visible .cards-download-meta{color:var(--paper)}.cards-download:hover img,.cards-download:focus-visible img{filter:invert()}@media (width<=479px){.cards-download{flex-wrap:wrap;row-gap:.15rem}.cards-download .cards-download-meta{flex-basis:100%;padding-left:calc(14px + .6rem)}}.band-indigo .cards-download{color:var(--card);border-color:var(--card);background:0 0}.band-indigo .cards-download img{filter:invert()}.band-indigo .cards-download .cards-download-meta{color:#ffffffd9}.band-indigo .cards-download:hover,.band-indigo .cards-download:focus-visible{background:var(--card);color:var(--ink)}.band-indigo .cards-download:hover img,.band-indigo .cards-download:focus-visible img{filter:none}.band-indigo .cards-download:hover .cards-download-meta,.band-indigo .cards-download:focus-visible .cards-download-meta{color:var(--muted)}.principles-intro+.cards-download{margin-top:calc(var(--stack-gap) - .9rem)}.footer-downloads{justify-items:start;gap:.45rem;margin:0;display:grid}.footer-downloads a{text-underline-offset:3px}.about-ofl{grid-template-columns:1fr 1.1fr;align-items:start;gap:clamp(1.8rem,6vw,5.5rem);display:grid}.about-ofl-photo{margin:0}.about-ofl-photo img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.how-to-photo img,.about-ofl-photo img{border:1px solid var(--rule);border-radius:10px}.about-ofl .band-title{max-width:14ch}.about-ofl .band-body{max-width:52ch}.about-ofl .band-body p{font-size:.95rem;line-height:1.68}.band-body p{max-width:62ch;margin:0 0 1rem;font-size:.95rem;line-height:1.7}.band-body>:last-child,.about-body>:last-child,.how-to-body>:last-child{margin-bottom:0}.band-body ol{margin:0 0 1rem;padding-left:1.2rem;font-size:.95rem;line-height:1.7}.band-body li{margin-bottom:.15rem}.band-indigo a{color:inherit}.about-grid{grid-template-columns:1.15fr 1.35fr;align-items:start;gap:clamp(1.8rem,4vw,4.5rem);display:grid}.about-lead p{max-width:26ch;margin:0 0 1.5rem;font-size:clamp(1.05rem,1.45vw,1.4rem);line-height:1.35}.about-lead p:last-child{margin-bottom:0}.about-body{columns:2;column-gap:clamp(1.8rem,3.2vw,3.4rem);font-size:.95rem;line-height:1.62}.about-body p{break-inside:avoid-column;margin:0 0 1rem}.site-footer{background:var(--olive);color:var(--card);padding:clamp(2.5rem, 5vw, 4rem) max(var(--edge), 121.7px) clamp(3.5rem, 8vw, 7rem) var(--edge);font-family:var(--mono);letter-spacing:.01em;grid-template-columns:1fr auto;align-items:start;gap:clamp(1.5rem,4vw,3rem);font-size:.9rem;line-height:1.6;display:grid}.footer-lockup{gap:3.2rem;display:grid}.footer-lockup .line{display:block}.footer-legal{gap:clamp(1.5rem,4vw,3.5rem);font-size:.85rem;display:flex}#practices,#principles,#about,#how-to-use,#about-ofl,#footer,.practice,.panel-head h3{scroll-margin-top:6rem}@media (width<=860px){.practice-panel{margin-inline:0;border-inline:0;border-bottom:0;border-radius:0;margin-bottom:0}.panel-grid{grid-template-columns:1fr}.panel-overview{border-right:0;border-bottom:var(--frame);grid-column:1}.panel-cases{grid-column:1}.case-cols{grid-template-columns:1fr;gap:.9rem}.case-foot{grid-template-columns:1fr;align-items:start;gap:1rem;margin-top:1.4rem}.about-grid,.how-to,.about-ofl{grid-template-columns:1fr}.about-lead p{max-width:none}.about-body{columns:1}.principles{grid-template-columns:1fr}#practices,#principles,#about,#how-to-use,#about-ofl,#footer,.practice{scroll-margin-top:5rem}.masthead{padding:.8rem var(--edge);align-items:center;gap:1rem}.nav{height:calc(100dvh - 100%);padding:1.4rem var(--edge) 2rem;background:var(--card);letter-spacing:0;text-transform:none;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:0;font-size:1.4rem;font-weight:500;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.nav[data-open=true]{display:flex}.nav a{align-items:center;min-height:52px;text-decoration:none;display:flex}.nav a:hover,.nav a[aria-current=page]{text-underline-offset:6px}.nav-toggle{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:44px;height:44px;margin:-.4rem -1rem -.4rem 0;padding:0;display:grid}.nav-icon{width:20px;height:20px}.hero{padding:clamp(1.8rem, 6vw, 3rem) var(--edge) clamp(2.2rem, 6vw, 3rem);grid-template-columns:1fr;gap:clamp(1.3rem,4.5vw,2.2rem)}.hero-heading{font-size:clamp(1.85rem,9.5vw,3rem)}.hero-copy{max-width:none;margin-left:min(38%,100% - 13rem);padding-top:0;font-size:.88rem;line-height:1.6}.section-label{letter-spacing:.15em;margin:clamp(2.4rem,8vw,4rem) 0 clamp(1.1rem,4vw,2rem);font-size:clamp(1.25rem,5.2vw,1.5rem)}.practice>summary{min-height:56px;padding:.5rem var(--edge);gap:.7rem;font-size:.9rem;line-height:1.3}.practice>summary img{flex:none;width:22px;height:22px}.practice>summary .chev{flex:none;place-items:center;width:44px;height:44px;margin:-.5rem -.9rem -.5rem auto;font-size:1.05rem;display:grid}.panel-head h3{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:clip}.panel-head{border-bottom:0;gap:0;padding:0}.panel-head .panel-icon,.panel-head p,.practice-nav{display:none}.panel-overview{padding:1.3rem var(--edge) 1.5rem}.overview-lead{font-size:1.05rem;line-height:1.38}.panel-overview p:not(.overview-lead){font-size:.88rem;line-height:1.62}.panel-cases{padding-bottom:0}.case-media img{max-height:48vh}.case-nav-frame{max-height:48vh;padding:.6rem}.case-body{padding:1.2rem var(--edge) 1.4rem}.case-body h4{font-size:1.05rem}.case .country{margin:.7rem 0 1rem;font-size:.76rem}.case .hook{font-size:1.05rem;line-height:1.5}.case-prose p{margin-bottom:.7rem;font-size:.88rem;line-height:1.62}.case-label{font-size:.68rem}.case-mech{font-size:.9rem}.case-credit{font-size:.72rem}.case-link{font-size:.8rem}.dot{box-sizing:border-box;flex:0 44px;width:44px;height:48px;padding:0}.practice-nav,.case-nav{position:relative}.case-nav:after{content:"";min-width:44px;min-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.practice-nav.prev:after,.practice-nav.next:after{content:"";top:calc((var(--chev) - 44px) / 2);bottom:calc((var(--chev) - 44px) / 2);position:absolute}.practice-nav.prev:after{left:calc(var(--chev) - 44px);right:0}.practice-nav.next:after{right:calc(var(--chev) - 44px);left:0}.principles-lead{font-size:1.05rem}.principles-intro{max-width:62ch;font-size:.88rem}.principle>summary{min-height:52px;padding:.55rem .9rem;font-size:.85rem;line-height:1.35}.principle>summary .chev{flex:none;place-items:center;width:44px;height:44px;margin:-.5rem -.7rem -.5rem auto;display:grid}.principle .body{padding:0 .9rem 1rem;font-size:.88rem}.band-title{max-width:none;margin-bottom:1.1rem;font-size:clamp(1.25rem,5.2vw,1.5rem)}.band-body p,.band-body ol{font-size:.88rem}.overview-lead{max-width:44ch}.panel-overview p:not(.overview-lead),.case-cols,.case-foot{max-width:62ch}.case-body h4{max-width:34ch}.site-footer{padding:1.1rem var(--edge) 1.3rem;font-size:.78rem;line-height:1.5}.site-footer a{padding:.42rem 0;display:inline-block}.site-footer>span{padding:.15rem 0}}@media (width<=479px){.site-footer{grid-template-columns:1fr;gap:0}}@media (width<=620px){.wordmark{max-width:12ch;font-size:.82rem;line-height:1.28}}@media (width>=861px){.js .practice>summary{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:clip}.js .practice{border-bottom:0}.js .practice-list{border-top:0}.practice-panel{margin-top:0}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.practice[open]>.practice-panel,.principle[open]>.body{animation:.2s ease-out both panel-in}.nav[data-open=true]{animation:.16s ease-out both menu-in}.dot:before,.case-nav,.practice>summary,.principle>summary{transition:background-color .14s}}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes menu-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto!important}.hero-word:not(:first-child){display:none}}