@import "https://fonts.googleapis.com/css2?family=Alegreya:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";:root{--paper:#f5f5ef;--white:#fff;--pine:#173d35;--ink:#223b34;--muted:#5b6c62;--line:#d7dfd4;--mist:#e6ecdf;--honey:#e5b45c;--blue:#346a89;--clay:#b87654;--serif:"Alegreya",Georgia,serif;--sans:"Manrope",Arial,sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}p{line-height:1.8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}.shell{width:min(1280px,100% - 96px);margin-inline:auto}.section-space{padding-block:100px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--pine);color:#fff;z-index:100;padding:12px 20px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{justify-content:space-between;align-items:center;gap:24px;min-height:110px;display:flex}.wordmark{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:12px;font-size:23px;font-weight:600;text-decoration:none;display:flex}.wordmark-symbol{width:34px;height:34px;box-shadow:0 0 0 1px var(--line),0 1px 3px #173d351f;border-radius:22.5%;display:block}.site-header nav{align-items:center;gap:28px;font-size:13px;font-weight:600;display:flex}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-underline-offset:5px;text-decoration:underline}.site-header .nav-start{border:1px solid var(--line);border-radius:30px;padding:12px 17px}.button{border:1px solid #0000;border-radius:30px;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:14px 23px;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.button-dark{background:var(--pine);color:var(--paper)}.button-dark:hover{background:#27584a}.button-light{border-color:var(--line);color:var(--ink);background:0 0}.button-light:hover{background:var(--mist)}.text-link{border-bottom:1px solid;align-items:center;gap:18px;padding-bottom:4px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding-block:35px 65px;display:grid}.hero h1{letter-spacing:-2.1px;max-width:560px;font-size:clamp(58px,5.9vw,84px);line-height:1.02}.hero-intro{max-width:450px;margin:27px 0 29px;font-size:16px}.hero-note{color:var(--muted);margin-top:17px;font-size:12px}.hero-image{align-self:stretch;min-width:0;padding-top:5px}.hero-image img{object-fit:cover;object-position:61% center;border-radius:240px 240px 5px 5px;width:100%;height:570px}.hero-image figcaption{letter-spacing:.1px;color:var(--muted);text-align:center;margin-top:13px;font-size:10px}.approach{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:100px;display:grid}.approach h2{letter-spacing:-.8px;max-width:430px;font-size:48px;line-height:1.1}.approach-copy p+p{margin-top:18px}.approach-copy p{font-size:15px}.approach-copy .quiet-copy{color:var(--muted);font-size:12px}.quiet-copy a{text-underline-offset:3px}.starting-section{background:var(--mist)}.starting-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.starting-heading h2,.section-heading h2{letter-spacing:-.7px;font-size:52px;line-height:1.08}.starting-heading>p,.section-heading>p{color:var(--muted);max-width:280px;font-size:13px}.feeling-choices{flex-wrap:wrap;gap:10px;margin-block:35px 45px;display:flex}.feeling-button{color:var(--pine);background:0 0;border:1px solid #b8c7b7;border-radius:28px;min-height:45px;padding:13px 21px;font-size:13px}.feeling-button[aria-pressed=true]{background:var(--pine);color:var(--paper);border-color:var(--pine)}.starting-content{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;display:grid}.starting-answer h3{letter-spacing:-.3px;margin-bottom:20px;font-size:34px;line-height:1.17}.starting-answer>p{max-width:600px;font-size:14px}.starting-answer .experiment{border-left:3px solid var(--honey);margin:21px 0 25px;padding-left:17px;font-size:13px}.starting-study{padding-inline:30px}.pattern-study{width:100%;height:auto;display:block}.section-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px;display:flex}.guide-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.guide-card{min-width:0;text-decoration:none}.guide-art{background:#e9ecdf;border-radius:140px 140px 4px 4px;padding:30px 30px 20px}.guide-center .guide-art{background:#eee7d5}.guide-threshold .guide-art{background:#e4e9ec}.guide-art svg{height:220px}.guide-card-copy{padding:23px 12px 0 0;position:relative}.guide-card-copy>span:first-child{color:var(--muted);font-size:10px}.guide-card h3{max-width:280px;margin-block:9px 11px;font-size:28px;line-height:1.2}.guide-card p{color:var(--muted);max-width:305px;font-size:12px;line-height:1.8}.guide-open{font-size:20px;position:absolute;top:49px;right:0}.guide-card:hover h3{text-underline-offset:5px;text-decoration:underline 1px}.closing{text-align:center;border-top:1px solid var(--line);padding-top:55px}.closing>p{color:var(--muted);font-size:12px}.closing h2{letter-spacing:-.5px;margin:22px auto 30px;font-size:48px;line-height:1.12}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:start;gap:45px;padding-block:45px;display:grid}.footer-name{letter-spacing:-.7px;font-size:20px;font-weight:600;text-decoration:none}.site-footer p{color:var(--muted);font-size:11px}.site-footer>div>p{margin-top:8px}.footer-links{gap:12px;font-size:12px;display:grid}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.site-footer .attribution{text-align:right;font-size:10px;line-height:1.9}.article-shell{max-width:1040px;padding-top:40px}.back-link{color:var(--muted);text-underline-offset:4px;margin-bottom:50px;font-size:12px;display:inline-block}.article-header{max-width:740px}.reading-time{color:var(--muted);margin-bottom:15px;font-size:11px}.article-header h1{letter-spacing:-1.5px;font-size:70px;line-height:1.05}.article-intro{margin-top:25px;font-size:20px;line-height:1.6}.article-study{background:var(--mist);border-radius:8px;max-width:740px;margin:45px 0;padding:20px 100px}.article-study svg{max-height:320px}.article-body{max-width:680px;margin:0 auto}.article-body section{margin-bottom:45px}.article-body h2{margin-bottom:20px;font-size:34px;line-height:1.2}.article-body p{margin-bottom:18px;font-size:16px;line-height:1.95}.article-experiment{background:var(--mist);border-radius:6px;margin-bottom:40px;padding:30px}.article-experiment h2{font-size:29px}.article-experiment p{margin-bottom:0}.article-body .article-attribution{color:var(--muted);font-size:12px}.other-guides{border-top:1px solid var(--line);margin:65px 0;padding:40px 0}.other-guides h2{margin-bottom:20px;font-size:36px}.other-guides a{border-bottom:1px solid var(--line);justify-content:space-between;gap:25px;max-width:680px;padding:20px 0;font-size:14px;text-decoration:none;display:flex}.not-found{padding-block:100px 140px}.not-found h1{max-width:650px;margin:20px 0 35px;font-size:60px}@media (width>=1600px){.hero{padding-block:60px 85px}.hero-image img{height:640px}}@media (width<=1000px){.shell{width:calc(100% - 56px)}.hero{gap:30px}.hero h1{font-size:62px}.hero-image img{height:530px}.site-header nav{gap:18px;font-size:11px}.approach{gap:55px}.starting-content{gap:35px}.guide-grid{gap:20px}.guide-art{padding:20px}.guide-art svg{height:185px}.site-footer{gap:25px}.closing h2{font-size:42px}}@media (width<=720px){.shell{width:calc(100% - 40px)}.section-space{padding-block:65px}.site-header{align-items:center;gap:18px;min-height:90px}.wordmark{gap:9px;font-size:20px}.wordmark-symbol{width:28px;height:28px}.site-header nav{gap:12px}.site-header nav a:not(.nav-start){display:none}.site-header nav .nav-start{padding:9px 12px;font-size:10px}.hero{grid-template-columns:1fr;gap:38px;padding-top:25px}.hero h1{letter-spacing:-1.5px;max-width:460px;font-size:64px}.hero-intro{max-width:430px;margin-top:23px;font-size:15px}.hero-image{width:100%;max-width:520px;margin-inline:auto}.hero-image img{border-radius:220px 220px 4px 4px;height:440px}.hero-image figcaption{font-size:10px}.approach{grid-template-columns:1fr;gap:25px}.approach h2{max-width:400px;font-size:42px}.approach-copy p{font-size:14px}.starting-heading,.section-heading{display:block}.starting-heading h2,.section-heading h2{font-size:44px}.starting-heading>p,.section-heading>p{max-width:none;margin-top:18px}.feeling-choices{gap:8px;margin:27px 0 32px}.feeling-button{padding:12px 16px;font-size:11px}.starting-content{grid-template-columns:1fr;gap:25px}.starting-answer h3{font-size:32px}.starting-study{width:100%;max-width:410px;margin-inline:auto;padding-inline:20px}.guide-grid{grid-template-columns:1fr;gap:38px}.guide-card{grid-template-columns:.9fr 1.1fr;gap:22px;display:grid}.guide-art{border-radius:90px 90px 3px 3px;align-self:start;padding:8px}.guide-art svg{height:auto;min-height:150px}.guide-card-copy{padding-top:8px}.guide-card h3{padding-right:15px;font-size:25px}.guide-card p{font-size:11px}.guide-open{font-size:15px;top:37px}.closing h2{font-size:36px}.closing h2 br{display:none}.site-footer{grid-template-columns:1fr auto;gap:30px 15px;padding-block:35px}.site-footer .attribution{text-align:left;grid-column:1/-1}.article-shell{padding-top:20px}.back-link{margin-bottom:35px}.article-header h1{letter-spacing:-.8px;font-size:49px}.article-intro{font-size:18px}.article-study{margin:30px 0;padding:20px 35px}.article-body h2{font-size:30px}.article-body p{font-size:15px}.article-experiment{padding:24px}.other-guides{margin-block:40px}.not-found h1{font-size:45px}}@media (width<=370px){.shell{width:calc(100% - 30px)}.wordmark{font-size:18px}.site-header .nav-start{padding:8px;font-size:9px}.hero h1{font-size:57px}.hero-image img{height:370px}.guide-card{grid-template-columns:1fr}.guide-art{max-width:240px}.guide-card h3{font-size:28px}.guide-card p{font-size:12px}}.skip-link{position:absolute;top:10px;left:-9999px;transform:none}.skip-link:focus{left:10px;transform:none}@media (width<=370px){.site-header nav{display:none}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}