@font-face{font-family:Caveat;src:url(../assets/fonts/caveat.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url(../assets/fonts/manrope.woff2);font-weight:200 800;font-display:swap}
@font-face{font-family:Mono;src:url(../assets/fonts/mono.woff2);font-display:swap}
:root{--paper:#FAF9F5;--ink:#252523;--muted:#64645E;--blue:#298EE6;--deep:#125997;--line:#D8D8D0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.025' filter='url(%23n)'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--deep);outline-offset:6px}.skip{position:absolute;top:-90px;left:20px;z-index:101}.skip:focus{top:10px;padding:12px;background:var(--paper)}.wrap{width:min(1280px,calc(100% - 144px));margin:auto}main{position:relative;isolation:isolate}.chapter{position:relative}.chapter>.wrap{position:relative;z-index:1}.hero{padding-top:54px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.eyebrow{font:11px/1.5 Mono,monospace;text-transform:uppercase;letter-spacing:.075em;color:var(--muted);margin:0 0 24px}.hero-copy .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{height:6px;width:6px;border-radius:50%;background:var(--blue)}h1,h2,h3{font-weight:700;letter-spacing:-.055em}h1{font-size:clamp(68px,6.5vw,102px);line-height:.98;margin:0 0 28px}.hero-question{display:block;font-size:clamp(43px,4.35vw,68px);line-height:1.03;letter-spacing:-.05em;margin-top:22px;color:var(--blue)}.hand-under{display:inline-block;position:relative}.hand-under>svg{position:absolute;left:-4%;bottom:-16px;width:110%;height:25px;overflow:visible;fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linecap:round;pointer-events:none}.hero-lead{max-width:470px;color:var(--muted);font-size:16px;line-height:1.75;margin:0 0 25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--ink);color:white;min-height:58px;padding:16px 23px;border:1px solid var(--ink);border-radius:3px 8px 4px 7px;text-decoration:none;font-size:14px;font-weight:600;box-shadow:3px 3px 0 #25252322;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #298ee633;background:#1774C4;border-color:#1774C4}.play-icon{font-size:11px}.button-time{font:10px Mono;opacity:.65;padding-left:10px;border-left:1px solid #ffffff55}.scroll-note{font:italic 500 12px/1.6 Manrope;color:var(--muted);margin:19px 0 0}.scroll-note span{font-size:20px;padding-left:7px;color:var(--blue)}.hero-art{position:relative;margin-top:50px}.hero-drawing{display:block;width:112%;margin-left:-6%;height:auto;color:#353530;overflow:visible}.drawing-label{font:600 25px/1.15 Caveat,cursive;letter-spacing:0}.label-phone{position:absolute;left:4%;top:-10px;transform:rotate(-7deg);color:var(--muted)}.label-sheet{position:absolute;right:7%;top:-20px;transform:rotate(5deg);color:var(--muted)}.label-manager{position:static;display:block;width:max-content;max-width:90%;text-align:center;margin:-4px auto 0;transform:rotate(-5deg);color:var(--deep);font-size:30px}.replay{display:flex;align-items:center;gap:8px;cursor:pointer;margin:22px auto 0;border:0;border-bottom:1px dashed #99978b;background:transparent;color:var(--muted);font-size:22px;padding:3px 0}.replay span{font-size:11px}.chapter-end{display:flex;align-items:center;gap:20px;padding-top:56px;padding-bottom:38px;margin-top:20px}.chapter-end p{font:10px/1.5 Mono;color:var(--muted);letter-spacing:.08em}.chapter-stamp{position:absolute;left:-66px;top:-4px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #a7b8c8;border-radius:49% 45% 51% 47%;background:var(--paper);font:11px Mono;color:var(--deep);z-index:2}.chapter-end .chapter-stamp{position:relative;left:auto;top:auto;flex:none}.small-arrow{margin-left:auto;font-size:24px;color:var(--blue)}.connect-chapter{padding:100px 0 85px}.story-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:75px;align-items:center}.chapter-intro{position:relative;background:var(--paper)}h2{font-size:clamp(36px,4vw,58px);line-height:1.09;margin:0 0 29px}.chapter-intro>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.85;margin:0 0 23px;max-width:520px}.blue{color:var(--blue)}.interactive-board{position:relative;background:#fffdfa;box-shadow:0 10px 30px #3431250d;border:1px solid #dfddd3;border-radius:2px 5px 4px 2px;padding:20px 20px 17px;transform:rotate(1deg)}.board-top{display:flex;align-items:center;justify-content:space-between;padding:0 7px}.board-caption{font:9px Mono;letter-spacing:.1em;color:#77776d}.paper-pin{width:10px;height:10px;background:var(--blue);border-radius:50%;box-shadow:2px 3px 0 #1a1a1a25}.operation-drawing{display:block;width:100%;color:#45453c;overflow:visible}.board-label{position:absolute;font:600 23px Caveat,cursive;color:#76766c;pointer-events:none}.board-label-phone{left:8%;top:37%;transform:rotate(-8deg)}.board-label-sheet{right:5%;top:34%;transform:rotate(7deg)}.board-label-house{left:8%;top:70%;transform:rotate(4deg)}.board-label-calendar{right:8%;top:68%;transform:rotate(-4deg)}.board-label-manager{left:46%;top:58%;color:var(--deep)}.board-action{border-top:1px dashed var(--line);padding:17px 0 5px;display:flex;align-items:center;gap:18px;justify-content:space-between}.connect-button{border:0;background:transparent;cursor:pointer;font:700 14px Manrope;color:var(--deep);padding:9px 3px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.connect-button span{padding-left:9px}.board-response{font-size:12px;line-height:1.5;max-width:230px;margin:0;color:var(--muted)}.interactive-board small{font-size:9px;color:#77776d;display:block;padding-top:9px}.accent{stroke:var(--blue);color:var(--blue)}.board-links{opacity:.1;transition:opacity .6s}.focus-ring{opacity:0;transition:opacity .6s}.is-connected .board-links,.is-connected .focus-ring{opacity:1}.is-connected .board-label{color:var(--deep)}.objection-chapter{padding:100px 0 130px}.objection-grid{display:grid;grid-template-columns:1.16fr 1fr;gap:110px;align-items:center}.objection-illustration{position:relative;padding-bottom:50px}.objection-illustration img{display:block;width:100%;height:auto;transform:rotate(-2.2deg);clip-path:polygon(0 2%,99% 0,100% 96%,1% 100%);mix-blend-mode:multiply}.paper-corner{position:absolute;top:-12px;left:43%;width:100px;height:30px;background:#e3e0d3b0;transform:rotate(4deg);z-index:2}.objection-illustration .drawing-label{position:absolute;bottom:0;left:10%;font-size:28px;transform:rotate(-5deg);color:var(--deep)}.loose-arrow{position:absolute;right:-60px;bottom:15px;width:220px;height:90px;stroke:var(--blue);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.chapter-intro .hand-note{font-family:Caveat,cursive!important;font-style:normal!important;font-size:25px!important;color:var(--deep)!important}.film-chapter{padding:100px 0 95px}.film-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.film-heading .chapter-intro{max-width:850px}.film-heading h2{font-size:clamp(38px,4vw,62px)}.film-note{width:230px;flex:none;transform:rotate(5deg);color:var(--deep);position:relative;margin:0 15px 65px 0}.film-note svg{width:90px;height:90px;position:absolute;right:0;top:40px;stroke:var(--blue);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.film-paper{position:relative;padding:15px;background:#fffdfa;border:1px solid #4a4a42;border-radius:4px 9px 3px 7px;box-shadow:6px 8px 0 #37372f0d;transform:rotate(-.35deg);margin-top:26px}.film-paper:before{content:"";position:absolute;inset:-5px -6px -7px -4px;pointer-events:none;border:1.4px solid var(--blue);border-radius:8px 3px 7px 4px;transform:rotate(.7deg);z-index:-1;opacity:.55}.film-bar{display:flex;justify-content:space-between;gap:15px;font:9px/1.6 Mono;color:var(--muted);padding:4px 5px 16px;letter-spacing:.07em}video{width:100%;display:block;aspect-ratio:16/9;background:#e5e0d8}video::cue{font:500 20px Manrope,Arial,sans-serif;background:#111e;color:white}.film-chapters{display:flex;gap:0;align-items:center;flex-wrap:wrap;margin-top:32px;border-bottom:1px solid var(--line);padding-bottom:19px}.film-chapters>span{font:italic 12px Manrope;color:var(--muted);margin-right:26px}.film-chapters button{background:none;border:0;border-right:1px solid var(--line);padding:4px 25px;cursor:pointer;font:10px/1.5 Mono;color:var(--muted)}.film-chapters button:last-child{border:0}.film-chapters button:hover{color:var(--blue)}.film-chapters button b{display:block;font:600 12px Manrope;color:var(--ink);margin-top:3px}.story-context{font-size:11px;line-height:1.8;color:var(--muted);max-width:960px;margin:23px 0 0}.story-context a{margin-left:8px;text-underline-offset:4px}.final-chapter{padding:105px 0 95px}.final-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:100px;align-items:center}.final-chapter h2{font-size:clamp(42px,4.8vw,72px);margin-bottom:39px}.final-chapter .hand-under{color:var(--blue)}.final-chapter .hand-under>svg{bottom:-17px}.button-blue{background:#1774C4;border-color:#1774C4;margin-top:5px}.final-chapter .fineprint{font-size:11px!important;margin:16px 0 0!important}.final-illustration{position:relative;text-align:center}.final-illustration .ink{width:90%;margin:auto;max-height:370px;color:var(--ink)}.final-illustration .drawing-label{display:block;color:var(--deep);transform:rotate(-5deg);font-size:29px}.credits{padding-top:40px;padding-bottom:90px}.credits details{border-top:1px solid var(--line)}.credits summary{display:flex;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;list-style:none;font:500 12px Manrope}.credits summary::-webkit-details-marker{display:none}.credits summary>span{font-size:18px;color:var(--blue)}.credits details[open] summary>span{transform:rotate(45deg)}.credits details p{font-size:12px;line-height:1.85;color:var(--muted);max-width:980px;margin:5px 0 25px}.story-trail{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.story-trail>svg{width:100%;height:100%;overflow:visible}.story-trail path{fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.trail-guide{stroke:#298ee619;stroke-dasharray:3 10}.trail-progress{stroke:var(--blue);opacity:.8}.trail-pen{position:absolute;width:32px;height:32px;transform-origin:5px 29px;left:0;top:0;opacity:0}.trail-pen svg{display:block;width:100%;height:100%}.story-nav{position:sticky;bottom:20px;width:max-content;margin:0 auto 20px;display:flex;align-items:center;gap:16px;background:#fffdf8ed;border:1px solid #d6d5cb;padding:12px 20px;box-shadow:0 6px 25px #21211b0b;border-radius:6px;z-index:8;backdrop-filter:blur(12px)}.story-nav a{display:flex;align-items:center;gap:7px;text-decoration:none;white-space:nowrap;font:11px Manrope;color:var(--muted)}.story-nav a span{font:9px Mono;color:var(--muted)}.story-nav a.is-active,.story-nav a.is-active span{color:var(--deep)}.story-nav a.is-active{font-weight:700}.story-nav i{width:25px;height:1px;background:var(--line)}
.motion-ready .ink path,.motion-ready .ink circle,.motion-ready .ink rect,.motion-ready .ink line,.motion-ready .ink polyline{stroke-dasharray:var(--stroke-length,1);stroke-dashoffset:var(--stroke-length,1)}.motion-ready .ink.is-drawn path,.motion-ready .ink.is-drawn circle,.motion-ready .ink.is-drawn rect,.motion-ready .ink.is-drawn line,.motion-ready .ink.is-drawn polyline{animation:ink-draw 1.45s cubic-bezier(.3,.1,.3,1) forwards;animation-delay:var(--delay,0s)}.motion-ready .ink .ink-part{--delay:0s}.motion-ready .ink.is-drawn .ink-part>*{animation-delay:var(--delay,0s)}.motion-ready .board-links path{stroke-dashoffset:var(--stroke-length,1);animation:none!important}.motion-ready .is-connected .board-links path{animation:ink-draw 1.2s ease forwards!important}.motion-ready .focus-ring path{stroke-dashoffset:0!important;animation:none!important}.motion-ready .hand-under>svg path{stroke-dasharray:450;stroke-dashoffset:450;animation:ink-draw 1.8s .6s ease forwards}
@keyframes ink-draw{to{stroke-dashoffset:0}}
.notice{padding:12px 20px;text-align:center;background:#DFEEFB;color:var(--deep);font-size:12px}.review main.wrap{padding:55px 0}.review h1{font-size:62px;max-width:950px}.review h2{font-size:36px;margin:55px 0 25px}.review p{max-width:850px}.review .actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:30px 0}.review .card-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.review .card{border:1px solid var(--line);padding:18px}.review .card img{display:block;width:100%}.review .card h3{font-size:25px;margin:15px 0}.review .status{font:11px Mono;color:var(--deep)}.review .secondary{font-size:14px;color:var(--deep)}.review video{max-width:380px;aspect-ratio:9/16}.review .v1-history{padding:20px 0}.review .wide-preview{width:100%;border:1px solid var(--line)}
@media(min-width:1600px){.hero-grid{gap:70px}.hero-art{margin-top:25px}.hero{padding-top:70px}.chapter-end{margin-top:35px}.hero-copy{padding-left:10px}}
@media(max-width:1100px){.wrap{width:calc(100% - 100px)}.hero-grid{gap:0}h1{font-size:74px}.hero-question{font-size:48px}.hero-drawing{width:112%;margin-left:-6%}.drawing-label{font-size:23px}.label-manager{font-size:27px}.story-layout{gap:45px;grid-template-columns:.9fr 1.2fr}.objection-grid{gap:65px}.chapter-stamp{left:-42px;width:28px;height:28px}.film-note{width:180px;font-size:13px}.final-grid{gap:50px}.board-label{font-size:20px}.board-action{display:block}.board-response{max-width:none;margin:9px 0 2px}.board-label-house{top:65%}.board-label-calendar{top:63%}.board-label-manager{top:52%}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.hero{padding-top:36px}.hero-grid{grid-template-columns:1fr}.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:80px;line-height:.94;letter-spacing:-.06em;margin-bottom:24px}.hero-question{font-size:48px;line-height:1.04;margin-top:24px;letter-spacing:-.055em}.hero-lead{font-size:14px;line-height:1.8;max-width:360px}.hero-art{width:calc(100% - 30px);margin:44px auto 0}.hero-drawing{width:100%;margin:0}.label-phone{font-size:18px;left:3%;top:2%}.label-sheet{font-size:18px;right:3%;top:1%}.label-manager{font-size:23px;bottom:3%;left:35%}.replay{margin-top:9px}.replay span{font-size:10px}.hero-copy .button{min-height:56px;font-size:13px}.scroll-note{font-size:11px;max-width:310px}.chapter-end{padding-top:27px;padding-bottom:0;gap:10px;margin-top:20px}.chapter-end p{font-size:8px;letter-spacing:.01em}.chapter-stamp{position:absolute;left:0;top:0;width:28px;height:28px;font-size:10px}.chapter-intro{padding-left:43px}.chapter-intro>p:not(.eyebrow){font-size:14px;line-height:1.85}h2{font-size:36px;letter-spacing:-.05em}.story-layout{grid-template-columns:1fr;gap:27px}.connect-chapter{padding:78px 0 50px}.interactive-board{margin-left:20px;padding:15px 10px 13px;transform:rotate(.7deg)}.board-top{padding:0 5px}.board-caption{font-size:7px}.board-label{font-size:17px}.board-label-phone{top:31%}.board-label-sheet{top:28%}.board-label-house{top:56%}.board-label-calendar{top:55%}.board-label-manager{top:43%}.board-action{padding:10px 5px 3px}.connect-button{font-size:13px}.board-response{font-size:11px;margin:7px 0 0}.interactive-board small{font-size:8px;line-height:1.5;padding:9px 5px 0}.objection-chapter{padding:60px 0}.objection-grid{grid-template-columns:1fr;gap:40px}.objection-grid>.chapter-intro{grid-row:1}.objection-illustration{margin-left:25px;padding-bottom:40px}.objection-illustration .drawing-label{font-size:24px;bottom:4px}.loose-arrow{width:140px;right:0;bottom:8px;height:70px}.paper-corner{width:70px;height:22px;top:-8px}.film-chapter{padding:65px 0 50px}.film-heading{display:block}.film-heading h2{font-size:36px}.film-note{display:none}.film-paper{padding:6px;margin:25px 0 0 15px}.film-bar{font-size:6px;letter-spacing:0;padding:4px 2px 9px;gap:5px}.film-chapters{gap:10px;margin-top:22px;padding:0 0 18px 18px}.film-chapters>span{width:100%;margin:0 0 1px;font-size:11px}.film-chapters button{padding:1px 10px 1px 0;margin-right:0;font-size:8px}.film-chapters button b{font-size:10px}.story-context{padding-left:20px;font-size:10px;line-height:1.8}.story-context a{display:block;margin:8px 0 0}.final-chapter{padding:70px 0 50px}.final-grid{grid-template-columns:1fr;gap:36px}.final-chapter h2{font-size:41px}.final-illustration{max-width:230px;margin:0 auto}.final-illustration .drawing-label{font-size:25px}.credits{padding:30px 0 98px}.credits details p{font-size:11px}.credits summary{font-size:11px}footer>span{max-width:180px;font-size:10px}footer>a:last-child{font-size:10px}.story-nav{bottom:12px;padding:11px 13px;gap:9px;width:calc(100% - 30px);justify-content:space-between;max-width:430px}.story-nav a{font-size:9px;gap:4px;min-height:30px}.story-nav a span{font-size:7px}.story-nav i{width:8px}.story-trail path{stroke-width:1.6}.trail-pen{width:24px;height:24px}.review h1{font-size:43px}.review .card-grid{grid-template-columns:1fr}.review .actions{gap:16px}.review h2{font-size:31px}.review main.wrap{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .ink path,.motion-ready .ink circle,.motion-ready .ink rect,.motion-ready .ink line,.motion-ready .ink polyline,.motion-ready .hand-under>svg path{stroke-dashoffset:0!important}.story-trail{display:none}.motion-ready .board-links path{stroke-dashoffset:0!important}.hero-drawing{opacity:1}}

/* Reserve space for the fixed institutional menu, including on first paint. */
#draw-my-life-menu{height:64px}
@media(min-width:1024px){#draw-my-life-menu{height:72px}}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.hero-actions .button-blue{margin-top:0}
@media(max-width:760px){.hero-actions{gap:8px}.hero-actions .button{padding-inline:12px;gap:8px;font-size:13px}}
@media(min-width:761px) and (max-height:760px){.hero{padding-top:28px}.hero-art{margin-top:32px}}