@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap";
:root{--paper:#f5f3eb;--ink:#171815;--lime:#ceff4a;--line:#53554e;--muted:#62645c;--serif:"Libre Caslon Display", Georgia, "Times New Roman", serif;--sans:"DM Sans", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}a:hover .arrow,.text-link:hover .arrow{transform:translate(5px)}::selection{background:var(--lime);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{letter-spacing:-.045em;font-size:clamp(62px,7.5vw,112px);line-height:.98}h2{letter-spacing:-.035em;font-size:36px;line-height:1.08}h3{letter-spacing:-.03em;font-size:28px;line-height:1.08}.site-shell{max-width:1440px;margin:38px auto 24px;padding:0 46px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 18px 22px;display:flex}.wordmark{font:34px/1 var(--serif);letter-spacing:-.025em}nav{gap:38px;font-size:15px;display:flex}nav a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);text-underline-offset:7px;text-decoration-thickness:1px}.hero{min-width:0;padding:36px 18px 44px}.hero-with-aside{grid-template-columns:minmax(0,1fr) 125px;align-items:end;gap:35px;display:grid}.hero-with-aside h1{font-size:clamp(64px,7.1vw,108px)}.highlight{background:linear-gradient(transparent 68%, var(--lime) 68%, var(--lime) 95%, transparent 95%);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin-left:-.045em;padding:0 .045em}.hero-copy{max-width:1000px;margin-top:26px;font-size:23px;line-height:1.5}.hero-copy .button{margin-top:23px}.button{background:var(--lime);color:var(--ink);cursor:pointer;border:1px solid #0000;border-radius:0;justify-content:space-between;align-items:center;gap:28px;padding:13px 24px;font-size:16px;font-weight:600;display:inline-flex}.button:hover{border-color:var(--ink)}.button:disabled{opacity:.5;cursor:not-allowed}.arrow{font-family:Arial,sans-serif;font-size:26px;font-weight:400;line-height:1;transition:transform .15s;display:inline-block}.hero-aside{padding-bottom:22px;font-size:13px;line-height:1.45}.eyebrow{letter-spacing:.11em;text-transform:uppercase;font-family:Courier New,monospace;font-size:11px;line-height:1.5}.aside-motto{line-height:1.7}.aside-rule{border-top:1px solid var(--line);width:48px;margin:28px 0 21px}.ruled-section{border-top:1px solid var(--line)}.section-label{justify-content:space-between;gap:20px;padding:17px 0 25px;display:flex}.project-grid{grid-template-columns:1.16fr 1fr;padding-bottom:28px;display:grid}.project-card{min-width:0;padding:0 26px 0 0}.project-card+.project-card{border-left:1px solid var(--line);padding:0 0 0 26px}.project-title{align-items:baseline;gap:24px;display:flex}.project-title h2{flex:1;font-size:32px}.project-title .eyebrow{font-size:14px}.project-art{align-items:center;min-height:252px;padding:25px 0 0;display:flex}.journey-art{color:#252620;align-items:center;gap:9px;width:100%;padding:8px 0;display:flex}.journey-trigger{text-align:center;border:1px solid #d9d7ce;flex:0 0 48px;padding:9px 5px;font-size:9px;line-height:1.6}.journey-step{background:#f9f8f1;border:1px solid #c8c7bf;flex:1;min-width:0;height:150px;padding:9px 8px}.email-label{font:10px/1.4 var(--sans);text-align:center;border-bottom:1px solid #deddd5;height:39px}.email-shape{background:var(--lime);height:23px;margin:13px 0 8px}.shape-1{clip-path:polygon(0 100%,40% 10%,65% 65%,80% 35%,100% 100%);background:#bcbeb3}.shape-2{background:repeating-linear-gradient(to bottom, var(--lime) 0 5px, transparent 5px 9px);width:18%}.shape-3{height:12px;margin-top:24px}.journey-step i,.campaign-art i{background:#d2d2c9;width:100%;height:4px;margin:5px 0;display:block}.journey-step i:last-child,.campaign-art i:last-child{width:62%}.campaign-art{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:460px;padding:8px 0;display:grid}.campaign-email{border:1px solid #c8c7bf;padding:9px}.lime-strip{background:var(--lime);height:20px}.campaign-email p{font:25px/1 var(--serif);padding:15px 0 8px}.paper-fold{clip-path:polygon(0 100%,13% 10%,55% 0,100% 20%,100% 100%);background:repeating-conic-gradient(from 230deg at 80% 110%,#97ad53 0deg 15deg,#d2dda4 15deg 35deg);height:69px;margin-top:15px}.campaign-notes{gap:10px;display:grid}.campaign-notes>div{border:1px solid #c8c7bf;padding:13px 10px}.campaign-notes small{margin-bottom:12px;font-size:9px;display:block}.audience-row{align-items:center;gap:10px;display:flex}.audience-row b{background:var(--lime);border-radius:50%;flex-shrink:0;width:10px;height:10px}.audience-row:last-child b{background:#b3b5a8}.article-grid{grid-template-columns:repeat(3,1fr);padding-bottom:24px;display:grid}.article-card{padding:0 26px}.article-card:first-child{padding-left:0}.article-card:last-child{padding-right:0}.article-card+.article-card{border-left:1px solid var(--line)}.article-card>a{align-items:end;gap:18px;margin-top:10px;display:flex}.article-card h3{flex:1}.article-card .eyebrow{font-size:10px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:22px 4px;display:flex}.site-footer .wordmark{font-size:24px}.site-footer nav{font-size:13px}.private-link{text-transform:none;font-size:10px}.side-by-side{border-top:1px solid var(--line);grid-template-columns:1.1fr 1fr;gap:65px;padding:45px 0;display:grid}.side-by-side h2{font-size:48px}.banner-visual{align-items:center;display:flex}.body-copy{margin:22px 0;line-height:1.7}.text-link{border-bottom:1px solid var(--line);align-items:center;gap:25px;padding-bottom:5px;display:inline-flex}.text-row{border-bottom:1px solid var(--line);align-items:baseline;gap:30px;padding:25px 8px;display:flex}.text-row>div{flex:1}.text-row p,.featured-post p{color:var(--muted);margin-top:10px;line-height:1.6}.text-row:last-child{border-bottom:0}.featured-post{border-bottom:1px solid var(--line);align-items:baseline;gap:45px;padding:8px 8px 34px;display:flex}.featured-post>div{flex:1}.featured-post h2{max-width:680px;font-size:43px}.about-layout{grid-template-columns:1.6fr 1fr;align-items:center;gap:55px;padding-bottom:40px;display:grid}.about-layout .hero{padding-left:18px}.photo-placeholder{aspect-ratio:3/4;color:var(--muted);background:#e2e1da;justify-content:center;align-items:center;max-height:420px;margin:38px 18px 15px;display:flex}.detail-header{padding:44px 18px}.detail-header h1{max-width:1000px;margin:30px 0 20px;font-size:clamp(55px,7vw,94px)}.detail-header>p{max-width:720px;font-size:21px;line-height:1.6}.detail-header .example-notice{margin-top:22px;font-size:11px}.case-art{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:center;padding:36px;display:flex}.case-art .journey-art{max-width:860px}.case-art .journey-step{height:190px}.case-sections>section{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr 1.5fr;gap:35px;padding:35px 18px;display:grid}.case-sections p{max-width:620px;line-height:1.8}.bottom-link{margin:32px 18px 42px}.reading-page{max-width:880px;margin:auto}.reading-page .detail-header h1{font-size:clamp(56px,6.6vw,88px)}.prose{max-width:650px;margin:auto;font-size:19px;line-height:1.85}.prose section{margin-bottom:35px}.prose h2{margin-bottom:15px;font-size:36px}.short-note .prose{max-width:650px}.login-page{max-width:680px;margin:auto;padding:48px 18px 70px}.login-page h1{margin-bottom:22px;font-size:86px}.login-page>p{font-size:18px;line-height:1.6}.login-form{gap:10px;max-width:420px;margin-top:34px;display:grid}.login-form label{margin-top:12px}.login-form input{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:0;width:100%;padding:14px 12px}.login-form .button{margin-top:18px}.form-message{border-left:3px solid var(--ink);margin:18px 0;padding-left:14px;line-height:1.6}.form-error{color:#8a251d}.private-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.private-header .hero{padding-left:0}.private-header h1{font-size:clamp(50px,6vw,90px)}.private-empty{padding:28px 0 65px;line-height:1.7}.private-empty h2{margin-bottom:20px}.private-list{margin:0;padding:0;list-style:none}.private-list li{border-bottom:1px solid var(--line)}.private-list a{font:32px var(--serif);padding:20px 0;display:block}.setup-note{max-width:650px;padding:30px 0 55px;line-height:1.8}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--lime);z-index:10;padding:10px;position:absolute;top:-60px;left:15px}.skip-link:focus{top:10px}@media (min-width:1500px){.site-shell{border:2px solid var(--ink);border-radius:8px;padding:26px 38px 0}.hero{padding-top:32px}}@media (max-width:1050px){.site-shell{padding:0 28px}.hero-with-aside{grid-template-columns:minmax(0,1fr) 105px;gap:20px}.hero-with-aside h1{font-size:7.2vw}.project-title{gap:12px}.project-title h2{font-size:28px}.journey-trigger,.journey-art>span{display:none}.article-card{padding:0 18px}.article-card h3{font-size:25px}.hero-copy{font-size:20px}.about-layout{gap:20px}.about-layout h1{font-size:8vw}.case-sections>section{grid-template-columns:30px 1fr 1.4fr;gap:20px}}@media (max-width:700px){.site-shell{margin:20px auto 0;padding:0 20px}.site-header{gap:16px;padding:0 0 17px}.wordmark{font-size:27px}nav{gap:16px;font-size:13px}.hero{padding:30px 0 35px}.hero h1,.hero-with-aside h1{font-size:clamp(45px,10.9vw,73px);line-height:1.02}.hero-with-aside{display:block}.hero-copy{margin-top:18px;font-size:17px;line-height:1.5}.button{padding:11px 20px;font-size:14px}.hero-aside{align-items:center;gap:28px;padding:26px 0 0;font-size:12px;display:flex}.hero-aside .aside-rule{border-top:0;border-left:1px solid var(--line);width:0;height:48px;margin:0}.hero-aside .eyebrow{font-size:10px}.section-label{padding-bottom:19px;font-size:9px}.section-label>span:last-child:not(:first-child){display:none}.project-grid{padding:0;display:block}.project-card,.project-card+.project-card{border-left:0;padding:0 0 22px}.project-card+.project-card{border-top:1px solid var(--line);padding-top:22px}.project-title h2{font-size:30px}.project-title .eyebrow{font-size:12px}.project-art{min-height:190px;padding-top:15px}.journey-step{height:143px}.email-label{font-size:9px}.campaign-art{max-width:100%}.campaign-email p{font-size:26px}.paper-fold{height:65px}.article-grid{padding:0;display:block}.article-card,.article-card:first-child,.article-card:last-child{padding:18px 0}.article-card:first-child{padding-top:0}.article-card+.article-card{border-left:0;border-top:1px solid var(--line)}.article-card h3{font-size:29px}.site-footer{flex-wrap:wrap;gap:20px;padding:20px 0}.site-footer .wordmark{font-size:23px}.site-footer nav{gap:15px;font-size:12px}.private-link{width:100%;font-size:9px}.side-by-side{grid-template-columns:1fr;gap:28px;padding:30px 0}.side-by-side h2{font-size:40px}.text-row{gap:15px;padding:23px 0}.text-row h2{font-size:29px}.text-row .eyebrow{max-width:65px;font-size:9px}.text-row p{font-size:15px}.featured-post{flex-wrap:wrap;gap:20px;padding:0 0 25px}.featured-post>.eyebrow{width:100%}.featured-post h2{font-size:36px}.featured-post>div{flex-basis:80%}.about-layout{grid-template-columns:1fr;gap:0;padding-bottom:30px}.about-layout .hero{padding-bottom:20px;padding-left:0}.photo-placeholder{width:100%;max-height:420px;margin:0}.detail-header{padding:30px 0}.detail-header h1,.reading-page .detail-header h1{font-size:53px}.detail-header>p{font-size:18px}.case-art{padding:25px 0}.case-art .journey-step{height:150px}.case-sections>section{grid-template-columns:25px 1fr;gap:15px;padding:26px 0}.case-sections p{grid-column:2;font-size:16px}.prose{font-size:17px}.prose h2{font-size:32px}.bottom-link{margin-left:0}.login-page{padding:35px 0 50px}.login-page h1{font-size:68px}.private-header{display:block}.private-header .button{margin-bottom:28px}.private-header .hero{padding-bottom:25px}.private-header h1{font-size:51px}.private-header .hero h1 br{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
